@charset "utf-8";


/* ============================================================================================== */
/* common                                                                                         */
/* ============================================================================================== */

.section__footer-nav,
.section__gallery {
	padding-bottom: 60px;
}

.section__school,
.section__room {
	padding-bottom: 80px;
}

/* ----------------------------------------------------------------------- */
/* introduction-header */

.introduction-header .introduction__txt {
	max-width: 800px;
	margin: 0 auto 40px;
}

.introduction-header .introduction__txt p {
	text-align: justify;
}

.introduction-header .introduction__img {
	margin-bottom: 30px;
}

.introduction-header .introduction__img img {
	width: 100%;
	vertical-align: bottom;
	border-radius: 5px;
	margin-bottom: 10px;
}

.introduction-header .introduction__img figcaption {
	font-size: .9em;
	text-align: center;
}


/* ============================================================================================== */
/* section__school                                                                                */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* school-facility__list */

.school-facility__list.l-block.grid1-3 > * {
	margin-bottom: 30px;
}

.school-facility__list .school-facility__img {
	margin-bottom: 10px;
}

.school-facility__list .school-facility__img img {
	width: 100%;
	vertical-align: bottom;
	border-radius: 5px;
}

.school-facility__list .school-facility__caption {
	font-size: .9em;
	text-align: center;
}


/* ============================================================================================== */
/* section__room                                                                                  */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* section__room */

.section__room .introduction__txt p + .footnote {
	margin-top: 1.5em;
}


/* ----------------------------------------------------------------------- */
/* room-header */

.room-header .section-ttl--l {
	padding-top: 10px;
}

.room-header .introduction-header .introduction__txt {
	margin: 0 auto 30px;
}


/* ----------------------------------------------------------------------- */
/* swiper */

.section__room .swiper-container--outer {
	position: relative;
	margin-bottom: 10px;
}

.section__room .swiper-container {
	border-radius: 5px;
}

.section__room .swiper-slide .caption {
	font-size: .9rem;
	line-height: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
	background: rgba(255,255,255,1);
}

.section__room .swiper-slide img {
	width:100%;
	vertical-align: bottom;
	border-radius: 5px;
}

.section__room .swiper-button-prev,
.section__room .swiper-button-next {
	width: 40px !important;
	height: 40px !important;
	margin-top: -20px !important;
	background-size: 70% !important;
	background-position: center !important;
	background-color: rgba(255,255,255,.9);
	border-radius: 50%;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	        tap-highlight-color: rgba(0,0,0,0);
}

.section__room .swiper-button-next {
	background-image: url(../svg/icon_arrow-primary.svg) !important;
	right: -20px !important;
}

.section__room .swiper-button-prev {
	background-image: url(../svg/icon_arrow-primary.svg) !important;
	transform: scale(-1, 1) !important;
	left: -20px !important;
}

.section__room .thumb-swiper .swiper-slide {
	filter: brightness(0.5);
}

.section__room .thumb-swiper .swiper-slide-active {
	filter: brightness(1);
}


/* ============================================================================================== */
/* Media query                                                                                    */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* SmartPhone */

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 414px) {

}

@media screen and (orientation:landscape) {

}

/* over iphone 6 plus landscape */
@media screen and (orientation:landscape) and (min-width: 736px) {

}


/* ----------------------------------------------------------------------- */
/* Tablet */

@media screen and (min-width: 768px) {


}


/* ----------------------------------------------------------------------- */
/* over ipad landscape */

@media screen and (orientation:landscape) and (min-width: 1024px) {

	/* common */
	.section__footer-nav,
	.section__gallery {
		padding-bottom: 120px;
	}

	.section__school,
	.section__room {
		padding-bottom: 160px;
	}

	.relation-movie__anchor {
		max-width: 800px;
		margin: 0 auto;
	}

	/* introduction-header */
	.introduction-header .introduction__txt {
		margin: 0 auto 60px;
	}

	.introduction-header .introduction__txt p {
		font-size: 1.2em;
		line-height: 2;
	}

	.introduction-header .introduction__img {
		margin-bottom: 80px;
	}

	.introduction-header .introduction__img img {
		margin-bottom: 20px;
	}

	/* school-facility__list */
	.school-facility__list {
		margin-bottom: 40px;
	}

	.school-facility__list.l-block.grid1-3 > * {
		margin-bottom: 40px;
	}

	/* room-header */
	.room-header .section-ttl--l {
		padding-top: 0;
	}

	.room-header .introduction-header .introduction__txt {
		margin: 0 auto 60px;
	}

	/* swiper */
	.section__room .swiper-slide .caption {
		font-size: 1.3rem;
		padding: 15px;
	}

	.section__room .swiper-button-prev,
	.section__room .swiper-button-next {
		width: 80px !important;
		height: 80px !important;
		margin-top: -40px !important;
	}

	.section__room .swiper-button-next {
		right: -40px !important;
	}

	.section__room .swiper-button-prev {
		left: -40px !important;
	}

}


/* ----------------------------------------------------------------------- */
/* Desktop */

@media screen and (min-width: 1280px) {

	/* introduction-header */
	.introduction-header .introduction__txt {
		margin: 0 auto 80px;
	}

}


@media screen and (min-width: 1440px) {

}