@charset "UTF-8";
.p-lead-s-r{
	text-align: right;
}
.p-lead-s-c{
	text-align: left;
}
@media (min-width: 576px) {
	.p-lead-s-c{
		text-align: center;
	}
}
.programs-top-banner-p{
	margin-bottom: 30px;
}
.programs-top-banner-img{
	border-radius: 10px;
	width: 100%;
}
.programs-top-banner_sp{
	display: block;
}
.programs-top-banner_pc{
	display: none;
}
.icon-program-top-banner{
    position: absolute;
    width: 90px;
    height: 90px;
    top: -30px;
    right: 0;
}
@media (min-width: 992px) {
	.programs-top-banner_sp{
		display: none;
	}
	.programs-top-banner_pc{
		display: block;
	}
	.icon-program-top-banner{
		width: 120px;
		height: 120px;
	    top: -25px;
	    right: -25px;
	}
}
.entry-column .p-lead, .p-lead{
	text-align: left;
	margin-bottom: 30px;
}
.sp-1{
	display: inline-block;
}
.sp-2{
	display: inline-block;
	font-size: 12px;
}
.proguram-top-hero{
	padding:0;
}
.slick-slider{
	padding:0;
}
.program-top-banner-container{
	height: 1000px;
	width: auto;
	/*padding-top: calc(934 / 1400 * 100%);*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
}
.program-top-banner-container-show{
    animation: fadeIn 1s 0.5s ease 1 forwards;
}

@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}


.program-top-cover{
	background-color: #000;
	opacity: 0.1;
	position: absolute;
	top: 0;
	width: 100%;
}
.slick-next, .slick-prev{
	z-index: 100;
	display: none!important;
}
@media (min-width: 576px) {
	.slick-next, .slick-prev{
		display: block!important;
	}
}
.program-top-title-wrapper{
	position: absolute;
	top: 0;
	width: 100%;
}
.program-top-title-container{
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
    margin-top: -100px;
}
.program-title{
	width: 300px;
	display: block;
}
.program-subtitle1{
	width: 176px;
	display: block;
	margin-top: 30px;
}
.program-subtitle2{
	width: 291.1px;
	display: block;
	margin-top: 30px;
}

@media (min-width: 576px) {
	.program-title{
		width: 345px;
	}
	.program-subtitle1{
		width: 202.5px;
	}
	.program-subtitle2{
		width: 334.8px;
	}
}

@media (min-width: 768px) {
	.program-title{
		width: 345px;
	}
	.program-subtitle1{
		width: 202.5px;
	}
	.program-subtitle2{
		width: 334.8px;
	}
}

@media (min-width: 992px) {
	.program-title{
		/*width: 576px;*/
		width: 460px;
	}
	.program-subtitle1{
		width: 270px;
	}
	.program-subtitle2{
		width: 446.4px;
	}
}

/*@media (min-width: 1200px) {
	.program-title{
		width: 800px;
	}
	.program-subtitle1{
		width: 500px;
	}
	.program-subtitle2{
		width: 620px;
	}
}*/



.program-scroll-arrow-wrapper{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.program-scroll-arrow-container{
    display: flex; /* 子要素をflexboxで揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
.program-scroll-arrow{
	margin-bottom: 20px;
	animation-name: loopDown;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes loopDown {
	0% {margin-bottom: 40px;}
	100% {margin-bottom: 20px;}
}

.img-slider-wrapper{
	margin-top: 63px;
}

.proguram-top-hero{
	background-color: #E83828;
}
.program-top-banner04{
	border-radius: 10px;
	width: 100%;
	height: auto;
}

.programs-top-link-text{
	font-size: 12px;
	/*margin-bottom: 20px;*/
	display: inline-block;
	/*display: block;*/
}
.btn-programs-top-wrapper{
	text-align: center;
	margin-bottom:100px;
	margin-top:100px;
	border-top: 1px solid #ccc;
	padding-top: 100px;
}
.btn-programs-top{
	display: inline-block;
	color: white;
	background-color: #7194B6;
	border-radius: 20px;
	padding: 4px 20px;
	min-width: 260px;
	margin-bottom: 40px;
	font-size: 14px;
}
/*.btn-programs-top.btn-programs-top1{
	padding: 4px 27px;
}*/
.btn-programs-top:link,
.btn-programs-top:hover,
.btn-programs-top:visited{
	text-decoration: none;
	color: white;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-programs-top:hover {
    color: #212529;
    background-color: #c4c8cc;
    border-color: #c4c8cc;
}

.fas.fa-external-link-alt{
	margin-left: 1em;
}