@charset "UTF-8";



/*下層ヘッダー　タイトルB*/
.gTitle_b{
	background-position: center;
	background-size: cover;
	position: relative;
	transition: all 0.3s;
	margin-top: 80px;
	margin-bottom: 0px;
	height: 330px;
}
.gTitle_b .in_title{
text-align: center;
position: absolute;
left: 50%;
top: 40%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.gTitle_b.filter::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.3);
}
.gTitle_b::after {
content: '';
position: absolute;
bottom: -1px; /* わずかに重なりを防ぐため */
left: 0;
width: 100%;
height: 80px;
background: white;
clip-path: polygon(0 100%, 50% 0, 100% 100%);
z-index: 1;
}

.gTitle_b.bg_event{
background-image: url(../parts/title/event_title.jpg);
}
.gTitle_b.bg_calendar{
background-image: url(../parts/title/titlesform_title.jpeg);
}
.gTitle_b.bg_works{
background-image: url(../parts/title/portfolio_title.jpg);
}
.gTitle_b.bg_signUp{
background-image: url(../parts/title/member-head.png);
}
.gTitle_b.bg_floorPlan{
background-image: url(../parts/title/reasons_title.jpg);
}
.gTitle_b.bg_column{
background-image: url("../parts/title/column_title.jpg");
}
.gTitle_b.bg_news{
background-image: url("../parts/title/news_title.jpg");
}
.gTitle_b.bg_blog{
background-image: url("../parts/title/blog_title.jpg");
}
.gTitle_b.bg_concept{
background-image: url("../parts/title/concept_title.jpg");
}
.gTitle_b.bg_chosen{
background-image: url("../parts/title/layout-plan@2x.png");
}
.gTitle_b.bg_process{
background-image: url("../parts/title/process_title.jpg");
}
.gTitle_b.bg_support{
background-image: url("../parts/title/support_title.jpg");
}
.gTitle_b.bg_safety{
background-image: url("../parts/title/safety_title.jpg");
}
.gTitle_b.bg_quality{
background-image: url("../parts/title/quality_title.jpg");
}
.gTitle_b.bg_products{
background-image: url("../parts/title/products_title.jpg");
}
.gTitle_b.bg_borrowing{
background-image: url("../parts/title/kariire_title.jpg");
}
.gTitle_b.bg_movies{
background-image: url("../parts/title/movies_title.jpg");
}
.gTitle_b.bg_vr{
background-image: url("../parts/title/vr_title.jpg");
}
.gTitle_b.bg_interview{
background-image: url("../parts/title/owners_interview_title.jpg");
}
.gTitle_b.bg_letter{
background-image: url("../parts/title/voice_title.webp");
background-position: center -80px;
}
.gTitle_b.bg_land{
background-image: url("../parts/title/real_estate_title.jpg");
}
.gTitle_b.bg_online{
background-image: url("../parts/title/reservation_title.jpg");
}
.gTitle_b.bg_owner{
background-image: url("../parts/title/aftersupport_title.jpg");
}
.gTitle_b.bg_privacy{
background-image: url("../parts/title/policy_title.jpg");
}

@media screen and (max-width: 820px) {
.gTitle_b{
	height: 250px;
}
.gTitle_b::after {
height: 50px;
}
}
@media screen and (max-width: 767px) {
.gTitle_b{
	margin-top: 50px;
	height: 180px;
}
.gTitle_b::after {
height: 40px;
}
}


/*安心の保証　右*/
.h_family_1 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_1.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}

/*施工事例一覧　左*/
.h_family_2 {
position: absolute;
left: 50%;
transform: translateX(-230%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_2.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}

/*新着情報一覧　左*/
.h_family_3 {
position: absolute;
left: 50%;
transform: translateX(-230%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_3.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}

/*会員登録　右*/
.h_family_4 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_4.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}

/*コラム　左*/
.h_family_5 {
position: absolute;
left: 50%;
transform: translateX(-230%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_5.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}

/*借入事例　右*/
.h_family_6 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_6.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*会員登録　右*/
.h_family_7 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_7.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*間取り一覧　左*/
.h_family_8 {
position: absolute;
left: 50%;
transform: translateX(-230%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_8.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*CM一覧　右*/
.h_family_9 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_9.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*VR　右*/
.h_family_10 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_10.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*プライバシーポリシー　左*/
.h_family_11 {
position: absolute;
left: 50%;
transform: translateX(-250%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_11.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*来場予約　左*/
.h_family_12 {
position: absolute;
left: 50%;
transform: translateX(-250%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_12.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*オンライン相談　左*/
.h_family_13 {
position: absolute;
left: 50%;
transform: translateX(-250%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_13.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*商品ラインナップ　右*/
.h_family_14 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_14.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*イベント一覧　右*/
.h_family_15 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_15.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*コンセプト　右*/
.h_family_17 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_17.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*オーナー様へ　左*/
.h_family_18 {
position: absolute;
left: 50%;
transform: translateX(-250%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_18.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*WEBカタログ　右*/
.h_family_19 {
position: absolute;
left: 50%;
transform: translateX(110%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_19.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}
/*来場予約　左*/
.h_family_216 {
position: absolute;
left: 50%;
transform: translateX(-250%);
width: 250px;
aspect-ratio: 48 / 40;
background-image: url(../parts/header_family_216.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
bottom: 0px;
}




@media screen and (max-width: 767px) {
.h_family_12,.h_family_15,.h_family_2,.h_family_8,.h_family_19,.h_family_3,.h_family_6.h_family_1 {
	display: none;
}

}



/*イベント詳細ページ*/
.sL1th_D {
padding-top: 130px;
padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
.sL1th_D {
padding-top: 80px;
padding-bottom: 60px;
}
}

/*Singleページ*/
.Event_opt1_S {
padding-top: 0px;
padding-bottom: 0px;
}
.Event_opt1_S h1 {
	color: #ED6C00;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
}

.Event_opt1_S ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 60px;
}
.Event_opt1_S figure {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
position: relative;
}
.Event_opt1_S figure img {
width: 100%;
height: auto;
display: block;
}
.Event_opt1_S ul.in_desc li.item {
	position: relative;
	transition: all 0.3s;
}
.Event_opt1_S ul.in_desc li.item .cat_T {
	margin-bottom: 10px;
}
.Event_opt1_S ul.in_desc li.item.i_closed figure {
filter: brightness(40%);
}
.Event_opt1_S ul.in_desc li.item:first-child{
	border-bottom: 1px solid #CCCCCC;
}
.Event_opt1_S ul.in_desc li.item .in_Txt {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.Event_opt1_S ul.in_desc li.item .Space {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 10px;
}


.Event_opt1_S ul.in_desc li.item h3 {
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
line-height: 1.8em;
}
.Event_opt1_S ul.in_desc li.item p {
	color: #666666;
	line-height: 1.8em;
	margin-bottom: 10px;
}

.Event_opt1_S ul.in_desc li.item p.e_date span,.Event_opt1_S ul.in_desc li.item p.e_time span {
	margin-right: 1em;
}
.Event_opt1_S ul.in_desc li.item p.e_date,.Event_opt1_S ul.in_desc li.item p.e_time {
padding-left:2em;
text-indent:-2em;
}
@media screen and (max-width: 820px) {
.Event_opt1_S ul.in_desc {
gap: 20px;
}
.Event_opt1 ul.in_desc li.item p.closed_t {
top: 80px;
}
}
@media screen and (max-width: 767px) {
.Event_opt1_S {

}
.Event_opt1_S h1 {
	font-size: 18px;
}
.Event_opt1_S ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.Event_opt1_S ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.Event_opt1_S ul.in_desc li.item p {
font-size: 3vw;
}
.Event_opt1 ul.in_desc li.item p.closed_t {
top: 100px;
}
}



/*マップと店舗予約*/
.MapCal {
padding-top: 0px;
padding-bottom: 0px;
}
.MapCal ul.in_desc {
display: grid;
gap: 10px;
/*grid-template-columns: 1fr 1fr 1fr;*/
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
margin-bottom: 60px;
}
.MapCal ul.in_desc li.item {
position: relative;
transition: all 0.3s;
}
.MapCal ul.in_desc li.item h3 a{
	font-size: 14px;
	font-weight: 500;
	line-height: 2.2em;
	background-color: #ED6C00;
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	display: block;
}
.MapCal ul.in_desc li.item h3 a:hover{
	background-color: #F29600;
}

@media screen and (max-width: 820px) {
.MapCal ul.in_desc {
gap: 10px;
}
}
@media screen and (max-width: 767px) {
.MapCal ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.MapCal ul.in_desc li.item h3 a {
font-size: 3.6vw;
}
}

/*マップ*/
@media screen and (max-width: 767px) {
.map-wrap {
position: relative;
width: 100%;
/*padding-top: 42%;*/ /* = height ÷ width × 100 */
padding-top: 75%;
}
.map-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}


/*PDFファイル*/
.pdf_Files {
padding-top: 0px;
padding-bottom: 80px;
}
.pdf_Files h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	margin-top: 80px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
}
.pdf_Files h2::before,
.pdf_Files h2::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #ED6C00;
}
.pdf_Files h2 span {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 0;
	margin-bottom: 0;
	border: 1px solid #ED6C00;
	color: #ED6C00;
	font-weight: 700;
	font-size: 24px;
	background: #fff;
}
.pdf_Files figure {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.pdf_Files figure img {
width: 100%;
height: auto;
display: block;
}
.pdf_Files ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
.pdf_Files ul.in_desc li.item {
position: relative;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.pdf_Files {
padding-bottom: 40px;
}
.pdf_Files ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}
.pdf_Files h2 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
.pdf_Files h2 span {
	font-size: 20px;
}
}



/*当日予約*/
.evt_Contact {
padding-top: 80px;
padding-bottom: 80px;
background-color: #FFFFFF;
}
.evt_Contact h2 {
font-size: 25px;
text-align: center;
margin-bottom: 20px;
font-weight: bold;
}
.evt_Contact p.guide {
	text-align: center;
	margin-bottom: 40px;
}

.evt_Contact ul.in_desc {
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin-bottom: 0px;
}
.evt_Contact figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.evt_Contact figure img {
width: 100%;
height: auto;
display: block;
}
.evt_Contact ul.in_desc li.item {
	position: relative;
	background-color: #EEEEEE;
	text-align: center;
	padding-bottom: 20px;
}
.evt_Contact ul.in_desc li.item h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ED6C00;
	border-bottom: 1px solid #ED6C00;
	padding-bottom: 10px;
	margin-top: 10px;
}
.evt_Contact ul.in_desc li.item p strong {
	display: block;
	font-size: 25px;
	font-weight: bold;
}
.evt_Contact ul.in_desc li.item p span {
	display: block;
}

@media screen and (max-width: 767px) {
.evt_Contact {
padding-top: 40px;
padding-bottom: 40px;
}
.evt_Contact h2 {
font-size: 4.8vw;
margin-bottom: 20px;
}
.evt_Contact p.guide {
	text-align: left;
		margin-bottom: 20px;
}

.evt_Contact ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.evt_Contact ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.evt_Contact ul.in_desc li.item p {
font-size: 3vw;
}
}


/* itemが1つのときに中央寄せ表示に */
.evt_Contact ul.in_desc.center-one {
  display: flex;
  justify-content: center;
}

.evt_Contact ul.in_desc.center-one .item {
  max-width: 500px; /* 通常2カラム時の幅程度に */
  width: 100%;
}



/* 施工事例タイトル */
.imagetitle {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: center;
clear: both;
padding-bottom: 40px;
position: relative;
}
.imagetitle p,.imagetitle h1{
display: inline-block;
vertical-align: middle;
}
.imagetitle h1 {
font-weight: bold;
font-size: 35px;
text-align: left;
padding-right: 10px;
color: #000000;
padding-left: 10px;
}
.imagetitle h1 span {
font-weight: bold;
font-size: 20px;
text-align: center;
padding-right: 15px;
line-height: 1.5em;
display: block;
margin-top: 0px;
color: #EC6C00;
}
.imagetitle p{
margin-right: 10px;
margin-left: 15px;
}
.imagetitle .moreview{
position: absolute;
right: 0px;
bottom: 45px;
}
.imagetitle .moreview span{
	margin-left: 5px;
}
@media screen and (max-width: 767px) {
.imagetitle {
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
text-align: center;
}
.imagetitle h1 {
font-weight: bold;
font-size: 5.8vw;
padding-right: 0px;
}
.imagetitle h1 span {
font-size: 4.4vw;
}
.imagetitle p{
margin-right: 0px;
margin-left: 0px;
}
.imagetitle .moreview{
bottom: 25px;
}
}



#lineLR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center; /* for no-flexbox browsers */
margin-bottom: 10px;
}

#lineLR:before,
#lineLR:after {
border-top: 1px solid #666666;
content: "";
display: inline; /* for IE */
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex: 1;
flex-grow: 1;
}
#lineLR:before {
margin-right: 0.5em;
}
#lineLR:after {
margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
#lineLR {
padding-bottom: 20px;
}

}


/*施工事例　会員登録*/
.signup_works {
	margin-bottom: 20px;
	margin-top: 20px;
}
.signup_works p.guide {
	text-align: center;
	margin-bottom: 50px;
}
.signup_works p.guide span.madori {
	font-size: 18px;
	font-weight: bold;
	display: block;
}
.signup_works .in_item {
position: relative;
}
.signup_works img {
width: 100%;
height: auto;
display: block;
}
.signup_works .btns {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr;
width: 52%;
margin-left: 5%;
position: absolute;
bottom: 22.5%;
padding-left: 2%;
padding-right: 2%;
}
@media screen and (max-width: 767px) {
.signup_works {
	margin-top: 10px;
margin-bottom: 10px;
}
.signup_works p.guide {
	text-align: left;
	margin-bottom: 30px;
}
.signup_works p.guide span.madori {
	font-size: 15px;
}
.signup_works .in_item {
position: static;
}
.signup_works .btns {
gap: 10px;
grid-template-columns: 1fr 1fr;
width: 94%;
margin-left: auto;
  margin-right: auto;
position: static;
bottom: 0px;
padding-left: 2%;
padding-right: 2%;
}
}



/*物件数　一般公開　会員限定*/
.count-boxes {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}
.count-boxes .count-box {
display: flex;
border: 3px solid #ED6C00;
font-weight: 600;
font-size: 20px;
}
.count-boxes .label {
background: #fff;
color: #333;
padding: 10px 16px;
}
.count-boxes .number {
background: #ED6C00;
color: #fff;
padding: 10px 16px;
}
.count-boxes .count {
font-size: 30px;
font-weight: 700;
margin-right: 4px;
}
@media screen and (max-width: 767px) {
.count-boxes {
	gap: 10px;
	margin-bottom: 30px;
}
.count-boxes .count-box {
border: 2px solid #ED6C00;
font-size: 3.5vw;
}
.count-boxes .label {
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 7px;
}
.count-boxes .number {
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 7px;
}
.count-boxes .count {
font-size: 5.3vw;
margin-right: 2px;
}
}





/*施工事例　一覧*/
.SP_1th {
	padding-top: 40px;
	padding-bottom: 80px;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 767px) {
.SP_1th {
padding-top: 20px;
padding-bottom: 40px;
}
}

/*オプション*/
.SP_1th_opt1 {
padding-top: 0px;
padding-bottom: 0px;
}
.SP_1th_opt1 figure.gensen {
	margin-bottom: 50px;
}
.SP_1th_opt1 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 60px;
}
.SP_1th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.SP_1th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_1th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_1th_opt1 ul.in_desc li.item span.numb {
	position: absolute;
	font-family: "Damion", serif;
	font-size: 60px;
	font-weight: 500;
	right: 20px;
	top: -15px;
}
.SP_1th_opt1 ul.in_desc li.item .things {
	transition: all 0.3s;
}
.SP_1th_opt1 ul.in_desc li.item h3 {
	font-size: 18px;
	font-weight: 600;
}
.SP_1th_opt1 ul.in_desc li.item p.opt1 {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.8em;
}
.SP_1th_opt1 ul.in_desc li.item.memb figure img {
opacity: 0.4;
}
.SP_1th_opt1 ul.in_desc li.item.memb .things{
opacity: 0.4;
}
/*リンクを無効*/
.SP_1th_opt1 ul.in_desc li.item.memb .things a {
  pointer-events: none;
  cursor: default;
}

.SP_1th_opt1 ul.in_desc li.item.gen .things a{
cursor: pointer;
}
.SP_1th_opt1 ul.in_desc li.item.gen .things:hover{
opacity: 0.4;
}
@media screen and (max-width: 767px) {
.SP_1th_opt1 {
}
.SP_1th_opt1 figure.gensen {
	margin-bottom: 25px;
}
.SP_1th_opt1 ul.in_desc {
gap: 50px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_1th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_1th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}

/*新着情報　NEW*/
.SP_1th_opt1 p.update{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 0px;
	background-color: #FF0000;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -20px;
	display: inline-block;
	z-index: 2;
}

@media (max-width: 767px) {
.SP_1th_opt1 p.update{
font-size: 12px;
width: 50px;
height: 50px;
line-height: 50px;
	left: 0px;
	top: -20px;
}
}





/*施工事例パーツ別一覧トップ*/
.h_parts {
display: grid;
gap: 20px 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 50px;
}
.h_parts .item {
text-align: center;
position: relative;
}
.h_parts .item a {
display: block;
cursor: pointer;
}
.h_parts .item img {
max-width: 100%;
height: auto;
}
.h_parts .item p {
text-align: center;
padding-bottom: 5px;
font-size: 14px;
padding-top: 5px;
}
.h_parts .item a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.h_parts {
display: grid;
gap: 10px 20px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.h_parts .item p {
font-size: 3.3vw;
}
}




/*施工事例　家別*/
.SP_2th {
	padding-top: 50px;
	padding-bottom: 0px;
	position: relative;
	z-index: 0;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.P_gallery {
	margin-top: 40px;
}
.P_gallery h2 {
	font-size: 30px;
	font-family: "Damion", serif;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;
}
@media screen and (max-width: 767px) {
.SP_2th {
padding-top: 30px;
padding-bottom: 0px;
}
.P_gallery {
	padding-top: 20px;
}
.P_gallery h2 {
font-size: 6.2vw;
}
}

/*家別*/
.SP_2th_opt1 {
	padding: 0;
	background-color: #000000;
	color: #FFFFFF;
}
.SP_2th_opt1 p.seshu {
	border-left: 4px solid #ED6C00;
	padding-left: 20px;
}
.SP_2th_opt1 h2 {
font-size: 20px;
margin-bottom:20px;
font-weight: bold;
color: #FFFFFF;
}
.SP_2th_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 10px;
}
.SP_2th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_2th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_2th_opt1 ul.in_desc li.item.area2 {
	padding: 30px;
	position: relative;
	display:flex;
align-items:center;
}
.SP_2th_opt1 ul.in_desc li.item.area2 .in_txt {
width: 100%;
}
.SP_2th_opt1 ul.in_desc li.item h3 {
	font-size: 25px;
	font-family: "Damion", serif;
	font-weight: 400;
	margin-bottom: 15px;
	color: #666666;
}

@media screen and (max-width: 767px) {
.SP_2th_opt1 {
}
.SP_2th_opt1 h2 {
font-size: 5vw;
margin-bottom: 10px;
}

.SP_2th_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
.SP_2th_opt1 ul.in_desc li.item.area2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}
.SP_2th_opt1 ul.in_desc li.item h3 {
font-size: 6vw;
}
.SP_2th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}



/*場所別*/
.SP_2th_opt2 {
	padding: 0;
	background-color: #ED6C00;
	color: #FFFFFF;
}
.SP_2th_opt2 p.seshu {
	border-left: 4px solid #FFFFFF;
	padding-left: 20px;
}
.SP_2th_opt2 h2 {
font-size: 20px;
margin-bottom:20px;
font-weight: bold;
color: #FFFFFF;
}
.SP_2th_opt2 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 10px;
}
.SP_2th_opt2 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_2th_opt2 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_2th_opt2 ul.in_desc li.item.area2 {
	padding: 30px;
	position: relative;
	display:flex;
align-items:center;
}
.SP_2th_opt2 ul.in_desc li.item.area2 .in_txt {
width: 100%;
}
.SP_2th_opt2 ul.in_desc li.item h3 {
	font-size: 25px;
	font-family: "Damion", serif;
	font-weight: 400;
	margin-bottom: 15px;
	color: rgba(255,255,255,0.50);
}

@media screen and (max-width: 767px) {
.SP_2th_opt2 {
}
.SP_2th_opt2 h2 {
font-size: 5vw;
margin-bottom: 10px;
}

.SP_2th_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
.SP_2th_opt2 ul.in_desc li.item.area2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}
.SP_2th_opt2 ul.in_desc li.item h3 {
font-size: 6vw;
}
.SP_2th_opt2 ul.in_desc li.item p {
font-size: 3vw;
}
}




/*施工事例　ギャラリー下*/
.c_photos {
margin-top: 30px;
}	
.c_photos ul.option2 {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr;
margin-bottom: 30px;
}
.c_photos figure img {
width: 100%;
height: auto;
}
.c_photos figcaption {
	padding-top: 10px;
	font-weight: 300;
	text-align: left;
}
.c_photos ul li.item {
}
.c_photos ul {
list-style:none
}
@media screen and (max-width: 767px) {
.c_photos {
padding-bottom: 30px;
}
.c_photos ul.option2 {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}

}


/*ギャラリー下　グリッドタイプ*/

.ISP_g {
	padding-top: 0px;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 3%;
	margin-bottom: 100px;
	margin-top: 50px;
}
.ISP_g h2 {
	font-size: 30px;
	font-family: "Damion", serif;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;
}
.ISP_g .g_btn01 {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
.ISP_g {
	margin-bottom: 50px;
	padding: 0 6%;
}
.ISP_g h2 {
font-size: 6.2vw;
}
.ISP_g .g_btn01 {
	width: 80%;
	margin-top: 30px;
}
}


/* # =================================================================
# Global selectors　GALLERY用
# ================================================================= */

.ISP_g {
box-sizing: border-box;
/*overflow-y: scroll;*/ /* All browsers without overlaying scrollbars */
-webkit-text-size-adjust: 100%; /* iOS 8+ */
}

.ISP_g *,
::before,
::after {
background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
box-sizing: inherit;
}

.ISP_g ::before,
::after {
text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
vertical-align: inherit;
}

.ISP_g * {
padding: 0; /* Reset `padding` and `margin` of all elements */
margin: 0;
}






.c_parts {

}
.c_parts .example-damion {
	color: rgba(255,255,255,0.50)!important;
}

.c_parts .example_address{
	border-left: 3px solid #FFFFFF;
}


.c_house .example_address{
	border-bottom: solid 0px #fff;
}

.c_house .example_address{
	padding-bottom: 0px;
	border-left: 3px solid #DF7700;
	padding-left: 15px;
}
.c_house .example-title{
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 16px;
	line-height: 1.6;
}

/*スペック　場所別*/

.w_parts_subt{
	font-family: 'Damion', cursive;
	font-size: 40px;
	margin-bottom: 24px;
	line-height: 1em;
	color: #EC6C00;
	text-align: center;
}
.w_spec{
width: 75%;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
margin-bottom: 80px;
}
.w_spec p{
	text-align: left;
}
.toHome{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 80px;
}
.toHome a{
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #EC6C00;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #EC6C00;
	transition: all 0.3s;
	background-color: #FFFFFF;
	cursor: pointer;
}
.toHome a:hover{
	color: #FFFFFF;
	background-color: #EC6C00;
}
@media only screen and (max-width: 767px) {
.w_parts_subt{
	font-size: 40px;
	margin-bottom: 20px;
}
.w_spec{
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.toHome{
	margin-top: 30px;
	margin-bottom: 40px;
}
.toHome a{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 3.6vw;
	display: block;
}
}




/*会員登録*/
.SP_3th {
position: relative;
z-index: 0;
padding-top: 40px;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.SP_3th {
padding-top: 20px;
padding-bottom: 0px;
}
}

/*オプション*/
.SP_3th_opt1 {
}
.SP_3th_opt1 h2 {
font-size: 30px;
text-align: center;
margin-bottom: 60px;
font-weight: bold;
}
.SP_3th_opt1 p.guide {
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
}

.SP_3th_opt1 ul.in_desc {
display: grid;
gap: 50px;
grid-template-columns: 1fr 1fr;
margin-bottom: 60px;
}
.SP_3th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.SP_3th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_3th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_3th_opt1 ul.in_desc li.item h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.SP_3th_opt1 ul.in_desc li.item h3 img {
	display: block;
	width: 20%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 820px) {
.SP_3th_opt1 ul.in_desc {
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.SP_3th_opt1 {
}
.SP_3th_opt1 h2 {
font-size: 5.8vw;
margin-bottom: 30px;
}
.SP_3th_opt1 p.guide {
font-size: 3.5vw;
}

.SP_3th_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_3th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_3th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}




.signUp_form {
position: relative;
z-index: 0;
padding-top: 0px;
padding-bottom: 40px;
}
.signUp_form h2 {
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background-color: #ED6C00;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 50px;
	margin-bottom: 10px;
}
.signUp_form p.note {
	text-align: center;
}

.signUp_form li.swpm-fb-membership-level {
	display: none!important;
}

@media screen and (max-width: 767px) {
.signUp_form {
padding-top: 0px;
padding-bottom: 20px;
}
.signUp_form h2 {
font-size: 4.4vw;
	margin-top: 30px;
}
.signUp_form p.note {
font-size: 2.5vw;
	text-align: left;
	padding-left:1em;
text-indent:-1em;
}
}

/* フォーム全体の外枠をすべて除去 */
.swpm-form-builder-container fieldset {
  border: none !important;
  box-shadow: none !important;
  background: #fff !important;
padding: 0 !important;
  margin: 0 !important;
}



/* 会員登録フォーム全体 */
.swpm-form-builder {
  background: #ffffff;
  padding: 0;
  border-radius: 10px;
  border: none!important; 
}


/* 各項目ラベル */
.swpm-desc {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* テキスト入力 */
.swpm-text,
.swpm-select,
.swpm-checkbox,
.swpm-radio {
  width: 100%;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #f9f9f9;
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* パスワード入力用のdivも統一 */
.swpm-item-password div {
  margin-bottom: 10px;
}

/* 2カラムにしたい場合 */
.swpm-left-half,
.swpm-right-half {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.swpm-left-half {
  margin-right: 4%;
}

/* チェックボックスとラジオボタンの整列 */
.swpm-span {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.swpm-span input[type="checkbox"],
.swpm-span input[type="radio"] {
  margin-right: 8px;
  transform: scale(1.2);
}

.swpm-choice {
  font-weight: normal;
  color: #333;
}

/* ボタン */
.swpm-submit {
  background-color: #ED6C00;
  color: white;
  padding: 12px 0px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  width: 96%; /* ← 追加 */
  box-sizing: border-box;
}

.swpm-submit:hover {
  background-color: #c62828;
}

/* 必須マーク */
.swpm-required-asterisk {
  color: #d32f2f;
  margin-left: 4px;
  font-size: 14px;
}

/* フィールド間隔調整 */
.swpm-item {
  margin-bottom: 20px;
}

swpm-pw-reset-form



/* ログイン　リセット */
#swpm-login-form,
#swpm-login-form-container {
  background: #ffffff;
  padding: 0;
  border-radius: 10px;
  border: none!important; 
}

/* ——— ラベル ——— */
#swpm-login-form label,#swpm-pw-reset-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

/* ——— 入力フィールド ——— */
#swpm-login-form input[type="text"],
#swpm-login-form input[type="password"],
#swpm-login-form input[type="email"],
#swpm-pw-reset-form input[type="text"],
#swpm-pw-reset-form input[type="password"],
#swpm-pw-reset-form input[type="email"]{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 16px;
  font-size: 16px;
  box-sizing: border-box;
}


/* ログインボタン */

.swpm-login-form-submit,.swpm-pw-reset-submit {
	background-color: #e53935;
	color: white;
	padding-top: 14px;
	padding-bottom: 14px;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	width: 100%!important;
	max-width: 100%;
	cursor: pointer;
	transition: background 0.3s ease;
	padding-right: 20px;
	padding-left: 20px;
}

.swpm-login-form-submit:hover,.swpm-pw-reset-submit:hover {
  background-color: #c62828;
}







/* チェックボックスとラベル整列 */
.swpm-remember-me {
  font-size: 14px;
  color: #333;
}

.swpm-remember-checkbox {
  margin-right: 6px;
}

/* パスワード忘れリンク */
.swpm-forgot-pass-link a {
  text-decoration: underline;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}



/*ログイン完了*/
.Logged_in {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}	
.Logged_in ul.in_desc {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media screen and (max-width: 767px) {
.Logged_in {
width: 80%;
margin-bottom: 40px;
}
.Logged_in ul.in_desc {
grid-template-columns: 1fr;
gap: 10px;
width: 100%;
}
}


/*ログイン完了用ボタン*/
.lg_btn {
position: relative;
transition: all 0.3s;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.lg_btn a {
padding-top: 15px;
padding-bottom: 15px;
display: block;
cursor: pointer;
transition: all 0.3s;
border-radius: 30px;
color: #FFFFFF;
background-color: #ED6C00;
}
.lg_btn.rev a {
color: #ED6C00;
border: 1px solid #ED6C00;
background-color: #FFFFFF;
}
.lg_btn a:hover {
background-color: #F29600;
}
.lg_btn.rev a:hover {
border: 1px solid #ED6C00;
background-color: rgba(242,150,0,0.20);
}
.lg_btn p {
line-height: 2em;
font-size: 14px;
text-align: center;
display: flex;
justify-content: center;
}
.lg_btn p i img {
width: 30px;
height: auto;
display: block;
}
.lg_btn p i {
margin-left: 0px;
margin-right: 5px;
}
@media screen and (max-width: 820px) {
.lg_btn p {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.lg_btn {
max-width: initial;
width: 100%;
}
.lg_btn p {
font-size: 3.3vw;
}
}



/*厳選プラン集　会員登録*/
.signup_plan {
	margin-bottom: 70px;
	margin-top: 50px;
}
.signup_plan .in_item {
position: relative;
}
.signup_plan img {
width: 100%;
height: auto;
display: block;
}
.signup_plan .btns2 {
display: grid;
gap: 10px;
grid-template-columns: 1fr;
width: 24%;
margin-left: 29%;
position: absolute;
bottom: 3%;
padding-left: 2%;
padding-right: 2%;
}
@media screen and (max-width: 767px) {
.signup_plan {
	margin-top: 30px;
margin-bottom: 40px;
}
.signup_plan .in_item {
position: static;
}
.signup_plan .btns2 {
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	position: static;
	bottom: 0px;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 15px;
}
}



/*間取り詳細ページ*/
.SP_4th {
padding-top: 0px;
padding-bottom: 80px;
}
.SP_4th ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 60px;
}
.SP_4th figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_4th figure img {
width: 100%;
height: auto;
display: block;
}
.SP_4th ul.in_desc li.item {
border: 2px solid #06B6C9;
position: relative;
}
.SP_4th ul.in_desc li.item .things {
	padding: 20px;
	transition: all 0.3s;
}
.SP_4th ul.in_desc li.item h3 {
	font-size: 20px;
	font-weight: bold;
	background-color: #06B6C9;
	color: #FFFFFF;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}
.SP_4th ul.in_desc li.item p.opt1 {
	font-size: 16px;
	color: #06B6C9;
	background-color: #EFEFEF;
	text-align: center;
}
.SP_4th ul.in_desc li.item p.opt1 span {
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.SP_4th {
padding-bottom: 40px;
}
.SP_4th ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_4th ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_4th ul.in_desc li.item p {
font-size: 3vw;
}
}




/*WEBカタログ*/
.SP_5th_opt1 {
padding-top: 0px;
padding-bottom: 80px;
}
.SP_5th_opt1 ul.in_desc {
display: grid;
gap: 100px;
grid-template-columns: 1fr;
margin-bottom: 60px;
}
.SP_5th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.SP_5th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_5th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_5th_opt1 ul.in_desc li.item .things {
	transition: all 0.3s;
}
.SP_5th_opt1 ul.in_desc li.item h3 {
	font-size: 22px;
	font-weight: bold;
	color: #ED6C00;
	text-align: center;
	margin-bottom: 20px;
}
.SP_5th_opt1 ul.in_desc li.item.memb figure img {
opacity: 0.3;
}
.SP_5th_opt1 ul.in_desc li.item.memb .g_btn01 {
opacity: 0.3;
}
@media screen and (max-width: 767px) {
.SP_5th_opt1 {
padding-bottom: 40px;
}
.SP_5th_opt1 ul.in_desc {
gap: 50px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_5th_opt1 ul.in_desc li.item h3 {
font-size: 5vw;
}
.SP_5th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}



/*ブログ用 wrapper*/
.wrap_Blog {
	margin-top: 50px;
}
.wrap_Blog h2.blog_t {
	margin-bottom: 40px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #333333;
}
@media(max-width: 767px){
.wrap_Blog {
	margin-top: 30px;
}
.wrap_Blog h2.blog_t {
font-size: 3.8vw;
}
}


/*2カラム　ブログ用*/
.flex_blog {
display: flex;
gap: 40px;
margin-bottom: 80px;
align-items: flex-start;
}
.flex_blog .main {
flex: 3;
min-width: 0;
}
.flex_blog .side {
flex: 1;
min-width: 0;
}

@media(max-width: 767px){
.flex_blog {
flex-direction: column;
gap: 30px;
margin-bottom: 40px;
}
.flex_blog .main,
.flex_blog .side {
flex: none;
width: 100%;
}
}






/*月別投稿・カテゴリー　ブログ用*/
.widget {
margin-bottom: 40px;
}
.widget li {
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 1px;
border-bottom: 1px solid #CCCCCC;
cursor: pointer;
font-size: 14px;
transition: all 0.3s;
}
.widget li a {
	padding: 0;
	background-position: center;
	display: block;
}
.widget li.cat-item-none {
display: none;
}
.widget li:hover {
	background-color: rgba(241,241,241,0.50);
}
.widget ul li:first-child {
border-top: none;
}

.widget ul ul.children li:first-child {
border-top: dotted 1px #b9b4ab;
}
@media(max-width: 767px){
.widget li {
padding-top: 7px;
padding-bottom: 7px;
font-size: 3.3vw;
}
}




/*コラム*/
.SP_6th {
padding-top: 0px;
padding-bottom: 0px;
}
.SP_6th ul.in_desc {
display: grid;
gap: 50px 30px;
/*grid-template-columns: 1fr 1fr 1fr;*/
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 0px;
}
/*お客様の声*/
.SP_6th.voice {
padding-top: 0px;
padding-bottom: 80px;
}
.SP_6th.voice ul.in_desc {
display: grid;
gap: 50px 30px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
margin-bottom: 0px;
}

.SP_6th figure {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
position: relative;
}
.SP_6th figure img {
width: 100%;
height: auto;
display: block;
}
.SP_6th ul.in_desc li.item {
	position: relative;
	transition: all 0.3s;
}
.SP_6th ul.in_desc li.item .cat_T {
	margin-bottom: 10px;
}
.SP_6th ul.in_desc li.item p.update{
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
color: #000000;
font-size: 11px;
margin-bottom: 0px;
background-color: #EEF81C;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
border-radius: 50%;
position: absolute;
left: -15px;
top: -15px;
display: inline-block;
z-index: 3;
}
.SP_6th ul.in_desc li.item h3 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 1.8em;
}
/*ブログ*/
.SP_6th ul.in_desc li.item p.date {
	color: #ED6C00;
}
.SP_6th ul.in_desc li.item .excerpt {
	color: #666666;
}


@media screen and (max-width: 820px) {
.SP_6th ul.in_desc {
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.SP_6th {

}
.SP_6th ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_6th ul.in_desc li.item h3 {
font-size: 3.3vw;
}
.SP_6th ul.in_desc li.item p {
font-size: 3vw;
}

/*お客様の声*/
.SP_6th.voice {
padding-top: 40px;
padding-bottom: 40px;
}
.SP_6th.voice ul.in_desc {
gap: 40px;
grid-template-columns: 1fr;
}
}


/*お知らせ*/
.pdf_link figure {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
position: relative;
}
.pdf_link figure img {
width: 100%;
height: auto;
display: block;
}


/*sns　誘導*/
.sns-box {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  font-family: sans-serif;
}
.sns-heading {
  background-color: #f0f0f0;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.sns-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.sns-item {
  flex: 1;
  padding: 20px;
  border-right: 1px solid #ddd;
  text-decoration: none;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.sns-item:last-child {
  border-right: none;
}
.sns-item img {
  width: 40px;
  height: 40px;
}


/*しあわせ人*/
.author-box {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 30px 0;
}
.author-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}
.author-info {
}
.author-label {
  color: #ED6C00;
font-family: "Damion", serif;
font-weight: 400;
  font-size: 18px;
  margin: 0 0 8px;
}
.author-company,
.author-name {
  font-size: 14px;
  margin: 4px 0;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
.author-image img {
  width: 100px;
  height: 100px;
}
.author-label {
font-size: 4.4vw;
}
.author-company,
.author-name {
font-size: 3.3vw;
}
}


/*ブログナビ*/
.blog-nav ul {
  display: flex;
  justify-content: center;
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 40px 0 20px;
}
.blog-nav li {
  text-align: center;
  	font-size: 18px;
  font-weight: bold;
  position: relative;
}
.blog-nav li a {
	text-decoration: none;
	color: #000;
	display: inline-block;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.blog-nav li::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #e5e5e5; /* 非アクティブ時はグレー */
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog-nav li.current::after {
  background-color: #000; /* アクティブ時は黒 */
}

@media screen and (max-width: 767px) {
.blog-nav ul {
  gap: 10px;
  margin: 0px 0 30px;
}
.blog-nav li {
font-size: 3.5vw;
}
.blog-nav li a {
	padding-left: 10px;
	padding-right: 10px;
}
}



/*コンセプト*/
.SP_7th {
padding-top: 40px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.SP_7th figure.bnr1600 {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.SP_7th figure img {
	width: 100%;
	height: auto;
	display: block;
}
@media screen and (max-width: 767px) {
.SP_7th {
padding-top: 20px;
padding-bottom: 40px;
}
}



/*家づくりの流れ*/
.h_flow {
padding-bottom: 100px;
}	
.h_flow ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
list-style:none
}
.h_flow ul.in_desc figure img {
width: 100%;
height: auto;
}
.h_flow ul.in_desc li.item.current figure img  {
opacity: 0.3;
}
.h_flow ul.in_desc li.item.current a {
pointer-events: none;
}
@media screen and (max-width: 767px) {
.h_flow {
padding-bottom: 50px;
}
.h_flow ul.in_desc {
gap: 20px 20px;
grid-template-columns: 1fr 1fr;
}
}



/*選ばれる理由*/
.SP_8th {
padding-top: 40px;
padding-bottom: 60px;
position: relative;
z-index: 0;
}
.SP_8th h2 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 60px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 2px solid #ED6C00;
	border-bottom: 2px solid #ED6C00;
	color: #ED6C00;
	position: relative;
}
.SP_8th h2 span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -18px;
	padding: 0px 30px;
	border: 2px solid #F58220;
	border-radius: 50px;
	background-color: #fff;
	color: #F58220;
	font-size: 16px;
	font-weight: bold;
	z-index: 1;
	line-height: 1.8em;
}

@media screen and (max-width: 767px) {
.SP_8th {
padding-top: 20px;
padding-bottom:20px;
}
.SP_8th h2 {
	font-size: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.SP_8th h2 span {
	top: -16px;
	font-size: 14px;
}
}

/*オプション*/
.SP_8th_opt1 {
padding-top: 0px;
padding-bottom: 0px;
}
.SP_8th_opt1 ul.in_desc {
display: grid;
gap: 60px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_8th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_8th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_8th_opt1 ul.in_desc li.item {
position: relative;
}


/*充実の保証体制*/
.SP_8th_opt1 ul.in_desc li.item.jyujitu {
  display: flex;
  align-items: center;
    gap: 50px;
}
.SP_8th_opt1 ul.in_desc li.item.jyujitu figure {
flex: 1;
min-width: 0;
}
.SP_8th_opt1 ul.in_desc li.item.jyujitu .in_txt {
flex: 1;
min-width: 0;
}
.SP_8th_opt1 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.SP_8th_opt1 {
padding-top: 0px;
padding-bottom: 40px;
}
.SP_8th_opt1 ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
}

/*充実の保証体制*/
.SP_8th_opt1 ul.in_desc li.item.jyujitu {
flex-direction: column;
gap: 20px;
}


.SP_8th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
}



.SP_8th_opt1 ul.in_desc2 {
display: grid;
gap: 40px 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
.SP_8th_opt1 ul.in_desc2 li.item {
position: relative;
}
.SP_8th_opt1 ul.in_desc2 li.item h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
@media screen and (max-width: 820px) {
.SP_8th_opt1 ul.in_desc2 {
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.SP_8th_opt1 ul.in_desc2 {
gap: 30px 20px;
grid-template-columns: 1fr 1fr;
margin-bottom: 30px;
}
.SP_8th_opt1 ul.in_desc2 li.item h3 {
font-size: 3.6vw;
}
.SP_8th_opt1 ul.in_desc2 li.item p {
font-size: 3vw;
}
}



/*家づくりの流れ*/
.SP_9th {
padding-top: 40px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.SP_9th {
padding-top: 20px;
padding-bottom: 40px;
}
}

/*オプション*/
.SP_9th_opt1 {
padding-top: 60px;
padding-bottom: 0px;
}
.SP_9th_opt1 ul.in_desc {
display: grid;
gap: 150px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_9th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.SP_9th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_9th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_9th_opt1 ul.in_desc li.item h2 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ED6C00;
	text-align: center;
	position: relative;
}
.SP_9th_opt1 ul.in_desc li.item h2::after {
position: absolute;
top: -20px;
content: '';
width: 70px;
height: 2px;
background-color: #ED6C00;
left: 50%;
transform: translateX(-50%);
}
.SP_9th_opt1 ul.in_desc li.item h2 span {
	font-family: "Damion", serif;
	font-size: 50px;
	font-weight: 400;
	margin-bottom: 20px;
	position: absolute;
	top: -70px;
	left: 50%;
transform: translateX(-50%);
}
.SP_9th_opt1 ul.in_desc li.item p {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
.SP_9th_opt1 {
padding-top: 60px;
padding-bottom: 0px;
}
.SP_9th_opt1 ul.in_desc {
gap: 120px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_9th_opt1 ul.in_desc li.item h2 {
font-size: 5.4vw;
}
.SP_9th_opt1 ul.in_desc li.item p {
	font-size: 3vw;
	padding-left: 6%;
	padding-right: 6%;
}
}



/*安心の保証*/
.SP_10th {
padding-top: 40px;
padding-bottom: 100px;
position: relative;
z-index: 0;
}
.SP_10th h2 {
font-size: 30px;
text-align: center;
margin-bottom: 40px;
font-weight: bold;
}
.SP_10th p.texture {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	background-image: url("../parts/polygon_pattern_blue.png");
	padding-top: 70px;
	padding-bottom: 70px;
	width: 100%;
	background-repeat: repeat;
	background-size: contain;
	margin-bottom: 30px;
}


@media screen and (max-width: 767px) {
.SP_10th {
padding-top: 20px;
padding-bottom: 60px;
}
.SP_10th h2 {
font-size: 5vw;
margin-bottom: 20px;
}
.SP_10th p.texture {
font-size: 4.4vw;　
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	line-height: 1.8em;
}

}

/*オプション*/
.SP_10th_opt1 {
padding-top: 0px;
padding-bottom: 0px;
}
.SP_10th_opt1 ul.in_desc {
display: grid;
gap: 100px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_10th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_10th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_10th_opt1 ul.in_desc li.item .in_flex {
position: relative;
display:flex;
align-items:center;
}
.SP_10th_opt1 ul.in_desc li.item .in_flex p {
	flex: 1;
	min-width: 0;
	font-size: 15px;
	line-height: 2.40em;
}
.SP_10th_opt1 ul.in_desc li.item .in_flex figure {
flex: 1;
min-width: 0;
}

.SP_10th_opt1 ul.in_desc li.item h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ED6C00;
	border-top: 1px solid #ED6C00;
	border-bottom: 1px solid #ED6C00;
}

@media screen and (max-width: 767px) {
.SP_10th_opt1 {

}

.SP_10th_opt1 ul.in_desc {
gap: 50px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_10th_opt1 ul.in_desc li.item .in_flex {
flex-direction: column;
gap: 20px;
}
.SP_10th_opt1 ul.in_desc li.item h3 {
font-size: 4.6vw;
}
.SP_10th_opt1 ul.in_desc li.item .in_flex p {
font-size: 3.3vw;
}
}




/*耐震・制震*/
.SP_11th {
padding-top: 40px;
padding-bottom: 100px;
position: relative;
z-index: 0;
}
.SP_11th h2 {
font-size: 30px;
text-align: center;
margin-bottom: 40px;
font-weight: bold;
}
.SP_11th p.texture {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	background-image: url("../parts/polygon_pattern_blue.png");
	padding-top: 70px;
	padding-bottom: 70px;
	width: 100%;
	background-repeat: repeat;
	background-size: contain;
	margin-bottom: 30px;
}
.SP_11th p.lead {
	font-size: 16px;
	margin-bottom: 30px;
}
.SP_11th figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_11th figure img {
width: 100%;
height: auto;
display: block;
}

@media screen and (max-width: 767px) {
.SP_11th {
padding-top: 20px;
padding-bottom: 60px;
}
.SP_11th h2 {
font-size: 5vw;
margin-bottom: 20px;
}
.SP_11th p.texture {
	font-size: 18px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	line-height: 1.8em;
}
.SP_11th p.lead {
font-size: 3.3vw;
	margin-bottom: 20px;
}
}



/*オプション*/

.SP_11th_opt1 {
padding-top: 0px;
padding-bottom: 100px;
}
.SP_11th_opt1 ul.in_desc {
display: grid;
gap: 100px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}

.SP_11th_opt1 ul.in_desc li.item .in_flex {
position: relative;
display:flex;
align-items:flex-start;
gap: 50px;
}
.SP_11th_opt1 ul.in_desc li.item .in_flex p {
flex: 1;
min-width: 0;
font-size: 15px;
line-height: 2.40em;
}
.SP_11th_opt1 ul.in_desc li.item .in_flex figure {
flex: 1;
min-width: 0;
}

.SP_11th_opt1 ul.in_desc li.item h3 {
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 20px;
color: #ED6C00;
border-top: 1px solid #ED6C00;
border-bottom: 1px solid #ED6C00;
}

@media screen and (max-width: 767px) {
.SP_11th_opt1 {
padding-bottom: 50px;
}
.SP_11th_opt1 ul.in_desc {
gap: 50px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_11th_opt1 ul.in_desc li.item .in_flex {
flex-direction: column;
gap: 20px;
}
.SP_11th_opt1 ul.in_desc li.item h3 {
font-size: 4.6vw;
}
.SP_11th_opt1 ul.in_desc li.item .in_flex p {
font-size: 3.3vw;
}
}



/* ----------------------------------------
   １）.points_container の基本スタイル
----------------------------------------- */
.SP_11th_opt1 ul.in_desc li.item .in_flex.points_container {
	display: flex;
	align-items: flex-start;
	gap: 50px; /* 左右の余白 */
	margin-bottom: 40px;
}

/* 左カラム全体 */
.SP_11th_opt1 ul.in_desc li.item .points_container .points {
  flex: 1;
  display: block;
}

/* 個別ポイント */
.SP_11th_opt1 ul.in_desc li.item .points_container .points .point {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

/* 番号アイコン */
.SP_11th_opt1 ul.in_desc li.item .points_container .points .point .num_circle {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #ED6C00;
  border-radius: 50%;
  color: #ED6C00;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  margin-right: 15px;
  font-size: 16px;
}

.SP_11th_opt1 ul.in_desc li.item .points_container .points .point .text {
  flex: 1;
  min-width: 0;
}
.SP_11th_opt1 ul.in_desc li.item .points_container .points .point .text h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.SP_11th_opt1 ul.in_desc li.item .points_container .points .point .text p {
  margin: 0;
  font-size: 15px;
  line-height: 2.2em;
  margin-left: -45px;
  width: calc(100% + 45px);
}

@media screen and (max-width: 767px) {
  .SP_11th_opt1 ul.in_desc li.item .in_flex.points_container {
    flex-direction: column;
    gap: 20px;
  }
  .SP_11th_opt1 ul.in_desc li.item .points_container .points .point {
    margin-bottom: 40px;
	 
  }
  .SP_11th_opt1 ul.in_desc li.item .points_container .points .point .text h4 {
    font-size: 4vw;
	line-height: 2.2em;
  }
  .SP_11th_opt1 ul.in_desc li.item .points_container .points .point .text p {
    font-size: 3.3vw;
  }
}




.SP_11th_opt2 {
margin-bottom: 80px;
}
.SP_11th_opt2 ul.in_desc2 {
display: grid;
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 20px;
margin-top: 80px;
}
.SP_11th_opt2 ul.in_desc2 li.item {
display:flex;
align-items:center;
gap: 40px;
}
.SP_11th_opt2 ul.in_desc2 li.item h3 {
flex: 1;
}
.SP_11th_opt2 ul.in_desc2 li.item p {
flex: 7;
font-size: 15px;
}
.SP_11th_opt2 ul.in_desc2 li.item h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
border-left: 5px solid #FFE0AF;
padding-left: 20px;
}

@media screen and (max-width: 767px) {
.SP_11th_opt2 ul.in_desc2 {
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 10px;
margin-top: 40px;
}
.SP_11th_opt2 ul.in_desc2 li.item {
flex-direction: column;
gap: 10px;
align-items: flex-start;
}

.SP_11th_opt2 ul.in_desc2 li.item h3 {
font-size: 3.6vw;
flex: none;
}
.SP_11th_opt2 ul.in_desc2 li.item p {
font-size: 3vw;
flex: none;
}
.SP_11th_opt2 p.note {
font-size: 3vw;
}
}




/*省エネ創エネ*/
/*BELS*/
.bels_opt1 {
padding-top: 30px;
padding-bottom: 30px;
}
.bels_opt1 h2 {
font-size: 30px;
text-align: center;
margin-bottom: 40px;
font-weight: bold;
}
.bels_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
}
.bels_opt1 ul.in_desc figure img {
width: 100%;
height: auto;
}
.bels_opt1 ul.in_desc li.item.area2 {
	padding-left: 30px;
	padding-right: 20px;
}
@media screen and (max-width: 767px) {
.bels_opt1 {
padding-top: 15px;
padding-bottom: 0px;
}
.bels_opt1 h2 {
font-size: 5vw;
margin-bottom: 20px;
}
.bels_opt1 ul.in_desc {
grid-template-columns: 1fr;
}
.bels_opt1 ul.in_desc li.item.area2 {
	padding-left: 0px;
	padding-right: 0px;
}
}


/*オプション2*/
.bels_opt2 {
padding-top: 0px;
padding-bottom: 60px;
}
h2.bels_g1 {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #35A12C;
	border-top: 1px solid #35A12C;
	border-bottom: 1px solid #35A12C;
	text-align: center;
}
.bels_opt2 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.bels_opt2 ul.in_desc figure img {
width: 100%;
height: auto;
}
.bels_opt2 ul.in_desc li.item {
}
.bels_opt2 ul.in_desc li.item h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.bels_opt2 ul.in_desc li.item h4 span {
	font-size: 30px;
	display: block;
	color: #35A12C;
	margin-bottom: 10px;
}
.bels_opt2 ul.in_desc li.item h4 span strong {
	font-size: 50px;
}
.bels_opt2 ul.in_desc li.item p {
	line-height: 2em;
}
@media screen and (max-width: 767px) {
.bels_opt2 {
padding-bottom: 30px;
}
h2.bels_g1 {
font-size: 4.4vw;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 15px;
	text-align: left;
}
.bels_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}
.bels_opt2 ul.in_desc li.item h4 {
font-size: 5vw;
}
.bels_opt2 ul.in_desc li.item p {
font-size: 3.5vw;
}
}

/*オプション3*/
.bels_opt3 {
padding-top: 0px;
padding-bottom: 60px;
}
h3.bels_g2 {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 20px;
	color: #35A12C;
}
.bels_opt3 figure.eco_l01 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.bels_opt3 figure img {
width: 100%;
height: auto;
}
.bels_opt3 .in_hyoka {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
.bels_opt3 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.bels_opt3 ul.in_desc li.item {
}
.bels_opt3 ul.in_desc li.item h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.bels_opt3 ul.in_desc li.item h4 span {
	font-size: 25px;
	color: #FFA304;
	font-weight: bold;
}
.bels_opt3 ul.in_desc li.item p {
	line-height: 2em;
}
.bels_opt3 p.z_lead {
	font-size: 16px;
		line-height: 2em;
}
@media screen and (max-width: 767px) {
.bels_opt3 {
padding-bottom: 30px;
}
h3.bels_g2 {
font-size: 4.0vw;
	padding-bottom: 15px;
}
.bels_opt3 figure.eco_l01 {
	width: 100%;
}
.bels_opt3 .in_hyoka {
gap: 0px;
grid-template-columns: 1fr;
}
.bels_opt3 ul.in_desc {
gap: 10px;
grid-template-columns: 1fr;
}
.bels_opt3 ul.in_desc li.item h4 {
font-size: 5vw;
}
.bels_opt3 ul.in_desc li.item p {
font-size: 3.5vw;
}
.bels_opt3 p.z_lead {
font-size: 3.8vw;
}
}



/*省エネ創エネ*/

.safe_1th h3 {
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 20px;
color: #ED6C00;
border-top: 1px solid #ED6C00;
border-bottom: 1px solid #ED6C00;
}

.safe_1th h4.sub{
	font-size: 20px;
	line-height: 2em;
	margin-bottom: 15px;
}
.safe_1th h5.sub{
	font-size: 16px;
	line-height: 2em;
	color: #EC6C00;
	border-left: 5px solid #EC6C00;
	padding-left: 15px;
	margin-bottom: 15px;
}
.safe_1th h5.sub span {
	font-size: 0.8em;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}
.safe_1th .in_txt1{
	position: relative;
	margin-bottom: 30px;
}
.safe_1th .in_txt1 figure.icon{
	width: 74px;
	height: auto;
	position: absolute;
	right: 200px;
	top: 0px;
}
.safe_1th .in_txt1 figure.icon2{
	width: 150px;
	height: auto;
	position: absolute;
	right: 150px;
	top: 0px;
}
.safe_1th .in_txt1 figure.smart{
	width: 450px;
	margin-left: 0px;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
.safe_1th h3 {
font-size: 4.6vw;
}
.safe_1th h4.sub{
	font-size: 4.0vw;
	line-height: 1.8em;
}
.safe_1th h5.sub{
font-size: 3.5vw;
line-height: 1.8em;
}
.safe_1th .in_txt1{
	position: static;
}
.safe_1th .in_txt1 figure.icon{
	position: static;
	float: left;
	padding-right: 20px;
}
.safe_1th .in_txt1 figure.icon2{
	position: static;
	float: left;
	padding-right: 20px;
}
.safe_1th .in_txt1 figure.smart{
	width: 100%;
}
}



/*商品一覧*/
.hp_nav {
padding-bottom: 100px;
}
.hp_nav ul.in_opt {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
.hp_nav ul.in_opt li.item {
}
@media screen and (max-width: 767px) {
.hp_nav {
padding-bottom: 50px;
}
.hp_nav ul.in_opt {
gap: 20px;
grid-template-columns: 1fr;
}
}

/*詳細ナビゲーション*/
.hp_nav2 {
	padding-bottom: 30px;
	padding-top: 30px;
}
.hp_nav2 ul.in_opt {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.hp_nav2 ul.in_opt li.item {
	border: 1px solid #000000;
	padding: 0;
	background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.hp_nav2 {
padding-bottom: 25px;
}
.hp_nav2 ul.in_opt {
gap: 5px;
}
}



/*商品ラインナップ*/
.ct_lineup figure {
	padding: 0;
	margin: 0;
	display: block;
}
.ct_lineup figure img {
width: 100%;
height: auto;
}


/* 商品ラインナップ　固定ナビ */
.fixed_lup {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
padding-top: 120px;
max-width: 800px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.fixed_lup {
	padding-top: 70px;
	padding-left: 6%;
	padding-right: 6%;
}
}

/*リード*/
.lup_2th {
	text-align: center;
	margin-bottom: 80px;
}	
.lup_2th h2 {
	color: #FF6D00;
	margin-bottom: 30px;
}
.lup_2th p {
	line-height: 2.2em;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
.lup_2th {
	margin-bottom: 40px;
}	
.lup_2th h2 {
font-size: 4.8vw;
	margin-bottom: 20px;
}
.lup_2th p {
font-size: 3.3vw;
}
}


/*リード*/
.lup_3th {
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 100px;
	padding-bottom: 60px;
}	
.lup_3th h2 {
	text-align: center;
	margin-bottom: 0px;
	font-size: 20px;
	line-height: 2em;
}
.lup_3th h2 figure {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
.lup_3th p {
	line-height: 2.2em;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
.lup_3th {
	padding-top: 50px;
	padding-bottom: 30px;
}
.lup_3th h2 figure {
	width: 45%;
}
.lup_3th h2 figure img {
	padding-bottom: 5px;
}
}


/*ラインナップ詳細*/
.hp_type1 {
	border: 2px solid #000000;
	border-radius: 11px;
	background-color: #FFFFFF;
	padding: 0;
	margin-bottom: 30px;
}	
.hp_type1 ul.in_opt {
	display: grid;
	gap: 0px;
	margin: 0;
	padding: 0;
	grid-template-columns: 1fr 1fr;
}
.hp_type1 ul.in_opt .item.type1 img {
	border-bottom-left-radius: 10px;
}
.hp_type1 ul.in_opt .item.type2 img {
	border-bottom-right-radius: 10px;
}
@media screen and (max-width: 767px) {
.hp_type1 {
margin-bottom: 15px;
}
.hp_type1 ul.in_opt {
gap: 0px;
grid-template-columns: 1fr;
}
.hp_type1 ul.in_opt .item.type1 img {
	border-bottom-left-radius: 0px;
}
.hp_type1 ul.in_opt .item.type2 img {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
}

/*プラン例全体*/
.lup_3th .forIn {
padding: 30px;
background-color: #FFFFFF;
border-radius: 10px;
border: 1px solid #000000;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.lup_3th .forIn {
padding: 15px;
margin-bottom: 30px;
}
}

/*プラン例*/
.hp_type2 {
}
.hp_type2.plan_1 {
	margin-bottom: 60px;
}
.hp_type2 h3 {
	text-align: center;
	border-radius: 50px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
}
.hp_type2 ul.in_opt {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 20px;
}
.hp_type2 ul.in_opt li.item {
}
@media screen and (max-width: 767px) {
.hp_type2.plan_1 {
	margin-bottom: 30px;
}
.hp_type2 h3 {
font-size: 3.8vw;
}
.hp_type2 ul.in_opt {
gap: 0px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
}




/*tab　外観と間取り*/
.tab_lup{
	display: flex;
	flex-wrap: wrap;
}
.tab_lup li{
	width: 50%;
}
.tab_lup li a{
display: block;
background: #ADADAD;
margin: 0px;
color: #FFFFFF;
line-height: 30px;
height: 30px;
font-size: 13px;
}




/*タブ切り替え　複数タブ対応*/
.tab-wrap{
}
.tab-wrap ul {
display: flex;
background: #ADADAD;
color: #FFFFFF;
line-height: 30px;
height: 30px;
font-size: 13px;
}
.tab-btn {
width: 50%;
text-align: center;
list-style: none;
cursor: pointer;
}
.tab-btn.show {
background: #333;
color: #fff;
}
.tab-contents {
display: none;
}
.tab-contents.show {
display: block;
animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
animation-duration: 2s;
animation-fill-mode: forwards;
}
@keyframes displayAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}



/*シミュレーション　カラーパターン*/
.OC_hp{
}
.OC_hp h4{
	font-size: 16px;
	font-weight: normal;
	color: #FF6D00;
	line-height: 2.2em;
	text-align: center;
}
.OC_hp .toggle_box {
display: none;
}
@media screen and (max-width: 767px) {
.OC_hp h4{
font-size: 3.5vw;
}
}

div.simuOC{
display: block;
cursor: pointer;
pointer-events: auto;
background-image: url(../parts/hp_i_arw01.png);
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #FF6D00;
background-color: #FFFFFF;
}
div.simuOC.open2{
background-image: url(../parts/hp_i_arw01b.png);
}
/*スタイルカラー用*/
div.simuOC.style{
	display: block;
	cursor: pointer;
	pointer-events: auto;
	background-image: url(../parts/hp_i_arw02.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.OC_hp div.simuOC.style h4{
	color: #000000;
}
div.simuOC.style.color1{
	background-color: #E3E5F1;
}
div.simuOC.style.color2{
	background-color: #E9F5E2;
}
div.simuOC.style.color3{
	background-color: #F8F4E2;
}
div.simuOC.open2{
background-image: url(../parts/hp_i_arw02b.png);
}


/*詳細ナビ*/
.hp_nav2b {
	padding-bottom: 20px;
	padding-top: 0px;
}	
.hp_nav2b ul.in_opt {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.hp_nav2b ul.in_opt li.item a {
	border-radius: 50px;
	padding: 0;
	background-color: #FF6D00;
	display: block;
	color: #FFFFFF;
	line-height: 2.5em;
}
.hp_nav2b ul.in_opt li.item a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.hp_nav2b {
padding-bottom: 10px;
}
.hp_nav2b ul.in_opt li.item a {
	border-radius: 5px;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 3vw;
}
.hp_nav2b ul.in_opt {
gap: 5px;
}
}



/*swiper*/
.t_mv2{
_zoom: 1;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
max-width: 900px;
padding-bottom: 100px;
padding-top: 50px;
}
@media screen and (max-width: 767px) {
.t_mv2{
overflow: initial;
padding-bottom: 50px;
padding-top: 30px;
max-width: 90%;
}
}

.t_mv2 .swiper-button-prev,
.t_mv2 .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 13px 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ED6C00;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.t_mv2 .swiper-button-prev {
left: 120px !important;
}
.t_mv2 .swiper-button-next {
right: 120px !important;
}

@media screen and (max-width: 767px) {
.t_mv2 .swiper-button-prev {
left: -20px !important;
}
.t_mv2 .swiper-button-next {
right: -20px !important;
}
}

/*左右画像の透過*/
.t_mv2 .swiper-slide-next{
opacity: 0.5;
}
.t_mv2 .swiper-slide-prev{
opacity: 0.5;
}



/*詳しく見る*/
.hp_glbtn1 {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	position: relative;
}
.hp_glbtn1 a {
	border-radius: 50px;
	border: 1px solid #000000;
	display: block;
	text-align: center;
	line-height: 2.2em;
	color: #000000;
}
.hp_glbtn1 span{
width: 10px;
height: 10px;
border-top: 1px solid #2D2D2D;
border-left: 1px solid #2D2D2D;
transform: rotate(135deg);
position: absolute;
right: 40px;
top: 35%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.hp_glbtn1 a:hover {
opacity: 0.6;
}
@media screen and (max-width: 767px) {

}



/*カラーコーディネイト*/
.lup_4th {
	margin-bottom: 80px;
}
.lup_4th > h3 figure {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.lup_4th > p {
	line-height: 2.2em;
	font-size: 20px;
	color: #FF6D00;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.lup_4th {
	margin-bottom: 40px;
}	
.lup_4th > h3 figure {
	width: 60%;
	margin-bottom: 20px;
}
.lup_4th > p {
font-size: 3vw;
}
}



.hp_type3 {
padding-bottom: 60px;
}
.hp_type3 h3 {
font-size: 18px;
line-height: 3em;
margin-bottom: 30px;
margin-top: 10px;
}
.hp_type3 h3 span {
font-size: 40px;
font-family: 'Damion', cursive;
margin-bottom: 0px;
margin-top: 8px;
font-weight: normal;
display: block;
color: #FF6D00;
}
.hp_type3 p {
font-size: 14px;
line-height: 2.2em;
padding-right: 50px;
}
.hp_type3 ul.in_opt {
display: grid;
gap: 50px;
grid-template-columns: 1fr 1fr;
}
.hp_type3 ul {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background-image: url(../parts/hp_isa_p01c.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
margin: 0;
padding-bottom: 90px;
}
.hp_type3 ul.casual {
background-image: url(../parts/hp_isa_p02c.jpg);
}
.hp_type3 ul.natural {
background-image: url(../parts/hp_isa_p03c.jpg);
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.hp_type3 {
padding-bottom: 30px;
}
.hp_type3 h3 {
font-size: 3.8vw;
line-height: 2.5em;
margin-bottom: 15px;
}
.hp_type3 h3 span {
font-size: 30px;
}
.hp_type3 ul.in_opt {
gap: 20px;
grid-template-columns: 1fr;
}
.hp_type3 ul {
padding: 20px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background-image: none;
}
.hp_type3 ul.casual {
background-image: none;
}
.hp_type3 ul.natural {
background-image: none;
padding-bottom: 20px;
}
.hp_type3 ul li.item.style figure {
	width: 95%;
	margin-left: 0px;
	margin-right: auto;
}
.hp_type3 ul li.item.style img {
box-shadow: 15px 15px 0px #E3E5F1;
}
.hp_type3 ul.casual li.item.style img {
box-shadow: 15px 15px 0px #E9F5E2;
}
.hp_type3 ul.natural li.item.style img {
box-shadow: 15px 15px 0px #F8F4E2;
}
.hp_type3 p {
font-size: 3vw;
line-height: 1.8em;
margin: 0;
padding: 0;
}
}




/*借入事例*/
.kariire-case {
	margin-bottom: 80px;
}
.kariire-case.lastitem {
	margin-bottom: 150px;
}
.kariire-case__header {
  display: flex;
  align-items: center;
  gap: 0px;
  margin-bottom: 10px;
}
.kariire-case__label {
  background: #ED6C00;
  color: #fff;
  padding: 4px 10px;
  font-size: 14px;
}
.kariire-case__no {
  border: 2px solid #ED6C00;
  color: #ED6C00;
  padding: 2px 10px;
  font-size: 14px;
}
.kariire-case__title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.kariire-case__intro {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 0px;
}
.kariire-case__intro p {
  font-size: 14px;
  line-height: 2;
}
.kariire-case__intro p strong {
	background-color: #F8E71C;
	font-weight: normal;
}
.kariire-case__intro .in_txt {
  flex: 2;
}
.kariire-case__intro figure {
	flex: 1;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 30px;
}
.kariire-case__intro img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
.kariire-case {
	margin-bottom: 60px;
}
.kariire-case__header {

}
.kariire-case__intro {
flex-direction: column;
gap: 0px;
}
.kariire-case__intro figure {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.kariire-case__title {
font-size: 4.8vw;
}
.kariire-case__intro p {
font-size: 3.3vw;
}
}





/* ボディ部分 */
.kariire-case .wrap_body {
	background: url('../parts/orange_dot24.png') repeat;
	padding: 20px;
	box-sizing: border-box;
}
.kariire-case__body {
	display: flex;
	align-items: center;
	gap: 0px;  /* テーブル・矢印・支払いの間隔 */
	padding: 30px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

/* ─── テーブル ─── */
.kariire-case__table {
	flex: 1.4;
	border-collapse: collapse;
	box-sizing: border-box;
	border-right: 1px solid #ED6C00;
}
.kariire-case__table th,
.kariire-case__table td {
	padding: 12px 8px;
	border-bottom: 1px solid #DDD;
	font-size: 14px;
	text-align: left;
}
.kariire-case__table tr:last-child th,
.kariire-case__table tr:last-child td {
  border-bottom: none;
}

.kariire-case__table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.kariire-case__table th {
  width: 25%;
  word-break: break-word;
}
.kariire-case__table td {
  width: 75%;
  word-break: break-word;
}


/* ─── 矢印 ─── */
.kariire-case__arrow {
  flex-shrink: 0;
}

/* ─── 支払い ─── */
.kariire-case__payment {
  flex: 1;
  text-align: center;
}
.kariire-case__payment .label {
  font-size: 14px;
  margin-bottom: 8px;
}
.kariire-case__payment .amount {
  font-size: 48px;
  font-weight: bold;
  color: #ED6C00;
  line-height: 1;
}
.kariire-case__payment .amount span {
  font-size: 24px;
}
.kariire-case__payment .bonus {
	font-size: 14px;
	margin-bottom: 24px;
	color: #F29600;
	font-weight: bold;
}
.kariire-case__payment .btn {
  display: inline-block;
  background: #ED6C00;
  color: #FFF;
  padding: 14px 32px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.kariire-case .wrap_body {
	padding: 15px;
}
  .kariire-case__body {
    flex-direction: column;
    gap: 0px;
    padding: 24px;
  }
  .kariire-case__table,
  .kariire-case__payment {
    width: 100%;
	border-right: 0px solid #ED6C00;
  }
  .kariire-case__table th,
.kariire-case__table td {
	padding: 10px 8px;
font-size: 3vw;
}
  .kariire-case__table th {
    width: 30%;
  }
  .kariire-case__table td {
    width: 70%;
  }
  
  .kariire-case__arrow {
    text-align: center;
  }
  .kariire-case__payment {
    text-align: center;
  }
  .kariire-case__payment .amount {
    font-size: 36px;
  }
  .kariire-case__payment .amount span {
    font-size: 18px;
  }
  .kariire-case__payment .btn {
    width: 100%;
  }
}



/*CM一覧*/
.SP_12th {
padding-top:0px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.SP_12th {
padding-top: 0px;
padding-bottom: 40px;
}
}

/*オプション*/
.SP_12th_opt1 {
}

.SP_12th_opt1 ul.in_desc {
display: grid;
gap: 60px;
grid-template-columns: 1fr 1fr;
}

.SP_12th_opt1 ul.in_desc li.item {
position: relative;
}

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

.SP_12th_opt1 ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
}
.SP_12th_opt1 ul.in_desc li.item span {
font-size: 3.3vw;
}
}



/*来場予約*/
.SP_13th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.SP_13th figure.yoyaku_mv {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.SP_13th figure.yoyaku_mv img {
width: 100%;
height: auto;
display: block;
}
.SP_13th figure.imasugu {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.SP_13th figure.imasugu img {
width: 100%;
height: auto;
display: block;
}
.SP_13th .mHs_btns {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}


@media screen and (max-width: 767px) {
.SP_13th {
padding-top: 50px;
padding-bottom: 40px;
}
.SP_13th figure.imasugu {
width: 100%;
margin-bottom: 40px;
}
}

/*オプション*/
.SP_13th_opt1 {
padding-top: 40px;
padding-bottom: 40px;
background-color: #FFFFFF;
}
.SP_13th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_13th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}

.SP_13th_opt1 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr;
margin-bottom: 20px;
}

.SP_13th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_13th_opt1 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
.SP_13th_opt1 {
padding-top: 20px;
padding-bottom: 0px;
}
.SP_13th_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_13th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_13th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}




/*オプション*/
.SP_13th_opt2 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
}
.SP_13th_opt2 h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
}
.SP_13th_opt2 h2::before,
.SP_13th_opt2 h2::after {
  content: "";
  flex: 1;
  height: 2px;
  background: #000000;
}
.SP_13th_opt2 h2 span {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 25px;
	background: #fff;
}

.SP_13th_opt2 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_13th_opt2 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_13th_opt2 span.merit {
	width: 20%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.SP_13th_opt2 span.merit img {
width: 100%;
height: auto;
display: block;
}

.SP_13th_opt2 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 60px;
}

.SP_13th_opt2 ul.in_desc li.item {
position: relative;
}
.SP_13th_opt2 ul.in_desc li.item .mT {
	font-size: 25px;
	font-weight: bold;
	font-family: "Damion", serif;
	font-weight: 400;
	color: #ED6C00;
	text-align: center;
	position: relative;
	margin-bottom: 40px;
	margin-top: 20px;
}
.SP_13th_opt2 ul.in_desc li.item .mT span {
	font-size: 45px;
}
.SP_13th_opt2 ul.in_desc li.item .mT::after {
position: absolute;
bottom: -20px;
content: '';
width: 100px;
height: 2px;
background-color: #ED6C00;
left: 50%;
transform: translateX(-50%);
}
.SP_13th_opt2 ul.in_desc li.item h3 {
font-size: 18px;
font-weight: bold;
color: #ED6C00;
margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
.SP_13th_opt2 {
}
.SP_13th_opt2 h2 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
.SP_13th_opt2 h2 span {
font-size: 5.8vw;
}
.SP_13th_opt2 span.merit {
	width: 40%;
	margin-bottom: 10px;
}
.SP_13th_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_13th_opt2 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_13th_opt2 ul.in_desc li.item p {
font-size: 3vw;
}
}


/*予約から来場までの流れ*/
.reserve-flow {
	background: #f8f8f2;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
	text-align: center;
	margin-top: 100px;
}

.reserve-flow h2 {
font-size: 20px;
margin-bottom: 20px;
display: inline-block;
padding: 12px 30px;
border: 2px solid #28a745;
border-radius: 50px;
color: #28a745;
background: #fff;
transform: translateY(-50%);
}

.flow-container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
gap: 0;
}

.flow-step {
flex: 1;
min-width: 160px;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.flow-step img {
width: 48px;
margin-bottom: 12px;
display: block;
}

.flow-step h3 {
font-size: 18px;
color: #28a745;
margin-bottom: 10px;
}

.flow-step p {
font-size: 14px;
line-height: 1.5;
color: #333;
}

.arrow-line {
width: 1px;
background-color: #ccc;
position: relative;
margin: 0 10px;
display: flex;
align-items: center;
justify-content: center;
}

.arrow-circle {
width: 24px;
height: 24px;
background-color: #28a745;
border-radius: 50%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}

.arrow-triangle {
display: inline-block;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid white;
margin-left: 2px;
}

@media screen and (max-width: 767px) {
.reserve-flow {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
	margin-top: 80px;
	margin-bottom: 20px;
}

.flow-container {
flex-direction: column;
}
.flow-step {
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.reserve-flow h2 {
font-size: 4.4vw;
margin-bottom: 0px;
padding: 12px 30px;
}
.arrow-line {
width: 100%;
height: 1px;
margin: 20px 0;
}
.arrow-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
}
.arrow-triangle {
transform: rotate(0deg);
}
}



/*バーチャルモデルハウス*/
.SP_14th {
padding-top: 80px;
padding-bottom: 80px;
}

/*モデルハウス用*/
.SP_14th h2 {
	font-size: 25px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	color: #ED6C00;
}
.SP_14th p.lead {
	margin-bottom: 40px;
	text-align: center;
}


.SP_14th figure.vr_bnr {
	margin-bottom: 30px;
}
.SP_14th p.guide {
	text-align: left;
	margin-bottom: 40px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.SP_14th ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
}
.SP_14th figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_14th figure img {
width: 100%;
height: auto;
display: block;
}
.SP_14th ul.in_desc li.item {
	position: relative;
	background-color: #EEEEEE;
	text-align: center;
	padding-bottom: 20px;
}
.SP_14th ul.in_desc li.item h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ED6C00;
	padding-bottom: 10px;
	padding-top: 10px;
}
.SP_14th ul.in_desc li.item .mHs_btns {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
.SP_14th {
padding-top: 40px;
padding-bottom: 40px;
}

/*モデルハウス用*/
.SP_14th h2 {
	font-size: 20px;
	margin-bottom: 20px;
}
.SP_14th p.lead {
	margin-bottom: 30px;
		text-align: left;
}


.SP_14th figure.vr_bnr {
	margin-bottom: 15px;
}
.SP_14th p.guide {
	width: 100%;
		margin-bottom: 20px;
}

.SP_14th ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.SP_14th ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_14th ul.in_desc li.item p {
font-size: 3vw;
}
}


/* itemが1つのときに中央寄せ表示に */
.SP_14th ul.in_desc.center-one {
  display: flex;
  justify-content: center;
}

.SP_14th ul.in_desc.center-one .item {
  max-width: 500px; /* 通常2カラム時の幅程度に */
  width: 100%;
}




/*モデルハウス*/
.SP_15th {
padding-top: 80px;
padding-bottom: 0px;
position: relative;
z-index: 0;
}
.SP_15th .mh_MV {
background-repeat: no-repeat;
background-position: center center;
height: 620px;
position: relative;
margin-bottom: 60px;
}
.SP_15th .mh_MV.inter {
background-image: url(../parts/inter-hder_pc.webp);
}
.SP_15th .mh_MV.saijo {
background-image: url(../parts/saijo-hder_pc.webp);
}
.SP_15th .mh_MV.north {
background-image: url("../parts/johoku-hder_pc.webp");
}
.SP_15th .mh_MV h1.mhlogo {
width: 450px;
margin-left: auto;
margin-right: auto;
}
.SP_15th .mh_MV h1.mhlogo img {
width: 100%;
height: auto;
display: block;
}
.SP_15th .mh_MV h1.mhlogo {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 250px;
}
@media screen and (max-width: 767px) {
.SP_15th {
padding-top: 50px;
padding-bottom: 0px;
}
.SP_15th .mh_MV {
background-image: none;
height: auto;
margin-bottom: 30px;
}
.SP_15th .mh_MV.inter {
background-image: none;
}
.SP_15th .mh_MV.saijo {
background-image: none;
}
.SP_15th .mh_MV.north {
background-image: none;
}
.SP_15th .mh_MV h1.mh_bg {
width: 100%;
}
.SP_15th .mh_MV h1.mh_bg img {
width: 100%;
height: auto;
display: block;
}
}


/*オプション*/
.SP_15th_opt1 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
}
.SP_15th_opt1 p.guide {
	font-size: 25px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	color: #ED6C00;
	margin-bottom: 30px;
}

.SP_15th_opt1 h2.story_2 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ED6C00;
	background-color: #EDEDED;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
}
.SP_15th_opt1 h2.story_2.madori {
color: #FFFFFF;
	background-color: #ED6C00;
}

.SP_15th_opt1 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 60px;
}
.SP_15th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.SP_15th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_15th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_15th_opt1 ul.in_desc li.item h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
	background-color: #EDEDED;
	padding-top: 8px;
	padding-bottom: 8px;
}
.SP_15th_opt1 ul.in_desc li.item h3 strong {
	font-size: 25px;
	color: #ED6C00;
	padding-right: 10px;
}
/*北店　注意事項*/
.SP_15th_opt1 p.N_note {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	background-color: #ED6C00;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
.SP_15th_opt1 {
padding-top: 0px;
padding-bottom: 40px;
}
.SP_15th_opt1 p.guide {
	font-size: 4.5vw;
	line-height: 1.6em;
}
.SP_15th_opt1 p.guide span {
	display: none;
}
.SP_15th_opt1 h2.story_2 {
font-size: 5.4vw;
	margin-bottom: 20px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.SP_15th_opt1 ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_15th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_15th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}

.SP_15th_opt1 p.N_note {
	font-size: 16px;
	text-align: left;
	padding: 15px;
}
}




/*オプション*/
.SP_15th_opt2 {
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url(../parts/blue_dot44.png);
	background-repeat: repeat;
}
.SP_15th_opt2 figure {
width: 100%;
aspect-ratio: 64 / 40; /* 横：縦の比率 */
overflow: hidden; /* はみ出た部分を非表示 */
display: flex;
justify-content: center;
align-items: center;
}
.SP_15th_opt2 figure img {
width: 100%;
height: 100%;
object-fit: cover; /* 画像をトリミング */
}
.SP_15th_opt2 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
}

.SP_15th_opt2 ul.in_desc li.item {
position: relative;
}
.SP_15th_opt2 ul.in_desc li.item h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ED6C00;
	text-align: center;
}
.SP_15th_opt2 ul.in_desc li.item h3 strong {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #ED6C00;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
.SP_15th_opt2 {
padding-top: 40px;
padding-bottom: 40px;
}
.SP_15th_opt2 ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
}
.SP_15th_opt2 ul.in_desc li.item h3 {
font-size: 4.6vw;
margin-bottom: 10px;
}
.SP_15th_opt2 ul.in_desc li.item h3 strong {
font-size: 4vw;
}
.SP_15th_opt2 ul.in_desc li.item p {
font-size: 3vw;
}
}



/*スタッフ紹介*/
.SP_15th_opt3 {
padding-top: 80px;
padding-bottom: 80px;
}
h2.boxT {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
}
h2.boxT::before,
h2.boxT::after {
content: "";
flex: 1;
height: 2px;
background: #000000;
}
h2.boxT span {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 25px;
	background: #fff;
	border: 2px solid #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 10px 10px 0px #EEEEEE;
	color: #ED6C00;
}
h2.boxT span em {
	color: #F29600;
	font-style: normal;
}


.SP_15th_opt3 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_15th_opt3 figure img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	display: block;
}

.SP_15th_opt3 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 60px;
}

.SP_15th_opt3 ul.in_desc li.item {
	position: relative;
	text-align: center;
}
.SP_15th_opt3 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
.SP_15th_opt3 {
padding-top: 40px;
padding-bottom: 40px;
}
h2.boxT {
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
}
h2.boxT span {
	font-size: 4.8vw;
	line-height: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.SP_15th_opt3 p.guide {
font-size: 3.3vw;
}

.SP_15th_opt3 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr 1fr;
margin-bottom: 30px;
}
.SP_15th_opt3 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_15th_opt3 ul.in_desc li.item p {
font-size: 2.5vw;
}
}




/*モーダル詳細*/
.car_opt1_m {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}	
.car_opt1_m ul.in_desc {
display: grid;
gap: 50px;
grid-template-columns: 1fr 1.4fr;
}
.car_opt1_m ul.in_desc li.item figure img{
	width: 100%;
	height: auto;
	border-radius: 50%;
	display: block;
}
.car_opt1_m ul.in_desc li.item .in_txt {
padding-top: 10px;
padding-bottom: 20px;
}
.car_opt1_m ul.in_desc li.item .in_txt p {
	line-height: 1.8em;
}
.car_opt1_m ul.in_desc li.item h3 {
font-size: 16px;
font-weight: bold;
line-height: 1.8em;
place-content: center;
margin-bottom: 10px;
}
.car_opt1_m ul.in_desc li.item .proFile {
	margin-top: 20px;
}
.car_opt1_m ul.in_desc li.item .proFile p {
	display: flex;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 13px;
}
.car_opt1_m ul.in_desc li.item .proFile p span.area1 {
	flex: 1.5;
	min-width: 0;
}
.car_opt1_m ul.in_desc li.item .proFile p span.area2 {
flex: 4;
min-width: 0;
}
@media screen and (max-width: 767px) {
.car_opt1_m {
	padding: 0px;
}
.car_opt1_m ul.in_desc {
gap: 15px;
grid-template-columns: 1fr;
}
.car_opt1_m ul.in_desc li.item figure{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.car_opt1_m ul.in_desc li.item .in_txt {
gap: 0px;
grid-template-columns: 1fr;
padding-top: 10px;
padding-bottom: 0px;
}
.car_opt1_m ul.in_desc li.item h4 {
font-size: 4.8vw;
margin-bottom: 20px;
}
.car_opt1_m ul.in_desc li.item .proFile p {
font-size: 3vw;
}
}

/*モーダルウィンドウ*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
display: none;
}
.modaal-container {
/*padding: 30px;*/
padding: 0px;
background: #fff;
border-radius: 15px!important;
box-sizing: border-box;
}
/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
background:#666;
}
@media screen and (max-width: 767px) {
.modaal-container {
padding: 0px;
}
}



/*地図　モデルハウス情報*/
.SP_15th_opt4 {
padding-top: 40px;
padding-bottom: 60px;
}
.SP_15th_opt4 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 60px;
}

.SP_15th_opt4 ul.in_desc li.item {
position: relative;
}
.SP_15th_opt4 ul.in_desc li.item.m_info {
	position: relative;
	background-color: #ED6C00;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	padding-left: 50px;
	padding-right: 50px;
}
.SP_15th_opt4 ul.in_desc li.item .in_txt {
	width: 100%;
}
.SP_15th_opt4 ul.in_desc li.item h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.SP_15th_opt4 ul.in_desc li.item p {
	display: flex;
	border-bottom: 1px solid rgba(255,255,255,0.40);
	padding-bottom: 5px;
	padding-top: 5px;
}
.SP_15th_opt4 ul.in_desc li.item p span.area1 {
	flex: 1;
	min-width: 0;
}
.SP_15th_opt4 ul.in_desc li.item p span.area2 {
flex: 4;
min-width: 0;
}

@media screen and (max-width: 767px) {
.SP_15th_opt4 {
padding-top: 20px;
padding-bottom: 30px;
}
.SP_15th_opt4 ul.in_desc {
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_15th_opt4 ul.in_desc li.item.m_map {
	height: 400px;
}
.SP_15th_opt4 ul.in_desc li.item.m_info {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
}
.SP_15th_opt4 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_15th_opt4 ul.in_desc li.item p {
font-size: 3vw;
}
}



/*お客様の声　詳細ページのヘッダー*/

.SP_16th_opt1 {
	padding-top: 80px;
	padding-bottom: 80px;
	z-index: 1;
}
.SP_16th_opt1 h2 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 5px; /* 下線と文字の間隔 */
}
.SP_16th_opt1 span {
	font-size: 25px;
	font-family: "Damion", serif;
	font-weight: 400;
	color: rgba(255,255,255,1.00);
	margin-bottom: 20px;
	display: block;
}

.SP_16th_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
position: relative;
z-index: 1;
}
.SP_16th_opt1 ul.in_desc::before {
  content: "";
  position: absolute;
  top: 30px; /* 背景を少しズラして見せる */
  left: 30px;
  width: 100%;
  height: 100%;
  background-image: url('../parts/stucco_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0; /* 背景になるように */
}

.SP_16th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	position: relative;
}
.SP_16th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_16th_opt1 ul.in_desc li.item.area1 {
	padding-right: 40px;
	padding-left: 40px;
	position: relative;
	background-image: url(../parts/watercolor_bg.jpg);
	display: flex;
	align-items: center;
}
.SP_16th_opt1 ul.in_desc li.item.area2 {
padding: 0px;
}
@media screen and (max-width: 767px) {
.SP_16th_opt1 {
padding-top: 40px;
padding-bottom: 40px;
}
.SP_16th_opt1 h2 {
font-size: 5.3vw;
margin-bottom: 20px;
}
.SP_16th_opt1 ul.in_desc {
	gap: 0px;
	grid-template-columns: 1fr;
	margin-bottom: 0px;
}
.SP_16th_opt1 ul.in_desc::before {
	display: none;
}
.SP_16th_opt1 ul.in_desc li.item.area1 {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
	padding-top: 40px;
}
.SP_16th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}


/*お客様の声　ブロックエディタカスタマイズ*/
.interview h1,.interview h2,.interview h3,.interview h4,.interview h5, .interview p
{
margin-left: 50px!important;
padding-right: 50px!important;
}

.interview h2{
margin-top: 24px;
font-size: 20px!important;
line-height: 32px; 
color: #EC6C00;
position: relative;
padding-left: 28px;
margin-bottom: 24px;
}
.interview h2::before{
content: "";
position: absolute;
background-image: url("../parts/title-line.svg");
width: 24px;
height: 2px;
background-size: contain;
top: 14px;
left: 0px;
}


.interview .case-three figure {
	position: relative;
	display: inline-block;
	margin-top: 30px;
}

.interview .case-three figure::before {
  content: "";
  position: absolute;
  top: 30px; /* 背景を少しズラして見せる */
  right: 30px;
  width: 100%;
  height: 100%;
  background-image: url('../parts/stucco_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0; /* 背景になるように */
}

.interview .case-three figure img {
  position: relative;
  z-index: 1; /* 画像を前面に */
  display: block;
}

.interview .case-one figure {
  position: relative;
  display: inline-block;
  	margin-top: 30px;
}

.interview .case-one figure::before {
  content: "";
  position: absolute;
  top: 30px; /* 背景を少しズラして見せる */
  left: 30px;
  width: 100%;
  height: 100%;
  background-image: url('../parts/stucco_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0; /* 背景になるように */
}

.interview .case-one figure img {
  position: relative;
  z-index: 1; /* 画像を前面に */
  display: block;
}


@media screen and (max-width: 767px) {
.interview h1,.interview h2,.interview h3,.interview h4,.interview h5, .interview p
{
margin-left: 0px!important;
padding-right: 0px!important;
}

.interview .case-three figure::before {
	display: none;
}
.interview .case-one figure::before {
	display: none;
}

}



/*お手紙*/
.SP_17th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.SP_17th {
padding-top: 40px;
padding-bottom: 50px;
}
}

/*オプション*/
.SP_17th_opt1 {
}
.SP_17th_opt1 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 5fr;
margin-bottom: 60px;
}
.SP_17th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
	margin-bottom: 10px;
}
.SP_17th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_17th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_17th_opt1 ul.in_desc li.item.area2 {
	min-width: 0;
	background-color: #F7F7F7;
	border-radius: 15px;
	padding: 40px;
	border: 1px solid #EDEDED;
	position: relative;
}
.SP_17th_opt1 ul.in_desc li.item.area2::before {
	position   : absolute;
	content    : "";
	width: 40px;
	height: 40px;
	background-color: #F7F7F7;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	left: -10px;
	transform: translateX(-50%);
	top: 80px;
}
.SP_17th_opt1 ul.in_desc li.item span.numb {
	font-family: "Damion", serif;
	font-weight: 300;
	color: #ED6C00;
	font-size: 30px;
	position: absolute;
	right: 30px;
	top: -10px;
	z-index: 1;
}
.SP_17th_opt1 ul.in_desc li.item span.numb strong {
	font-size: 60px;
}
.SP_17th_opt1 ul.in_desc li.item span.customer {
	text-align: right;
	display: block;
	margin-right: 30px;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
.SP_17th_opt1 {
}

.SP_17th_opt1 ul.in_desc {
gap: 10x;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_17th_opt1 figure {
	width: 55%;
}
.SP_17th_opt1 ul.in_desc li.item.area2 {
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-top: 40px;
}
.SP_17th_opt1 ul.in_desc li.item.area2::before {
	width: 40px;
	height: 40px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	left: 48%;
	transform: translateX(-50%);
	top: -25px;
}
.SP_17th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}




/*自社分譲地情報　一覧*/
.SP_18th {
	padding-top: 40px;
	padding-bottom: 80px;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 767px) {
.SP_18th {
padding-top: 20px;
padding-bottom: 40px;
}
}

/*オプション*/
.SP_18th_opt1 {
padding-top: 0px;
padding-bottom: 0px;
}
.SP_18th_opt1 figure.gensen {
	margin-bottom: 50px;
}
.SP_18th_opt1 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 60px;
}
.SP_18th_opt1 figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.SP_18th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_18th_opt1 ul.in_desc li.item {
	position: relative;
	border: 1px solid #CCCCCC;
}
.SP_18th_opt1 ul.in_desc li.item span.numb {
	position: absolute;
	font-family: "Damion", serif;
	font-size: 60px;
	font-weight: 500;
	right: 20px;
	top: -15px;
}
.SP_18th_opt1 ul.in_desc li.item .things {
	transition: all 0.3s;
}
.SP_18th_opt1 ul.in_desc li.item .things .in_txt {
	padding: 20px;
}
.SP_18th_opt1 ul.in_desc li.item h3 {
	font-size: 18px;
	font-weight: 600;
}
.SP_18th_opt1 ul.in_desc li.item p.opt1 {
	display: flex;
	gap: 0px;
	font-size: 11px;
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
}
.SP_18th_opt1 ul.in_desc li.item p.opt1 span.cat {
	background-color: #06B6C9;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.SP_18th_opt1 ul.in_desc li.item p.opt1 span.id {
	background-color: #28A745;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.SP_18th_opt1 ul.in_desc li.item p.price {
	text-align: right;
}
.SP_18th_opt1 ul.in_desc li.item p.price strong {
	color: #ED6C00;
	font-size: 20px;
	font-weight: bold;
}

.SP_18th_opt1 ul.in_desc li.item.memb figure img {
opacity: 0.4;
}
.SP_18th_opt1 ul.in_desc li.item.memb .things{
opacity: 0.4;
}
/*リンクを無効*/
.SP_18th_opt1 ul.in_desc li.item.memb .things a {
  pointer-events: none;
  cursor: default;
}

.SP_18th_opt1 ul.in_desc li.item.gen .things a{
cursor: pointer;
}
.SP_18th_opt1 ul.in_desc li.item.gen .things:hover{
opacity: 0.4;
}
@media screen and (max-width: 767px) {
.SP_18th_opt1 {
}
.SP_18th_opt1 figure.gensen {
	margin-bottom: 25px;
}
.SP_18th_opt1 ul.in_desc {
gap: 50px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_18th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_18th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}

/*新着情報　NEW*/
.SP_18th_opt1 p.update{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 0px;
	background-color: #FF0000;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: -20px;
	display: inline-block;
	z-index: 2;
}

@media (max-width: 767px) {
.SP_18th_opt1 p.update{
font-size: 12px;
width: 50px;
height: 50px;
line-height: 50px;
	right: 0px;
	top: -20px;
}
}

/*Land　ボタン*/
p.L_btn01{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	display: block;
	transition: all 0.3s;
	line-height: 1.5em;
	background-color: #ED6C00;
	color: #FFFFFF;
	font-size: 13px;
	position: relative;
}
/*arrow*/
p.L_btn01::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 30px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.3s;
}

@media(max-width: 820px){
p.L_btn01{
font-size: 12px;
}
}
@media(max-width: 767px){
p.L_btn01{
font-size: 3.3vw;
}
}




/*分譲地　詳細ページ*/
.SP_19th {
padding-top: 40px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.SP_19th h2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: bold;
	color: #ED6C00;
	border: 2px solid #ED6C00;
	padding-top: 10px;
	padding-bottom: 10px;
}
.SP_19th p.note {
	text-align: right;
	padding-right: 20px;
}



.SP_19th .land_things {
	display: grid;
	gap: 0px;
	grid-template-columns: 3fr 1fr;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.SP_19th .land_things .in_txt {

}
.SP_19th .land_things h3 {
	font-size: 18px;
	font-weight: 600;
}
.SP_19th .land_things p.opt1 {
	display: flex;
	gap: 0px;
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.SP_19th .land_things p.opt1 span.cat {
	background-color: #06B6C9;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.SP_19th .land_things p.opt1 span.id {
	background-color: #28A745;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.SP_19th .land_things p.price {
	font-size: 18px;
	margin-top: 40px;
}
.SP_19th .land_things p.price strong {
	color: #ED6C00;
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.SP_19th {
padding-top: 40px;
padding-bottom: 40px;
}
.SP_19th h2 {
font-size: 4vw;
margin-bottom: 20px;
}
.SP_19th p.note {
	text-align: center;
	padding-right: 0px;
	font-size: 2.5vw;
}


.SP_19th .land_things {
	grid-template-columns: 2.5fr 1fr;
	width: 100%;
	margin-bottom: 20px;
}
.SP_19th .land_things h3 {
font-size: 3.8vw;
}
.SP_19th .land_things p.price {
font-size: 3.8vw;
	text-align: right;
	margin-top: 30px;
}
.SP_19th .land_things p.price strong {
font-size: 6.8vw;
}
}


/*物件情報*/
.property-table {
width: 100%;
border-collapse: collapse;
font-family: sans-serif;
font-size: 14px;
margin-bottom: 100px;
}

.property-table th,
.property-table td {
border: 1px solid #ccc;
padding: 10px 15px;
text-align: left;
vertical-align: top;
}

.property-table th {
background: #f2f2f2;
font-weight: bold;
white-space: nowrap;
}

@media screen and (max-width: 767px) {
.property-table {
margin-bottom: 50px;
font-size: 3vw;
}

.property-table,
.property-table tbody,
.property-table tr,
.property-table th,
.property-table td {
display: block;
width: 100%;
box-sizing: border-box;
}

.property-table tr {
/*margin-bottom: 15px;*/
}

.property-table th {
background: #f2f2f2;
font-weight: bold;
padding: 10px;
}

.property-table td {
padding: 10px;
border-top: none;
}

/* 長文行の colspan 対応調整（無くてもOKだが念のため） */
.property-table td[colspan] {
border-top: 1px solid #ccc;
}
}

/* 区画 */
.price-table {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
  font-size: 14px;
  margin-bottom: 100px;
}

.price-table th,
.price-table td {
  border: 1px solid #ccc;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
  	line-height: 1.8em;
}

.price-table th {
  background: #e5e5e5;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
.price-table {
margin-bottom: 50px;
font-size: 3vw;
}
.price-table,
.price-table tbody,
.price-table tr,
.price-table th,
.price-table td {
	width: 100%;
	box-sizing: border-box;
}
.price-table th,
.price-table td {
	padding: 10px 0px;
	width: 20%;
}
}





/*オプション*/
.SP_19th_opt1 {
padding-top: 80px;
padding-bottom: 80px;
background-color: #FFFFFF;
}
.SP_19th_opt1 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 0px;
}
.SP_19th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_19th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_19th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_19th_opt1 ul.in_desc li.item p {
	text-align: center;
	line-height: 1.6em;
	font-size: 13px;
}
.SP_19th_opt1 ul.in_desc li.item p span {
	display: block;
}

@media screen and (max-width: 767px) {
.SP_19th_opt1 {
padding-top: 40px;
padding-bottom: 40px;
}
.SP_19th_opt1 p.guide {
font-size: 3.3vw;
}

.SP_19th_opt1 ul.in_desc {
gap: 15px 5px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
}
.SP_19th_opt1 ul.in_desc li.item p {
font-size: 2.5vw;
}
}




/*分譲地　予約ボタン*/
.mHs_btns2 {
display: flex;
justify-content: center;
align-items: center;
}
.mHs_btns2 ul {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.mHs_btns2 .thing:first-child a {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: auto;
height: 70px;
font-size: 15px;
text-decoration: none;
transition: all 0.3s ease;
background-color: #ED6C00;
color: #fff;
position: relative;
box-sizing: border-box;
}
.mHs_btns2 .thing:last-child a {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: auto;
height: 70px;
font-size: 15px;
text-decoration: none;
transition: all 0.3s ease;
background-color: #666666;
color: #fff;
position: relative;
}
.mHs_btns2 .thing:first-child a:hover {
background-color: #F29600;
}
.mHs_btns2 .thing:last-child a:hover {
background-color: #A0A0A0;
}
@media screen and (max-width: 767px) {
.mHs_btns2 ul {
width: 100%;
gap: 10px;
grid-template-columns: 1fr;
}
.mHs_btns2 .thing a {
height: 50px;
font-size: 3vw;
width: auto;
}
.mHs_btns2 .thing a::after {
right: 20px;
}
}




/*地図*/
.iframe-wrap {
	position: relative;
	width: 100%;
	padding-top: 42%; /* = height ÷ width × 100 */
	height: 0;
	overflow: hidden;
	margin-bottom: 40px;
}
.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.iframe-wrap {
padding-top: 75%; /* = height ÷ width × 100 */
	margin-bottom: 20px;
}
}




/*オンライン相談*/
.SP_20th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.SP_20th figure.imasugu {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.SP_20th figure.imasugu img {
width: 100%;
height: auto;
display: block;
}
.SP_20th .mHs_btns {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
/*オンライン相談までの流れ*/
.SP_20th .flow-step p {
	text-align: left;
}
@media screen and (max-width: 767px) {
.SP_20th {
padding-top: 70px;
padding-bottom: 40px;
}
.SP_20th figure.imasugu {
width: 100%;
margin-bottom: 40px;
}
}

/*オプション*/
.SP_20th_opt1 {
padding-top: 0px;
padding-bottom: 80px;
background-color: #FFFFFF;
}
.SP_20th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_20th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}

.SP_20th_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1.3fr 1fr;
margin-bottom: 20px;
}

.SP_20th_opt1 ul.in_desc li.item.area1 {
	background-color: #C7DDF2;
	padding: 50px;
}
.SP_20th_opt1 p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
.SP_20th_opt1 {
padding-top: 0px;
padding-bottom: 40px;
}
.SP_20th_opt1 ul.in_desc {
gap: 0px;
grid-template-columns: 1fr;
margin-bottom: 20px;
}
.SP_20th_opt1 ul.in_desc li.item.area1 {
	background-color: #C7DDF2;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.SP_20th_opt1 p {
	font-size: 3vw;
	width: 100%;
}
}




/*オプション*/
.SP_20th_opt2 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
}
.SP_20th_opt2 h2 {
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 40px;
    padding-bottom: 10px; /* 下線との距離を作る */
    border-bottom: 2px solid #000000;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.SP_20th_opt2 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 60px;
}

.SP_20th_opt2 ul.in_desc li.item {
position: relative;
}
.SP_20th_opt2 ul.in_desc li.item h3 {
	font-size: 20px;
	font-weight: bold;
	color: #ED6C00;
	margin-bottom: 10px;
	border: 1px solid #ED6C00;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
.SP_20th_opt2 {
}
.SP_20th_opt2 h2 {
font-size: 20px;
	margin-bottom: 20px;
}
.SP_20th_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_20th_opt2 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_20th_opt2 ul.in_desc li.item p {
font-size: 3vw;
}
}


/*ライン*/
.SP_21th {
	padding-top: 200px;
	padding-bottom: 100px;
	position: relative;
	z-index: 0;
	text-align: center;
}
.SP_21th figure {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.SP_21th figure img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.SP_21th {
padding-top: 100px;
padding-bottom: 50px;
}
}




/*オーナー様へ*/
.SP_22th {
padding-top: 60px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.SP_22th figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_22th figure img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.SP_22th {
padding-top: 40px;
padding-bottom: 40px;
}
}

/*オプション*/
.SP_22th_opt1 {
padding-top: 80px;
padding-bottom: 0px;
background-color: #FFFFFF;
}
.SP_22th_opt1 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 30px;
}

.SP_22th_opt1 ul.in_desc li.item.current figure img  {
opacity: 0.3;
}
.SP_22th_opt1 ul.in_desc li.item.current a {
pointer-events: none;
}


.SP_22th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_22th_opt1 ul.in_desc li.item h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: center;
}
.SP_22th_opt1 ul.in_desc li.item p  {
	margin-bottom: 20px;
}
.SP_22th_opt1 ul.in_desc li.item p.g_btn01 a  {
	background-color: #000000;
}
@media screen and (max-width: 767px) {
.SP_22th_opt1 {
padding-top: 40px;
padding-bottom: 0px;
}
.SP_22th_opt1 h2 {
font-size: 5.8vw;
margin-bottom: 30px;
}
.SP_22th_opt1 p.guide {
font-size: 3.3vw;
}

.SP_22th_opt1 ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
.SP_22th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_22th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}


/*カギカッコタイトル*/
h2.kakko{
	position: relative;
	text-align: center;
	font-size: 25px;
	margin-bottom: 50px;
	font-weight: bold;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
h2.kakko:before, h2.kakko:after { 
position: absolute;
top: 0;
content:'';
width: 8px;
height: 100%;
display: inline-block;
}
h2.kakko:before {
border-left: solid 2px black;
border-top: solid 2px black;
border-bottom: solid 2px black;
left: 0;
}
h2.kakko:after {
content: '';
border-top: solid 2px black;
border-right: solid 2px black;
border-bottom: solid 2px black;
right: 0;
}
@media screen and (max-width: 767px) {
h2.kakko{
	font-size: 20px;
	margin-bottom: 30px;
		padding-left: 20px;
	padding-right: 20px;
}
}


/*オーナー　CMSバナー01*/
.bnr_owner {
	background-image: url("../parts/blue2_dot44.png");
	position: relative;
	margin-top: 50px;
	margin-bottom: 20px;
}
.bnr_owner figure {
width: 650px;
margin-left: auto;
margin-right: auto;
transform: translateY(-10%);
}
.bnr_owner figure img {
width: 100%;
height: auto;
display: block;
}

@media screen and (max-width: 767px) {
.bnr_owner {
margin-top: 20px;
margin-bottom: 0px;
}

.bnr_owner figure {
width: 100%;
}
}



/*オーナーページ　お問い合わせ*/
.owner_opt1 {
padding-top: 20px;
padding-bottom: 80px;
background-color: #FFFFFF;
}
.owner_opt1 p.guide {
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}
.owner_opt1 p.guide span {
	font-size: 13px;
	display: block;
}


.owner_opt1 p.note {
	font-size: 11px;
	margin-top: 10px;
	line-height: 1.6em;
}
.owner_opt1 p.phone,.owner_opt1 p.phone a {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #FF6D00;
	line-height: 1em;
}
.owner_opt1 p.phone a:hover {
	text-decoration: underline;
}

.owner_opt1 ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 30px;
}
.owner_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.owner_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.owner_opt1 ul.in_desc li.item {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #CCCCCC;
	position: relative;
	place-content: center;
	padding-bottom: 20px;
}
.owner_opt1 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
	text-align: center;
}
.owner_opt1 ul.in_desc li.item.area1 .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.owner_opt1 ul.in_desc li.item.area1:hover{
background-color: rgba(204,204,204,0.10);
z-index: 0;
}
@media screen and (max-width: 767px) {
.owner_opt1 {
padding-top: 10px;
padding-bottom: 40px;
}
.owner_opt1 ul.in_desc {
gap: 15px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.owner_opt1 ul.in_desc li.item {
	padding-bottom: 20px;
}
.owner_opt1 ul.in_desc li.item h3 {
font-size: 4.8vw;
margin-bottom: 10px;
}
.owner_opt1 p.phone,.owner_opt1 p.phone a {
font-size: 6.8vw;
}
.owner_opt1 ul.in_desc li.item p.note {
	font-size: 3vw;
}
}



/*キャンペーン*/
.SP_23th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.SP_23th figure.icamp {
	margin-bottom: 40px;
}
.SP_23th figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_23th figure img {
width: 100%;
height: auto;
display: block;
}
.SP_23th p.hurry {
	color: #ED6C00;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.SP_23th .tatedoki {
	background-color: #EBEBEB;
	padding-top: 40px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.SP_23th .present {
	background-color: #FFD872;
	padding-top: 40px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.SP_23th .present p {
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
.SP_23th {
padding-top: 40px;
padding-bottom: 40px;
}
.SP_23th .tatedoki {
	padding-top: 30px;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.SP_23th .present {
	padding-top: 40px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
}

/*オプション*/
.SP_23th_opt1 {
padding-top: 0px;
padding-bottom: 60px;
}
.SP_23th_opt1 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 30px;
}

.SP_23th_opt1 ul.in_desc li.item {
	position: relative;
	background-color: #EBEBEB;
}
.SP_23th_opt1 ul.in_desc li.item h3 {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	line-height: 1.6em;
	border-bottom: 1px solid #ED6C00;
	padding-bottom: 10px;
}
.SP_23th_opt1 ul.in_desc li.item p.merit  {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: #ED6C00;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.SP_23th_opt1 ul.in_desc li.item p.lead  {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.SP_23th_opt1 {
padding-top: 0px;
padding-bottom: 30px;
}
.SP_23th_opt1 h2 {
font-size: 5.8vw;
margin-bottom: 30px;
}
.SP_23th_opt1 p.guide {
font-size: 3.3vw;
}

.SP_23th_opt1 ul.in_desc {
gap: 30px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
.SP_23th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
	width: 95%;
}
.SP_23th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}





/*定期点検*/
.SP_24th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
h2.after_T {
text-align: center;
padding: 16px;
background-size: 50%;
background-position: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 40px;
}
h2.after_T.tx_blue {
background-image: url(../parts/polygon_pattern_blue.png);
}
h2.after_T.tx_green {
background-image: url(../parts/polygon_pattern_green.png);
}
h2.after_T.tx_yellow {
background-image: url(../parts/polygon_pattern_yellow.png);
}
h2.after_T.tx_pink {
background-image: url(../parts/polygon_pattern_pink.png);
}

h2.after_T2 {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.SP_24th {
padding-top: 40px;
padding-bottom: 40px;
}
h2.after_T {
font-size: 4.8vw;
margin-bottom: 20px;
}
}

/*定期点検*/
.SP_24th_opt1 {
padding-top: 0px;
padding-bottom: 0px;
}
.SP_24th_opt1 ul.in_desc {
display: grid;
gap: 50px;
grid-template-columns: 1fr 1fr;
margin-bottom: 60px;
}
.SP_24th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_24th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_24th_opt1 ul.in_desc li.item {
position: relative;
}
.SP_24th_opt1 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
}
.SP_24th_opt1 ul.in_desc li.item p {
font-size: 14px;
}
.SP_24th_opt1 ul.in_desc li.item .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.SP_24th_opt1 ul.in_desc li.item:hover{
background-color: rgba(204,204,204,0.10);
z-index: 0;
}

@media screen and (max-width: 767px) {
.SP_24th_opt1 {
padding-top: 0px;
padding-bottom: 20px;
}
.SP_24th_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_24th_opt1 ul.in_desc li.item h3 {
	font-size: 3.6vw;
	margin-bottom: 10px;
}
.SP_24th_opt1 ul.in_desc li.item p {
font-size: 3.3vw;
}

.SP_24th p.guide {
	text-align: center;
}
}


/*定期点検　流れ*/
.after_box {
	border: 1px solid #06B6C9;
	border-radius: 10px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 60px;
	margin-bottom: 80px;
}
.after_box.a_step2 {
	border: 1px solid #EC6C00;
}
.after_box.a_step3 {
	border: 1px solid #25AF60;
}

.after_box::before {
	content: "1ヶ月前";
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background: #06B6C9;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 16px;
	width: 25%;
	text-align: center;
}
.after_box.a_step2::before {
	content: "点検当日";
	background: #EC6C00;
}
.after_box.a_step3::before {
	content: "点検後";
	background: #25AF60;
}

.after_box .step {
  margin-bottom: 40px;
}

.after_box .step h3 {
  color: #06B6C9;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.after_box.a_step2 .step h3 {
  color: #EC6C00;
}
.after_box.a_step3 .step h3 {
  color: #25AF60;
}

.after_box .step p {
  font-size: 14px;
}

.after_box .arrow {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}
.after_box .arrow::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #06B6C9;
	z-index: 1;
	position: relative;
	background-color: #FFFFFF;
}
.after_box.a_step2 .arrow::after {
	border-top: 20px solid #EC6C00;
}
.after_box.a_step3 .arrow::after {
	border-top: 20px solid #25AF60;
}

.after_box .arrow::before {
	position: absolute;
	bottom: 20px;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ccc;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
@media screen and (max-width: 767px) {
.after_box {
	border-radius: 10px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.after_box::before {
font-size: 3.6vw;
	width: 50%;
}
.after_box .arrow {
	margin-bottom: 20px;
}
.after_box .step h3 {
	font-size: 4vw;
	margin-bottom: 10px;
}
.after_box .step p {
font-size: 3.3vw;
}
}


/*修理依頼の流れ*/
.SP_24th_opt2 {
	padding: 40px;
	background-image: url(../parts/dot_gray.png);
}
.SP_24th_opt2 ul.in_desc {
display: grid;
gap: 40px;
grid-template-columns: 1fr;
}
.SP_24th_opt2 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_24th_opt2 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_24th_opt2 ul.in_desc li.item {
	display: flex;
	gap: 40px;
	position: relative;
	padding: 20px;
	background-color: #FFFFFF;
}
.SP_24th_opt2 .in_txt {
flex: 3;
min-width: 0;
}
.SP_24th_opt2 figure {
flex: 1.5;
min-width: 0;
}

.SP_24th_opt2 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.SP_24th_opt2 ul.in_desc li.item p {
font-size: 14px;
}
.SP_24th_opt2 ul.in_desc li.item p.numb {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 20px;
	display: inline-block;
}



.SP_24th_opt2 .in_contact{
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 0px;
	margin-top: 10px;
}
.SP_24th_opt2 .in_contact .area1{
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
}
.SP_24th_opt2 .in_contact .area1 h3{
	font-size: 18px;
	margin-bottom: 5px!important;
}
.SP_24th_opt2 .in_contact .area1 p.phone{
	color: #ED6C00;
	font-size: 25px;
	font-weight: bold;
}
.SP_24th_opt2 .in_contact .area1 p.phone a{
	color: #ED6C00;
}



.SP_24th_opt2 ul.in_desc li.item.area4 {
	display: grid;
	gap: 0px;
	grid-template-columns: 1fr;
	margin-bottom: 0px;
}
.SP_24th_opt2 ul.in_desc li.item.area4 .SorM {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 0px;
}
.SP_24th_opt2 ul.in_desc li.item.area4 .SorM h4 {
	text-align: center;
	padding: 16px;
	background-size: 50%;
	background-position: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(../parts/opback.png);
	color: #FFFFFF;
	place-items: center;
place-content: center;
}
.SP_24th_opt2 ul.in_desc li.item.area4 .SorM p {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.SP_24th_opt2 ul.in_desc li.item.area4 .SorM p.note {
	font-weight: bold;
	border-top: 1px solid #ED6C00;
	color: #ED6C00;
	padding-top: 20px;
}

@media screen and (max-width: 767px) {
.SP_24th_opt2 {
	padding: 20px;
}

.SP_24th_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}

.SP_24th_opt2 ul.in_desc li.item {
flex-direction: column;
gap: 30px;
}
.SP_24th_opt2 ul.in_desc li.item .in_txt,
.SP_24th_opt2 ul.in_desc li.item figure {
flex: none;
width: 100%;
}

.SP_24th_opt2 ul.in_desc li.item h3 {
	font-size: 3.6vw;
	margin-bottom: 10px;
}
.SP_24th_opt2 ul.in_desc li.item p {
font-size: 3.3vw;
}

.SP_24th_opt2 .in_contact{
	gap: 10px;
	grid-template-columns: 1fr;
	margin-bottom: 0px;
	margin-top: 10px;
}

.SP_24th_opt2 ul.in_desc li.item.area4 .SorM {
	gap: 10px;
	grid-template-columns: 1fr;
	margin-bottom: 0px;
}
}





/*お困りごと*/
.SP_25th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.SP_25th {
padding-top: 40px;
padding-bottom: 40px;
}
}

/*オプション*/
.SP_25th_opt1 {
padding-top: 0px;
padding-bottom: 40px;
}
.SP_25th_opt1 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 60px;
}
.SP_25th_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_25th_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.SP_25th_opt1 ul.in_desc li.item {
position: relative;
}

.SP_25th_opt1 .arrow_circle {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  z-index: 1;
}

.SP_25th_opt1 .arrow_circle::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  border-bottom: 3px solid #f07c00; /* オレンジ色 */
  border-right: 3px solid #f07c00;
}

.SP_25th_opt1 ul.in_desc li.item h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
.SP_25th_opt1 ul.in_desc li.item .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.SP_25th_opt1 ul.in_desc li.item:hover{
opacity: 0.6;
z-index: 0;
}


.SP_25th h2.tbl {
	margin-bottom: 0px;
	text-align: center;
	background-color: #ED6C00;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}
@media screen and (max-width: 767px) {
.SP_25th_opt1 {
padding-top: 0px;
padding-bottom: 20px;
}
.SP_25th_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.SP_25th_opt1 ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.SP_25th_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}







/*オプション*/
.SP_25th_opt2 {
	padding: 40px;
	background-image: url(../parts/dot_gray.png);
	margin-bottom: 80px;
}

.SP_25th_opt2 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.SP_25th_opt2 figure img {
width: 100%;
height: auto;
display: block;
}

.SP_25th_opt2 ul.in_desc {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr;
}

.SP_25th_opt2 ul.in_desc li.item {
	position: relative;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #FFFFFF;
	padding-bottom: 30px;
}
.SP_25th_opt2 ul.in_desc li.item p {
font-size: 15px;
margin-bottom: 10px;
padding-left:2.2em;
text-indent:-2.2em;
}
.SP_25th_opt2 ul.in_desc li.item p span {
	color: #ED6C00;
	font-weight: bold;
	margin-right: 1em;
	font-size: 20px;
}

@media screen and (max-width: 767px) {
.SP_25th_opt2 {
	padding: 20px;
		margin-bottom: 40px;
}

.SP_25th_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}
.SP_25th_opt2 ul.in_desc li.item {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.SP_25th_opt2 ul.in_desc li.item p {
font-size: 3.3vw;
padding-left:2.5em;
text-indent:-2.5em;
}
}




/*オプション*/
.SP_25th_opt3 {
	padding: 40px;
	background-image: url(../parts/dot_gray.png);
	margin-bottom: 80px;
}
.SP_25th_opt3 ul.in_desc {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	margin-bottom: 20px;
}

.SP_25th_opt3 ul.in_desc li.item {
	display: flex;
	gap: 40px;
	background-color: #FFFFFF;
}
.SP_25th_opt3 ul.in_desc li.item p {
font-size: 15px;
}
.SP_25th_opt3 ul.in_desc li.item h3 {
	flex: 1;
	background: #000000;
	color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.SP_25th_opt3 ul.in_desc li.item p {
flex: 4;
	padding-top: 15px;
	padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
.SP_25th_opt3 {
	padding: 20px;
		margin-bottom: 40px;
}

.SP_25th_opt3 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}
.SP_25th_opt3 ul.in_desc li.item {
flex-direction: column;
gap: 0px;
}
.SP_25th_opt3 ul.in_desc li.item h3 {
	padding-left: 0px;
}
.SP_25th_opt3 ul.in_desc li.item h3,
.SP_25th_opt3 ul.in_desc li.item p {
flex: none;
width: 100%;
box-sizing: border-box;
	text-align: center;
}
.SP_25th_opt3 ul.in_desc li.item p {
font-size: 3.3vw;
}
}

























/* ---------------------------------------------------------------- *
リストライン
* ---------------------------------------------------------------- */
.list_line {
padding: 0px;
position: relative;
margin-bottom: 50px;
}
.list_line  ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin-bottom: 10px;
clear: both;
}
.list_line  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 15px;
position: relative;
}
.list_line  ol li::after {
position: absolute;
bottom: 0px;
left: 0px;
content: '';
height: 1px;
}
.list_line  ol dt h3:after {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #FFFFFF;
color: #607FD0;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
border: 1px solid #607FD0;
font-weight: bold;
}
.list_line  ol dt h4:after {
content: counter(my-counter);
counter-increment: my-counter;
color: #000000;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
border: 1px solid #000000;
}
/*
.list_line  ol li::before {
position: absolute;
bottom: 0px;
left: 0px;
margin:0 auto;
content: '';
height: 1px;
}*/
.list_line  ol li:first-child::before {
position: absolute;
top: 0px;
left: 0px;
content: '';
height: 1px;
}
.list_line  ol li::before {
z-index: 2;
width: 100%;
background-color: #DDDDDD;
}
.list_line  ol li::after {
width: 100%;
background-color: #DDDDDD;
}
.list_line  ol li dt {
float: left;
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 14px;
}
.list_line  ol li dt em {
padding-left: 10px;
}
.list_line  ol li dd {
margin-left: 25%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 14px;
line-height: 2em;
}
.list_line.short  ol li dd {
margin-left: 15%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 14px;
line-height: 2em;
}
.list_line  ol li dd p{
margin: 0px;
padding: 0px;
}
.list_line  ol li dd p.note{
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 1.6em;
color: #444444;
}
* html .list_line  ol li dd {
zoom: 1;
}
.list_line figure.president {
margin-top: 30px;
}
.list_line figure.president img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.list_line {
margin-bottom: 25px;
}
.list_line  ol li dt {
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 13px;
line-height: 1.8em;
}
.list_line  ol li dt {
font-size: 13px;
line-height: 1.8em;
}
.list_line  ol li dd,.list_line.short  ol li dd {
margin-left: 30%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 13px;
line-height: 1.8em;
}
.list_line  ol li.his dd {
margin-left: 45%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 13px;
line-height: 1.8em;
}
.list_line figure.president img {
width: 100%;
height: auto;
display: block;
}
}

/* ---------------------------------------------------------------- *
サブリスト
* ---------------------------------------------------------------- */
.sub_list {
padding: 0;
margin: 0;
}
.sub_list  ol {
list-style: none;
padding: 0;
margin: 0;
}
/*.sub_list  ol li {
_zoom: 1;
overflow: hidden;
border-bottom: 1px dashed #CCCCCC;
padding-bottom: 5px;
margin-bottom: 7px;
}
.sub_list  ol li:last-child {
border-bottom: 0px dashed #CCCCCC;
padding-bottom: 0px;
margin-bottom: 0px;
}*/
.sub_list  ol li dt {
float: left;
}
.sub_list  ol li dd {
margin-left: 20% !important;
}
* html .sub_list  ol li dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.sub_list  ol li {
margin-bottom: 10px;
}
.sub_list  ol li dt {
}
.sub_list  ol li dd {
margin-left: 35% !important;
}
}

/* ---------------------------------------------------------------- *
リストライン2
* ---------------------------------------------------------------- */
.list_line2 {
padding: 0px;
position: relative;
margin-bottom: 50px;
}
.list_line2  ol {
}
.list_line2  ol li.tp1 {
_zoom: 1;
overflow: hidden;
padding-bottom: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 15px;
position: relative;
}
.list_line2  ol li.tp1::after {
position: absolute;
bottom: 0px;
left: 0px;
content: '';
height: 1px;
}
.list_line2  ol li.tp1:first-child::before {
position: absolute;
top: 0px;
left: 0px;
content: '';
height: 1px;
}
.list_line2  ol li.tp1::before {
z-index: 2;
width: 100%;
background-color: #DDDDDD;
}
.list_line2  ol li.tp1::after {
width: 100%;
background-color: #DDDDDD;
}
.list_line2  ol li.tp1 dt {
float: left;
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 14px;
}
.list_line2  ol li.tp1 dt em {
padding-left: 10px;
}
.list_line2  ol li.tp1 dd,.list_line2  ol li.tp1 dd.his {
margin-left: 25%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 14px;
line-height: 2em;
}
.list_line2  ol li.tp1 dd p{
margin: 0px;
padding: 0px;
}
.list_line2  ol li.tp1 dd p.note{
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 1.6em;
color: #444444;
}
* html .list_line2  ol li.tp1 dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.list_line2 {
margin-bottom: 25px;
}
.list_line2  ol li.tp1 dt {
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 13px;
line-height: 1.8em;
}
.list_line2  ol li.tp1 dt {
font-size: 13px;
line-height: 1.8em;
}
.list_line2  ol li.tp1 dd {
margin-left: 30%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 13px;
line-height: 1.8em;
}
.list_line2  ol li.tp1.his dd {
margin-left: 45%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 13px;
line-height: 1.8em;
}
}

/* ---------------------------------------------------------------- *
リストライン3
* ---------------------------------------------------------------- */
.list_line3 {
padding: 0px;
margin-bottom: 50px;
}
.list_line3  ol {
}
.list_line3  ol li.tp1 {
_zoom: 1;
overflow: hidden;
padding-bottom: 15px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
padding-top: 15px;
}
.list_line3  ol li.tp1.zs {
padding-bottom: 0px;
padding-top: 0px;
}
.list_line3  ol li.tp1 dt {
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.list_line3  ol li.tp1 dt h4 {
color: #FFFFFF;
font-size: 14px;
background-color: #5B72B7;
text-align: center;
width: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 2px;
}
.list_line3  ol li.tp1 dd {
margin-left: 20%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 14px;
line-height: 2em;
}
.list_line3  ol li.tp1 dd p{
margin: 0px;
padding: 0px;
}
* html .list_line3  ol li.tp1 dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.list_line3 {
margin-bottom: 25px;
}
.list_line3  ol li.tp1 dt {
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 13px;
line-height: 1.8em;
}
.list_line3  ol li.tp1 dt {
}
.list_line3  ol li.tp1 dt h4 {
font-size: 12px;
width: 70px;
padding-top: 2px;
}
.list_line3  ol li.tp1 dd {
margin-left: 27%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 13px;
line-height: 1.8em;
}
}



/* ---------------------------------------------------------------- *
プライバシーポリシーの設定　/　
* ---------------------------------------------------------------- */
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 3;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 100px!important;
padding-top: 50px!important;
}
.modal {
max-width: 800px !important;
padding-top: 50px!important;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 50px!important;
}


/*モーダルウィンドウ*/
.lock {
overflow:hidden;
}

.modal-content {
position: relative;
display: none;
width: 800px;
max-height: 60%;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;
background: #fff;
overflow: auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:10;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:20;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}

.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-decoration:underline;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}
@media screen and (max-width: 767px) {
.modal-content {
width: 90%;
max-height: 70%;
}
}



#sec_privacy {
	background-color: #FFFFFF;
	font-weight: 300;
	margin-top: 20px;
	line-height: 2.0em;
}
#sec_privacy h2.title02{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 16px;
	color: #000000;
	line-height: 1.5em;
	padding-bottom: 10px;
	clear: both;
	border-bottom: 1px solid rgba(45,45,45,0.50);
	font-weight: bold;
}
@media screen and (max-width: 767px) {
#sec_privacy h2.title02{
font-size: 14px;
}
}


#info_privacy {
padding: 0px;
position: relative;
margin-bottom: 70px;
}
#info_privacy h3 {
font-weight: normal;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 100%;
}
#info_privacy p{
margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
#info_privacy {
margin-bottom: 50px;
}
}

#info_privacy  ol {
}
#info_privacy  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 12px;
margin-top: 0px;
padding-top: 12px;
background-repeat: repeat-x;
background-position: left bottom;
margin-bottom: 0px;
background-image: url(../parts/line_dot.gif);
}
#info_privacy  ol li dt {
float: left;
width: 40px;
color: #333;
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#info_privacy  ol li dt span{
font-size: 10px;
}
#info_privacy  ol li dd {
margin-left: 50px;
background-repeat: no-repeat;
background-position: 0px 0px;
margin-right: 10px;
}
#info_privacy  ol li span.blue{
font-size: 15px;
font-weight: bold;
color: #06C;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
#info_privacy  ol li span.chui{
font-size: 15px;
font-weight: normal;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
#info_privacy  ol li dd p{
margin: 0px;
padding: 0px;
}
* html #info_privacy  ol li dd {
zoom: 1;
}

/*clCLOSEボタン*/
p.close a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 30%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height: 1.5em;
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
}
p.close a:hover,
p.close a:active {
background-color: #777777;
color: #FFF;
}
@media screen and (max-width: 767px) {
p.close a{
width: 40%;
}
}


/* ---------------------------------------------------------------- *
tableの設定
* ---------------------------------------------------------------- */
.table-a{
padding: 0px;
width: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
}
.table-a th{
background-color: #F1F1F1;
border: 1px solid #CCCCCC;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
vertical-align: middle;
text-align: center;
}
.table-a th.type1{
width: 18%;
}
.table-a th.type2{
width: 10.25%;
}
.table-a th.type3{
width: 10.25%;
}
.table-a td{
border: 1px solid #CCCCCC;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 15px;
vertical-align: middle;
text-align: center;
padding-top: 15px;
}
.table-a td.shukyaku{
position: relative;
}
.table-a td.shukyaku img{
position: absolute;
right: -45px;
top: 50%;
transform: translateY(-50%);
}
/*.table-a th:nth-child(1) {
width: 50%;
}*/

@media screen and (max-width: 767px) {
/*table-aをスクロールさせる*/
/*table-aのセル内にある文字の折り返しを禁止*/
.table-a {
overflow: auto;
white-space: nowrap;
display: block;
width: auto;
/*font-size: 12px;*/
line-height: 1.3em;
}

.table-a tbody {
width: 100%;
display:block;
}

/*.table-aにスクロールバーを追加*/
.table-a::-webkit-scrollbar {
height: 5px;
}

/*.table-aにスクロールバーを追加*/
.table-a::-webkit-scrollbar-track {
background: #F1F1F1;
}

/*.table-aにスクロールバーを追加*/
.table-a::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.table-a td.shukyaku img{
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
width: 40%;
height: auto;
display: block;
}
}