@charset "UTF-8";
/*----------------------------------------
	plan CSS

	-plan_list
	-ボタンや印刷関連

-----------------------------------------*/


/*=======================================
	base
=======================================*/


/* wide */
.w1000 {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
.w1100 {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
}


a {
  text-decoration: none;
  opacity: 1;
  transition: opacity .3s ease;
}
@media (hover: hover) {
  a:hover {
    opacity: .7;
  }
}





/*=======================================
	plan_wrap
=======================================*/
/* page_title */
#plan_wrap .page_title.plan {
	background: none;
	padding: 49px 0 55px;
}
#plan_wrap .page_title.plan h2 {
	color: #938145;
	font-size: 50px;
	font-family: 'Noto Serif JP', serif;
}
#plan_wrap .page_title.plan h2 span{
	font-size: 20px;
}

/* plan_catch */

.plan_catch{
	font-size: 34px;
	text-align: center;
	margin-bottom: 75px;
}


@media screen and (max-width: 768px) {
	#plan_wrap .page_title.plan {
		margin: 10px 0 20px;
	}
	#plan_wrap .page_title.plan h2 {
			font-size: 36px;
	}
	#plan_wrap .page_title.plan h2 span{
			font-size: 16px;
	}
	.plan_catch{
		font-size: 22px;
		margin-bottom: 37px;
	}
}


/*-----------------------------------------
	torikago
-----------------------------------------*/
.torikago {
	width: 324px;
	margin: 0 auto 62px;
	position: relative;
}

.torikago_type a {
 position: absolute;
	display: block;
}

.Atype a {
	width: 9.9%;
	height: 85.4%;
	top: 0;
	left: 13.5%;
	background-image: url("../img/plan/tori_btn_off_A.png");
}
.Atype a:hover {
    background-image: url("../img/plan/tori_btn_on_A.png");
}

.Btype a {
	width: 9.9%;
	height: 85.4%;
	top: 0;
	left: 24.2%;
	background-image: url("../img/plan/tori_btn_off_A.png");
}
.Btype a:hover {
    background-image: url("../img/plan/tori_btn_on_A.png");
}

.Ctype a {
	width: 9.9%;
	height: 85.4%;
	top: 0;
	left: 34.9%;
	background-image: url("../img/plan/tori_btn_off_C.png");
}
.Ctype a:hover {
    background-image: url("../img/plan/tori_btn_on_C.png");
}

.Dtype a {
	width: 9.9%;
	height: 85.4%;
	top: 0;
	left: 45%;
	background-image: url("../img/plan/tori_btn_off_C.png");
}
.Dtype a:hover {
    background-image: url("../img/plan/tori_btn_on_C.png");
}

.Etype a {
	width: 9.9%;
	height: 85.4%;
	top: 0;
	left: 58%;
	background-image: url("../img/plan/tori_btn_off_E.png");
}
.Etype a:hover {
    background-image: url("../img/plan/tori_btn_on_E.png");
}

.Gtype a {
	width: 10%;
	height: 85.4%;
	top: 0;
	left: 79%;
	background-image: url("../img/plan/tori_btn_off_E.png");
}
.Gtype a:hover {
    background-image: url("../img/plan/tori_btn_on_E.png");
}

.Htype a {
	width: 10%;
	height: 85.4%;
	top: 0;
	left: 89.5%;
	background-image: url("../img/plan/tori_btn_off_E.png");
}
.Htype a:hover {
    background-image: url("../img/plan/tori_btn_on_E.png");
}


/*-----------------------------------------
	plan_list
-----------------------------------------*/
.plan_detail.w1100{
	width: 100%;
}

.plan_container.w1100{
	width: 100%;
}



.plan_list{
	display: flex;
	flex-wrap: wrap;
	gap: 50px 36px;
	margin-bottom: 135px;

}

.plan_list_img{
	width: calc((100% - 36px)/2);
}



@media only screen and (max-width: 768px){
	.plan_list{
flex-direction: column;
gap: 25px 0;
margin-bottom: 67px;
	}

	.plan_list_img{
		width: 100%;
	}

}

/*-----------------------------------------
tab-list
-----------------------------------------*/
.tab_list{
position: relative;
	max-width: 1305px;
	width: 90%;
	margin: 0 auto;
	padding: 0 80px;
} 

.tab_list_item{
	position: absolute;
	content: "";
	top: 50%;
transform: translateY(-50%);}
.tab_list_item.prev{
left: 0;
}
.tab_list_item.next{
	right: 0;
}

.tab_list_item p{
display: flex;
    justify-content: center;
    align-items: center;
	}

.tab_list_item a:hover {
	text-decoration: none;
	}
	.tab_list_item a p {
		display: flex;
		flex-direction: column;
		}

		.tab_list_item a p span {
			font-size: 20px;
color: #681719;
			}

			@media only screen and (max-width: 768px){
				.tab_list{
						padding: 0 0 50px;
					} 
					.tab_list_item{
						top: 95%;
				}
					.tab_list_item.prev{
					left: 15%;
					}
					.tab_list_item.next{
						right: 15%;
					}
				.tab_list_item  a p img{
					width: 80%;
				}
				.tab_list_item a p span {
					font-size: 12px;
					}
			}

			@media only screen and (max-width: 500px){
				.tab_list_item{
					top: 94%;
			}
			}


/*-----------------------------------------
	plan_detail
-----------------------------------------*/


.plan_detail .bg{
	border: 1px solid #681719;
margin-bottom: 41px;
}

.plan_detail .plan_container{
	padding: 46px 0 68px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	width: 95%;
	}
	
.plan_detail .wappen{
	width: 90%;
	padding: 50px 0 20px;
	margin: 0 auto;
	text-align: center;
	}
	
.plan_detail .wappen picture:not(:last-child) >img{
	margin-bottom: 20px;
	}

.plan_detail .head{
	border-bottom: 1px solid #681719;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}



.plan_detail .spec .point{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px 0;
	font-size: 15px;
}

.plan_detail .spec .point li:not(:last-child){
	margin: 0 28px 5px 0;
}
.plan_detail .copy{
	position: relative;
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1.7;
}
.plan_detail .copy li{
	text-indent: -1em;
  padding-left: 1em;
}
.plan_detail .copy li:not(:last-child){
	margin-bottom: 8px;
}

.plan_detail .copy li::before{
	content: '';
	display: inline-block;
	background: #681719;
	position: relative;
	top: -0.1em;
	width: 11px;
	height: 11px;
	margin-right: 8px;
}
.popup_btnarea{
	margin: 0 auto 100px;
	display: flex;
	justify-content: center;
	gap: 35px;
}

.entry .btn_raijyo  .list_back{
	background: #681719;

}

.plan_img .hanrei {
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}
.plan_img .hanrei li {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 10px;
	font-size: 15px;
}
.plan_img .hanrei li:not(.txt):before {
	content: '';
	position: relative;
	display: inline-block;
	top: 0.5rem;
	width: 2rem;
	height: 1rem;
}
.plan_img .hanrei li.air::before {
	background: url("../img/plan/icon_air.svg") no-repeat;
	background-size: contain;
}
.plan_img .hanrei li.light::before {
	background: url("../img/plan/icon_light.svg") no-repeat;
	background-size: contain;
	top: 0.3rem;
}
.plan_img .hanrei li.strage::before {
	background-color: #b7ae9b;
	width: 2.5rem;
	top: 0.1rem;
}
.plan_img .hanrei li.heater::before {
	background-color: #dfc1be;
	width: 2.5rem;
	top: 0.1rem;
}





@media only screen and (max-width: 768px){
	.plan_detail .bg{
	margin-bottom: 100px;
	}
	.plan_detail .wappen{
	width: 95%;
	padding: 30px 0 10px;
	}
	.plan_detail .wappen picture:not(:last-child) >img{
		margin-bottom: 10px;
	}
	

	.plan_detail .plan_container{
		padding: 25px 0;
	}

	.plan_detail .spec .point{
		flex-direction: column;
		margin: 0 0 30px 0;
	}


	.plan_detail .spec .point li {
	width: 100%;
	font-size: 12px;
}
.plan_detail .copy{
	font-size: 14px;
	margin-bottom: 30px;
}
.plan_detail .plan_container .plan_img{
	width: 100%;
}

.popup_btnarea{
	margin: 0 auto 50px;
flex-direction: column;
align-items: center;
}

.plan_detail .list_back{
	font-size: 16px;
}

.plan_detail .list_print{
	font-size: 18px;
}
.plan_img .hanrei li {
	font-size: 12px;
}

}






/* =================================
    ボタンや印刷関連
=================================== */
.print-off {
	display: none;
}
.popup_btnarea .print_btn {
	transition: all .3s;
}
.popup_btnarea .print_btn:hover {
	cursor: pointer;
	opacity: .8;
}

@media only print {

	.popup_btnarea .print_btn {
		display:none;
	}
	body {
		zoom: 0.6;
		-webkit-print-color-adjust: exact;
}
.page_title {
	background: #fff;
}
		}

		/* IE10以上 */
@media print and (-ms-high-contrast: none) {
@page {
	size: A4;
	margin: 12.7mm 9.7mm;
}

body {
	zoom: 1.8;
	width: 1200px;
	transform: scale(0.5);
	transform-origin: 0 0;
}
}