@charset "utf-8";
:root{--text-color:#464646}.veu_postList .postList_miniThumb .postList_thumbnail{display:block}.veu_postList .postList_miniThumb .postList_thumbnail img{opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:scale(1) translatez(0);transform:scale(1)}.veu_postList .postList_miniThumb .postList_thumbnail:hover img{opacity:.9;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:scale(1.1);transform:scale(1.1)}.veu_postList .postList_miniThumb .postList_item{border-bottom:1px dashed #e5e5e5}.veu_3prArea_image{border-bottom:none}.veu_card.veu_contentAddSection,.veu_card.veu_pageList_ancestor,.veu_childPage_list .veu_card{border:1px solid #ddd;border-radius:4px}.media .postList_thumbnail a{display:block}.media .postList_thumbnail a img{opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:scale(1) translatez(0);transform:scale(1)}.media .postList_thumbnail a:hover img{opacity:.9;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:scale(1.1);transform:scale(1.1)}.page_top_btn{outline:0}.veu_sitemap .sitemap-post-type-title{border-bottom-color:var(--text-color)}.veu_sitemap ul{list-style:none}.veu_sitemap ul li a{position:relative;display:block;overflow:hidden;padding-left:1.5em}.veu_sitemap ul li a:before{position:absolute;content:"\f138";font-family:"Font Awesome 5 Free";font-weight:700;left:0}.veu_sitemap ul li .children li a:before{content:"\f105";font-family:"Font Awesome 5 Free"}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_icon a{-webkit-box-shadow:none;box-shadow:none;padding:5px 10px;-webkit-transition:background .3s;transition:background .3s}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_icon a a:hover{-webkit-transition:background .3s;transition:background .3s;color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_facebook a{color:#425dab;border:1px solid #425dab;background:rgba(255,255,255,.6)}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_facebook a:hover{border:1px solid #425dab;background:#425dab;color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_twitter a{color:#00abec;border:1px solid #00abec;background:rgba(255,255,255,.6)}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_twitter a:hover{border:1px solid #00abec;background:#00abec;color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_twitter a:hover .vk_icon_w_r_sns_twitter:before{color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_hatena a{color:#425dab;border:1px solid #425dab;background:rgba(255,255,255,.6)}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_hatena a:hover{border:1px solid #425dab;background:#425dab;color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_hatena a:hover .vk_icon_w_r_sns_hatena:before{color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_line a{color:#6ebd30;border:1px solid #6ebd30;background:rgba(255,255,255,.6)}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_line a:hover{border:1px solid #6ebd30;background:#6ebd30;color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_line a:hover .vk_icon_w_r_sns_line:before{color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_pocket a{color:#ea4654;border:1px solid #ea4654;background:rgba(255,255,255,.6)}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_pocket a:hover{border:1px solid #ea4654;background:#ea4654;color:#fff}.veu_socialSet.veu_contentAddSection ul li.sb_icon.sb_pocket a:hover .vk_icon_w_r_sns_line:before{color:#fff}.veu_contact .contact_frame{background-color:rgba(255,255,255,.85)}.baseSection-base-on .veu_contact .contact_frame{background-color:rgba(0,0,0,.02)}.veu_contact .contact_bt_txt:after{content:none}.veu_pageList_ancestor h3.section_title{border-left:none;border-bottom:1px solid #ddd;text-align:center}.veu_pageList_ancestor ul.pageList a{position:relative;border-bottom:1px dashed #e5e5e5}.veu_pageList_ancestor ul.pageList a:after{position:absolute;content:"\f105";font-family:FontAwesome;top:50%;right:10px;margin-top:-10px;-webkit-transition:all .3s;transition:all .3s}.veu_pageList_ancestor ul.pageList a:hover:after{right:7px}.veu_pageList_ancestor ul.pageList a:hover{text-decoration:none}.veu_pageList_ancestor ul.pageList .current_page_item>a{color:#337ab7;font-weight:400}.fa_v4 .veu_pageList_ancestor ul.pageList a::after{font-family:FontAwesome}.fa_v5_css .veu_pageList_ancestor ul.pageList a::after{font-family:"Font Awesome 5 Free";font-weight:900}.fa_v5_svg .veu_pageList_ancestor ul.pageList a::after{display:none}.fa_v5_css .linkurl button i:before,.fa_v5_css .siteHeader_sub p .contact_txt_tel:before,.fa_v5_css .subSection li.page_item a:after,.fa_v5_css .veu_contact .contact_txt_tel:before,.fa_v5_css .veu_sitemap .children li a:before,.fa_v5_css .veu_sitemap ul li a:before,.fa_v5_css .vk-mobile-nav nav ul li .sub-menu li a:before,.fa_v5_css ul.gMenu>li:hover>ul.sub-menu li a:after{font-family:"Font Awesome 5 Free";font-weight:700}.fa_v5_svg .linkurl button i:before,.fa_v5_svg .siteHeader_sub p .contact_txt_tel:before,.fa_v5_svg .subSection li.page_item a:after,.fa_v5_svg .veu_contact .contact_txt_tel:before,.fa_v5_svg .veu_sitemap .children li a:before,.fa_v5_svg .veu_sitemap ul li a:before,.fa_v5_svg .vk-mobile-nav nav ul li .sub-menu li a:before,.fa_v5_svg ul.gMenu>li:hover>ul.sub-menu li a:after{content:""}.vk-mobile-nav-menu-btn{background-color:transparent}@media (min-width:992px){.headerTop{background-color:transparent;border-bottom:none}.headerTop .headerTop_description,.headerTop nav li{line-height:1.4em}.headerTop nav li a,.headerTop nav li span{border-right:1px solid #ccc}.headerTop nav li:first-child a{border-left:1px solid #ccc}}@media (min-width:1200px){.veu_contact .contact_bt{padding:.7em 1em}}
  .wideimg{
width: 100vw;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: 0;
padding-right: 0;
max-width: 100vw !important;
} .widebox{
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw) ;
padding-left: 0;
padding-right: 0;
background-size: cover;
} @media (min-width: 1200px) {
.wideinner{
width: 1170px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.wideinner{
width: 970px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wideinner{
width: 750px !important;
}
}
.wideinner{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
} @media(min-width: 768px){
a[href^="tel:"]{
pointer-events: none;
}
}  @media screen and (min-width:641px){
.footer_area{
display: none;
}
} @media screen and (max-width:640px){
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 255, 255, 255, 0.8 );
z-index: 10000;
}
.footer_area_inner {
position: relative;
width: 95%;
margin: 0px auto;
padding: 10px 0;
padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important; }
.inquiry_btn_bnr {
width: 90%;
}
.inquiry_btn_bnr img {
display: block;
margin: 0px auto;
}
} .widget_ltg_full_wide_title_title::before,
.widget_ltg_full_wide_title_title::after {
display: none;
} ol.carousel-indicators{
display: none;
} div.mainSection{
background-color: transparent;
} @media screen and (min-width: 768px){
ul#menu-footer-menu{
display: flex;
justify-content: center;
}
} .vk_balloon_content{
border-color: #ffffff !important;
background: #ffffff !important;
}
.vk_balloon_icon {
margin-right: 2rem;
}
p.vk_balloon_content{
margin-bottom: 1.2em !important;
}
.vk_balloon_content::after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 20px solid transparent;
left: 0;
top: 50%;
border-right-color: inherit;
border-left: 0;
margin-top: -20px;
margin-left: -20px;align-content
} .vk-mobile-nav-menu-btn,
.vk-mobile-nav-menu-btn.menu-open{
background-color: #ffffff;
border: #999999 1px solid;
height: 45px;
width: 45px;
font-size: 0px;
color: #666666;
text-align: center;
text-indent: 0 !important;
padding-top: 25px;
background-size: 30px 30px;
background-position: top center;
}
.vk-mobile-nav-menu-btn::after{
font-size: 8px;
content: "メニュー";
} .vk-mobile-nav{
padding: 50px 10px 120px !important;
} .vk-mobile-nav-menu-btn{
right: 5px;
left: auto;
} #ltg_full_wide_title-7 > div > h2,
#ltg_full_wide_title-7 > div > p{
text-shadow: 1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px 1px 2px #ffffff, -1px -1px 2px #ffffff;
} @media screen and (max-width:640px){ .prArea h3,
.prArea .ml-5,
.prArea .btn.btn-primary{
display: none;
}
.veu_3prArea_image{
margin: 0 !important;
}
#wp_widget_vkexunit_3pr_area-5{
margin-bottom: 0 !important;
}
}
@media screen and (max-width:640px){ #wp_widget_vkexunit_3pr_area-5,
#wp_widget_vkexunit_3pr_area-6{
display: none;
}
}
@media screen and (min-width:641px){ #custom_html-53{
display: none;
}
} @media screen and (max-width: 767px){
body, html{
font-size: 16px;
}
.container{
padding-left: 10px !important;
padding-right: 10px !important;
}
.siteContent .mainSection,
.siteContent .subSection,
.card-body{
padding: 1rem !important;
}
.inline-block{
display: inline-block;
}
} .widget_ltg_full_wide_title_outer{
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
} .img_h{
background: none !important;
border: none !important;
}
.img_h::before{
display: none;
}
.img_h::after{
display: none;
} .jireibox .su-box-title{
text-align: center;
} .tsuyomi-h2,
.faq-h2,
.trouble-h2{
color: #1c769c !important;
font-size: 1.8rem;
background-color: transparent !important;
padding: 0 !important;
margin-top: 50px !important;
}
.tsuyomi-h2:before,
.faq-h2:before,
.trouble-h2:before{
border: none !important;
}
.tsuyomi-text:before,
.trouble-text:before{
content: '';
display: inline-block;
width: 50px;
height: 50px;
margin-right: 10px;
background-image: url(https://suido-99.com/kumamoto/wp-content/uploads/2020/07/hicon_right.png);
background-size: contain;
vertical-align: bottom;
}
.faq-text:after{
content: '';
display: inline-block;
width: 50px;
height: 50px;
margin-left: 10px;
background-image: url(https://suido-99.com/kumamoto/wp-content/uploads/2020/07/hicon_left.png);
background-size: contain;
vertical-align: bottom;
} .vk_balloon_content{
border-color: #ffffff !important;
background: #ffffff !important;
} .company-table a{
color: #212529;
} a.office-link{
color: #212529;
} .veu_autoEyeCatchBox > img{
display: block;
margin:0 auto;
}
.area-homecenter-list,
.area-super-list{
margin-top: 30px;
margin-bottom: 30px;
}
.area-homecenter-list th,
.area-super-list th{
text-align: center;
font-weight: bold;
} ul.area-list{
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
ul.area-list li{
display: inline-block;
margin-bottom: 0;
}
ul.area-list li:not(:last-child):after{
content: "、";
} ul.area-menu{
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
ul.area-menu li{
display: inline-block;
margin-bottom: 0;
}
ul.area-menu li:not(:last-child):after{
content: " / ";
} @media (min-width: 992px) {
.sns-wrapper{
display: block;
margin: 0 auto;
}
.sns-inner{
display: flex;
align-items: center;
margin: 0 auto;
}
.sns-widget-wrapper{
width: 360px;
padding: 10px;
display: block;
margin: 0 auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sns-wrapper{
display: block;
margin: 0 auto;
}
.sns-inner{
display: flex;
align-items: center;
margin: 0 auto;
}
.sns-widget-wrapper{
width: 360px;
padding: 10px;
display: block;
margin: 0 auto;
}
}
@media(max-width: 767px){
.sns-wrapper{
display: block;
align-items: center;
}
.sns-inner{
display: block;
margin: 0 auto;
}
.sns-widget-wrapper{
padding: 20px 0;
max-width: 360px;
display: block;
margin: 0 auto;
}
}  .post h2{
margin-top: 3.5rem;
} .sideSection{
background: transparent;
padding: 0 !important;
} .post img{
display: block;
margin: 0 auto 10px;
}
.video-container{
display: block;
margin: 30px auto;	
} .post #toc_container{
display: block;
margin: 0 auto 10px;
} .published.entry-meta_items{
font-size: 0 !important;
} .widget_vkexunit_button{
width: 60%;
margin: 0 auto;
} h3.area_h{
font-size: 1.2em;
border-top: none !important;
margin: 0.8em 0 0.4em;
} .side-categorylist li{
margin: 0 !important;
float: left;
width: 50% !important;
box-sizing: border-box;
padding: 3px;
display: block;
}
.side-categorylist{
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
display: flex;
flex-wrap: wrap;
}
.side-categorylist:after {
content: "";
clear: both;
display: block;
}
.side-categorylist img{
margin: 0 !important;
} .post img.wp-image-1129,
.post img.wp-image-1130,
.post img.wp-image-1131,
.post img.wp-image-1132,
.post img.wp-image-1133{
display: block;
margin: 5px 0px 0px 5px !important;
} .ymarker-s{
background: linear-gradient(transparent 70%,#fff9c4 0%);
font-weight: 700;
}
.rmarker-s{
background: linear-gradient(transparent 70%,#ffcdd2 0%);
font-weight: 700;
} .huto{
font-weight: 700;
}
.akahuto{
color: var(--redtext-light);
font-weight: 700;
} .mybox-title{
position: absolute;
display: inline-block;
top: -.8em;
left: 10px;
padding: 0 10px;
line-height: 1.5;
margin-bottom: 10px;
font-weight:bold;
text-shadow: #fff 3px 0px 0px,
#fff 2.83487px 0.981584px 0px,
#fff 2.35766px 1.85511px 0px,
#fff 1.62091px 2.52441px 0px,
#fff 0.705713px 2.91581px 0px,
#fff -0.287171px 2.98622px 0px,
#fff -1.24844px 2.72789px 0px,
#fff -2.07227px 2.16926px 0px,
#fff -2.66798px 1.37182px 0px,
#fff -2.96998px 0.42336px 0px,
#fff -2.94502px -0.571704px 0px,
#fff -2.59586px -1.50383px 0px,
#fff -1.96093px -2.27041px 0px,
#fff -1.11013px -2.78704px 0px,
#fff -0.137119px -2.99686px 0px,
#fff 0.850987px -2.87677px 0px,
#fff 1.74541px -2.43999px 0px,
#fff 2.44769px -1.73459px 0px,
#fff 2.88051px -0.838246px 0px;
}
.caution-box{
display: block;
position: relative;
border-color: #ef9a9a;
border-width: 2px;
border-style: solid;
border-radius: 5px;
margin: 25px auto 25px auto;
padding: 1.2em 20px 0;
}
.caution-box .mybox-title{
color: #ef5350;
}
.caution-box .mybox-title:before{
content: "!";
font-size: 80%;
font-weight: 900;
color: #ffffff;
width: 1.2em;
height: 1.2em;
margin-right: 0.6em;
background-color: #ef5350;
border-radius: 50%;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 1.2em;
text-shadow: none;
box-shadow:#fff 3px 0px 0px,
#fff 2.83487px 0.981584px 0px,
#fff 2.35766px 1.85511px 0px,
#fff 1.62091px 2.52441px 0px,
#fff 0.705713px 2.91581px 0px,
#fff -0.287171px 2.98622px 0px,
#fff -1.24844px 2.72789px 0px,
#fff -2.07227px 2.16926px 0px,
#fff -2.66798px 1.37182px 0px,
#fff -2.96998px 0.42336px 0px,
#fff -2.94502px -0.571704px 0px,
#fff -2.59586px -1.50383px 0px,
#fff -1.96093px -2.27041px 0px,
#fff -1.11013px -2.78704px 0px,
#fff -0.137119px -2.99686px 0px,
#fff 0.850987px -2.87677px 0px,
#fff 1.74541px -2.43999px 0px,
#fff 2.44769px -1.73459px 0px,
#fff 2.88051px -0.838246px 0px;
}
.blue-box{
display: block;
position: relative;
border-width: 2px;
border-style: solid;
border-radius: 5px;
margin: 25px auto 25px auto;
padding: 1.2em 20px 0;
}
.blue-box .mybox-title{
color: #03A9F4;
}
.memo-box{
display: block;
position: relative;
border-color: #9e9e9e;
border-width: 1px;
border-style: solid;
margin: 25px auto 25px auto;
padding: 1.2em 20px 0;
}
.memobox-title{
position: absolute;
display: inline-block;
font-size: 90%;
top: -.5em;
left: 10px;
padding: 0 10px;
background: #f0f7fd;
line-height: 1;
margin-bottom: 10px;
}
.midashi-box{
display: block;
position: relative;
margin: 25px auto 25px auto;
padding: 2.5em 20px 0.1em;
}
.midashibox-title{
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: 10px 20px;
background: #03A9F4;
color: #ffffff;
line-height: 1;
margin-bottom: 10px;
font-weight:bold;
}    :root{
--blacktext: #212529;
--redtext-light: #d66464;
--redtext-dark: #aa165c;
--bluetext: #004085;
}
.blacktext{
color: var(--blacktext);
}
.redtext-light{
color: var(--redtext-light);
}
.redtext-light-b{
color: var(--redtext-light);
font-weight: bold;
}
.redtext-dark{
color: var(--redtext-dark);
}
.redtext-dark-b{
color: var(--redtext-dark);
font-weight: bold;
}
.bluetext{
color: var(--bluetext);
}  .alert-box,
.alert-box-fas{
border-radius: 5px;
padding: 0.75rem 1.25rem;
border: 1px solid;
margin: 20px auto;
text-align: justify;
}
.alert-box{
display: block;
}
.alert-box-fas{
display: flex;
}
@media(max-width: 767px){
.alert-box,
.alert-box-fas{
padding: 0.75rem 1rem;
}
}
.fas-box{
font-size: 120%;
padding-right: 0.75rem;
align-self: center;
text-align: center;
flex-shrink: 0;
}
.alert-box-fas .fas-box i{
vertical-align: middle;
}
.alert-box i{
margin-right: 10px;
}
.alert-box-fas .alert-text-box{
padding-left: 0.75rem;
padding-right: 0.75rem;
border-left: 1px solid #cccccc;
}
.alert-text-box p:last-child{
margin-bottom: 0;
}
.alert-box.center .alert-text-box{
text-align: center;
}
.alert-box.bold .alert-text-box{
font-weight: bold;
} .alert-blue{
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-yellow{
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-gray {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert-white{
background-color: #ffffff;
border-color: #ffffff;
} .cov-message{
padding: 20px;
background: #ffffff;
text-align: center;
}
.cov-message p:first-child{
font-size: 180%;
color:  #d66464;
margin-bottom: 0.3em;
}
.cov-message p:last-child{
margin-bottom: 0;
}
.cov-message i{
margin-right: 10px;
}
.cov-message hr{
width: 90%;
} .flow-text{
text-align: center;
font-weight: bold;
margin: 10px 0;
}
.flow-text p{
margin-bottom: 0;
line-height: 1.7;
}
.flow-text p:not(:last-child):after{
content: "";
width: 0;
height: 0;
margin: 8px auto;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 12px solid #212529;
display: block;
}    .notice-message{
padding: 20px;
background: #ffffff;
text-align: center;
}
.notice-message p:first-child{
font-size: 180%;
color:  #d66464;
margin-bottom: 0.3em;
}
.notice-message p:last-child{
margin-bottom: 0;
}
.notice-message i{
margin-right: 10px;
}
.notice-message hr{
width: 90%;
}    .view-timer{
display: none;
}   .ie_alert{
display: none !important;
}    .footspace{
height: 100px;
}
.vw100{
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
@media print, screen and (max-width: 559px) {
.sp-vw100{
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
}
.width100{
width: 100%;
}
.height100{
height: 100%;
}
.inline-block{
display: inline-block;
}
@media print, screen and (min-width: 560px) {
.pc-inline-block{
display: inline-block;
}
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.align-center{
display: block;
margin: 0 auto;
}
.position-relative{
position: relative;
}
.display-flex{
display: flex;
}
.flex-center{
justify-content: center;
align-items: center;
}
.display-table{
display: table;
}
.display-table-cell{
display: table-cell;
}
.box-center{
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.box-transform{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
} body,
.pricetable td,
.pricetable th{
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans" !important ;
color: #333333 !important;
}
.lp-content p{
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.lp-content ul{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.font-bold{
font-weight: bold;
}
.color-red{
color: #ff0000;
}
.margin-05em{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.margin-bottom-05em{
margin-bottom: 0.5em;
}
.red-strike{
font-size: 24px;
margin-left: 15px;
text-decoration: line-through #ff0000;
}
@media screen and (max-width: 559px) {
.lp-h2{
font-size: 28px;
line-height: 1.5em;
}
.lp-h3{
font-size: 22px;
line-height: 1.5em
}
.lp-text{
font-size: 16px;
line-height: 2.0em
}
.pricetable td,
.pricetable th{
font-size: 16px;
line-height: 2.0em
}
}
@media print, screen and (min-width: 560px) {
.lp-h2{
font-size: 36px;
line-height: 1.5em;
}
.lp-h3{
font-size: 24px;
line-height: 1.5em
}
.lp-text{
font-size: 16px;
line-height: 2.0em
}
.pricetable td,
.pricetable th{
font-size: 16px;
line-height: 2.0em
}
} @media print, screen and (max-width: 559px) {
.btn-container{
padding-top: 20px;
padding-bottom: 50px;
display: none;
}
.top-btn-container{
padding-top: 20px;
padding-bottom: 50px;
display: none;
}
.btn-img{
max-width: 80%;
}
}
@media print, screen and (min-width: 560px) {
.btn-container{
padding-top: 20px;
padding-bottom: 100px;
}
.top-btn-container{
padding-top: 20px;
padding-bottom: 50px;
}
.btn-img{
max-width: 480px;
}
.lp-tel-mc {
font-size: 20px;
margin-top: 15px;
}
} @media print, screen and (max-width: 719px) {
.pricecard-container{
padding-top: 60px;
padding-bottom: 50px;
}
.pricecard-wrapper{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
max-width: 960px;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.pricecard{
width: 100%;
max-width: 480px;
display: block;
margin: 0 auto;
margin-bottom: 20px;
background-color: #ffffff;
border: #707070 1px solid;
}
.pricecard-image{
width: 100%;
height: 200px;
background-position: center center;
background-size: cover;
}
.pricecard-content{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.pricetable,
.pricetable tr,
.pricetable tr:hover,
.pricetable th,
.pricetable td{
border: none;
vertical-align: middle;
font-weight: normal;
line-height: 1.5em;
background-color: transparent !important;
}
.pricetable th{
width: 100%;
padding: 10px 5px 10px 10px;
}
.pricetable td{
padding: 10px 5px;
}
table.pricetable tbody>tr:nth-child(odd)>td,
table.pricetable tbody>tr:nth-child(odd)>th{
background-color: transparent !important;
}
.pricetable .price{
min-width: 135px;
white-space: nowrap;
}
.pricetable .price-parts{
font-size: 14px;
font-weight: bold;
}
}
@media print, screen and (min-width: 720px) {
.pricecard-container{
padding-top: 40px;
padding-bottom: 30px;
}
.pricecard-wrapper{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
max-width: 960px;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.pricecard{
width: calc(33.333% - 10px);
margin: 5px 5px 10px;
background-color: #ffffff;
border: #707070 1px solid;
}
.pricecard-image{
width: 100%;
height: 200px;
background-position: center center;
background-size: cover;
}
.pricecard-content{
padding-top: 10px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
.pricetable,
.pricetable tr,
.pricetable tr:hover,
.pricetable th,
.pricetable td{
border: none;
vertical-align: middle;
font-weight: normal;
line-height: 1.5em;
background-color: transparent !important;
}
.pricetable tr{
height: calc(3.5em + 5px);
}
.pricetable th{
width: calc(100% - 90px);
padding: 0px 5px;
}
.pricetable td{
padding: 0px 5px;
}
table.pricetable tbody>tr:nth-child(odd)>td,
table.pricetable tbody>tr:nth-child(odd)>th{
background-color: transparent !important;
}
.pricetable .price{
width: 90px;
}
.pricetable .price-parts{
font-size: 14px;
font-weight: bold;
margin-left: 15px;
}
} @media screen and (max-width: 719px) {
.flow-headline{
background: linear-gradient(#AAE6FF, #F6FCFF);
}
.step-wrapper{
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 60px 20px;
position: relative;
}
.step1-wrapper{
background: linear-gradient(#F6FCFF,#F3FBFF);
z-index: 5;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step2-wrapper{
background: linear-gradient(#ECF9FF,#F6FCFF);
z-index: 4;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step3-wrapper{
background: linear-gradient(#E2F6FF,#ECF9FF);
z-index: 3;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step4-wrapper{
background: linear-gradient(#CEF0FF,#E2F6FF);
z-index: 2;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step5-wrapper{
background: linear-gradient(#CEF0FF,#ffffff);
z-index: 1;
}
.step1-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #F3FBFF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 10;
}
.step2-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #F6FCFF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 1;
}
.step3-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #ECF9FF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 1;
}
.step4-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #E2F6FF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 1;
}
.step-inner{
max-width: 480px;
display: block;
margin: 0 auto;
}
.flow-container{
padding-top: 0;
padding-bottom: 70px;
}
.flow-wrapper{
background-color: #ffffff;
height: 100%;
}
.flow-image{
width: 100%;
display: block;
}
.flow-textbox{
width: 100%;
display: block;
padding: 20px;
}
.flow-hr{
width: 90%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.flow-notes{
font-size: 14px;
color: #999999;
line-height: 1.7;
}
.flow-ul li{
font-size: 14px;
margin-bottom: .3em;
}
.oyakusoku-wrapper{
margin: 30px 0 0;
}
.oyakusoku-textbox{
width: 95%;
margin: 0 auto;
padding: 20px;
border: #FFE600 1px solid;
border-radius: 10px;
background-color: #FFFDEE;
}
.oyakusoku-textbox ul{
padding-inline-start: 25px;
}
.jikanmeyasu-wrapper{
margin: 30px 0 0;
}
.jikanmeyasu-textbox{
width: 95%;
margin: 0 auto;
padding: 20px;
border: #FFE600 1px solid;
border-radius: 10px;
background-color: #FFFDEE;
}
.jikanmeyasu-textbox ul{
padding-inline-start: 25px;
}
.atobarai-wrapper{
padding-top: 30px;
padding-bottom: 30px;
}
.atobarai-inner{
max-width: 960px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.atobarai-textbox{
width: 95%;
margin: 0 auto;
padding: 20px;
border: #747474 1px solid;
border-radius: 10px;
background-color: #ffffff;
}
.card-wrapper{
padding: 30px 0;
}
.card-inner{
max-width: 960px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.card-brand-text{
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 720px) {
.flow-headline{
background: linear-gradient(#AAE6FF, #F6FCFF);
}
.step-wrapper{
padding: 60px 20px;
position: relative;
}
.step1-wrapper{
background: linear-gradient(#F6FCFF,#F3FBFF);
z-index: 5;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step2-wrapper{
background: linear-gradient(#ECF9FF,#F6FCFF);
z-index: 4;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step3-wrapper{
background: linear-gradient(#E2F6FF,#ECF9FF);
z-index: 3;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step4-wrapper{
background: linear-gradient(#CEF0FF,#E2F6FF);
z-index: 2;
filter: drop-shadow(0 5px 3px #AAE6FF4D);
}
.step5-wrapper{
background: linear-gradient(#CEF0FF,#ffffff);
z-index: 1;
}
.step1-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #F3FBFF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 10;
}
.step2-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #F6FCFF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 1;
}
.step3-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #ECF9FF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 1;
}
.step4-wrapper:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #E2F6FF transparent transparent transparent;
border-width: 30px 30px 0 30px;
z-index: 1;
}
.step-inner{
       width: 820px;
display: block;
margin: 0 auto;
}
.flow-container{
padding-top: 0;
padding-bottom: 70px;
}
.flow-wrapper{
background-color: #ffffff;
height: 100%;
}
.flow-image{
       width: 820px;
display: block;
}
.flow-textbox{
width: 100%;
display: block;
padding: 20px;
}
.flow-hr{
width: 90%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.flow-notes{
font-size: 14px;
color: #999999;
line-height: 1.7;
}
.flow-ul li{
font-size: 14px;
margin-bottom: .3em;
}
.oyakusoku-wrapper{
margin: 30px 0 0;
}
.oyakusoku-textbox{
width: 95%;
margin: 0 auto;
padding: 20px;
border: #FFE600 1px solid;
border-radius: 10px;
background-color: #FFFDEE;
}
.oyakusoku-textbox ul{
padding-inline-start: 25px;
}
.jikanmeyasu-wrapper{
margin: 30px 0 0;
}
.jikanmeyasu-textbox{
width: 95%;
margin: 0 auto;
padding: 20px;
border: #FFE600 1px solid;
border-radius: 10px;
background-color: #FFFDEE;
}
.jikanmeyasu-textbox ul{
padding-inline-start: 25px;
}
.atobarai-wrapper{
padding-top: 30px;
padding-bottom: 30px;
}
.atobarai-inner{
max-width: 960px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.atobarai-textbox{
width: 95%;
margin: 0 auto;
padding: 20px;
border: #747474 1px solid;
border-radius: 10px;
background-color: #ffffff;
}
.card-wrapper{
padding: 30px 0;
}
.card-inner{
max-width: 960px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.card-brand-text{
margin-bottom: 20px;
}
}
} @media print, screen and (max-width: 559px) {
.price-container{
padding-top: 10px;
padding-bottom: 20px;
}
.price-wrapper{
width: 95%;
margin: 0 auto;
border: #00B3FF 1px solid;
border-radius: 10px;
background-color: #EDF9FF;
padding: 20px 0;
}
.price-text{
font-size: 16px;
font-weight: bold;
line-height: 3.0em;
}
.price-meyasu-text{
font-size: 16px;
line-height: 1.2em;
}
.price-campaign{
font-size: 16px;
padding-left: 20px;
font-weight: bold;
margin-bottom: 1em;
}
}
@media print, screen and (min-width: 560px) {
.price-container{
padding-top: 50px;
padding-bottom: 50px;
}
.price-wrapper{
width: 70%;
margin: 0 auto;
padding: 40px;
border: #00B3FF 1px solid;
border-radius: 10px;
background-color: #EDF9FF;
}
.price-text{
font-size: 20px;
font-weight: bold;
line-height: 3.0em;
}
.price-meyasu-text{
font-size: 20px;
line-height: 1.2em;
}
.price-campaign{
font-size: 20px;
font-weight: bold;
margin-bottom: 1.0em;
}
}
@media screen and (max-width: 559px) {
.faq-container{
padding-top: 30px;
padding-bottom: 30px;
}
.faq-block{
margin-top: 1.5em;
margin-bottom: 1.5em;
position: relative;
border: #00B3FF 1px solid;
}
.faqbox-q{
display: block;
position: relative;
font-size: 16px;
line-height: 30px;
padding-left: 65px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #AAE6FF;
border-bottom: #00B3FF 1px solid;
}
.faqbox-a{
display: block;
position: relative;
font-size: 16px;
padding-left: 65px;
padding-right: 20px;
padding-top: 25px;
padding-bottom: 30px;
line-height: 30px;
background-color: #ffffff;
}
.faqbox-a p:first-child{
margin-top: 0;
}
.faqbox-q:before{
display: inline-block;
position: absolute;
top: 15px;
left: 10px;
bottom: 0;
right: 0;
content: "Ｑ";
width: 40px;
height: 40px;
font-size: 20px;
color: #ffffff;
background-color: #00B3FF;
border-radius: 50px;
text-align: center;
vertical-align: middle;
line-height: 40px;
}
.faqbox-a:before{
display: inline-block;
position: absolute;
top: 20px;
left: 10px;
bottom: 0;
right: 0;
content: "Ａ";
width: 40px;
height: 40px;
font-size: 20px;
color: #00B3FF;
background-color: #ffffff;
border: #00B3FF 1px solid;
border-radius: 50px;
text-align: center;
vertical-align: middle;
line-height: 40px;
}
}
@media print, screen and (min-width: 560px) {
.faq-container{
padding-top: 50px;
padding-bottom: 50px;
}
.faq-block{
margin-top: 1.5em;
margin-bottom: 1.5em;
position: relative;
border: #00B3FF 1px solid;
}
.faqbox-q{
display: block;
position: relative;
font-size: 18px;
line-height: 30px;
padding-left: 80px;
padding-right: 40px;
padding-top: 25px;
padding-bottom: 25px;
background-color: #AAE6FF;
border-bottom: #00B3FF 1px solid;
}
.faqbox-a{
display: block;
position: relative;
font-size: 18px;
padding-left: 80px;
padding-right: 40px;
padding-top: 25px;
padding-bottom: 30px;
line-height: 30px;
background-color: #ffffff;
}
.faqbox-a p{
line-height: 2.0em;
margin-top: 0;
margin-bottom: 0;
}
.faqbox-q:before{
display: inline-block;
position: absolute;
top: 15px;
left: 10px;
bottom: 0;
right: 0;
content: "Ｑ";
width: 50px;
height: 50px;
font-size: 20px;
color: #ffffff;
background-color: #00B3FF;
border-radius: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
}
.faqbox-a:before{
display: inline-block;
position: absolute;
top: 20px;
left: 10px;
bottom: 0;
right: 0;
content: "Ａ";
width: 50px;
height: 50px;
font-size: 20px;
color: #00B3FF;
background-color: #ffffff;
border: #00B3FF 1px solid;
border-radius: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
}
}