@charset "utf-8";

p{ font-size:1.7rem; line-height:2; }
img{ max-width:100%; }

.pc{ display:none; }

.block1{ padding:10% 5%;  }

.box01{ padding:5% 5%; }

.unit{ margin:7.5% 0; }

.ttl01{ font-size:2.7rem; margin:0 0 5%; }
.ttl02{ font-size:2.2rem; margin:0 0 5%; }
.ttl02 .num{ background:#69ba00; border-radius:5px; display:block; color:#fff; font-size:85%; padding:2%; line-height:1; font-weight:normal; text-align:center; margin:0 0 4%; }
.ttl03{ font-size:1.9rem; margin:0 0 3%; }

.cv{}
.cv .block1{ padding:10%; }
.cv .infobox{ margin:0 0 7.5%; text-align:center; }
.cv .infobox .ex{ font-size:2.0rem; font-weight:bold; }
.cv_btn_box{}
.cv_btn_box img{ width:100%; }
.cv_btn_box .cv_btn01{ width:45%; float:left;  }
.cv_btn_box .cv_btn02{ width:45%; float:right; }

.headline_box{ margin:0 0 10%; }
.headline_box .ttl01{ margin:0 0 7.5%; }
.headline_box h2 .ja{ font-size:2.3rem; }
.headline_box h2 .en{ font-size:7.0rem; }


#concept .left{ text-align:center; }
#concept .left img{ border-radius:15px; width:100%; }
.area_list_item{ margin:0 0 5%; }
.area_list_item:nth-child(3n){ }
.area_list_item .infobox{ padding:5% 7.5% 7.5%; }
.area_list_item .infobox p{ font-size:1.6rem; line-height:150%; }
.area_list_item h3{ }
.area_list_item h3 .sub{ margin:0 0 3%;  }
.area_list_item h3 .ttl{ font-size:3.0rem; margin:0 0 5%; }
.area_list_item img{ width:100%; }
#area .row{ margin:0; }



#merit{}
#merit .headline_box h2{ }
#merit .headline_box .txt{ }
.merit_item{ position:relative; border-radius:20px; overflow:hidden; }
.merit_item .img img{ width:100%; }
.merit_item .infobox{ padding:5% 7.5% 7.5%;  }
.merit_item .infobox h3{ text-align:center; }
.merit_item .infobox h3:after{ }
.merit_item .infobox h3 .num{ display:block; margin:0 0 5%; }
.merit_item .infobox h3 .ttl{ display:block; font-size:3.0rem; line-height:150%; margin:0 0 5%; }



#photo .headline_box h2{ }
#photo .headline_box .txt{ }
.gallery-list{ }
.gallery-list:after{ display: block; visibility: hidden; clear: both; overflow: hidden; content: ''; }
.gallery-list li{ float:left; width:49%; margin:0 2% 2% 0; }
.gallery-list li:nth-child(2n){ margin-right:0; }



#service{}
#service .headline_box h2{ }
#service .headline_box .txt{ }
#service .service_list h3{ margin:0 0 5%; text-align:center; }
#service .service_list h3 .num{ margin:0 0 5%; display:block;  }
#service .service_list h3 .ttl01{ }
#service .ttl02{ text-align:center; }
#service .imgbox{ margin:5% 0; }
.service01_02 .left{ }
.service01_02 .right{ }
.service01_02 .imgbox{ }
.service01_03 .left{ }
.service01_03 .right{ }
.service01_03 .imgbox{ }
.service01_04 .imgbox{ }
.service_group .box01{ margin:0 0 5%; }
.service_group .box01:nth-child(3n){ }
.service_group .box01 .icon { margin-bottom:5%; }
.service_group .box01 .ttl02{ margin-bottom:5%; }
.service_group .box01 .txt{ font-size:1.6rem; line-height:150%; }



#payment{}
#payment .headline_box h2{ }
#payment .headline_box .txt{ }
#payment .shiharai .tbl01 td{ }
.payment_list{ }
.payment_list .box01{ margin:0 0 5%;}
.payment_list .payment_plan30{ }
.payment_list .payment_plan365{ }
.payment_list .payment_plan730{ }
.payment_list .icon{ margin:0 0 3%; }
.payment_list .ttl02{ margin:0 0 5%; }



#campaign{}
#campaign .headline_box h2{ }
#campaign .headline_box .txt{ }
#campaign .left{ }
#campaign .right{ }
#campaign .left{ text-align:center; margin:0 0 7.5%; }
#campaign .left .icon{ margin:0 0 3%; }
#campaign .left .ttl{ font-size:3.0rem; line-height:150%;  }
#campaign .right .summary{}
#campaign .right .list01{ margin:20px 0 25px; }
#campaign .right .list01 li{ font-weight:bold; margin:5px 5px; }
#campaign .right .list01 li strong{ margin:0 4px; }
#campaign .right .list01 li:before{ top:16px; }
#campaign .right .note{ font-size:14px; line-height:28px; }
.campaign_box{ padding:7.5% 7.5%; margin:0 0 5%; }



#point5{}
#point5 .headline_box h2{ }
#point5 .headline_box .txt{ }
#point5 .reasons{}
#point5 .reasons .reason{ margin-bottom:5%; }
#point5 .reasons .reason .box01{}
#point5 .reasons .reason .heading{ }
#point5 .reasons .reason .heading{}
#point5 .reasons .reason .heading .order-count{ font-size:7.0rem; margin:0 0 3%;  }
#point5 .reasons .reason .heading .ttl03{ font-size:3.0rem; margin:0 0 5%; }
#point5 .reasons .reason .box02{ margin:5% 0 0; padding:7.5%;  }
#point5 .reasons .reason .box02 h3{ margin:0 0 5%; font-size:2.0rem; }
#point5 .reasons .reason_item01{ }
#point5 .reasons .reason_item02{ }
#point5 .reasons .reason_item03{ }
#point5 .reasons .reason_item04{ }
#point5 .reasons .reason_item05{ }



#place{}
#place .headline_box h2{ }
#place .headline_box .txt{ }
.basebox { margin:0 4% 4% 0; width:48%; float:left; }
.basebox:after{ display: block; visibility: hidden; clear: both; overflow: hidden; content: ''; }
.basebox:nth-child(2n) { margin-right:0; }
.basebox .imagebox { margin:0 0 4%; }
.basebox .lead { margin:0 0 2%; font-size:1.4rem; }
.basebox .name { font-size:1.8rem; }
.basebox .own{ position:absolute; top:-13px; left:-13px; }



#faq{}
#faq .headline_box h2{ }
#faq .headline_box .txt{ }
.faqbox{}
.toggle-cont{ }
.ques{ background: url(/assets/img/room/offgridplus-shinagawa/faq_icon_q.png) 0 center no-repeat; }
.ques h3{ font-size:1.9rem; line-height:150%;  padding:10px 40px 10px 0; }
.ans{ padding-top:6px; }
#faq .box01{ padding:2.5% 2.5%; margin:3% 0; }
.toggle-btn:after {
    content: '＋';
    position: absolute;
    right: 0px;
    top:12px;
    color: #69ba00;
    font-size: 18px;
    font-weight:normal;
}



#process{}
#process .headline_box h2{ }
#process .headline_box .txt{ }
.process_list{ margin:0 0 5%; }
.process_list .box01{ padding:5%; }
.processbox{ margin:0 0 3%; }
.processbox .num{ text-align:center; color:#fb9c09; font-size:6.0rem; margin-bottom:1%; }
.processbox .icon{ text-align:center; margin-bottom:5%; }
.processbox h3{ text-align:center; font-weight:bold; color:#69ba00; margin-bottom:5%; font-size:2.5rem; }
.processbox .txt{ font-size:1.7rem; line-height:150%; }
.process_item01{ }
.process_item02{ }
.process_item03{ }
.process_item04{ }



#greeting{}
#greeting .headline_box h2{ }
#greeting .headline_box .txt{ }
#greeting .headline_box .txt p{ }
#greeting .left{ }
#greeting .right{ }
#greeting .right .image{ margin:0 0 3%; }
#greeting .right .image img{ border-radius:20px; width:100%; }
#greeting .right .line1{ margin:0 0 2%; }
#greeting .right .line2{ margin:0 0 5%;  }
.greeting_box,
.greeting_box p{ }



.tab-area { text-align:center; }
.tab{ opacity:0.7; }
.tab.active { opacity:1; }
.tab{ width:45%; display:inline-block; border-radius:10px 10px 0 0; font-size:1.9rem; padding:15px; margin:0 1%; text-align: center; color:#fff; }
.tab_kojin{ background:#0095da; }
.tab_houjin{ background:#fb9c09;   }
.panel { display: none; }
.panel.active { display: block; }
.panel{ padding:5%; border-radius:15px; }
.form_kojin{  border:1px solid #0095da; }
.form_houjin{ border:1px solid #fb9c09; }

.form .btnbox{ margin:7% 0; }
.datetime .wpcf7-form-control-wrap{ width:85%; margin-bottom:10px; }

.form table th{ font-size:2.0rem; padding-top:2%; color: #69ba00; }

.form table td .area51{ margin:0; padding:0; }
.wpcf7-text, .wpcf7-file, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz{ color:#3b3b3b; }
.form table td .pdf a{ color:#333; }
.selectline .label{ font-size:100%; padding:0; }
span.wpcf7-list-item{ margin-left:0; }

.txt_confirm{ display:none; margin:10px 0 40px; font-size:135%; font-weight:bold; color:#d5123e; }
.custom-wpcf7c-confirmed .txt_confirm{ display:block; }
.custom-wpcf7c-confirmed .form table th,
.custom-wpcf7c-confirmed .form table td.input{ padding:5px 0 5px 30px; }

.wpcf7 p{ margin-top:0; }
.wpcf7 .rules p{ font-size:1.4rem; line-height:150%; }


.form table td .select100{ margin:0; }
.form .custom-wpcf7c-confirmed table td .select100,
.form .custom-wpcf7c-confirmed table td .input100,
.form .custom-wpcf7c-confirmed table td .area51{ background:#e8f0fe; }
.form .custom-wpcf7c-confirmed .tr-kiyaku{ display:none; }
.form_block .btnbox{ margin:10px 0 40px; }
div.wpcf7-validation-errors{ display:none !important; }
.wpcf7-form-control-wrap.option-henkou-touki-koumoku1,
.wpcf7-form-control-wrap.option-henkou-touki-koumoku2,
.wpcf7-form-control-wrap.option-henkou-touki-koumoku3,
.wpcf7-form-control-wrap.option-henkou-touki-koumoku4,
.wpcf7-form-control-wrap.option-waddress-kyoten,
.wpcf7-form-control-wrap.option-shohyo-kubun{ display:inline-block; margin:5px 5px; }
.wpcf7-form-control-wrap.option-henkou-touki-koumoku1 .wpcf7-select,
.wpcf7-form-control-wrap.option-henkou-touki-koumoku2 .wpcf7-select,
.wpcf7-form-control-wrap.option-henkou-touki-koumoku3 .wpcf7-select,
.wpcf7-form-control-wrap.option-henkou-touki-koumoku4 .wpcf7-select,
.wpcf7-form-control-wrap.option-waddress-kyoten .wpcf7-select,
.wpcf7-form-control-wrap.option-shohyo-kubun .wpcf7-select{ min-width:250px; }.txt_confirm{ display:none; margin:10px 0 40px; font-size:135%; font-weight:bold; color:#d5123e; }
.custom-wpcf7c-confirmed .txt_confirm{ display:block; }




footer{ }
footer .flinks{ margin:0 0 5%; }
footer .flinks li{ margin:2.5% 0; }
footer .flinks li a{ font-size:1.5rem; }
footer .flogo{ margin:0 0 7.5%; }
footer .flogo img{ width:40%; }
footer .copy{ font-size:1.2rem; }