@charset "utf-8";
/* CSS Document */

/*==========================================================================

★SLIDER

===========================================================================*/

.bxslider a{
	text-decoration: none;
	
}

/*==========================================================================

★index_HEAD_MV

===========================================================================*/

.page-header.-pre5 {
    background-image: url("../images/mv.webp");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 65%;
}
		@media (max-width:1560px) {.page-header.-pre5 {background-size: cover;	}}
		@media (max-width:650px) {.page-header.-pre5 {background-image: url("../images/mv-smp.jpg");	}}



.page-header {
	margin-top: 0;
	background-position: 70% 50%;
}
.page-header__inner {
        margin-inline: auto;
        max-width: 1040px;
        height: 680px;
        max-height: initial;
        aspect-ratio: initial;
    }
.-pre5 .page-header__heading{
	padding-top: 150px;
    }

.page-header__copy {
        font-size: 56px;
	line-height: 1.4;
	font-family: var(--font-jp-min);
    }

.page-header__news{
	font-family: var(--font-jp-min);
	
}
		@media (max-width:1050px) {
			.page-header__inner {width: 85%; margin: 0 auto;max-width: 800px;}
			.-pre5 .page-header__heading{}
			.page-header__copy { font-size: 45px;}
		}
		@media (max-width:860px) {
			.-pre5 .page-header__heading{padding-top: 100px; text-shadow: #cfbd9c 1px 0 10px;	}
		}
		@media (max-width:600px) {
			.page-header.-pre5 {background-position: 74%;}
			.page-header__inner {width: 100%;background-color: rgba(255, 255, 255, 0.562);padding: 4%;box-sizing: border-box;}
			.-pre5 .page-header__heading{padding-top: 120px;}
			.page-header__copy {font-size: 35px; }
		}
        

.page-header__news > div{

}
.page-header__news > div dl{
	display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 1em;
    margin-top: 4em;
    align-items: center;
    justify-content: left;
}
.page-header__news > div dl dt{
	border: 1px solid var(--black);
    padding: 10px 18px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 2px;
	background-color: rgba(255, 255, 255, 0.4);
}
.page-header__news > div dl dd{
	width: 100%;
    margin-top: 17px;
    font-size: 20px;
    margin-left: 13px;
}

.flowingtextArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.flowingtext_wrapper {
  display: flex;
  animation: loop-text 35s linear infinite;
}
.flowingtext__txt {
    display: inline-block;
    font-size: min(8vw, 66px);
    white-space: nowrap;
    color: var(--smoke);
    font-family: var(--font-en);
}



@keyframes loop-text {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


/*==========================================================================

top-pick-up

===========================================================================*/

.top-pic-wrap{	
	background-color: #f6ece9;
    padding-top: 3.5em;
    padding-bottom: 0.3em;
}
.top-pic-wrap .wrap-block{	
	width: 90%;
	max-width: 1250px;
	margin: 2em auto 4em auto;
}

.top-pic-wrap .wrap-block ul{	
	display: flex;
	flex-wrap: wrap;
}
.top-pic-wrap .wrap-block ul li{
	width: calc(25% - 40px);
	margin: 0 20px;
	max-width: 250px;
}
.top-pic-wrap .wrap-block ul li p{	
}

@media (max-width:1000px) {
	.top-pic-wrap .wrap-block ul li{
		width: calc(25% - 20px);
		margin: 0 10px;
	}
}
@media (max-width:600px) {
	.top-pic-wrap .wrap-block ul li{
	width: calc(50% - 24px);
	margin: 0 12px 15px 12px;
	}
	.top-pic-wrap{
		padding-top: 2.5em;
		padding-bottom: 0.1em;}
	
}


/*==========================================================================

NEWS-1

===========================================================================*/
.whatsnew{
    width: 95%;
	max-width: 900px;
    margin: 1em auto 5em auto;
}
.whatsnew dl{
    background-color: #f5ecec;
    padding: 18px;
    font-weight: 600;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	background-image:url("../images/bs-drape.jpg");
	background-size: cover;
	font-size: min(3vw, 16px);
}
.whatsnew dl dt{
	width: 20%;
	letter-spacing: 3px;
}

.whatsnew dl dd{
	width: 80%;
}

		@media (max-width:800px) {
			.whatsnew dl dt{ width: 100%; display: block; margin-bottom: 8px;}
			.whatsnew dl dd{width: 100%; display: block; }
		}
		@media (max-width:500px) {
			.whatsnew{ width: 100%; max-width: 100%; }
		}


/*==========================================================================

SCHOOL STRONG POINT　1

===========================================================================*/

.school-feature{
	padding: 1em 0 0 0;
}
		@media (max-width:600px) {
			.school-feature{padding: 0 0 0 0;}
		}

.school-feature .school-feature__content{	
	width: 95%;
	max-width: 1200px;
	margin:  0 auto;
}
.school-feature .school-feature__content .text{
	max-width: 817px;
    margin: 0 auto;
    font-size: 17px;
}	
@media (max-width:1100px) {
	.school-feature .school-feature__content .text{font-size: 16px;}
}
@media (max-width:650px) {
	.school-feature .school-feature__content .text{font-size: 15px;}
}
.school-feature .school-feature__content .text p{
	letter-spacing: 1px;
    line-height: 2;
    margin-bottom: 15px;	
}	
.school-feature .school-feature__content .text p em{
	background-color: var(--cream);
	padding: 1px 4px;
    margin: 0 3px;	
	border-radius: 4px;
	letter-spacing: 1px;
    color: var(--red);
}

/*ふわっと表示*/
.school-feature .school-feature__content.offs.effect {
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
}
.school-feature .school-feature__content.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease；;
}

.school-feature_benefit{
	display: flex;
	flex-wrap: wrap;
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
	font-size: 18px;
}
.school-feature_benefit .benefit{
    width: 30%;    
	margin:0 1% 0 1%;
	margin-bottom: 2em;
    box-sizing: border-box;
    position: relative;
	background-image: url("../images/bs-drape.jpg");
	border-radius: 5px;
	background-size: cover;
}
.school-feature_benefit .benefit > div{
	padding:0 1.5em 2em 1.5em;
}
.school-feature_benefit .benefit .icn{
    position: absolute;
    background-color: #fff;
    top: -11px;
    left: -5px;
    padding: 11px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    font-size: min(4vw,15px);
    letter-spacing: 2px;
    border-radius: 5px;
    font-weight: 600;
	transform: rotate(-2deg);
}
.school-feature_benefit .benefit .icn bold{
	font-weight: bold;
	font-size: min(4.3vw,17px);
	margin-left: 5px;
}

.school-feature_benefit .benefit .ttl_bold{
	font-weight: 600;
    padding: 55px 0 10px 0;
    letter-spacing: 1px;
    font-size: min(6vw, 17px, 20px);
	text-shadow: 1px 1px #d7b8c1;
	text-align: center;
}
.school-feature_benefit .benefit em{
/*background: linear-gradient(transparent 56%, #f9e2e2 30%);*/
}
.school-feature_benefit .benefit .txtSection04{
	font-size: min(4.8vw,16px,19px);
	line-height: 1.8;
	margin: 9px 0;
}

.school-feature_benefit .benefit .button{
	font-size: min(4vw,14px);
    text-align: right;
	font-weight: 600;
	position: absolute;
	bottom: 15px;
	right: 5px;
}
.school-feature_benefit .benefit .button span{
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}
.school-feature_benefit .benefit .button span::before{
content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('../images/arrow2.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 9px;	
}

		@media (max-width:1200px) {	
		.school-feature_benefit .benefit{width: 47%;}
		}
		@media (max-width:700px) {	
			.school-feature_benefit{align-items: flex-start;}
			.school-feature_benefit .benefit{width: 100%;}
			.school-feature_benefit .benefit > div{padding: 0 1em 1.5em 1em;}
			.school-feature_benefit .benefit .icn{}
			.school-feature_benefit .benefit .ttl_bold{padding: 42px 0 10px 0; line-height: 1.3;}
			
		}



/*==========================================================================

INFORM

===========================================================================*/
.infomation_bx{}
.infomation_bx .infom_day{
	display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 22px;
    margin-top: 21px;
	font-size: min(3.3vw,16px);
}
.infomation_bx .infom_day dt{
	font-weight: bold;
    min-width: 10em;
    letter-spacing: 1px;
}
.infomation_bx .infom_day dt span{	
	background-color: var(--gray);
    border-radius: 5px;
    padding: 5px 7px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 13px;
}
.infomation_bx .infom_day dt span.seminar{
	background-color: #57AC6E
}
.infomation_bx .infom_day dd{
	letter-spacing: 2px;
}
		@media (max-width:800px) {
			.infomation_bx .infom_day dt{ width: 100%; display: block; margin-bottom: 8px;}
			.infomation_bx .infom_day dd{width: 100%; display: block; }
			.infomation_bx .infom_day{padding-bottom: 11px;}
		}
		@media (max-width:500px) {
			.whatsnew{ width: 100%; max-width: 100%; }
		}


/*==========================================================================

COURCE

===========================================================================*/
.cource-backadjust{
	/*overflow: hidden;*/
}

.cource-backadjust .cource-container{
    background-color: var(--cream);
}

.cource-backadjust .cource-container .corce-type.main-inner{
	margin: 0 auto 100px auto;
	padding: 100px 0;	
}

.corce-type{}
.corce-type__content{}
.corce-type-Menu{ 
}
.corce-type-Menu .corce-type-Item{
	width: 100%;
	margin-bottom: 3em;
	display: flex;
	flex-wrap: wrap;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.corce-type-Menu .corce-type-Item .oneday{}
.corce-type-Menu .corce-type-Item .e-learn{}
.corce-type-Menu .corce-type-Item .corce-type__image{
	width: 50%;
}

.corce-type-Menu .corce-type-Item .corce-type__image .image_fig{
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	height: 100%;}



.corce-type-Menu .corce-type-Item .corce-type__image .image_fig img{
	display: none;
}

.corce-type-Menu .corce-type-Item .corce-type__target{
	box-sizing: border-box;
	padding: 41px 43px 35px 43px;
	width: 50%;
	background-color: var(--white);
    overflow: hidden;
	position: relative;
}

					@media (max-width:1100px) {
						.corce-type-Menu .corce-type-Item .corce-type__image{width: 40%;}
						.corce-type-Menu .corce-type-Item .corce-type__target{width: 60%;}
						}
					@media (max-width:900px) {
						.cource-backadjust .cource-container .corce-type.main-inner{	padding: 5em 0 3em 0;}
						.corce-type-Menu .corce-type-Item {display: block;}
						.corce-type-Menu .corce-type-Item .corce-type__image{width: 100%; }
						.corce-type-Menu .corce-type-Item .corce-type__target{width: 100%; padding: 28px 25px 26px 25px;}
						.corce-type-Menu .corce-type-Item .corce-type__image .image_fig{padding-top: 50.13369%;}
						}


.corce-type-Menu .corce-type-Item .corce-type__target .copy{
    font-size: 15px;
    font-weight: 700;
	color: var(--pink);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.corce-type-Menu .corce-type-Item .corce-type__target .title{
    border-bottom: 2px solid #dadada;
   font-size: min(4.3vw, 26px);
	padding-bottom: 10px;	
}
.corce-type-Menu .corce-type-Item .corce-type__target .text{
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.6;
	margin-bottom: 2em;
	letter-spacing: 1.7px;
}

.corce-type__target .btn{
	display: flex;
	justify-content: flex-end;
}
.corce-type__target .btn a{
	display: block;
    font-weight: 600;
    color: var(--red);
	font-size: 14px;
	font-family: var(--font-jp);
	letter-spacing: 2px;
	text-decoration: none;
	border: none;
}
.corce-type__target .btn a span{
	display: flex;
	align-items: center;
}
.corce-type__target .btn a span::before{
	content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('../images/arrow2.svg');
    background-size: contain;
	background-repeat: no-repeat;
	margin-right: 9px;
}



/*======================
animation
delayにendtime合わせる
========================*/

.corce-type-Menu.offs .effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
}
.corce-type-Menu.ons .effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease; 
}
.corce-type-Menu.ons .delay-1 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.2s;
}

.corce-type-Menu.ons .delay-2 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.5s;
}
.corce-type-Menu.ons .delay-3 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 0.8s;
}

/*==========================================================================

DIPLOMA

===========================================================================*/


.license-menu-list{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    padding: 36px 61px;
    line-height: 1.4;
    border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	
}
	
.license-menu-list .image{
	width: 20%;
}
.license-menu-list .text{
	width: 80%;
	line-height: 1.6;
}

		@media (max-width:720px) {
			.license-menu-list{ padding: 3em;}
			.license-menu-list .image{width: 33%; margin: 0 auto 1.5em auto;}
			.license-menu-list .text{width: 100%; display: block;}

}
		@media (max-width:600px) {
			.license-menu-list{ padding: 3em 1.5em;}
		}



.license-menu-list .text h5{
	font-weight: bold;
	margin: 20px 0 5px 0;
	border-bottom: 1px solid var(--black);
	margin-bottom: 15px;
	padding-bottom: 7px;
    letter-spacing: 2px;	
}	
.license-menu-list .text .link{
	margin-top: 18px;
}
.license-menu-list .text .link a{
	color: var(--red);
	}
.license-menu-list .text .link a span::before{
	content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/arrow2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 9px;
}




/*==========================================================================

★index_HEAD_MV

===========================================================================*/