@charset "UTF-8";

.pswp{
	z-index: 99999 !important;
}
.bread-crumbs{
	padding-top: 2.4rem;
}
#sec01{
	position: relative;
}

#key-visual{
	height: 36rem;
	margin-bottom: 0;
}
#key-visual .slide-up,
#key-visual .slide-up{
	position: relative;
	z-index: 9;
	transform: translateY(2.5em);
}
.course-head{
	padding-top: 7.2rem;
	padding-bottom: 7.2rem;
}
.post-course-title{
	font-size: 3.2rem;
	line-height: 1.75;
	margin-top: 1.2rem;
	margin-bottom: 1.5rem;
}
.entry-term{
	font-size: 1.8rem;
}
#key-visual dt:after{
	content: ":";
	padding-inline: .5em;
}




.main-pic-area{
	position: relative;
	z-index: 9;
	padding-bottom: 7.2rem;
}
.main-pic{
	max-width: 60rem;
	width: 100%;
	margin: -9.6rem auto 0;
}
.sec{
	padding-block: 7.2rem;
}
.post-content h3{
	font-size: 2rem;
	line-height: 1.75;
	margin-bottom: 1em;
	font-weight: 500;
}
.post-content p:not(:last-of-type){
	margin-bottom: 1.5em;
}

.flyer-area{
	padding-bottom: calc(7.2rem + min(10vw, 19.2rem) - 9.6rem);
}
.pdf{
	padding-inline: min(2.5vw, 4.8rem);
	width: 50%;
	margin-bottom: 9.6rem;
}
.pdf.single{
	margin: 0 auto 9.6rem;
}
.pdf:nth-of-type(2n){
	transform: translateY(min(10vw, 19.2rem));
}
.flyer-area .pic .slide-top-open{
	position: relative;
}
.flyer-area .pic .slide-top-open:before{
	transition: 1s all ease;
}




.flyer-area .button01{
	margin-top: calc(4.8rem + min(10vw, 9.6rem));
}
.pdf-link:after{
	display: none;
}

.pdf-link span:before{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background: url(../images/pdf-icon-black.svg) no-repeat;
	background-size: auto 100%;
	background-position: center;
	margin-right: .5em;
}
.pdf-link:hover span:before{
	background-image: url(../images/pdf-icon-white.svg);
}





/* 概要 */
.flex .sec-title01{
	width: calc(30% - 2.4rem);
	
}
.flex .post-content{
	width: calc(70% - 2.4rem);
	margin-left: auto;
}
.flex .post-content>h3:not(:nth-of-type(1)){
	margin-top: 3rem;
}
.post-content ul{
	line-height: 2;
}
.post-content dt:before{
	content: "";
	display: inline-block;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background: #434343;
	margin-right: .5em;
}
.post-content dt:after{
	content: "：";
	display: inline;
}
.post-content li:not(:last-of-type){
	margin-bottom: 1.5em;
}


/* +++access+++ */
.map-infomation {
	background-color: #f2f2ed;
	width: 60%;
	margin: -10rem auto 0;
	text-align: center;
	padding: 6rem 0;
	z-index: 9;

	position: relative;
}
.map-infomation h3 {
	margin: 0 0 2.5rem 0;
	font-size: 2.5rem;
}


.map-infomation p {
	margin: 2rem 0 0 0;
}
.map-infomation p:first-of-type {
	font-size: 2rem;
}
.map-infomation p:last-of-type {
	font-size: 1.5rem;
}

.caption{
	font-size: 80% !important;
}


@media screen and (max-width: 768px){
	.bread-crumbs{
		padding-top: 1.8rem;
	}


	#key-visual{
		height: 30rem;
		padding-inline: 0;
		justify-content: flex-start;
		padding-top: 4.8rem;
	}


	.course-head{
		padding-top: 3.6rem;
		padding-bottom: 3.6rem;
	}
	.post-course-title{
		font-size: 2.2rem;
		line-height: 1.5;
		padding-inline: 2rem;
		margin-top: 1.5rem;
		margin-bottom: 1.2rem;
	}
	.entry-term{
		font-size: 1.6rem;
	}

	.main-pic-area{
		padding-bottom: 4.8rem;
	}
	.main-pic{
		max-width: 100%;
		width: 100%;
		margin: -9.6rem auto 0;
	}
	.sec{
		padding-block: 4.8rem;
	}
	.post-content h3{
		font-size: 1.8rem;
	}
	.flyer-area{
		padding-bottom: 4.8rem;
	}
	.pdf{
		padding-inline: 2rem;
		width: 100%;
		margin-bottom: 4.8rem;
	}
	.pdf:nth-of-type(2n){
		transform: translateY(0);
	}


/* 概要 */
	.flex .sec-title01{
		width: 100%;
		
	}
	.flex .post-content{
		width: 100%;
		margin-left: 0;
	}
	.flex .post-content>h3:not(:nth-of-type(1)){
		margin-top: 2.4rem;
	}
	.post-content ul{
		line-height: 1.75;
	}
.post-content dt:before{
	content: "";
	display: inline-block;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background: #434343;
	margin-right: .5em;
}



/* +++access+++ */
	.map-infomation {
		width: calc(100% - 4rem);
		margin: -4rem auto 0;
		padding: 2rem;
	}
	.map-infomation h3 {
		margin: 0 auto 2.4rem;
		font-size: 1.8rem;
	}
	.googlemap{
		width: 100%;
		height: 66.666666vw;
	}
	.googlemap>iframe{
		display: block;
		width: 100%;
		height: 100%;
	}

.map-infomation p {
	margin: 0;
}
.map-infomation p:first-of-type {
	font-size: 1.6rem;
	margin: 1.2rem auto 1.8rem;
}
.map-infomation p:last-of-type {
	font-size: 1.5rem;
}





}