@charset "utf-8";
/* CSS Document */

.mb_paint_block, .feat-head02, .flow-listbox-mobile, .feat-head03, .foot-telarea, .mobile-tel-side { display: none; }

/*---ipad----*/

@media screen and (max-width: 1200px) {
.fadein { width: 1200px; overflow: hidden; }
}

/*-----------*/
@media screen and (max-width: 1280px) {
#contents-all { width: 100%; }
#simulationbox .contents-02 { float: none !important; }
}
/*------------*/

.point-list li span { font-size: 0.8em; color: #4A2000; }
.feat-head { display: none; }
.feat-head01 { display: none; }
.mobile_header { display: none; }
.mobile_header { background: url(https://c5251b.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-body.jpg) repeat; padding: 10px 5px 0 !important; position: relative; }
.mobile_header .mobile_logo { width: 24%; float: left; }
.mbi-menulist { width: 70%; float: right; }
.mobile_header .mobile_logo img { width: 100%; }
.mobile_header .mobile_btn_menu { float: right; height: 50px; width: 50px; text-align: center; border-radius: 5px; font-weight: bold; margin-top: 15px; }
.mobile_header .mobile_btn_menu { float: right; height: 50px; width: 50px; text-align: center; border-radius: 5px; font-weight: bold; margin-right: 10px !important; margin-top: 5px; /**background: url(/assets/gaiheki-com.com/common/images/img-menu-mobile.png) no-repeat;**/
font-size: 10px; }
.mobile_header .mobile_btn_mail { float: right; height: 50px; width: 50px; text-align: center; border-radius: 5px; font-weight: bold; margin-right: 10px !important; margin-top: 5px; /**background: url(https://a869dd.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-mail-mobile.png) no-repeat;**/
font-size: 10px; }
.mobile_header .mobile_btn_tel { float: right; height: 50px; width: 50px; text-align: center; border-radius: 5px; font-weight: bold; margin-right: 10px !important; margin-top: 5px; /**background: url(https://ab3a25.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-tel-mobile.png) no-repeat center;**/
font-size: 10px; }
.mobile_header .mobile_btn_menu a { color: #000; display: block; text-decoration: none; }
.mobile_header .mobile_btn_mail a { color: #000; display: block; text-decoration: none; }
.mobile_header .mobile_btn_tel a { color: #000; display: block; text-decoration: none; }
.mobile_header .mobile_btn_menu:hover { opacity: 1; cursor: pointer; }
.mobile_header .mobile_btn_menu button { margin-bottom: 0; padding: 0; border-radius: 0; }
.mobile_header .simbnr { display: block; margin: 5px -5px 0; }
.mobile_header .simbnr img { width: 100%; height: auto; }
.mobile_contact_nav { color: #fff; position: fixed; width: 100%; display: none; z-index: 9999; top: 77px; }

.mobile_nav li ul { display: none; }

#mobile-mv { display: none; }
.mobile-footer { display: none; }

@media screen and (max-width: 480px) {
#contents { overflow: hidden; }
.mobile-mt010 { margin-top: -30px !important; }
.mobile_header { display: block; }
#header { display: none !important; }
* { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; box-sizing: border-box !important; }
body, #contents, .point-subbbox, .maintenance-infobox, .jirei ul, .cv-area-big, .cv-area-big ul, .basicbox-01, .basicbox-01-sub, .newsbox-01-top, .news-list01-top, .news-area { width: 100% !important; padding-left: 0px; padding-right: 0px; overflow-x: hidden; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
.news-area { overflow-y: hidden; }
.point-subbbox { padding-left: 5px !important; padding-right: 5px !important; }
.point-list { width: 280px!important; height: auto; text-align: center; margin-left: auto !important; margin-right: auto !important; }
.point-list li { /**display: inline-block;**/
float: left; width: 140px !important; height: 160px; box-sizing: border-box !important; font-size: 12px !important; position: relative; }
.point-list li span { position: absolute; bottom: 20px; left: 2px; font-size: 0.8em; color: #4A2000; }
.point-list li+li+li+li+li { clear: both !important; text-align: center !important; margin-left: 70px; }
/* 2015.12 更新 start*/

.point-list2 { width: 100%!important; height: auto; text-align: center; margin-left: auto !important; margin-right: auto !important; overflow: hidden; margin-bottom: 40px; }
.point-list2 li { -moz-background-size: 200% auto; background-size: 200% auto; /**display: inline-block;**/
float: left; width: 46% !important; height: auto; box-sizing: border-box !important; font-size: 12px !important; position: relative; margin: 2%; }
.point-list2 li a { -moz-background-size: 200% auto; background-size: 200% auto; width: auto; height: auto; padding-bottom: 30%; }
.point-list2 li a:hover { -moz-background-size: 200% auto; background-size: 200% auto; }
.point-list2 li img { width: 96%; height: auto; margin: 2%; }
.point-list2 li span { position: absolute; bottom: 20px; left: 2px; font-size: 0.8em; color: #4A2000; }
.point-list2 li+li+li+li+li { clear: both !important; text-align: center !important; margin-left: 26%; }
/* 2015.12 更新 end*/


/************外壁のメンテナンスについて(2019.0325追加)***************/
.maintenance-infobox{ position: relative; width: 100%; height: auto; padding: 0 3%; margin-top: -30px; }
.maintenance-infobox h2 img { width: 80% !important; height: auto; margin: 0 3% -25px; padding-top: 10px; }
/*.maintenance-infobox { background-color: aqua;}*/
.maintenance-list { text-align:center; }
.maintenance-list li { background-color: #fff; border-bottom: 1px solid #cdc7bb; border-right: 1px solid #cdc7bb; border-radius: 8px; width: 94%; height: auto; text-align: justify; font-size: 11.5px; font-weight: bold; float: left; color: #63470f;  padding: 15px; margin: 10px 2%; letter-spacing: 0.02em; }
.maintenance-list li img { width: 100%; height: auto; }
.maintenance-list li:nth-child(even){ margin-left: 0;}
/*.maintenance-infobox { margin: -20px 0; padding-left: 10px; padding-right: 10px; }*/
.maintenance-infobox p#mt-left{background-color: aqua;}

/*
.maintenance-list a { display: block; background: left bottom ;  color: #63470f; }
.maintenance-list li:hover { background-color: #F5F5ED; }
.maintenance-list li h3 { margin-bottom: 10px; }
*/

/*スライドショー*/
.mt-left{ visibility:visible; position: absolute; top: 45%; left: 3%; z-index: 1000px;}
.mt-right{ visibility:visible; position: absolute; top: 45%; right: 3%; z-index: 1000px;}

	
/*.maintenance-infobox ul li+li { margin-left: 15px; }*/


/*矢印*/
.arrow{ width: 100%;  position: relative; display: inline-block; margin-bottom: 5px; margin-left: 45%; margin-right: 55%;}
.arrow:before { content: ''; width: 20px; height: 20px; background: #D4C9B4; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -7px;  }
.maintenance-list a:hover .arrow:before { background-color: #FF6D16; }
.arrow:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #fff; border-right: solid 1px #fff; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%;  margin-top: -3px; margin-left: 1px; }

	
	
.jirei ul li+li { margin-left: 0px !important; }
.point-list img { width: 50% !important; }
.fadein { display: none !important; }
.fadein a img { width: 100%; height: auto; }
/* 2017/01/11 トップメインイメージ改善 start */

#mainWrap { width: auto; margin-top: 0; }
#mainWrap .fadein { display: block !important; width: 100%; height: auto; margin: 0 0 15px; float: none; }
#mainWrap .top_mainRight { clear: both; position: relative; top: auto; right: auto; padding: 0 7px 0 12px; }
.top_mainRight .btn_ex li { width: 48.5%; text-align: center; margin: 1% 1.5% 1% 0%; }
#mainWrap .check-p { width: 100%; height: auto; }
#mainWrap .main_simulation { width: auto; margin-bottom: 3px; }
#mainWrap .tel, #mainWrap .formbtn { width: auto; margin-bottom: 10px; }
#mainWrap .main_simulation img, #mainWrap .tel img, #mainWrap .formbtn img { width: 100%; height: auto; }
#mainWrap .bnr_LP { width: auto; padding: 0 8px 0 10px; margin: 15px 0 5px; }
#mainWrap .bnr_LP li { float: none; width: auto; margin-right: 0; }
#mainWrap .bnr_LP li img { width: 100%; height: auto; }
/* 2017/01/11 トップメインイメージ改善 end */
	

.mv-area { display: none !important; }
.fadein-mobile { display: block; }
.mbi-mt30 h4 { margin-top: 50px; }
#slide { width: 100% !important; height: 204px; margin: 0 auto; position: relative; }
#slide li { width: 100% !important; height: 204px !important; }
#slide img { position: absolute; left: 0; top: 0; width: 100%; }
.mobile-mv-cvarea { width: 100%; height: auto; background: url(https://09242e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-mvarea-mobile.jpg) repeat; text-align: center !important; padding-bottom: 15px; padding-top: 10px; }
.mobile-mv-cvarea li { display: inline-block; text-align: center !important; }
.mobile-mv-cvarea li+li { margin-left: 15px !important; }
.mobile-mv-cvarea li a img { width: 153px; height: 65px; }
.mobile-mv-cvarea li+li a img { width: 123px; height: 65px; }
.point-subbbox h2 img, .mobile-cvbox h3 img, .voice-box li img, .sp-box img, .mbi-basicbox img { width: 100%; box-sizing: border-box; }
.bnr-seminar img { width: 96%; height: auto; box-sizing: border-box; }
.mobile-cvbox { padding-left: 5px !important; padding-right: 5px !important; text-align: center; float: none !important; }
.mobild-cvsub img { width: 100%; }
.mobild-cvsub ul { width: 98% !important; margin-left: auto !important; margin-right: auto !important; text-align: center; float: none; }
.mobild-cvsub li { width: 50%; }
.mobild-cvsub li+li { width: 42%; padding-left: 10px; }
.cv-big-btnarea { clear: both !important; margin-top: 10px; width: 100%; float: none !important; background: none; margin-left: 0px !important; margin-right: 0px !important; }
.cv-big-btnarea a { display: inline-block; width: 295px; height: 90px; background: url(https://7bac30.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-cvbig.png) top left no-repeat !important; text-indent: -999em; text-align: center; margin-left: auto; margin-right: auto; }
/* 2015.12 更新 start*/
 
.cv-big-btnarea2 { clear: both !important; margin-top: 10px; width: 100%; float: none !important; background: none; margin-left: 0px !important; margin-right: 0px !important; }
.cv-big-btnarea2 a { display: block; width: 100%; -moz-background-size: 100% auto; background-size: 100% auto; background: url(https://7824b0.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-cvbig201708.png) center top no-repeat; !important;
text-indent: -999em; text-align: center; margin: 0; padding: 0; }
/* 2015.12 更新 end*/
 
 
.tyousabtn { width: 100%; height: auto; text-align: center; }
.tyousabtn img { width: 30%; margin-top: 10px; }
.basicbox-01-sub { padding-left: 10px; padding-right: 10px; }
.basicbox-01 { padding-top: 30px; padding-bottom: 30px; }
.basicbox-01-sub h2 img { width: 70% !important; text-align: center; }
.pr-txt { width: 100%; }
.pr-txt img { width: 10%; }
.slick-track p+p { width: 100%; text-align: center; }
.slick-track p+p a { text-align: center; width: 70%; display: inline-block; }
.slick-track p+p a img { width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.jirei { padding-left: 10px; padding-right: 10px; }
.mbi-btn { margin-top: 10px; width: 100%; }
.mbi-btn img { width: 80%; }
.mbi-btn02 { margin-top: 20px; width: 100%; }
.mbi-btn02 img { width: 60%; }
.mbi-btn01 { width: 100%; margin-top: -15px; }
.mbi-btn01 img { width: 80%; }
/* 2015.12 更新 start*/

.mbi-btn01_1 { width: 100%; margin-top: -15px; }
.mbi-btn01_1 img { width: 96%; }
.mbi-btn02_1 { margin-top: 20px; width: 100%; }
.mbi-btn02_1 img { width: 96%; }
.mbi-btn03_1 { margin-top: 20px; width: 100%; }
.mbi-btn03_1 img { width: 96%; }
.mbi-btn04_1 { margin-top: 20px; width: 100%; }
.mbi-btn04_1 img { width: 96%; }
/* 2015.12 更新 end*/

.voice-box { width: 100%; height: auto; margin-left: auto !important; margin-right: auto !important; margin-top: 20px; text-align: center; }
.voice-box li { width: 80px; height: auto !important; /**margin-left: 10px !important;**/
margin-left: 5px !important; margin-right: 5px !important; display: inline-block; float: none; }
.mbi-btn03 { margin-top: 20px; width: 100%; }
.mbi-btn03 img { width: 60%; }
.news-list01-top { padding-top: 10px; padding-bottom: 10px; }
.newsbox-01-top h2 img { width: 70% !important; text-align: center; }
.news-area { padding-left: 10px !important; padding-right: 10px !important; }
.mbi-btn04 { margin-top: 20px; width: 100%; }
.mbi-btn04 img { width: 60%; }
.mbi-basicbox { width: 100%; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; }
.mbi20 { margin-top: 20px !important; }
.cv-area-big { padding-top: 20px; }
.sp-box { margin-left: auto !important; margin-right: auto !important; margin-top: 20px; }
.sp-box li { float: none !important; }
.sp-box li+li { margin-top: 15px; }
.fs-120 { font-size: 12px !important; }
.jirei ul li { }
#jirei_slide li>p img { margin-left: auto !important; margin-right: auto !important; }
#jirei_slide li> h5+p+p img { width: 150px; }
.jirei ul li { height: 290px !important; }
#mobile-mv { display: block; }
#footer { display: none; }
.mobile-footer { display: block; }
.foot-telarea { display: block; width: 100%; background: #eae3d3; height: 70px; position: fixed; bottom: 0px; box-sizing: border-box; border-top: 1px solid #dab67b; z-index: 2; }
.foot-telarea .foot-telbtn003 { width: 98%; margin-left: auto; margin-right: auto; padding-top: 10px; }
.foot-telarea .foot-telbtn003 img { width: 100%; }
.mobile-footer p { width: 100%; background: #3f1306; height: 30px; color: #fff; text-align: center; font-size: 12px; line-height: 30px; }
.mobile-footer ul { width: 100%; height: auto; font-size: 14px; box-sizing: border-box; }
.mobile-footer ul li { width: 100%; background: #fff; padding-left: 10px !important; box-sizing: border-box }
.mobile-footer ul li+li { background: #F4E8DB; }
.mobile-footer ul li+li+li { background: #fff; }
.mobile-footer ul li+li+li+li { background: #F4E8DB; }
.mobile-footer ul li+li+li+li+li { background: #fff; }
.mobile-footer ul li a { color: #000 !important; display: block; background: url(https://3a7e7d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ar02.png) no-repeat left; padding-left: 20px !important; }
.pagetop { display: none !important; }
/************************* 外壁.comの特徴 ******************************/

.feat-head { display: block; width: 100% !important; height: 160px; }
.feat-head img { width: 100%; }
.feat-head01 { display: block; width: 100% !important; height: auto; margin-top: 25px; margin-bottom: 5px; }
.feat-head01 img { width: 100%; }
.ttpage-new01 p { margin: 0px !important; }
.ttpage-new01 p img { width: 100%; }
.ttbox-02 { height: auto !important; }
.mbi-title01 { display: none; }
.contents-subbbox02, .tt-list, .tt-list02, .ttpage-new01, .ttbox-02, #contents-all, .contents-04, .price-ffbox-01, .price-ffbox { width: 100% !important; padding-left: 0px; padding-right: 0px; /*overflow-x:hidden;*/
margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
.contents-subbbox02, .price-ffbox-01 { padding-left: 10px !important; padding-right: 10px !important; }
.contents-subbbox02 { padding-top: 15px !important; }
.price-ffbox-01 { height: auto !important; float: none !important; border: none !important; }
.tt-list02 li { float: none !important; }
.tt-list { height: auto !important; margin-top: 10px !important; }
.tt-list li { float: none !important; display: inline-block !important; margin: 0px !important; padding: 0px !important; width: 100px !important; height: 130px !important; }
.tt-list li+li { margin-left: 10px !important; }
.tt-list li img { width: 100px !important; }
.tt-list02 { width: 100% !important; text-align: center; margin-top: 0px; }
.tt-list02 li { float: none !important; display: inline-block !important; width: 140px !important; }
.tt-list02 li img { width: 100% !important; }
.pan-list { display: none!important; }
#contents-all { margin: 0px !important; border-top: none !important; padding-top: 16px; }
.contents-04 { border-top: none !important; }
.contents-subbbox02 h3 img { max-width: 100% !important; }
.contents-subbbox02 h4 img { width: 100% !important; }
.ttpage-new01, .ttpage-new02, .ttbox-01-1, .ttbox-02, .ttbox-03 { background: none !important; margin: 0px !important; height: auto !important; }
.ttpage-new02 { height: auto !important; }
#contents-all h3, .ttbox-03 img, .mbi-100 img { width: 100% !important; }
.price-ffbox-01 h5 img { width: 80% !important; }
#contents-all h4 img { width: 100% !important; }
.basic-h4 { font-size: 18px !important; height: 40px !important; line-height: 40px !important; background: url(https://b805f5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-basictitle.png) center !important; padding-left: 15px !important; box-sizing: border-box; margin-top: 20px !important; }
.ttbox-02 { height: auto !important; min-height: inherit !important; }
.ttbox-02 p { padding-top: 0px !important; }
.ttbox-02 ul { margin-top: 5px !important; }
.ttbox-03 p { padding-top: 0px !important; }
.ttbox-03 { min-height: 100px !important; }
/*--case------------------------------*/
.contents-subbbox02 > h3 > img { width: 100%; }
.case-allbox, .campaign-box { width: 100%; }
.campaign-box .camp-cont { width: 100%; padding: 10px; margin: auto; background: none; }
.campaign-box { background: #fff; background-image: none !important; height: auto !important; padding: 15px 15px 15px 15px !important; text-align: center !important; }
.campaign-box p img { width: 90%; }
.case-allbox > .case-photo, .case-allbox > .case-box, .case-allbox > .case-box > .case-titlearea { width: 100%; float: none; }
.case-allbox > .case-photo { text-align: center; margin-bottom: 10px !important; }
.case-allbox > .case-photo { height: auto; }
.case-allbox > .case-photo img { vertical-align: top; }
.case-allbox > .case-box { }
.case-allbox .case-paint li > span { margin-right: 10px !important; }
.case-allbox > .case-box > .case-titlearea > div { margin: 10px; box-sizing: border-box; width: 90%; }
.case-allbox > .case-box > .case-titlearea > .fl > img { margin-right: 10px !important; }
.case-allbox .case-point li { float: none; margin: 5px 0; }
.case-allbox .case-point li > span { margin-right: 10px !important; }
.case-allbox .case-point + p { text-align: center; }
.campaign-box h3 { margin-top: -10px; }
.campaign-box .camp-cont img { width: 100%; }
#contents-all .campaign-box .camp-cont h4 { text-align: center; }
#contents-all .campaign-box .camp-cont h4 > img, #contents-all .campaign-box .camp-cont h5 + p > img { width: 90% !important; }
#contents-all .campaign-box .camp-cont h4 + p, #contents-all .campaign-box .camp-cont h5 + p { padding: 10px !important; }
#contents-all .campaign-box .camp-cont .camp-text li { float: none; margin: 0; width: 100%; padding: 10px !important; }
.case-pagebox, .case-pagelist { width: 100%; text-align: center; }
.case-pagelist .pager li, .case-pagelist .fl, .case-pagelist .fr { float: none; }
.case-pagelist p.fl, .case-pagelist p.fr { width: 60px; overflow: hidden; }
.case-pagebox { margin-bottom: 30px; }
.case-pagebox p, .case-pagebox li { display: inline-block; margin: 0px; }
.case-pagelist p img { width: 80%; }
.case-pagebox ul { display: inline-block; margin: 3px; text-align: center; }
.case-pagelist img { vertical-align: middle; padding-bottom: 7px; }
.case-pagebox .pl30 { padding-left: 0 !important; }
/*---------------------------*/
.mt80 { margin-top: 30px; }
.repaintbox-01, .repaint-text { width: 100%; }
.repaint-text p+p { text-align: center; }
.repaintbox-01 .fl, .repaintbox-01 .fr { float: none; }
.mtmm20, .mtmm40 { margin-top: 0; }
.repaintbox-01 .fl, .repaintbox-01 .fr { text-align: center; }
.repaintbox-01 img { width: 90%; }
.repaintbox-01 img[alt='続きを読む'] { width: 160px; margin-bottom: 20px; }
/*-------*/
.rpbigbox-01, .rpbigbox-02 { width: 100%; background: none; }
.rpbigbox-01 > h5 > img { width: 100%; }
.rpbigbox-02 + p > img { width: 100%; }
/*--------------*/
.case-child, .case-titlearea02 { width: 100% !important; }
.case-paint { padding-top: 20px; float: none; clear: both; overflow: hidden; }
.case-paint img { margin-right: 10px !important; }
.case-titlearea02 .fl > img { margin-right: 10px !important; }
.case-point02 { width: 100%; }
.case-point02 li { width: 100% !important; float: none; margin: 5px 0 !important; }
.case-point02 .mt20 { margin: 0; }
.case-point02 span { margin-right: 10px !important; }
.case-baphoto { width: 100%; background: none; }
.case-point02 .mt20 { margin-top: 0 !important; }
.case-baphoto img { width: 100%; }
.case-baphoto .fl, .case-baphoto .fr { float: none; }
.case-baphoto .fl + .fr { margin-top: 10px; }
.case-voicearea { width: 100%; background: none; padding-top: 30px; margin-top: 10px; }
/*-----------------------*/
.modal_inner, .modal { width: 100%; }
.modal { padding: 10px !important; }
.modal > p > img { width: 100%; }
.signup-form th, .signup-form td, .signup-form label, .signup-form input { display: block; }
.signup-form th { margin-bottom: 10px; }
.signup-form input { margin-bottom: 20px; width: 100%; }
.signup-form span { margin-top: -20px; left: 10px; padding-left: 25px !important; }
.signup-form { width: 100%; }
.singnup-btn { width: 100%; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; margin: 15px 0 0 0; }
.modal_inner { top: 15%; }
.modal_inner { width: 90%; margin-left: auto !important; margin-right: auto !important; }
#sticker { padding-bottom: 0; }
.sticker-subbox { padding-bottom: 10px; }
.contents-02, .contents-02-subbox { width: 100%; }
.contents-02-subbox { padding: 10px !important; }
.contents-02 h2 img { width: 100%; }
.contents-02-subbox > p >img, .contents-02-subbox > h3 >img { width: 100%; }
.contents-02-subbox .mt50 { margin-top: 20px; }
#tab li { width: 80px; background: none; background: #ccc; border-radius: 5px; font-size: 13px; height: 40px; line-height: 40px; }
#tab li.select { width: 80px; background: none !important; background: #f75b2c !important; border-radius: 5px; position: relative; }
#tab li.select:after { content: "▼"; position: absolute; display: block; width: 12px; height: 12px; color: #f75b2c; bottom: 7px; left: 50%; margin-left: -6px; }
#tab li+li { margin-left: 10px; }
.side-pricebox, .stc-btnarea, .next-sidebtn { float: none; }
.side-pricebox + p { display: inline-block; }
.stck-list { position: relative; }
#reset { position: absolute; bottom: 0; right: 0; }
#tab { width: 100%; }
.form01 { width: 100%; }
.form01 th, .form01 td, .list-02 { display: block; width: 100% !important; }
td .fl { float: none; margin-bottom: 0px; }
.fm-bg01 { background: none; }
td .ml55 { margin-left: 0px !important; }
.contents-02-subbox h4 > img { width: 100%; }
.contents-02-subbox form .fl { float: none; margin-bottom: 5px; }
.contents-02-subbox #img_src { width: 100%; }
.color-box { width: 100%; float: none; }
table.comparison { display: none; }
.comparison-area + p { padding: 10px; }
/**.contents-02-subbox img[alt='価格と耐久年数の比較']{
  width: 100%;
}**/

.mobile-newwd img { width: 100%; }
.coloritem, .coloritem02 { text-align: center; }
.coloritem li, .coloritem02 li { float: none; display: inline-block; margin: 5px 0 !important; padding: 0; }
.paint-clealist { display: none; }
.mb_paint_block { display: block; }
.mb_paint_block .paint-clealist { float: none; margin-left: 0; width: 100%; display: block; margin-bottom: 20px; }
.comparison-yane { display: none; }
.osusume-sn { width: 100%; }
h3.title-gaiheki > img { width: 100%; }
div.mt30 > p.fl > img { width: 100%; }
.contents-03 { width: 100%; }
.contents-03 > h2 > img { width: 100%; }
.btn-area, .price-autput, .price-morelist { width: 100%; }
.send-box th, .send-box td, .address-all th, .address-all td { width: 100%; display: block; }
.send-box .error { display: block; }
.form-title { font-size: 14px; }
.btn-area .fl, .btn-area .fr { float: none; text-align: center; }
.btn-area .fl { margin-bottom: 20px; }
table.send-box label { display: block; }
table.send-box textarea { width: 100%; }
table.send-box p.fl { float: left !important; }
.back-conf { margin-top: 10px; }
.rpbigbox-03 { width: 100%; background: none; }
.repaintbox-04 { background: none; }
.rpbigbox-03 h5 img, .repaintbox-04 h5 img { width: 100%; }
.repaintbox-03 img[alt='塗料の比較図'] { width: 100%; }
.flow-listbox { width: 100%; background: none; height: auto; }
.flow-list li { margin-left: 0 !important; margin-right: 15px; margin-bottom: 10px; }
.flow-box { width: 100%; }
.flow-fl { width: 100%; float: none; }
.flow-box .fr { float: none; }
.flow-box .fr img { margin-top: 10px; width: 100%; }
.flow-fl h5 img { max-width: 100%; }
.repaintbox-05 { background: none; }
.contents-04 img[alt='築年数と屋根の劣化の比較図'] { width: 100%; }
.flow-listbox02 { width: 100%; background: none; }
.flow-list02 li { margin-left: 0 !important; margin-right: 15px; margin-bottom: 10px; }
.flow-listbox02 { height: auto; padding-top: 10px; margin-bottom: 20px !important; }
br + .flow-box { margin-top: 20px; }
.law-box { width: 100%; }
.law-box th, .law-box td { border: none; display: block; }
.law-box td img { max-width: 100%; }
.law-box th { width: 100%; }
.basic-h402 { font-size: 16px; }
ul.sitemap + .clearfix > .fl { float: none; display: block; margin-left: 0; }
h5 > img, .company-box img { max-width: 100%; }
.company-box th, .company-box td { border: none; display: block; padding: 10px 0; }
.voice-box02 { width: 100%; }
.voice-box02 .fl, .voice-box02 .fr { float: none; text-align: center; }
.voice-abouarea { width: 100%; }
.voice-abouarea h4 { text-align: center; }
#contents-all .voice-abouarea h4 img { width: 90% !important; }
.qa-allbox, .qa-ssbox, .qalist-allbox, .qalist-box { width: 100%; }
.contactbox, .contact-allform { width: 100%; }
.contact-allform th, .contact-allform td { display: block; border: none; width: 100%; }
.contact-allform th { background: #F90; color: #fff; text-align: center; }
.contact-allform td { padding: 10px; background: #FFFBE4; }
.contact-allform td .btn { display: block; text-align: center; margin-top: 10px; }
.contact-allform td label { display: block; }
.contact-allform span.error { display: block; }
.contact-allform span.must { vertical-align: super; }
.contact-allform p.fl { float: left !important; }
.contact-allform p.calender input[type=text] {font-size: 16px; transform: scale(0.8);}
.contact-allform .address-all th { background: transparent; color: #191919; text-align: left; }
.contact-allform .address-all td { padding: 0; background: transparent; }
.news-list01 { width: 100%; }
.case-paint ul li { width: 90%; }
.case-point li { width: 100% !important; }
.sousin, .sousin-non { width: 200px; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.price-morebox h3 img { width: 100%; }
.sticker-subarea h3 img { display: none; }
.next-sidebtn { height: 25px; width: 150px; line-height: 25px; position: absolute; left: 0; bottom: 0; }
.price-box { height: 20px; }
.price-box span { font-size: 20px; }
.side-pricebox h4 { font-size: 11px; }
.feat-head02 { width: 100%; display: block; }
.feat-head02 img { width: 100%; }
.feat-head03 { width: 100%; display: block; padding-bottom: 5px; border-bottom: 2px solid #E1E1E1; }
.feat-head03 img { width: 100%; }
.sitemapcv-head { width: 100%; }
.sitemapcv-head .fl, .sitemapcv-head .fr { float: none; }
.sitemapcv-head .fl img, .sitemapcv-head .fr img { max-width: 100%; }
.contents-02-print { width: 100%; }
.print-head .fl, .print-head .fr { float: none; }
.print-head .fr { display: none; }
.print-head .fl img { margin-top: 10px; margin-left: 10px; width: 70px; }
.contents-02-print h2 { margin-top: 20px; font-size: 16px; }
.print-txt { padding-left: 10px; padding-right: 10px; }
.print-box, .priceall-print { width: 100%; }
.print-headsub { margin-top: 10px; margin-bottom: 40px; }
.print-box h3, .print-box h4, .price-how h4 { font-size: 20px; }
.priceall-print { margin-top: 10px; }
.price-print span { font-size: 20px; }
.priceall-print-sub p { float: none !important; text-align: center; }
.company-printbox { margin-top: 30px; margin-bottom: 20px; float: none; clear: both; width: 90%; }
.company-printbox div { width: 100%; }
.priceall-print { float: none; }
.company-printbox img { /*display: none;*/
}
.print-infomation { width: 100%; }
.price-morelist { display: block; }
.price-how p { float: none; }
.resu-submitbtn { width: 100%; }
.resu-submitbtn > form { text-align: center; }
.resu-submitbtn > form .fl { width: 250px; float: none; }
.resu-submitbtn > form .fl+.fl { width: 100%; display: none; }
.loan-list li { float: none; margin: 10px auto !important; }
.resu-submitbtn p { margin-left: 0; margin-top: 30px; text-align: center; }
.loan-box h4 { padding: 10px; margin-top: 10px; }
.loan-box { margin-top: 40px; }
.result-contact { width: 100%; }
.result-contact .fl, .result-contact .fr { width: 100%; }
.result-contact .fl img, .result-contact .fr img { width: 100%; }
#contents-all .result-telarea h4 img { width: 160px !important; }
.price-how { padding-top: 20px; }
.price-how h4 { padding-left: 10px; }
.qalist-allbox a { width: 100%; }
.qalist-allbox { padding-right: 10px; padding-left: 10px; }
.flow-listbox, .flow-listbox02 { display: none; }
.flow-listbox-mobile { display: block; margin-top: 10px; }
.flow-list-mobile li { border-bottom: 1px solid #e2e2e2; }
.flow-list-mobile li a { display: block; width: 100%; color: #fb5420; box-sizing: border-box; margin-bottom: 5px; margin-top: 5px; text-decoration: none; }
.form01 { margin-top: 10px; }
.form01 th, .fm-bg01 th { background: #f8f5ed; color: #000; }
.form01 td { padding-top: 8px; }
.fm-bg01 ul li { margin-left: 0px; color: #000; border-bottom: 2px solid #ccc; }
.fm-bg01 ul li+li { width: 80px; height: auto; float: left !important; margin-left: 5px; border-bottom: none; }
.fm-bg01 ul li+li+li+li+li { clear: both; width: 90px; margin-top: 5px; }
.fm-bg01 img { width: 100%; }
.mobile-titlesm { color: #000; font-weight: bold; border-bottom: 2px solid #ccc; }
.mobile-iconsm ul li { margin-left: 0px; color: #000; border-bottom: 2px solid #ccc; }
.mobile-iconsm img { width: 100%; }
.mobile-iconsm ul li+li { width: 80px; height: auto; float: left !important; margin-left: 5px; border-bottom: none; }
.mobile-iconsm ul li+li+li+li+li { clear: both; width: 90px; margin-top: 5px; }
.simulation-allcontents { width: 100%; }
.sm-bigtitle img { width: 100%; }
.mobile-simulation-rs .mobile-footer { padding-bottom: 94px; }
.mobile-simulation-rs .btn-area { margin-left: 0; }
.mobile-simulation-rs .send-btn { width: 300px !important; background-image: url('https://854520.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-send-mobile.png'); }
.mobile-simulation-rs .page-back { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.mitumori-submit { width: 100%; margin-bottom: 40px; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.mitumori-submit + p.fl { float: none !important; }
.tuika-box h4, .biko-box h4 { font-size: 12px; }
#simulationbox .vt p { margin-left: 0 !important; }
.replace_text { color: #f64f1c; font-weight: bold; }
.mbi02-100 { width: 300px !important; margin-left: 0px !important; }
fieldset { width: 100% !important; }
tbody { width: 100% !important; }
form { width: 100% !important; }
.ml140 { margin: 0px !important; }
.new-allgaiheki p { float: none; }
.mb-img01 img { width: 100%; }
.new-box02 { height: auto; }
.new-medi { background: #fff; }
.new-medi li { background: #f8f5ed; }
.new-box03 { height: auto; }
/*----------------*/
.contents-subbbox02 img[src='../common/images/img-rp-images02.png'] { width: 100%; margin-top: 30px; }
.textbox-new01 { width: 100%; }
.new-allgaiheki p+p { float: none !important; margin-left: 0 !important; }
.new-mongonbox p { float: none !important; width: 100%; margin-bottom: 10px; }
.new-mongonbox p+p { float: none !important; width: 100%; margin-bottom: 10px; }
.new-box02 li+li { padding: 0 !important; margin: 0 !important; }
.new-box03 li+li { padding-left: 0 !important; width: 80px; float: left !important; margin-right: 15px; padding: 0 !important; margin: 0 !important; margin-left: 10px !important; margin-bottom: 10px !important; }
.new-box03 li+li img { width: 100%; }
.mobile-iconsm ul li+li { margin-left: 10px !important; }
.fm-bg01 ul li+li { margin-left: 10px !important; margin-bottom: 10px !important; }
.mobile-iconsm ul li+li+li+li+li { width: 90px !important; }
.mb-boxside { display: block; }
.side-pricebox { width: 150px; float: left; margin-bottom: 10px; vertical-align: top; }
.mobile-tel-side { display: block; background: #000; width: 90px; float: right; vertical-align: top; text-align: center; margin-left: 5px; }
.mobile-tel-side img { width: 100%; }
.mobile-tel-side a { color: #fff; font-size: 11px; }
.mobile-tel-side h4 { font-size: 11px !important; }
.mbmt20 { margin-top: 20px; }
.mb-clear:before, .mb-clear:after { content: " "; display: table; }
.mb-clear:after { clear: both; }
.mb-clear { zoom: 1; /* for IE 6/7 only */ }
.stck-list { width: 90%; height: auto; margin-right: auto; margin-left: auto; }
.sm-compbnr li+li { margin-top: 20px; }
.my_pop_base > span > img { display: block; position: static; width: 70%; margin-left: auto; margin-right: auto;/**box-shadow:rgba(184, 184, 184, 0.65098) 0px 0px 6px 3px;**/
}
.tablist { text-align: center !important; }
.tablist li { display: inline-block !important; vertical-align: top !important; width: 100% !important; font-size: 13px; margin-left: 5px !important; margin-right: 5px !important; margin-bottom: 5px !important; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px #ff9800 solid; text-align: left; position: relative; height: 40px; padding-left: 10px; }
.price-tab { display: none; }
.tabbox { width: 100% !important; box-sizing: border-box !important; }
.price-morelist02 li { width: 100% !important; }
.loan-box .ml15 { margin-left: 0px !important; }
.price-morelist02 { width: 100% !important; }
.price-morelist02 li p { width: 100% !important; box-sizing: border-box; }
.ordered { display: inline-block; margin-right: 15px; position: absolute; bottom: 5px; right: 0px; text-align: center; }
.contents-02-subbox { width: 100% !important; }
.oneword { height: auto; margin: 70px 0 24px 0; }
.oneword h3 { background: url("https://c5fe82.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img_oneword.png") no-repeat scroll left top; height: 41px; text-indent: -9999px; width: 233px; margin: 0 0 0 3%; padding: 0 0 0 0; }
.voiceBox_wrap { width: auto; }
.oneword_01 { background-color: #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #EFE7DA; float: none; height: auto; padding: 0 0 15px 0; margin: 0px 24px 0px 2%; width: 95%; }
.oneword_01_01 { background-color: #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #EFE7DA; float: none; height: auto; padding: 0 0 15px 0; margin: 0px 24px 0px 2%; width: 95%; }
.oneword_02 { margin: 20px 20px 0px 20px; font-size: 13px; line-height: 18px; color: #000000; }
.oneword_03 { margin: 20px 20px 0px 20px; text-align: right; font-size: 12px; line-height: 18px; color: #5d3f13; position: inherit; right: auto; bottom: auto; }
.oneword_03_03 { margin: 20px 20px 0px 20px; text-align: right; font-size: 12px; line-height: 18px; color: #5d3f13; }
/* トップお役立ち情報 */

.usefulWrap { margin-top: 25px; margin-bottom: 35px; }
.usefulWrap .useful-list li { width: 50%; }
.usefulWrap .useful-list li:nth-child(5) { display: none; }

.useful-best { margin-top: 10%; padding: 5% 8% 5% 10%; }
.useful-best h3 { font-size: 1.6em; line-height: 1.6em; }
.useful-best li { padding: 0 0 0.6em; font-size: 1em; }

/* 会社案内2017.02リニューアル */
.company-title { font-size: 18px; margin: 0 0 20px; }
.company-title2 { background: url(https://d13ad6.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-title-company.jpg) no-repeat; background-size: cover; width: 100%; height: 60px; margin: 0 0 30px; }
.company-title2 span { width: 50%; padding: 10px; }
.company-title2 span img { position: relative; height: auto; top: 20%; left: 2%; }
.company-topText { width: 100%; margin: 0 auto 30px; border-left: 3px solid #819558; padding: 0 0 0 10px; font-size: 14px; line-height: 1.5; color: #555; }
.company-topText p { margin: 0 0 10px; }
/*======運営会社トップ下部ボタン======*/
.company-btnWrap { width: 100%; }
.company-btn { float: none; height: auto; display: table; margin: 0 0 10px; width: 100%; }
.company-btn img { width: 100%; height: auto; }
.company-btn p { display: table-cell; width: 40%; }
.company-btn span { display: table-cell; width: 60%; vertical-align: top; padding: 30px 0 0; }
.company-btn a { background: #f2ede5 url("https://f0f6ec.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-companymenu01.png") no-repeat scroll 70% 70%; }
/*======運営会社各ページ上部メニューボタン======*/
.company-menuWrap { width: 100%; margin: 0 0 30px; }
.company-menuWrap div a, .company-menuWrap .active { width: 33%; margin: 0; font-size: 12px; height: 50px; display: table; line-height: 1.2; border-left: 1px solid #fff; }
.company-menuWrap div a { background-image: none; background-size: 8%; }
.company-menuWrap .active { background-image: none !important; background-size: 8% !important; }
.company-menuWrap div p { padding: 0; display: table-cell; vertical-align: middle; height: 100%; position: relative; }
.company-menuWrap div p br { display: inherit; }
/*======運営会社スタッフ紹介======*/
.company-staffMain img { width: 100%; height: auto; }
.company-catch { font-size: 14px; text-align: left; }
.company-catch h4 { font-size: 18px; margin: 20px 0; }
.company-staffWrap { width: 100%; }
.company-staffWrap p { width: 31%; margin: 0 10px 20px 0; }
.company-staffWrap p:nth-child(3n) { margin: 0 0 20px 0; }
.company-staffWrap p img { width: 100%; height: auto; }
/*======運営責任者挨拶======*/
.company-aisatsu { width: 100%; }
.company-aisatsu .fl { height: 220px; overflow: hidden; margin: 0 0 20px; width: 100%; }
.company-aisatsu .fl img { width: 100%; height: auto; position: relative; top: -65px; }
.company-aisatsu div { width: auto; }
.company-aisatsu div h4 { font-size: 18px; margin: 0 0 10px; }
.company-aisatsu div p { font-size: 14px; margin: 0 0 10px; }
.company-aisatsu div p strong { font-size: 16px; font-weight: bold; }
.company-aisatsu div .name { width: 45%; }
.company-aisatsu div .name img { width: 100%; height: auto; }
/*==============================================================*/
/* 屋根修理価格表　20170310追加 */
/*==============================================================*/
.yane-priceTable { width: 100%; font-size: 14px; margin: 30px auto; }
.yane-priceTable th { text-align: left; line-height: 1.5; }
.yane-priceTable br { display: inherit; }
.yane-priceTable th, .yane-priceTable td { padding: 5px; }
/*お役立ち情報*/
.useful.archive h2 { padding: 15px; font-size: 18px; }
/*コンテンツ下部テキスト*/
.basicbox-01-sub em, .top-discription, .page-discription, .pagesimulation-discription, .pagesimulation-discription { font-size: 10px; }
.top-discription, .page-discription, .pagesimulation-discription { margin: 30px 0 0; }
.top-discription .mb30 { margin: 0 0 10px; }
/*==============================================================*/
/* リフォーム事例エリア絞り込み */
/*==============================================================*/
.areattl { padding: 15px !important; }
.ttl2_area { font-size: 1.5em; margin-bottom: 0.5em; margin: 0; padding: 20px 0; }
#area-tab { display: block; overflow: hidden; border: none; }
#area-tab li { width: 49%; float: left; margin: 0 2% 10px 0 !important; display: block; border-radius: 10px; padding: 12px 0; }
#area-tab li:nth-child(2n) { margin-right: 0 !important; }
#area-tab li:first-child, #area-tab li:last-child, #area-tab li:first-child .select, #area-tab li:last-child .select { padding: 12px 0 !important; }
#area-tab li a { border-radius: 10px; display: block; font-size: 0.875em; margin-bottom: 0.5em; padding: 0.5em 0; width: 100%; }
#area-tab li.select { padding: 12px 0; border: 3px solid #583317 !important; border-radius: 10px; font-size: 0.875em; width: 49%; position: inherit; }
#area-tab li.select span { position: inherit; padding: 0; }
#area-tab a:hover { color: #fff; }
#area-tab br { display: none; }
#area-tab span.sp { display: inline; }
#area-tab a br { display: none; }
.areatab-box { width: 100%; margin: 0 auto; padding: 0; }
.prefecture_wrap { margin: 2em auto 0; width: 100%; }
.prefecture p, .prefecture a { display: block; }
.prefecture p { float: none; }
.prefecture a { border-radius: 15px 15px 0 0; width: 100%; }
.prefecture a::before { top: 70%; }
.prefecture a br { display: none; }
.prefecture a span { font-size: 1.5em; font-weight: bold; padding-right: 1em; }
.prefecture p { border-radius: 0 0 15px 15px; font-size: 0.875em; padding: 5%; width: 100%; }
.ttl_area { font-size: 1.35em; margin: 2em 2% 0; }
.staff_voice { margin: 30px auto 0; width: 100%; }
.staff_photo { float: none; margin: 0 auto 1em; width: 50%; max-width: 180px; }
.staff_photo img { width: 100%; }
.staff_comment { float: none; font-size: 0.875em; margin: 0 auto; padding: 3% 2%; width: 96%; }
.staff_comment:after, .staff_comment:before { display: none; }
.areaPoint_wrap div { min-height: inherit; padding: 1em; width: 100%; }
.areaPoint_wrap div h3 { font-size: 1.5em; }
.area_point01, .area_point02, .area_point03, .area_point04 { background-position: bottom 10% center; border-radius: 20px 0 0 0; }
.area_point01 { background-size: 170px; }
.area_point02, .area_point03 { background-size: 100px; }
.area_point04 { background-size: 150px; }
.area_point01 p, .area_point02 p, .area_point03 p, .area_point04 p { font-size: 0.875em; width: 100%; }
.bt_area01 { border: solid 1px #0e8b00; border-radius: 10px; margin: 2em auto; text-align: center; width: 90%; }
.bt_area01 a { -moz-box-shadow: inset 0px 70px 0px -37px #54b75a; -webkit-box-shadow: inset 0px 70px 0px -37px #54b75a; box-shadow: inset 0px 70px 0px -37px #54b75a; font-size: 1.25em; padding: 0.7em 0 1em; }
.bt_area01 a:after { top: 5px; }
.malinky-load-more, .pix-load-more { width: 100%; }
.malinky-load-more a { font-size: 1em; }
.pix-load-more input[type="button"], .pix-load-more input[type="button"]:hover { background-position: 92% 50% !important; }
.area_voice { width: 100%; height: auto; }
.area_voice_l { float: none; margin: 0 auto 0.5em; width: 50%; }
.area_voice_r { border-top: dotted 1px #f6dbb4; float: none; margin-left: 0; padding-top: 1em; width: 100%; }
/*他社お見積り適正価格診断*/
#prcdgns { padding: 30px 2%; }
#prcdgns h2 span { display: block; }
#prcdgns h2 span img { width: 100%; height: auto; }
#prcdgns h2 span:nth-child(2) { text-align: left; }
#prcdgns h2 span:nth-child(2) img:first-child { width: 50%; margin-bottom: 5px; }
#prcdgns h2 span:first-child { margin: 0 0 15px; padding: 2%; }
#prcdgns h2 span:first-child img { display: inline-block; width: 30%; height: auto; }
#prcdgns h2 span:first-child img:nth-child(2) { width: 60%; }
#prcdgns h2 span:first-child::after { width: 0; height: 0; border-style: solid; border-width: 8px 10px 0 10px; border-color: #724d23 transparent transparent transparent; right: 0; left: 0; margin: 0 auto; bottom: -8px; top: inherit; }
#prcdgns h3 { font-size: 18px; margin-bottom: 30px; }
#prcdgns h3::after { border-width: 10px 31px 0; bottom: -10px; }
#prcdgns > div { margin-bottom: 30px; }
#prcdgns > div div { margin: 0 !important; }
#prcdgns > div div img { width: 100%; height: auto; }
.prcdgnsform { width: 100%; padding: 20px 2%; margin: 0; }
#prcdgns .advisor { margin: 0; padding: 5px 10px; margin-bottom: 15px; font-size: 14px; display: block; }
#prcdgns .attention { width: 100%; padding: 20px 2% 2%; }
#prcdgns .step3 { width: 100%; margin-bottom: 30px; }
#prcdgns .step3 img { width: 25%; height: auto; float: left; margin-right: 10px; }
.prcdgnsform dl { width: 100%; }
.prcdgnsform dt, .prcdgnsform dd { width: 100%; float: none; padding: 5px; }
.prcdgnsform dt { padding: 5px 5px 0; }
.prcdgnsform input { width: 100% !important; min-height: 30px; }
#prcdgns .step3 div p:nth-child(2) { text-indent: inherit; padding: 0; }
#prcdgns .step3 div p:nth-child(3), #prcdgns .step3 div p:nth-child(4) { text-indent: -1em; padding-left: 1em; clear: both; }
#prcdgns .centerT { margin-bottom: 10px; }
#prcdgns .centerT img { width: 100%; margin-bottom: 5px; }
/*サンクスページ*/
#prcdgnsthanks { padding: 50px 5%; }
#prcdgnsthanks h2 { font-size: 20px; }
#prcdgnsthanks .centerT { text-align: left; margin: 0 0 30px; }
/*2018-03-07 トップページCVボタン変更*/
.top_main-ttl2, .top_main-btn2 { margin-bottom: 5px; }
.cv-big-btnarea3, .tyousabtn2 { width: 100%; margin: 20px 0 0; float: none; }
.tyousabtn2:before { top: -15px; left: 50%; margin: 0 0 0 -15px; transform: scale(4, 1) rotate(0deg); font-size: 30px; color: #d96036; }
/*現地調査*/
#fieldMain { margin-top: 20px; }
#fieldMain > figure { width: 40%; left: 0px; z-index: 0; }
#fieldMain > figure img { width: 100%; height: auto; }
#fieldMain div { width: 100%; }
#fieldMain .catch { font-size: 22px; line-height: 1.2; text-align: center; width: 60%; margin: 20px 0 30px 40%; }
#fieldMain .catch span { font-size: 13px; margin-bottom: 10px; }
#fieldMain div figure img { width: 100%; height: auto; }
#fieldMain p:last-child { margin-bottom: 30px; line-height: 1.2 }
#fieldMain p:last-child span { font-size: 24px; }
#fieldMain .catch::after { border-top: 5px solid #fff100; }
#fieldMain div { position: relative; z-index: 50 }
#fieldMain div > p:nth-child(2) { display: block; font-size: 16px; }
#fieldMain div figure { margin: 10px 0; }
#fieldAttention dl { width: 100%; float: none; margin-right: 0; padding: 0; }
#fieldAttention .wrap > figure { margin: 50px 0 10px; display: inherit; }
#fieldAttention .catch { font-size: 19px; }
#fieldAttention .catch span { margin-right: 5px; display: block; }
#fieldAttention h2 { font-size: 20px; line-height: 1.6; padding: 10px; }
#fieldAttention h2 span { border-radius: 0; display: inline; font-size: 18px; margin: 0; padding: 5px; width: auto; }
.fieldEntrust { width: auto; padding: 35px 0 0; }
.fieldEntrust > p:first-child { font-size: 14px; padding: 5px 10px; left: -10px; }
.fieldEntrust figure { position: inherit; right: inherit; text-align: center; margin: 10px 0 0; }
.fieldEntrust figure img { width: 60%; height: auto; }
.fieldEntrust div { margin: 0 auto; width: 88%; }
.fieldEntrust div .txt { margin-left: 0; }
.fieldEntrust div p:first-child { font-size: 20px; letter-spacing: 0; line-height: 1.2; margin-bottom: 20px; }
.fieldEntrust div p:first-child::after { border-top: 5px solid #fff100; width: 100% }
.fieldEntrust div p:first-child span { font-size: 18px; display: block; }
.fieldEntrust div .txt span { font-size: 16px; margin-bottom: 10px; }
#fieldWall h2 { font-size: 20px; padding: 15px; margin-bottom: 20px; }
#fieldWall .txt { display: block; margin: 0 0 20px; }
#fieldWall h3 { font-size: 18px; margin-bottom: 20px; }
#fieldWall h3 img { width: 10%; height: auto; }
#fieldWall .txt p { margin-left: 0; }
#fieldWall > figure { margin: 0 0 50px; }
#fieldWall > figure img { width: 100%; height: auto; }
.fieldpoint { margin: 0 0 30px; padding: 10px; }
.fieldpoint li { padding: 20px 10px; }
.fieldpoint li dt { margin-right: 0; font-size: 16px; margin-bottom: 5px; }
.fieldpoint li dt span { margin-right: 10px; }
.fieldtool { width: auto; margin-bottom: 10px; }
.fieldtool dl { width: 72%; }
.fieldtool li { width: 100%; margin-bottom: 20px }
.fieldtool figure { height: 90px; margin: 0; width: 25%; }
.fieldtool figure img { transform: translate(-50%, -50%) scale(0.6); }
.fieldtool dt { font-size: 18px; }
.fieldContact li img { width: 100%; height: auto; margin-bottom: 10px; }
#fieldRoof .catch { position: relative; }
#fieldRoof .catch img { max-width: 90%; height: auto; margin-bottom: 10px; }
#fieldRoof .catch img:first-child { max-width: 85%; }
#fieldRoof .catch p:nth-child(2)::before, #fieldRoof .catch p:nth-child(2)::after { position: absolute; bottom: 10px; left: 5px; height: 30px; }
#fieldRoof .catch p:nth-child(2)::after { left: inherit; right: 5px; }
#fieldRoof .txt { margin-left: 0; }
#fieldRoof .catch { margin: 30px 0; }
#fieldRoof h2 { margin-bottom: 20px; padding: 15px; font-size: 20px; }
#fieldRoof h3 { font-size: 18px; margin-bottom: 20px; }
#fieldRoof h3 img { height: auto; width: 10%; }
#fieldRoof .txt p { margin: 0 0 10px; }
#fieldRoof > figure { margin: 0 0 30px; text-align: center; display: block }
#fieldRoof > figure img { max-width: 100%; height: auto; }
#fieldRoof .fieldpoint dd { margin: 10px 0; }
#fieldRoof .fieldpoint li { width: auto; }
field { position: relative; }
#field figure { margin: 0; width: 40%; }
#field figure img { max-width: 100%; height: auto; }
#field .wrap { width: 100%; }
#field .wrap .catch { border-radius: 10px; font-size: 16px; margin: -120px 0 10% 40%; width: 60%; }
#field .wrap .catch::before { bottom: 70px; content: ""; display: block; height: 20px; left: -25px; position: absolute; width: 20px; }
#field .wrap .catch::after { bottom: 65px; height: 10px; left: -35px; width: 10px; }
#field .catchanswer { font-size: 28px; line-height: 1.2; margin-bottom: 10px }
#field .catchanswer small { font-size: 18px; }
#field p:last-child { padding: 0; }
.aftercare { width: 100%; padding: 0 10px 30px; margin: 40px auto; }
.aftercare h2 { font-size: 16px; padding: 10px; text-align: center; top: -20px; }
.aftercare figure { width: 100% !important }
#fieldFlow h2 { font-size: 20px; padding: 10px 0; margin-bottom: 30px; }
#fieldFlow h2 span { font-size: 16px; display: block; }
#fieldFlow h2 img { bottom: 5px; height: auto; right: 5px; top: inherit; width: 30px }
#fieldFlow h2 img:first-child { left: 5px; right: inherit; }
#fieldFlow ol { width: auto; margin-bottom: 0; }
#fieldFlow ol li { float: none; margin-right: 0; width: auto; margin-bottom: 50px }
#fieldFlow ol li::after {border-color: #b5b5b5 transparent transparent;
    border-style: solid;
    border-width: 20px 22.5px 0;
    bottom: -30px;
    height: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: inherit;
    width: 0;
}
#fieldFlow ol li figure { width: 40%; margin: 10px auto; height: 0; padding: 40% 0 0 }
#fieldFlow ol li img { width: 50%; }
#fieldFlow ol li dt { font-size: 20px; }
#fieldVoice h2 { font-size: 16px; padding: 10px; margin: 30px 0 10px; }
#fieldVoice h2 span { font-size: 24px; display: block; }
#fieldVoice ul { width: auto; }
#fieldVoice li { width: auto; float: none; margin-right: 0; padding: 15px; height: auto; margin-bottom: 10px; }
#fieldVoice li figure { margin-right: 2%; width: 25%; }
#fieldVoice li figure img { max-width: 100%; height: auto; }
#fieldVoice li h3, #fieldVoice .name { font-size: 16px; margin-bottom: 5px; }
#fieldExpensive { width: auto; display: flex; flex-flow: row wrap; margin-bottom: 50px; }
#fieldExpensive figure, #fieldExpensive div { width: 100%; display: block; }
#fieldExpensive figure { order: 2; }
#fieldExpensive figure img { max-width: 100%; height: auto; }
#fieldExpensive div { order: 1; margin-left: 0; }
#fieldExpensive h2 { font-size: 18px; }
}
.sp { display: none; }

@media screen and (max-width: 640px) {
.ttl_area { margin: 1em 2% 0; }
.staff_voice { margin: 30px auto 0; width: 90%; }
.staff_comment:after, .staff_comment:before { top: 20%; }
.areaPoint_wrap { margin: 0 auto; width: 96%; border-radius: 15px; display: block; margin-bottom: 1em; min-height: 200px; padding: 2.5%; }
.area_voice:nth-child(even), .area_voice:nth-child(odd) { float: none; }
.areaPoint_wrap div { height: auto; }
.areaPoint_wrap div:first-child, .areaPoint_wrap div:nth-child(2), .areaPoint_wrap div:nth-child(3), .areaPoint_wrap div:last-child { border-radius: 10px; }
.areaPoint_wrap div h3 { margin: 0 0 10px; font-size: 1.3em; }
.areaPoint_wrap div:first-child p { margin: 0; }
.areaPoint_wrap div p { margin: 0; }
.areaPoint_wrap div p img { float: none !important; }
.areaPoint_wrap div:first-child br, .areaPoint_wrap div:last-child br { display: none; }
.areaPoint_wrap div:last-child img { position: inherit !important; }
.areaPoint_wrap div:first-child p img, .areaPoint_wrap div:nth-child(2) p img, .areaPoint_wrap div:nth-child(3) p img, .areaPoint_wrap div:last-child p img { margin: 10px auto; }
.areaPoint_wrap div:first-child p img { position: inherit !important; }
.select_area dd { padding: 0; }
.pc { display: none; }
.sp { display: inherit; }
}


@media screen and (max-width: 480px) {

/*メディア出演情報（トップ）*/
#media { margin: 12px 12px 0; padding: 10px 10px 0; }
#media h3 { width: 100%; padding: 0 0 6px; border-right: none; border-bottom: 1px solid #724c22; float: none; }
#media dl { width: 100%; padding: 10px 0 0; float: none; border-left: none; }
#media dt { width: 20%; padding: 0 0 10px; }
#media dd { width: 80%; padding: 0 0 10px 10px; }

/*お問い合せへの誘導バナー*/
.inquiry { padding: 5% 0 0; }
#repaint .inquiry { padding: 7% 0; }
.inquiry img { width: 100%; height: auto; }

/*電話誘導バナー*/
.callus { font-size: 15px; }
.callus a { width: auto; min-height: auto; margin: 0 auto; padding: 10px; background: #9cf; }
.callus a span { padding-left: 20%; background: url(https://105db1.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/icon-freedial.png) no-repeat left center; background-size: contain; display: block; }
.callus a strong { font-size: 28px; }
.callus a time { margin-left: 0; display: block; }

/*フッター誘導ボタン*/
#floatfooter {
	display: none;
}

/*********** 新スマホナビ**************/
.pcOnly{
	display: none;
}
.spOnly{
	display:block;
}

/*お役立ち情報のトップページへのテキストリンク表示*/
.useful .mainArea p.best { display: none; padding: 0 10px 15px; font-size: 16px; line-height: 1.4em; }
.useful .mainArea p.best a { color: #00f; text-decoration: underline; }

/*********** コールバック**************/
.contactbox.callback p.guide {
	min-height: 56px;
	margin: 3% 0 0;
	padding: 0 0 0 80px;
    background: url(https://59bdbc.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-callback.jpg) no-repeat 0 5px;
    background-size: 80px 51px;
    font-size: 14px;
    line-height: 1.4em;
}
.contactbox.callback p.guide small {
    font-size: 12px;
}
.contactbox.callback .contact-allform th {
	width: 100%;
	color: #191919;
	text-align: left;
}
.contactbox.callback .must {
    margin-left: 0;
    margin-right: 10px;
}
.contactbox.callback .must.will {
    background: #34467a;
}

/*********** 2018-12-4 トップページメインイメージ右ボタン改修**************/
#mainWrap .top_mainRight img {
	width: 100%;
	height: auto;
}
#mainWrap .top_mainRight li:last-child img { display: none; }
#mainWrap .top_mainRight li:last-child a { display: block; }
#mainWrap .top_mainRight li:last-child a img { display: block; }


/*********** お役立ち情報文中内の他記事へのリンク**************/
.addpost {
	padding: 5% 0;
}
.entry-content .addpost a {
	padding: 3%;
}
.entry-content .addpost h4 a {
	padding: 0 0 3%;
	font-size: 18px;
}
.addpost figure {
	width: 24%;
	margin: 0 2% 1% 0;
}
.entry-content .addpost dl {
	width: 100%;
	float: none;
}
.entry-content .addpost a dt {
	padding: 0 0 2%;
	font-size: 16px;
}
.entry-content .addpost dd {
	font-size: 12px;
}
.addpost dd .usefulcategory li {
	width: 48%;
	margin: 0 0.5% 1%;
	text-align: center;
}




}
/*
     FILE ARCHIVED ON 21:17:15 May 24, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:11:30 Aug 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.355
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.033
  esindex: 0.005
  cdx.remote: 5.348
  LoadShardBlock: 117.115 (3)
  PetaboxLoader3.datanode: 90.786 (4)
  PetaboxLoader3.resolve: 79.915 (3)
  load_resource: 56.378
*/