@media (min-width: 641px) { /* PC用 */
  /*
**　00 : 
**  01 : header
**  02 : wrap
**  03 : main
**  04 : sidebar
**  05 : footer
**  06 : page404
**  07 : table
**  08 : 見出し
**  09 : 推薦
**  10 : プライバシーポリシー
**  11 : post
**  12 : FontAwesome
**  13 : 

*/
  /* 00 : 
---------------------------------------------------------------------------------------------------------------------- */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.7em;
    -webkit-text-size-adjust: 100%;
    color: #1F1F1F;
  }
  :focus {
    outline: 0;
  }
  ol, ul {
    list-style: none;
  }
  html {
    font-size: 1.1rem;
    background-color: #f2f5fe;
  }
  h1 {
    color: #385071;
    font-weight: bold;
    font-size: large;
    border-left: 10px solid #385071;
    padding-left: 10px;
    line-height: 1.8em;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  h2 {
    color: #FFF;
    font-weight: bold;
    font-size: large;
    line-height: 1.8em;
    padding: 5px;
  }
  h3 {
    position: relative;
    padding: .75em 1em .75em 1.5em;
    border: 1px solid #ccc;
  }
  #pan {
    font-size: small;
  }
  #pan a {
    font-size: small;
  }
  .spaceimg img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }
  /* 01 : header
---------------------------------------------------------------------------------------------------------------------- */
  #head_h1 {
    width: 100%;
    background-color: #385071;
  }
  #head_h1 h1 {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: small;
  }
  #header_pc {
    background-color: #FFF;
  }
  #header_pc #head {
    position: relative;
    width: 1020px;
    height: 230px;
    margin-left: auto;
    margin-right: auto;
  }
  /* 02 : wrap
---------------------------------------------------------------------------------------------------------------------- */
  #wrap {
    height: auto;
  }
  #wrapper {
    width: 1020px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 60px;
  }
  /* 03 : main
---------------------------------------------------------------------------------------------------------------------- */
  #wrapper #main {
    width: 640px;
    background-color: #FFFFFF;
    float: right;
    background-position: 10px center;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }
  /* 04 : sideber
---------------------------------------------------------------------------------------------------------------------- */
  #wrapper #sidebar {
    width: 280px;
    float: left;
  }
  #wrapper #sidebar .sidemenu {}
  #sidebar .sidemenu li {
    list-style-image: none;
    list-style-type: none;
    height: 50px;
  }
  .sidemenu li a {
    display: table-cell;
    background-color: #FFFFFF;
    width: 280px;
    height: 49px;
    font-size: 16px;
    padding-left: 30px;
    border-bottom: 1px solid #385071;
    vertical-align: middle;
    -webkit-box-align: center; /* safari, Chrome対応 */
    -moz-box-align: center; /* Firefox対応 */
    -o-box-align: center; /* Opera対応 */
    -ms-box-align: center; /* IE対応 */
    box-align: center; /* ベンダープレフィックス無しも併記する */
  }
  /* 05 : footer
---------------------------------------------------------------------------------------------------------------------- */
  footer {
    margin-left: auto;
    margin-right: auto;
    background-color: #385071;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #copy {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    clear: none;
  }
  #copy a {
    font-size: 12px;
    color: #FFF;
    text-decoration: underline;
  }
  /* 06 : page404
---------------------------------------------------------------------------------------------------------------------- */
  .page404 ul {
    font-weight: bold;
    padding-top: 5px;
    margin-top: 10px;
  }
  .page404 ul li {
    font-weight: normal;
    list-style-type: none;
    padding-top: 5px;
  }
  .page404 ul li a:hover {
    text-decoration: underline;
  }
  /* 07 : table
---------------------------------------------------------------------------------------------------------------------- */
  table.type09 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
  }
  table.type09 thead th {
    padding: 15px;
    font-weight: bold;
    vertical-align: top;
    color: #385071;
    border-bottom: 3px solid #385071;
    text-align: center;
  }
  table.type09 tbody th {
    width: 180px;
    padding: 15px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
    text-align: center;
  }
  table.type09 td {
    width: 390px;
    padding: 15px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  table.type09 td:first-letter {
    margin-right: .1em;
    font-size: 1.2em;
  }
  /* 08 : 見出し
---------------------------------------------------------------------------------------------------------------------- */
  .jonson_copy {
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 4px solid #AB989D;
    border-bottom: 4px solid #AB989D;
  }
  .qa h3 {
    padding: 10px;
    background-color: #ff8f00;
    border-radius: 6px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFFFFF;
  }
  .qa h2 {
    background-color: #385071;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 6px;
    font-weight: bold;
    color: #FFFFFF;
  }
  /* 09 : 推薦
---------------------------------------------------------------------------------------------------------------------- */
  .suisen .suisen-block {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #f6f1e1;
  }
  .suisen .suisen-block h3 {
    background-color: #9f9163;
    text-align: center;
    color: #FFF;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 1.3em;
  }
  .suisen .suisen-block img {
    width: 215px;
    height: auto;
    margin-right: 10px;
    float: left;
  }
  .suisen .suisen-block .enquete-rightbox {
    float: left;
    width: 63%;
  }
  .suisen-block .enquete-rightbox .koe_last {
    font-size: x-small;
  }
  h3::after {
    position: unset;
    top: unset;
    left: unset;
    content: unset;
    width: unset;
    height: unset;
    border-radius: unset;
  }
  /* 10 : プライバシーポリシー
---------------------------------------------------------------------------------------------------------------------- */
  .privacy h3 {
    position: relative;
    padding: .75em 1em .75em 1.5em;
    border: 1px solid #ccc;
  }
  .privacy h3::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #ff8f00;
    border-radius: 4px;
  }
  /* 11 : post
---------------------------------------------------------------------------------------------------------------------- */
  .post .pre {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    border: 1px solid #F0F0F0;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
  }
  .post li {
    padding-bottom: 10px;
  }
  .post ul {
    background-color: #F8F9FF;
    border: 1px dotted #4865B2;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    list-style-position: inside;
    list-style-type: disc;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .post h2 {
    color: #FFFFFF;
    background-color: #385071;
    padding: 20px;
    border-radius: 5px;
    border-left: unset;
    text-shadow: unset;
    font-size: 22px;
  }
  .post h3 {
    position: relative;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    color: #385071;
    border-radius: 0 10px 10px 10px;
    border: 2px solid #385071;
    font-weight: bold;
    font-size: 19px;
  }
  .post h3:before {
    font-size: small;
    position: absolute;
    top: -24px;
    left: 0;
    height: 24px;
    padding: 0 1em;
    content: '\POINT';
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #385071;
  }
  .post h4 {
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
  }
  /* 12 : FontAwesome
---------------------------------------------------------------------------------------------------------------------- */
  .koe_kakomi {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    /*border-radius: 6px;*/
    margin-bottom: 10px;
    text-align: left;
    background-color: #f7f8f9;
    border: 1px solid #385071;
  }
  .koe_kakomi h3 {
    background-color: #385071;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 6px;
    font-weight: bold;
    color: #FFFFFF;
  }
  .koe_kakomi h3:before {
    font-size: unset;
    position: unset;
    top: unset;
    left: unset;
    height: unset;
    padding: unset;
    content: unset;
    color: unset;
    border-radius: unset;
    background: unset;
  }
  .koe_kakomi h4 {
    padding: unset;
    font-size: unset;
    font-weight: bold;
    margin-bottom: 5px;
  }
}
/*












*/
@media (max-width: 640px) { /* SP用 */
  /* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
  /*
**　00 : Common
**	01 : リンク設定
**	02 : レイアウト
**	03 : ヘッダー
**	04 : post
**	05 : 見出し
**	06 : menu
**	07 : フッター
**	08 : 推薦・お客様の声
**	09 : FontAwesome
**	10 : 
*/
  /* 00 : Common
---------------------------------------------------------------------------------------------------------------------- */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.7em;
    -webkit-text-size-adjust: 100%;
    color: #2E2118;
  }
  html, h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
    /*font-size: 16px;*/
    font-size: 1.1rem;
  }
  :focus {
    outline: 0;
  }
  ol, ul {
    list-style: none;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  caption, th, td {
    font-weight: normal;
    text-align: left;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
  }
  blockquote, q {
    quotes: """";
  }
  a img {
    border: 0;
    vertical-align: bottom;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }
  .clear {
    clear: both;
  }
  h1 {
    color: #385071;
    font-weight: bold;
    font-size: large;
    border-left: 10px solid #385071;
    padding-left: 10px;
    line-height: 1.8em;
    text-shadow: -1px 1px 1px rgba(248, 237, 215, 1);
    padding-top: 5px;
    padding-bottom: 5px;
  }
  h3 {
    position: relative;
    padding: .75em 1em .75em 1.5em;
    border: 1px solid #ccc;
  }
  #pan {
    font-size: small;
  }
  #pan a {
    font-size: small;
  }
  /* 01 : リンク設定
---------------------------------------------------------------------------------------------------------------------- */
  a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
    color: #444;
  }
  a:hover, a:active {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    outline: none;
    color: #666;
  }
  /**** Clearfix ****/
  nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after, .post:after {
    content: "";
    display: table;
    clear: both;
  }
  nav .panel, nav#mainNav, .newsTitle, .bg, .post {
    zoom: 1;
  }
  /* 02 : レイアウト
---------------------------------------------------------------------------------------------------------------------- */
  #wrapper, .inner {
    margin: 0 auto;
    max-width: 640px;
  }
  #content {
    margin-top: 5px;
    /* [disabled]margin-right: 25px; */
    /* [disabled]margin-left: 25px; */
    /* [disabled]margin-bottom: 5px; */
  }
  #footer_sp {
    clear: both;
    width: 100%;
  }
  /* 03 : ヘッダー
---------------------------------------------------------------------------------------------------------------------- */
  #head_h1 {
    background-color: #385071;
    margin: 0px;
  }
  #head_h1 h1 {
    width: 100%;
    color: #fff;
    font-size: small;
    padding-top: 5px;
    padding-bottom: 5px;
    text-shadow: unset;
    font-weight: unset;
    border-left: unset;
    padding-left: 10px;
    line-height: unset;
  }
  .chara span.sp01 {
    color: #f30;
    font-size: 120%;
  }
  /* 04 : post
---------------------------------------------------------------------------------------------------------------------- */
  .post .pre {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    border: 1px solid #F0F0F0;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
  }
  .post li {
    padding-bottom: 10px;
  }
  .post ul {
    background-color: #F8F9FF;
    border: 1px dotted #4865B2;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    list-style-position: inside;
    list-style-type: disc;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .post h2 {
    color: #FFFFFF;
    background-color: #385071;
    padding: 20px;
    border-radius: 5px;
    border-left: unset;
    text-shadow: unset;
    font-size: 22px;
  }
  .post h3 {
    position: relative;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    color: #385071;
    border-radius: 0 10px 10px 10px;
    border: 2px solid #385071;
    font-weight: bold;
    font-size: 19px;
  }
  .post h3:before {
    font-size: small;
    position: absolute;
    top: -24px;
    left: 0;
    height: 24px;
    padding: 0 1em;
    content: '\POINT';
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #385071;
  }
  .post h4 {
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
  }
  /* 05 : 見出し
---------------------------------------------------------------------------------------------------------------------- */
  .jonson_copy {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 4px solid #AB989D;
    border-bottom: 4px solid #AB989D;
  }
  .qa h2 {
    padding: 10px;
    background-color: #385071;
    border-radius: 6px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFFFFF;
  }
  /* 06 : menu
---------------------------------------------------------------------------------------------------------------------- */
  table.type09 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
  }
  table.type09 thead th {
    padding: 15px;
    font-weight: bold;
    vertical-align: top;
    color: #385071;
    border-bottom: 3px solid #385071;
    text-align: center;
  }
  table.type09 tbody th {
    width: 150px;
    padding: 15px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
    text-align: center;
  }
  table.type09 td {
    width: 410px;
    padding: 15px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  table.type09 td:first-letter {
    margin-right: .1em;
    font-size: 1.2em;
  }
  /* 07: フッター
---------------------------------------------------------------------------------------------------------------------- */
  #footer_sp .footer-l {
    width: 290px;
    float: left;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  #footer_sp .footer-r {
    float: left;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
  }
  #footer_sp tbody tr th {
    width: 25%;
    font-weight: bold;
    font-size: small;
    text-align: left;
    vertical-align: top;
  }
  #footer_sp tbody tr td {
    width: 75%;
    font-size: small;
    text-align: left;
    vertical-align: top;
  }
  #footer_sp a:hover {
    color: #999;
  }
  .copy {
    font-size: x-small;
    text-align: center;
    line-height: 1.1em;
    margin-top: 10px;
    padding-bottom: 5px;
  }
  /* 08 : 推薦・お客様の声
---------------------------------------------------------------------------------------------------------------------- */
  .koe_kakomi {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    /*border-radius: 6px;*/
    margin-bottom: 10px;
    text-align: left;
    background-color: #f7f8f9;
    border: 1px solid #385071;
  }
  .koe_kakomi h3 {
    background-color: #385071;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 6px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.2em;
  }
  .koe_kakomi h3:before {
    font-size: unset;
    position: unset;
    top: unset;
    left: unset;
    height: unset;
    padding: unset;
    content: unset;
    color: unset;
    border-radius: unset;
    background: unset;
  }
  .koe_kakomi h4 {
    padding: unset;
    font-weight: bold;
    font-size: 1.1em;
  }
  .koe_kakomi img {
    width: 70%;
    height: auto;
  }
  .suisen {
    background-color: #f6f1e1;
  }
  .suisen-block {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #f6f1e1;
  }
  .suisen-block h3 {
    background-color: #9f9163;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #FFF;
  }
  .suisen-block img {
    width: 70%;
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }
  .suisen-block .enquete-rightbox {
    float: unset;
  }
  .suisen-block .enquete-rightbox .koe_last {
    font-size: small;
    margin-top: 5px;
  }
  /* 09 : FontAwesome
---------------------------------------------------------------------------------------------------------------------- */
  .check {
    color: #0092d6;
    font-weight: bold;
    font-size: 20px;
  }
  .check:before { /*リストのアイコン*/
    size: 1.8em;
    font-family: FontAwesome;
    content: "\f069";
    font-weight: 400;
    left: 0.5em; /*左端からのアイコンまでの距離*/
    color: #0092d6; /*アイコン色*/
  }
}