@charset "utf-8";
/* ===================================================
	Facilities CSS
====================================================== */
/* ---------------------------------------------------

------------------------------------------------------ */
.lead_col { margin: 0 0 20px;}
.lead_col .image {
	-ms-grid-columns: 49.9% 1fr 24.6% 1fr 24.6%;
	grid-template-columns: 49.9% 24.6% 24.6%;
	-ms-grid-rows: auto 1fr auto;
	grid-template-rows: auto auto;
}
.lead_col .image p:first-child {
	-ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 3;
	-ms-grid-column: 1; grid-column: 1;
}
.lead_col .image p:nth-child(3) {
	-ms-grid-row: 3; -ms-grid-column: 3;
	align-self: end;
}
.lead_col .image p:last-child {
	-ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 3;
	-ms-grid-column: 5; grid-column: 3;
}

/* IE11用 */
.lead_col .image p:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3;}

@media screen and (max-width: 600px) {
	.lead_col .image {
		-ms-grid-columns: 49.6% 1fr 49.6%;
		grid-template-columns: 49.6% 49.6%;
		-ms-grid-rows: auto auto 1fr auto;
		grid-template-rows: auto auto auto;
	}
	.lead_col .image p:first-child {
		-ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1;
		-ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 3;
	}
	.lead_col .image p:nth-child(3) {
		-ms-grid-row: 4; -ms-grid-column: 1;
		-ms-grid-row-align: end; align-self: end;
	}
	.lead_col .image p:last-child {
		-ms-grid-row: 2; -ms-grid-row-span: 3; grid-row: 2 / 4;
		-ms-grid-column: 3; grid-column: 2;
	}

	/* IE11用 */
	.lead_col .image p:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1;}
}


/* ---------------------------------------------------
共通
------------------------------------------------------ */

[id^="sec"] { padding: 60px 0 80px;}

[id^="sec"] .slick.slick-dotted.slick-slider { margin: 35px 0; z-index: 0;}
[id^="sec"] .slick .slick-slide > div { margin: 0 50px; font-size: 0;}
[id^="sec"] .slick .slick-arrow {
	width: 35px; padding-top: 70px; margin-top: -35px;
	top: calc( (100% - 30px) / 2 ); bottom: auto; z-index: 20;
}
[id^="sec"] .slick .slick-arrow::before,
[id^="sec"] .slick .slick-arrow::after { width: 37px;}
[id^="sec"] .slick .slick-prev { margin-left: -520px;}
[id^="sec"] .slick .slick-prev::before {
	-webkit-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
[id^="sec"] .slick .slick-prev::after {
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
}
[id^="sec"] .slick .slick-next { margin-left: 485px;}
[id^="sec"] .slick .slick-next::before {
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
}
[id^="sec"] .slick .slick-next::after {
	-webkit-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

[id^="sec"] .slick .slick-dots { margin-top: 20px;}

@media screen and (max-width: 600px) {
	[id^="sec"] { padding: 40px 0 50px;}

	[id^="sec"] .slick.slick-dotted.slick-slider { margin: 20px 0;}
	[id^="sec"] .slick .slick-slide > div { margin: 0;}
	[id^="sec"] .slick .slick-arrow { width: 20px; padding-top: 60px; margin-top: -30px;}
	[id^="sec"] .slick .slick-arrow::before,
	[id^="sec"] .slick .slick-arrow::after { background: #fff;}
	[id^="sec"] .slick .slick-prev { left: 10px; margin-left: 0;}
	[id^="sec"] .slick .slick-next { left: auto; right: 10px; margin-left: 0;}

	[id^="sec"] .slick .slick-dots { margin-top: 20px;}
}


/* ---------------------------------------------------
sec1,sec2
------------------------------------------------------ */
#sec1 .inner,
#sec2 .inner { width: 900px; margin: 0 auto;}
#sec1 .caption,
#sec2 .caption { margin: 0 0 20px; font-size: 24px; text-align: center;}
#sec1 .btn,
#sec2 .btn { display: block; width: 280px; padding: 10px; margin: 25px auto 0;}

#sec2 dl { margin: 15px 0 0;}
#sec2 .btn .icon_calendar {
	padding: 0 0 0 30px; background: url(../img/icon_calendar_b.svg) no-repeat left center;
	-webkit-background-size: 30px auto; background-size: 30px auto;
}

@media screen and (max-width: 600px) {
	#sec1 .tit,
	#sec2 .tit,
	#sec1 .inner,
	#sec2 .inner { width: 92%; margin: 0 auto;}

	#sec1 .caption,
	#sec2 .caption { font-size: 19px; text-align: left;}
	#sec1 .btn,
	#sec2 .btn { width: 100%; margin-top: 15px;}
}


/* ---------------------------------------------------
sec3
------------------------------------------------------ */
#sec3 .box_l,
#sec3 .inner { width: 1400px; max-width: 96%; margin: 0 auto;}

#sec3 .box_l {
	display: -ms-grid; display: grid;
	-ms-grid-columns: 68.6% 1fr 28%;
	grid-template-columns: 68.6% 28%;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
	justify-content: space-between;
}
#sec3 .box_l .tit {
	-ms-grid-row: 1; -ms-grid-column: 3;
	-ms-grid-row-align: end; align-self: end;
	margin: 0 0 30px; text-align: left;
}
#sec3 .box_l .image {
	-ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3;
	-ms-grid-column: 1; grid-column: 1;
}
#sec3 .box_l .detail {
	-ms-grid-row: 2; -ms-grid-column: 3;
}
#sec3 .box_l .detail p:not(:last-child) { margin: 0 0 25px;}

#sec3 .inner {
	display: -webkit-flex; display: -ms-flex; display: flex;
	justify-content: space-between; margin-top: 80px;
}
#sec3 .inner section { width: 440px; max-width: calc( (100% - 40px) / 3 );}
#sec3 .inner section h3 { margin: 25px 0 10px; font-size: 26px; text-align: center;}
#sec3 .inner section dl { margin: 5px 0 0;}
#sec3 .inner section dt,
#sec3 .inner section dd { display: inline-block;}
#sec3 .inner section dl.time { color: #977441;}

@media screen and (max-width: 600px) {
	#sec3 { padding-bottom: 0;}
	#sec3 .box_l,
	#sec3 .inner { width: 100%; max-width: none; padding: 0 4% 50px;}

	#sec3 .box_l { display: block;}
	#sec3 .box_l .tit { margin-bottom: 20px;}
	#sec3 .box_l .image { margin-bottom: 15px;}
	#sec3 .box_l .detail p:not(:last-child) { margin-bottom: 15px;}

	#sec3 .inner { display: block; padding-top: 40px; margin-top: 0; background: rgba(255,255,255,0.5);}
	#sec3 .inner section { width: 100%; max-width: none;}
	#sec3 .inner section:not(:last-child) { margin: 0 0 30px;}
	#sec3 .inner section h3 { margin-top: 20px; font-size: 19px; text-align: left;}
}


/* ---------------------------------------------------
sec4
------------------------------------------------------ */
#sec4 .inner { width: 1100px; max-width: 96%; margin: 0 auto;}
#sec4 .inner dl {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	justify-content: space-between; margin: 30px 0 50px;
}
#sec4 .inner dt,
#sec4 .inner dd { border-bottom: 1px solid #c5bab2;}
#sec4 .inner dt { flex-shrink: 0; width: 225px; padding: 15px 10px;}
#sec4 .inner dd { width: calc(100% - 235px); padding: 15px 20px;}
#sec4 .inner dd .attention { display: block; color: #cb503c;}

@media screen and (max-width: 600px) {
	#sec4 .inner { width: 92%;}
	#sec4 .inner dl { margin: 10px 0 30px;}
	#sec4 .inner dt { width: 95px; padding: 10px 0;}
	#sec4 .inner dd { width: calc(100% - 100px); padding: 10px 5px;}
	#sec4 .inner dd .attention { display: block; color: #cb503c;}
}