@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;
}
video {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center center;
	display: block;
	margin: 0 auto;
}
figcaption {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}



.main-pic-area{
	position: relative;
	z-index: 9;
	padding-bottom: 7.2rem;
}
.main-pic{
	margin: -9.6rem auto 0;
	max-width: 96rem;
	height: min(54rem, calc(95vw / 16 * 9));
	overflow: hidden;
}
.main-pic img{
	object-position: center top;
}
.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;
}


.post-content>div:not(:nth-of-type(1)){
	margin-top: 3.6rem;
}
.post-content table{
	width: 100%;
	line-height: 1.75;
}
.post-content th{
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	width: 30%;
	border-bottom: 1px solid #434343;
	padding: 1.8rem 1.2rem;
}
.post-content td{
	width: 70%;
	border-bottom: 1px solid #ccc;
	padding: 1.8rem 1.2rem;
}
.post-content th:nth-of-type(1){
	border-top: 1px solid #434343;
}
.post-content td:nth-of-type(1){
	border-top: 1px solid #ccc;
}

.post-content td a{
	display: block;
	width: fit-content;
	position: relative;
}
.post-content td a[target="_blank"]:after{
	content: "";
	display: inline-block;
	width: .8em;
	height: .8em;
	margin-left: .5em;
	background: url(../images/new-window-icon01.svg) no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.post-content td a:before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #434343;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .3s transform ease;
	transform-origin: left top;
}







.post-content td a:hover:before{
	transform-origin: right top;
	transform: scaleX(0);

}




.pdf{
	padding-inline: min(2.5vw, 4.8rem);
	width: 50%;
	margin-bottom: 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-red.svg) no-repeat;
	background-size: auto 100%;
	background-position: center;
	margin-right: .5em;
}
.pdf-link:hover span:before{
	background-image: url(../images/pdf-icon-red.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;
}


/* +++screen+++ */
.screen .inner{
	max-width: 96rem;
}
.screen .pc_i{
	width: calc(70% - 2.5vw);
}
.screen .sp_i{
	width: calc(30% - 2.5vw);
}
.screen .fade-up{
	transform: translateY(2%);
	transition: .5s all ease;
}
.screen .fade-up.is-shown{
	transform: translateY(0);
}

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

	.bread-crumbs{
		padding-top: 1.8rem;
	}


	#key-visual{
		height: 21rem;
		padding-inline: 0;
	}


	.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: -4.8rem 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);
	}
	.flyer-area .button01{
		margin-top: 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;
	}



}