@charset "utf-8"; /* CSS Document */ /*********** 汎用クラス**************/ .fl { float: left; } .fr { float: right; } .cl { clear: both !important; } .tc { text-align: center; } .fb { font-weight: bold !important; } .fs-110 { font-size: 110% !important; } .fs-120 { font-size: 120% !important; } .fs-90 { font-size: 90% !important; } .fs-80 { font-size: 80% !important; } .fc-orange { color: #ff9900 !important; } .fc-ch { color: #724c22 !important; } .lnh-140 { line-height: 140%; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-08 { font-size: 0.8em; } .fs-07 { font-size: 0.7em; } .fc-ff { color: #fff; } .fc-bl { color: #018CBD; } .fc-bk { color: #004253; } sup { top: -0.5em; font-size: 0.6em; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt55 { margin-top: 55px; } .mt60 { margin-top: 60px; } .mt65 { margin-top: 65px; } .mt70 { margin-top: 70px; } .mt75 { margin-top: 75px; } .mt80 { margin-top: 80px; } .mt90 { margin-top: 90px; } .mt100 { margin-top: 100px; } .mt105 { margin-top: 105px; } .mt110 { margin-top: 110px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mb55 { margin-bottom: 55px; } .mb60 { margin-bottom: 60px; } .mb65 { margin-bottom: 65px; } .mb70 { margin-bottom: 70px; } .mb75 { margin-bottom: 75px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pt55 { padding-top: 55px; } .pt60 { padding-top: 60px; } .pt65 { padding-top: 65px; } .pt70 { padding-top: 70px; } .pt75 { padding-top: 75px; } .pt80 { padding-top: 80px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .ml55 { margin-left: 55px; } .ml60 { margin-left: 60px; } .ml150 { margin-left: 150px; } .mm-0 { margin: 0px !important; } .pl30 { padding-left: 30px; } .pt40 { padding-top: 40px; } .pt60 { padding-top: 60px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .non-bd { border: none !important; } .bb-bd { border-bottom: 1px #C5C5C5 dotted; } .dot { border-bottom: 1px #c2ac97 dotted; } .ln-160 { line-height: 160% !important; } .clear { clear: both; } /**.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ /*** html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; / for IE 6/7 only */ } .non-bd { border: none !important; } .non-bg { background: none !important; } .text-st02 { font-size: 1.2em; font-weight: bold; color: #ff9800; } .ac-bk a { color: #000 !important; } .antialias { transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); } /*********************************************/ body, h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p { } body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color: #515151; line-height: 150%; background: url(https://c5251b.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-body.jpg) repeat; } #wrapper { width: 100%; height: auto; margin-left: auto; margin-right: auto; } #header { width: 100%; height: auto; background: url(https://3643fe.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-hdline.png) repeat-x; } #header-line { width: 1200px; height: 40px; margin-left: auto; margin-right: auto; font-size: 12px !important; } #header-line h1 { color: #fff; float: left; line-height: 35px; } #header-line ul { float: right; line-height: 35px; } #header-line ul li { float: left; margin-right: 15px; } #header-line ul li a { color: #fff; text-decoration: none; background: url(https://2f22b8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/icon-hd-link.png) no-repeat left; padding-left: 8px; } #header-line ul li a:hover { text-decoration: underline; } #head-box { width: 1200px; height: auto; margin-left: auto; margin-right: auto; padding-top: 10px; } .head-box-lf { width: 840px; height: auto; float: left; background: url(https://71322a.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-headbox.png) no-repeat top center; } .head-box-rg { width: 340px; height: 148px; float: right; background: url(https://842a3e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-head-cv.png) no-repeat; margin-top: 15px; } .g-navi { margin-top: 10px; } .g-navi li { float: left; border-left: 1px dotted #b9b3a0; padding-top: 5px; padding-bottom: 5px; } .g-navi02 { margin-top: 40px; } .g-navi02 li { float: left; border-left: 1px dotted #b9b3a0; padding-top: 5px; padding-bottom: 5px; } /* 2015.12 更新 start*/ .g-navi2 { margin: 25px 0 20px; } .g-navi2 li { width: 170px; text-align: center; float: left; background: url(https://ec119e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/head-navline.png) no-repeat right; padding-top: 5px; padding-bottom: 5px; } .fixed-head .g-navi2 { margin: 3px 0 0; float: left; } .fixed-head .g-navi2 li { width: auto; padding: 0 10px; } .fixed-head .g-navi2 li img { height: 38px; } .g-navi2 li.nobg { background: none; } /* 2015.12 更新 end*/ .last-bd { border-right: 1px dotted #b9b3a0; } .head-cv-btn a { display: block; text-indent: -9999em; width: 319px; height: 46px; background: url(https://58b1a7.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-headcv.png) no-repeat top left; margin-left: auto; margin-right: auto; } /* 2015.12 更新 start*/ .head-cv-btn a.btn290 { width: 290px; height: 46px; background: url(https://9b7ed9.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-headcv290.png) no-repeat top left; } /* 2015.12 更新 end*/ .head-cv-btn a:hover { background-position: bottom; } .fadein { position: relative; height: 410px; width: 1400px; margin-left: auto; margin-right: auto; margin-top: 15px; } .fadein img { position: absolute; left: 0; top: 0; } /******ヘッダー固定style*******/ .fixed-head { position: fixed; top: 0; z-index: 10000; background: url(https://55071a.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/head-scback.png) repeat-x top; width: 100% !important; height: auto; padding-top: 8px; padding-bottom: 11px; } /* 2015.12 更新 start*/ .fixed-head2 { position: fixed; top: 0; z-index: 10000; background: url(https://55071a.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/head-scback.png) repeat-x top; width: 100% !important; height: auto; } /* 2015.12 更新 end*/ .headcont-all { width: 100%; height: atuo; margin-left: auto; margin-right: auto; } .headbox-01-ss { width: 100%; height: auto; margin-left: auto; margin-right: auto; } .headsub-all { width: 1200px; height: auto; margin-left: auto; margin-right: auto; position: relative; } .tel-head { position: absolute; top: 0px; right: 0px; z-index: 200; } .telnum-head { position: absolute; top: 40px; right: 60px; z-index: 200; } .bg-headtel { position: absolute; top: 0px; right: 0px; z-index: 100; } .head-subbox { width: 1200px; height: auto; margin-left: auto; margin-right: auto; position: relative; } .telbox { position: absolute; width: 340px; height: 148px; top: 20px; right: 0px; background: url(https://842a3e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-head-cv.png) no-repeat; } /* 2015.12 更新 start*/ .head-img { width: 390px; height: 125px; overflow: hidden; position: relative; } .head-img img { position: absolute; right: 0; } .telbox2 { position: absolute; width: 580px; height: 70px; top: 20px; right: 0px; padding: 10px; background: url(https://8d09c8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-head-cv201512.png) no-repeat; } .telbox2 img { vertical-align: top; } .telbox2 .blc-left { float: left; } .telbox3 { position: absolute; width: 300px; height: 70px; top: 20px; right: 0px; padding: 10px; background: url(https://8d09c8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-head-cv201512.png) no-repeat; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ text-align: center; } .telbox3 img { vertical-align: top; } .head-cv-btn2 a { background: url(https://b50c4d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-headcv201708.png) no-repeat left top; display: block; height: 70px; float: right; text-indent: -9999em; width: 290px; } .head-cv-btn2 a:hover { background-position: center bottom; } /* 2015.12 更新 end */ .head-box-subtop { width: 840px; height: auto; } #sc-headcvbtn { display: none; } .mr10 { margin-right: 16px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } /******ヘッダー固定styleここまで*******/ #contents { width: 100%; height: auto; font-size: 13px; line-height: 150%; } .mv-area { position: relative !important; width: 1200px; background: red; margin-left: auto; margin-right: auto; } .cv-mvarea { position: absolute !important; top: -380px; left: 30px; color: red; width: 396px; height: 360px; margin-left: auto; margin-right: auto; box-sizing: border-box; background: url(https://681ecb.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-cv-mv.png) no-repeat; box-sizing: border-box; padding-top: 15px; } .btn-mv a { display: block; width: 352px; height: 108px; background: url(https://e9d828.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-mv.png) no-repeat top; text-indent: -9999em; margin-right: auto; margin-left: auto; margin-top: -5px; } .btn-mv a:hover { background-position: bottom; } /* 2015.12 更新 start*/ .cv-mvarea2 { position: absolute !important; top: -390px; left: 30px; color: red; width: 405px; height: 380px; margin-left: auto; margin-right: auto; box-sizing: border-box; background: url(https://91668e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-cv-mv201512.png) no-repeat; box-sizing: border-box; } .cv-mvarea2 ul { display: block; width: 360px; margin: 0 auto; overflow: hidden; } .cv-mvarea2 ul li { float: left; } .btn-mv2 a { display: block; width: 371px; height: 71px; background: url(https://a14d34.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-mv201512.png) no-repeat top; text-indent: -9999em; margin-right: auto; margin-left: auto; margin-top: -5px; } .btn-mv2 a:hover { background-position: bottom; } /* 2015.12 更新 end*/ /* 2017.01 トップメイン箇所の変更 start*/ #mainWrap { position: relative; width: 1200px; margin: 0 auto; margin-top: 10px; } #mainWrap .simbnr { display: none; } #mainWrap .fadein { width: 810px; float: left; margin-top: 0; } .top_mainRight { position: absolute; right: 0; top: 0; } .top_mainRight .top_main-ttl, .top_mainRight .top_main-btn { margin-bottom: 5px; } .top_mainRight li { margin: 0 0 7px; } .top_mainRight li:last-child { margin: 0; } .top_mainRight li:last-child a { display: none; } .top_mainRight li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; transition: all .4s; } .main_simulation { margin-bottom: 4px; } .top_main-ttl2 { margin-bottom: 2px; } .top_mainRight .tel { margin-bottom: 10px; } .top_mainRight .btn_ex { display: block; overflow: hidden; } .top_mainRight .btn_ex li { float: left; width: 174px; text-align: center; margin: 1px 6px 0 0; background: #6b4517 url(https://fc7df8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/top_main-btn-bg.png) repeat; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ overflow: hidden; } .top_mainRight .btn_ex li img { vertical-align: top; line-height: 0; } .top_mainRight .btn_ex li a { padding: 15px; line-height: 0; display: block; } .top_mainRight .btn_ex li a:hover { background: #5b360b; } .bnr_LP { clear: both; display: block; text-align: center; margin: 40px 0; width: 1200px; overflow: hidden; } .bnr_LP li { display: inline-block; margin-right: 28px; } .bnr_LP li:last-child { margin-right: 0; } /* 2017.01 トップメイン箇所の変更 end*/ /*****************トップページ 5つの安心*******************/ .point-box { width: 100%; height: auto; background: url(https://8223d3.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-point.jpg) repeat; padding-bottom: 50px; } .point-subbbox { width: 1000px; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 50px; } .point-list { margin-top: 20px; } .point-list li { width: 200px; height: auto; text-align: center; float: left; font-size: 15px; font-weight: bold; color: #090909; } .point-list li h4 { margin-bottom: 5px; } /* 2015.12 更新 start*/ .point-list2 { margin-top: 20px; } .point-list2 li { background: url(https://7330dd.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/point-list_bg.png) top left no-repeat; width: 171px; height: 241px; text-align: center; float: left; font-size: 13px; font-weight: bold; color: #63470f; margin: 0 14px; } .point-list2 a { display: block; background: url(https://7330dd.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/point-list_bg.png) left bottom no-repeat; width: 171px; height: 241px; color: #63470f; } .point-list2 a:hover { background: url(https://7330dd.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/point-list_bg.png) right bottom no-repeat; } .point-list2 li h4 { margin-bottom: 10px; } /* 2015.12 更新 end*/ /************外壁のメンテナンスについて(2019.0325追加)***************/ .maintenance-infobox{ width: 800px; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 50px; } .maintenance-list { margin-top: 20px; margin-bottom: 40px; text-align:center; } .maintenance-list li { background: top left no-repeat; background-color: #fff; border-bottom: 1px solid #cdc7bb; border-right: 1px solid #cdc7bb; border-radius: 8px; width: 200px; height: 200px; text-align: justify; float: left; font-size: 13px; font-weight: bold; color: #63470f; margin: 0 12px; padding: 20px; letter-spacing: -0.04em; } .maintenance-list a { display: block; background: left bottom ; color: #63470f; } /*.maintenance-list p{padding-bottom: }*/ .maintenance-list li:hover { background-color: #F5F5ED; } .maintenance-list li h3 { margin-bottom: 10px; } /*スライドショーの矢印*/ .maintenance-infobox .mt-left{ visibility:hidden; margin-bottom: -50px;} .maintenance-infobox .mt-right{ visibility:hidden; margin-bottom: -50px;} /*矢印*/ .maintenance-list .arrow{ position: relative; display: inline-block; padding-left: 20px; margin: 20px 90px 0; } .maintenance-list .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; } .maintenance-list .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%; left: 4px; margin-top: -3px; margin-left: 1px; } .cv-area-big { width: 1000px; height: auto; margin-left: auto; margin-right: auto; padding-top: 40px; } .cv-area-big ul { width: 490px; height: auto; } .cv-big-btnarea { width: 314px; height: 98px; background: url(https://783df6.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-cvbig-btn.jpg) repeat; margin-right: 20px; margin-left: 20px; } .cv-big-btnarea a { display: block; width: 295px; height: 90px; background: url(https://7bac30.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-cvbig.png) top left; text-indent: -999em; margin-left: 20px; margin-top: -10px; } .cv-big-btnarea a:hover { background-position: bottom; } /* 2015.12 更新 start*/ .cv-big-btnarea2 { width: 314px; height: 98px; background: url(https://783df6.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-cvbig-btn.jpg) repeat; margin-right: 20px; margin-left: 20px; } .cv-big-btnarea2 a { display: block; width: 291px; height: 92px; background: url(https://7824b0.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-cvbig201708.png) top left; text-indent: -999em; margin-left: 20px; margin-top: -5px; } .cv-big-btnarea2 a:hover { background-position: bottom; } /* 2015.12 更新 end*/ .basicbox-01 { width: 100%; height: auto; background: url(https://83294f.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/hr-bg01.png) repeat-x top; padding-top: 80px; padding-bottom: 80px; } .basicbox-01-sub { width: 1020px; height: auto; margin-left: auto; margin-right: auto; } /*************リフォーム事例*****************/ .jirei { width: 100%; height: auto; padding-top: 40px; position: relative; } #cl-left { position: absolute; top: 150px; left: 0px; cursor: pointer; } #cl-right { position: absolute; top: 150px; right: 0px; cursor: pointer; } li.slick-slide.slick-active img { margin-left: auto; margin-right: auto; } .jirei h4+p img { margin-left: 0px !important; margin-right: 0px; display: inline-block; } .jirei ul { width: 910px; height: auto; margin-left: auto; margin-right: auto; } .jirei ul li { float: left; width: 216px; height: 264px; 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 #f5f1eb solid; text-align: center; background: #fff; padding-top: 8px; padding-bottom: 8px; box-sizing: border-box; } .jirei ul li+li { margin-left: 15px; } .jirei ul li .tmb_result { background: #F5F5ED; width: 192px; margin: 0 auto; text-align: center; overflow: hidden; } .jirei ul li .tmb_result img { max-width: auto; height: auto; min-height: 137px; } .jirei h3 { font-size: 18px; font-weight: bold; color: #5c3100; } .pr-txt { font-size: 23px; color: #d96036; font-weight: bold; } .pr-txt img { display: inline-block!important; } /*************お客様サポート****************/ .sp-box { width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-top: 50px; } .sp-box li { float: left; } .sp-box li+li { float: right; } /*************フッター****************/ #footer { width: 100%; height: auto; /**background: #fff;**/ background: url(https://63dea2.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-footer.jpg) repeat; overflow: hidden; padding: 5px 0 !important; color: #fff; } #footer a { color: #dcdcdc; } #footer-line { width: 100%; height: 32px; background: url(https://ca9bb3.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-footerline.png) repeat-x; } #footer-line ul { line-height: 32px; width: 58%; height: auto; margin-left: auto; margin-right: auto; } #footer-line li { float: left; } #footer-line a { font-size: 13px; color: #fff; border-left: 1px solid #fff; padding-left: 10px; padding-right: 10px; } #footer-line a:hover { text-decoration: underline; } #footer-line .last a { border-right: 1px solid #fff; } .footer-sub { width: 1200px; height: auto; margin-left: auto; margin-right: auto; } .foot-lklist { width: 980px; height: auto; margin: 0 0 20px; } .foot-lklist a { color: #fff; text-decoration: underline; } .foot-lklist a:hover { color: #ccc; } .foot-lk-2 li a { font-size: 12px; background: url(https://d399f5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-arroe01.png) no-repeat left; padding-left: 8px; } .foot-lklist .maincontents { width: 760px; float: left; } .pagetop { width: 1200px; height: auto; margin-left: auto; margin-right: auto; margin-top: 40px; } .pagetop p { float: right; } /*リフォームの種類から探す*/ .reform-kind { clear: both; overflow: hidden; width: 530px; margin: 0 0 20px; } .reform-kind li { float: left; margin: 0 20px 0 0; } .reform-kind li a { text-decoration: underline; } .reform-paint { width: 530px; } .reform-paint li { float: left; margin: 0 20px 0 0; } .reform-paint li a { text-decoration: underline; } .reform-paint .cat-item a:first-child { display: none; } .reform-paint .cat-item .children a:first-child { display: block; } .reform-paint .children { padding: 0; } .prefectures { float: left; } .prefectures li a { text-decoration: underline; } .prefectures li li { margin: 0 20px 0 0; } .prefectures .cat-item .children { float: left; padding: 0 0 0 10px; } .prefectures .cat-item .children li { float: left; } .prefectures .cat-item a:first-child { background: none; text-decoration: none; padding: 0; float: left; clear: both; margin-left: -7px; width: 100px; } .prefectures .cat-item a:first-child::before { content: '【'; } .prefectures .cat-item a:first-child::after { content: '】'; } .prefectures .cat-item .children a:first-child { display: block; background: url("https://d399f5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-arroe01.png") no-repeat scroll left center; text-decoration: underline; padding-left: 8px; clear: none; width: auto; } .prefectures .cat-item .children a:first-child::before, .cat-item .children a:first-child::after { content: inherit; } /*************モーダル**************/ .modal { width: 950px; height: auto; background: #fff; text-align: center; color: #000; padding-bottom: 30px; } .signup-form { width: 60%; margin-left: auto; margin-right: auto; } .signup-form span { font-size: 13px; background: url(https://c04b19.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-check.png) left no-repeat; padding: 5px 0px 5px 23px; color: #ec3700; } .signup-form th { width: 130px; text-align: left; padding-top: 15px; } .signup-form td { text-align: left; } .signup-form input { padding: 5px 5px 5px 5px; margin-right: 10px; } .singup-text { font-size: 14px; } .singnup-btn { width: 380px; height: 73px; background: url(https://651c84.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-signup.png) no-repeat; text-indent: -9999em; border: none; margin-top: 40px; } /*********** 外壁.comの特徴 **************/ .contents-04 { width: 1200px; height: auto; margin-left: auto; margin-right: auto; border-top: 8px #583317 solid; background: #fff; padding-bottom: 50px; } .contents-subbbox02 { width: 1100px; height: auto; margin-left: auto; margin-right: auto; font-size: 14px; color: #191919; line-height: 150%; } .contents-subbbox02 a { color: #f64f1c; text-decoration: underline; } .contents-subbbox02 a:hover { color: #000; } .tt-list { width: 935px; height: auto; margin-left: auto; margin-right: auto; text-align: center; } .tt-list li { width: 151px; height: 168px; float: left; margin-right: 20px; } .tt-list li+li { margin-left: 20px; } .tt-list li img { } .tt-list02 { width: 420px; height: auto; margin-left: auto; margin-right: auto; margin-top: 30px; } .tt-list02 li { float: left; } .tt-list02 li+li { float: right; } .tt-list02-2 { width: 480px; height: auto; margin-left: auto; margin-right: auto; margin-top: 30px; } .tt-list02-2 li { float: left; } .tt-list02-2 li+li { float: right; } .ttpage-new01 { background: url(https://025a68.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist-01.jpg) no-repeat right; height: auto; padding-bottom: 10px; } .ttpage-new02 { background: url(https://da603e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist-02.jpg) no-repeat right; height: 202px; } .text-st { font-size: 1.2em; font-weight: bold; color: #E10003; } .number-list li { list-style: decimal; margin-left: 1.5em; } .ttbox-01 { background: url(https://9b8b97.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist-03.jpg) no-repeat right center; } .ttbox-01-1 { background: url(https://d68286.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist02-03.jpg) no-repeat right center; } .ttbox-02 { width: 100%; min-height: 314px; background: url(https://d18299.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist-04.jpg) no-repeat right center; padding-bottom: 15px; } .ttbox-02-1 { width: 100%; min-height: 330px; background: url(https://374d1e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist02-04.jpg) no-repeat right center; } .ttbox-03 { width: 100%; min-height: 286px; background: url(https://c9e79e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ttlist-05.jpg) no-repeat right top; } .basic-h4 { width: 100%; height: 60px; background: url(https://b805f5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-basictitle.png) no-repeat top; line-height: 60px; font-size: 26px; color: #fff; font-weight: bold; padding-left: 46px; box-sizing: border-box; } .basic-h402 { width: 100%; height: 60px; background: #f64f1c; line-height: 60px; font-size: 26px; color: #fff; font-weight: bold; padding-left: 20px; box-sizing: border-box; } .siharai-box { background: #e7f4f7; padding: 15px 15px 15px 15px; } .contents-05 { width: 1200px; height: auto; margin-left: auto; margin-right: auto; } .price-ffbox { width: 1100px; height: auto; } .price-ffbox-01 { width: 340px; height: 320px; background: #e7f4f7; box-sizing: border-box; border: 3px solid #57bed6; padding: 20px 20px 20px 20px; font-size: 13px; line-height: 150% !important; } .price-list li { list-style: disc !important; margin-left: 1.5em; } /*********** お知らせ **********/ .news-list01 { width: 1100px; height: auto; padding-top: 30px; padding-bottom: 30px; } .news-list01+.news-list01 { background: url(https://68546d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-news-line.png) repeat-x top; } .news-area { width: 900px; height: auto; } .day { width: auto; height: auto; color: #ff9800; } .title-news { color: #000; font-size: 1.2em; } .title-news a { color: #000 !important; text-decoration: underline; } .title-news a:hover { color: #f64f1c !important; } .text-news { } .pager li { float: left; font-size: 18px; } .pager li+li { margin-left: 5px; } .pager li a { display: block; background: #fcfcfc; padding: 10px 20px; text-align: center; border: 1px solid #dddddd; text-decoration: none; line-height: 30px; color: #fd5300; } .pager .active { background: #fd5300 !important; color: #fff; padding: 10px 20px; line-height: 30px; text-align: center; font-weight: bold; } .pan-list { width: 100%; height: 32px; font-size: 12px; margin-top: 20px; background: /**#d5c7b0;**/ url(https://2fc4ff.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-panlist.png) repeat-x; } .pan-list ul { width: 1200px; height: auto; margin-left: auto; margin-right: auto; } .pan-list li { float: left; color: #000; line-height: 32px; } .pan-list li a { color: #000; text-decoration: underline; } .pan-list li a:hover { color: #969696; } .pan-list strong { font-weight: normal; } .arrow { color: #000 !important; } .pan-list li+li { margin-left: 10px; } .news-box { margin-top: 30px; } /*********** 運営会社 **********/ .company-box { width: 100%; height: auto; text-align: left; box-sizing: border-box; } .bd-lf { border-left: 3px #ff9800 solid; padding-left: 10px; padding-bottom: 8px; padding-top: 8px; } .company-box th { width: 150px; box-sizing: border-box; padding-right: 5px; border-bottom: 1px solid #DBDBDB; padding-bottom: 20px; padding-top: 20px; vertical-align: middle; text-align: left; } .company-box td { border-bottom: 1px solid #DBDBDB; padding-bottom: 20px; padding-top: 20px; text-align: left; } .map a { display: block; background: red; width: 120px; height: 30px; color: #fff !important; text-align: center; text-decoration: none !important; line-height: 30px; } /*==========201702追加==========*/ .company-title { font-size: 24px; color: #553119; font-weight: bold; margin: 0 0 30px; } .company-title2 { background: url(https://d13ad6.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-title-company.jpg) no-repeat; width: 1100px; height: 220px; margin: 0 0 50px; } .company-title2 span { display: block; height: 100%; width: 40%; background: #110a05; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .company-title2 span img { position: relative; top: 40%; left: 8%; } .company-topText { width: 1070px; margin: 0 auto 50px; border-left: 6px solid #819558; padding: 10px 0 5px 30px; font-size: 16px; line-height: 1.5; color: #555; } .company-topText p { margin: 0 0 15px; } /*======運営会社トップ下部ボタン======*/ .company-btnWrap { width: 1120px; overflow: hidden; margin: 0 0 50px; } .company-btn { width: 360px; height: 360px; float: left; margin: 0 12px 0 0; } .company-btn p { margin: 0 0 30px; font-weight: bold; font-size: 16px; } .company-btn span { display: block; height: 100%; text-align: center; } .company-btn a { display: block; height: 100%; background: #f2ede5 url(https://f0f6ec.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-companymenu01.png) no-repeat center 92%; text-decoration: none; color: #615748; } .company-btn a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; color: #615748; } /*======運営会社各ページ上部メニューボタン======*/ .company-menuWrap { width: 1120px; overflow: hidden; margin: 0 0 50px; } .company-menuWrap div p { padding: 25px 0 0; } .company-menuWrap div a { width: 360px; height: 85px; display: block; background: #f2ede5 url(https://f0f6ec.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-companymenu01.png) no-repeat center 74%; float: left; margin: 0 12px 0 0; text-align: center; text-decoration: none; color: #615748; font-weight: bold; font-size: 16px; } .company-menuWrap div a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; color: #615748; } .company-menuWrap .active { width: 360px; height: 85px; display: block; background: #553119 url(https://ebfd60.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-companymenu02.png) no-repeat center 74% !important; float: left; margin: 0 12px 0 0; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 16px; } .company-menuWrap div p br { display: none; } /*======外壁.comスタッフ紹介======*/ .company-catch { text-align: center; color: #555; margin: 0 0 50px; font-size: 16px; line-height: 1.5; } .company-catch h3 { margin: 50px 0 20px; font-size: 30px; font-weight: normal; } .company-staffWrap { width: 1110px; overflow: hidden; text-align: center; } .company-staffWrap p { margin: 0 30px 0 0; display: inline; } /*======運営責任者挨拶======*/ .company-aisatsu { overflow: hidden; } .company-aisatsu div { float: right; width: 690px; color: #555; } .company-aisatsu div h3 { font-size: 30px; color: #553119; line-height: 1.2; margin: 0 0 20px; } .company-aisatsu div p { font-size: 16px; line-height: 2; margin: 0 0 25px; } .company-aisatsu div p strong { font-size: 24px; font-weight: normal; line-height: 1; } .company-aisatsu div .name { float: right; } /*********** お問い合わせ **********/ .contactform { width: auto; height: auto; text-align: left; } .contactform th { vertical-align: middle; width: 100px !important; padding-top: 10px !important; padding-bottom: 10px !important; color: #000 !important; font-size: 0.9em !important; background: #fff !important; border-bottom: #fff 1px solid !important; border-top: #fff 1px solid !important; } .contactform tr { border-bottom: 1px #ccc solid; } .contactform td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px !important; border-bottom: #fff 1px solid !important; border-top: #fff 1px solid !important; } .contactform input { padding: 5px 5px 5px 5px; } .contact-allform li p { font-size: 0.9em; font-weight: bold; } .contact-allform { width: 800px; height: auto; } .contact-allform th { width: 150px; vertical-align: top; padding-top: 10px; padding-bottom: 10px; background: #FFFBE4; border-bottom: 1px #E1E1E1 solid; border-top: 1px #E1E1E1 solid; text-align: left; padding-left: 10px; } .contact-allform td { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-top: 1px #E1E1E1 solid; border-bottom: 1px #E1E1E1 solid; } .contactbox { width: 800px; height: auto; margin-left: auto; margin-right: auto; } .contact-title { font-size: 1.4em; padding-top: 35px; padding-bottom: 0px; color: #f64f1c; font-weight: bold; } .contact-allform input { padding: 5px 5px 5px 5px; } .contact-allform textarea { width: 100%; } .telbanner { padding: 10px 0; background: #F60; color: #fff; font-size: 14px; text-align: center; } .telbanner small { font-size: 12px; } .telbanner a { font-size: 20px; font-weight: bold; text-decoration: none; color: #fff; cursor: default; } .telbanner a:hover { color: #fff; } .error { font-size: 13px; background: url(https://c04b19.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-check.png) left no-repeat !important; padding: 5px 0px 5px 23px !important; color: #ec3700 !important; font-weight: bold; margin-left: 10px; width: 280px; text-align: left; } .ok-must-inp { font-size: 13px; background: url(https://502905.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-ok.png) left no-repeat; padding: 5px 0px 5px 23px; color: #389314; font-weight: bold; margin-left: 10px; } .agreementbox { text-align: center; background: #fffdce; padding-top: 20px; padding-bottom: 20px; } .sousin { width: 301px; height: 70px; background: url(https://f171de.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-send02.png) no-repeat left; text-indent: -999em; border: none; cursor: pointer; } .sousin-non { width: 301px; height: 70px; background: url(https://33d997.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-send02-nonac.png) no-repeat left; text-indent: -999em; border: none; } .rpbigbox-03 { width: 800px; min-height: 170px; background: url(https://016a28.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-houce-re01.jpg) no-repeat right bottom; } .repaintbox-01 { width: 980px; height: auto; margin-left: auto; margin-right: auto; } .repaint-text { width: 590px; } .rpbigbox-01 { width: 850px; height: auto; min-height: 250px; background: url(https://c54a0d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-rp-images.png) no-repeat right top; margin-top: 30px; } .rpbigbox-02 { width: 950px; height: auto; } .repaintbox-03 { width: 100%; height: auto; } .repaintbox-04 { width: 100%; min-height: 201px; background: url(https://46ca4f.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-hikaku03.jpg) no-repeat right bottom; } .repaintbox-05 { width: 100%; height: auto; background: url(https://6bd81b.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-rp03.png) no-repeat right bottom; } .contents-subbbox02 .contact_btn { position: relative; } .contents-subbbox02 .contact_btn .page-back { position: absolute; left: 0px; top: 15px; text-decoration: none; font-size: 13px; } @media screen and (max-width: 480px) { .contents-subbbox02 .contact_btn .page-back { position: relative; left: auto; top: auto; margin: 15px auto 0; width: 80px; font-size: 12px; } } /***お客様の声***/ .voice-box { width: 1020px; height: auto; } .voice-box li { width: 300px; height: 400px; background: #fff; float: left; } .voice-box li+li { margin-left: 60px; } /***お客様からの一言***/ .oneword { height: auto; margin: 70px 0 0 0; } .oneword_all { clear: both; } .oneword h3 { background: url(https://c5fe82.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img_oneword.png) no-repeat left top; width: 233px; height: 41px; text-indent: -9999px; } .voiceBox_wrap { width: 1050px; } .oneword_01 { float: left; width: 235px; background-color: #ffffff; border-top: 1px solid #cdc7bb; border-left: 1px solid #cdc7bb; border-right: 1px solid #cdc7bb; border-bottom: 1px solid #cdc7bb; margin: 24px 24px 0px 0; position: relative; } .oneword_01_01 { float: left; width: 235px; background-color: #ffffff; border-top: 1px solid #cdc7bb; border-left: 1px solid #cdc7bb; border-right: 1px solid #cdc7bb; border-bottom: 1px solid #cdc7bb; margin: 24px 0 0px 0; } .oneword_02 { margin: 20px 20px 40px 20px; font-size: 13px; line-height: 18px; color: #000000; } .oneword_03 { text-align: right; font-size: 12px; line-height: 18px; color: #5d3f13; position: absolute; right: 20px; bottom: 10px; } .oneword_03_03 { margin: 3px 20px 0px 20px; text-align: right; font-size: 12px; line-height: 18px; color: #5d3f13; } /***お役立ち情報トップ***/ .usefulWrap { margin-top: 30px; overflow: hidden; } .usefulWrap .useful-list { background-color: #FFF; } .usefulWrap .useful-list li { width: 20%; margin: 0; } .usefulWrap .useful-list li a { margin: 5px; } .useful-best { margin-top: 30px; padding: 30px 80px; background: #fff; border: 1px solid #cdc7bb; } .useful-best h3 { padding: 0 0 1em; font-size: 2em; color: #724c22; text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinPro-W3, HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", MS-PMincho, serif; } .useful-best li { padding: 0 0 0.5em; list-style: disc outside; font-size: 1.2em; } .useful-best a { color: #00f; text-decoration: underline; } /***お知らせトップ***/ .newsbox-01-top { width: 800px; height: auto; margin-left: auto; margin-right: auto; } .news-list01-top { width: 800px; height: auto; padding-top: 30px; padding-bottom: 30px; } .news-list01-top+.news-list01-top { background: url(https://db344d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-news-line-top.png) repeat-x top; } /******外壁工事の流れ******/ .flow-box { width: 925px; height: auto; margin-top: 50px; margin-left: auto; margin-right: auto; padding-bottom: 70px; background: url(https://af1a4e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-line.jpg) bottom no-repeat; font-size: 15px; } .flow-fl { width: 545px; height: auto; float: left; } .flow-listbox { width: 1039px; height: 215px; background: url(https://0ee505.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-flow01.png) no-repeat left; box-sizing: border-box; padding-top: 23px; padding-left: 23px; margin-left: auto; margin-right: auto; } .flow-list li { float: left; } .flow-list li+li { margin-left: 27px; } .non-bg { background: none !important; } .flow-listbox02 { width: 600px; height: 224px; background: url(https://366f7d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-flow02.png) no-repeat left; box-sizing: border-box; padding-top: 43px; padding-left: 40px; margin-left: auto; margin-right: auto; } .flow-list02 li { float: left; } .flow-list02 li+li { margin-left: 55px; } .law-box { width: 1100px; height: auto; text-align: left; box-sizing: border-box; } .law-box th { width: 180px; vertical-align: top; padding-top: 10px; padding-bottom: 10px; background: #F3FFD4; border: 1px solid #bdd67b; padding-left: 10px; color: #6a7f08; } .law-box td { border: 1px solid #bdd67b; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .box-himitu { width: 1100px; border: 2px solid #ff9801; box-sizing: border-box; padding: 20px 20px 20px 20px; margin-top: 50px; background: #fffbe9; } .basic-h5 { font-size: 1.4em; color: #583317; border-bottom: 2px solid #bda572; padding-bottom: 5px; margin-top: 15px; } .tm-box h5 { margin-top: 30px; } .tm-box p { margin-top: 10px; } .tm-box ul { margin-top: 10px; } .tm-list01 li { list-style: decimal; margin-left: 1.5em; margin-top: 10px; } .tm-list02 li { list-style: none !important; } .mtmm20 { margin-top: -20px; } .mtmm40 { margin-top: -40px; } /******リフォーム事例******/ .case-allbox { width: 900px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 0px; background: url(https://18c0df.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-line02-case.png) repeat-x bottom; padding-top: 50px; padding-bottom: 50px; } .case-photo { width: 310px; height: 275px; float: left; text-align: center; } .case-box { width: 550px; height: auto; float: right; padding-top: 20px; } .case-titlearea { width: 550px; height: auto; background: url(https://e79b9c.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-line-case.png) repeat-x bottom; padding-bottom: 10px; } .case-title span { display: block; font-size: 15px; color: #724c22; } .case-title { font-size: 24px; float: left; line-height: 120%; margin-left: 20px; } .case-paint { width: 260px; height: auto; float: right; font-size: 12px; } .case-paint ul li { background: #fff4e7; height: 23px; } .case-paint ul li span img { vertical-align: bottom; margin-right: 15px; } .case-paint ul li+li { margin-top: 5px; } .case-point { margin-top: 10px; } .case-point li { width: 230px; height: 26px; line-height: 26px; float: left; margin-right: 30px; } .case-point li+li+li { margin-top: 15px; } .case-point li+li+li+li+li { width: 550px; } .case-point li span { margin-right: 10px; } /**.campaign-box{ width: 900px; height: auto; margin-left: auto; margin-right: auto; box-sizing: border-box; border: 2px solid #d2c5a6; color: #000; background: #fff;}**/ .campaign-box { width: 900px; height: 378px; margin-left: auto; margin-right: auto; box-sizing: border-box; border: 2px solid #d2c5a6; color: #000; background: url(https://e487e4.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-rr.png) no-repeat right #fff; padding-left: 30px; padding-top: 40px; } .campaign-box h3 { margin-top: -20px; text-align: center; } .camp-cont { width: 820px; height: auto; background: url(https://a92783.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-card.png) no-repeat right top; margin-left: auto; margin-right: auto; padding-bottom: 30px; } .camp-text { margin-top: 10px; } .camp-text li { width: 230px; height: auto; font-size: 12px; line-height: 150%; float: left; margin-left: 10px; } .camp-text li+li { margin-left: 60px; } .case-pagebox { width: 900px; height: 50px; margin-left: auto; margin-right: auto; } .case-pagelist { width: 378px; height: auto; margin-left: auto; margin-right: auto; } .case-child { width: 900px; height: auto; margin-left: auto; margin-right: auto; margin-top: 40px; } .case-child .case-titlearea02 { width: 900px; height: auto; background: url(https://e79b9c.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-line-case.png) repeat-x bottom; padding-bottom: 10px; } .case-point02 { width: 900px; height: auto; background: #fff7e6; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; margin-top: 40px; } .case-point02-sub { width: 84%; height: auto; margin-left: auto; margin-right: auto; } .case-point02 li { width: 230px; height: 26px; line-height: 26px; float: left; margin-right: 10px; } .case-point02 li+li+li+li+li { width: 500px; } .case-point03-sub { width: 94%; height: auto; margin-left: auto; margin-right: auto; } .case-point03-sub li { width: 230px; height: 26px; line-height: 26px; float: left; margin-right: 10px; } .case-point03-sub li+li+li+li+li { width: 560px; height: auto; } .case-point04-sub { width: 70%; height: auto; margin-left: auto; margin-right: auto; } .case-point04-sub li { width: 200px; height: 26px; line-height: 26px; float: left; margin-right: 5px; } .case-point04-sub li+li+li+li+li { width: 680px; height: auto; } .case-point04 li span { margin-right: 5px; } .case-point02 li span { margin-right: 10px; } .case-baphoto { width: 900px; height: auto; background: url(https://18bbbb.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-arw.png) center center no-repeat; margin-top: 40px; } .case-voicearea { width: 1100px; height: auto; background: url(https://ca0de3.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/bg-casebg.jpg) repeat; padding-top: 50px; padding-bottom: 60px; margin-top: 50px; } .coments-box { width: 900px; height: auto; margin-left: auto; margin-right: auto; color: #000; margin-bottom: 20px; } /******よくある質問******/ .qa-allbox { width: 900px; height: auto; margin-left: auto; margin-right: auto; } .qa-01box, .qa-02box, .qa-03box, .qa-04box { width: 100%; height: auto; background: #f5f5f5; } .qa-01box h3 { width: 100%; height: 40px; background: #277aaf; box-sizing: border-box; border: 1px #1c628e solid; color: #fff; font-size: 18px; line-height: 40px; padding-left: 15px; } .qa-02box h3 { width: 100%; height: 40px; background: #769b35; box-sizing: border-box; border: 1px #6a8c2f solid; color: #fff; font-size: 18px; line-height: 40px; padding-left: 15px; } .qa-03box h3 { width: 100%; height: 40px; background: #ffae00; box-sizing: border-box; border: 1px #ff9600 solid; color: #fff; font-size: 18px; line-height: 40px; padding-left: 15px; } .qa-04box h3 { width: 100%; height: 40px; background: #e5a6ca; box-sizing: border-box; border: 1px #ce8db2 solid; color: #fff; font-size: 18px; line-height: 40px; padding-left: 15px; } .qalist-allbox { width: 800px; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 20px; padding-top: 10px; } .qalist-allbox li { width: auto; height: auto; box-sizing: border-box; } .qalist-allbox a { width: 330px; min-height: 26px; display: block; color: #583317; padding-left: 33px; background: url(https://d07d32.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/icon-qa.png) no-repeat left top; margin-top: 15px; margin-bottom: 15px; } .qalist-box { width: 390px; height: auto; float: left; } .qalist-box+.qalist-box { float: right; } .qa-ssbox { width: 900px; height: auto; margin-left: auto; margin-right: auto; font-size: 13px; } .qa-title { color: #583317; background: url(https://d07d32.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/icon-qa.png) no-repeat left; padding-left: 32px; font-size: 16px; min-height: 26px; line-height: 26px; } .qa-ant { color: #249937; background: url(https://1d06cd.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/icon-ant.png) no-repeat left; padding-left: 32px; font-size: 16px; min-height: 26px; line-height: 26px; margin-top: 10px; } .ant-box { background: #fffbed; width: 100%; height: auto; box-sizing: border-box; padding: 15px 15px 15px 15px; margin-top: 10px; } /******よくある質問******/ .voice-box02 { width: 520px; height: auto; border: 2px solid #f6dbb4; box-sizing: border-box; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .voice-abouarea { width: 300px; height: auto; } .col2 { float: left; } .col2:nth-child(even) { float: right; } /******サイトマップ******/ .ttbase-h4 { font-size: 22px; border-top: 1px solid #ff7800; border-bottom: 1px solid #ff7800; color: #ff7800; padding-top: 8px; padding-bottom: 8px; margin-top: 30px; font-weight: bold; } .sitemap { width: auto; height: auto; } .sitemap a { color: #000 !important; } .sitemap a:hover { color: #ff7800 !important; } .sitemap li { font-size: 16px; font-weight: bold; border-bottom: 1px dotted #D9D9D9; padding-bottom: 10px; } .sitemap-01 li { font-size: 14px !important; font-weight: normal !important; background: url(https://3a7e7d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ar02.png) no-repeat left; padding-left: 10px; margin-left: 10px; margin-top: 5px; padding-bottom: 5px; } .sitemapcv-head { width: 650px; height: auto; } .sm-bigtitle { height: 50px; background: #724c22; line-height: 45px; box-sizing: border-box; width: 100%; padding-left: 10px; padding-right: 10px; } .simulation-allcontents { width: 960px; height: auto; } .yanepaint-select { width: 100%; background: #65b9dd; color: #fff; height: 30px; line-height: 30px; } .mitumori-submit { width: 446px; height: 111px; background: url(https://28fb9b.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/btn-last-submit.png) no-repeat; border: none; text-indent: -999em; } .must-print { font-size: 18px; font-weight: bold; color: #000; text-align: center; } .biko-bg { background: #f8f5ed; } .new-mongonbox { padding-top: 20px; } .new-mongonbox p { width: 550px; height: auto; float: left; margin-top: 30px; } .new-mongonbox p+p { width: 365px; height: auto; float: right; font-size: 12px; line-height: 1.3em; border: 1px solid #e3d284; box-sizing: border-box; padding: 8px 8px 8px 8px; background: #fffbe9; color: #000; margin-top: 0px !important; } .tr-link { text-align: center; margin-top: 20px; margin-bottom: 10px; } .tr-link a { color: #f84e2a; text-decoration: underline; } .tr-link a:hover { color: #000; } .new-allgaiheki { width: 100%; height: auto; } .new-allgaiheki p { float: left; } .new-allgaiheki p+p { float: left; margin-left: 50px; } .textbox-new01 { width: 600px; height: auto; } .fs-tuika { font-size: 0.8em; line-height: 1.5em; padding-bottom: 3px; } .tuika-text { margin-top: 10px; font-size: 10px; line-height: 1.5em; font-weight: normal; } .sm-compbnr { text-align: center; margin-top: 30px; } .sm-compbnr li { display: inline-block; margin-left: 15px; margin-right: 15px; } /*使用塗料からリフォーム事例を探す*/ .paint li:first-child, .paint li:nth-child(2) { background: none; margin: 0; padding: 0; border: none; } .paint .cat-item a:first-child, .paint .cat-item a:nth-child(2) { display: none; padding: 0; margin: 0; } .paint .children a:first-child, .paint .children a:nth-child(2) { display: block; } .paint .children li:first-child, .paint .children li:nth-child(2) { background: rgba(0, 0, 0, 0) url("https://3a7e7d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ar02.png") no-repeat scroll left center; margin: 5px 0 0 10px; padding: 0 0 5px 10px; } .paint .sitemap-01 li { margin: 0; padding: 0; } .paint .cat-item .children { padding: 0; margin: 0; } .paint .cat-item .children li { border-bottom: 1px dotted #d9d9d9; } .todouhuken_list { border-bottom: 1px dotted #d9d9d9; } .todouhuken_list dt { float: left; width: 130px; font-size: 16px; border-top: 1px dotted #d9d9d9; padding: 7px; } .todouhuken_list dd { overflow: hidden; border-top: 1px dotted #d9d9d9; margin: 0; } .todouhuken_list dd li { float: left; margin: 10px 20px 0 0; font-size: 14px; border: none; background: rgba(0, 0, 0, 0) url("https://3a7e7d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-ar02.png") no-repeat scroll left center; padding: 0 0 5px 10px; font-weight: normal; } .todouhuken_list dt:first-child, .todouhuken_list dd:nth-child(2) { border: none; } /*都道府県別エリア絞り込み*/ .search_txt { font-size: 20px; font-weight: bold; margin: 20px 10px } .area-list { overflow: hidden; margin: 10px; } .area-list li { float: left; margin: 0 20px 0 0; } .area-list li a { color: #333; } /*--------------*/ .my_pop_base { position: relative; } .my_pop_base > span { text-decoration: underline; } .my_pop_base > span > img { display: none; /**box-shadow:rgba(184, 184, 184, 0.65098) 0px 0px 6px 3px;**/ position: absolute; top: 70px; left: 10px; } .my_pop_base > span:hover { cursor: help; } .my_pop_base > span:hover > img { display: block; } .gaiheki_keisan { float: left; } .yane_keisan { float: right; } /******************* 本見積もりタブ *********************/ .tablist { width: 100%; margin-top: 20px; } .tablist li { background: #fff; float: left; width: 210px; box-sizing: border-box; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; text-align: center; color: #000; cursor: pointer; height: 70px; text-align: center; padding-top: 7px; } .tablist li+li { margin-left: 10px; } .price-tub { margin-top: 7px; width: 140px; margin-left: auto; margin-right: auto; font-size: 13px; border-top: 1px dotted #fff; } .active { background: #ff9800 !important; color: #fff !important; border: 1px #fff solid !important; cursor: default !important; } .all-rsbox { background: #fff; padding-bottom: 15px; } .loan-box { box-sizing: border-box; padding-left: 10px; padding-right: 10px; } .ordered { background: red; color: #fff; font-size: 12px; padding: 3px 3px 3px 3px; margin-top: -20px; display: block; margin-left: -15px; width: 90px; margin-left: auto; margin-right: auto; } .resu-submitbtn { text-align: center; } .resu-submitbtn p { display: inline-block; } .resu-submitbtn .fl { float: none !important; } /*==============================================================*/ /* 外壁塗装・屋根塗装トップ　20160125追加 */ /*==============================================================*/ #repaint { overflow: hidden; font-size: 14px; color: #1A1A1A; } .mainImg img { vertical-align: top; } .page-tit { font-size: 34px; line-height: 1.5em; margin-bottom: 15px; } #repaint .blc-gaiheki, #repaint .blc-yane { width: 550px; background: #f2f0ea; text-align: center; } #repaint .blc-in { padding: 0 30px; overflow: hidden; } #repaint .blc-gaiheki { float: left; } #repaint .blc-yane { float: right; } a.btn-b { display: block; background: #000 url(https://be9525.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-bg01.png) no-repeat bottom; color: #FFF; } a.btn-b:hover { display: block; background: #000 url(https://e64eaf.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-bg01_over.png) no-repeat bottom; transition: opacity 1s ease 0s; } a.btn-b:hover img { opacity: 0.8; transition: opacity 1s ease 0s; } .btn-b .arrow { padding: 20px 0 0; height: 65px; font-size: 20px; color: #FFF!important; font-weight: bold; } .btn-list { display: block; padding-left: 1px; overflow: hidden; height: 530px; } .btn-list li { font-size: 12px; width: 182px; display: block; float: left; padding-right: 1px; background: url(https://66ef61.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/line-hdot.png) repeat-y right; } .btn-list li a { display: block; background: #ebe6db url(https://44142c.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/icon-arrow01.png) no-repeat center bottom 15px; color: #1A1A1A; padding-bottom: 40px; } .btn-list li a:hover { background: #d5ccb7 url(https://44142c.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/icon-arrow01.png) no-repeat center bottom 15px; } .btn-list li a:hover img { opacity: 0.8; transition: opacity 1s ease 0s; } .btn-list li .btn-img { margin-bottom: 13px; display: block; } .tit-know { background-color: #8a7245; color: #fff; font-weight: bold; text-align: left; padding: 25px; line-height: 1em; font-size: 20px; letter-spacing: 0.1em; } .know-list { display: block; padding: 15px 20px; text-align: left; height: 140px; } .know-list li { display: block; background: url(https://51bc74.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/lin-wdot.png) repeat-x bottom; } .know-list li a { display: block; background: url(https://22fb86.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/list-dot.png) no-repeat 12px center; padding: 10px 15px 10px 30px; color: #1A1A1A; } .know-list li a:hover { background-color: #EAE5D8; } /* お役立ち情報 ----------------------- */ .useful-list { background: #f2f0ea; padding: 20px; overflow: hidden; } .useful-list li { float: left; width: 210px; margin: 0 5px; } .useful-list a { display: block; padding: 5px; color: #333; } .useful-list li a:hover { background-color: #EAE5D8; } .useful-list li img { display: block; margin-bottom: 10px; width: 100%; height: auto; } .useful .mainArea { float: left; width: 810px; } .useful .mainArea p.best { display: none; } /*archive*/ .useful.archive { margin-top: 30px; overflow: hidden; } .useful.archive h2 { margin: 0px; background-color: #8a7245; color: #fff; font-weight: bold; text-align: left; padding: 25px; line-height: 1em; font-size: 20px; letter-spacing: 0.1em; } .useful.archive .mainArea ul { margin: 10px 0 30px; } .useful.archive .mainArea li { padding: 20px 0px; border-bottom: 1px dotted #ccc; } .useful.archive .mainArea li:last-child { border-bottom: none; } .useful.archive .mainArea a { display: block; background: #fff; overflow: hidden; font-size: 14px; color: #333; } .useful.archive .mainArea a:hover { background: #FFE2A9 } .useful.archive .mainArea img { float: left; width: 200px; height: 200px; padding-right: 20px; } .useful.archive .mainArea .txtBox { color: #333; line-height: 1.6; } .useful.archive .mainArea h3 { margin: 20px 0; font-size: 24px; } /*詳細*/ .useful.single h2 { margin: 0 10px 30px; font-size: 24px; font-weight: normal; } .useful.single .txtBox { margin: 0 10px 10px; font-size: 14px; line-height: 1.8; } /*この記事を読んだ人はこんな記事を読んでいます*/ .useful .related { background: #f2f0ea; padding: 20px; overflow: hidden; } .useful .related h3 { margin-bottom: 10px; font-size: 20px; color: #8a7245; } .useful .related li.kanren { padding: 0 0 20px; } .useful .related a { display: block; padding: 5px; background: #fff; color: #333; zoom:100%; } .useful .related a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .useful .related li a:hover { background: #FFE2A9; display: block; } .useful .related li img { width: 200px; margin: 0 20px 0 0; float: left; } .useful .related dl { width: 530px; float: right; } .useful .related a dt { padding: 10px 0; font-size: 20px; line-height: 1.4em; color: #8a7245; } .useful .related dd { font-size: 14px; line-height: 1.6em; } .useful .related dd .usefulcategory { padding: 5px 0; } .useful .related dd .usefulcategory li { width: auto; } /*pager*/ .useful-pager { padding: 30px 0 40px; display: block; position: relative; border-collapse: separate; border-spacing: 0px; width: 100%; text-align: center; } .useful-pager li { width: 30%; text-align: center; border: solid 1px #ccc; } .useful-pager a { padding: 10px; display: block; font-size: 12px; color: #333; background: #ECE4D7; } .useful-pager .prev { position: absolute; left: 0; } .useful-pager .next { position: absolute; right: 0; } .useful-pager .return { margin: 0 auto; } .useful-pager a:hover { text-decoration: underline; } /*sideArea*/ .useful .sideArea { float: right; width: 250px; font-size: 12px; } .useful.archive .sideArea { margin-bottom: 30px; margin-top: 30px; } .useful .sideArea h3 { display: block; background: #5a9f3c; padding: 10px; font-size: 14px; font-weight: normal; color: #FFF; } .useful .sideArea ul { padding: 10px 0; background: #fff; margin-bottom: 30px; } .useful .sideArea a { display: block; overflow: hidden; padding: 5px; color: #333 } .useful .sideArea a:hover { background: #f2f2f2 } .useful .sideArea .best { display: none; } .useful .sideArea .best a { padding: 0 10px 15px; font-size: 18px; line-height: 1.4em; color: #00f; text-decoration: underline; } .useful .sideArea .best a:hover { color: #f00; text-decoration: none; } .useful .recommend li { border-bottom: dotted 1px #ccc; padding: 5px; } .useful .recommend li:last-child { border-bottom: none; } .useful .recommend img { display: block; float: left; margin-right: 5px; } .useful .category > ul > li > a { border-bottom: dotted 1px #ccc; padding: 5px; } .useful .category ul ul { margin-bottom: 10px; padding: 0 10px; } .useful .category ul ul li a:before { content: "・" } /*pageNavi*/ .useful .pageNavi { clear: both; overflow: hidden; display: table; margin: 30px auto 0; } .useful .pageNavi li { display: table-cell; padding: 0 10px; } .useful .pageNavi li a { display: block; text-decoration: none; text-align: center; background: #eee; line-height: 100%; padding: 10px; } .useful .pageNavi li a:hover { background: #ddd; } /* 屋根comingsoon */ .btn-img-b { display: block; width: 550px; height: 250px; background: url(https://b032f2.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/imgBlc-yane_soon.jpg) no-repeat; } a:hover .btn-img-b img { display: none; } .btn-list .btn-yane01 .btn-img { display: block; width: 182px; height: 100px; background: url(https://dbcc05.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-yane01_soon.jpg) no-repeat; } .btn-list .btn-yane01 a:hover img { display: none; } .btn-list .btn-yane02 .btn-img { display: block; width: 182px; height: 100px; background: url(https://200e35.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-yane02_soon.jpg) no-repeat; } .btn-list .btn-yane02 a:hover img { display: none; } .btn-list .btn-yane03 .btn-img { display: block; width: 182px; height: 100px; background: url(https://838e9d.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-yane03_soon.jpg) no-repeat; } .btn-list .btn-yane03 a:hover img { display: none; } .btn-list .btn-yane04 .btn-img { display: block; width: 182px; height: 100px; background: url(https://edcbd2.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-yane04_soon.jpg) no-repeat; } .btn-list .btn-yane04 a:hover img { display: none; } .btn-list .btn-yane05 .btn-img { display: block; width: 182px; height: 100px; background: url(https://cbbf36.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-yane05_soon.jpg) no-repeat; } .btn-list .btn-yane05 a:hover img { display: none; } .btn-list .btn-yane06 .btn-img { display: block; width: 182px; height: 100px; background: url(https://fae441.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/btn-yane06_soon.jpg) no-repeat; } .btn-list .btn-yane06 a:hover img { display: none; } /*==============================================================*/ /* 外壁塗装下層共通　20160126追加 */ /*==============================================================*/ .page-head { padding: 30px 20px 0 20px; overflow: hidden; width: 1160px; } .page-head .ttl-head { font-size: 20px; font-weight: bold; color: #583317; margin-bottom: 25px; } .page-head .tabs-btn { display: block; overflow: hidden; } .page-head .tabs-btn li { float: left; width: 120px; display: block; background-color: #f1eee5; text-align: center; font-size: 14px; line-height: 1.2em; margin-right: 10px; } .page-head .tabs-btn .btn-name { display: table-cell; width: 120px; height: 55px; padding-bottom: 20px; vertical-align: middle; background: #f1eee5 url(https://44142c.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/icon-arrow01.png) no-repeat center 47px; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); } .page-head .tabs-btn a { color: #1A1A1A; font-weight: bold; display: block; } .page-head .tabs-btn a:hover .btn-name { background: #d5ccb7 url(https://44142c.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/icon-arrow01.png) no-repeat center 47px; } .page-head .tabs-btn .act a .btn-name { background: #583317 url(https://d7e2b8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/icon-arrow02.png) no-repeat center 47px; color: #FFF!important; } .page-head .ttl-page { background-color: #583317; color: #fff; letter-spacing: 0.1em; font-size: 20px; padding: 25px 30px; line-height: 1em; font-weight: normal; } #repaint .page-in { margin: 0 20px; padding: 0 30px; font-size: 16px; line-height: 1.8; letter-spacing: -.8px; } #repaint .ttl-catch { font-size: 32px; font-weight: normal!important; margin-bottom: 15px; line-height: 1.4em; } /* 見積りシミュレーション */ .blc-simulation { background: url(https://9c228b.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/bg-mitumori.png) no-repeat bottom; min-height: 570px; position: relative; } .blc-simulation .blc-catch { font-weight: bold; font-size: 28px; font-size: 28px; color: #f2740f; line-height: 1.4em; } .blc-simulation .blc-txt { font-size: 15px; line-height: 1.7em; width: 735px; float: right; } .blc-simulation .hosyou { position: absolute; width: 870px; height: 370px; bottom: 0; right: 0; text-align: center; } .blc-simulation .hosyou .box-catch { padding: 20px 0 20px; margin-left: 130px; font-weight: bold; font-size: 18px; text-align: left; } .blc-simulation .hosyou .notice { font-size: 22px; font-weight: bold; color: #ff7800; line-height: 1.4em; margin-bottom: 25px; } .blc-simulation .hosyou .blc-btn { overflow: hidden; margin-left: 100px; } .blc-simulation .hosyou .blc-btn li { float: left; margin-right: 70px; } .blc-simulation .hosyou .blc-btn a:hover img { opacity: 0.8; transition: opacity 1s ease 0s; } /* 相談窓口ブロック */ .blc-info { background: url(https://949385.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/img-info.png) no-repeat left top; padding-left: 255px; margin-top: 40px; color: #332004; } .blc-info .blc-catch { font-weight: bold; font-size: 24px; line-height: 1em; padding: 30px 15px; } .blc-info .blc-txt { padding: 0 15px; margin-bottom: 30px; } .blc-info .blc-btn { overflow: hidden; } .blc-info .blc-btn li { float: left; margin-right: 70px; } .blc-info .blc-btn a:hover img { opacity: 0.8; transition: opacity 1s ease 0s; } .red { color: #d52f2f; } /* よくある質問　20160420追加 */ #qa-blc { margin-bottom: 100px!important; } .qa-wraper { margin: 0 45px 50px; overflow: hidden; } .qa-dl dt { background: #ff7200 url(https://852ff2.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/Q.png) no-repeat left top; font-size: 22px; font-weight: bold; color: #FFF; line-height: 1.5em; margin-top: 40px; cursor: pointer; } .qa-dl dt div { background: #d7c083; margin-left: 60px; padding: 15px 20px; } .qa-dl dd { padding: 30px 60px; background-color: #FFF; font-size: 14px; } .qa-dl dd p { margin-bottom: 1em; } /*==============================================================*/ /* 外壁塗装　20160126追加 */ /*==============================================================*/ .blc-check .blc-txt2 { padding: 30px 35px 15px; width: 825px; font-size: 18px; line-height: 1.65em; overflow: hidden; } .blc-check .blc-catch2 { font-size: 24px; line-height: 1.5em; color: #725001; font-weight: bold; margin-bottom: 10px; margin-left: -0.5em; } .blc-check .tosou-woman02 { position: absolute; top : 95px; right: 5px; } .wrap-gaihekiType { width: 1035px; margin-left: 35px; } .wrap-gaihekiType .blc-tit { font-size: 24px; margin-bottom: 10px; } .blc-gaihekiType { background-color: #FFF; border-top: solid 5px #ff8d00; overflow: hidden; } .blc-gaihekiType .type-left { width: 450px; float: left; padding-left: 15px; } .blc-gaihekiType .type-left .woman { float: left; margin-top: 15px; } .blc-gaihekiType .type-left .point { font-weight: bold; font-size: 17px; padding-top: 95px; line-height: 1.5em; } .blc-gaihekiType .type-left .btn-type { float: none; clear: both; display: block; padding-left: 5px; } .blc-gaihekiType .type-left .btn-type li { float: left; margin: 0 6px 12px; } .type-list { display: block; clear: both; padding: 40px; } .type-list dt { font-weight: bold; font-size: 18px; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); line-height: 25px; padding: 15px 0; margin-bottom: 15px; background: url(https://149888.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/lin-wdot-02.png) repeat-x bottom; } .type-list dd { margin-bottom: 40px; font-size: 14px; } .type-list .type-name { display: block; float: left; width: 165px; } .taikyu-01, .taikyu-02, .taikyu-03, .taikyu-04, .taikyu-05 { margin-left: 165px; font-size: 12px; text-align: center; width: 150px; color: #FFF; display: block; } .taikyu-01 { background-color: #0067a8; } .taikyu-02 { background-color: #00a88a; } .taikyu-03 { background-color: #a8a200; } .taikyu-04 { background-color: #ff8d00; } .taikyu-05 { background-color: #ff3700; } .blc-toryo .blc-catch { font-size: 32px; line-height: 1.4em; font-weight: bold; color: #766a46; text-align: center; padding-bottom: 30px; background: url(https://ba61bf.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/line-wdot2.png) repeat-x bottom; } .blc-toryo .blc-txt3 { padding: 30px 30px 80px; font-size: 18px; text-align: center; } /* 塗替えのtiming */ .timing-txt { width: 875px; float: right; font-size: 14px; line-height: 1.8em; height: 205px; padding-top: 45px; } .blc-check .timing-txt .blc-catch { font-size: 24px; margin-bottom: 15px; } .timing-woman { position: absolute; left: 10px; top: 50px; } .timing .blc-tit { text-align: center; font-size: 18px; } .timing-rekka { clear: both; display: block; overflow: hidden; padding: 0 25px 0; } .timing-rekka li { background: #FFF; display: block; width: 330px; float: left; text-align: center; margin: 0 25px 0 0; border: solid 1px #FFF; } .timing-rekka li dl { padding: 10px; } .timing-rekka li dt { font-weight: bold; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); } .timing-rekka li dd { font-size: 13px; line-height: 1.6em; padding-bottom: 10px; } .omakase { width: 1100px; height: 345px; background: url(https://94769e.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/img-omakase.jpg) no-repeat; text-align: center; padding-top: 50px; font-weight: bold; font-size: 30px; } /* 外壁塗装工事の流れ */ #repaint .blc-flow { padding: 60px 50px; overflow: hidden; } #repaint .blc-flow .flow-txt { margin-left: 350px; font-size: 14px; line-height: 1.6em; } #repaint .blc-flow .flow-catch { font-size: 24px; font-weight: bold; line-height: 1em; margin-bottom: 10px; } .flow-wrap dt { background-color: #d7c083; font-weight: bold; color: #FFF; line-height: 60px; font-size: 22px; } .flow-wrap dt .num { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック"; text-align: center; width: 60px; display: block; float: left; margin-right: 20px; background-color: #ff7200; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); } .flow-wrap dd { background-color: #FFF; padding: 20px 25px; overflow: hidden; margin-bottom: 40px; } .flow-wrap dd img { float: left; } .flow-wrap dd .blc-r { margin-left: 180px; font-size: 14px; } .btn-toGo { background: url(https://9bdac8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/btn-bg.png) no-repeat; width: 570px; color: #FFF; font-weight: bold; font-size: 16px; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); margin-top: 10px; } .btn-toGo a { display: block; color: #FFF; line-height: 46px; padding-left: 50px; } /*==============================================================*/ /* 外壁洗浄　20160127追加 */ /*==============================================================*/ .cleaning-woman01 { position: absolute; top: 155px; left: 40px; } .cleaning-txt01 { width: 820px; float: right; padding-top: 30px; padding-bottom: 50px; font-size: 18px; line-height: 1.6em; margin-right: 35px; } .cleaning-txt01 p { padding-right: 40px; } /* 手抜き工事にご注意 */ .notice-cleaning { background: #ebe492; text-align: center; padding: 45px 65px; clear: both; font-size: 18px; line-height: 1.6em; } .notice-cleaning .notice-ttl { color: #fe0000; font-size: 24px; background: url(https://d97755.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/lin-wdot-03.png) repeat-x bottom; padding-bottom: 28px; margin-bottom: 25px; font-weight: bold; } /* 優良業者を見分けるために */ .cleaning-woman02 { position: absolute; top: 60px; right: 0; } .cleaning-txt02 { padding: 30px; } .cleaning-txt02 p { font-weight: bold; font-size: 18px; width: 820px; margin-bottom: 216px; padding-left: 15px; } .cleaning-flow { position: absolute; bottom: 35px; left: 30px; } /* 洗浄は塗装とセットで行うのがおすすめ */ .cleaning-woman03 { position: absolute; top: 15px; right: 15px; } .cleaning-txt03 { padding: 30px 40px; font-size: 18px; width: 845px; } .box-cleaning { margin: 0 40px 40px; overflow: hidden; } .box-cleaning .box-ttl, .box-cleaning .proofcleanboxTxt, .proofcleanAll { font-weight: bold; font-size: 24px; margin-bottom: 10px; } .box-cleaning img, .proofcleanAll img { float: left; } .box-cleaning .box-txt, .box-cleaning .proofcleanboxTxt { background-color: #FFF; padding: 20px 30px 20px 330px; font-size: 16px; line-height: 1.6em; min-height: 159px; } .box-cleaning .box-txt dt, .proofcleanAll .box-txt { font-size: 22px; font-weight: bold; padding: 5px 0; } .box-cleaning .merit, .box-cleaning .demerit { width: 330px; float: left; font-size: 14px; } .box-cleaning .merit strong, .box-cleaning .demerit strong { width: 175px; font-size: 14px; color: #FFF; display: block; padding: 5px 15px; margin-bottom: 10px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .box-cleaning .merit strong { background-color: #79a42e; } .box-cleaning .demerit strong { background-color: #ffa200; } .vaio-ttl { color: #4c7c00; font-size: 24px; font-weight: bold; padding-top: 10px; } /*==============================================================*/ /* マンション外壁塗装　20160128追加 */ /*==============================================================*/ .apartment-woman01 { position: absolute; bottom: 60px; right: 25px; } .apartment-txt01 { width: 860px; font-size: 18px; padding: 25px 75px; } .apartment-rekka { width: 965px; margin: 0 auto; padding-bottom: 60px; } .apartment-rekka li { background: url(https://591dc1.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/line-wdot2.png) repeat-x bottom; padding: 15px 0; } .apartment-rekka li strong { display: block; background: url(https://af0f03.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/icon-arrowR.png) no-repeat 25px center; font-weight: bold; font-size: 18px; padding-left: 60px; } .blc-check .blc-ttl .icon-apartment { padding-right: 15px; } .blc-check .blc-ttl .icon-apartment img { vertical-align: top; margin-top: -10px; } .ttl-catch24 { font-size: 24px; font-weight: normal; line-height: 1.6em; margin-bottom: 15px; clear: both; } /* マンション外壁の耐久年数 */ .apartment-location { overflow: hidden; padding-top: 30px; } .apartment-location li { width: 330px; margin: 0 18px 30px; float: left; text-align: center; } .apartment-location .apartment-name { font-size: 24px; font-weight: bold; line-height: 32px; padding: 10px; } .apartment-location .taikyu-year { font-size: 16px; line-height: 25px; background-color: #ff9000; color: #FFF; width: 140px; padding: 3px 0; text-align: center; margin-left: 15px; display: inline-block; vertical-align: text-bottom; border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */ } /* 塗料の性能と用途について */ .apartment-woman02 { position: absolute; right: 0px; top: 15px; } .blc-in50 { margin: 25px 50px; } .blc-yoto { overflow: hidden; margin-bottom: 40px; } .blc-yoto .right-box { margin-left: 560px; } .blc-yoto .right-box { width: 290px; font-weight: bold; font-size: 16px; } .blc-yoto .right-box .box-ttl { font-size: 24px; margin-bottom: 15px; padding: 15px 0 5px; border-bottom: 4px solid #332004; } .taikyu-box { background-color: #FFF; padding: 10px; margin-bottom: 25px; } .taikyu-box dt { padding: 10px 15px; border-bottom: dotted 1px #333; font-weight: bold; font-size: 18px; } .taikyu-box dd { font-size: 13px; padding: 10px 15px; } .apartment-txt02 { font-size: 14px; } .apartment-txt02 .blc-catch { font-size: 24px; font-weight: normal; margin-bottom: 10px; } .apartment-txt03 { font-size: 14px; line-height: 2em; } .agreement-flow { display: block; position: relative; } .agreement-flow li { float: left; margin: 8px; width: 202px; } .dot { background: url(https://591dc1.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/line-wdot2.png) repeat-x bottom; } /*==============================================================*/ /* 外壁調査　20160126追加 */ /*==============================================================*/ /* 外壁のチェックポイント */ #repaint .blc-check { background: #f2efe4; position: relative; overflow: hidden; margin-bottom: 30px; } #repaint .img-woman01 { position: absolute; top: 15px; right: 15px; } .blc-check .blc-ttl { background: url(https://c8b8c8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/h-bg01.gif) no-repeat; color: #ff7200; font-size: 24px; text-align: center; line-height: 34px; padding: 20px; } .blc-check .blc-ttl .icon { padding-right: 15px; } .blc-check .blc-ttl .icon img { vertical-align: top; padding-right: 20px; } .blc-check .blc-txt { padding: 30px 55px; width: 860px; font-size: 18px; line-height: 1.8em; } .blc-check .blc-catch { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .blc-check .blc-catch23 { font-size: 23px; font-weight: bold; margin-bottom: 10px; } .blc-check .blc-catch24 { font-size: 24px; font-weight: bold; margin-bottom: 10px; } /** 劣化 **/ .blc-rekka, .proofserchChechbox { display: block; overflow: hidden; padding: 0 15px 40px; } .blc-rekka li { background: #FFF; display: block; width: 245px; height: 375px; float: left; margin: 0 10px; border: solid 1px #FFF; } .blc-rekka li dl, .proofserchChechbox li dl { padding: 10px; } .blc-rekka li dt, .proofserchChechbox li dt { font-weight: bold; padding: 3px; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); } .blc-rekka li dd, .proofserchChechbox li dd { font-size: 14px; line-height: 1.6em; } .tit-dot { text-align: center; background: url(https://d47b71.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/line-wdot.png) repeat-x bottom; font-size: 24px; font-weight: bold; padding: 20px; margin-bottom: 30px; } .check-item li { width: 182px; height: 44px; line-height: 44px; background: url(https://10efd9.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/check-item.png) no-repeat; color: #FFF; float: left; font-weight: bold; margin: 0 13px 25px; } .check-item li .num { padding-left: 15px; padding-right: 30px; } /* メンテナンス品質 */ .blc-quality { position: relative; margin-bottom: 40px; overflow: hidden; min-height: 358px; } .blc-quality .blc-catch, .sidingpaintQuarity .blc-catch { font-size: 32px; line-height: 1.4em; font-weight: bold; color: #766a46; text-align: center; padding-bottom: 20px; background: url(https://ba61bf.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/line-wdot2.png) repeat-x bottom; } .blc-quality .img-woman02 { position: absolute; top: 0; right: 10px; } .blc-quality .blc-txt { padding: 30px 40px; width: 780px; font-size: 18px; } .blc-quality .blc-txt2 { padding: 30px 40px; width: 800px; font-size: 18px; } .blc-quality .blc-txt3 { padding: 30px 30px; width: 830px; font-size: 18px; } /* 専門スタッフ診断 */ .blc-s-staff { overflow: hidden; margin-bottom: 50px; } .blc-s-staff .blc-catch { font-size: 24px; font-weight: bold; margin-bottom: 15px; } .blc-s-staff .wrap-txt { background-color: #f2efe6; margin-left: 315px; padding: 25px; border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */ } /*==============================================================*/ /* 外壁防水　20160126追加 */ /*==============================================================*/ .bousui-woman03 { position: absolute; top: 55px; right: 26px; } /*チェックポイント*/ .waterproofCheckBox { display: block; overflow: hidden; padding: 0 0 0 35px; margin-top: -5px; } .waterproofCheckBox li { background: #fff; display: block; width: 495px; height: 430px; float: left; margin: 0 15px; border: solid 1px #fff; } .waterproofCheckBox li dl, .sidingpaintCheckBox li dl { padding: 10px 20px; } .waterproofCheckBox li dt, .sidingpaintCheckBox li dt { font-weight: bold; font-size: 20px; padding: 3px; transform: rotate(0.028deg); -o-transform: rotate(0.028deg); -ms-transform: rotate(0.028deg); -moz-transform: rotate(0.028deg); -webkit-transform: rotate(0.028deg); } .waterproofCheckBox dd, .sidingpaintCheckBox dd { font-size: 14px; line-height: 1.6em; } /**/ .waterproofBoxTxt { font-size: 24px; line-height: 1.8em; text-align: center; background: url(https://d47b71.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/line-wdot.png) repeat-x bottom; padding: 20px; margin-bottom: 30px; } /**/ #waterproofConsultation { background: #fff; padding: 20px; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ margin-left: 150px; } /**/ .waterproofWaterproofTitle { font-size: 24px; font-weight: bold; line-height: 1em; } #appropriateBox { background: #f2efe4; padding: 22px 20px 0 335px; height: 143px; } #appropriateBox dt, .sidingcenterTxt { font-size: 24px; line-height: 1.8em; } #appropriateBox dd { font-size: 14px; } /*豊富な実績を有するプロ*/ .waterproofProTitle { letter-spacing: -1px; line-height: 1.7em; } .waterproofProtxt { background-color: #f2efe6; border-radius: 3px; margin-left: 365px; padding: 25px; } /*==============================================================*/ /* サイディング塗装　20160127追加 */ /*==============================================================*/ /*サイディングの劣化*/ .sidingTitle { font-size: 20px; line-height: 1.6em; font-weight: bold; } .sidingcheckImg { position: absolute; left: 20px; top: 15px; } .sidingBorder { color: #ff7200; border-bottom: 6px solid #ff7200; padding-bottom: 10px; } /*サイディングの種類*/ .sidingcheckImg2 { position: absolute; left: 20px; top: 50px; } #sidingChoose { position: relative; line-height: 1.5em; padding: 20px 0 30px 30px; margin: 0 10px 40px 150px; text-align: center; } .sidingpaintCheckBox li { background: #fff; display: block; width: 490px; float: left; padding-bottom: 15px; margin: 0 15px 25px; border: solid 1px #fff; } /*塗装方法*/ .sidingpaintCheckBox { display: block; overflow: hidden; padding: 0 28px; margin-top: -5px; } .sidingpaintCheckBox li dt { color: #50453c; } /**/ #sidingpaintHowto { margin: -20px 20px 40px; position: relative; overflow: hidden; } .sidingpaintHowtoTitle { border: 2px solid #ff7200; color: #ff7200; background: #fff; margin-bottom: 30px; font-weight: bold; } .sidingpaintHowtoTitle span { background: #ff7200; color: #fff; display: inline-block; padding: 5px 5px 8px 10px; margin-right: 20px; } #sidingpaintHowto li dl dd { letter-spacing: 0; margin-right: 4px; } .sidingCatch { color: #ff7200; font-size: 24px; line-height: 1em; letter-spacing: -1px; margin-bottom: 10px; } /*IE*/ .sidingCatch { line-height: 1.2em\9;/* IE8 */ *line-height:1.2em;/* IE7 */ } :root .sidingCatch { line-height: 1.2em \0/;/* IE9 */ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sidingCatch { line-height: 1.2em; /* IE10 */ } } .sidingpaintCosttxt { background-color: #f2efe6; border-radius: 3px; margin-left: 510px; padding: 10px 25px; } .sidingpaintCosttxt dt { font-size: 16px; font-weight: bold; line-height: 1.4em; margin-bottom: 5px; } /*IE*/ .sidingpaintCosttxt dd { line-height: 1.7em\9;/* IE8 */ *line-height:1.7em;/* IE7 */ } :root .sidingpaintCosttxt dd { line-height: 1.7em \0/;/* IE9 */ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sidingpaintCosttxt dd { line-height: 1.7em; /* IE10 */ } } /*ポイント*/ #sidingpaintPointWrap { background: url(https://f02af3.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/sidingpaintPoint.jpg) 30px 0 no-repeat; padding: 0 10px; } .sidingpaintOvTitle { color: #ff7200; text-align: center; font-size: 24px; font-weight: bold; background: url(https://dabb22.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/sidingpaintLine.gif) center center no-repeat; margin-bottom: 30px; } .sidingpaintPointBox { margin: 30px 25px 50px 380px; } .sidingpaintPointBox dt { font-size: 18px; font-weight: bold; color: #50453c; background: #ede3bb; border-left: 23px solid #bdaa5d; padding: 10px 30px; } .sidingpaintPointBox dd { font-size: 14px; color: #50453c; background: #fff; border-left: 23px solid #eee; padding: 15px 30px; min-height: 65px; } .staffTxt20 { font-size: 20px; line-height: 1.6em; } /*==============================================================*/ /* サイディング補修　20160127追加 */ /*==============================================================*/ /**/ #sidingRepairInadequacy { position: relative; } #sidingRepairInadequacy h2, #sidingRepairInadequacytxt { margin: 0 50px 10px; } #sidingRepairInadequacy h2 { color: #ff9000; font-size: 30px; line-height: 1.4em; } #sidingRepairInadequacyBox { background: #fff; padding: 16px 40px 20px 20px; line-height: 1.6em; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ width: 668px; } #sidingRepairInadequacyBox span, .repaircrackTitle { font-size: 24px; display: block; margin-bottom: 10px; } #sidingRepairAdequatetxt { background-color: #f2efe6; border-radius: 3px; margin-left: 525px; padding: 10px; margin-right: 20px; line-height: 1.6em; } #sidingRepairInadequacyImg { position: absolute; bottom: -20px; right: 0; } #sidingpaint .blc-check .blc-txt p { margin-bottom: 65px; } .sidingimg { margin: 0 20px; float: left; } /*劣化*/ #sidingDeterioration { margin: 0 10px 0 15px; } #sidingDeterioration dt { margin-bottom: 15px; } #sidingDeteriorationbox { margin-bottom: 25px; } #sidingDeteriorationbox li { float: left; margin: 0 0 0 5px; } #sidingDeteriorationTxt { margin: 0 20px; padding-bottom: 40px; } #howsiding { margin-bottom: 65px; padding-top: 30px; text-align: center; } /*==============================================================*/ /* 外壁補修　20160128追加 */ /*==============================================================*/ .sidingrepair-woman01 { position: absolute; top: 15px; right: 10px; } .sidingrepair-txt01 { padding: 30px 55px; width: 840px; font-size: 18px; line-height: 1.8em; } /*クラック*/ #crackWrap { position: relative; width: 1035px; margin: 0 auto; } .repairTxt { font-size: 18px; font-weight: bold; } #crackImg { top: 75px; right: 10px; } #crackImg, #crackImg2, #crackImg3 { position: absolute; } .repairInner { padding: 40px 40px 0; background: #fff; border-top: 5px solid #ff8d00; overflow: hidden; margin-bottom: 60px; } .repairInner ol { list-style: none; margin: 0 5px; } .repairInner li { margin-bottom: 30px; } /*原因*/ #repairCause dt { border-bottom: 2px dotted #ddd; line-height: 1.5em; padding-bottom: 10px; margin-bottom: 15px; font-size: 18px; font-weight: bold; } #repairCause dd { font-size: 14px; } .repairCause { background: #f24a0f; color: #fff; padding: 4px 0 3px 15px; margin-right: 15px; } .repairCause span { background: #d82900; margin-left: 10px; display: inline-block; padding: 4px 10px 3px; } /*IE*/ .repairCause span { padding: 5px 10px 4px\9;/* IE8 */ } :root .repairCause span { padding: 3px 10px 2px \0/;/* IE9 */ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .repairCause span { padding: 5px 10px 4px; /* IE10 */ } } /*補修方法*/ #repairhowWrap { overflow: hidden; padding: 60px 50px 0; } .repairHowto { margin-bottom: 40px; } .repairHowto span { margin: 0 5px; } .repairHowto h5 { background: #e4e1d3; font-size: 18px; font-weight: bold; padding: 15px 30px; margin-bottom: 20px; } .repairHowto span, .repairHowto p { float: left; } .repairHowto span { margin-right: 30px; display: block; } .repairHowto p { font-size: 18px; width: 660px; } #repairhowWrap .flow-txt { font-size: 14px; line-height: 1.6em; margin-left: 350px; } #repairhowWrap .flow-catch { font-size: 24px; font-weight: bold; line-height: 1em; margin-bottom: 10px; } /**/ .repaircrackBox { position: relative; } #crackImg2 { top: 50px; right: 10px; } #crackImg3 { top: 75px; right: 10px; } /**/ .repairDot { border-bottom: 2px dotted #555; padding-bottom: 30px; } .repairSealingTxt { font-size: 18px; } /**/ #repairCautionBox { text-align: center; } #repairCautionBox dt { font-weight: bold; font-size: 32px; color: #e90000; margin-bottom: 10px; } #repairCautionBox dd { font-size: 20px; } .cautionDot { border-bottom: 2px dotted #b6b197; } /*==============================================================*/ /* 外壁補修　20160205追加 */ /*==============================================================*/ .h-110 { text-align: left; height: 110px; } .w300 { width: 300px; } .blc-osusume { position: relative; overflow: hidden; } .blc-osusume .osusume-woman { position: absolute; right: 0; top: 280px; } .blc-osusume .blc-catch { font-size: 30px; margin-bottom: 10px; padding-left: 10px; font-weight: bold; } .blc-osusume .blc-txt { padding-left: 10px; width: 800px; } .blc-result { margin-top: 60px; margin-bottom: 15px; } .blc-result .ttl-result { font-size: 24px; font-weight: bold; padding: 5px 0; color: #ff8d00; border-bottom: 5px solid #ff8d00; margin-bottom: 25px; } .result-list { overflow: hidden; } .result-list li { float: left; display: block; width: 235px; background: #FFF; height: 220px; text-align: center; margin-right: 30px; } .result-list dt { background: #72ba00 url(https://4cc20a.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/yane/icon-checked.png) no-repeat center 15px; display: block; color: #FFF; padding: 50px 0 15px; font-weight: bold; } .result-list dd { padding: 10px 15px; font-size: 14px; } .result-list dd p { margin-bottom: } /*==============================================================*/ /* 屋根塗装　20160210追加 */ /*==============================================================*/ .blc-catch18 { font-size: 18px; } .roof-wrap { background-color: #FFF; overflow: hidden; height: 225px; margin: 0 45px 25px 45px; } .roof-wrap img { float: left; } .roof-wrap .box-txt { margin-left: 400px; margin-right: 25px; } .roof-wrap .box-ttl { font-size: 30px; font-weight: normal; margin: 30px 0 15px; line-height: 1em; } .roof-wrap .box-txt p { margin-bottom: 15px; font-size: 14px; } .roof-wrap .box-taikyu { overflow: hidden; width: 230px; } .roof-wrap .box-taikyu dt, .fukikaeTiming dt { width: 100px; text-align: center; line-height: 40px; color: #FFF; font-weight: bold; float: left; background-color: #ff7200; font-size: 14px; } .roof-wrap .box-taikyu dd { padding-left: 120px; padding-right: 20px; line-height: 40px; font-weight: bold; font-size: 20px; background-color: #f2e3bc; text-align: center; } /*==============================================================*/ /* 雨漏り防水工事　20160217追加 */ /*==============================================================*/ .ttl-catch27 { font-size: 27px; font-weight: normal; line-height: 1.6em; margin-bottom: 15px; clear: both; } .yane-txt01 { margin: -15px 20px 0; text-align: left; } .yane-txt01 p { padding-top: 20px; margin-right: 150px; font-size: 14px; height: 160px; line-height: 1.9em; } .box-30 { padding: 30px; position: relative; overflow: hidden; } .yane-condition { float: right; width: 885px; } .condition-woman { position: absolute; left: 10px; top: 280px; } .yane-condition li { width: 265px; float: left; text-align: center; padding-bottom: 30px; margin-left: 30px; line-height: 1em; } .yane-condition li img { margin-bottom: 20px; } .yane-proofcheck { clear: both; } .yane-proofcheck .box-ttl { text-align: center; font-weight: bold; font-size: 24px; padding: 20px; margin-bottom: 20px; line-height: 1em; background: url(https://d534ba.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/yane/dot-line2p.png) repeat-x bottom; } .yane-proofcheck img { float: left; } .yane-proofcheck .proofcheck-txt { margin-left: 280px; } .yaneIf-txt { font-size: 18px; padding: 0 20px; line-height: 1.7em; } .blc-bousui .blc-catch { font-size: 28px; line-height: 1.4em; font-weight: bold; color: #766a46; text-align: center; padding-bottom: 20px; background: url(https://ba61bf.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/line-wdot2.png) repeat-x bottom; } .waterproof-img01, .waterproof-img02, .waterproof-img03 { text-align: center; margin-bottom: 40px; } .waterproof-img01 dt, .waterproof-img02 dt, .waterproof-img03 dt { font-weight: bold; padding-top: 20px; padding-bottom: 5px; font-size: 15px; } .waterproof-img01 { width: 505px; float: left; } .waterproof-img02 { width: 505px; float: right; } .waterproof-img03 { clear: both; } /*==============================================================*/ /* 屋根の葺替え　20160217追加 */ /*==============================================================*/ #fukikaecentTxt { text-align: center; font-size: 24px; line-height: 1.6em; margin-bottom: 30px; } /*葺替え時期の目安*/ #fukikaeIndication { position: relative; } .fukikaeTiming { overflow: hidden; width: 240px; } .fukikaeTiming dd { padding-left: 120px; padding-right: 20px; line-height: 40px; font-weight: bold; font-size: 20px; background-color: #f2e3bc; } #fukikaeChange { position: absolute; bottom: 94px; right: -10px; } /**/ #fukikaeConsideration li { float: left; width: 190px; margin: 0 10px 20px; background: #fff; } #fukikaeConsideration li p { text-align: center; padding: 20px 0 0; font-size: 12px; line-height: 1.6em; min-height: 40px; } #considerationImg { position: absolute; left: 10px; top: 50px; } #fukikaeConsiderationBox { padding: 30px 0 50px 240px; } #fukikaeConsiderationBox p { margin: 0 20px 20px; } .fukikaeTitle { color: #fff; font-size: 22px; font-weight: bold; background: #ff9702; padding: 10px 20px; margin-bottom: 20px; } .fukikaeBox { margin: 0 30px; } .fukikaeBox p { padding: 0 16px; margin-bottom: 20px; } #fukikaeImportantBox li { width: 315px; margin: 0 10px 45px; background: #fff; text-align: center; font-weight: bold; } #fukikaeImportantBox li p { min-height: inherit; font-size: 14px; } #fukikaeNotice { font-weight: normal!Important; font-size: 16px!Important; } #fukikaeImportantBox2 { background: #fff; padding: 15px 10px 0 6px; margin-bottom: 35px; } #fukikaeImportantBox2 p, #fukikaeImportantBox2 span { float: left; } #fukikaeImportantBox2 p { width: 540px; margin: 0 10px; font-weight: bold; padding-top: 40px; font-size: 18px; line-height: 1.7em; } /*==============================================================*/ /* 屋根の洗浄　20160217追加 */ /*==============================================================*/ .proofcleanTxt01 { width: 820px; float: right; padding-top: 30px; padding-bottom: 50px; font-size: 16px; line-height: 1.6em; margin-right: 35px; } .proofcleanTxt01 dt { font-size: 18px; } .proofcleanwoman01 { left: 40px; position: absolute; top: 175px; } #proofcleanml30 { margin-left: 30px; } /* 優良業者を見分けるために */ #proofcleanTxt02Box { padding-top: 20px; position: relative; } #proofcleanTxt02Box .blc-ttl { background: url(https://c8b8c8.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/gaiheki/h-bg01.gif) no-repeat; color: #ff7200; font-size: 24px; text-align: center; line-height: 34px; padding: 20px 20px 14px; } .proofcleanwoman02 { position: absolute; top: -14px; right: 0; } .proofcleanTxt02 { padding: 20px 30px 30px; background: #f2efe4; } .proofcleanTxt02 p { font-weight: bold; font-size: 18px; width: 830px; margin-bottom: 16px; padding-left: 15px; } /*屋根洗浄の方法*/ .box-cleaning .proofcleanboxTxt { background-color: #fff; font-size: 14px; line-height: 1.5em; min-height: 140px; padding: 20px 30px 20px 400px; } .box-cleaning .proofcleanboxTxt dt { font-size: 30px; font-weight: bold; padding: 5px 0; margin-bottom: 22px; } .box-cleaning .proofcleanboxTxt dd { display: inline-block; } #proofcleanwashing { min-height: 184px; background: #fff; } #proofcleanhow { margin-bottom: 30px; } #proofcleanhow li { float: left; margin: 0 0 10px; } #proofcleanhowIcon { margin: 130px 24px 0!important; } #proofcleanTitle { font-size: 22px; font-weight: bold; margin-bottom: 5px; } .proofcleanTxt3 { letter-spacing: -0.5px; } .proofcleanAll .box-txt { background-color: #fff; padding: 20px 20px 20px 320px; font-size: 16px; line-height: 1.8em; min-height: 160px; font-weight: normal; } .proofcleanAll { margin: 0 40px 40px 55px; overflow: hidden; } /*==============================================================*/ /* 屋根の調査　20160218追加 */ /*==============================================================*/ #surveyCheckWrap .num { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック"; } .proofserchTxt { letter-spacing: -0.1px; } .proofserchChechbox li { background: #FFF; display: block; width: 245px; height: 345px; float: left; margin: 0 5px; border: solid 1px #FFF; } /**/ #proofseerchThink { color: #497300; } .proofserchLine { background: url(https://d534ba.claudeassets.com/20251212123414im_/https://gaiheki-com.com/repaint/images/yane/dot-line2p.png) repeat-x bottom; padding-bottom: 20px; } /*==============================================================*/ /* マンション外壁塗装 */ /*==============================================================*/ .ttlCatch { font-size: 30px; font-weight: normal!important; margin-bottom: 15px; line-height: 1.4em; } @media print { .fixed-head { display: none; } } /*==============================================================*/ /* 屋根修理価格表　20170310追加 */ /*==============================================================*/ .yane-priceTable { margin: 80px auto; width: 800px; border-top: 1px solid #999; border-left: 1px solid #999; } .yane-priceTable sup { font-size: 60%; vertical-align: top; } .yane-priceTable th span { display: block; font-size: 80%; font-weight: normal; } .yane-priceTable th { background: #583317; line-height: 1.4; color: #fff; padding: 10px; text-align: left; } .yane-priceTable td { padding: 10px; border-right: 1px solid #999; border-bottom: 1px solid #999; } /*コンテンツ下部テキスト*/ .basicbox-01-sub em { font-style: normal; text-align: right; display: block; } .page-discription { margin: 50px auto; width: 1200px; } .pagesimulation-discription { margin: 50px auto; padding: 0 240px 0 0; width: 960px; } /* --------------------------------- areainfo（地域一覧） --------------------------------- */ .area_info { margin: 2em auto; width: 95%; } .ttl2_area { font-size: 32px; margin: 1em 0; } /* タブメニュー */ #area-tab { list-style: none; } #area-tab li { display: inline-block; padding: 5px 25px; background: #eee; } #area-tab { border-bottom: solid 5px #583317; width: 100%; letter-spacing: -.4rem; } #area-tab li { display: inline-block; padding: 1.2em 0; font-weight: bold; line-height: 1.3; text-align: center; vertical-align: bottom; width: 150px; letter-spacing: normal; margin-right: 10px; background: #583317; border-radius: 10px 10px 0 0; color: #fff; } #area-tab li:last-child { margin-right: 0; padding: .5em 0; } #area-tab li:first-child { margin-left: 10px; padding: 9px 0; } #area-tab li:first-child a, #area-tab li:last-child a { padding: .5em 0; } #area-tab li.select { border: solid 5px #583317 !important; background: #fff !important; color: #583317 !important; border-radius: 10px 10px 0 0; padding: 1.55em 0; position: relative; width: 150px; } #area-tab li.select > span { position: absolute; background: #fff; display: block; top: 16px; padding: 0 0 23px; width: 100%; } #area-tab li:first-child.select > span, #area-tab li:last-child.select > span { top: 8px; } #area-tab li:hover { background: #FF6D00; color: #fff; border-color: #FF6D00; cursor : pointer; } #area-tab span.sp, #area-tab .select span.sp { display: none; } /* タブの中身 */ .areatab-box { display: block; padding: 50px; } .areatab-box .disnon { display: none; } /* ○○地方 */ .prefecture_wrap { } .ttl3_area { font-size: 28px; margin-bottom: 1em; } .prefecture { margin-bottom: 1.5em; width: 100%; } .prefecture a:hover { opacity: 0.7; color: #fff; } .prefecture { display: table; } .prefecture p, .prefecture a { display: table-cell; vertical-align: middle; } .prefecture a { background: #5fbd68; border-radius: 15px 0 0 15px; color: #fff; line-height: 1.5; padding: 0.5em 0; text-align: center; position: relative; padding-bottom: 40px; width: 25%; } .prefecture a span { display: block; font-size: 36px; } .prefecture a::before { display: block; content: ''; position: absolute; top: 76%; left: 46%; width: 12px; height: 12px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .prefecture p { background: #ede6d6; border-radius: 0 15px 15px 0; padding: 2.5%; } /* --------------------------------- areainfo_hyougo（県詳細） --------------------------------- */ .ttl_area { border-left: solid 5px #0ca64d; color: #000; font-size: 2em; margin: 2em 2em 0; padding-left: 0.4em; } /* 施工担当者の声 */ .staff_voice { margin: 30px auto 0; width: 75%; } .staff_voice:after { clear: both; content: ""; display: block; } .staff_photo { float: left; width: 20%; } .staff_photo img { width: 100%; } .staff_comment { border: solid 2px #deceb5; border-radius: 20px; float: right; padding: 3% 2%; position: relative; width: 70%; } .staff_comment:after, .staff_comment:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .staff_comment:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-right: solid 20px #fff; border-top: solid 10px transparent; border-bottom: solid 10px transparent; margin-top: -14px; } .staff_comment:before { border-color: rgba(222, 206, 181, 0); border-right-color: #deceb5; border-right: solid 24px #deceb5; border-top: solid 13px transparent; border-bottom: solid 13px transparent; margin-top: -17px; } /* こだわりポイント */ .areaPoint_wrap { border-collapse: separate; border-spacing: 10px 5px; margin: 0 auto; width: 85%; overflow: hidden; } .areaPoint_wrap div { float: left; width: 500px; height: 272px; background: #ece5d5; position: relative; overflow: hidden; padding-top: 10px; margin-bottom: 10px; } .areaPoint_wrap div h3 { color: #583317; font-size: 2.125em; margin: 2% 30px 3%; } .areaPoint_wrap div p { margin: 0 0 0 30px; } .areaPoint_wrap div:nth-child(1n) { margin-right: 10px; } .areaPoint_wrap div:first-child { border-radius: 20px 0 0 0; } .areaPoint_wrap div:first-child p img { float: right; position: relative; right: -10px; bottom: 0; } .areaPoint_wrap div:nth-child(2) { border-radius: 0 20px 0 0; } .areaPoint_wrap div:nth-child(2) p img, .areaPoint_wrap div:nth-child(3) p img { float: right; margin: 20px 20px 10px 10px; } .areaPoint_wrap div:nth-child(3) { border-radius: 0 0 0 20px; } .areaPoint_wrap div:nth-child(4) { border-radius: 0 0 20px 0; } .areaPoint_wrap div:nth-child(4) p img { position: absolute; right: -30px; bottom: 20px; } /* ボタン */ .bt_area01 { border: solid 1px #0e8b00; border-radius: 10px; margin: 2em auto 0; text-align: center; width: 500px; } .bt_area01 a { background: #089307; border: solid 1px #02bd02; border-radius: 10px; -moz-box-shadow: inset 0px 70px 0px -30px #54b75a; -webkit-box-shadow: inset 0px 70px 0px -30px #54b75a; box-shadow: inset 0px 70px 0px -30px #54b75a; color: #fff; display: block; font-size: 2.1em; font-weight: bold; padding: 0.85em 0; } .bt_area01 a:hover { color: #fff; opacity: 0.7; } .bt_area01 a:after { content: url(https://dc4fd6.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/area_arrow01.png); margin-left: 0.5em; position: relative; } .malinky-load-more { margin: 2em auto; width: 400px; position: relative; } .malinky-load-more a, .pix-load-more .malinky-load-more { border: solid 3px #fd661c; border-radius: 15px; color: #fd661c; display: block; font-size: 18px; font-weight: bold; padding: 1.2em 0; text-align: center; text-decoration: none; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative; } .malinky-load-more a:hover { color: #fd661c; opacity: 0.7; } .malinky-load-more:after { content: url(https://8ab0c5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/area_arrow02.png); margin-left: 0.5em; position: absolute; right: 12%; top: 38%; } .pix-load-more input[type="button"] { background: url(https://8ab0c5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/area_arrow02.png) no-repeat; background-position: 80% 50%; padding: 20px 0; } .pix-load-more input[type="button"]:hover { background: #fff url(https://8ab0c5.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/area_arrow02.png) no-repeat!important; background-position: 80% 50% !important; opacity: .8; } /* エリアで絞り込む */ .select_area { border: solid 1px #a0a0a0; margin: 50px auto 0; width: 100%; } .select_area dt { background: #583318; border-bottom: solid 1px #a0a0a0; color: #fff; padding: 1em; } .select_area dd { padding: 1em; } .select_area dd ul li { float: left; margin-right: 1em; } .select_area dd ul li a { color: #333; } /* お客様の声 */ .w90 { margin: 0 auto; width: 90%; } .area_voice { border: solid 1px #f6dbb4; margin: 30px 0 0; padding: 2.5%; width: 43%; height: 200px; } .area_voice:nth-child(even) { float: right; } .area_voice:nth-child(odd) { float: left; } .area_voice_l { width: 30%; float: left; } .area_voice_l img { border: 1px solid #999; box-sizing: border-box; } .area_voice_r { width: 65%; margin-left: 5%; float: left; } .satisfaction { display: table; width: 100%; } .satisfaction > p { display: table-cell; vertical-align: middle; width: 100px; } .satisfaction div { color: #000; display: table-cell; font-size: 0.875em; line-height: 1.5; padding-left: 4%; vertical-align: middle; } .bt_area_detail { margin: 2em auto 0; } .bt_area_detail a { background: #ff9800 url(https://0fd9a1.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/area_glass.png) no-repeat center left 30%; color: #fff; display: block; font-weight: bold; padding: .8em 0 .8em 20px; text-align: center; text-decoration: none; } .bt_area_detail a:hover { color: #fff; background: #FF6E00 url(https://0fd9a1.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/area_glass.png) no-repeat center left 30%; } .select_area dd ul:after, .area_voice:after, .prefecture:after, .regionTab:after { clear: both; content: ""; display: block; } /*ページャー*/ .voicepager * { padding: 0 !important; } .voicepager .wp-pagenavi { overflow: inherit; } .voicepager span, .voicepager a { padding: 10px; font-size: 20px; padding: 5px 15px !important; } .voicepager span { border: 1px solid #ff9801 !important; color: #ff9801 !important; background: #fff !important; padding: 5px 15px !important; } .voicepager a { background: #ff9801 !important; color: #fff !important; } .voicepager .wp-pagenavi span.current { border-color: #ff9801 !important; padding: 6px 13px !important; } .voicepager .wp-pagenavi span.pages { padding: 7px 13px !important; } .voicepager .wp-pagenavi a, .voicepager .wp-pagenavi a:link, .voicepager .wp-pagenavi a:visited, .voicepager .wp-pagenavi a:active { padding: 8px 15px !important; border-color: #ff9801 !important; color: #fff !important; } /*==============お客様の声 詳細==============*/ .voiceWrap { padding: 50px 70px 0; overflow: hidden; } .voiceWrap h2 { color: #333; font-weight: bold; font-size: 30px; } .voiceWrap h3 { font-size: 16px; font-weight: bold; padding: 0 0 0 5px; border-left: 5px solid #ff9801; margin: 0 0 15px 10px; } .voiceWrap .ttl-voiceorg { background: #ff9801; color: #fff; border: none; font-size: 20px; padding: 3px 12px; margin: 0 0 30px 0; } .voiceWrap dt, .voiceWrap dd { display: inline-block; vertical-align: middle; } .voiceWrap dt { background: #583317; padding: 2px 15px; color: #fff; font-weight: bold; } .voiceWrap dd { padding: 2px 15px; margin-right: 50px; font-size: 14px; } .voiceWrap .right { float: right; width: 540px; } .voiceWrap p { margin: 0 0 40px 20px; font-size: 14px; } .voiceWrap .voiceimg { float: left; margin: 0 0 40px; border: 1px solid #999; } .voiceWrap .rightF { margin-left: 10px; } .rightF { float: right; } .voiceWrap .service { width: 458px; overflow: hidden; border-top: none; background: #fff; display: inline-block; border-bottom: 2px dotted #c9c9c9; margin: 20px 0 40px 40px } .voiceWrap .service dt { width: 129px; float: left; padding: 10px; border-top: 2px dotted #c9c9c9; background: #fff; color: #333; font-size: 14px; font-weight: normal; } .voiceWrap .service dd { width: 289px; float: left; margin: 0; padding: 10px; border-top: 2px dotted #c9c9c9; position: relative; } .voiceWrap .service dd::after { clear: both; display: block; content: ''; position: absolute; top: 1.25em; left: -.6em; width: 12px; height: 5px; border-left: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .voiceWrap .service dd::before { display: block; content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #333; top: 1.3em; left: -.6em; } .voiceWrap .service:last-of-type dt { width: 239px; } .voiceWrap .service:last-of-type dd { width: 179px; } .voiceWrap .service dt:first-child, .voiceWrap .service dd:nth-child(2) { border: none; } .voiceWrap .thanks { text-align: center; font-size: 20px; margin: 10px 0 50px; } .btnvoicelist { width: 240px; margin: 0 auto !important; } .btnvoicelist a { display: block; text-align: center; color: #fff; font-size: 20px; background: #ff9801; padding: 10px 0 10px 30px; font-weight: bold; position: relative; border: 2px solid #ff9801; } .btnvoicelist a::after, .btnvoicelist a::before { display: block; content: ''; position: absolute; } .btnvoicelist a::after { top: 34%; left: 20%; width: 15px; height: 15px; background-color: #fff; border-radius: 100%; } .btnvoicelist a::before { z-index: 2; top: 44%; left: 22.2%; width: 4px; height: 4px; border-left: 2px solid #ff9801; border-top: 2px solid #ff9801; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .btnvoicelist a:hover { color: #ff9801; background: #fff; } .btnvoicelist a:hover::after { background-color: #ff9801; } .btnvoicelist a:hover::before { border-color: #fff; } /*==============他社お見積り適正価格診断==============*/ #prcdgns { padding: 50px; box-sizing: border-box; } #prcdgns h2 { text-align: center; margin-bottom: 30px; } #prcdgns h2 span { display: inline-block; vertical-align: middle; } #prcdgns h2 span:first-child { background: #724d23; padding: 15px 15px 10px; margin-right: 20px; border-radius: 10px; position: relative; } #prcdgns h2 span:first-child::after { position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 8px; border-color: transparent transparent transparent #724d23; right: -8px; top: 40%; } #prcdgns h2 span:first-child img { display: block; margin-bottom: 5px; } #prcdgns h2 span:nth-child(2) img { margin-left: 5px; } /*STEP*/ #prcdgns h3 { background: #ffa800; text-align: center; color: #fff; font-weight: normal; font-size: 24px; padding: 10px; position: relative; margin-bottom: 50px; } #prcdgns h3 span { font-size: 18px; } #prcdgns h3::after { position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 20px 31px 0 31px; border-color: #ffaa00 transparent transparent transparent; bottom: -20px; left: 0; right: 0; margin: 0 auto; } #prcdgns .step1 { margin-bottom: 50px; } #prcdgns .step1 div { display: inline-block; text-align: center; vertical-align: middle; margin: 0 50px 0 100px; } #prcdgns .attention { width: 400px; background: #fffcd7; border-radius: 5px; padding: 20px 20px 10px; margin: 0 !important; } #prcdgns .attention h4 { font-size: 24px; color: #FF0004; } #prcdgns .attention ul { text-align: left; margin: 15px 0 0 1em; color: #333; } #prcdgns .attention li { list-style: disc inside; text-indent: -1em; padding: -1em; margin-bottom: 10px; font-size: 14px; } #prcdgns .attention span { color: #FF0004; } /**/ .prcdgnsform { background: #f5efe5; width: 820px; margin: 50px auto; padding: 50px; } .prcdgnsform form { padding: 0 !important; } .prcdgnsform dl { margin: 0 auto 10px; overflow: hidden; width: 70%; } .prcdgnsform dt { width: 35%; float: left; margin: 0; padding: 9px; box-sizing: border-box; border: none !important; } .prcdgnsform dd { width: 65%; float: left; margin: 0; padding: 10px !important; box-sizing: border-box; border: none !important; } .prcdgnsform dd::after { clear: both; } .prcdgnsform span { font-size: 10px; color: #FF0004; margin: 0 0 0 10px; } /**/ #prcdgns .mfp_buttons { display: block; margin: 0; } #prcdgns .mfp_buttons button { font-size: 20px; color: #fff; background: #724d23; border: 1px solid #b4b4b4; padding: 5px 30px; font-weight: bold; text-shadow: none !important; } #prcdgns .step3 { margin: 0 auto 50px; width: 900px; } #prcdgns .step3 div { margin: 0 0 0 30px; text-align: left; vertical-align: middle; display: inline-block; } #prcdgns .step3 div p { margin: 0 0 10px; } #prcdgns .step3 div p:nth-child(3) { text-indent: -1em; padding-left: 1em; } #prcdgns .advisor { background: #e6e6e6 none repeat scroll 0 0; border-radius: 5px; color: #4d3300; font-size: 18px; margin: 0 0 20px 100px; padding: 8px 30px; position: relative; text-align: center; display: inline-block; font-weight: bold; } #prcdgns .advisor::after { border-color: #e6e6e6 transparent transparent; border-style: solid; border-width: 8px 10px 0; bottom: -8px; content: ""; display: block; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; } #prcdgns .centerT { margin-bottom: 30px; } #prcdgns .centerT a { display: inline-block; vertical-align: bottom; color: #3F2300; } #prcdgns .centerT a img { display: block; } #prcdgns .centerT a:first-child img { margin-right: 50px; } /*サンクスページ*/ #prcdgnsthanks { padding: 100px 50px 50px; box-sizing: border-box; } #prcdgnsthanks h2 { text-align: center; font-size: 30px; margin-bottom: 20px; } #prcdgnsthanks .centerT { margin: 50px 0; } .thanksback { width: 200px; text-align: center; margin: 0 auto 30px; } .thanksback a { background: #583317; color: #fff; display: block; border-radius: 5px; padding: 10px 10px 10px 30px; position: relative; } .thanksback a::after, .thanksback a::before { border-left: 2px solid #fff; border-top: 2px solid #fff; content: ""; display: block; height: 6px; left: 22%; position: absolute; top: 40%; transform: rotate(-45deg); width: 6px; } .thanksback a::before { left: 25%; } .centerT { text-align: center; } /* 2018.03.07 更新*/ .cv-big-btnarea3 { width: 361px; margin: 0; float: left; } .cv-big-btnarea3 img { width: 100%; height: auto; } .tyousabtn2 { position: relative; width: 137px; margin: 4px 0 0 10px; padding: 5px 0; background: #fff; border: 1px solid #d96036; font-size: 12px; font-weight: bold; color: #583318; text-align: center; float: left; } .tyousabtn2:before { position: absolute; content: "▼"; top: 50%; left: -15px; margin: -15px 0 0; transform: scale(0.5, 1) rotate(-90deg); font-size: 30px; color: #d96036; } .tyousabtn2 strong { font-size: 18px; color: #f00; } /*==============================================================*/ /* 現地調査 */ /*==============================================================*/ .fieldsurvey {color: #3f2300 !important; } /*メインイメージ*/ #fieldMain { overflow: hidden; margin-top: 50px; text-align: center; font-weight: bold; } #fieldMain > figure { position: absolute; left: 70px; } #fieldMain div { float: right; width: 750px; position: relative; z-index: 1; } #fieldMain div figure { margin: 20px 0; } #fieldMain p { font-size: 20px; } #fieldMain .catch { font-size: 36px; margin-bottom: 30px; text-align: left; } #fieldMain .catch span { background: #583317; color: #fff; font-size: 20px; padding: 5px 15px; display: inline-block; border-radius: 5px; margin-bottom: 20px; margin-top: 10px; } #fieldMain .catch::after { content: ''; width: 97%; border-top: 10px solid #fff100; display: block; } #fieldMain p:last-child { margin-bottom: 45px; } #fieldMain p:last-child span { font-size: 30px; color: #ff4e00; } /*タイミング*/ #fieldAttention .wrap { overflow: hidden; width: 95%; margin: 0 auto; } #fieldAttention h2 { background: #583317; border-radius: 10px 10px 0 0; color: #fff; text-align: center; font-size: 22px; padding: 20px 0; } #fieldAttention h2 span { background: #ff4e00; border-radius: 50%; display: inline-block; font-size: 26px; height: 25px; margin: -100px 10px -100px 0; padding: 50px 0; width: 125px; } #fieldAttention dl { float: left; padding: 30px 0 60px; vertical-align: top; width: 240px; margin-right: 25px; } #fieldAttention dl:last-of-type { margin-right: 0; } #fieldAttention dt { text-align: center; font-weight: bold; font-size: 20px; line-height: 2.5; } #fieldAttention dd { padding: 10px; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; } #fieldAttention .wrap > figure { display: inline; margin-right: 50px; } #fieldAttention .catch { font-size: 32px; font-weight: bold; margin: 0 0 30px; } #fieldAttention .catch span { font-size: 13px; display: inline-block; margin-right: 20px } #fieldAttention .txt { display: inline-block; vertical-align: top; padding-top: 20px; } /*お任せ下さい！*/ .fieldEntrust { background: #fffbc2; border-radius: 15px; margin: 50px auto; position: relative; padding: 45px 0 30px; width: 1050px; letter-spacing: .1em; } .fieldEntrust > p:first-child { background: #3f2300; color: #fff; display: block; font-size: 40px; font-weight: bold; padding: 20px 5px 20px 15px; position: absolute; transform: rotate(-15deg); left: -15px; top: 0 } .fieldEntrust div { width: 605px; margin: 30px 0 0 60px; } .fieldEntrust div p:first-child { font-size: 40px; font-weight: bold; position: relative; z-index: 0; margin-bottom: 40px; letter-spacing:1px; } .fieldEntrust div p:first-child span { font-size: 26px; } .fieldEntrust div p:first-child::after { content: ''; width: 87%; border-top: 10px solid #fff100; display: block; position: absolute; right: 0; z-index: -1; } .fieldEntrust figure { position: absolute; right: 30px; bottom: 0; } .fieldEntrust div .txt { margin-left: 30px; letter-spacing: 0; } .fieldEntrust div .txt span { font-size: 20px; font-weight: bold; margin-bottom: 30px; display: block } /*現地調査-外壁篇-*/ #fieldWall h2 { background: #2f9307; color: #fff; font-weight: bold; font-size: 30px; padding: 20px; margin-bottom: 50px; } #fieldWall .txt { margin-left: 40px; display: inline-block; vertical-align: middle; } #fieldWall h3 { font-size: 32px; font-weight: bold; margin-bottom: 30px; } #fieldWall h3 img, #fieldWall h3 span { vertical-align: middle; } #fieldWall h3 img { margin-right: 10px; } #fieldWall > figure { display: inline-block; margin: 0 0 50px 50px; } #fieldWall .txt p { margin-left: 55px; } .fieldpoint { background: #f5f0e5; padding: 30px 40px; margin: 0 20px 50px; border-radius: 15px; } .fieldpoint li { border-bottom: 1px dotted #3f2300; padding: 15px; } .fieldpoint li:last-child { border: none; } .fieldpoint li dt { font-weight: bold; font-size: 24px; margin-right: 30px; } .fieldpoint li dt, #fieldWall li dd { display: inline-block; } .fieldpoint li dt span { margin-right: 30px; } .fieldpoint li dt span span { font-size: 16px; margin: 2px; } .fieldtool { letter-spacing: -.4em; width: 1000px; margin: 0 auto 50px; } .fieldtool li { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; margin-bottom: 30px; } .fieldtool figure { border: 1px solid #3f2300; width: 150px; height: 150px; text-align: center; position: relative; display: inline-block; vertical-align: top; margin-right: 20px; } .fieldtool figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .fieldtool dl { display: inline-block; width: 300px; } .fieldtool dt { font-size: 20px; margin-bottom: 10px; } /*現地調査-屋根*/ #fieldRoof h2 { background: #ff4e00; color: #fff; font-weight: bold; font-size: 30px; padding: 20px; margin-bottom: 50px; } .fieldContact { text-align: center; } .fieldContact li { display: inline-block; margin: 0 10px; } #fieldRoof .catch { text-align: center; margin: 80px 0 20px; } #fieldRoof .catch img { margin: 0 5px 20px; position: relative; } #fieldRoof .catch p:nth-child(2) img { vertical-align: bottom; } #fieldRoof .catch p:nth-child(2)::before, #fieldRoof .catch p:nth-child(2)::after { display: inline-block; height: 60px; content: ''; border-left: 1px solid #3f2300; transform: rotate(-35deg); margin-right: 30px; } #fieldRoof .catch p:nth-child(2)::after { margin-right: 0; margin-left: 30px; transform: rotate(35deg); } #fieldRoof .txt { margin-left: 40px; display: inline-block; vertical-align: middle; } #fieldRoof h3 { font-size: 32px; font-weight: bold; margin-bottom: 40px; } #fieldRoof h3 img, #fieldWall h3 span { vertical-align: middle; } #fieldRoof h3 img { margin-right: 10px; } #fieldRoof > figure { display: inline-block; margin: 0 0 50px 50px; } #fieldRoof .txt p { margin-left: 55px; } #fieldRoof .fieldpoint dd { margin: 10px 0 10px 95px; } #fieldRoof .fieldpoint li { margin: 0 auto; width: 88%; } #field figure { display: inline-block; margin: 0 50px; } #field .wrap { display: inline-block; vertical-align: top; width: 700px; } #field .wrap .catch { background: #e6e6e6; text-align: center; padding: 20px 15px; border-radius: 30px; font-size: 30px; font-weight: bold; margin-bottom: 20px; position: relative; } #field .wrap .catch::before, #field .wrap .catch::after { display: block; position: absolute; content: ''; width: 30px; height: 30px; background: #e6e6e6; border-radius: 50%; left: -40px; bottom: -10px; } #field .wrap .catch::after { width: 15px; height: 15px; left: -60px; bottom: -15px; } #field .catchanswer { font-size: 34px; text-align: center; line-height: 1.5; font-weight: bold; margin-bottom: 30px; } #field .catchanswer small { display: block; font-size: 24px; position: relative; } #field .catchanswer small::before, #field .catchanswer small::after { display: inline-block; height: 30px; content: ''; border-left: 1px solid #3f2300; transform: rotate(-35deg); margin-right: 30px; vertical-align: middle; } #field .catchanswer small::after { margin-right: 0; margin-left: 30px; transform: rotate(35deg); } #field .catchanswer span { color: #ff4e00; } #field p:last-child { padding: 0 40px; } .aftercare { width: 920px; border: 3px solid #3f2300; margin: 70px auto; border-radius: 10px; position: relative; padding: 30px 50px 70px; box-sizing: border-box; } .aftercare h2 { background: #fff; display: inline-block; font-size: 30px; left: 50%; padding: 10px 20px; position: relative; top: -50px; transform: translate(-50%) } #fieldFlow h2 { background: #3f2300; border-radius: 10px 10px 0 0; text-align: center; color: #fff; font-size: 40px; position: relative; padding: 20px 0; margin-bottom:50px; } #fieldFlow h2 span { font-size: 22px; } #fieldFlow h2 img { position: absolute; top: -15px; right: 170px; } #fieldFlow h2 img:first-child { left: 160px; right: inherit; } #fieldFlow ol { overflow:hidden; width:980px; margin:0 auto 60px;} #fieldFlow ol li { width:220px; float:left; text-align:center; margin-right:30px; list-style:none; position:relative;} #fieldFlow ol li::after { border-color: transparent transparent transparent #b5b5b5; border-style: solid; border-width: 22.5px 0 22.5px 20px; content: ""; display: inline-block; height: 0; position: absolute; right: -25px; top: 38%; width: 0; } #fieldFlow ol li:last-child::after { display:none;} #fieldFlow ol li:last-child { margin-right:0;} #fieldFlow ol li dt { font-size:18px; font-weight:bold; } #fieldFlow ol li:nth-child(3) dt { font-size:16px;} #fieldFlow ol li figure { border:1px solid #3f2300; height:220px; width:220px; box-sizing:border-box; position:relative; margin:20px 0;} #fieldFlow ol li figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } #fieldFlow ol li dd { text-align:left;} /*お客様の声*/ #fieldVoice h2 { background:#ff4e00; padding:15px; color:#fff; font-weight:bold; margin:60px 0; text-align: center; font-size:26px;} #fieldVoice h2 span { font-size:40px; } #fieldVoice ul { overflow:hidden; width:1020px; margin:0 auto 50px; color: #3f2300; } #fieldVoice li { border:1px solid #b4b4b4; width:500px; box-sizing:border-box; float:left; margin: 0 20px 30px 0; padding: 20px 30px; height:180px; } #fieldVoice li:nth-child(2n) { margin-right:0;} #fieldVoice li figure { display:inline-block; margin-right:25px} #fieldVoice li div {display:inline-block; width:71%; vertical-align:middle;} #fieldVoice li h3 ,#fieldVoice .name{ font-size:18px; margin-bottom:10px; } /*高額外壁塗装業者*/ #fieldExpensive { width:1020px; margin:0 auto 100px;} #fieldExpensive figure,#fieldExpensive div { display:inline-block; vertical-align:middle; } #fieldExpensive div { width:560px; margin-left:30px} #fieldExpensive h2 { font-size:30px; font-weight:bold; line-height:1.2; margin-bottom:20px} #fieldExpensive p { margin-bottom:10px;} .fieldpad { padding:60px 0 ;} /*メディア出演情報（トップ）*/ #media { margin: 40px 6px 0 4px; padding: 10px; background: #fff; border: 1px solid #724c22; } #media h3 { width: 154px; padding: 10px 0; font-size: 18px; color: #724c22; text-align: center; float: left; } #media dl { width: 978px; padding: 0 0 0 15px; border-left: 1px solid #724c22; float: right; } #media dt { width: 98px; padding: 0 0 10px; float: left; clear: both; } #media dt img { width: 100%; height: auto; } #media dd { width: 860px; padding: 10px 0 10px 20px; float: right; } /*お問い合せへの誘導バナー*/ .inquiry { padding: 30px 0 0; text-align: center; } .inquiry a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; transition: all .4s; } #repaint .inquiry { padding: 0 0 40px; } /*電話誘導バナー*/ .callus { text-align: center; font-size: 20px; line-height: 1.1em; font-style: normal; } .callus a { width: 570px; min-height: 83px; margin: 0 auto; padding: 10px 10px 10px 140px; background: #9cf url(https://105db1.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/icon-freedial.png) no-repeat left 20px center; border-radius: 10px; color: #000; display: block; } .callus a em { padding: 5px 0; margin-bottom: 5px; background: #39c; color: #fff; font-style: normal; display: block; } .callus a strong { font-size: 42px; line-height: 1.1em; } .callus a time { margin-left: 20px; } /*フッター誘導ボタン*/ #floatfooter { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.2); text-align: center; } #floatfooter p { padding: 5px 0; background: rgba(0,0,0,0.5); text-shadow: 1px 1px 2px rgba(0,0,0,0.8); color: #fff; } #floatfooter ul { padding: 10px 0; } #floatfooter li { width: 360px; padding: 0 10px; display: inline-block; } #floatfooter li a { position: relative; padding: 10px 10px 10px 60px; background: #ff9900; /* Old browsers */ background: -moz-linear-gradient(top, #ff9900 0%, #ff7700 49%, #ff6600 50%, #ff3300 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff9900 0%,#ff7700 49%,#ff6600 50%,#ff3300 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff9900 0%,#ff7700 49%,#ff6600 50%,#ff3300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff3300',GradientType=0 ); /* IE6-9 */ border: 2px groove rgba(255,255,255,0.4); border-radius: 8px; box-shadow: 1px 1px 6px rgba(0,0,0,0.4); font-size: 20px; font-weight: bold; color: #fff; display: block; } #floatfooter li a:hover { background: #ffddb2; /* Old browsers */ background: -moz-linear-gradient(top, #ffddb2 0%, #ff9900 49%, #ff8800 52%, #ff6600 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffddb2 0%,#ff9900 49%,#ff8800 52%,#ff6600 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffddb2 0%,#ff9900 49%,#ff8800 52%,#ff6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddb2', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */ } #floatfooter li:first-child a { background: #64bf6d; /* Old browsers */ background: -moz-linear-gradient(top, #64bf6d 0%, #41af45 49%, #089408 50%, #089307 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #64bf6d 0%,#41af45 49%,#089408 50%,#089307 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #64bf6d 0%,#41af45 49%,#089408 50%,#089307 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64bf6d', endColorstr='#089307',GradientType=0 ); /* IE6-9 */ } #floatfooter li:first-child a:hover { background: #b2ffbf; /* Old browsers */ background: -moz-linear-gradient(top, #b2ffbf 0%, #42b557 49%, #0ba047 52%, #116d05 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b2ffbf 0%,#42b557 49%,#0ba047 52%,#116d05 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b2ffbf 0%,#42b557 49%,#0ba047 52%,#116d05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ffbf', endColorstr='#116d05',GradientType=0 ); /* IE6-9 */ } #floatfooter li a small { font-size: 17px; } #floatfooter li a:before { content: "無料"; position: absolute; left: 10px; top: 50%; margin-top: -25px; padding: 15px; background: #FF0; border-radius: 6px; font-size: 20px; line-height: 20px; color: #f00; } #footer { padding: 5px 0 110px !important; } /*********** 新スマホナビ**************/ .pcOnly { display:block; } .spOnly { display: none; } .navbar-inverse { position: relative; top: 15px; } .navbar-header { padding: 10px 15px; height: 55px; background-color: #57331b; border-color: #06553a; } .navbar-header:before { display: table; content: " "; } .navbar-toggle, .navbar-toggle { background-color: #3f200b; border: none; padding: 10px; border-radius: 5px; float: right; } .navbar-header:after { content: ""; display: block; clear:both; } .navbar-brand { color: #fff; font-size: 17px; padding-top: 5px; display: block; } .navbar-toggle:focus, .navbar-toggle:hover { background-color: #291508; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .navbar-header .navbar-toggle .icon-bar { background-color: #fff; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-inverse button, .navbar-inverse input, .navbar-inverse select, .navbar-inverse textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-nav { display: none; background-color: #efe7db; position: absolute; top: 55px; width: 100%; border-bottom: solid 1px #57331b; z-index: 4; } .navbar-nav ul { border-bottom: solid 1px #57331b; margin-bottom: 10px; } .navbar-nav li { border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 #57331b; box-shadow: inset 0 1px 0 #57331b; } .navbar-nav li a { color: #57331b; display: block; padding: 10px 15px; } .navbar-nav li ul li a { background-color: #57331b; padding: 5px 15px 5px 45px; color: #efe7db; } .navbar-nav img { display: block; margin: 0 auto 20px; max-width: 98%; } .navbar-header .m_tit { color: #FFF; margin-top: 4px; font-size: 17px; display: block; } .is-fixed { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; } .navbar-inverse .navbar-header { display: none; } .is-fixed .navbar-header { display: block; } .navbar-header p { margin: -8px 0; } .navbar-header p img { width: 72px; height: 51px; } /*********** コールバック**************/ .contactbox.callback p.guide { min-height: 102px; margin: 20px 0 0; padding: 10px 0 0 160px; background: url(https://59bdbc.claudeassets.com/20251212123414im_/https://gaiheki-com.com/common/images/img-callback.jpg) no-repeat left top; background-size: 160px 102px; font-size: 26px; line-height: 1.6em; font-weight: bold; color: #f64f1c; } .contactbox.callback p.guide small { font-size: 20px; } .contactbox.callback .contact-allform th { width: 200px; background: #ddd; border-bottom: 1px #fff solid; } .contactbox.callback .contact-allform .address-all { width: auto; } .contactbox.callback .contact-allform .address-all th { width: auto; background: transparent; } .contactbox.callback .contact-allform th small { font-size: 10px; font-weight: normal; } .contactbox.callback .must { margin-left: 0; margin-right: 10px; } .contactbox.callback .must.will { background: #34467a; } /*********** お役立ち情報文中内の他記事へのリンク**************/ .addpost { padding: 30px 0; } .entry-content .addpost a { padding: 20px; background: #f2f0ea; text-decoration: none; color: #1a1a1a; display: block; } .entry-content .addpost h4 a { padding: 0 0 10px; background: transparent; text-decoration: underline; font-size: 20px; color: #00a0e9; } .addpost figure { width: 200px; float: left; } .entry-content .addpost dl { width: 530px; margin: 0; float: right; } .entry-content .addpost a dt { padding: 0 0 10px; font-size: 20px; line-height: 1.4em; color: #8a7245; } .entry-content .addpost dd { margin: 0; line-height: 1.6em; } .entry-content .addpost ul { margin: 0; } .addpost .usefulcategory { width: auto; padding: 10px 0 0; float: none; } /* FILE ARCHIVED ON 21:17:09 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.366 exclusion.robots: 0.038 exclusion.robots.policy: 0.031 esindex: 0.007 cdx.remote: 8.959 LoadShardBlock: 416.804 (3) PetaboxLoader3.datanode: 358.994 (4) PetaboxLoader3.resolve: 138.931 (3) load_resource: 84.294 */