@charset "UTF-8";

#key-visual:after{
	background-image: url(../images/school-key-visual.jpg);
}

/* +++#sec01+++ */
#sec01 .txt{
	width: calc(50% - min(4.8rem, 2.5vw));
}
#sec01 .pic-area{
	width: 50%;
}
#sec01 p{
	margin-bottom: 3.6rem;
}

#sec01 .pic img{
	border-radius: 2.4rem;
	border: 1px solid #3f342d;
	overflow: hidden;
}
.pic01{
	padding-left: min(4.8rem, 2.5vw);
	width: 100%;
}
.pic02{
	width: 56.666%;
	margin-top: max(-4.8rem, -2.5vw);
}
.pic03{
	margin-top: min(4.8rem, 2.5vw);
	border-radius: 1.2rem;
	width: 35.087%;
}
table{
	line-height: 2;
}


/* +++#sec02+++ */
.school-overview{
	width: calc(50% - min(4.8rem, 2.5vw));
}
table{
	border-top: .1rem dotted #3f342d;
}
tr{
	border-bottom: .1rem dotted #3f342d;
}
th{
	width: 15rem;
}
td{
	width: calc(100% - 15rem);
}
#sec02 .pic{
	width: 50%;
	border-radius: min(2.4rem, 1.25vw);
	overflow: hidden;
	border: .1rem solid #3f342d;
	overflow: hidden;
	height: min(calc(57rem / 3 * 2), calc(50vw - 4.8rem / 3 * 2));
}
.map{
	border-radius: min(2.4rem, 1.25vw);
	overflow: hidden;
	border: .1rem solid #3f342d;
	overflow: hidden;
	height: 43.5rem;
	margin-top: min(2.5vw, 4.8rem);
}
.map>iframe{
	display: block;
	width: 100%;
	height: 100%;
}
#sec02 .sec-sub-title01{
	margin-top: 6rem;
}
#sec02 .button{
	margin: 2.4rem auto 0;
}


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

/* +++#sec01+++ */
	#sec01 .inner{
		flex-direction: column-reverse;
	}
	#sec01 .txt{
		width: 100%;
		margin-top: 2.4rem;
	}
	#sec01 .pic-area{
		width: 100%;
	}
	#sec01 p{
		margin-bottom: 1.8rem;
	}

	#sec01 .pic img{
		border-radius: 1.8rem;
	}
	.pic01{
		padding-left: 2.4rem;
	}
	.pic02{
		margin-top: -2.4rem;
	}
	.pic03{
		margin-top: 2.4rem;
		border-radius: .9rem;
		width: 36%;
	}



/* +++#sec02+++ */
	.school-overview{
		width: 100%;
	}
	table,
	tbody,
	th,
	td,
	tr{
		display: block;
		width: 100%;
	}
	th{
		padding: 2.4rem 0 0;
	}
	td{
		padding: 1.0rem 0 2.4rem;
	}
	.map{
		width: 100%;
		margin-top: 2.4rem;
		border-radius: 1.8rem;
		border: .1rem solid #3f342d;
		height: calc((100vw - 4rem) / 3 * 2);
	}


	#sec02 .pic{
		border-radius: 1.8rem;
		height: calc((100vw - 4rem) / 3 * 2);
		margin-top: 2.4rem;
		width: 100%;
	}
	#sec02 .button{
		margin: 1.8rem auto 0;
	}

	#sec02 .sec-sub-title01{
		margin-top: 4rem;
	}
	#sec02 .sec-sub-title01:nth-of-type(2){
		margin-top: 6rem;
	}
}