@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');

* {
	margin: 0;
	padding: 0;
	word-break: break-all;
	box-sizing: border-box;
}

body {
color:#514327;
font-family:  source-han-sans-japanese, "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

.cf:after,.clear:after,.block1:after,.block2:after,.inblock:after,.headline_box:after,.unit:after{
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    content: '';
}


p{ margin-bottom:0; color:#514327; }
a,p > a {
    color: #fb9c09;
    text-decoration: none;
}
strong{ font-weight:bold; }
ul{ margin:0; padding:0; }
ul li, ol li{ padding:0; }
ul li, ul li a, ol li, ol li a{ color:#3b3b3b; }
hr{ margin:60px 0; }

img{ max-width:100%; }
.yellow { color: #ff6; }
.red { color: #d10c3e; }
.green{ color: #69ba00; }
.blue{ color:#003e69; }
.orange{ color:#fb9c09; }
.bg-w{ background:#fff; }
.bg-b{ background:#e1eaf7; }
.bg-o{ background:#fef5ea; }
.bg-g{ background:#f7f7f7; }
.bg-y{ background:#ffc000; }
.bg-gr{ background: linear-gradient(90deg, #69ba00, #9ddc00); }
.ta-c{ text-align:center;}
.ta-l{ text-align:left; }
.ta-r{ text-align:right; }

.fs-lg{ font-size:300%; }
.fs-md{ font-size:143%; }
.fs-sm{ font-size:80%; }

.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }
.mt70{ margin-top:70px; }
.mt80{ margin-top:80px; }
.mt90{ margin-top:90px; }

.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }
.mb70{ margin-bottom:70px; }
.mb80{ margin-bottom:80px; }
.mb90{ margin-bottom:90px; }

.en{ font-family: 'Yeseva One', cursive; }

.ttl01{ color:#69ba00; font-weight:bold; }
.ttl02{ color:#69ba00; font-weight:bold; }
.ttl02 .num{ }
.ttl03{ color:#69ba00; font-weight:bold; }

.box01{ background:#fff; border:1px solid #69ba00; border-radius:20px;  }
.box02{ background:#fbf7ef;  border-radius:20px;   }

.list01{ margin:30px 0; }
.list01 li{ margin:15px 8px; padding-left:20px; position:relative;  }
.list01 li:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 10px;
  width: 7px;
  height: 7px;
  background: #69ba00;
  border-radius:50%;
}



#wrapper{ margin:0 0; box-shadow:none; }

.headline_box }
.headline_box .ttl01{}
.headline_box .ttl01 .en{}
.headline_box .ttl01 .ja{}

.unit{ }

.btnbox{ margin:40px 0 20px; padding:0 0; text-align:center; }
.imgbox{ text-align:center;}

.tbl01{ width:100%; margin:20px 0; }
.tbl01{}
.tbl01 tr th, .tbl01 tr td{ border: 1px solid #ddd; text-align:center; }
.tbl01.ta-l tr th, .tbl01.ta-l tr td{ text-align:center; }
.tbl01 tr th.ta-l, .tbl01 tr td.ta-l{ text-align:center; }
.tbl01 th.bg-o{ background:#e0e1e3; }
.tbl02{ width:100%; margin:20px 0; border:0;  }
.tbl02 th , .tbl02 td{ border:0; padding:0 1%; }

.tbl01 .bg-gr{ background:#69ba00; color:#fff; }



.headline_box{}
.headline_box:after{}
.headline_box h2 .ja{
color:#69ba00;
background:url(/assets/img/room/offgridplus-shinagawa/ttl01_ja_bg01.png) 0 center no-repeat; 
font-size:21px;
font-weight:bold;
padding:0 0 0 25px;
display:block;
margin:0 0 20px;
}

.headline_box h2 .en{
font-size: 80px;
/*font-weight: 700;*/
line-height: 10rem;
position: relative;
display: inline-block;
overflow: visible;
color: #9ddc00;
background: -webkit-linear-gradient(0deg, #69ba00, #9ddc00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.headline_box h2 .en em{
background:url(/assets/img/room/offgridplus-shinagawa/ttl01_en_bg01.png)  0 bottom repeat-x; 
padding:0 0 3px;
}

.headline_box .txt {}
.headline_box .txt p{ line-height:2; }

.bg-gr{  }
.bg-gr .headline_box h2 .ja{ color:#fff; background-image:url(/assets/img/room/offgridplus-shinagawa/ttl01_ja_bg02.png); }
.bg-gr .headline_box h2 .en{ color:#fff; background:none; -webkit-text-fill-color:#fff; }
.bg-gr .headline_box h2 .en em{ background-image:url(/assets/img/room/offgridplus-shinagawa/ttl01_en_bg02.png); }
.bg-gr .headline_box .txt p{ color:#fff; }

.cv{
	background: url(/assets/img/room/offgridplus-shinagawa/cv_bg01.jpg) no-repeat center center;
	background-size: cover;
}
.cv p{ color:#fff; }



.area_list_item{ border-radius:20px; background:#fff; overflow:hidden; }
.area_list_item:nth-child(3n){ }
.area_list_item .infobox{ }
.area_list_item .infobox p{ }
.area_list_item h3{ text-align:center; font-weight:bold; }
.area_list_item h3 .sub{ color:#fb9c09; display:block; }
.area_list_item h3 .ttl{ color:#69ba00; display:block; }

.area_list_item { box-shadow: 0px 0px 12px 0px rgba(150, 150, 150, 0.05); }


#merit{}
#merit .headline_box h2{ }
#merit .headline_box .txt{ }
.merit_item{ position:relative; }
.merit_item .img img{ }
.merit_item .infobox{ background:#fff; }
.merit_item .infobox h3{ }
.merit_item .infobox h3:after{ }
.merit_item .infobox h3 .num{ }
.merit_item .infobox h3 .ttl{ color:#69ba00; font-weight:bold; }

.merit_item .infobox { box-shadow: 0px 0px 12px 0px rgba(150, 150, 150, 0.05); }



#service .service_list h3{ text-align:center; }
#service .service_list h3 .num{ display:block; }
#service .service_list h3 .ttl01{ display:block; }
.service_group .box01 .icon,
.service_group .box01 .ttl02{ text-align:center; }


.payment_list .icon,
.payment_list .ttl02{ text-align:center; }


#campaign{}
#campaign .left{ text-align:center; }
#campaign .left .ttl{ color: #fb9c09; font-weight:bold; }
.campaign_box{ background:#fff; border-radius:20px; }
.campaign_box{ box-shadow: 0px 0px 12px 0px rgba(150, 150, 150, 0.05); }



#point5 .reasons{}
#point5 .reasons .reason{ background:#fff url(/assets/img/room/offgridplus-shinagawa/5point_bg01.png) right top no-repeat;  }
#point5 .reasons .reason .heading{ text-align:center; }
#point5 .reasons .reason .heading{}
#point5 .reasons .reason .heading .order-count{ color:#fb9c09; }
#point5 .reasons .reason .heading .ttl03{  }
#point5 .reasons .reason .box02{}
#point5 .reasons .reason .box02 h3{ text-align:center; color: #69ba00; font-weight: bold; }
#point5 .reasons .reason_item01{}
#point5 .reasons .reason_item02{}
#point5 .reasons .reason_item03{}
#point5 .reasons .reason_item04{}
#point5 .reasons .reason_item05{}



.basebox { text-align:center; position:relative; }
.basebox .inblock {}
.basebox:nth-child(even) .inblock {}
.basebox .imagebox {}
.basebox .lead { color:#fb9c09; font-weight:bold; }
.basebox .name { color:#69ba00; font-weight:bold; }


#faq{}
.faqbox{}
.toggle-cont{ display:none; padding:20px 0 0;  }
.toggle-cont > *:first-child{ margin-top:0; }
.ques{ background:url(/assets/img/room/offgridplus-shinagawa/faq_icon_q.png) 0 0 no-repeat; min-height:50px; padding:0 0 0 70px ; position:relative; }
.ans{ background:url(/assets/img/room/offgridplus-shinagawa/faq_icon_a.png) 0 0 no-repeat; min-height:50px; padding:0 0 0 70px ; position:relative; }
.ques h3{ color:#69ba00; font-weight:bold; }

.toggle-btn:after {
    content: '＋';
    position: absolute;
    right: 0px;
    top:0;
    color: #69ba00;
    font-size: 34px;
    font-weight:normal;
}
.toggle-btn.active:after{ content: '－'; }

#process{}
.process_list{}
.process_list .box01{}
.processbox{}
.processbox .num{ text-align:center; color:#fb9c09; /*font-weight:bold;*/ }
.processbox .icon{ text-align:center; }
.processbox h3{ text-align:center; font-weight:bold; color:#69ba00; }
.processbox .txt{}
.process_item01{}
.process_item02{}
.process_item03{}
.process_item04{}


#greeting{}
#greeting .headline_box h2{ }
#greeting .headline_box .txt{ }
#greeting .left{}
#greeting .right{}
#greeting .right .image{ text-align:center; }
#greeting .right .line1{ text-align:center; }
#greeting .right .line2{ text-align:center; }
.greeting_box,
.greeting_box p{ color:#fff; }





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



.form table {
	width:100%;
	background:#fff;
	border:0;
}

.form table th,
.form table td{ border:0; background:#fff; }

.form table th {
	display: block;
	padding:0 0 10px;
	text-align: left;
	vertical-align: top;
	font-weight:bold;
}

.form table th b {
	display: block;
	background: url('/assets/img/room/offgridplus-shinagawa/icon_ne.png') no-repeat right center;
	background-size: 34px 20px;
}

.form table td {
	display: block;
	padding:0 0 20px;
}

.form table tr:last-child td {
	padding:0;
}

.form table td .select100 {
	background: url('../../img/klp/icon_pull.svg') no-repeat right 15px center;
	background-size: 8px 8px;
	margin:0 0 10px;
	padding:0 40px 0 10px;
	width:100%;
	height:40px;
	line-height:40px;
	background-color: #FFF;
	border:1px solid #ccc;
}

.form table td .select100:last-child {
	margin-bottom:0;
}

.form table td .line {
	margin:0 0 10px;
}

.form table td .line:last-child {
	margin-bottom:0;
}

.checkline {
	margin:0 0 10px;
}

.checkline:last-child {
	margin-bottom:0;
}

.selectline .label {
	margin:0 0 5px;
}

.error {
	margin:0 0 10px;
	color:#C00;
}

.error:last-child {
	margin-bottom:0;
}

.form table td .input100 {
	padding:0 10px;
	width:100%;
	height:40px;
	line-height:40px;
	border:1px solid #ccc;
}

.form table td .pdf {
	margin:0 0 15px;
}

.form table td .pdf a {
	display: inline-block;
	background: url('/assets/img/room/offgridplus-shinagawa/icon_pdf.png') no-repeat;
	background-size: 31px 31px;
	padding:0 0 0 45px;
	line-height:31px;
}

.form table td .area51 {
	padding:5px 10px;
	width:100%;
	height:250px;
	line-height:1.6;
	border:1px solid #ccc;
}

.form table td .rules {
	margin:0 0 15px;
	padding:5px 10px;
	width:100%;
	height:250px;
	overflow-y: scroll;
	line-height:1.6;
	font-size:1.4rem;
	border:1px solid #ccc;
}

.form table td .rules h3 {
	margin:0 10px 5px 0;
}

.form table td .rules .rblock {
	margin:0 10px 30px 0;
}

.form table td .rules .rblock:last-child {
	margin-bottom:0;
}

.form table td label {
	margin:0 0 0 10px;
}

.btn_block {
	text-align: center;
}

.btn_block p {
	margin:0 auto;
	width:250px;
}

.btn_block p.back {
	margin:0 auto 15px;
}

.btn_block p a {
	display: block;
	color:#FFF;
	text-align: center;
	line-height:50px;
	overflow: hidden;
	font-weight: 700;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background-color: #d5173e;
}

.btn_block p.back a {
	background-color: #0e4e8f;
}

.wpcf7-text, .wpcf7-file, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz{ margin-bottom:0; }
.wpcf7-form-control-wrap{ padding:0; }

input[type="submit"].wpcf7c-btn-confirm,
input[type="submit"].wpcf7c-elm-step2{
    display: inline-block;
    width:250px;
    color: #FFF;
    text-align: center;
    line-height: 100%;
    overflow: hidden;
    font-weight: 700;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #fb9c09;
    margin:0 8px;
}

input[type="button"].wpcf7c-btn-back{
    display: inline-block;
    width:250px;
    color: #FFF;
    text-align: center;
    line-height: 100%;
    overflow: hidden;
    font-weight: 700;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #999;
    margin:0 8px;
}

.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; font-weight:normal; }
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; }

.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; }

.wpcf7-list-item-label{ font-weight:bold; }

.form{  }

.datetime .wpcf7-form-control-wrap{ width:115px; }







footer{ border-top:1px solid #ddd; }
footer .flinks{ text-align:center; }
footer .flinks li{ }
footer .flinks li a{ color:#fb9c09; }
footer .flogo{ text-align:center; }
footer .copy{ text-align:center; }

.pagetop {
	/*display: none;*/
	position: fixed;
	right:15px;
	bottom:15px;
	width: 35px;
	overflow: hidden;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
}

.pagetop a {
	display: block;
	overflow: hidden;
	background: url('/assets/img/room/offgridplus-shinagawa/pagetop.svg') no-repeat center center;
	background-size: 16px 8px;
	background-color:rgba(0, 0, 0, 0.2);
	padding: 35px 0 0;
	height: 0!important;
}












@media screen and (min-width: 768px) /*PC用記述*/ {

}/* end @media screen and (min-width: 768px) */





@media screen and (max-width: 768px) /*スマホ用記述*/{

}/* end @media screen and (min-width: 350px) */