@charset "UTF-8";
.section{
 margin: 0px;
	padding: 40px 15px;
}

.section .kaikan_index {
 margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom : 2px solid #005092;
	color: #005092;
 font-size: 2rem;
	font-weight: 600;
}
.messageArea.section {
 padding: 0px 15px 45px;
}
.messageArea.section .row {
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.messageArea.section .row .t{
 width : -webkit-calc(100% - 360px) ;
 width : calc(100% - 360px) ;
}
.messageArea.section .row .img{
 width : 340px;
}

.areaArea.section .row {
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.areaArea.section .row .t{
 width : -webkit-calc(100% - 360px) ;
 width : calc(100% - 360px) ;
	order: 2;
}
.areaArea.section .row .img{
 width : 340px;
	order: 1;
}

.typeArea.section .typeList{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.typeArea.section .typeList .typeBox{
 margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #bbced233;
	width : -webkit-calc(50% - 10px) ;
 width : calc(50% - 10px) ;
}
.typeArea.section .typeList .typeBox .i{
 margin: 0px 0px 10px 0px;
	padding: 10px 20px;
	background: #005092;
	color: #FFF;
	font-weight: 900;
	font-size: 2rem;
}
.typeArea.section .typeList .typeBox .row{
 margin: 0px;
	padding: 0px 20px 20px;
}
.typeArea.section .typeList .typeBox .row .t{
 margin: 0px 0px 10px 0px;
}
.typeArea.section .typeList .typeBox .row .img{
 width : auto;
}

.pointArea.section .pointList{
 margin: 0px;
	padding: 0px 0 0 0;
}
.pointArea.section .pointList .pointBox{
 margin: 0px;
	padding: 40px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #999;
}
.pointArea.section .pointList .pointBox:last-of-type{
 margin: 0px;
	border: none;
}
.pointArea.section .pointList .pointBox .text{
 width : -webkit-calc(100% - 300px) ;
 width : calc(100% - 300px) ;
}
.pointArea.section .pointList .pointBox .text .i{
 margin: 0px 0px 5px 0px;
	padding:0;
	font-weight: 900;
	font-size: 2rem;
}
.pointArea.section .pointList .pointBox .img{
 width : 280px;
}
.pointArea.section .pointList .pointBox:nth-child(even) .text{
 order: 2;
}
.pointArea.section .pointList .pointBox:nth-child(even) .img{
 order: 1;
}

.priceArea.section .message{
 margin: 0px 0px 10px 0px;
}
.priceArea.section .plantableArea{
 margin: 0px;
	padding: 0px;
}
.priceArea.section .plantableArea table{
 border-collapse:collapse;
	width: 100%;
	min-width: 800px;
}
.priceArea.section .plantableArea table th{
 background: #005092;
	border: 1px solid #005092;
	color: #FFF;
	padding: 10px;
	font-weight: 900;
}
.priceArea.section .plantableArea table th.p{
 border-right: 1px solid #FFF;
}
.priceArea.section .plantableArea table th.n{
 border-right: 1px solid #FFF;
}
.priceArea.section .plantableArea table td{
 background: #FFF;
	border: 1px solid #005092;
	padding: 10px;
}
.priceArea.section .plantableArea table td.p{
 font-weight: 900;
	font-size: 1.8rem;
}
.priceArea.section .plantableArea table tr:nth-child(even) td{
 background: #bbced233;
}


.facilityArea.section .message{
 margin: 0px 0px 10px 0px;
}
.facilityArea.section .facilityList {
 display: flex;
	flex-wrap: wrap;
	gap:25px;
	margin: 0px 0px 10px 0px;
	padding: 20px;
	background: #bbced233;
}
.facilityArea.section .facilityList li{
 display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:5px;
}
.facilityArea.section .facilityList li:before{
 content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #005092;
}
.faqArea.section{
 padding: 40px 15px 0;
}
.faqArea.section .faqList{
 margin: 0px;
	padding: 0px;
}
.faqArea.section .faqList .faqBox {
 margin: 0px 0px 40px 0px;
	padding: 0px;
}
.faqArea.section .faqList .faqBox .q{
 margin: 0px;
	padding: 10px;
	font-size: 1.8rem;
 font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #005092;
	color: #005092;
}
.faqArea.section .faqList .faqBox .q:before{
 width: 25px;
	height: 40px;
		content: "";
		background: url("../img/kaikan/add/icon_q.png") center center no-repeat;
		background-size: contain;
}
.faqArea.section .faqList .faqBox .q .t{
 display: block;
	width : -webkit-calc(100% - 40px) ;
 width : calc(100% - 40px) ;
}

.faqArea.section .faqList .faqBox .a{
 margin: 0px;
	padding: 10px;
	font-size: 1.8rem;
	background: #bbced233;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
		justify-content: space-between;
		
}
.faqArea.section .faqList .faqBox .a:before{
 width: 25px;
	height: 40px;
		content: "";
		background: url("../img/kaikan/add/icon_a.png") center center no-repeat;
		background-size: contain;
}
.faqArea.section .faqList .faqBox .a .t{
 display: block;
	width : -webkit-calc(100% - 40px) ;
 width : calc(100% - 40px) ;
}

@media screen and (max-width: 760px) {
	.messageArea.section .row{
	 display: block;
	}
	.messageArea.section .row .t{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.messageArea.section .row .img{
	 width: auto;
	}
	.areaArea.section .row{
	 display: block;
	}
	.areaArea.section .row .t{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.areaArea.section .row .img{
	 width: auto;
	}
	.typeArea.section .typeList{
	 display: block;
	}
	.typeArea.section .typeList .typeBox{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.typeArea.section .typeList .typeBox .i{
	 padding: 10px;
	}
	.typeArea.section .typeList .typeBox .row{
	 padding: 0px 10px 10px;
	}
	.typeArea.section .typeList .typeBox .row .img img{
	 aspect-ratio:5/2;
		object-fit: cover;
	}
	.pointArea.section .pointList .pointBox{
	 padding: 20px 0px;
		margin: 0px;
	}
	.pointArea.section .pointList .pointBox{
	 display: block;
	}
	.pointArea.section .pointList .pointBox .text{
	 width: auto;
		margin: 0px 0px 10px 0px;
	}
	.pointArea.section .pointList .pointBox .img{
	 width: auto;
	}
	.pointArea.section .pointList .pointBox .img img{
	 aspect-ratio:5/2;
		object-fit: cover;
	}
}