@charset "UTF-8";
/* Plan */
.main .dflex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mPlan{padding: 120px 0; background: #f1f1f1;}
.bottomCaption{color: #333}

/* Map Plan */
.mapPlan{margin: 40px 0 100px;padding: 90px 60px;background-color: #ffffff;align-items: flex-start;}
.mapPlan .mapPlanTxt{width: 42%;}
.mapPlan .mapPlanImg{width: 54.34%; margin: 40px 0 0;}
.mapPlan .mapPlanImg p{text-align: right; padding: 20px 20px 0 0;}
.mapPlan .mapPlanInfo{align-items: flex-start;margin-bottom: 45px;}
.mapPlan .mapPlanInfo:last-child{margin-bottom: 0;}
.mapPlan .mapPlanInfo img{margin:2px 0 0 ;}
.mapPlan .mapPlanInfo .mapPlanTit{width: calc(100% - 40px);} 
.mapPlan .mapPlanInfo .mapPlanTit h4{font-size: 20px;color: #987827;font-weight: 500;line-height: 1.5;margin-bottom: 10px;}
.mapPlan .mapPlanInfo .mapPlanTit p{line-height: 1.7;}

@media screen and (max-width: 768px) {
	.mPlan{padding: 60px 0;}
	.mapPlan{padding: 20px 20px 30px;margin: 30px 0 60px;}
	.mapPlan .mapPlanImg{width: 100%;order: 1;margin: 0 0 30px;}
	.mapPlan .mapPlanTxt{width: 100%;order: 2;}
	.mapPlan .mapPlanInfo{margin-bottom: 30px;}
	.mapPlan .mapPlanInfo .mapPlanTit h4{font-size: 17px;}
	.mapPlan .mapPlanInfo img{margin: 0;}
}

/* ParkingArea */
.parkingArea{align-items: center;margin-bottom: 75px;}
.parkingArea .parkingTxt{width: 35.47%;}
.parkingArea .parkingImg{width: 60.56%;}

@media screen and (min-width: 768px) {
	.parkingArea .parkingTxt .mTitle{text-align: left;}
	.parkingArea .parkingTxt .mDesc{text-align: left;margin: 18px 0 0;}
}

@media screen and (max-width: 768px) {
	.parkingArea{margin-bottom: 40px;}
	.parkingArea .parkingTxt{width: 100%;}
	.parkingArea .parkingImg{width: 100%;margin: 20px 0 0;}
}

/* Service */
.service{padding: 8px;background-color: #cec4b7;align-items: center;}
.serviceImg{width:322px;}
.serviceTxt{width: calc(100% - 390px);}
.serviceTxt p{font-size: 14px;line-height: 2;}
.serviceTxt .mTitle{text-align: left;}
.serviceTxt .mTitle .mTitle-en{color: #333333;}
.serviceTxt .mTitle .serviceTitle-jp{font-size: 22px;font-weight: 500;margin: 0;line-height: 1.77;margin: 0 0 5px;display: block;}

@media screen and (max-width: 768px) {
	.service{padding: 20px;}
	.serviceTxt{width: 100%;order: 1;}
	.serviceImg{order: 2;margin: 10px auto 0;}
	.serviceTxt .mTitle .serviceTitle-jp{font-size: 19px; line-height: 1.6;}
	.serviceTxt p{font-size: 12px;}
}

/* Plan Type */
.planType{padding: 50px 0 60px;}
.planTypeInfo{margin: 60px 0 0;}
.planTypeInfo li{width: 100%;margin:0 0 60px; text-align: center;}
.planTypeInfo a{transition: all 0.4s;}
.planTypeInfo a:hover{opacity: 0.8;}

@media screen and (max-width: 768px) {
	.planType{padding: 60px 0;}
	.planTypeInfo{margin: 30px 0 0;}
	.planTypeInfo li{width: 100%;margin: 0 0 20px;text-align: center;}
}