@charset "UTF-8";


/* VISUAL AREA
------------------------------------------------------------------------------*/

#new_mainVisual{
	position: relative;
}

#mainVisual {
	background-image: url(../img/home/visual.jpg);
	background-position: center;
	height: 320px;
	min-width:980px;
	padding: 0 3px;
	margin: 0 auto;
}

#btnVisual a {
	background-image: url(../img/home/btnvisual.png);
	text-indent: -9999px;
	height: 65px;
	width: 250px;
	display: block;
}

#btnVisual a:hover {
	background-position:left bottom;
}

#mainVisualInner {
    position: relative;
}

#mainVisualInner #mainLogoInner{
	width: 100vw;
	padding-top: 21.5vw;
/*	追加調整*/
	padding-top: 17.0833333vw;
/*	追加調整*/
	position: absolute;
	z-index: 10;
}

#mainVisualInner img{
    width: 80vw;
    margin: 0 10vw;
/*    left: 50%;
    transform: translateX(-50%);*/
   
}

#btnVisual {
	margin-left: 50px;
}

ss3-force-full-width {
    width: 100vw !important;
    padding-top: 50px;
}

div#n2-ss-2 .n2-ss-slide-active {
/*  transition-duration: 1s;*/
  /* 🌟イージングを指定 */
/*  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
animation-timing-function: cubic-bezier(0, 0.99, 0.14, 1.24);
    animation-duration: 0.8s;
}

div#n2-ss-2 .n2-ss-slide-background {
/*  transition-duration: 1s;*/
  /* 🌟イージングを指定 */
/*  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
	animation-timing-function: cubic-bezier(0, 0.99, 0.14, 1.24);
    animation-duration: 0.8s;
}

 /*{
    transform: translate3d(0px, 0px, 0px);

}*/


#mainVisualContents #keyvisual{
	min-height: unset;
}

#mainVisualContents #keyvisual .swiper-container{
	width: 90vw;
}

#mainVisualContents #keyvisual .swiper-container .swiper-wrapper{
    margin: 4.6875vw 0 0 0;
/*    margin: 1vw 0 0 0;*/
    padding: 0 0 0 0;
    height: 77.8125vw;
/*    height: 85.625vw;*/
/*    height: 102.291667vw;*/
    max-height: unset;
    min-height: unset;
    transition-timing-function: cubic-bezier(0, 0.47, 0.23, 1.24)
}

#mainVisualContents #keyvisual .swiper-container .swiper-wrapper .swiper-slide{
    width: 90vw !important;
/* 追加調整 */
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
/* 追加調整 */
}


.areaWap{

}

.areaWap .areaInner{
	opacity: 0;
	box-sizing: border-box;
	position: absolute;
    right: 0;
/*    top: 40vw;*/
	/* 追加調整 */
	top: 32.03125vw;
	/* 追加調整 */
/*    width: 628px;*/
/*    height: 266px;*/
    padding: 1.04166667vw 0.260416667vw 1.04166667vw 1.04166667vw;
    border-radius: 25px 0 0 25px;
    background-image: url(../img/home/top_main_schoolNavi_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 10;
}

.areaWap h3.schoolGuide{
	margin-right: 2.1vw;
	text-shadow: 1px 1px 10px #000;
}

.areaWap h3.schoolGuide .jaTitle{
	/* 9.61px @ 1025px increasing to 18px @ 1920px */
	font-size: calc(0.600625rem + ((1vw - 10.25px) * 0.9374));
    /* Note: The calc base value (0.600625rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.9374 = 100 * font-size_difference / viewport_width_difference */

	 /* 12px @ 1025px increasing to 20px @ 1920px */
/*	 font-size: calc(0.75rem + ((1vw - 10.25px) * 0.8939));*/
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.8939 = 100 * font-size_difference / viewport_width_difference */
	 color: #fff;
	 font-weight: 500;
	 display: inline-block;
	 margin-bottom: 0.520833333vw;
}

.areaWap h3.schoolGuide .enTitle{
	/* 24.56px @ 1025px increasing to 46px @ 1920px */
	font-size: calc(1.535rem + ((1vw - 10.25px) * 2.3955));
    /* Note: The calc base value (1.535rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3955 = 100 * font-size_difference / viewport_width_difference */

	/* 28px @ 1025px increasing to 50px @ 1920px */
/*	font-size: calc(1.75rem + ((1vw - 10.25px) * 2.4581));*/
    /* Note: The calc base value (1.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.4581 = 100 * font-size_difference / viewport_width_difference */
	color: #fff;
	margin-bottom: -0.416666667vw;
    display: inline-block;
}

.areaWap .areaBox{

}

#areaTokyo,
#areaKanagawa,
#areaSaitama,
#areaOther{
	display: flex;
	justify-content: flex-start;
}

#areaTokyo h4,
#areaKanagawa h4,
#areaSaitama h4,
#areaOther h4{
	color: #fff;
	text-shadow: 1px 1px 10px #000;
	/* 10px @ 1025px increasing to 14px @ 1920px */
	font-size: calc(0.625rem + ((1vw - 10.25px) * 0.4469));
    /* Note: The calc base value (0.625rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.4469 = 100 * font-size_difference / viewport_width_difference */
}

#areaTokyo ul.sideSchool,
#areaKanagawa ul.sideSchool{
    margin-top: 0.10416667vw;
	margin-bottom: 1vw;
	line-height: 1.4em;
}

#areaSaitama ul.sideSchool{
	margin-bottom: 0;
}

#areaSaitama ul.sideSchool li{
	margin-bottom: 0;
}

#areaTokyo .sideSchool li,
#areaKanagawa .sideSchool li,
#areaSaitama .sideSchool li,
#areaOther .sideSchool li{
    padding-left: 1.04166667vw;
/*    margin-bottom: 0.572916666vw;	*/
    margin-bottom: 0;	
/*    margin-bottom: 0.260416667vw;	*/
}

#areaTokyo .sideSchool li:last-of-type,
#areaKanagawa .sideSchool li:last-of-type,
#areaSaitama .sideSchool li:last-of-type,
#areaOther .sideSchool li:last-of-type{
	margin-bottom: 0;
	a{
		padding: 0;
	}
}

/*#areaTokyo .sideSchool li:last-of-type,
#areaKanagawa .sideSchool li:last-of-type,
#areaSaitama .sideSchool li:last-of-type,
#areaOther .sideSchool li:last-of-type{
	span{
		border-bottom: 0.0520833333vw solid #fff;
		padding-bottom: 0.260416667vw;
	}
}*/


#areaTokyo .sideSchool li a,
#areaKanagawa .sideSchool li a,
#areaSaitama .sideSchool li a,
#areaOther .sideSchool li a{
	color: #fff;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	/* 10px @ 1025px increasing to 14px @ 1920px */
	font-size: calc(0.625rem + ((1vw - 10.25px) * 0.4469));
    /* Note: The calc base value (0.625rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.4469 = 100 * font-size_difference / viewport_width_difference */
    display: flex;
	justify-content: flex-start;
    align-items: center;
	font-weight: 500;
	padding: 0 0 0.625vw;
}

#areaTokyo .sideSchool li a span,
#areaKanagawa .sideSchool li a span,
#areaSaitama .sideSchool li a span,
#areaOther .sideSchool li a span{
/*	padding-bottom: 0.3125vw;*/
/*	padding-bottom: 0.260416667vw;*/
}

#areaTokyo .sideSchool li a:hover,
#areaKanagawa .sideSchool li a:hover,
#areaSaitama .sideSchool li a:hover,
#areaOther .sideSchool li a:hover{
/*	text-decoration: none;*/
	text-underline-offset: 0.46875vw;
	span{
/*		border-bottom: 0.0520833333vw solid #fff;*/
/*		padding-bottom: 0.260416667vw;*/
	}
}

#areaTokyo .sideSchool li a:before,
#areaKanagawa .sideSchool li a:before,
#areaSaitama .sideSchool li a:before,
#areaOther .sideSchool li a:before{
	content: "";
	display: inline-block;
	background-image: url(../img/home/top_main_schoolNavi_arrow_icon.png);
	background-size: cover;
	width: 0.9375vw;
    height: 0.9375vw;
    margin-right: 0.520833333vw;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    border-radius: 50%;
}


/* INDEX CONTENT
------------------------------------------------------------------------------*/

.bg_star_right img{
	display: block;
    /*background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
    position: absolute;
    width: 100vw;
    height: 184.661458vw;
    top: 63.22916667vw;
    right: 0;
    z-index: 10;
}

.backInLeftBgStar{
	-webkit-animation: SlideInLeftBgStar 3s;
    -webkit-animation-duration: 2s;
}


/* CSSアニメーションの設定 */
@keyframes SlideInLeftBgStar {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.bg_star_left img{
	display: block;
    /*background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
    position: absolute;
    width: 100vw;
    height: 184.661458vw;
    top: 66.35416667vw;
    z-index: 10;
}


.backInRightBgStar{
	-webkit-animation: SlideInRightBgStar 3s;
    -webkit-animation-duration: 2s;
}


/* CSSアニメーションの設定 */
@keyframes SlideInRightBgStar {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(-50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


#wappen{
	position: absolute;
/*	top: 36.458333vw;*/
/*	追加調整*/
	top: 33.59375vw;
/*	追加調整*/
	left: 1.04166667vw;
	width: 12.34375vw;
	height: 12.2916667vw;
	max-width: 237px;
	max-height: 236px;
    z-index: 50;
}

#wappen img{
	width: 100%;
}

#continer {
    width: 100%;
    margin: 0;
    padding: 0;
}

#content{
	float: none;
	width: auto;
    padding-top: 0;
}


#hidx {
	margin-bottom: 10px;
}

#content p {
	line-height: 2.0;
	margin-bottom: 10px;
	padding-left: 30px;
}

#content .summer_school_banner img {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}

#content .summer_school_banner a:hover {
	opacity: 0.8;
}

.contentTxt {
	margin-bottom: 40px;

}

#newsWap{
	opacity: 0;
	background-color: rgba(128,234,247,0.8);
	border-radius: 25px;
	position: absolute;
	display: block;
	margin: 0 auto;
/*	bottom: 13.5vw;*/
/*	top: 62.5vw;*/
	/*追加調整*/
	top: 55.7291667vw;
	/*追加調整*/
	left: 0;
	right: 0;
	/*left: 50%;
	transform: translateX(-50%);*/
	width: 92.5vw;
/*	width: 90vw;*/
	z-index: 10;
	backdrop-filter: blur(3px);
}

.newsContents{
	display: flex;
	justify-content: center;
	margin: 2.1vw auto;
}

.newsTopBox{
	margin: 1.25vw 3.5vw 0px 0;
    width: 15.25vw;
}

#newsWap .newsContents .newsTopBox h2{
	border: none;
	background: none;
	margin: 0 0 2.44791667vw;
    padding: 0;
    line-height: 1;
}

#newsWap .newsContents .newsTopBox h2 .enTitle{
	color: #fff;
	/* 33.1px @ 1025px increasing to 62px @ 1920px */
	font-size: calc(2.06875rem + ((1vw - 10.25px) * 3.2291));
    /* Note: The calc base value (2.06875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 3.2291 = 100 * font-size_difference / viewport_width_difference */

	/* 32px @ 1025px increasing to 54px @ 1920px */
/*	font-size: calc(2rem + ((1vw - 10.25px) * 2.4581));*/
    /* Note: The calc base value (2rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.4581 = 100 * font-size_difference / viewport_width_difference */
}

#newsWap .newsContents .newsTopBox h2 .jaTitle{
	color: #fff;
	/* 10.68px @ 1025px increasing to 20px @ 1920px */
	font-size: calc(0.6675rem + ((1vw - 10.25px) * 1.0413));
    /* Note: The calc base value (0.6675rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.0413 = 100 * font-size_difference / viewport_width_difference */

	/* 12px @ 1025px increasing to 20px @ 1920px */
/*	font-size: calc(0.75rem + ((1vw - 10.25px) * 0.8939));*/
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.8939 = 100 * font-size_difference / viewport_width_difference */
    font-weight: 500;
    letter-spacing: 0.3125vw;
}

#newsWap .newsContents .newsTopBox .viewAllBtn a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffe400;
	color: #00b7f3;
	border-radius: 50px;
	padding: 0.7vw 0.5vw 0.7vw 1.3vw;
    white-space: nowrap;
	text-decoration: none;
	/* 8.54px @ 1025px increasing to 16px @ 1920px */
	font-size: calc(0.53375rem + ((1vw - 10.25px) * 0.8335));
    /* Note: The calc base value (0.53375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.8335 = 100 * font-size_difference / viewport_width_difference */
    
	/* 11px @ 1025px increasing to 18px @ 1920px */
/*	font-size: calc(0.6875rem + ((1vw - 10.25px) * 0.7821));*/
    /* Note: The calc base value (0.6875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.7821 = 100 * font-size_difference / viewport_width_difference */
    font-weight: bold;
}

#newsWap .newsContents .newsTopBox .viewAllBtn a:hover{
	transition: 1s;
	background: #fff;
}

#newsWap .newsContents .newsTopBox .viewAllBtn a:after{
	content: "";
	display: inline-block;
	background-image: url(../img/home/top_main_news_viewAll_arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2vw;
	height: 2vw;
}

#newsWap .newsContents .newsTopBox .viewAllBtn a:hover:after{
	transition: 1s;
	background-image: url(../img/home/top_main_news_viewAll_arrow_hover.png);
}

#newsBox {
	display: flex;
	justify-content: space-between;
}

#newsBox > a {
	margin: 0 0.78125vw 0 0;
}

#newsBox > a:last-of-type {
	margin: 0 0 0 0;
}

#newsBox > div.noMainTxt {
	margin: 0 0.78125vw 0 0;
}

#newsBox dl {
	padding: 0.67708333vw 0.67708333vw 0.67708333vw 1.04166667vw;
    margin: 0 1vw 0 0;
    width: 14.85vw;
    height: 11.5vw;
    background-color: #fff;
    border-radius: 25px;
	box-sizing: border-box;
	position: relative;

}

#newsBox dl:last-of-type {
    margin: 0;
}

#newsBox dt {
	color: #20383f;
	/* 8.54px @ 1025px increasing to 16px @ 1920px */
	font-size: calc(0.53375rem + ((1vw - 10.25px) * 0.8335));
    /* Note: The calc base value (0.53375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.8335 = 100 * font-size_difference / viewport_width_difference */
    font-weight: 500;
    line-height: 1.75;

	/* 11px @ 1025px increasing to 18px @ 1920px */
/*	font-size: calc(0.6875rem + ((1vw - 10.25px) * 0.7821));*/
    /* Note: The calc base value (0.6875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.7821 = 100 * font-size_difference / viewport_width_difference */
}

#newsBox dt .date{
	display: inline-block;
	/* 8.54px @ 1025px increasing to 16px @ 1920px */
	font-size: calc(0.53375rem + ((1vw - 10.25px) * 0.8335));
    /* Note: The calc base value (0.53375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.8335 = 100 * font-size_difference / viewport_width_difference */

	/* 11px @ 1025px increasing to 18px @ 1920px */
/*	font-size: calc(0.6875rem + ((1vw - 10.25px) * 0.7821));*/
    /* Note: The calc base value (0.6875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.7821 = 100 * font-size_difference / viewport_width_difference */
	color: #19cfe5;
	padding-bottom: 0.625vw;
	letter-spacing: 0.0520833333vw;
	line-height: unset;
}

#newsBox dd.newsBtn{
	position: absolute;
    bottom: 15px;
    right: 15px;
}

#newsBox dd.externalBtn{
	position: absolute;
    bottom: 15px;
    right: 15px;
}


#newsBox dd.newsBtn:after{
	content: "";
	display: inline-block;
	background-image: url(../img/home/top_main_news_arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2vw;
	height: 2vw;
	margin-left: 30px;
}

#newsBox dd.externalBtn:after{
	content: "";
	display: inline-block;
	background-image: url(../img/common/news_icon_external.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2vw;
	height: 2vw;
	margin-left: 30px;
}

#newsBox a:hover{
	text-decoration: none;

	dl{
		transition: 1s;
		color: #fff;
		background-color: #19cfe5;
	}

	dt{
		transition: 1s;
		color: #fff;
	}

	.date{
		transition: 1s;
		color: #fff !important;
	}

	dd.newsBtn:after{
		transition: 1s;
		background-image: url(../img/home/top_main_news_arrow_hover.png);
	}

	dd.externalBtn:after{
		transition: 1s;
		background-image: url(../img/common/news_icon_external_hover.png);
	}
	
}


/*message*/
#topLeadWap #message{
	position: relative;
	/*background-image: url(../img/home/top_massage_bg.png);
	background-size: cover;
	background-position: left;*/
	width: 100vw;
    height: 75vw;
}

#topLeadWap #message .messageTitle{
/*	margin-bottom: 90px;*/
	position: absolute;
/*	top: 8.15vw;*/
	top: 10.15625vw;
	left: 15.5vw;
	z-index: 12;
	line-height: 1.3;
}

#topLeadWap #message .messageTitle .enTitle {
	width: 15.10416667vw;
    /* 22px @ 1025px increasing to 47px @ 1920px */
    font-size: calc(1.375rem + ((1vw - 10.25px) * 2.7933));
    /* Note: The calc base value (1.375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.7933 = 100 * font-size_difference / viewport_width_difference */
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.30208333vw;
}

#topLeadWap #message .messageTitle .enTitle .josefin-sans{
    display: block;
    margin-right: 0.83333333vw;
}

#topLeadWap #message .messageTitle .enTitle:after {
	content: "";
	display: block;
	background-color: #fff;
	height: 2px;
    flex-grow: 1;
}

#topLeadWap #message .messageTitle .jaTitle{
	/* 45px @ 1025px increasing to 86px @ 1920px */
	font-size: calc(2.8125rem + ((1vw - 10.25px) * 4.581));
    /* Note: The calc base value (2.8125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 4.581 = 100 * font-size_difference / viewport_width_difference */
	color: #fff;
    text-shadow: 2px 0.364583333vw #f06680;
    line-height: 1.333;
}

#topLeadWap #message .messageTitle .jaTitle img{
	width: 32.55208333vw;
}

#topLeadWap #message .messageBox{
	position: absolute;
/*	top: 25vw;*/
	top: 29.6875vw;
    left: 15.5vw;
	z-index: 12;
}

#topLeadWap #message .messageBox p{
	color: #fff;
	/* 11.74px @ 1025px increasing to 22px @ 1920px */
	font-size: calc(0.73375rem + ((1vw - 10.25px) * 1.1464));
    /* Note: The calc base value (0.73375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.1464 = 100 * font-size_difference / viewport_width_difference */

	/* 12px @ 1025px increasing to 24px @ 1920px */
/*	font-size: calc(0.75rem + ((1vw - 10.25px) * 1.3408));*/
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.3408 = 100 * font-size_difference / viewport_width_difference */
	text-shadow: 1px 1px 10px rgba(124,52,79,0.4);
	line-height: 1.909;
	padding: 0;
	margin-bottom: 1.77083333vw;
    font-weight: 500;
    letter-spacing: 0.06em;
}

#topLeadWap #message .messageBg{
	position: absolute;
	top: -10vw;
	z-index: 10;
}

#topLeadWap #message .messagebg_girls{
	position: absolute;
	top: -10vw;
	right: 5vw;
	z-index: 11;
	/*position: absolute;
	top: -10vw;
	z-index: 11;*/
}

#topLeadWap #message .messagebg_planet{
	position: absolute;
	top: -10vw;
    right: 5vw;
	z-index: 10;
	/*position: absolute;
	top: -10vw;
	z-index: 10;*/
}

#topLeadWap #message .messagebg_girls img{
	width: 92vw;
    padding: 8.48958333vw 0vw 3vw 8vw;
	/*width: 90vw;
	padding: 5vw 10vw 10vw 0vw;*/
}

#topLeadWap #message .messagebg_planet img{
	width: 91vw;
    padding: 8.48958333vw 0 0 9vw;
	/*width: 90vw;
	padding: 5vw 10vw 10vw 0vw;*/
}

#topLeadWap #message .messageBg img{
	width: 90vw;
}

/*message*/


/*features*/
#topLeadWap{
	background: rgb(109,232,247);
	background: linear-gradient(180deg, rgba(109,232,247,1) 0%, rgba(23,187,207,1) 100%);
}

#topLeadWap #features{
	width: 75vw;
    margin: 0 12.5vw;
/*    opacity: 0;*/
}

#topLeadWap #features .featuresTitle{
	width: 15.15vw;
    margin-bottom: 1.5vw;
}

#topLeadWap #features .featuresTitle img{
	width: 100%;
}

#topLeadWap #features .featuresBox{
	display: flex;
	justify-content: space-between;
}

#topLeadWap #features .featuresBox dl{
	width: 24.375vw;
	border: 1px solid #fff;
	border-radius: 25px;
	overflow: hidden;
	background-color: #fff;
	opacity: 0;
}

#topLeadWap #features .featuresBox dl dt{
/*	padding: 1.40625vw;*/
	box-sizing: border-box;
	background-color: #35cadc;
}

#topLeadWap #features .featuresBox dl dt img{
	width: 100%;
}

#topLeadWap #features .featuresBox dl dd{
	padding: 1.66666667vw 2.34375vw;
	/* 13.88px @ 1025px increasing to 26px @ 1920px */
	font-size: calc(0.8675rem + ((1vw - 10.25px) * 1.3542));
    /* Note: The calc base value (0.8675rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.3542 = 100 * font-size_difference / viewport_width_difference */

	/* 18px @ 1025px increasing to 28px @ 1920px */
/*	font-size: calc(1.125rem + ((1vw - 10.25px) * 1.1173));*/
    /* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.1173 = 100 * font-size_difference / viewport_width_difference */
    font-weight: 500;
    line-height: 1.615;
}

#topLeadWap #features .featuresBox dl dd span{
	padding: 3px;
	background-color: #ffe400;
	color: #038eac;
}

#topLeadWap #features .readMoreBtn{
	padding-bottom: 140px;
	z-index: 1000;
	position: relative;
}

#topLeadWap #features .readMoreBtn a{
	width: 19.05vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffe400;
	color: #00b7f3;
	border-radius: 50px;
	padding: 1.5vw .5vw 1.5vw 1.3vw;
	margin: 3.65vw auto 0;
	text-decoration: none;
	/* 18px @ 1025px increasing to 28px @ 1920px */
	font-size: calc(1.125rem + ((1vw - 10.25px) * 1.1173));
    /* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.1173 = 100 * font-size_difference / viewport_width_difference */
}

#topLeadWap #features .readMoreBtn a span{
	font-weight: bold;
}

#topLeadWap #features .readMoreBtn a:hover{
	transition: 1s;
	background: #fff;
}

#topLeadWap #features .readMoreBtn a:after{
	content: "";
	display: inline-block;
	background-image: url(../img/home/top_main_news_viewAll_arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2vw;
	height: 2vw;
	margin-right: 1vw;
}

#topLeadWap #features .readMoreBtn a:hover:after{
	transition: 1s;
	background-image: url(../img/home/top_main_news_viewAll_arrow_hover.png);
}

/*features*/

/*movieWap*/

#movieWap {
	background-color: #2fc2d4;
}

.movieWap{
	opacity: 0;
	display: flex;
	justify-content: space-between;
}

#movieWap .movieWap .movieTitle,
#movieWap .movieWap .movieBox{
	width: calc(100% / 2);	
    position: relative;
    z-index: 11;
}

#movieWap .movieWap .movieTitle{
	display: flex;
	justify-content: center;
	align-items: center;
}

#movieWap .movieWap .movieTitle h2{
	background-image: none;
	border: none;
	width: 21.71875vw;
	height: 9.63541667vw;
	padding: 0;
	margin: 0 16.19791667vw 0 12.13541667vw;
}

#movieWap .movieWap .movieTitle h2 img{
	width: 100%;
}

#movieWap .movieWap .movieBox .youtube{
	width: 100%;
	aspect-ratio: 16 / 9;
}

#movieWap .movieWap .movieBox .youtube iframe{
	width: 100%;
	height: 100%;
}
/*movieWap*/


/*calenderWap*/

#calenderWap{
	background-color: #17bbcf;
	padding: 7.85vw 0 2.1vw;
}

#calenderWap .calenderInner{
	opacity: 0;
	display: flex;
	justify-content: space-between;
	width: 78.3vw;
    margin: 0 10.35vw;
}

/*#calenderWap .calenderTitle,
#calenderWap .calenderBox{
	width: calc(100% / 2);	
}*/

#calenderWap .calenderTitle{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#calenderWap .calenderTitle h2{
	background-image: none;
	border: none;
	width: 27.920833vw;
/*	width: 26.520833vw;*/
    height: 9.73958333vw;
    padding: 0 0 0 2.5vw;
    box-sizing: border-box;
    margin-bottom: 2.0125vw;
/*    margin-bottom: 2.60416667vw;*/
}

#calenderWap .calenderTitle h2 img{
	width: 100%;
}

#calenderWap .calenderTitle p{
	width: 27.920833vw;
	color: #fff;
	/* 10.68px @ 1025px increasing to 20px @ 1920px */
	font-size: calc(0.6675rem + ((1vw - 10.25px) * 1.0413));
    /* Note: The calc base value (0.6675rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.0413 = 100 * font-size_difference / viewport_width_difference */

	/* 16px @ 1025px increasing to 22px @ 1920px */
/*	font-size: calc(1rem + ((1vw - 10.25px) * 0.6704));*/
    /* Note: The calc base value (1rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.6704 = 100 * font-size_difference / viewport_width_difference */
    padding: 0 0 0 2.5vw;
    box-sizing: border-box;
    line-height: 2;
    font-weight: 600;
    letter-spacing: 1px;
}

#calenderWap .calenderTitle p span{
	font-feature-settings: "palt";
}

#calenderWap .calenderBox{
	display: flex;
	justify-content: space-between;
}

#calenderWap .calenderBox dl{
	width: 22.4vw;
    position: relative;
    margin: 0 0 0px 1vw;
}

#calenderWap .calenderBox dl dt img{
	width: 100%;
}

#calenderWap .calenderBox dl dd a{
	position: absolute;
	bottom: 0;
}

#calenderWap .calenderBox dl dd a.downloadBtn{
    display: block;
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
	background-image: url(../img/home/top_iesCalender_downloadBtn.png);
}

#calenderWap .calenderBox dl dd a.downloadBtn:hover{
	opacity: 0.8;
	transition: 1s;
}

#calenderWap .calenderBox dl dd a.comingsoonBtn{
    display: block;
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
	background-image: url(../img/home/top_iesCalender_comingsoonBtn.png);
	pointer-events: none;
}

#calenderWap .calenderBox dl dd a img{
	width: 100%;
}

#calenderWap .calenderBox dl dd a img{
	width: 100%;
}

/*修正版*/
#calenderWap .calenderBox a dl{
	width: 22.4vw;
    position: relative;
    margin: 0 0 0px 1vw;
}

#calenderWap .calenderBox a dl dt img{
	width: 100%;
}

#calenderWap .calenderBox a dl dd{
	position: absolute;
	bottom: 0;
}

#calenderWap .calenderBox a dl dd.downloadBtn{
/*    display: block;*/
    /*width: 100%;
    height: 100%;*/
    /*background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;*/
/*	background-image: url(../img/home/top_iesCalender_downloadBtn.png);*/
	position: absolute;
	bottom: 0;
	padding: 20px;
}

#calenderWap .calenderBox a dl dd.downloadBtn:hover{
	opacity: 0.8;
	transition: 1s;
}

#calenderWap .calenderBox a dl dd.comingsoonBtn{
/*    display: block;*/
    /*width: 100%;
    height: 100%;*/
    /*background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;*/
/*	background-image: url(../img/home/top_iesCalender_comingsoonBtn.png);*/
	pointer-events: none;
	position: absolute;
	bottom: 0;
	padding: 20px;
}

#calenderWap .calenderBox a dl dd img{
	width: 100%;
}

#calenderWap .calenderBox a dl dd img{
	width: 100%;
}
/*修正版*/

/*calenderWap*/

/*traialLessonWap*/

#traialLessonWap {
	padding-bottom: 5.25vw;
	background-color: #17bbcf;
}

.traialLessonWap {
	opacity: 0;
	width: 100%;
	margin: 0;	
	position: relative;
}

#traialLessonWap .traialLessonWap .traialLessonContents{
	position: absolute;
    z-index: 10;
    width: 31.25vw;
    top: 10.26041667vw;
    right: 4vw;
}

#traialLessonWap .traialLessonWap .traialLessonBg{
    margin: 0 2.075vw;
    width: 95.85vw;
}

#traialLessonWap .traialLessonWap .traialLessonBg img{
	width: 100%;
}

#traialLessonWap .traialLessonWap .traialLessonTitle h2{
	height: auto;
	border: none;
	background-image: none;
	/* 40px @ 1025px increasing to 75px @ 1920px */
/*	font-size: calc(2.5rem + ((1vw - 10.25px) * 3.9106));*/
    /* Note: The calc base value (2.5rem) MUST be stated in REM to maintain accessibility */
    /* Where: 3.9106 = 100 * font-size_difference / viewport_width_difference */
	/*color: #fff;
    text-shadow: 2px 7px #4fc1cf;*/
    margin: 0 0 8.08958333vw 0;
    padding: 0;
/*    line-height: 1.5;*/
    text-align: right;
}

#traialLessonWap .traialLessonWap .traialLessonTitle h2 img{
	width: 100%;
}

#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox p{
	/* 11.74px @ 1025px increasing to 22px @ 1920px */
	font-size: calc(0.73375rem + ((1vw - 10.25px) * 1.1464));
    /* Note: The calc base value (0.73375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.1464 = 100 * font-size_difference / viewport_width_difference */
    margin: 0 0 1.83vw 0;
    text-align: right;
    color: #225a6a;
    line-height: 1.7;
    font-weight: 600;
    font-feature-settings: "palt";
    letter-spacing: 0.18vw;
    padding: 0;
}

#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox .traialLessonBtn{

}

#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox .traialLessonBtn a{
	/* 13px @ 1025px increasing to 24px @ 1920px */
/*	font-size: calc(0.8125rem + ((1vw - 10.25px) * 1.2291));*/
    /* Note: The calc base value (0.8125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.2291 = 100 * font-size_difference / viewport_width_difference */
    /* 13px @ 1025px increasing to 23px @ 1920px */
    font-size: calc(0.8125rem + ((1vw - 10.25px) * 1.1173));
    /* Note: The calc base value (0.8125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.1173 = 100 * font-size_difference / viewport_width_difference */
	color: #fff;
	font-weight: 600;
	background-color: #20383f;
	border-radius: 55px;
	padding: 1.82291667vw;
/*	padding: 0.785vw;*/
	display: flex;
	align-items: center;
	text-decoration: none;
/*    justify-content: space-between;*/
	font-feature-settings: "palt";
}


@media screen and (min-width: 1025px) and (max-width: 1645px) {
	#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox .traialLessonBtn a{
		/* 12px @ 1025px increasing to 19.56px @ 1645px */
	    font-size: calc(0.75rem + ((1vw - 10.25px) * 1.2194));
	}
}

#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox .traialLessonBtn a:hover{
	transition: 1s;
	opacity: 0.7;
}


#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox .traialLessonBtn a:before{
	content: "";
	display: inline-block;
	background-image: url(../img/common/top_header_mail_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
    width: 2.08333333vw;
    height: 1.51041667vw;
	margin-right: 1.30208333vw;
}

#traialLessonWap .traialLessonWap .traialLessonBox .traialLessonBtn a:after{
	content: "";
	display: inline-block;
	background-image: url(../img/common/top_header_mailArrow_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2.08333333vw;
	height: 2.08333333vw;
	margin-left: 1.77083333vw;
}
/*traialLessonWap*/

/*contactWap*/
#contactWap{
    background-repeat: no-repeat;
	background-image: url(../img/common/top_insta_contact_bg.png);
	background-size: cover;	
/*	height: 76.563vw;*/
	height: 77.1875vw;
	background-color: #17bbcf;
}

#contactWap #instagramBox .instagramTitle{
/*	width: 5.055vw;*/
	width: 3.64583333vw;
/*    height: 5.055vw;*/
    height: 3.64583333vw;
	margin: 0 auto;
	    padding-top: 4.16666667vw;
}

#contactWap #instagramBox .instagramTitle h2{
	background-image: none;
	border: none;
    height: auto;
    padding: 0;
    margin: 0;
}

#contactWap #instagramBox .instagramTitle h2 img{
	width: 100%;
}

#contactWap #instagramBox .instagramContents{
    width: 46.034vw;
    height: 14.825vw;
    margin: 1.5625vw 26.983vw 0;
}

#contactWap #instagramBox .instagramContents ul {
	display: flex;
	justify-content: center;
}

#contactWap #instagramBox .instagramContents ul li{
	margin: 0px 20px 0 0;
}

#contactWap #instagramBox .instagramContents ul li a{
    display: block;
    width: 14.825vw;
    overflow: hidden;
    border-radius: 25px;
}

#contactWap #instagramBox .instagramContents ul li:last-of-type{
	    margin: 0 0 0 0;
}

#contactWap #instagramBox .instagramContents ul li a:hover{
    transition: 1s;
    opacity: 0.8;
}

#contactWap #instagramBox .instagramContents img{
	width: 100%;
}

#contactWap #contactBox{
	width: 58.4555vw;
	margin: 10.0520833vw auto 0;
	padding: 0;
}

#contactWap #contactBox .contactTitle{
	width: 17.7456vw;
	margin: 0 auto;
	padding-top: 7.29166667vw;
}

#contactWap #contactBox .contactTitle h2{
	background-image: none;
	border: none;
    height: auto;
    padding: 0;
    margin: 0 0 2.08333333vw;
}

#contactWap #contactBox .contactTitle h2 img{
	width: 100%;
}

#contactWap #contactBox .contactContents p{
	text-align: center;
	/* 11.74px @ 1025px increasing to 22px @ 1920px */
	font-size: calc(0.73375rem + ((1vw - 10.25px) * 1.1464));
    /* Note: The calc base value (0.73375rem) MUST be stated in REM to maintain accessibility */
    /* Where: 1.1464 = 100 * font-size_difference / viewport_width_difference */
	color: #fff;
	margin-bottom: 2.29166667vw;
	font-weight: 600;
	text-shadow: 1px 1px 10px rgba(124, 52, 79, 0.4);
	letter-spacing: 2px;
	padding: 0;
    line-height: 2;
}

#contactWap #contactBox .traialLessonBtn{
	width: 33.8205vw;
	margin: 0 auto;
}

#contactWap #contactBox .traialLessonBtn a{
	/* 12.82px @ 1025px increasing to 24px @ 1920px */
	font-size: calc(0.80125rem + ((1vw - 10.25px) * 1.2492));
	/* Note: The calc base value (0.80125rem) MUST be stated in REM to maintain accessibility */
	/* Where: 1.2492 = 100 * font-size_difference / viewport_width_difference */
	color: #fff;
	background-color: #20383f;
	border-radius: 55px;
	padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
/*	padding: 0.7829vw;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	font-weight: 600;
}

#contactWap #contactBox .traialLessonBtn a span.btn_txt span{
	font-feature-settings: "palt";
}

#contactWap #contactBox .traialLessonBtn a:hover{
	transition: 1s;
	opacity: 0.7;
}


#contactWap #contactBox .traialLessonBtn a:before{
	content: "";
	display: inline-block;
	background-image: url(../img/common/top_header_mail_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
    width: 2.08333333vw;
    height: 1.51041667vw;
    margin-right: 1.00208333vw;
}

#contactWap #contactBox .traialLessonBtn a:after{
	content: "";
	display: inline-block;
	background-image: url(../img/common/top_header_mailArrow_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2.08333333vw;
	height: 2.08333333vw;
	margin-left: 0.72916667vw;
}

#contactWap #contactBox .aboutContact dl{
	display: flex;
	justify-content: flex-start;
	margin-top: 2.60415vw;
}

#contactWap #contactBox .aboutContact dt{
	background-color: #ff2b76;
	padding: 1.5vw 2.60415vw;
	/* 12px @ 1025px increasing to 20px @ 1920px */
	font-size: calc(0.75rem + ((1vw - 10.25px) * 0.8939));
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.8939 = 100 * font-size_difference / viewport_width_difference */
	width: 18.892vw;
	border-radius: 25px 0 0 25px;
    color: #fff;
    font-weight: 600;
}

#contactWap #contactBox .aboutContact dd{
	background-color: #fff;
	padding: 1.5vw 2.60415vw;
	/* 10px @ 1025px increasing to 16px @ 1920px */
	font-size: calc(0.625rem + ((1vw - 10.25px) * 0.6704));
    /* Note: The calc base value (0.625rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.6704 = 100 * font-size_difference / viewport_width_difference */
	width: 58.4555vw;
	border-radius: 0 25px 25px 0;
	line-height: 1.75;
	font-weight: 500;
}

#contactWap #contactBox .aboutContact dd span{
	color: #ff2b76;
    border-bottom: 1px solid #ff2b76;
    padding-bottom: 2px;
}
/*contactWap*/



/*branch*/


#branch{
	width: 1000px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}


#branch li{
	width : 495px;
}


#branch h3{
	background: rgba(0,0,0,0.4);
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
	text-align: center;
}