@charset "utf-8";
/*
Theme Name: carport
Text Domain: carport
Version: 1.1.1
*/

/*common*/
/*----------------------------*/
*{ margin:0; padding:0; box-sizing: border-box;}
body{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; line-height: 1.6; color: #212121; }
img { border: none; width: 100%; height: auto;}
@media screen and (min-width: 1024px) {
_:-ms-lang(x)::-ms-backdrop, body { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}/*IE対策*/
}
@media screen and (max-width: 767px) {
* { -webkit-text-size-adjust: 100%;}
}
.center{ text-align: center; }
/*----------------------------*/
/*画面サイズ別ルートフォントサイズ*/
/*----------------------------*/
@media screen and (min-width: 1024px){
html{ font-size: 100px;/*変更不可*/}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
html{ font-size: 9.76vw;/*変更不可*/}
}
@media screen and (max-width: 767px){
html{ font-size: 31.25vw;/*変更不可*/}
}
/*----------------------------*/
/*画面サイズ別テキストサイズ*/
/*----------------------------*/
@media screen and (min-width: 768px){
body{ font-size: 0.18rem;}/*PCデザインのテキストサイズの基本：18pxの想定*/
}
@media screen and (max-width: 767px){
body{ font-size: 0.16rem;}/*SPデザインのテキストサイズの基本：16pxの想定*/
}
/*----------------------------*/





/*page*/
/*----------------------------*/
header, footer, main, section, nav { display: block; }
header{
    margin-top:0.2rem;
}
header .wrapper{
    max-width:1100px;   
}
body{
    padding:0!important;
}
ul, ol { list-style-type: none; }
em { font-weight: inherit; font-style: inherit; }
input[type="text"], input[type="email"], input[type="tel"], textarea { 
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
    font-weight: 500; 
    line-height: 1.6; 
    color: #212121;
    display: block; 
    width: 100%; 
    background: #fff; 
    border: 1px solid #cccccc;
    padding: 0.5em;
}
input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
    display: none;
}
input[type="submit"]:focus, input[type="button"]:focus {
    outline-offset: -2px;
}

#page { overflow: hidden; }

.frame_orange { display: inline-block; position: relative; color: #fff; font-weight: bold; background: #f77100; }
.frame_orange::before { content: ""; display: block; position: absolute; left: -0.16rem; top: 0; width: 0.16rem; height: 100%; background: url(images/frame01_left.png) no-repeat right; background-size: 100% 100%; }
.frame_orange::after { content: ""; display: block; position: absolute; right: -0.16rem; top: 0; width: 0.16rem; height: 100%; background: url(images/frame01_right.png) no-repeat left; background-size: 100% 100%; }

.frame_blue { display: inline-block; position: relative; color: #fff; font-weight: bold; background: #4c82c8; }
.frame_blue::before { content: ""; display: block; position: absolute; left: -0.22rem; top: 0; width: 0.22rem; height: 100%; background: url(images/frame02_left.png) no-repeat right; background-size: 100% 100%; }
.frame_blue::after { content: ""; display: block; position: absolute; right: -0.22rem; top: 0; width: 0.22rem; height: 100%; background: url(images/frame02_right.png) no-repeat left; background-size: 100% 100%; }
.frame_blue em { color: #ffee00; }

.h2_caption_area { background: url(images/bg01.png) repeat top; }
.h2_caption { text-align: center; }
.h2_caption h2 { font-weight: bold; }
.h2_caption h2 em { color: #f77100; }
.h2_caption h2 .underline { 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.h2_caption p em { font-weight: bold; }

.h2_caption_area_blue { background: url(images/bg03.png) no-repeat center; background-size: cover; }
.h2_caption_blue h2 { color: #fff; font-weight: bold; text-align: center; }
.h2_caption_blue h2 em { color: #fbf138; }

.h2_caption_area_orange { background: url(images/bg04.png) no-repeat center; background-size: cover; }
.h2_caption_orange h2 { color: #fff; font-weight: bold; text-align: center; }

.button_green { text-align: center; padding-bottom: 36px;}
.button_green a { display: inline-block; position: relative; color: #fff; font-weight: bold; text-decoration: none; background: #008f00; }
.button_green a::after { content: "\f105"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.button_green a em { color: #fbf138; }

/* ブルーボタン */
.button_blue { text-align: center; padding-bottom: 36px;}
.button_blue a { display: inline-block; position: relative; color: #fff; font-weight: bold; text-decoration: none; background: #4c81c7; }
.button_blue a::after { content: "\f105"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.button_blue a em { color: #fbf138; }

.plate_orange { position: relative; color: #fff; font-weight: bold; text-align: center; background: #f77100; }
.plate_orange::after { content: ""; display: block; position: absolute; left: 0; bottom: -0.12rem; width: 0.11rem; height: 0.12rem; background: url(images/accessory01.png) no-repeat top; background-size: 100%; }

.header_bar .breadcrumb a { color: #000; text-decoration: none; }
.header_bar .breadcrumb ul::after { content: ""; display: block; clear: both; }
.header_bar .breadcrumb ul > li { display: inline; }
.header_bar .breadcrumb ul > li:not(:last-child)::after { content: ">"; margin-left: 0.5em; }

.header_navi_area { background: #f77100; }
.header_navi a { display: block; color: #fff; text-decoration: none; text-align: center; }
.header_navi .active { background: #f99540; }

.eyecatch .picture img { vertical-align: middle; }

.footer_menu_area { background: #fff1c7; }
.footer_menu ul > li::before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #f66200; margin-right: 1.0em; }
.footer_menu ul > li a { color: #212121; text-decoration: none; }
@media screen and (min-width: 768px) {
    .footer_paypal {
        float: right;
        width: 60%;
    }
}
.footer_paypal p {
    padding-bottom: 15px;
}
.spbr {
    display: none;
}
@media screen and (max-width: 767px) {
    .footer_paypal {
        padding-left: 15px;
        padding-right: 15px;
    }
    .spbr {
        display: block;
    }
}

.small{font-size: 80%;}
.footer_info p::before { content: "\f3c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; }

.copyright_area { background: #f77100; }
.copyright p { color: #fff; text-align: center; }

.store_contact_area { background: #fefcec; }

.line_contact .box { background: #00b050; }
.line_contact .white_inner { background: #fff; }
.line_contact .white_inner h2 { color: #00b050; font-weight: bold; }
.line_contact .white_inner p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.line_contact .green_inner h2 { color: #fff; font-weight: bold;line-height:1.2; }
.line_contact .green_inner p { color: #fff; }
.line_contact .green_inner h2 .note { font-weight: normal; }

.tel_contact .box { position: relative; background: #fff; }
.tel_contact .box::before { content: ""; display: block; position: absolute; left: 0; top: 0; background: url(images/tel_accessory01.png) no-repeat center; background-size: 100%; }
.tel_contact .box::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; background: url(images/tel_accessory01.png) no-repeat center; background-size: 100%; }
.tel_contact .text h2 { font-weight: bold; text-align: center; }
.tel_contact .text h2 em { color: #f77100; }
.tel_contact .text hr { background: #f77100; border: none; }
.tel_contact .text p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.tel_contact .memo { background: url(images/tel_bg01.png) no-repeat center; background-size: 100% 100%; }
.tel_contact .memo p { color: #fff; }
.tel_contact .memo p em { font-weight: bold; }

.customer_review .voice { background: url(images/bg05.png) no-repeat center; background-size: cover; }
.customer_review .voice h3 { font-weight: bold; }
.customer_review .voice_orange dl > dt { background: #f66200; color: #fff; text-align: center; }
.customer_review .voice_blue dl > dt { background: #4c82c8; color: #fff; text-align: center; }
.customer_review .goo_net_review .text { background: #fff57c; }
.customer_review .goo_net_review .text p { text-align: center; }
.customer_review .goo_net_review .text p em { color: #f66200; font-weight: bold; }

.car_list .category h3 { color: #fff; font-weight: bold;  }
.car_list .category:nth-child(2n+1) h3 { background: #f66200; }
.car_list .category:nth-child(2n+2) h3 { background: #4c82c8; }
.car_list .car_item { background: #fff; }
.car_list .car_item p.maker { font-weight: bold; text-align: center; }
.car_list .car_item p.name { font-weight: bold; text-align: center; }
.car_list .car_item dl > dt { color: #f66200; font-weight: bold; }
.car_list .car_item dl > dt:nth-child(4n+1) { background: #ffefbd; }
.car_list .car_item dl > dd:nth-child(4n+2) { background: #ffefbd; }

.store_access_area { background: url(images/bg01.png) repeat top; }
.store_access { margin-bottom: 30px;}
.store_access .store { position: relative; }
.store_access h2 { color: #4c82c8; font-weight: bold; }
.store_access dl > dt { background: #f77100; color: #fff; text-align: center; }

.store_access .store_txt dl {
  display: grid;
  grid-template-columns: 0.75rem 1fr; /* dt / dd */
  column-gap: 0.1rem;
  row-gap: 0.05rem;
  margin-bottom: 0.1rem;
}
.store_access .store_txt dl > dt,
.store_access .store_txt dl > dd {
  margin: 0;
}
.store_access .store_txt dl > dt {
  display: flex;
  align-items: center;   /* 縦センター */
  justify-content: center; /* 横センター */
  text-align: center;
  padding: 0.05rem 0;     /* 既存と同等 */
  background: #f77100;    /* 既存 */
  color: #fff;            /* 既存 */
}



.store_access .instagram { position: relative; }
.store_access .instagram::before { content: ""; display: block; position: absolute; background: url(images/access_icon01.png) no-repeat center; background-size: 100%; }
.store_access .instagram_none::before { content: none; }
.store_access .instagram a { color: #212121; font-weight: bold; text-decoration: underline; }
/*.store_access .map { position: absolute; left: 0; right: 0; bottom: 0; padding-top: 41.1%; }*/
.store_access .map { position: absolute; left: 40%; right: 0; bottom: 0; padding-top: 42%; }

.store_access .map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.company_overview h2 { font-weight: bold; text-align: center; }
.company_overview hr { background: #f77100; border: none; }
.company_overview table { width: 100%; }
.company_overview table th { color: #fff; font-weight: bold; text-align: center; vertical-align: center; background: #feb800; }
.company_overview table td { background: #fff1c7; }

.floating_banner { position: fixed; z-index: 1000; right: 0.05rem; bottom: -2.0rem; /*background: #fff; border: 0.02rem solid #00b050;*/ cursor: pointer; transition: bottom 0.5s linear; }
.floating_banner.show { bottom: 0%; }
.floating_banner h2 { color: #00b050; font-weight: bold; }
.floating_banner p em { font-weight: bold; }
.floating_banner p i { color: #fff; text-align: center; background: #00b050; }
.floating_banner .image { position: absolute; right: 0; bottom: 0; }
.floating_banner .image img { vertical-align: bottom; }

.floating_banner_tel { position: fixed; z-index: 1000; right: 0.05rem; bottom: -2rem; cursor: pointer; transition: bottom 0.5s linear; }
.floating_banner_tel.show { bottom: 200px; }
.floating_banner_tel .img { position: relative;}
.floating_banner_tel .img img { vertical-align: bottom; }

.contact_box { background: #f7f7f7; }
.contact_box h3 { font-weight: bold; text-align: center; }
.contact_box:nth-child(1) ul > li { position: relative; padding-left: 1.5em; }
.contact_box:nth-child(1) ul > li::before { content: "\f138"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ff7200; position: absolute; left: 0; top: 0; }
.contact_box:nth-child(1) a { color: inherit; text-decoration: underline; }
.contact_box:nth-child(2) { text-align: center; }
.contact_box:nth-child(2) ul > li::before { content: "\f095"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ff7200; margin-right: 0.5em; display: inline-block; transform: scaleX(-1); }
.contact_box:nth-child(2) a { color: #ff7200; font-weight: bold; text-decoration: none; }

.reservation_form h2 { position: relative; font-weight: bold; padding-left: 1.0em; }
.reservation_form h2::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.1rem; height: 100%; background: #f77100; }
.reservation_form .description a { color: inherit; text-decoration: underline; }
.reservation_form .box { background: #fff; }
.reservation_form .box dl > dt { font-weight: bold; }
.reservation_form .box dl > dt.required::after { content: "必須"; color: #fff; background: #d83400; }
.reservation_form .button { text-align: center; }
.reservation_form input.submit { display: inline-block; position: relative; color: #fff100; font-weight: bold; background: #008f00; border: none; cursor: pointer; outline: none; }
.reservation_form input.submit::after { content: "\f105"; position: absolute; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.home_section01 .content_area { background: #fefcec; }
.home_section01 .content .box { background: #fff; }
.home_section02 .content_area { background: url(images/bg02.png) no-repeat center; background-size: cover; }
.home_section02 .content h2 img { vertical-align: middle; }
.home_section03 .content_area { background: url(images/bg01.png) repeat top; }
.home_section03 .content .label { color: #fff; font-weight: bold; text-align: center; background: #f66200; } 
.home_section03 .content h2 { font-weight: bold; text-align: center; }
.home_section03 .content h2 em.orange { color: #f66200; }
.home_section04 .content_area { background: #fefcec; }
.home_section04 .content .caption { text-align: center; }
.home_section04 .content .caption h2 { font-weight: bold; }
.home_section04 .content .caption h2 em { color: #f77100; }
.home_section04 .content .merit { position: relative; }
.home_section04 .content .merit .plate_orange::after { content: none; }
.home_section04 .content .merit .merit_title h3 { font-weight: bold; }
.home_section04 .content .merit .merit_title h3 em { color: #f77100; }
.home_section04 .content .merit .description p:not(:last-child) { margin-bottom: 1.0em; }
.home_section04 .content .merit .description p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.home_section04 .content .merit .good { background: #e4e4e4; }
.home_section04 .content .merit .good hr { background: #f77100; border: none; }
.home_section04 .content .merit .good h4 { font-weight: bold; text-align: center; }
.home_section04 .content .merit .good p em { color: #f77100; font-weight: bold; }
.home_section04 .content .merit .maintenance { background: #e4e4e4; }
.home_section04 .content .merit .maintenance p { font-weight: bold; text-align: center; }
.home_section06 .caption h2 { font-weight: bold; text-align: center; }
.home_section06 .caption h2 em {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+80,fff000+100&0+0,0+79,1+80,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(252,238,2,0) 79%, rgba(255,240,0,1) 80%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(252,238,2,0) 79%,rgba(255,240,0,1) 80%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(252,238,2,0) 79%,rgba(255,240,0,1) 80%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.home_section06 .caption h2 .large { color: #f77100; }
.home_section06 .plan h3 { font-weight: normal; }
.home_section06 .plan h3 em { font-weight: bold; }
.home_section06 .plan h3 em.orange { color: #f77100; }
.home_section06 .plan .cost h4 { color: #fff; font-weight: bold; }
.home_section06 .plan .flow { background: #f7f7f7; }
.home_section06 .plan .flow  h4 { font-weight: bold; text-align: center; }
.home_section06 .plan .flow  p { text-align: center; }
.home_section06 .comparison_area { background: #fefcec; }
.home_section06 .comparison h3 { background: url(images/bg06.png) no-repeat center; background-size: 100% 100%; color: #f77100; font-weight: bold; text-align: center; }
.home_section06 .comparison p { text-align: center; }
.home_section06 .comparison .other_images h4 { background: #4c82c9; color: #fff; font-weight: bold; text-align: center; }
.home_section06 .comparison .flat7_images h4 { background: #f77100; color: #fff; font-weight: bold; text-align: center; }
.home_section06 .contact_area { background: url(images/bg01.png) repeat top; }
.home_section08 .content_area { background: #fefcec; }
.home_section08 .content .caption .icon { text-align: center; }
.home_section08 .content .caption h2 { font-weight: bold; text-align: center; }
.home_section08 .content .caption h2 em.orange { color: #f77100; }
.home_section08 .content .description p { font-weight: bold; }
.home_section08 .content .description { margin-bottom: 0.1rem; }
.home_section08 .content .description p { font-size: 0.32rem; }
.home_section09 .content_area { background: url(images/bg01.png) repeat top; padding: 0.7rem 0;}
.home_section09 .content .caption .icon { text-align: center; }
.home_section09 .content .caption h2 { font-weight: bold; text-align: center; }
.home_section09 .content .caption h2 em.orange { color: #f77100; }
.home_section09 .content .flow h3 { font-weight: bold; }
.home_section09 .content .flow h3 em {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.home_section09 .content .flow p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.home_section10 h2 img { vertical-align: middle; }
.home_section11 .question h3 { color: #4c82c8; font-weight: bold; }
.home_section11 .question .answer p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.home_section15 .content h2 { color: #ff9c00; text-align: center; }
.home_section15 .content hr { background: #ffc000; border: none; }
.home_section15 .content .news { border-bottom: 1px solid #dcdcdc; }
.home_section15 .content .news h3 { display: inline-block; font-weight: normal; }
.home_section15 .content .news a { color: #000; text-decoration: none; }
.home_section15 .content .news .date { display: inline-block; color: #666666; }
.home_section15 .content .news .category { display: inline-block; background: #ff5e19; color: #fff; text-align: center; }
.home_section15 .content .link { text-align: right; }
.home_section15 .content .link a { color: #000; }
.home_section15 .content .link i { color: #ff5e19; }
.home_section16 .content .banner .bg img { vertical-align: middle; }
.home_section16 .content .banner .button a { display: block; color: #fbf138; font-weight: bold; text-align: center; text-decoration: none; background: #008f00; box-shadow: 0 0 0.05rem rgba(255,255,255,0.5); }
.home_section16 .content .banner .button a::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; }

.customervoice_section01 .content .content_caption { text-align: center; }
.customervoice_section01 .content .question h4 { font-weight: bold; }

.faq_section01 .content h3 { font-weight: bold; }
.faq_section01 .content .question h4 { color: #4c82c8; font-weight: bold; background: #fff1c7; }

.flat7_section01 .content_area { background: #fefcec; }
.flat7_section01 .content p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.flat7_section01 .content .topic { background: #fff; counter-reset: h4_list; }
.flat7_section01 .content .topic .label .title { display: block; }
.flat7_section01 .content .topic h3 { font-weight: bold; }
.flat7_section01 .content .topic h3 em { color: #f77100; }
.flat7_section01 .content .topic ul.list01 > li { position: relative; color: #f77100; font-weight: bold; padding-left: 1.5em; }
.flat7_section01 .content .topic ul.list01-b > li { position: relative; color: #1483cd; font-weight: bold; padding-left: 1.5em; }
.flat7_section01 .content .topic ul.list01 > li::before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0; }
.flat7_section01 .content .topic ul.list01-b > li::before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0; }
.flat7_section01 .content .topic ul.list02 > li { position: relative; padding-left: 1.5em; }
.flat7_section01 .content .topic ul.list02 > li::before { content: "\f111"; font-family: "Font Awesome 5 Free"; color: #f77100; position: absolute; left: 0; top: 0; }
.flat7_section01 .content .topic ul.list03 > li { position: relative; padding-left: 1.5em; }
.flat7_section01 .content .topic ul.list03 > li::before { content: "\f057"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #1483cb; position: absolute; left: 0; top: 0; }
.flat7_section01 .content .topic ol.list01 { counter-reset: list01; }
.flat7_section01 .content .topic ol.list01 > li { position: relative; color: #f77100; font-weight: bold; padding-left: 1.5em; }
.flat7_section01 .content .topic ol.list01 > li::before { content: counter(list01); counter-increment: list01; position: absolute; left: 0; top: 0; color: #fff; background: #f77100; }
.flat7_section01 .content .topic ol.list02 { counter-reset: list02; }
.flat7_section01 .content .topic ol.list02 > li { position: relative; padding-left: 1.5em; }
.flat7_section01 .content .topic ol.list02 > li::before { content: counter(list02); counter-increment: list02; position: absolute; left: 0; top: 0; color: #f77100; background: #fff57c; }
.flat7_section01 .content .topic ol.list03 { counter-reset: list03; }
.flat7_section01 .content .topic ol.list03 > li { position: relative; color: #f77100; font-weight: bold; padding-left: 1.5em; }
.flat7_section01 .content .topic ol.list03 > li::before { content: counter(list03); counter-increment: list03; position: absolute; left: 0; top: 0; background: #fff57c; }
.flat7_section01 .content .topic .picture img { vertical-align: middle; }
.flat7_section01 .content .topic .h4_list { position: relative; color: #f77100; font-weight: bold; padding-left: 1.5em; }
.flat7_section01 .content .topic .h4_list::before { content: counter(h4_list); counter-increment: h4_list; position: absolute; left: 0; top: 0; color: #fff; background: #f77100; }
.flat7_section01 .content .topic .h4_border { position: relative; color: #f77100; font-weight: bold; padding-left: 1.0em; }
.flat7_section01 .content .topic .h4_border::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.33em; height: 100%; background: #f77100; }
.flat7_section01 .content .topic .h4_balloon { color: #fff; font-weight: bold; text-align: center; background: #1483cc; }
.flat7_section01 .content .topic .h4_balloon em { color: #fbf138; }
.flat7_section01 .content .topic .h4_frame { color: #fff; font-weight: bold; text-align: center; }
.flat7_section01 .content .topic .h4_frame_orange { background: #f77100; }
.flat7_section01 .content .topic .h4_frame_blue { background: #1483cb; }
.flat7_section01 .content .topic .link h5 { color: #fff; font-weight: bold; text-align: center; background: #ff5a10; }
.flat7_section01 .content .topic .link .button a { display: block; color: #fbf138; font-weight: bold; text-align: center; text-decoration: none; background: #008f00; }
.flat7_section01 .content .topic .link .button a::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; }

.popularity_section01 .content_area { background: #fefcec; }
.popularity_section01 .content .item_header { position: relative; }
.popularity_section01 .content .item_header01::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1.25rem; height: 0.95rem; background: url(images/medal01.png) no-repeat center; background-size: 100%; }
.popularity_section01 .content .item_header02::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1.25rem; height: 0.95rem; background: url(images/medal02.png) no-repeat center; background-size: 100%; }
.popularity_section01 .content .item_header03::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1.25rem; height: 0.95rem; background: url(images/medal03.png) no-repeat center; background-size: 100%; }
.popularity_section01 .content .item_header h3 { color: #f76a00; font-weight: bold; }
.popularity_section01 .content .item .picture img { vertical-align: middle; }
.popularity_section02 .content_area { background: url(images/bg01.png) repeat top; }
.popularity_section02 .content .caption { text-align: center; }
.popularity_section02 .content .caption h2 { font-weight: bold; }
.popularity_section02 .content .caption h2 em { color: #f77100; }
.popularity_section02 .content .description p { font-weight: bold; }

.feature_section01 .content_area { background: #fefcec; }
.feature_section01 .content .introduction h3 { color: #fff; font-weight: bold; text-align: center; background: #f77100; }
.feature_section01 .content .introduction h3 em { color: #ffee00; }
.feature_section01 .content .introduction .items { display: flex; flex-wrap: wrap; justify-content: space-between; }
.feature_section01 .content .introduction .item { position: relative; }
.feature_section01 .content .introduction .item::after { content: ""; display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #fff; transform: scale(0.92); }
.feature_section01 .content .introduction .item h4 { position: absolute; z-index: 20; left: 0; right: 0; top: 0; width: 2.77rem; margin: 0 auto; }
.feature_section01 .content .introduction .item .picture img { vertical-align: middle; }
.feature_section01 .content .strong .item { position: relative; }
.feature_section01 .content .strong .item .label { position: absolute; left: 0; top: 0; }
.feature_section01 .content .strong .item .plate_orange::after { content: none; }
.feature_section01 .content .strong .item h3 { font-weight: bold; }
.feature_section01 .content .strong .item h3 em { color: #f77100; }
.feature_section01 .content .strong .item p:not(:last-child) { margin-bottom: 1.0em; }
.feature_section01 .content .strong .item p em { 
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.feature_section01 .content .strong .item .text .asterisk { vertical-align: top; }

.company_section01 .content_area { background: #fefcec; }
.company_section01 .content .item { background: #fff; }
.company_section01 .content .item:nth-child(1) { background: none; }
.company_section01 .content .item:nth-child(4) { background: none; }
.company_section01 .content .item:nth-child(5) { background: none; }
.company_section01 .content .item_header_plate h3 { color: #fff; font-weight: bold; text-align: center ;background: #f77100; }
.company_section01 .content .item_header_plate h3 em { color: #ffee00; }
.company_section01 .content .item_header_border { text-align: center; }
.company_section01 .content .item_header_border h3 { font-weight: bold; }
.company_section01 .content .item_header_border h3::after { content: ""; display: block; width: 0.6rem; height: 0.05rem; background: #f77100; margin: 0 auto; }
.company_section01 .content .item_header_border h3 em { color: #f77100; }
.company_section01 .content .item p:not(:last-child) { margin-bottom: 1.0em; }
.company_section01 .content .item p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
} 
.company_section01 .content .item ul > li { position: relative; padding-left: 1.5em; }
.company_section01 .content .item ul > li::before { content: "\f058"; font-family: "Font Awesome 5 Free"; color: #f77100; font-weight: 900; position: absolute; left: 0; top: 0; }

.line_section01 .content_area { background: #fefcec; }
.line_section01 .content .line_start h2 { color: #00b050; font-weight: bold;  }
.line_section01 .content .line_start h2 em { 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.line_section01 .content .line_start h3 { color: #00b050; font-weight: bold;  }
.line_section01 .content .line_start .box { background: #00b050; }
.line_section01 .content .line_start .white_inner { background: #fff; }
.line_section01 .content .line_start .white_inner p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.line_section01 .content .line_start .green_inner p { position: relative; color: #fff; padding-left: 1.0em; }
.line_section01 .content .line_start .green_inner p::before { content: "※"; position: absolute; left: 0; top: 0; }
.line_section01 .content .line_merit .item { background: #eaf3ff; }
.line_section01 .content .line_merit .item p { font-weight: bold; text-align: center; }
.line_section01 .content .line_merit .item p em {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.line_section01 .content .line_merit .item .image img { vertical-align: middle; }
.line_section01 .content .line_merit .register { background: #fff; border: 0.02rem solid #00b050; }
.line_section01 .content .line_merit .register h4 { color: #00b050; font-weight: bold; text-align: center; }
.line_section01 .content .line_merit .register h4 em {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.line_section01 .content .line_merit .register p em {
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.line_section01 .content .line_merit .register h5 { position: relative; font-weight: bold; padding-left: 1.0em; }
.line_section01 .content .line_merit .register h5::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.07rem; height: 100%; background: #00b050; }
.line_section01 .content .line_merit .register ol { counter-reset: line_merit; }
.line_section01 .content .line_merit .register ol > li { position: relative; padding-left: 1.2em; }
.line_section01 .content .line_merit .register ol > li::before { content: counter(line_merit); counter-increment: line_merit; display: block; position: absolute; left: 0; top: 0; width: 0.17rem; height: 0.17rem; color: #fff; text-align: center; background: #00b050; }
.line_section01 .content .line_merit .register .button a { color: #fff; font-weight: bold; text-align: center; text-decoration: none; background: #00b050; }
.line_section01 .content .line_merit .register .button a::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.line_section01 .content .line_merit .register .button a em { color: #fbf138; }
.line_section01 .content .line_merit .register .qr img { vertical-align: middle; }
.line_section02 .contact_caption_area { display: none; }
.line_section02 .line_contact { display: none; }

.contact_section01 .content_area { background: #fffcec; }
.contact_section01 .content .box { background: #fff; }
.contact_section01 .content h3 { position: relative; color: #fff; font-weight: bold; text-align: center; background: #ff6c00; }
.contact_section01 .content h3::before { content: ""; display: block; position: absolute; left: 0.05rem; top: 0.05rem; right: 0.05rem; bottom: 0.05rem; border: 1px solid #fff; }
.contact_section01 .content h3 em { color: #ffec00; }
.contact_section01 .content .image img { vertical-align: bottom; }
.contact_section02 .contact_caption_area { display: none; }
.contact_section02 .line_contact { display: none; }

.privacy_section01 .content_area { background: #fffcec; }
.privacy_section01 .content .box { background: #ffffff; }
.privacy_section01 .content h3 { font-weight: bold; }
.privacy_section01 .content ul > li { position: relative; padding-left: 1.0em; }
.privacy_section01 .content ul > li::before { content: "・"; position: absolute; left: 0; }

.reservation_nagano_contact_section02 .content_area { background: #fffcec; }

.reservation_suzaka_contact_section02 .content_area { background: #fffcec; }

.posts_section01 .post { border-bottom: 1px solid #dbdbdb; }
.posts_section01 .post h3 a { color: inherit; text-decoration: none; }
.posts_section01 .pagination { text-align: center; }
.posts_section01 .pagination > * { display: inline-block; background: #fdffe1; border: 1px solid #f77100; color: #000; text-decoration: none; text-align: center }
.posts_section01 .pagination > .current { background: #f77100; color: #fff; }
.posts_section01 .pagination > .dots { background: none; border: none; }

.post_section01 .post .picture { text-align: center; }
.post_section01 .post .youtube { position: relative; padding-top: 56.25%; }
.post_section01 .post .youtube iframe { display: block; position: absolute; left: 0 ; top: 0; width: 100%; height: 100%; }
.post_section01 .post img { width: auto; max-width: 100%; }
.post_section01 .post_body.text_image_reverse { display: flex; flex-direction: column-reverse; }
.post_section01 .links::after { content: ""; display: block; clear: both; }
.post_section01 .link_prev { float: left; }
.post_section01 .link_next { float: right; }
.post_section01 .link a { color: inherit; }

/* 法廷点検料金 */
.maintenance_section01 .caption_area { padding: 0.4rem 0; }
.maintenance_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.maintenance_section01 .caption h2 em { font-size: 0.4rem; }
.maintenance_section01 .content_area { padding: 0.4rem 0 0; background-color: #fefcec;}
.maintenance_section01 .content { padding: 0 0.15rem; }
.maintenance_section01 .content h3 { position: relative; font-size: 0.18rem; padding-left: 0.15rem; margin-bottom: 0.2rem; }
.maintenance_section01 .content h3::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.05rem; height: 0.27rem; background: #f77100; }
.maintenance_section01 .h3_text {margin-bottom: 0.2rem; }
.maintenance_section01 p{font-size: .14rem;}
.maintenance_section01 .topic {padding-bottom:.4rem;}
.maintenance_section01 .topic .label_orange {background-color: #f77100; color: #fff;}
.maintenance_section01 .topic .supplement {margin-top: .2rem;}
.maintenance_section01 .topic .supplement em {font-weight: bold; color: #f77100;}
.maintenance_section01 .topic .textbox {background-color: #fff; padding: .2rem;}
.maintenance_section01 .topic .textbox ul {margin: .2rem 0; font-size: .14rem;}
.maintenance_section01 .topic .textbox ul em {background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(251, 237, 3, 0) 59%, rgba(255, 240, 0, 1) 60%, rgba(255, 240, 0, 1) 100%); font-weight: bold;}
.maintenance_section01 .topic .textbox ul li {margin: .1rem 0;}



@media screen and (min-width: 768px) {

input[type="text"], input[type="email"], input[type="tel"], textarea { 
    font-size: 0.16rem;
}
textarea { height: 1.3rem; }
    
.for_sp { display: none; }
.wrapper { padding: 0 0.2rem; margin: 0 auto; }
.mb0{margin-bottom: 0px!important}
.button_green a { box-shadow: 0 0.07rem 0 #264f06; }
.button_green a::after { position: absolute; right: 0.2rem; }

/* ブルーボタン */
.button_blue a { box-shadow: 0 0.07rem 0 #325078; }
.button_blue a::after { position: absolute; right: 0.2rem; }

.header_bar { display: flex; justify-content: space-between; }
.header_bar .logo h1 { display: block; /*padding-top: 0.05rem; width: 1.77rem;*/width:189px; align-items: center!important;}
.header_bar .logo h1 a{ display: flex; padding: 0.16rem 0  0.01rem;}
.header_bar .breadcrumb { width: 2.5rem; padding-top: 0.15rem; }
.header_bar .breadcrumb ul { line-height: 1; }
.header_bar .breadcrumb ul > li { font-size: 0.12rem; }
.header_bar .breadcrumb i { margin-right: 0.05rem; }
.header_bar .info .place { font-size: 0.11rem; line-height: 1.2; }
.header_bar .info a.tel_link { display: block; width: 1.62rem; line-height: 1.0; }
.header_bar .info a.tel_link img { vertical-align: middle; }
.header_bar .info .note { color: #f77100; font-size: 0.11rem; line-height: 1.0; font-weight: bold; margin-top: -0.05rem; }


.links {
  display: flex;
  gap: 7px;
  align-items: stretch;
}

.links .line,
.links .web {
  display: flex;
}
.links .web a.button {
    margin-bottom: 0.05rem;

}

.web a{
    display: inline-block;
    line-height: 1.4;
}
.links .line a.button,
.links .web a.button {
  display: flex;              
  align-items: center;
justify-content: flex-start;
       
}


.links .line a.button{
padding: 0.14rem 0.15rem; 
    gap: 0.1rem;              
  font-weight: bold;
  margin-right: 0.1rem;
  text-decoration: none;
  color: #fff;
  border-radius: 0.5rem;
  line-height: 1.4;           
  min-height: 45px;        
} 

/* LINEボタン */
.links .line a.button {
  background: #00b900;
    font-size: 0.15rem;
}
.links .line a.button::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.05rem;
}



@media screen and (min-width: 768px) and (max-width: 1023px){
    .pc{
        display:none;
    }
    .for_tab{
        display:inline-block;
    }
    .tel{
        width: 0.48rem;  
        height: 0.6rem;
        margin-bottom: 0.1rem;
    }
    .header_bar .info a.tel_link{
        width:  auto;
    }
    .header_bar .info .links .store{
        margin-right: 0!important;
    }
    .header_bar_area{
        margin-bottom: 0.1rem;
    }
    header{
        margin-top: 0.15rem;
    }

}
@media screen and (max-width: 767px){
    .tel{
        width: 0.48rem;
        height: 0.48rem;
    }

}

.header_bar .info .links { display: flex; justify-content: space-between; align-items: center; }


.header_navi { padding: 0 0.15rem; }
.header_navi ul { display: flex; justify-content: space-between; align-items: stretch; }
.header_navi ul > li { position: relative; width: 14.28%; height: 0.7rem; border-left: 1px solid #fff; }
.header_navi ul > li:last-child { border-right: 1px solid #fff; }
.header_navi a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0.125rem; display: flex; justify-content: center; align-items: center; }

.eyecatch .picture { margin: 0 -5.2rem; }

.footer_menu_area { padding: 0.5rem 0; }
.footer_menu_area .wrapper::after { content: ""; display: block; clear: both; }
.footer_menu { float: right; width: 60%; }
.footer_menu::after { content: ""; display: block; clear: both; }
.footer_menu ul { float: left; font-size: 0.14rem; }
.footer_menu ul:nth-child(1) { width: 60%; }
.footer_menu ul:nth-child(2) { width: 40%; }
.footer_menu ul > li { margin-bottom: 0.1rem; }

.footer_info { float: left; width: 40%; padding-left: 0.15rem; }
.footer_info .logo { width: 52%; margin-bottom: 0.1rem; }
.footer_info p { font-size: 0.14rem; }
.footer_info p:not(:last-child) { margin-bottom: 0.3rem; }

.copyright_area { padding: 0.15rem 0; }
.copyright p { font-size: 0.14rem; }

.contact_caption_area { padding: 0.4rem 0; }
.contact_caption h2 { font-size: 0.4rem; line-height: 1.2; }
.contact_caption h2 em { font-size: 0.5rem; }

.store_contact_area { padding: 0.4rem 0; }
.store_contact_area .line_contact { margin-bottom: 0.3rem; }
.store_contact_area .line_contact .box .green_inner .button a {font-size: 0.18rem; border-radius: 0.205rem; padding: 0.05rem 0.2rem;}
.store_contact_area .line_contact .box .green_inner .button a { display: block; color: #fbf138; font-weight: bold; text-align: center; text-decoration: none; background: #008f00;}
.store_contact_area .line_contact .box .green_inner .button {position: absolute; bottom: 0.2rem; right: 1.9rem!important;}
.store_contact_area .line_contact .box .green_inner .button i{ color: #fff;}
.line_contact { padding: 0 0.15rem; }
.line_contact .box { position: relative; padding: 0.05rem; }
.line_contact .white_inner { padding: 0.1rem 0.2rem 0.2rem; }
.line_contact .white_inner h2 { font-size: 0.26rem; margin-bottom: 0.1rem; }
.line_contact .white_inner h2 em { font-size: 0.4rem; }
.line_contact .green_inner { padding: 0.2rem; }
.line_contact .green_inner h2 { font-size: 0.24rem; margin-bottom: 0.1rem; }
.line_contact .green_inner h2 .note { font-size: 0.14rem; }
.line_contact .green_inner p { position: relative; padding-left: 1.0em; font-size: 0.14rem; }
.line_contact .green_inner p::before { content: "※"; position: absolute; left: 0; top: 0; }
.line_contact .box .image { position: absolute; top: 0.15rem; right: 0.25rem; width: 1.44rem; }

.tel_contact { padding: 0 0.15rem; }
.tel_contact .box { padding: 0.4rem; background: url(images/tel_img01_pc.jpg) no-repeat right top; background-size: cover; }
.tel_contact .box::before { left: -0.1rem; top: -0.1rem; width: 0.45rem; height: 0.45rem; }
.tel_contact .box::after { right: -0.1rem; bottom: -0.1rem; width: 0.45rem; height: 0.45rem; }
.tel_contact .text { margin-bottom: 0.2rem; }
.tel_contact .text h2 { font-size: 0.4rem; margin-bottom: 0.2rem; }
.tel_contact .text hr { width: 1.0rem; height: 0.07rem; margin: 0 auto 0.3rem; }
.tel_contact .text p { font-size: 0.16rem; }
.tel_contact .memo { width: 4.27rem; height: 1.1rem; margin-bottom: 0.3rem; }
.tel_contact .memo p { font-size: 0.18rem; padding-top: 0.25rem; padding-left: 0.4rem; }
.tel_contact .memo p em { font-size: 0.24rem; }
.tel_contact .memo p .note { font-size: 0.14rem;}
.tel_contact .memo p .note .for_sp { margin-left: 1em; text-indent: -1.2em;}    
/*.tel_contact .buttons { display: flex; justify-content: space-between; }*/
.cta_button{display: flex;}
.tel_contact .buttons { max-width: 45%; }
/*
.tel_contact .buttons .button:nth-child(1) { width: 48.26%; }
*/
/*.tel_contact .buttons .button:nth-child(2) { width: 48.12%; }*/
/*.tel_contact .buttons .button:nth-child(3) { width: 48%; }*/

.tel_contact .cta_btn{ max-width: 45%; }
/*
.tel_contact .buttons .button:nth-child(1) { width: 47.67%; }
.tel_contact .buttons .button:nth-child(2) { width: 47.67%; }
.tel_contact .cta_btn{display: flow-root;}
.tel_contact .cta_btn1 { float: left; color: #fbf138; font-weight: bold; background: #008f00; border-radius: 0.4rem; width: 4rem; margin: 0 auto; box-shadow: 0 0.035rem 0 #264f06;}
.tel_contact .cta_btn2 { float: right; color: #fbf138; font-weight: bold; background: #008f00; border-radius: 0.4rem; width: 4rem; margin: 0 auto;  box-shadow: 0 0.035rem 0 #264f06;}
.tel_contact .cta_btn3 { float: right; color: #fbf138; font-weight: bold; background: #008f00; border-radius: 0.4rem; width: 4rem; margin: 0 auto;  box-shadow: 0 0.035rem 0 #264f06;}
*/
/*.tel_contact .cta_btn .button{ display: inline-flex; justify-content:space-between;}*/
/*.tel_contact .cta_btn1 { color: #fbf138; font-weight: bold; background: #008f00; border-radius: 0.8rem; width: 2.7rem; margin: 0 auto; box-shadow: 0 0.035rem 0 #264f06;}*/
.tel_contact .cta_btn2 { color: #fbf138; font-weight: bold; background: #008f00; border-radius: 0.8rem; width: 3.8rem; margin: 0 auto;  box-shadow: 0 0.035rem 0 #264f06; margin-left: 20px;}
.tel_contact .cta_btn3 { color: #fbf138; font-weight: bold; background: #008f00; border-radius: 0.8rem; width: 3.8rem; margin: 0 auto;  box-shadow: 0 0.035rem 0 #264f06; margin-left: 50px;margin-top: 10%;}

.tel_contact .cta_btn1 a{font-size: 0.2rem; text-align: center; text-decoration: none; color: #fff; margin: 0 auto; display: block; padding: 0.2rem;}
.tel_contact .cta_btn2 a{font-size: 0.2rem; text-align: center; text-decoration: none; color: #fff; margin: 0 auto; display: block; padding: 0.2rem;}
.tel_contact .cta_btn3 a{font-size: 0.2rem; text-align: center; text-decoration: none; color: #fff; margin: 0 auto; display: block; padding: 0.2rem;}
.tel_contact .pl{ padding-left: 0.3rem;}
.tel_contact .cta_btn em{color: #fbf138}
    
.customer_review { padding: 0 0.15rem; }
.customer_review .voices { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.customer_review .voice { width: 48.5%; padding: 0.3rem; margin-bottom: 0.3rem; }
.customer_review .voice_orange { border-top: 0.03rem solid #f77100; }
.customer_review .voice_blue { border-top: 0.03rem solid #4c82c8; }
.customer_review .voice .voice_header { margin-right: -0.2rem; }
.customer_review .voice .voice_header::after { content: ""; display: block; clear: both; }
.customer_review .voice .text { float: right; width: 48%; }
.customer_review .voice .picture { float: left; width: 48%; margin-bottom: 0.1rem; }
.customer_review .voice h3 { font-size: 0.18rem; line-height: 1.2; min-height: 0.63rem; margin-bottom: 0.05rem; }
.customer_review .voice .name { font-size: 0.14rem; margin-bottom: 0.05rem; }
.customer_review .voice dl { font-size: 0.14rem; }
.customer_review .voice dl > dt { display: inline-block; padding: 0 0.1rem; margin-bottom: 0.05rem; }
.customer_review .voice dl > dd { display: inline-block; min-width: 0.66rem; margin-left: 0.05rem; margin-bottom: 0.05rem; }
.customer_review .voice p { font-size: 0.16rem; }
.customer_review .voice p:not(:last-child) { margin-bottom: 1.0em; }
.customer_review .goo_net_review .text { position: relative; width: 4.6rem; padding: 0.15rem; margin: 0 auto 0.36rem; }
.customer_review .goo_net_review .text::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.16rem; width: 0.19rem; height: 0.16rem; background: url(images/accessory04.png) no-repeat center; background-size: 100%; margin: 0 auto; }
.customer_review .goo_net_review .text p { font-size: 0.18rem; }
.customer_review .goo_net_review .text p em.large { font-size: 0.24rem; }
.customer_review .goo_net_review .image { margin: 0 auto 0.5rem; }
.customer_review .goo_net_review .button a { font-size: 0.3rem; line-height: 1.2; border-radius: 0.525rem;; padding: 0.15rem 0.5rem; }
.customer_review .goo_net_review .button a::after { top: 0.35rem; }
    
/*お客様の声　new*/
.customer_review .new_voices { display: block; align-items: stretch; }
.customer_review .new_voices .new_voice { /*width: 100%;*/ padding: 0.3rem; margin-bottom: 0.3rem; }
.customer_review .new_voice { background: url(images/bg05.png) no-repeat center; background-size: cover; }
.customer_review .voice_orange { border-top: 0.03rem solid #f77100; }
.customer_review .voice_blue { border-top: 0.03rem solid #4c82c8; }
.customer_review .new_voice .voice_header {display: flex; justify-content: space-between; }
.customer_review .new_voice .voice_header::after { content: ""; display: block; clear: both; }
.customer_review .new_voice .picture { float: left; width: 48%; }
.customer_review .new_voice .text { float: right; width: 48%;}
.customer_review .new_voice h3 { font-size: 0.18rem; line-height: 1.2; min-height: 0.63rem; margin-bottom: 0.05rem; }
.customer_review .new_voice .name { font-size: 0.14rem; margin-bottom: 0.05rem; }
.customer_review .new_voice dl { font-size: 0.14rem; }
.customer_review .new_voice dl > dt { display: inline-block; padding: 0 0.1rem; margin-bottom: 0.05rem; }
.customer_review .new_voice dl > dd { display: inline-block; min-width: 0.66rem; margin-left: 0.05rem; margin-bottom: 0.05rem; }
.customer_review .new_voice p { font-size: 0.14rem; }
.customer_review .new_voice p:not(:last-child) { margin-bottom: 1.0em; }
.customer_review .goo_net_review .text { position: relative; width: 4.6rem; padding: 0.15rem; margin: 0 auto 0.36rem; }
.customer_review .goo_net_review .text::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.16rem; width: 0.19rem; height: 0.16rem; background: url(images/accessory04.png) no-repeat center; background-size: 100%; margin: 0 auto; }
.customer_review .goo_net_review .text p { font-size: 0.18rem; }
.customer_review .goo_net_review .text p em.large { font-size: 0.24rem; }
.customer_review .goo_net_review .image { margin: 0 auto 0.5rem; }
.customer_review .goo_net_review .button a { font-size: 0.3rem; line-height: 1.2; border-radius: 0.525rem;; padding: 0.15rem 0.5rem; }
.customer_review .goo_net_review .button a::after { top: 0.35rem; }
    
.car_list .category { margin-bottom: 0.2rem; }
.car_list .category h3 { border-radius: 0.22rem; padding: 0.05rem 0.2rem; margin-bottom: 0.2rem; }
.car_list .car_slider { margin: 0 -0.1rem 0.3rem; }
.car_list .car_items { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.11rem; }
.car_list .car_items > .car_item { width: 31%; margin-bottom: 0.2rem; }
.car_list .car_item { border-radius: 0.15rem; box-shadow: 0.01rem 0.01rem 0.05rem rgba(0,0,0,0.2); padding: 0.2rem 0.2rem 0.2rem; margin: 0 0.11rem; }
.car_list .car_item .image { height: 1.9rem; }
.car_list .car_item p.maker { font-size: 0.16rem; line-height: 1.2; }
.car_list .car_item p.name { font-size: 0.2rem; line-height: 1.2; margin-bottom: 0.1rem; }
.car_list .car_item dl { display: flex; flex-wrap: wrap; }
.car_list .car_item dl > dt { width: 61%; font-size: 0.14rem; line-height: 1.2; padding: 0.1rem 0 0.1rem 0.1rem; }
.car_list .car_item dl > dd { width: 39%; font-size: 0.16rem; line-height: 1.2; padding: 0.1rem 0.1rem 0.1rem 0.2rem; position: relative; }
.car_list .car_item dl > dd::before { content: ""; display: block; position: absolute; left: 0; top: 0.1rem; width: 0.14rem; height: 0.16rem; background: url(images/slider_icon.png) no-repeat center; background-size: 100%; }

.store_access_area { padding: 0.4rem; }
.store_access { /*display: flex; justify-content: space-between; align-items: stretch;*/ padding: 0.4rem; }
/*.store_access .store { width: 46%; }*/
.store_access .store { display: flex; justify-content: space-between; }
.store_access .store_txt { width: 43%; }
/*.store_access .map { width: 43%; }*/
    
.store_access h2 { font-size: 0.23rem; margin-bottom: 0.1rem; }
.store_access p { font-size: 0.16rem; margin-bottom: 0.1rem; }
.store_access dl {
  display: grid;
  grid-template-columns: 0.75rem 1fr;
  column-gap: 0.1rem;
  row-gap: 0.05rem;
  margin-bottom: 0.1rem;
}
.store_access dl > dt {
  font-size: 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0;
  margin: 0;
}
.store_access dl > dd {
  font-size: 0.16rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.store_access dl > dd .note { font-size: 0.14rem; }
.store_access .instagram { font-size: 0.16rem; padding-bottom: 41.1%; margin-left: 0.3rem; margin-bottom: 0.1rem; }
.store_access .instagram::before { left: -0.3rem; top: 0.02rem; width: 0.23rem; height: 0.23rem; }

.company_overview_area { padding: 0.8rem 0; }
.company_overview { padding: 0 0.15rem; }
.company_overview h2 { font-size: 0.4rem; margin-bottom: 0.2rem; }
.company_overview hr { width: 1.0rem; height: 0.07rem; margin: 0 auto 0.3rem; }
.company_overview table th { font-size: 0.16rem; padding: 0.15rem; }
.company_overview table td { font-size: 0.16rem; padding: 0.15rem 0.3rem; }

/*.floating_banner { padding: 0.2rem 0.3rem; }*/
.floating_banner h2 { font-size: 0.19rem; }
.floating_banner h2 em { font-size: 0.27rem; }
.floating_banner h2 i { font-size: 0.27rem; }
.floating_banner p { font-size: 0.16rem; line-height: 2.0; }
.floating_banner p em {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,fff000+60,fff000+100&0+0,0+59,1+60,1+100 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(251,237,3,0) 59%, rgba(255,240,0,1) 60%, rgba(255,240,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(251,237,3,0) 59%,rgba(255,240,0,1) 60%,rgba(255,240,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff000',GradientType=0 ); /* IE6-9 */
}
.floating_banner p i { font-size: 0.25rem; line-height: 0.33rem; width: 0.33rem; height: 0.33rem; border-radius: 0.33rem; }
.floating_banner .image { right: 0.2rem; width: 0.89rem; }

.contact_boxes { display: flex; justify-content: space-between; }
.contact_box { width: 49%; border-radius: 0.1rem; box-shadow: 0.01rem 0.01rem 0.03rem rgba(0,0,0,0.2); padding: 0.3rem; }
.contact_box h3 { font-size: 0.24rem; margin-bottom: 0.1rem; }
.contact_box p { font-size: 0.16rem; }
.contact_box:nth-child(1) ul > li { font-size: 0.16rem; margin-bottom: 0.1rem; }
.contact_box:nth-child(2) ul { margin-bottom: 0.1rem; }
.contact_box:nth-child(2) ul > li { font-size: 0.16rem; line-height: 1.2; }
.contact_box:nth-child(2) a { font-size: 0.3rem; }

.reservation_form h2 { font-size: 0.36rem; margin-bottom: 0.2rem; }
.reservation_form .description { margin-bottom: 0.2rem; }
.reservation_form .description p { font-size: 0.16rem; }
.reservation_form .box { padding: 0.4rem; }
.reservation_form .box dl { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; }
.reservation_form .box dl > dt { font-size: 0.16rem; text-align: right; width: 30%; border-bottom: 1px solid #cccccc; padding-top: 0.28rem; }
.reservation_form .box dl > dt.required::after { font-size: 0.12rem; padding: 0.01rem 0.02rem; margin-left: 0.1rem; vertical-align: middle; }
.reservation_form .box dl > dd { width: 70%; padding: 0.2rem; border-bottom: 1px solid #cccccc; }
.reservation_form .box dl > dt:nth-child(4n+1) { background: #fafafa; }
.reservation_form .box dl > dd:nth-child(4n+2) { background: #fafafa; }
.reservation_form .box dl > dt:nth-child(1) { border-top: 1px solid #cccccc; }
.reservation_form .box dl > dd:nth-child(2) { border-top: 1px solid #cccccc; }
.reservation_form .box dl > dt:nth-child(7) { padding-top: 0.22rem; }
.reservation_form .box label { font-size: 0.16rem; margin-right: 0.1rem; }
.reservation_form input.submit { font-size: 0.3rem; padding: 0.1rem 1.8rem; border-radius: 0.335rem; box-shadow: 0 0.07rem 0 #264f06;}
.reservation_form input.submit::after { right: 0.2rem; top: 0.18rem; }
.reservation_form .wpcf7-not-valid-tip { font-size: 0.16rem; }
.reservation_form .wpcf7 form .wpcf7-response-output { font-size: 0.16rem; }

.section_404 .content { padding: 1.0rem 0; }
.section_404 .content p { font-size: 0.16rem; }

.home_section01 .caption_area { padding: 0.4rem 0; }
.home_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; margin-bottom: 0.2rem; }
.home_section01 .caption h2 em { font-size: 0.5rem; }
.home_section01 .caption .label { font-size: 0.24rem; padding: 0.05rem 0.2rem; }
.home_section01 .content_area { padding: 0.5rem 0 0.8rem; }
.home_section01 .content { padding: 0 0.15rem; }
.home_section01 .content .box { padding: 0.5rem; }
.home_section01 .content .images { margin-bottom: 0.4rem; }
.home_section01 .content .button { position: relative; width: 5.39rem; margin: 0 auto; }
.home_section01 .content .button a { display: block; font-size: 0.3rem; line-height: 1.2; text-align: center; border-radius: 0.335rem; padding: 0.15rem; }
.home_section01 .content .button .accessory { position: absolute; left: 0.25rem; top: -0.75rem; width: 1.44rem; pointer-events: none; }
.home_section02 .content { padding: 0 0.15rem; }
.home_section02 .content h2 { margin-right: -2.14rem; }
.home_section03 .content_area { padding: 0.8rem 0; } 
.home_section03 .content { padding: 0 0.15rem; }
.home_section03 .content .label { position: relative; font-size: 0.18rem; width: 3.6rem; margin: 0 auto; }
.home_section03 .content .label::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.13rem; width: 0.15rem; height: 0.13rem; background: url(images/accessory03.png) no-repeat top; background-size: 100%; margin: 0 auto; }
.home_section03 .content .label em { font-size: 0.24rem; }
.home_section03 .content h2 { font-size: 0.4rem; margin-bottom: 0.4rem; }
.home_section03 .content h2 em { font-size: 0.5rem; }
.home_section04 .content_area { padding: 0.8rem 0; }
.home_section04 .content { padding: 0 0.15rem; }
.home_section04 .content .caption .label { font-size: 0.24rem; padding: 0.05rem 0.2rem; margin-bottom: 0.1rem; }
.home_section04 .content .caption h2 { font-size: 0.4rem; line-height: 1.2; margin-bottom: 0.4rem; }
.home_section04 .content .caption h2 em.large { font-size: 0.5rem; }
.home_section04 .content .merit { padding-left: 0rem; margin-bottom: 0.8rem; }
/*.home_section04 .content .merit:nth-child(1)::before { content: ""; display: block; position: absolute; right: 0.2rem; top: -0.99rem; width: 0.95rem; height: 0.99rem; background: url(images/img01.png) no-repeat center; background-size: 100%; }*/
/*.home_section04 .content .merit:nth-child(1)::before { content: ""; display: block; position: absolute; right: 0.2rem; top: -0.97rem; width: 0.74rem; height: 0.99rem; background: url(images/img01.png) no-repeat center; background-size: 100%; }*/
.home_section04 .content .merit:nth-child(5) { padding-bottom: 0.2rem; }
.home_section04 .content .merit .label { position: absolute; left: -0.12rem; top: 0rem; width: 1.66rem; font-size: 0.24rem; border-radius: 0 0.3rem 0.3rem 0; padding: 0.05rem; }
.home_section04 .content .merit .label em { font-size: 0.3rem; }
.home_section04 .content .merit .merit_title { height: 0.56rem; display: flex; align-items: center; padding-left: 1.8rem; margin-bottom: 0.2rem; }
.home_section04 .content .merit .merit_title h3 { font-size: 0.24rem; line-height: 1.2; }
.home_section04 .content .merit .description { margin-bottom: 0.3rem; }
.home_section04 .content .merit .description p { font-size: 0.16rem; }
.home_section04 .content .merit .goods { display: flex; justify-content: space-between; align-items: stretch; }
.home_section04 .content .merit .good { width: 22%; padding: 0.15rem; }
.home_section04 .content .merit .good .no { width: 0.44rem; margin: 0 auto 0.05rem; }
.home_section04 .content .merit .good hr { width: 0.3rem; height: 0.05rem; margin: 0 auto 0.1rem; }
.home_section04 .content .merit .good h4 { font-size: 0.15rem; line-height: 1.2; margin-bottom: 0.1rem; }
.home_section04 .content .merit .good p { font-size: 0.14rem; }
.home_section04 .content .merit .maintenances { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: -0.3rem; }
.home_section04 .content .merit .maintenance { width: 31%; padding: 0.2rem; margin-top: 0.3rem; border-radius: 0.1rem; box-shadow: 0.02rem 0.02rem 0.02rem rgba(0,0,0,0.2); }
.home_section04 .content .merit .maintenance .image { width: 1.06rem; margin: 0 auto; }
.home_section04 .content .merit .maintenance p { font-size: 0.16rem; }
.home_section04 .content .merit:nth-child(3) .images { display: flex; justify-content: space-between; }
.home_section04 .content .merit:nth-child(3) .image { width: 4.0rem; }
.home_section04 .content .merit:nth-child(4) .image { width: 8.02rem; margin: 0 auto; }
.home_section04 .content .merit:nth-child(5) .images { display: flex; justify-content: space-between; }
.home_section04 .content .merit:nth-child(5) .image:nth-child(1) { width: 4.25rem; }
.home_section04 .content .merit:nth-child(5) .image:nth-child(2) { width: 4.18rem; margin-left: 0.1rem; }
.home_section05 .caption_area { padding: 0.4rem 0; }
.home_section05 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.home_section05 .caption h2 em.large { font-size: 0.5rem; }
.home_section05 .content h3 { margin: 0 -0.895rem; }
.home_section06 .caption_area { margin-bottom: 0.6rem; }
.home_section06 .caption { position: relative; padding: 0.6rem 0; }
.home_section06 .caption h2 { position: relative; z-index: 10; font-size: 0.4rem; line-height: 1.2; }
.home_section06 .caption h2 .large { font-size: 0.5rem; }
.home_section06 .caption .arrow { position: absolute; left: 0; top: 0; width: 20.0rem; height: 2.62rem; margin: 0 -5.2rem; }
.home_section06 .plan_area { padding-bottom: 0.4rem; }
.home_section06 .plan { padding: 0 0.15rem; }
.home_section06 .plan h3 { position: relative; font-size: 0.24rem; line-height: 1.4; border-bottom: 0.03rem solid #f77100; width: 5.3rem; padding-left: 0.8rem; margin: 0 auto 0.3rem; }
.home_section06 .plan h3::before { content: ""; display: block; position: absolute; left: 0.1rem; top: 0.1rem; width: 0.44rem; height: 0.51rem; background: url(images/label01.png) no-repeat center; background-size: 100%; }
.home_section06 .plan .costs { display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 0.1rem; }
.home_section06 .plan .cost { position: relative; width: 49%; }
.home_section06 .plan .cost h4 { position: absolute; left: 0; right: 0; top: 0.1rem; text-align: center; }
.home_section06 .plan .cost .voice { position: relative; }
.home_section06 .plan .cost .voice .image { position: absolute; left: 0; top: 0; width: 0.76rem; }
.home_section06 .plan .cost .voice p { font-size: 0.16rem; padding-left: 1.0rem; margin-bottom: 0.2rem; }
.home_section06 .plan .flows h3 { text-align: center; }
.home_section06 .plan .flows h3 { font-size: 0.36rem; padding: 0.1rem 0.2rem; margin-bottom: 0.4rem; }
.home_section06 .plan .flows { display: flex; justify-content: space-between; align-items: stretch; }
.home_section06 .plan .flow { position: relative; border-radius: 0.1rem; width: 22.58%; padding: 0.2rem; }
.home_section06 .plan .flow .no { position: absolute; left: 0; top: 0; width: 0.53rem; }
.home_section06 .plan .flow .image { width: 1.7rem; margin: 0 auto 0.1rem; }
.home_section06 .plan .flow h4 { font-size: 0.2rem; line-height: 1.2; min-height: 0.48rem; margin-bottom: 0.1rem; }
.home_section06 .plan .flow p { font-size: 0.16rem; }
.home_section06 .plan .flow p .note { font-size: 0.14rem; }
.home_section06 .comparison_area { padding: 0.7rem 0; }
.home_section06 .comparison { position: relative; padding: 0.5rem 0.3rem 0.3rem; }
.home_section06 .comparison h3 { position: absolute; left: 0; right: 0; top: -0.32rem; width: 4.8rem; padding: 0.15rem 0; margin: 0 auto; font-size: 0.24rem; }
.home_section06 .comparison p { font-size: 0.16rem; margin-bottom: 0.1rem; }
.home_section06 .comparison .other_images { display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 0.3rem; }
.home_section06 .comparison .other_images h4 { font-size: 0.16rem; width: 1.8rem; padding: 0.05rem 0; margin: 0 auto 0.15rem; }
.home_section06 .comparison .other_images .image { width: 4.36rem; margin: 0 auto; }
.home_section06 .comparison .flat7_images h4 { font-size: 0.24rem; width: 3.6rem; padding: 0.05rem 0; margin: 0 auto 0.15rem; }
.home_section06 .comparison .flat7_images .image { width: 8.6rem; margin: 0 auto; }
.home_section06 .contact_area { padding: 0.4rem 0; }
.home_section06 .content_caption {text-align: center; font-size: 0.24rem; line-height: 1.4; padding: 0.05rem 0.1rem; margin-bottom: 0.2rem; }
.home_section06 .content_caption .frame_blue{padding: 0.15rem;  }
.home_section07 .caption_area { padding: 0.4rem 0; }
.home_section07 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.home_section07 .caption h2 em { font-size: 0.5rem; }
.home_section07 .content_area { padding: 0.5rem 0 0.7rem; }
.home_section08 .content_area { padding: 0.7rem 0; }
.home_section08 .content { padding: 0 0.15rem; }
.home_section08 .content .caption { margin-bottom: 0.3rem; }
.home_section08 .content .caption .icon i { font-size: 0.5rem; }
.home_section08 .content .caption h2 { font-size: 0.4rem; }
.home_section08 .content .caption h2 em { font-size: 0.5rem; }
.home_section08 .content .button a { font-size: 0.3rem; line-height: 1.2; border-radius: 0.525rem; padding: 0.15rem 0.75rem; }
.home_section08 .content .button a::after { top: 0.35rem; }
.home_section09 .content_area { padding: 0.7rem 0; }
.home_section09 .content { padding: 0 0.15rem; }
.home_section09 .content .caption { margin-bottom: 0.4rem; }
.home_section09 .content .caption .icon i { font-size: 0.4rem; }
.home_section09 .content .caption h2 { font-size: 0.4rem; }
.home_section09 .content .caption h2 em { font-size: 0.5rem; }
.home_section09 .content .flows { display: flex; justify-content: space-between; align-items: stretch; }
.home_section09 .content .flow { position: relative; width: 31%; }
.home_section09 .content .flow:not(:last-child)::after { content: ""; display: block; position: absolute; z-index: 10; right: -0.44rem; top: 1.35rem; width: 0.55rem; height: 0.37rem; background: url(images/arrow01_pc.png) no-repeat center; background-size: 100%; }
.home_section09 .content .flow_header { display: flex; align-items: center; margin-bottom: 0.1rem; }
.home_section09 .content .flow_header .step { width: 0.46rem; margin-right: 0.1rem; }
.home_section09 .content .flow_header .step img { vertical-align: middle; }
.home_section09 .content .flow h3 { font-size: 0.18rem; line-height: 1.2;}
.home_section09 .content .flow .picture { margin-bottom: 0.2rem; }
.home_section09 .content .flow p { font-size: 0.16rem; }
.home_section10 .content h2 { margin: 0 -5.2rem; }
.home_section11 .caption_area { padding: 0.4rem 0; }
.home_section11 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.home_section11 .caption h2 em { font-size: 0.5rem; }
.home_section11 .content_area { padding: 0.5rem 0; }
.home_section11 .content { padding: 0 0.15rem; }
.home_section11 .content .question { position: relative; border-bottom : 0.02rem solid #f66200; padding: 0.3rem; margin-bottom: 0.2rem; }
.home_section11 .content .question h3 { position: relative; font-size: 0.24rem; padding-left: 0.3rem; margin-bottom: 0.1rem; }
.home_section11 .content .question h3::before { content: ""; display: block; position: absolute; left: 0; top: 0.05rem; width: 0.16rem; height: 0.22rem; background: url(images/icon01.png) no-repeat center; background-size: 100%; }
.home_section11 .content .question .answer { position: relative;  padding-left: 0.3rem; }
.home_section11 .content .question .answer::before { content: ""; display: block; position: absolute; left: 0; top: 0.05rem; width: 0.17rem; height: 0.18rem; background: url(images/icon02.png) no-repeat center; background-size: 100%; }
.home_section11 .content .question .answer p { font-size: 0.16rem; }
.home_section11 .content .question:nth-child(2n+1) .text { width: 6.9rem; margin-right: auto; }
.home_section11 .content .question:nth-child(2n+2) .text { width: 5.6rem; margin-left: auto; }
.home_section11 .content .question .picture { position: absolute; }
.home_section11 .content .question .picture img { vertical-align: bottom; }
.home_section11 .content .question:nth-child(2n+1) .picture { right: 0.2rem; bottom: 0; }
.home_section11 .content .question:nth-child(2n+2) .picture { left: 0.2rem; bottom: 0; }
.home_section11 .content .question:nth-child(1) .picture { right: 0.4rem;  }
.home_section11 .content .question:nth-child(2) .picture { left: 0.6rem; width: 1.75rem; }
.home_section11 .content .question:nth-child(3) .picture { width: 1.8rem; }
.home_section11 .content .question:nth-child(4) .picture { width: 2.28rem; }
.home_section11 .content .question:nth-child(5) .picture { width: 1.7rem; }
.home_section15 .content_area { padding: 0.5rem 0; }
.home_section15 .content h2 { font-size: 0.4274rem; }
.home_section15 .content hr { width: 0.5rem; height: 0.05rem; margin: 0 auto 0.15rem; border-radius: 0.025rem; }
.home_section15 .content .news { position: relative; padding: 0.1rem 0; margin-bottom: 0.1rem; }
.home_section15 .content .news h3 { font-size: 0.16rem; padding-left: 3.2rem; }
.home_section15 .content .news .date { position: absolute; left: 0.2rem; top: 0.15rem; font-size: 0.14rem; }
.home_section15 .content .news .category { position: absolute; left: 1.8rem; top: 0.15rem; width: 1.0rem; font-size: 0.11rem; }
.home_section15 .content .link { font-size: 0.16rem; }
.home_section16 .content_area { padding-bottom: 0.5rem; }
.home_section16 .content .banner { position: relative; width: 8.5rem; margin: 0 auto; }
.home_section16 .content .banner .button { position: absolute; right: 0.2rem; bottom: 0.3rem; }
.home_section16 .content .banner .button a { font-size: 0.22rem; border-radius: 0.205rem; padding: 0.05rem 0.3rem; }
.home_section16 .content .banner .button a::after { position: absolute; right: 0.1rem; }
.home_section17 .content_area { padding-bottom: 0.5rem;}
.home_section17 .content .button a{font-size: 0.3rem; line-height: 1.2; border-radius: 0.525rem; padding: 0.15rem 0.75rem; margin-top: 15px;}
.home_section17 .button_green { text-align: center;}
.home_section17 .button_green a{ display: inline-block; position: relative; color: #fff; font-weight: bold; text-decoration: none; background: #008f00; box-shadow: 0 0.07rem 0 #264f06;}   
    
/* ブルーボタン */
.privacy_section01 .content .button a{font-size: 0.3rem; line-height: 1.2; border-radius: 0.1rem; padding: 0.15rem 0.75rem; margin-top: 15px;}
.privacy_section01 .button_blue { text-align: left;}
.privacy_section01 .button_blue a{ display: inline-block; position: relative; color: #fff; font-weight: bold; text-decoration: none; background: #4c81c7; box-shadow: 0 0.07rem 0 #325078;}

.customervoice_section01 .caption_area { padding: 0.4rem 0; }
.customervoice_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.customervoice_section01 .caption h2 em { font-size: 0.5rem; }
.customervoice_section01 .content_area { padding: 0.5rem 0; }
.customervoice_section01 .content { padding: 0 0.15rem; }
.customervoice_section01 .content h3 { font-size: 0.36rem; padding: 0.1rem 0.2rem; margin-bottom: 0.4rem; }
.customervoice_section01 .content h3 i { margin-right: 0.1rem; }
.customervoice_section01 .content .questions { display: flex; justify-content: center; }
.customervoice_section01 .content .question { width: 30%; margin: 0 1%; }
.customervoice_section01 .content .question h4 { position: relative; font-size: 0.18rem; line-height: 1.2; padding-left: 0.5rem; margin-bottom: 0.1rem; }
.customervoice_section01 .content .question h4::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.46rem; height: 0.4rem; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.customervoice_section01 .content .question:nth-child(1) h4::before { background-image: url(images/q01.png); }
.customervoice_section01 .content .question:nth-child(2) h4::before { background-image: url(images/q02.png); }
.customervoice_section01 .content .question:nth-child(3) h4::before { background-image: url(images/q03.png); }
.customervoice_section01 .content .question .graph { width: 2.28rem; margin: 0 auto; }
.customervoice_section01 .customer_review_area { padding-bottom: 0.8rem; }

.faq_section01 .caption_area { padding: 0.4rem 0; }
.faq_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.faq_section01 .caption h2 em { font-size: 0.5rem; }
.faq_section01 .content_area { padding: 0.4rem 0; }
.faq_section01 .content { padding: 0 0.15rem; }
.faq_section01 .content h3 { position: relative; font-size: 0.36rem; padding-left: 0.3rem; margin-bottom: 0.4rem; }
.faq_section01 .content h3::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.1rem; height: 0.54rem; background: #f77100; }
.faq_section01 .content .questions { margin-bottom: 0.3rem; }
.faq_section01 .content .question { margin-bottom: 0.2rem; }
.faq_section01 .content .question h4 { position: relative; font-size: 0.24rem; line-height: 1.2; padding: 0.1rem 0.7rem; }
.faq_section01 .content .question h4::before { content: ""; display: block; position: absolute; left: 0.4rem; top: 0.12rem; width: 0.16rem; height: 0.22rem; background: url(images/icon01.png) no-repeat center; background-size: 100%; }
.faq_section01 .content .question .answer { position: relative; padding: 0.2rem 0.2rem 0.2rem 0.7rem; }
.faq_section01 .content .question .answer::before { content: ""; display: block; position: absolute; left: 0.4rem; top: 0.25rem; width: 0.17rem; height: 0.18rem; background: url(images/icon02.png) no-repeat center; background-size: 100%; }
.faq_section01 .content .question .answer p { font-size: 0.16rem; }

.flat7_section01 .caption_area { padding: 0.4rem 0; }
.flat7_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.flat7_section01 .caption h2 em { font-size: 0.5rem; }
.flat7_section01 .content_area { padding: 0.4rem 0; }
.flat7_section01 .content { padding: 0 0.15rem; }
.flat7_section01 .content p { font-size: 0.16rem; }
.flat7_section01 .content p:not(:last-child) { margin-bottom: 0.3rem; }
.flat7_section01 .content p .note { font-size: 0.14rem; }
.flat7_section01 .content ul { font-size: 0.16rem; margin-bottom: 0.3rem; }
.flat7_section01 .content ol { font-size: 0.16rem; margin-bottom: 0.3rem; }
.flat7_section01 .content .introduction { margin-bottom: 0.7rem; }
.flat7_section01 .content .introduction .picture { margin: 0 -0.15rem; }
.flat7_section01 .content .topic { position: relative; padding: 0.4rem; margin-bottom: 0.3rem; }
.flat7_section01 .content .topic .label { position: absolute; left: -0.15rem; top: 0.4rem; line-height: 1.2; border-radius: 0 0.3rem 0.3rem 0; padding: 0.1rem 0.22rem; }
.flat7_section01 .content .topic .label .title { font-size: 0.14rem; }
.flat7_section01 .content .topic .label .no { font-size: 0.24rem; }
.flat7_section01 .content .topic .topic_title { display: flex; align-items: center; height: 0.7rem; padding-left: 0.4rem; margin-bottom: 0.3rem; }
.flat7_section01 .content .topic h3 { font-size: 0.24rem; line-height: 1.2; }
.flat7_section01 .content .topic .pictures { display: flex; justify-content: space-between; }
.flat7_section01 .content .topic .pictures > .picture { width: 4.1rem; }
.flat7_section01 .content .topic .picture { margin-bottom: 0.3rem; }
.flat7_section01 .content .topic:nth-child(5) .picture_single { width: 7.9rem; margin-left: auto; margin-right: auto; }
.flat7_section01 .content .topic ol.list01 > li::before { border-radius: 0.17rem; top: 0.04rem; width: 0.17rem; height: 0.17rem; font-size: 0.14rem; line-height: 0.17rem; text-align: center; }
.flat7_section01 .content .topic ol.list02 > li::before { border-radius: 0.17rem; top: 0.04rem; width: 0.17rem; height: 0.17rem; font-size: 0.14rem; line-height: 0.17rem; text-align: center; }
.flat7_section01 .content .topic ol.list03 > li { font-size: 0.20rem; }
.flat7_section01 .content .topic ol.list03 > li::before { border-radius: 0.24rem; top: 0.04rem; width: 0.24rem; height: 0.24rem; font-size: 0.19rem; line-height: 0.24rem; text-align: center; }
.flat7_section01 .content .topic h4.h4_list { font-size: 0.16rem; }
.flat7_section01 .content .topic h4.h4_list::before { border-radius: 0.17rem; top: 0.04rem; width: 0.17rem; height: 0.17rem; font-size: 0.14rem; line-height: 0.17rem; text-align: center; }
.flat7_section01 .content .topic h4.h4_border { font-size: 0.2rem; margin-bottom: 0.3rem; }
.flat7_section01 .content .topic h4.h4_balloon { position: relative; font-size: 0.24rem; border-radius: 0.31rem; width: 6.4rem; padding: 0.1rem 0; margin: 0 auto 0.4rem; }
.flat7_section01 .content .topic h4.h4_balloon::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.19rem; width: 0.21rem; height: 0.19rem; background: url(images/accessory02.png) no-repeat top; background-size: 100%; margin: 0 auto; }
.flat7_section01 .content .topic h4.h4_frame { display: inline-block; font-size: 0.2rem; padding: 0.05rem 0.1rem; margin-bottom: 0.3rem; }
.flat7_section01 .content .topic .links { display: flex; justify-content: space-between; }
.flat7_section01 .content .topic .link { position: relative; width: 4.1rem; }
.flat7_section01 .content .topic .link h5 { font-size: 0.2rem; border-radius: 0.1rem 0.1rem 0 0; padding: 0.1rem 0; }
.flat7_section01 .content .topic .link .picture { margin: 0; }
.flat7_section01 .content .topic .link .button { position: absolute; right: 0.15rem; bottom: 0.2rem; }
.flat7_section01 .content .topic .link .button a { font-size: 0.18rem; border-radius: 0.205rem; padding: 0.05rem 0.2rem; }
.flat7_section01 .content .topic .link .button a::after { position: absolute; right: 0.05rem; }

.popularity_section01 .caption_area { padding: 0.4rem 0; }
.popularity_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.popularity_section01 .caption h2 em { font-size: 0.5rem; }
.popularity_section01 .content_area { padding: 0.4rem 0; }
.popularity_section01 .content { padding: 0 0.15rem; }
.popularity_section01 .content .item { text-align: center; margin-bottom: 0.8rem; }
.popularity_section01 .content .item_header { display: inline-block; margin-bottom: 0.3rem; }
.popularity_section01 .content .item_header::before { left: -1.25rem; top: -0.1rem; }
.popularity_section01 .content .item_header h3 { font-size: 0.4rem; line-height: 1.2; }
.popularity_section01 .content .item_header p { font-size: 0.24rem; }
.popularity_section02 .content_area { padding: 0.6rem 0; }
.popularity_section02 .content { padding: 0 0.15rem; }
.popularity_section02 .content .caption { margin-bottom: 0.2rem; }
.popularity_section02 .content .caption i { font-size: 0.5rem; }
.popularity_section02 .content .caption h2 { font-size: 0.5rem; }
.popularity_section02 .content .description { margin-bottom: 0.1rem; }
.popularity_section02 .content .description p { font-size: 0.32rem; }

.feature_section01 .caption_area { padding: 0.4rem 0; }
.feature_section01 .caption h2 { font-size: 0.4rem; }
.feature_section01 .caption p { font-size: 0.16rem; }
.feature_section01 .caption .label { font-size: 0.24rem; padding: 0.1rem 0.2rem; }
.feature_section01 .content_area { padding: 0.5rem 0; }
.feature_section01 .content { padding: 0 0.15rem; }
.feature_section01 .content .introduction { margin-bottom: 0.1rem; }
.feature_section01 .content .introduction h3 { font-size: 0.4rem; line-height: 1.2; border-radius: 0.15rem 0.15rem 0 0; margin-bottom: 0.2rem; }
.feature_section01 .content .introduction h3 em.large { font-size: 0.6rem; }
.feature_section01 .content .introduction .item { width: 31%; margin-bottom: 0.3rem; }
.feature_section01 .content .introduction .item h4 { top: 0.10rem; }
.feature_section01 .content .introduction .item::after { border-radius: 0.1rem; }
.feature_section01 .content .strong .item { margin-bottom: 0.8rem; }
.feature_section01 .content .strong .item .item_header { display: flex; align-items: center; min-height: 0.6rem; padding-left: 1.7rem; margin-bottom: 0.3rem; }
.feature_section01 .content .strong .item .label { font-size: 0.2rem; border-radius: 0 0.3rem 0.3rem 0; left: -0.11rem; top: 0rem; padding: 0.1rem 0.25rem; }
.feature_section01 .content .strong .item .label em { font-size: 0.24rem; }
.feature_section01 .content .strong .item h3 { font-size: 0.24rem; }
.feature_section01 .content .strong .item .item_body::after { content: ""; display: block; clear: both; }
.feature_section01 .content .strong .item .picture { float: left; width: 50%; padding-right: 0.3rem; }
.feature_section01 .content .strong .item .text { float: right; width: 50%; }
.feature_section01 .content .strong .item .text p { font-size: 0.16rem; }
.feature_section01 .content .strong .item .text .asterisk { font-size: 0.1rem; }
.feature_section01 .content .strong .item .text .note { font-size: 0.14rem; }

.company_section01 .caption_area { padding: 0.4rem 0 0.2rem; }
.company_section01 .caption h2 { font-size: 0.5rem; }
.company_section01 .caption p { font-size: 0.16rem; }
.company_section01 .caption .label { font-size: 0.24rem; line-height: 1.2; padding: 0.1rem; margin-bottom: 0.1rem; }
.company_section01 .content_area { padding: 0.5rem 0; }
.company_section01 .content { padding: 0 0.15rem; }
.company_section01 .content .item { padding: 0.4rem; margin-bottom: 0.3rem; }
.company_section01 .content .item p { font-size: 0.16rem; }
.company_section01 .content .item ul { font-size: 0.16rem; margin-bottom: 0.3rem; }
.company_section01 .content .item_header_plate { text-align: center; }
.company_section01 .content .item_header_plate h3 { display: inline-block; font-size: 0.24rem; padding: 0.1rem 0.2rem; margin-bottom: 0.3rem; }
.company_section01 .content .item:nth-child(4) h3 { display: block; }
.company_section01 .content .item:nth-child(5) h3 { display: block; }
.company_section01 .content .item_header_border h3 { font-size: 0.24rem; }
.company_section01 .content .item_header_border h3::after { margin-top: 0.1rem; margin-bottom: 0.3rem; }
.company_section01 .content .item:nth-child(1)::after { content: ""; display: block; clear: both; }
.company_section01 .content .item:nth-child(1) .picture { float: right; width: 48%; padding-left: 0.3rem; }
.company_section01 .content .item:nth-child(1) .text { float: left; width: 52%; }
.company_section01 .content .item:nth-child(2) .images { display: flex; justify-content: space-between; margin-bottom: 0.4rem; }
.company_section01 .content .item:nth-child(2) .image { width: 24.5%; }
.company_section01 .content .item:nth-child(3) .pictures { display: flex; justify-content: space-between; margin-bottom: 0.2rem; }
.company_section01 .content .item:nth-child(3) .picture { width: 48.5%; }

.line_section01 .caption_area { padding: 0.3rem 0; }
.line_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.line_section01 .caption h2 em { font-size: 0.5rem; }
.line_section01 .content_area { padding: 0.5rem 0 0; }
.line_section01 .content { padding: 0 0.15rem; }
.line_section01 .content .line_start { margin-bottom: 0.9rem; }
.line_section01 .content .line_start h2 { font-size: 0.4rem; margin-bottom: 0.1rem; }
.line_section01 .content .line_start h3 { font-size: 0.24rem; margin-bottom: 0.1rem; }
.line_section01 .content .line_start .box { position: relative; padding: 0.05rem; }
.line_section01 .content .line_start .white_inner { padding: 0.2rem; }
.line_section01 .content .line_start .white_inner p { font-size: 0.16rem; }
.line_section01 .content .line_start .green_inner { padding: 0.2rem 0.2rem 0.15rem; }
.line_section01 .content .line_start .green_inner p { font-size: 0.14rem; }
.line_section01 .content .line_start .image { position: absolute; right: 0.2rem; top: 0.1rem; width :1.44rem; }
.line_section01 .content .line_merit { position: relative; padding: 0.4rem 0; }
.line_section01 .content .line_merit .line_merit_header { position: absolute; left: 0; top: -0.5rem; width: 100%; text-align: center; }
.line_section01 .content .line_merit h3 { font-size: 0.36rem; line-height: 1.2; padding: 0.15rem 0.3rem; }
.line_section01 .content .line_merit .items { display: flex; justify-content: space-between; padding-top: 0.5rem; margin-bottom: 0.3rem; }
.line_section01 .content .line_merit .item { width: 31%; padding: 0.15rem; }
.line_section01 .content .line_merit .item .text { display: flex; justify-content: center; align-items: center; min-height: 0.75rem; margin-bottom: 0.15rem; }
.line_section01 .content .line_merit .item p { font-size: 0.16rem; }
.line_section01 .content .line_merit .register { padding: 0.3rem; }
.line_section01 .content .line_merit .register::after { content: ""; display: block; clear: both; }
.line_section01 .content .line_merit .register h4 { font-size: 0.24rem; margin-bottom: 0.3rem; }
.line_section01 .content .line_merit .register h5 { font-size: 0.16rem; margin-bottom: 0.2rem; }
.line_section01 .content .line_merit .register p { font-size: 0.16rem; }
.line_section01 .content .line_merit .register p:not(:last-child) { margin-bottom: 0.2rem; }
.line_section01 .content .line_merit .register ol { font-size: 0.16rem; margin-bottom: 0.3rem; }
.line_section01 .content .line_merit .register ol > li { margin-bottom: 0.05rem; }
.line_section01 .content .line_merit .register ol > li::before { border-radius: 0.17rem; line-height: 0.17rem; top: 0.04rem; }
.line_section01 .content .line_merit .register .text { float: left; width: 55%; }
.line_section01 .content .line_merit .register .qr { float: right; width: 39%; }
.line_section01 .content .line_merit .register .note p { font-size: 0.14rem; }

.contact_section01 .caption_area { padding: 0.3rem 0; }
.contact_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.contact_section01 .caption h2 em { font-size: 0.5rem; }
.contact_section01 .content_area { padding: 0.5rem 0 0; }
.contact_section01 .content { padding: 0 0.15rem; }
.contact_section01 .content .box { position: relative; padding: 0.4rem; }
.contact_section01 .content .content_header { text-align: center; }
.contact_section01 .content h3 { display: inline-block; font-size: 0.24rem; padding: 0.1rem 0.2rem; margin-bottom: 0.4rem; }
.contact_section01 .content p { font-size: 0.16rem; }
.contact_section01 .content .image { position: absolute; right: 0.3rem; bottom: 0; width: 4rem; }

.privacy_section01 .caption_area { padding: 0.3rem 0; }
.privacy_section01 .caption h2 { font-size: 0.5rem; line-height: 1.2; }
.privacy_section01 .content_area { padding: 0.5rem 0; }
.privacy_section01 .content { padding: 0 0.15rem; }
.privacy_section01 .content .box { padding: 0.4rem; }
.privacy_section01 .content h3 { font-size: 0.16rem; margin-top: 0.3rem; }
.privacy_section01 .content p { font-size: 0.16rem; }
.privacy_section01 .content ul { font-size: 0.16rem; }

.contact_customer_section01 .caption_area { padding: 0.3rem 0; }
.contact_customer_section01 .caption h2 { font-size: 0.5rem; line-height: 1.2; }
.contact_customer_section01 .content_area { padding: 0.5rem 0; }

.reservation_nagano_contact_section01 .caption_area { padding: 0.3rem 0; }
.reservation_nagano_contact_section01 .caption h2 { font-size: 0.5rem; line-height: 1.2; }
.reservation_nagano_contact_section01 .content_area { padding: 0.5rem 0; }
.reservation_nagano_contact_section02 .content_area { padding: 0.5rem 0; }

.reservation_suzaka_contact_section01 .caption_area { padding: 0.3rem 0; }
.reservation_suzaka_contact_section01 .caption h2 { font-size: 0.5rem; line-height: 1.2; }
.reservation_suzaka_contact_section01 .content_area { padding: 0.5rem 0; }
.reservation_suzaka_contact_section02 .content_area { padding: 0.5rem 0; }

.posts_section01 .caption_area { padding: 0.3rem 0; }
.posts_section01 .caption h2 { font-size: 0.3rem; line-height: 1.2; }
.posts_section01 .caption .label { font-size: 0.24rem; padding: 0.05rem 0.1rem; margin-bottom: 0.2rem; }
.posts_section01 .content_area { padding: 0.5rem 0; }
.posts_section01 .post { padding-bottom: 0.3rem; margin-bottom: 0.3rem; }
.posts_section01 .post::after { content: ""; display: block; clear: both; }
.posts_section01 .post .picture { float: left; width: 30%; }
.posts_section01 .post .text { float: right; width: 67%; }
.posts_section01 .post .date { font-size: 0.14rem; }
.posts_section01 .post .post_header { margin-bottom: 0.1rem; }
.posts_section01 .post h3 { font-size: 0.18rem; line-height: 1.2; margin-bottom: 0.1rem; }
.posts_section01 .post p { font-size: 0.16rem; margin-bottom: 0.1rem; }
.posts_section01 .pagination > * { font-size: 0.14rem; width: 0.35rem; padding: 0.05rem 0; margin-bottom: 0.05rem; }
.posts_section01 .pagination > .dots { width: auto; }

.post_section01 .caption_area { padding: 0.3rem 0; }
.post_section01 .caption h2 { font-size: 0.3rem; line-height: 1.2; }
.post_section01 .caption .label { font-size: 0.24rem; padding: 0.05rem 0.1rem; margin-bottom: 0.2rem; }
.post_section01 .content_area { padding: 0.5rem 0; }
.post_section01 .post { margin-bottom: 0.3rem; }
.post_section01 .post h3 { font-size: 0.18rem; padding-top: 0.1rem; margin-bottom: 0.1rem; }
.post_section01 .post p { font-size: 0.16rem; margin-bottom: 0.1rem; }
.post_section01 .post .picture { margin-bottom: 0.1rem; }
.post_section01 .post_header { margin-bottom: 0.3rem; }
.post_section01 .post_bodies::after { content: ""; display: block; clear: both; }
.post_section01 .post_body.text_image_left .picture { float: left; width: 40%; margin-right: 0.3rem; }
.post_section01 .post_body.text_image_left:not(.wrap_around) .text { overflow: hidden; }
.post_section01 .post_body.text_image_right .picture { float: right; width: 40%; margin-left: 0.3rem; }
.post_section01 .post_body.text_image_right:not(.wrap_around) .text { overflow: hidden; }
.post_section01 .post_body.text_image_center .picture { text-align: center; overflow: hidden; }
.post_section01 .links { padding-top: 0.1rem; margin-bottom: 0.1rem; }
.post_section01 .link { font-size: 0.16rem; }

/* 法廷点検料金 */
.maintenance_section01 .caption_area { padding: 0.4rem 0; }
.maintenance_section01 .caption h2 { font-size: 0.4rem; line-height: 1.2; }
.maintenance_section01 .caption h2 em { font-size: 0.5rem; }
.maintenance_section01 .content_area { padding: 0.4rem 0 0; background-color: #fefcec;}
.maintenance_section01 .content { padding: 0 0.15rem; }
.maintenance_section01 .content h3 { position: relative; font-size: 0.36rem; padding-left: 0.3rem; margin-bottom: 0.2rem; }
.maintenance_section01 .content h3::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.1rem; height: 0.54rem; background: #f77100; }
.maintenance_section01 .h3_text {margin-bottom: 0.2rem; }
.maintenance_section01 .topic {padding-bottom:.4rem;}
.maintenance_section01 .topic .label_orange {background-color: #f77100; color: #fff;}
.maintenance_section01 .topic .supplement {margin-top: .2rem;}
.maintenance_section01 .topic .supplement em {font-weight: bold; color: #f77100;}
.maintenance_section01 .topic .textbox {background-color: #fff; padding: .2rem;}
.maintenance_section01 .topic .textbox ul {margin: .2rem 0;}
.maintenance_section01 .topic .textbox ul em {background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(251, 237, 3, 0) 59%, rgba(255, 240, 0, 1) 60%, rgba(255, 240, 0, 1) 100%); font-weight: bold;}
.maintenance_section01 .topic .textbox ul li {margin: .1rem 0;}
}

@media screen and (min-width: 1024px) {
.for_tab{
    display:none;
}
.header_bar .info .links .store { margin-right: 0.1rem!important; }

a { transition: opacity 0.5s linear; }
a:hover { opacity: 0.7; }

.wrapper { max-width: 960px; padding: 0; }

.header_navi a { transition: background-color 0.5s linear; }
.header_navi a:hover { background: #f99540; opacity: 1; }

.reservation_form input.submit { transition: opacity 0.5s linear; }
.reservation_form input.submit:hover { opacity: 0.7; }

.header_bar { display: flex; justify-content: space-between;margin-bottom:0.08rem;}
.header_bar .logo h1 { display: block; align-items: center!important;}
}
.header_bar .logo h1 a{ display: block; padding:0 0 0.01rem; }
    
@media screen and (max-width: 767px) {

input[type="text"], input[type="email"], input[type="tel"], textarea { 
    font-size: 0.12rem;
}

.for_pc { display: none; }
.wrapper {padding: 0 0.08rem; }

.frame_orange::before { left: -0.08rem; width: 0.08rem; }
.frame_orange::after { right: -0.08rem; width: 0.08rem; }

.frame_blue::before { left: -0.11rem; width: 0.11rem; }
.frame_blue::after { right: -0.11rem; width: 0.11rem; } 
    
.button_green a { box-shadow: 0 0.035rem 0 #264f06; }
.button_green a::after { position: absolute; right: 0.1rem; }

.plate_orange::after { bottom: -0.06rem; width: 0.055rem; height: 0.06rem; }

.header_bar { display: flex; justify-content: space-between; }
.header_bar_area { border-bottom: 0.01rem solid #d1d1d1; padding-bottom: 0.03rem; }
.header_bar .logo h1 { max-width: 150px; margin:10px 0 auto;font-size:0;}
.header_bar .logo h1 img { vertical-align: middle; max-width: auto; padding-bottom: 0.05rem;}
.header_bar .logo h1 a{ padding: 0.00rem 0;font-size:0; }
.header_bar .info p.note { color: #f77100; font-size: 0.11rem; line-height: 1.0; font-weight: bold; text-align: center; margin-bottom: 0.1rem; }
/*.header_bar .links { display: flex; justify-content: space-between; }*/
.header_bar .links .store { width:38px; margin-left: 0px;}
.header_bar .breadcrumb{display: none;}


.links .line a.button, .links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.1rem;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        border-radius: 0.5rem;
        line-height: 1.4;
        min-height: 45px;
    }
    header{
        margin-top: 20px;
    }

    .links .web a.button::before {
        content: "";
        width:30px;
        height: 30px;
        background: url(images/car_icon.svg) no-repeat center / contain;
        flex-shrink: 0;
    }
     .web {
        display: flex;
        width: 72%;
        margin-top: 0.02rem;
    }
    .links {
  display: flex;
  gap: 7px;
  align-items: stretch;
  justify-content: flex-end;
}

.links .line,
.links .web {
  display: flex;
}

.links .web a.button {
        background: #223355;
        font-size: 10px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        border-radius: 0.5rem;
        padding: 0 10px;
        line-height: 1.4;
        height: 45px;     
} 


/*
.header_bar .breadcrumb { border-top: 0.01rem solid #d2d2d2; padding: 0.1rem 0.15rem 0; margin: 0 -0.15rem; }
.header_bar .breadcrumb ul > li { font-size: 0.11rem; }
.header_bar .breadcrumb i { margin-right: 0.05rem; }
*/

.eyecatch_area .wrapper { padding: 0; }

.header_navi_area .wrapper { padding: 0; }
.header_navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
/* .header_navi ul > li { position: relative; width: 25%; border-top: 0.01px solid #fff; border-right: 0.01px solid #fff; } */
.header_navi ul > li { position: relative; width: 33.33%; border-top: 0.01px solid #fff; border-right: 0.01px solid #fff; }
/* .header_navi ul > li:nth-child(4n+4) { border-right: none; } */
.header_navi a { display: block; position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 0.1rem; padding: 0.1rem 0; }

.footer_menu_area .wrapper { padding: 0; }
.footer_menu ul { font-size: 0.14rem; }
.footer_menu ul > li { position: relative; padding: 0.1rem; border-bottom: 0.01rem solid #fff; }
.footer_menu a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-left: 0.3rem; padding-top: 0.1rem;}
.fotter_menu .sppb {padding-bottom: 0.1rem}
.footer_info { padding: 0.15rem; }
.footer_info .logo { width: 60%; margin-bottom: 0.1rem; }
.footer_info p { font-size: 0.14rem; }
.footer_info p:not(:last-child) { margin-bottom: 0.15rem; }

.copyright_area { padding: 0.15rem 0; }
.copyright p { font-size: 0.11rem; }

.contact_caption_area { padding: 0.14rem 0; }
.contact_caption h2 { font-size: 0.2rem; line-height: 1.2; }
.contact_caption h2 em { font-size: 0.25rem; }

.store_contact_area { padding: 0.2rem 0; }
.store_contact_area .line_contact { margin-bottom: 0.15rem; }
.store_contact_area .line_contact .box .green_inner .button {position: static; margin-top: 0.1rem;}
.store_contact_area .line_contact .box .green_inner .button a {font-size: 0.18rem; border-radius: 0.205rem; padding: 0.05rem 0.2rem;}
.store_contact_area .line_contact .box .green_inner .button a { display: block; color: #fbf138; font-weight: bold; text-align: center; text-decoration: none; background: #008f00;}
.store_contact_area .line_contact .box .green_inner .button i{ color: #fff;}
.line_contact .box { position: relative; padding: 0.025rem; }
.line_contact .white_inner { padding: 0.15rem; }
.line_contact .white_inner h2 { font-size: 0.14rem; line-height: 1.4; margin-bottom: 0.05rem; }
.line_contact .white_inner h2 em { font-size: 0.2rem; }
.line_contact .white_inner p { font-size: 0.14rem; width: 72%; }
.line_contact .green_inner { padding: 0.15rem; }
.line_contact .green_inner h2 { font-size: 0.16rem; margin-bottom: 0.1rem; }
.line_contact .green_inner h2 .note { font-size: 0.12rem; }
.line_contact .green_inner p { position: relative; padding-left: 1.0em; font-size: 0.14rem; line-height: 1.2; }
.line_contact .green_inner p::before { content: "※"; position: absolute; left: 0; top: 0; }
.line_contact .box .image { position: absolute; top: 0.65rem; right: 0.1rem; width: 25%; }

.tel_contact .box { padding: 0.15rem; background: #fff; }
.tel_contact .box::before { left: -0.02rem; top: -0.02rem; width: 0.175rem; height: 0.175rem; }
.tel_contact .box::after { right: -0.02rem; bottom: -0.02rem; width: 0.175rem; height: 0.175rem; }
.tel_contact .text { margin-bottom: 0.1rem; }
.tel_contact .text h2 { font-size: 0.2rem; margin-bottom: 0.1rem; }
.tel_contact .text hr { width: 0.5rem; height: 0.035rem; margin: 0 auto 0.15rem; }
.tel_contact .text p { font-size: 0.14rem; }
.tel_contact .memo { width: 2.6rem; height: 0.87rem; margin-bottom: 0.15rem; }
.tel_contact .memo p { font-size: 0.14rem; line-height: 1.3; padding-top: 0.15rem; padding-left: 0.2rem; }
.tel_contact .memo p em { font-size: 0.18rem; }
.tel_contact .memo p .note { font-size: 0.13rem; }
.tel_contact .cta_btn1 { float: none; color: #fbf138; font-weight: bold; background: #008f00; border-radius: 1rem; width: 100%; margin: 0 auto; padding: 0.08rem; text-align: center; box-shadow: 0 0.035rem 0 #264f06; margin-bottom: 0.25rem;}
.tel_contact .cta_btn2 { float: none; color: #fbf138; font-weight: bold; background: #008f00; border-radius: 1rem; width: 100%; margin: 0 auto; padding: 0.08rem; text-align: center; box-shadow: 0 0.035rem 0 #264f06;}
.tel_contact .cta_btn1 a{font-size: 0.15rem; text-align: center; text-decoration: none; color: #fff; margin: 0 auto; box-shadow:none;}
.tel_contact .cta_btn2 a{font-size: 0.15rem; text-align: center; text-decoration: none; color: #fff; margin: 0 auto; box-shadow:none;}
.tel_contact .button_green a::after{position: absolute; right: -0.3rem; top: 0.12rem; font-family: "Font Awesome 5 Free"; font-weight: 900;}

/* ブルーボタン */
.privacy_section01 .button_blue a::after{position: absolute; right: 0.1rem; top: 0.13rem; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.button_blue a { box-shadow: 0 0.035rem 0 #325078; }


.customer_review .voice { padding: 0.15rem; margin-bottom: 0.15rem; }
.customer_review .voice_orange { border-top: 0.025rem solid #f77100; }
.customer_review .voice_blue { border-top: 0.025rem solid #4c82c8; }
.customer_review .voice .picture { margin-bottom: 0.1rem; }
.customer_review .voice .picture img { vertical-align: middle; }
.customer_review .voice h3 { font-size: 0.18rem; line-height: 1.2; margin-bottom: 0.05rem; }
.customer_review .voice .name { font-size: 0.14rem; margin-bottom: 0.05rem; }
.customer_review .voice dl { font-size: 0.14rem; margin-bottom: 0.05rem; }
.customer_review .voice dl > dt { display: inline-block; padding: 0 0.05rem; margin-bottom: 0.05rem; }
.customer_review .voice dl > dd { display: inline-block; min-width: 1.5rem; margin-left: 0.05rem; margin-bottom: 0.05rem; }
.customer_review .voice p { font-size: 0.14rem; }
.customer_review .voice p:not(:last-child) { margin-bottom: 1.0em; }
.customer_review .goo_net_review .text { position: relative; padding: 0.05rem 0.15rem; margin: 0 auto 0.15rem; }
.customer_review .goo_net_review .text::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.08rem; width: 0.095rem; height: 0.08rem; background: url(images/accessory04.png) no-repeat center; background-size: 100%; margin: 0 auto; }
.customer_review .goo_net_review .text p { font-size: 0.13rem; line-height: 1.2; }
.customer_review .goo_net_review .text p em.large { font-size: 0.16rem; }
.customer_review .goo_net_review .image { margin-bottom: 0.2rem; }
.customer_review .goo_net_review .button a { font-size: 0.15rem; line-height: 1.2; border-radius: 0.3125rem; padding: 0.15rem 0.3rem; }
.customer_review .goo_net_review .button a::after { top: 0.25rem; }

/*お客様の声　sp_new*/
.customer_review .new_voice { background: url(images/bg05.png) no-repeat center; background-size: cover; }  
.customer_review .new_voice { padding: 0.15rem; margin-bottom: 0.15rem; }
.customer_review .new_voice .picture { margin-bottom: 0.1rem; }
.customer_review .new_voice .picture img { vertical-align: middle; }
.customer_review .new_voice h3 { font-size: 0.18rem; line-height: 1.2; margin-bottom: 0.05rem; }
.customer_review .new_voice .name { font-size: 0.12rem; margin-bottom: 0.05rem; }
.customer_review .new_voice dl { font-size: 0.12rem; margin-bottom: 0.05rem; }
.customer_review .new_voice dl > dt { display: inline-block; padding: 0 0.05rem; margin-bottom: 0.05rem; }
.customer_review .new_voice dl > dd { display: inline-block; min-width: 1.5rem; margin-left: 0.05rem; margin-bottom: 0.05rem; }
.customer_review .new_voice p { font-size: 0.12rem; }
.customer_review .new_voice p:not(:last-child) { margin-bottom: 1.0em; }

    
.car_list .category h3 { font-size: 0.16rem; line-height: 1.2; text-align: center; border-radius: 0.275rem; padding: 0.1rem; margin-bottom: 0.15rem; }
.car_list .car_slider { margin: 0 -0.15rem 0.3rem; }
.car_list .car_items { margin: 0 -0.15rem; }
.car_list .car_items > .car_item { margin-bottom: 0.15rem; }
.car_list .car_item { border-radius: 0.075rem; box-shadow: 0.01rem 0.01rem 0.025rem rgba(0,0,0,0.2); padding: 0.15rem; margin: 0 0.1rem; }
.car_list .car_item .image { max-height: 3.0rem; }
.car_list .car_item p.maker { font-size: 0.16rem; line-height: 1.2; }
.car_list .car_item p.name { font-size: 0.2rem; line-height: 1.2; margin-bottom: 0.1rem; }
.car_list .car_item dl { display: flex; flex-wrap: wrap; }
.car_list .car_item dl > dt { width: 58%; font-size: 0.14rem; line-height: 1.2; padding: 0.075rem 0.1rem; }
.car_list .car_item dl > dd { width: 42%; font-size: 0.16rem; line-height: 1.2; padding: 0.05rem 0.1rem 0.05rem 0.2rem; position: relative; }
.car_list .car_item dl > dd::before { content: ""; display: block; position: absolute; left: 0; top: 0.06rem; width: 0.14rem; height: 0.16rem; background: url(images/slider_icon.png) no-repeat center; background-size: 100%; }

.store_access_area { padding: 0.15rem 0; }
.store_access { background: transparent; margin-bottom: 15px;}
.store_access .store { padding: 0.15rem; }
.store_access .store:not(:last-child) { margin-bottom: 0.15rem; }
.store_access h2 { font-size: 0.16rem; margin-bottom: 0.1rem; }
.store_access p { font-size: 0.13rem; margin-bottom: 0.1rem; }
.store_access dl {
  display: grid;
  grid-template-columns: 0.65rem 1fr;
  column-gap: 0.1rem;
  row-gap: 0.05rem;
  margin-bottom: 0.1rem;
}
.store_access dl > dt {
  font-size: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.025rem;
  margin: 0;
}
.store_access dl > dd {
  font-size: 0.1225rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.store_access dl > dd .note { font-size: 0.095rem; }
.store_access .instagram { font-size: 0.12rem; padding-left: 0.2rem; margin-bottom: 0.1rem; }
.store_access .instagram::before { left: 0; top: 0; width: 0.16rem; height: 0.16rem; }
.store_access .map { position: relative; left:0;}

.company_overview_area { padding: 0.2rem 0; }
.company_overview h2 { font-size: 0.2rem; margin-bottom: 0.1rem; }
.company_overview hr { width: 0.5rem; height: 0.035rem; margin: 0 auto 0.15rem; }
.company_overview table th { font-size: 0.14rem; padding: 0.05rem; }
.company_overview table td { font-size: 0.14rem; padding: 0.1rem; }

.floating_banner { position: fixed; z-index: 1000; right: -0.32rem; bottom: -2rem; cursor: pointer; transition: bottom 0.5s linear;}
.floating_banner h2 { color: #fff; font-size: 0.13rem; }
.floating_banner h2 em { font-size: 0.18rem; }
.floating_banner h2 i { font-size: 0.17rem; }
.floating_banner p { color: #fff; font-size: 0.13rem; }
.floating_banner p em { color: #fff000; }
.floating_banner p i { color: #33a567; background: #fff; font-size: 0.12rem; line-height: 0.165rem; width: 0.165rem; height: 0.165rem; border-radius: 0.165rem; }
.floating_banner .image { right: -0.05rem; width: 0.61rem; }
.floating_banner .img img { vertical-align: bottom; width: 70%;}
.floating_banner .show { bottom: 3%; right: -0.05rem;}

.floating_banner_tel { position: fixed; z-index: 1000; right: -0.32rem; bottom: -2rem; cursor: pointer; transition: bottom 0.5s linear; }
.floating_banner_tel.show { bottom: 130px; }
.floating_banner_tel .img { position: relative;}
.floating_banner_tel .img img { vertical-align: bottom; width: 70%;}

.contact_box h3 { font-size: 0.18rem; margin-bottom: 0.05rem; }
.contact_box p { font-size: 0.12rem; }
.contact_box { border-radius: 0.05rem; box-shadow: 0.01rem 0.01rem 0.015rem rgba(0,0,0,0.2); padding: 0.15rem; margin-bottom: 0.15rem; }
.contact_box:nth-child(1) ul > li { font-size: 0.14rem; margin-bottom: 0.05rem; }
.contact_box:nth-child(2) ul { margin-bottom: 0.05rem; }
.contact_box:nth-child(2) ul > li { font-size: 0.14rem; line-height: 1.2; }
.contact_box:nth-child(2) a { font-size: 0.19rem; }

.reservation_form h2 { font-size: 0.18rem; margin-bottom: 0.1rem; }
.reservation_form .description { margin-bottom: 0.1rem; }
.reservation_form .description p { font-size: 0.14rem; }
.reservation_form .box { padding: 0.15rem; }
.reservation_form .box dl { margin-bottom: 0.15rem; }
.reservation_form .box dl > dt { font-size: 0.14rem; padding: 0.15rem 0.15rem 0.1rem; }
.reservation_form .box dl > dt.required::after { font-size: 0.12rem; padding: 0.01rem 0.05rem; margin-left: 0.1rem; vertical-align: middle; }
.reservation_form .box dl > dd { padding: 0 0.15rem 0.15rem; border-bottom: 0.01rem solid #cccccc; }
.reservation_form .box dl > dt:nth-child(4n+1) { background: #fafafa; }
.reservation_form .box dl > dd:nth-child(4n+2) { background: #fafafa; }
.reservation_form .box dl > dt:nth-child(1) { border-top: 1px solid #cccccc; }
.reservation_form .box label { font-size: 0.14rem; margin-right: 0.05rem; }
.reservation_form input.submit { font-size: 0.2rem; display: block; width: 100%; padding: 0.05rem; border-radius: 0.225rem; box-shadow: 0 0.035rem 0 #264f06; text-align: center; }
.reservation_form input.submit::after { right: 0.1rem; top: 0.09rem; }
.reservation_form .wpcf7-not-valid-tip { font-size: 0.14rem; }
.reservation_form .wpcf7 form .wpcf7-response-output { font-size: 0.14rem; }

.section_404 .content { padding: 1.0rem 0; }
.section_404 .content p { font-size: 0.14rem; }

.home_section01 .caption_area { padding: 0.15rem 0; }
.home_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; margin-bottom: 0.1rem; }
.home_section01 .caption h2 em { font-size: 0.25rem; }
.home_section01 .caption .label { font-size: 0.14rem; padding: 0.025rem 0.1rem; }
.home_section01 .content_area { padding: 0.15rem 0 0.3rem; }
.home_section01 .content .box { padding: 0.15rem; }
.home_section01 .content .images { margin-bottom: 0.15rem; }
.home_section01 .content .image img { vertical-align: middle; }
.home_section01 .content .button { position: relative; width: 2.6rem; margin: 0 auto; }
.home_section01 .content .button a { display: block; font-size: 0.2rem; line-height: 1.2; text-align: center; border-radius: 0.23rem; padding: 0.1rem; }
.home_section01 .content .button .accessory { position: absolute; left: 0.025rem; top: -0.5rem; width: 0.875rem; pointer-events: none; }
.home_section02 .content h2 { margin: 0 -0.15rem; }
.home_section03 .content_area { padding: 0.4rem 0 0.2rem; } 
.home_section03 .content .label { position: relative; font-size: 0.11rem; width: 2.2rem; padding: 0.05rem 0; margin: 0 auto 0.1rem; }
.home_section03 .content .label::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.065rem; width: 0.075rem; height: 0.065rem; background: url(images/accessory03.png) no-repeat top; background-size: 100%; margin: 0 auto; }
.home_section03 .content .label em { font-size: 0.14rem; }
.home_section03 .content h2 { font-size: 0.2rem; line-height: 1.2; margin-bottom: 0.2rem; }
.home_section03 .content h2 em { font-size: 0.25rem; }
.home_section04 .content_area { padding: 0.3rem 0; }
.home_section04 .content .caption .label { font-size: 0.14rem; padding: 0.025rem 0.1rem; margin-bottom: 0.05rem; }
.home_section04 .content .caption h2 { font-size: 0.2rem; line-height: 1.2; margin-bottom: 0.25rem; }
.home_section04 .content .caption h2 em.large { font-size: 0.25rem; }
.home_section04 .content .merit { padding: 0; margin-bottom: 0.3rem; }
.home_section04 .content .merit:nth-child(5) { padding-bottom: 0.05rem; margin-bottom: 0; }
.home_section04 .content .merit .label { position: absolute; left: -0.05rem; top: 0rem; width: 0.7rem; font-size: 0.11rem; border-radius: 0 0.15rem 0.15rem 0; padding: 0.05rem 0; }
.home_section04 .content .merit .label em { font-size: 0.14rem; }
.home_section04 .content .merit .merit_title { display: flex; align-items: center; padding-left: 0.75rem; margin-bottom: 0.1rem; }
.home_section04 .content .merit .merit_title h3 { font-size: 0.18rem; line-height: 1.2; }
.home_section04 .content .merit .description { margin-bottom: 0.15rem; }
.home_section04 .content .merit .description p { font-size: 0.14rem; }
.home_section04 .content .merit .goods { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: -0.15rem; }
.home_section04 .content .merit .good { width: 48%; padding: 0.15rem; margin-top: 0.15rem; }
.home_section04 .content .merit .good .no { width: 0.3rem; margin: 0 auto 0.05rem; }
.home_section04 .content .merit .good hr { width: 0.2rem; height: 0.03rem; margin: 0 auto 0.1rem; }
.home_section04 .content .merit .good h4 { font-size: 0.14rem; line-height: 1.2; margin-bottom: 0.1rem; }
.home_section04 .content .merit .good:nth-child(2) h4 { min-height: 0.48rem; }
.home_section04 .content .merit .good p { font-size: 0.12rem; }
.home_section04 .content .merit .maintenances { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: -0.05rem; }
.home_section04 .content .merit .maintenance { width: 48%; padding: 0.1rem; margin-top: 0.05rem; border-radius: 0.05rem; box-shadow: 0.01rem 0.01rem 0.01rem rgba(0,0,0,0.2); }
.home_section04 .content .merit .maintenance .image { width: 0.53rem; margin: 0 auto; }
.home_section04 .content .merit .maintenance p { font-size: 0.14rem; line-height: 1.2; }
.home_section04 .content .merit .maintenance p .note { font-size: 0.12rem; }
.home_section04 .content .merit:nth-child(3) .image { margin-bottom: 0.05rem; }
.home_section04 .content .merit:nth-child(5) .image { margin-bottom: 0.05rem; }
.home_section05 .caption_area { padding: 0.15rem 0; }
.home_section05 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.home_section05 .caption h2 em.large { font-size: 0.25rem; }
.home_section05 .content_area .wrapper { padding: 0; }
.home_section06 .caption_area { margin-bottom: 0.15rem; }
.home_section06 .caption { position: relative; padding: 0.3rem 0; }
.home_section06 .caption h2 { position: relative; z-index: 10; font-size: 0.2rem; line-height: 1.2; }
.home_section06 .caption h2 .large { font-size: 0.25rem; }
.home_section06 .caption .arrow { position: absolute; left: 0; top: 0; width: 3.2rem; height: 1.075rem; margin: 0 -0.15rem; }
.home_section06 .contact_area { padding: 0.15rem 0; }
.home_section06 .plan_area { padding-bottom: 0.2rem; }
.home_section06 .plan h3 { position: relative; font-size: 0.14rem; line-height: 1.4; border-bottom: 0.015rem solid #f77100; padding-left: 0.35rem; margin: 0 auto 0.15rem; }
.home_section06 .plan h3::before { content: ""; display: block; position: absolute; left: 0; top: 0.05rem; width: 0.255rem; height: 0.29rem; background: url(images/label01.png) no-repeat center; background-size: 100%; }
.home_section06 .plan .cost { position: relative; margin-bottom: 0.1rem; }
.home_section06 .plan .cost h4 { position: absolute; left: 0; right: 0; top: 0.03rem; font-size: 0.14rem; text-align: center; }
.home_section06 .plan .cost .voice { position: relative; }
.home_section06 .plan .cost .voice .image { position: absolute; left: 0; top: 0; width: 0.485rem; }
.home_section06 .plan .cost .voice p { font-size: 0.14rem; padding-left: 0.65rem; margin-bottom: 0.1rem; }
.home_section06 .plan .flow { position: relative; border-radius: 0.05rem; padding: 0.15rem; margin-bottom: 0.1rem; }
.home_section06 .plan .flow .no { position: absolute; left: 0; top: 0; width: 0.34rem; }
.home_section06 .plan .flow .image { width: 1.095rem; margin: 0 auto 0.05rem; }
.home_section06 .plan .flow h4 { font-size: 0.18rem; line-height: 1.2; margin-bottom: 0.05rem; }
.home_section06 .plan .flow p { font-size: 0.14rem; text-align: left; }
.home_section06 .plan .flow p .note { font-size: 0.12rem; }
.home_section06 .comparison_area { padding: 0.4rem 0 0.2rem; }
.home_section06 .comparison { position: relative; padding: 0.5rem 0.15rem 0.15rem; }
.home_section06 .comparison h3 { position: absolute; left: 0; right: 0; top: -0.2rem; width: 2.61rem; padding: 0.075rem 0; margin: 0 auto; font-size: 0.18rem; line-height: 1.2; }
.home_section06 .comparison p { font-size: 0.14rem; margin-bottom: 0.1rem; }
.home_section06 .comparison .other_images h4 { font-size: 0.14rem; width: 1.7rem; padding: 0.05rem 0; margin: 0 auto 0.15rem; }
.home_section06 .comparison .flat7_images h4 { font-size: 0.14rem; width: 2.1rem; padding: 0.05rem 0; margin: 0 auto 0.15rem; }
.home_section06 .comparison .other_images .image { border-bottom: 0.02rem dashed #939393; padding-bottom: 0.15rem; margin-bottom: 0.15rem; }
.home_section06 .content_caption{text-align: center;}
.home_section06 .content_caption h3{ font-size: 0.36rem; padding: 0.1rem 0.2rem; margin-bottom: 0.4rem;}
.home_section06 .content_caption .frame_blue{padding: 0.075rem; margin-bottom: 0.1rem;  }
.home_section07 .caption_area { padding: 0.2rem 0; }
.home_section07 .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.home_section07 .content_area { padding: 0.15rem 0; }
.home_section08 .content_area { padding: 0.35rem 0; }
.home_section08 .content .caption { margin-bottom: 0.15rem; }
.home_section08 .content .caption .icon i { font-size: 0.25rem; }
.home_section08 .content .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.home_section08 .content .caption h2 em { font-size: 0.25rem; }
.home_section08 .content .button a { font-size: 0.15rem; line-height: 1.2; border-radius: 0.3125rem; box-shadow: 0 0.035rem 0 #264f06; padding: 0.15rem 0.3rem; }
.home_section08 .content .button a::after { top: 0.25rem; }
.home_section08 .content .description p { font-size: 0.14rem; }
.home_section08 .content .description p

.home_section09 .content .caption { margin-bottom: 0.1rem; }
.home_section09 .content .caption .icon i { font-size: 0.2rem; }
.home_section09 .content .caption h2 { font-size: 0.2rem; }
.home_section09 .content .caption h2 em { font-size: 0.25rem; }
.home_section09 .content .flow { position: relative; padding: 0.15rem 0; margin-bottom: 0.15rem; }
.home_section09 .content .flow:not(:last-child)::after { content: ""; display: block; position: absolute; z-index: 10; left: 0; right: 0; bottom: -0.3rem; width: 0.76rem; height: 0.39rem; background: url(images/arrow01_sp.png) no-repeat center; background-size: 100%; margin: 0 auto; }
.home_section09 .content .flow_header { display: flex; align-items: center; margin-bottom: 0.1rem; }
.home_section09 .content .flow_header .step { width: 0.29rem; margin-right: 0.1rem; }
.home_section09 .content .flow_header .step img { vertical-align: middle; }
.home_section09 .content .flow h3 { font-size: 0.18rem; line-height: 1.2;}
.home_section09 .content .flow .picture { float: left; width: 1.15rem; margin-right: 0.15rem; }
.home_section09 .content .flow p { font-size: 0.14rem; }
.home_section09 .content_area { padding: 0.35rem 0!important; }
.home_section10 .content_area .wrapper { padding: 0; }
.home_section11 .caption_area { padding: 0.15rem 0; }
.home_section11 .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.home_section11 .content_area { padding: 0.25rem 0; }
.home_section11 .content .question { position: relative; border-bottom: 0.01rem solid #f66200; padding: 0.15rem; margin-bottom: 0.15rem; }
.home_section11 .content .question h3 { position: relative; font-size: 0.18rem; line-height: 1.2; padding-left: 0.22rem; margin-bottom: 0.1rem; }
.home_section11 .content .question h3::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.14rem; height: 0.195rem; background: url(images/icon01.png) no-repeat center; background-size: 100%; }
.home_section11 .content .question .answer { position: relative;  padding-left: 0.22rem; }
.home_section11 .content .question .answer::before { content: ""; display: block; position: absolute; left: 0; top: 0.05rem; width: 0.155rem; height: 0.165rem; background: url(images/icon02.png) no-repeat center; background-size: 100%; }
.home_section11 .content .question .answer p { font-size: 0.14rem; }
.home_section11 .content .question .picture { position: absolute; right: 0.05rem; bottom: 0; }
.home_section11 .content .question .picture img { vertical-align: bottom; }
.home_section11 .content .question:nth-child(1) .picture { width: 0.685rem; }
.home_section11 .content .question:nth-child(2) .picture { width: 0.745rem; }
.home_section11 .content .question:nth-child(3) .picture { width: 0.835rem; }
.home_section11 .content .question:nth-child(4) .picture { width: 1.06rem; }
.home_section11 .content .question:nth-child(5) .picture { width: 0.765rem; }
.home_section15 .content_area { padding: 0.5rem 0; }
.home_section15 .content h2 { font-size: 0.2rem; }
.home_section15 .content hr { width: 0.5rem; height: 0.025rem; margin: 0 auto 0.15rem; border-radius: 0.0125rem; }
.home_section15 .content .news { position: relative; padding: 0.1rem 0; margin-bottom: 0.1rem; }
.home_section15 .content .news h3 { font-size: 0.14rem; line-height: 1.4; }
.home_section15 .content .news .date { font-size: 0.12rem; }
.home_section15 .content .news .category { width: 0.8rem; font-size: 0.10rem; }
.home_section15 .content .link { font-size: 0.14rem; }
.home_section16 .content_area { padding-bottom: 0.4rem; }
.home_section16 .content .banner { position: relative; }
.home_section16 .content .banner .button { position: absolute; right: 0.05rem; bottom: 0.08rem; }
.home_section16 .content .banner .button a { font-size: 0.115rem; border-radius: 0.125rem; padding: 0.05rem 0.15rem; }
.home_section16 .content .banner .button a::after { position: absolute; right: 0.05rem; }
.home_section17 .content_area { padding-bottom: 0.2rem; }
.home_section17 .content .button a{font-size: 0.15rem; line-height: 1.2; border-radius: 0.525rem; padding: 0.15rem 0.21rem;}
    
/* ブルーボタン */
.privacy_section01 .content .button a{font-size: 0.15rem; line-height: 1.2; border-radius: 0.1rem; padding: 0.15rem 0.21rem;}

.customervoice_section01 .caption_area { padding: 0.2rem 0; }
.customervoice_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.customervoice_section01 .caption h2 em { font-size: 0.25rem; }
.customervoice_section01 .content_area { padding: 0.25rem 0; }
.customervoice_section01 .content h3 { font-size: 0.18rem; line-height: 1.4; padding: 0.05rem 0.1rem; margin-bottom: 0.2rem; }
.customervoice_section01 .content h3 i { margin-right: 0.05rem; }
.customervoice_section01 .content .questions { display: flex; flex-wrap: wrap; justify-content: center; }
.customervoice_section01 .content .question { width: 50%; }
.customervoice_section01 .content .question:nth-child(3) { width: 60%; }
.customervoice_section01 .content .question:not(:nth-child(3)) { margin-bottom: 0.1rem; }
.customervoice_section01 .content .question h4 { position: relative; font-size: 0.14rem; line-height: 1.2; min-height: 0.54rem; padding-left: 0.3rem; margin-bottom: 0.05rem; }
.customervoice_section01 .content .question:nth-child(3) h4 { min-height: 0; }
.customervoice_section01 .content .question h4::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.245rem; height: 0.215rem; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.customervoice_section01 .content .question:nth-child(1) h4::before { background-image: url(images/q01.png); }
.customervoice_section01 .content .question:nth-child(2) h4::before { background-image: url(images/q02.png); }
.customervoice_section01 .content .question:nth-child(3) h4::before { background-image: url(images/q03.png); }
.customervoice_section01 .content .question .graph { width: 1.53rem; margin: 0 auto; }
.customervoice_section01 .customer_review_area { padding-bottom: 0.4rem; }

.faq_section01 .caption_area { padding: 0.2rem 0; }
.faq_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.faq_section01 .caption h2 em { font-size: 0.25rem; }
.faq_section01 .content_area { padding: 0.2rem 0; }
.faq_section01 .content h3 { position: relative; font-size: 0.18rem; padding-left: 0.15rem; margin-bottom: 0.2rem; }
.faq_section01 .content h3::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.05rem; height: 0.27rem; background: #f77100; }
.faq_section01 .content .questions { margin-bottom: 0.15rem; }
.faq_section01 .content .question h4 { position: relative; font-size: 0.14rem; line-height: 1.4; padding: 0.1rem 0.15rem 0.1rem 0.3rem; }
.faq_section01 .content .question h4::before { content: ""; display: block; position: absolute; left: 0.15rem; top: 0.13rem; width: 0.09rem; height: 0.125rem; background: url(images/icon01.png) no-repeat center; background-size: 100%; }
.faq_section01 .content .question .answer { position: relative; padding: 0.15rem 0 0.15rem 0.3rem; }
.faq_section01 .content .question .answer::before { content: ""; display: block; position: absolute; left: 0.15rem; top: 0.2rem; width: 0.1rem; height: 0.105rem; background: url(images/icon02.png) no-repeat center; background-size: 100%; }
.faq_section01 .content .question .answer p { font-size: 0.14rem; }

.flat7_section01 .caption_area { padding: 0.2rem 0; }
.flat7_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.flat7_section01 .caption h2 em { font-size: 0.25rem; }
.flat7_section01 .content_area { padding: 0.2rem 0; }
.flat7_section01 .content p { font-size: 0.14rem; }
.flat7_section01 .content p:not(:last-child) { margin-bottom: 0.15rem; }
.flat7_section01 .content p .note { font-size: 0.13rem; }
.flat7_section01 .content ul { font-size: 0.14rem; margin-bottom: 0.15rem; }
.flat7_section01 .content ol { font-size: 0.14rem; margin-bottom: 0.15rem; }
.flat7_section01 .content .introduction { margin-bottom: 0.15rem; }
.flat7_section01 .content .topic { position: relative; padding: 0.15rem; margin-bottom: 0.15rem; }
.flat7_section01 .content .topic .label { position: absolute; left: -0.055rem; top: 0.15rem; line-height: 1.2; border-radius: 0 0.2rem 0.2rem 0; padding: 0.05rem 0.1rem; }
.flat7_section01 .content .topic .label .title { font-size: 0.11rem; }
.flat7_section01 .content .topic .label .no { font-size: 0.16rem; }
.flat7_section01 .content .topic .topic_title { display: flex; align-items: center; min-height: 0; padding-left: 0.4rem; margin-bottom: 0.15rem; }
.flat7_section01 .content .topic h3 { font-size: 0.18rem; line-height: 1.2; }
.flat7_section01 .content .topic .picture { margin-bottom: 0.15rem; }
.flat7_section01 .content .topic ol.list01 > li::before { border-radius: 0.15rem; top: 0.04rem; width: 0.15rem; height: 0.15rem; font-size: 0.12rem; line-height: 0.15rem; text-align: center; }
.flat7_section01 .content .topic ol.list02 > li::before { border-radius: 0.15rem; top: 0.04rem; width: 0.15rem; height: 0.15rem; font-size: 0.12rem; line-height: 0.15rem; text-align: center; }
.flat7_section01 .content .topic ol.list03 > li { font-size: 0.16rem; line-height: 1.2; }
.flat7_section01 .content .topic ol.list03 > li::before { border-radius: 0.15rem; top: 0.04rem; width: 0.15rem; height: 0.15rem; font-size: 0.12rem; line-height: 0.15rem; text-align: center; }
.flat7_section01 .content .topic h4.h4_list { font-size: 0.14rem; }
.flat7_section01 .content .topic h4.h4_list::before { border-radius: 0.15rem; top: 0.04rem; width: 0.15rem; height: 0.15rem; font-size: 0.12rem; line-height: 0.15rem; text-align: center; }
.flat7_section01 .content .topic h4.h4_border { font-size: 0.16rem; line-height: 1.2; margin-bottom: 0.15rem; }
.flat7_section01 .content .topic h4.h4_balloon { position: relative; font-size: 0.18rem; line-height: 1.2; border-radius: 0.26rem; padding: 0.05rem 0; margin: 0 auto 0.2rem; }
.flat7_section01 .content .topic h4.h4_balloon::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.095rem; width: 0.105rem; height: 0.095rem; background: url(images/accessory02.png) no-repeat top; background-size: 100%; margin: 0 auto; }
.flat7_section01 .content .topic h4.h4_frame { font-size: 0.16rem; line-height: 1.2; padding: 0.05rem 0.1rem; margin-bottom: 0.15rem; }
.flat7_section01 .content .topic .link { position: relative; margin-bottom: 0.15rem; }
.flat7_section01 .content .topic .link h5 { font-size: 0.16rem; border-radius: 0.05rem 0.05rem 0 0; padding: 0.05rem 0; }
.flat7_section01 .content .topic .link .picture { margin: 0; }
.flat7_section01 .content .topic .link .button { position: absolute; right: 0.15rem; bottom: 0.1rem; }
.flat7_section01 .content .topic .link .button a { font-size: 0.12rem; border-radius: 0.135rem; padding: 0.05rem 0.15rem; }
.flat7_section01 .content .topic .link .button a::after { position: absolute; right: 0.05rem; }

.popularity_section01 .caption_area { padding: 0.2rem 0; }
.popularity_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.popularity_section01 .caption h2 em { font-size: 0.25rem; }
.popularity_section01 .content_area { padding: 0.2rem 0; }
.popularity_section01 .content .item { padding: 0.15rem; margin-bottom: 0.15rem; }
.popularity_section01 .content .item_header { display: flex; align-items: center; min-height: 0.6rem; padding-left: 0.8rem; margin-bottom: 0.15rem; }
.popularity_section01 .content .item_header::before { width: 0.775rem; height: 0.595rem; }
.popularity_section01 .content .item_header h3 { font-size: 0.2rem; line-height: 1.2; }
.popularity_section01 .content .item_header p { font-size: 0.12rem; }
.popularity_section02 .content_area { padding: 0.3rem 0; }
.popularity_section02 .content .caption { margin-bottom: 0.1rem; }
.popularity_section02 .content .caption i { font-size: 0.25rem; }
.popularity_section02 .content .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.popularity_section02 .content .description { margin-bottom: 0.05rem; }
.popularity_section02 .content .description p { font-size: 0.14rem; }

.feature_section01 .caption_area { padding: 0.2rem 0; }
.feature_section01 .caption h2 { font-size: 0.2rem; }
.feature_section01 .caption p { font-size: 0.11rem; }
.feature_section01 .caption .label { font-size: 0.12rem; padding: 0.05rem 0.1rem; margin-bottom: 0.05rem; }
.feature_section01 .content_area { padding: 0.15rem 0; }
.feature_section01 .content .introduction h3 { font-size: 0.2rem; line-height: 1.2; border-radius: 0.075rem 0.075rem 0 0; margin-bottom: 0.15rem; }
.feature_section01 .content .introduction h3 em.large { font-size: 0.3rem; }
.feature_section01 .content .introduction .item { width:48%; margin-bottom: 0.15rem; }
.feature_section01 .content .introduction .item h4 { top: 0.07rem; width: 1.405rem; }
.feature_section01 .content .introduction .item::after { border-radius: 0.05rem; }
.feature_section01 .content .strong .item { padding: 0.15rem 0; margin-bottom: 0.2rem; }
.feature_section01 .content .strong .item .item_header { display: flex; align-items: center; min-height: 0.4rem; padding-left: 0.75rem; margin-bottom: 0.15rem; }
.feature_section01 .content .strong .item .label { font-size: 0.11rem; border-radius: 0 0.155rem 0.155rem 0; left: -0.055rem; top: 0.2rem; padding: 0.05rem; }
.feature_section01 .content .strong .item .label em { font-size: 0.14rem; }
.feature_section01 .content .strong .item h3 { font-size: 0.18rem; line-height: 1.2; }
.feature_section01 .content .strong .item .picture { margin-bottom: 0.15rem; }
.feature_section01 .content .strong .item .picture img { vertical-align: middle; }
.feature_section01 .content .strong .item .text p { font-size: 0.14rem; }
.feature_section01 .content .strong .item .text .asterisk { font-size: 0.09rem; }
.feature_section01 .content .strong .item .text .note { font-size: 0.13rem; }

.company_section01 .caption_area { padding: 0.2rem 0 0.1rem; }
.company_section01 .caption h2 { font-size: 0.25rem; }
.company_section01 .caption .label { font-size: 0.14rem; padding: 0.05rem 0.1rem; margin-bottom: 0.05rem; }
.company_section01 .content_area { padding: 0.15rem 0; }
.company_section01 .content .item { padding: 0.15rem; margin-bottom: 0.15rem; }
.company_section01 .content .item p { font-size: 0.14rem; }
.company_section01 .content .item ul { font-size: 0.14rem; margin-bottom: 0.15rem; }
.company_section01 .content .item_header_plate h3 { font-size: 0.18rem; line-height: 1.4; padding: 0.05rem 0; margin-bottom: 0.15rem; }
.company_section01 .content .item_header_border h3 { font-size: 0.18rem; line-height: 1.4; }
.company_section01 .content .item_header_border h3::after { width: 0.3rem; height: 0.025rem; margin-top: 0.05rem; margin-bottom: 0.15rem; }
.company_section01 .content .item:nth-child(1) .picture { margin-bottom: 0.15rem; }
.company_section01 .content .item:nth-child(1) .picture img { vertical-align: middle; }
.company_section01 .content .item:nth-child(2) .images { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.1rem; }
.company_section01 .content .item:nth-child(2) .image { width: 49.5%; }
.company_section01 .content .item:nth-child(2) .image img { vertical-align: middle; }
.company_section01 .content .item:nth-child(3) .pictures { display: flex; justify-content: space-between; margin-bottom: 0.1rem; }
.company_section01 .content .item:nth-child(3) .picture { width: 50%; }
.company_section01 .content .item:nth-child(3) .picture img { vertical-align: middle; }

.line_section01 .caption_area { padding: 0.2rem 0; }
.line_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.line_section01 .caption h2 em { font-size: 0.25rem; }
.line_section01 .content_area { padding: 0.15rem 0 0; }
.line_section01 .content .line_start { margin-bottom: 0.6rem; }
.line_section01 .content .line_start h2 { font-size: 0.2rem; margin-bottom: 0.05rem; }
.line_section01 .content .line_start h3 { font-size: 0.12rem; line-height: 1.4; margin-bottom: 0.05rem; }
.line_section01 .content .line_start .box { position: relative; padding: 0.025rem; }
.line_section01 .content .line_start .white_inner { padding: 0.1rem; }
.line_section01 .content .line_start .white_inner p { font-size: 0.08rem; width: 2.0rem; }
.line_section01 .content .line_start .green_inner { padding: 0.1rem 0.1rem 0.0725rem; }
.line_section01 .content .line_start .green_inner p { font-size: 0.12rem; }
.line_section01 .content .line_start .image { position: absolute; right: 0.15rem; top: 0.4rem; width: 0.5665rem; }
.line_section01 .content .line_merit { position: relative; padding: 0.15rem 0; }
.line_section01 .content .line_merit .line_merit_header { position: absolute; left: 0; top: -0.5rem; width: 100%; text-align: center; }
.line_section01 .content .line_merit h3 { display: block; font-size: 0.18rem; line-height: 1.2; padding: 0.1rem; margin: 0 0.15rem; }
.line_section01 .content .line_merit .items { padding-top: 0.35rem; margin-bottom: 0.2rem; }
.line_section01 .content .line_merit .item { padding: 0.15rem; margin-bottom: 0.15rem; }
.line_section01 .content .line_merit .item .text { margin-bottom: 0.1rem; }
.line_section01 .content .line_merit .item p { font-size: 0.14rem; }
.line_section01 .content .line_merit .register { padding: 0.1rem 0.15rem; }
.line_section01 .content .line_merit .register h4 { font-size: 0.18rem; line-height: 1.4; margin-bottom: 0.15rem; }
.line_section01 .content .line_merit .register h5 { font-size: 0.14rem; margin-bottom: 0.1rem; }
.line_section01 .content .line_merit .register p { font-size: 0.14rem; }
.line_section01 .content .line_merit .register p:not(:last-child) { margin-bottom: 0.1rem; }
.line_section01 .content .line_merit .register ol { font-size: 0.14rem; margin-bottom: 0.15rem; }
.line_section01 .content .line_merit .register ol > li::before { border-radius: 0.115rem; font-size: 0.1rem; line-height: 0.115rem; top: 0.05rem; width: 0.115rem; height: 0.115rem; }
.line_section01 .content .line_merit .register .note p { font-size: 0.13rem; }
.line_section01 .content .line_merit .register .button { position: relative; margin-bottom: 0.2rem; }
.line_section01 .content .line_merit .register .button a { display: block; font-size: 0.2rem; line-height: 1.2; border-radius: 0.23rem; box-shadow: 0 0.035rem 0 #264f06; padding: 0.1rem 0.2rem; }
.line_section01 .content .line_merit .register .button a::after { position: absolute; right: 0.1rem; }

.contact_section01 .caption_area { padding: 0.2rem 0; }
.contact_section01 .caption h2 { font-size: 0.2rem; line-height: 1.2; }
.contact_section01 .caption h2 em { font-size: 0.25rem; }
.contact_section01 .content_area { padding: 0.15rem 0 0; }
.contact_section01 .content .box { position: relative; padding: 0.15rem 0.15rem 0; }
.contact_section01 .content h3 { font-size: 0.15rem; line-height: 1.2; padding: 0.1rem 0; margin-bottom: 0.15rem; }
.contact_section01 .content p { font-size: 0.14rem; }
.contact_section01 .content .text { margin-bottom: 0.15rem; }

.privacy_section01 .caption_area { padding: 0.15rem 0; }
.privacy_section01 .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.privacy_section01 .content_area { padding: 0.15rem 0; }
.privacy_section01 .content .box { padding: 0.15rem; }
.privacy_section01 .content h3 { font-size: 0.14rem; margin-top: 0.2rem; }
.privacy_section01 .content p { font-size: 0.14rem; }
.privacy_section01 .content ul { font-size: 0.14rem; }

.contact_customer_section01 .caption_area { padding: 0.15rem 0; }
.contact_customer_section01 .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.contact_customer_section01 .content_area { padding: 0.15rem 0; }

.reservation_nagano_contact_section01 .caption_area { padding: 0.15rem 0; }
.reservation_nagano_contact_section01 .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.reservation_nagano_contact_section01 .content_area { padding: 0.15rem 0; }
.reservation_nagano_contact_section02 .content_area { padding: 0.25rem 0; }

.reservation_suzaka_contact_section01 .caption_area { padding: 0.15rem 0; }
.reservation_suzaka_contact_section01 .caption h2 { font-size: 0.25rem; line-height: 1.2; }
.reservation_suzaka_contact_section01 .content_area { padding: 0.15rem 0; }
.reservation_suzaka_contact_section02 .content_area { padding: 0.25rem 0; }

.posts_section01 .caption_area { padding: 0.15rem 0; }
.posts_section01 .caption h2 { font-size: 0.16rem; line-height: 1.2; }
.posts_section01 .caption .label { font-size: 0.12rem; padding: 0.05rem 0.1rem; margin-bottom: 0.1rem; }
.posts_section01 .content_area { padding: 0.25rem 0; }
.posts_section01 .post { padding-bottom: 0.15rem; margin-bottom: 0.15rem; }
.posts_section01 .post::after { content: ""; display: block; clear: both; }
.posts_section01 .post .picture { float: left; width: 30%; }
.posts_section01 .post .text { float: right; width: 65%; }
.posts_section01 .post .date { font-size: 0.10rem; }
.posts_section01 .post .post_header { margin-bottom: 0.1rem; }
.posts_section01 .post h3 { font-size: 0.16rem; line-height: 1.2; margin-bottom: 0.1rem; }
.posts_section01 .post p { font-size: 0.12rem; margin-bottom: 0.1rem; }
.posts_section01 .pagination > * { font-size: 0.12rem; width: 0.3rem; padding: 0.025rem 0; margin-bottom: 0.025rem; }
.posts_section01 .pagination > .dots { width: auto; }

.post_section01 .caption_area { padding: 0.15rem 0; }
.post_section01 .caption h2 { font-size: 0.16rem; line-height: 1.2; }
.post_section01 .caption .label { font-size: 0.12rem; padding: 0.05rem 0.1rem; margin-bottom: 0.1rem; }
.post_section01 .content_area { padding: 0.25rem 0; }
.post_section01 .post { margin-bottom: 0.15rem; }
.post_section01 .post h3 { font-size: 0.16rem; padding-top: 0.1rem; margin-bottom: 0.1rem; }
.post_section01 .post p { font-size: 0.14rem; margin-bottom: 0.1rem; }
.post_section01 .post .picture { margin-bottom: 0.1rem; }
.post_section01 .post_header { margin-bottom: 0.15rem; }
.post_section01 .links { padding-top: 0.1rem; margin-bottom: 0.1rem; }
.post_section01 .link { font-size: 0.14rem; }
}



/* アイキャッチのスライダー化 */
@media screen and (max-width: 767px) {
#header .eyecatch_slider .slide img { height: calc(63svh - 0.5rem); object-fit: cover; }
}

@media screen and (min-width: 768px) {
#header .eyecatch { margin: 0 calc((100vw - 100%) / -2); }
#header .eyecatch_slider .slide img { height: calc(100vh - 1.46rem); object-fit: cover; }
}