@charset "utf-8";
/*:::::::::::::::::::::::::::::::
	トップページ
:::::::::::::::::::::::::::::::*/
#main{
	width:100%;
	height:calc(100vh - 90px);
	text-align:center;
	position:relative;
	overflow:hidden;
	margin-top:90px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
}
#main video#spv{
    display: none;
}
#main video{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	min-width: 100%;
	min-height: 100%;
}
#catch{
	position:relative;
	top:-20px;
	z-index:9999;
	background:rgba(255,255,255,0.4);
	padding:50px 0;
	width:50%;
    display: none;
}
#catch small {
    display: block;
    font-size: 29px;
    color:#993333;
	font-weight:900;
	margin-bottom:5px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	position:relative;
}
#catch #catch_logo{
	width:240px;
	height:auto;
    display: block;
    margin: 0 auto;
}
#catch p{
	margin-bottom:0 !important;
	font-size:23px;
	font-weight:900;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
    text-indent: 0;
}
.swiper-wrapper{
	font-size:21px;
	height:2.4em;
}
.swiper-slide{
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	color:#fff;
	font-weight:900;
	font-size:21px;
	background:#993333;
	padding:10px;
}
#methodology_yt{
	text-align:right;
	margin-top:5px;
}
#methodology_yt a{
	display:inline-block;
	background:rgba(204,173,106,0.9);
	padding:10px 20px;
	color:#fff;
	font-size:14px;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
#methodology_yt a:hover{
	background:rgba(0,0,0,0.5);
}

.home-concept_h2{
	padding: 0 !important;
    line-height: 1.4em;
    font-style: normal;
	font-size: 48px;
}
.home-concept_h2 b{
	color: #931d2b;
}
.home-concept_lead{
	font-size: 21px;
}
.home-concept_yt{
	width: 90%;
	max-width: 800px;
}
@media screen and (max-width: 1380px){
	#catch{
		padding:30px 0;
		width:60%;
	}
}
@media screen and (max-width: 1280px){
	#main {
		height:calc(100vh - 70px);
		margin-top:70px;
	}
	#main video{
		width: auto;
		height: 100%;
	}
	#catch{
		padding:30px 0;
		width:70%;
	}
}
@media screen and (max-width: 1280px){
	.home-concept_h2{
		font-size: 4.4vw;
	}
}
@media screen and (max-width: 980px){
	#catch small {
		font-size: 16px;
	}
	#catch p{
		font-size:21px;
		text-align:center !important;
	}
	#catch{
		width:80%;
	}
	#catch #catch_title{
		width:80%;
		height:auto;
	}
	.swiper-wrapper{
		height:2em;
	}
	.swiper-slide{
		font-size:18px;
	}
	.home-concept_h2{
		font-size: 4.4vw;
	}
	.home-concept_lead.center{
		width: 90%;
		margin-bottom: 30px !important;
	}
	.home-concept_lead br{
		display: none;
	}
}
@media screen and (max-width: 780px){
	.home-concept_lead.center{
		font-size: 18px;
	}
}
@media screen and (max-width: 480px){
    #catch{
        padding:30px 10px;
    }
    #catch small {
        letter-spacing:0;
    }
    #catch p{
        font-size:16px;
    }
    #catch #catch_title{
        width:90%;
        height:auto;
    }
    .swiper-container{
        font-size:13px;
    }
    .swiper-wrapper{
        height:1.7em;
    }
    .swiper-slide{
        font-size:12px;
    }
    #catch{
        width:90%;
    }
    #methodology_yt a{
        display:block;
        width:100%;
        text-align:center;
    }
	.home-concept_h2{
		width: 90%;
		padding-bottom: 20px !important;
		margin: 0 auto 20px !important;
		text-align: left;
		font-size: 6vw;
		position: relative;
	}
	.home-concept_h2:after{
		content: "";
		display: block;
		width: 3em;
		height: 5px;
		background: #931d2b;
		position: absolute;
		bottom: -2.5px;
		left: 50%;
		transform: translateX(-50%);
	}
	.home-concept_h2 br{
		display: none;
	}
	.home-concept_lead.center{
		font-size: 16px;
	}
}
@media screen and (orientation: landscape) and (max-width: 880px) {
    header{
        position:relative;
        height: 60px;
    }
    header #head {
        margin: 10px auto 0 !important;
    }
    header #head h1 a img {
        height: 40px !important;
    }
    header #head h1 a small {
        left: 45px;
        top: -3px;
    }
    .drawer-hamburger {
        top: 0 !important;
    }
    #main {
        margin-top: 0 !important;
    }
    #main video {
        width: 100% !important;
        height: auto !important;
    }
    #catch #catch_logo {
        width: 80px !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    #catch #catch_title {
        width: 40% !important;
        height: auto !important;
    }
    #catch {
        padding: 20px 0 0 !important;
    }
    #catch small br,
    #catch p br{
        display: none !important;
    }
    #catch p {
        font-size: 18px;
    }
}
@media (orientation: portrait){
    #main video#pcv,
    #catch{
        display: none;
    }
    #main video#spv{
        display: block;
        width: 100%;
        height: auto;
    }
}


/*本筋*/
.home01,
#home02{
	margin:80px auto;
}
#home .item .flex_left{
	flex-basis:45%;
	-webkit-flex-basis:45%;
	max-width:45%;
	padding:0 0 30px 0;
	position:relative;
}
#home .item .flex_right{
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
	padding:0 0 30px 0;
}
#home .item .flex_right video{
	width:100%;
	height:auto;
}
.home01 .underline {
	position:relative;
	left:0;
	top:inherit;
	width:100%;
}
.home01 .underline:after{
	width:100%;
}
.arrow {
	display:block;
    height: 40px;
    width: 100px;
    background-color: #000;
    position:  relative;
	right:60px;
    margin: 40px 0 0 auto;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
.arrow::after {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 60px;
    border-color: transparent transparent transparent #000;
    position:  absolute;
    top: -50%;
    left: 100%;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-webkit-animation:arrow_blink 1s ease-in-out infinite alternate;
    -moz-animation:arrow_blink 1s ease-in-out infinite alternate;
    animation:arrow_blink 1s ease-in-out infinite alternate;
}
.arrow span{
    position: absolute;
    top: 10px;
    left: 20px;
    color: #fff;
    display: block;
    width: 150%;
    z-index: 999;
}
.arrow:hover{
    background-color: #993333;
}
.arrow:hover::after{
    border-color: transparent transparent transparent #993333;
}
#kakusa #cabinet_office{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#kakusa #cabinet_office #cabinet_img{
	flex-basis:200px;
	-webkit-flex-basis:200px;
	max-width:200px;
}
#kakusa #cabinet_office #cabinet_link{
	flex:1;
	-webkit-flex:1;
    padding-left: 1em;
    line-height: 1.3em;
    font-size: 14px;
    padding-top: 10px;
    word-break: break-all;
}
/*メインコンテンツ*/
.class_info_item{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
}
.class_info_catch{
    font-size: 16px;
    margin:5px 0;
}
.class_info_item .h2normal{
    color: #fff;
    padding: 5px;
    margin: 5px 0;
}
.class_info_item h2 img{
    margin-top: 0;
}
.class_info_igarten h2 img{
    width: 220px;
    vertical-align: bottom;
    line-height: 0rem;
}
.class_info_nisai h2 img{
    width: 215px;
    vertical-align: bottom;
    line-height: 0rem;
}
.class_info_april h2 img{
    width: 40px;
    line-height: 0rem;
}
.class_info_igarten .h2normal{
    background: #152c7d;
}
.class_info_april .h2normal{
    background: #80b315;
}
.class_info_nisai .h2normal{
    background: #0a5085;
}
.class_info_nisai .class_info_catch{
    margin:0 0 5px;
}
/*背景固定*/
.fixed-bg {
    min-height: 80vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom center;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
    position: relative;
}

#bg01 {
    background-image:url("../img/home/harbard.jpg");
    background-size:cover;
    background-position: center;
}
#bg02 {
    background-image:url("../img/home/oxford.jpg");
    background-size:cover;
    background-position: center;
}
#bg03 {
    background-image:url("../img/home/cambridge.jpg");
    background-size:cover;
    background-position: center;
}

@-webkit-keyframes blink{
    0% {background-color: #000;}
    100% {background-color: #993333;}
}
@-moz-keyframes blink{
    0% {background-color: #000;}
    100% {background-color: #993333;}
}
@keyframes blink{
    0% {background-color: #000;}
    100% {background-color: #993333;}
}
@-webkit-keyframes arrow_blink{
    0% {border-color: transparent transparent transparent #000;}
    100% {border-color: transparent transparent transparent #993333;}
}
@-moz-keyframes arrow_blink{
    0% {border-color: transparent transparent transparent #000;}
    100% {border-color: transparent transparent transparent #993333;}
}
@keyframes arrow_blink{
    0% {border-color: transparent transparent transparent #000;}
    100% {border-color: transparent transparent transparent #993333;}
}
@media screen and (max-width: 1280px){
    .home01,
    #home02{
        margin:50px auto;
    }
    .class_info_item{
        flex-basis:32%;
        -webkit-flex-basis:32%;
        max-width:32%;
    }
    .class_info_item p,
    .class_info_catch{
        font-size: 14px;
    }
}
@media screen and (max-width: 980px){
    .class_info_igarten h2 img{
        width: 180px;
    }
    .class_info_nisai h2 img{
        width: 170px;
    }
    .class_info_april h2 img{
        width: 30px;
    }
    .class_info_item{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        display:flex;
        display:-webkit-flex;
        justify-content:space-between;
        -webkit-justify-content:space-between;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        align-items:flex-end;
        -webkit-align-items:flex-end;
        margin-bottom: 40px;
    }
    .class_info_header,
    .class_info_inner{
        flex-basis:48%;
        -webkit-flex-basis:48%;
        max-width:48%;
    }
}
@media screen and (max-width: 680px){
    #kakusa #cabinet_office #cabinet_img,
    #kakusa #cabinet_office #cabinet_link,
    .class_info_header,
    .class_info_inner{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #kakusa #cabinet_office #cabinet_img{
        max-width: 150px;
    }
    .class_info_item{
        align-items:flex-start;
        -webkit-align-items:flex-start;
    }
}
@media screen and (max-width: 480px){
    .home01,
    #home02{
        margin-top:0 !important;
    }
    .home01 .flex_right{
        padding-bottom:0 !important;
    }
    .fixed-bg {
        min-height: 50vh;
        background-attachment:inherit;
    }
    #kakusa #cabinet_office #cabinet_link{
        font-size: 12px;
        padding-left: 0;
    }
}
/*:::::::::::::::::::::::::::::::
	MISSION
:::::::::::::::::::::::::::::::*/
#mission01{
	text-align:center;
}
#mission02{
	margin:80px 0;
}
#mission02 .flex_content{
	align-items:center;
	-webkit-align-items:center;
}
#mission02 .flex_left{
	flex-basis:47%;
	-webkit-flex-basis:47%;
	max-width:47%;
	padding:0 0 30px 0;
	text-align:left;
}
#mission02 .flex_right{
	flex-basis:47%;
	-webkit-flex-basis:47%;
	max-width:47%;
	padding:0 0 30px 0;
}
.introduce{
	margin:80px auto 30px;
}
.introduce_profile{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
.introduce_profile h3{
	font-size:24px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.introduce_profile h3 span{
	position:relative;
	z-index:10;
}
.introduce_profile h3 b{
	position:absolute;
	bottom:0;
	right:0;
	font-size:80px;
	color:#eee;
	font-weight:normal;
	z-index:0;
}
.introduce_profile_ol{
    margin-top: 30px;
}
.introduce_profile_ol li{
    flex-basis: 32%;
    max-width: 32%;
    font-size: 14px;
}
.introduce_profile_ol li a{
    /*width: 39%;*/
    width: 80%;
    margin: 0 auto 5px !important;
    padding: 0 !important;
}
.introduce_profile_ol li a img{
	max-width: 250px;
}
.introduce_profile_ol li img{
    border: 3px solid #ddd;
}
.introduce_img{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
}
#murakami{
	order:1;
	-webkit-order:1;
}
#mission03 .flex_content,
#mission04 .flex_content{
	align-items:center;
	-webkit-align-items:center;
	margin-bottom:80px;
}
#mission03 .flex_left{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
#mission03 .flex_right{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
	text-align:center;
}
#mission03 .flex_right img{
	max-width:500px;
	height:auto;
}
#mission04 .flex_left{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
}
#mission04 .flex_left{
	order:1;
	-webkit-order:1;
}
#mission04 .flex_right{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
#mission04 .flex_right a{
	color:#ccc;
	font-size:12px;
}
@media screen and (max-width: 1280px){
    #mission02,
    #mission03,
    .introduce{
        margin:50px auto;
    }
    .introduce_profile_ol li{
        font-size: 13px;
    }
}
@media screen and (max-width: 880px){
    #mission04 .flex_left{
        order:0;
        -webkit-order:0;
    }
    .introduce_profile_ol li{
        font-size: 12px;
    }
}
@media screen and (max-width: 780px){
    .introduce_profile,
    .introduce_img{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    .introduce_profile{
        margin-bottom: 20px;
    }
    #murakami{
        order:0;
        -webkit-order:0;
    }
}
@media screen and (max-width: 580px){
.introduce_profile_ol li {
    flex-basis: 49%;
    max-width: 49%;
}
}
@media screen and (max-width: 480px){
    #mission02,
    .introduce,
    #mission03{
        margin-top:0 !important;
    }
    .introduce_profile h3 b {
        font-size: 55px;
    }
}
/*:::::::::::::::::::::::::::::::
	学びの特長
:::::::::::::::::::::::::::::::*/
#feature01 .item{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
    margin-bottom: 40px;
}
#feature01 .flex_left img{
    max-width: 480px;
}
#feature03 .flex_right table{
	width:100%;
}
#feature04 #textbook .flex_left{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
}
#feature04 #textbook .flex_right{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
@media screen and (max-width: 1280px){
    #feature01 .flex_left,
    #feature01 .item p br{
        display: none;
    }
    #feature01 .item{
        text-align: left;
        flex-basis:47%;
        -webkit-flex-basis:47%;
        max-width:47%;
    }
    #feature01 .item p{
        text-align: left;
        text-indent: 1em;
    }
    #feature03 .flex_left{
        margin-bottom:40px;
    }
}
@media screen and (max-width: 880px){
    #feature .item,
    #feature .flex_right,
    #feature .flex_left{
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
    }
    #feature .flex_left{
        margin-bottom:40px;
    }
    #feature01 .flex_left{
        display: block;
        width: 70%;
        margin: 0 auto 40px;
    }
}
/*:::::::::::::::::::::::::::::::
	学びの目標
:::::::::::::::::::::::::::::::*/
#aim01 h3 br,
#aim02 h3 br,
#aim02 h3 small br,
#aim03 h3 br,
#aim04 h3 br{
    display: none;
}
#aim02 h4,
#aim03 h4{
    font-size: 24px;
    margin-bottom: 10px;
}
#aim02 .flex_left{
	flex-basis:35%;
	-webkit-flex-basis:35%;
	max-width:35%;
}
#aim02 .flex_right{
	flex-basis:60%;
	-webkit-flex-basis:60%;
	max-width:60%;
}
#aim02 table{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
}
#aim02 th,
#aim02 td{
    font-size: 12px;
    border: 1px solid #ccc;
}
#aim02 tr.jp th{
    background:#F7D4D5;
}
#aim02 tr.jp td{
    background: #EDECCD;
}
#aim02 td:last-child{
    width: 8em;
}
#aim03 table{
    width: 100%;
}
#aim03 th{
    width: 6em;
    background: #ccad6a;
    color: #fff;
}
#aim03 td{
    background: #eee;
    padding: 5px;
}
#aim03 td:last-child{
    text-align: right;
    width: 4em;
}
#aim03 .flex_left ul{
    margin: 0 0 20px;
    padding: 0;
}
#aim03 .flex_left li{
    margin: 0 0 5px !important;
    padding: 0 20px 0 0;
    background: #eee;
    list-style: none;
	display:flex;
	display:-webkit-flex
}
#aim03 .flex_left li b{
    font-size: 16px;
    margin: 0;
    padding: 0 5px;
    background: #933;
    color: #fff;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
#aim03 .flex_left li span{
    padding:10px;
}
#aim04 img{
    border: 10px solid #eee;
}
#aim_arrow .arrow{
    width: 400px;
}
#road_map{
    width: 100%;
}
@media screen and (max-width:980px){
    #aim02 .flex_left,
    #aim02 .flex_right,
    #aim03 .flex_left,
    #aim03 .flex_right{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #aim02 .flex_left,
    #aim03 .flex_left{
        margin-bottom: 40px;
    }
    #road_map{
        overflow-y: scroll;
        height: 500px;
    }
    #road_map:before{
        content: "※左へスクロールすることが出来ます";
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
    }
    #road_map img{
        width: auto !important;
        max-width: none;
        height: 500px;
    }
}
@media screen and (max-width:680px){
    #aim01 h3,
    #aim02 h3,
    #aim03 h3,
    #aim04 h3{
        text-align: center;
    }
    #aim01 h3 br,
    #aim02 h3 br,
    #aim02 h3 small br,
    #aim03 h3 br,
    #aim04 h3 br{
        display:block;
    }
    #aim01 h3 small,
    #aim02 h3 small,
    #aim03 h3 small{
        font-size: 14px;
    }
    #aim01 .flex_left{
        margin-bottom: 40px;
    }
    #aim02 table{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        width: 100%;
    }
    #aim02 h4,
    #aim03 h4{
        font-size: 18px;
    }
    #aim02 th,
    #aim02 td,
    #aim03 th,
    #aim03 td{
        font-size: 10px;
    }
    #aim04 h3{
        font-size: 21px;
    }
    #aim_arrow .arrow {
        width: 80%;
    }
    .arrow span {
        top: 12px;
        left: 10px;
        width: 120%;
        font-size: 12px;
    }
    #road_map,
    #road_map img{
        height: 350px;
    }
}



/*:::::::::::::::::::::::::::::::
	カリキュラム
:::::::::::::::::::::::::::::::*/
#curriculum01{
	text-align:center;
	margin-bottom:80px;
}
.curriculum_item{
	margin-bottom:80px;
}
.curriculum_item .flex_left{
	flex-basis:25%;
	-webkit-flex-basis:25%;
	max-width:25%;
}
.curriculum_item .flex_img{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.curriculum_item .flex_video{
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
}
#curriculum05 .flex_left,
#curriculum05 .flex_video,
#curriculum06 .flex_left,
#curriculum06 .flex_video{
	flex-basis:47%;
	-webkit-flex-basis:47%;
	max-width:47%;
}
#vrarai{
    background: #eee;
    padding: 80px;
    margin-top: 80px;
}
#vrarai h3{
    padding-bottom: 30px;
}
#vrarai ul{
    margin:0;
    padding: 0;
}
#vrarai li{
    list-style: none;
    background: #fff;
    padding: 30px !important;
    border-radius: 20px;
    margin: 0 0 20px 0;
}
#vrarai li h4{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3em;
}
#vrarai li .vrarai_item,
#vrarai li .vrarai_img{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
}
#meme,
#buff{
    margin-bottom: 20px;
}
#vrarai li .vrarai_img img{
    display: block;
    margin-bottom: 20px;
}
#gv{
    text-align: center;
}
#gv_logo{
    width: 60%;
    max-width: 280px;
    height: auto;
}
#gv p{
    text-align: left;
    width: 90%;
    max-width: 800px;
    font-size: 14px;
    margin: 20px auto 0 !important;
}
.ar_movie{
    width: 100%;
    max-width: 720px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 80px;
}
#training  h3{
    border: none;
    background: #993333;
    color: #fff;
    font-size: 21px;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}
#deep_movie li,
#training .flex_left,
#training .flex_right{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
    margin-bottom: 0;
}
#deep_movie li{
    padding: 0;
}
#deep_movie h5,
#training h5{
    font-size: 24px;
    margin-bottom: 5px;
}
#deep_movie h5 span,
#training h5 span{
    display: block;
    padding: 3px 10px;
    font-size: 16px;
    background: #222;
    color: #fff;
    border-radius: 5px;
    margin: 5px 0;
}
#deep_movie video,
#training video{
    margin-bottom: 20px;
}
@media screen and (max-width: 1580px){
    #deep_movie h5 span,
    #training  h5 span{
        display: block;
        padding: 3px 10px;
        text-align: center;
        margin:5px 0;
    }
}
@media screen and (max-width: 1280px){
    #curriculum01 {
        margin-bottom: 50px;
    }
    .curriculum_item .flex_left{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    .curriculum_item .flex_img{
        flex-basis:25%;
        -webkit-flex-basis:25%;
        max-width:25%;
    }
    .curriculum_item .flex_video{
        flex-basis:70%;
        -webkit-flex-basis:70%;
        max-width:70%;
    }
    #curriculum05 .flex_left,
    #curriculum05 .flex_video,
    #curriculum06 .flex_left,
    #curriculum06 .flex_right{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #vrarai li .vrarai_item,
    #vrarai li .vrarai_img{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #curriculum05 .flex_left,
    #curriculum06 .flex_left,
    #vrarai li .vrarai_item{
        margin-bottom: 40px !important;
    }
    #gv p{
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 980px){
    #vrarai{
        padding: 40px;
    }
    #vrarai h3 {
        font-size: 31px;
    }
}
@media screen and (max-width: 780px){
    .curriculum_item .flex_img{
        display:none;
    }
    .curriculum_item .flex_video,
    #curriculum06 .flex_video{
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
    }
    #gv{
        padding-bottom: 60px;
    }
    #gv p{
        font-size: 10px;
    }
    #vrarai .mb80{
        margin-bottom: 40px !important;
    }
    #training  h3{
        font-size: 21px !important;
        line-height: 1.4em;
    }
    #deep_movie li,
    #training .flex_left,
    #training .flex_right{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #deep_movie{
        padding:0;
    }
    #vrarai li.anchor {
        padding: 0;
    }
}
@media screen and (max-width: 480px){
    #curriculum01,
    .curriculum_item,
    .curriculum_item .flex_left,
    #curriculum05 .flex_left,
    #curriculum06 .flex_left,
    #vrarai li .vrarai_item,
    #curriculum06 .flex_video{
        margin-bottom: 20px !important;
    }
    #vrarai{
        padding: 20px;
    }
    #vrarai h3 {
        font-size: 7vw;
    }
    #vrarai li h4{
        font-size: 18px;
    }
    #vrarai li {
        padding: 20px !important;
    }
    #deep_movie h5, #training h5 {
        font-size:18px;
    }
}
/*:::::::::::::::::::::::::::::::
	VOICE
:::::::::::::::::::::::::::::::*/
#voice ul{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
    margin: 0;
    padding: 0;
}
#voice{
    background: url(../img/common/bk.jpg) no-repeat;
    background-size: cover;
    padding: 0 0 80px;
}
#voice li{
	flex-basis:48%;
	-webkit-flex-basis:48%;
	max-width:48%;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
    background: #fff;
    padding: 30px 30px 40px;
    margin: 0 1% 40px 0;
    list-style: none;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
#voice li h4 span{
    display: block;
    text-align: center;
    margin: 5px 0 10px;
    padding: 5px 0;
    background: #eee;
    border-radius: 8px;
    line-height: 1em;
}
#voice li .voice_img{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
}
#voice li .voice_img img{
    max-width: 380px;
    display: block;
    margin: 0 auto 40px;
}
#voice li .voice_text{
	flex-basis:65%;
	-webkit-flex-basis:65%;
	max-width:65%;
}
@media screen and (max-width: 1280px){
    #voice li{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        align-items:center;
        -webkit-align-items:center;
    }
}
@media screen and (max-width: 780px){
    #voice li{
        align-items:flex-start;
        -webkit-align-items:flex-start;
    }
}
@media screen and (max-width: 680px){
    #voice li .voice_img,
    #voice li .voice_text{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
}
/*:::::::::::::::::::::::::::::::
	CLASS
:::::::::::::::::::::::::::::::*/
#class #class_movie .mb20{
	flex-basis:48%;
	-webkit-flex-basis:48%;
	max-width:48%;
    background: #eee;
}
#class #class_movie .mb20 div{
    position: relative;
}
#class #class_movie .mb20 div:before {
    content: "";
    display: block;
    padding-top: 50%;
}
#class #class_movie .mb20 video{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: auto;
    margin: 0 auto;
}
#class_list{
	margin-top:0 !important;
}
.class_imgs{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
	text-align:center;
}
.class_imgs_li{
	padding: 0 !important;
	border: 1px solid #999;
	transition: 0.3s;
}
.class_imgs_li:first-child{
	border: none;
	pointer-events: none;
}
.class_imgs_li img{
	vertical-align: bottom;
}
.class_imgs_li a{
	display: block;
}
.class_imgs_li:hover{
	transform: scale(1.02, 1.02);
}
.class_imgs_li:hover a img{
	opacity: 1 !important;
}
.class_imgs ul,
.class_imgs li{
	list-style:none;
	margin:0;
	padding:0;
}
.class_detail{
	flex:1;
	-webkit-flex:1;
	margin-left: 5%;
	border-collapse:separate;
	border-spacing:0 5px;
}
.class_detail table{
	width:100%;
}
.class_detail th,
.class_detail td{
	padding:20px 10px;
	font-size:16px;
	line-height:1.8em;
	vertical-align:middle;
}
.class_detail th{
	background:#212121;
	border:1px solid rgba(37,90,134,1);
	color:#fff;
	width:20%;
	text-align:center;
}
.class_detail td{
	border:1px solid #ccc;
}
.class_detail td b{
	text-decoration:line-through;
}
/*スライド*/
.class_imgs .slick li{
	padding:0 5px;
	margin-bottom:0;
}
.class_imgs .slick li img{
	width:100%;
	height:auto;
}
.class_imgs .slick li p{
	margin:10px 0 0;
	text-indent:0;
	line-height:1.4em;
}
/*メッセージ*/
#class_messages h3{
    background: #eee;
    padding: 10px 20px;
    font-size: 28px;
    border: none;
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
}
#class_messages .class_message_text{
    flex-basis:65%;
    -webkit-flex-basis:65%;
    max-width:65%;
}
#class_messages .class_mentor{
    flex-basis:30%;
    -webkit-flex-basis:30%;
    max-width:30%;
}
.class-youtube_li{
	flex: 1;
	max-width: 33%;
}
.class-youtube_li .yt{
	margin: 0 !important;
}
/*ギャラリー*/
.class_gallery ul{
    margin: 0;
    padding: 0;
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
}
.class_gallery li{
    list-style: none;
    flex-basis:24%;
    -webkit-flex-basis:24%;
    max-width:24%;
    margin: 0 0.5% 10px;
}
.class_gallery li video{
	width:100%;
	height:auto;
}

@media screen and (max-width: 980px){
	.class_detail th{
		width:25%;
		font-size: 14px;
	}
}
@media screen and (max-width: 980px){
    .class_detail th,
    .class_detail td{
        padding:20px 5px;
        font-size:14px;
    }
    .class_gallery li{
        flex-basis:32%;
        -webkit-flex-basis:32%;
        max-width:32%;
    }
    .class_gallery li:last-child{
        display: block;
    }
}
@media screen and (max-width: 780px){
    .class_imgs,
    .class_detail,
    #class #class_movie .mb20{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
		margin-left: 0 !important;
    }
    .class_detail table,
    .class_detail tbody,
    .class_detail tr,
    .class_detail th,
    .class_detail td{
        display:block;
        width:100%;
    }
    .class_detail th{
        margin-bottom:2px !important;
        padding: 10px 0;
    }
.class-youtube_li{
	flex: inherit;
	flex-basis: 100%;
	max-width: 100%;
}
}
@media screen and (max-width: 680px){
    #class_messages h3{
        font-size: 20px;
    }
    #class_messages h3{
        font-size: 18px;
        margin-bottom: 20px;
    }
    #class_messages .class_message_text,
    #class_messages .class_mentor{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #class_messages .class_message_text{
        order:1;
        -webkit-order:1;
    }
    #class_messages .class_mentor{
        width: 80%;
        max-width: 300px;
        margin: 0 auto 20px;
    }
    .class_gallery li{
        flex-basis:49%;
        -webkit-flex-basis:49%;
        max-width:49%;
    }
    .class_detail {
        margin: -5px 0 10px;
    }
}
@media screen and (max-width: 480px){
    .class_detail th,
    .class_detail td{
        padding:10px;
        font-size:14px;
    }
}


/*エントリー*/
.sea_entry{
	background:#eee;
	padding:80px 0;
	box-shadow:0 5px 15px rgba(0,0,0,0.3) inset;
	position:relative;
	z-index:10;
}
.sea_entry h4{
	background:#993333;
	font-size:24px;
	text-align:center;
	padding:10px;
	margin:0 auto 20px;
	color:#fff;
}
#form{
	width:90%;
	max-width:980px;
	margin:0 auto 80px;
}
#form table{
	width:100%;
	margin-bottom:80px;
}
#form th,
#form td{
	padding-bottom:10px;
	position:relative;
}
#form th{
	background:transparent;
	font-weight:400;
	width:20%;
	text-align:left;
}
#form th .nd{
	color:rgba(204,0,0,1);
	padding-right:1em;
}
#form td input{
	padding:10px;
	border:none;
	vertical-align:middle;
	font-size:16px;
	background:rgba(255,255,255,1);
	box-shadow:none;
	font-family: 'Noto Serif JP', serif;
    font-weight: 400;
	width:100%;
}
#form td select{
	padding:8px 10px;
    border:1px solid #ccc;
    font-size: 16px;
}
#form td input.w100{
	width:100%;
}
#form td #mail{
	font-size:21px;
	letter-spacing:2px;
	font-weight:900;
}
#enquiry input,
#enquiry textarea{
	border:1px solid #ccc !important;
}

/*INNER*/
#form .inner_table{
	display:flex;
	display:-webkit-flex;
}
#form .inner_table .inner_item{
	position:relative;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
#form .inner_table .w50{
    width: 50%;
}
#form .inner_table .w34{
    width: 34%;
}
#form td b{
	width:3em;
	display:inline-block;
	font-weight:normal;
}
#form .inner_table input{
	flex:1;
	-webkit-flex:1;
	margin:0 5px 0 0;
}
#form td span.hf{
	width:1em;
	text-align:center;
	display:inline-block;
}
/*NOTE*/
#form td p.note{
	margin-bottom:0 !important;
	padding-left:0;
}
#form p.note span{
	text-align:left;
	color:#999;
	font-size:12px;
	display:inline-block;
	margin-top:5px;
}
#form td textarea{
	width:100%;
	background:rgba(255,255,255,0.7);
	border:none;
	box-shadow:none;
	font-size:16px;
    padding: 10px;
    height: 100px;
}
#form td textarea#remarks{
	height:200px;
}
#form td input#zip,
#form td input#anne,
#form td input#clas{
	width:30.2%;
}
#form td input.ck,
#form td input#agree{
	background:transparent;
	width:20px;
}
/*アンケート*/
.form-question-lead{
    line-height: 1.2em;
}
.q_text{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #999;
}
.q_text label{
	flex-basis:47%;
	-webkit-flex-basis:47%;
	max-width:47%;
}
.q_text small{
    display: block;
    font-size: 14px;
    padding-left: 2em;
}
.q_text textarea{
	flex:1;
    -webkit-flex:1;
    border: none;
}
.q_textarea{
    height: 80px;
}
/*確認用*/
.contact{
	border:1px solid #ccc;
	padding:30px;
	line-height:1.5em;
}
@media screen and (max-width: 1280px){

#form{
	max-width:inherit;
}
#form th{
	width:30%;
}
#form td{
	width:70%;
}
}
@media screen and (max-width: 980px){
    .q_text label,
    .q_text textarea{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    .form-question-lead small{
        display: block;
        font-size: 12px;
    }
}


@media screen and (max-width: 680px){
.sea_entry{
	box-shadow:none;
	padding: 40px 0 20px;
}
#form table,
#form tbody,
#form tr,
#form th,
#form td{
	display:block;
	width:100%;
}
#form th{
	margin-bottom:0 !important;
	padding-bottom:0;
}
#form td{
	margin-bottom:0 !important;
}
.sea_entry h4 {
    font-size:18px;
}
#form table{
	margin-bottom:40px;
}
#form{
	margin:0 auto 40px;
}
#form td input#zip{
	width:70%;
}
}
@media screen and (max-width: 480px){
#enquiry h2{
	font-size:24px;
}
.contact{
	padding:20px 10px;
}
.contact a{
	display:block;
	font-size:14px;
}
}



/*:::::::::::::::::::::::::::::::
	規約
:::::::::::::::::::::::::::::::*/
#term_box{
	width:70%;
	max-width:980px;
	margin:0 auto;
}
#term_box h4{
	margin:50px 0 20px;
}
#term_box ul{
	padding-left:30px;
}
#term_box li{
	list-style:disc outside;
}
#term_box p,
#term_box li,
#term_box a{
	line-height:1.5em;
}
#sitemap_box{

	width:70%;
	max-width:680px;
	margin:0 auto;
}
#sitemap_box ul{
	padding-left:30px;
	margin:0 0 50px;
}
#sitemap_box li{
	list-style:disc outside;
	margin:0;
	padding:15px 0;
	line-height:1.3em;
}
#sitemap_box li a{
	color:#222;
}
#sitemap_box ul li ul.children{
	padding-left:50px;
	margin:10px 0 0;
}
#sitemap_box p{
	display:none;
}
#sitemap_box h3{
	margin:50px 0 10px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
.wsp-container h2{
	display:none;
}
@media screen and (max-width: 980px){
#term_box,
#sitemap_box{
	width:90%;
}
#sitemap_box li{
	padding:5px 0;
	margin-bottom:5px !important;
}
#sitemap_box li a{
	line-height:1.4em;
}
}
@media screen and (max-width: 480px){
#privacy h2 {
    padding: 40px 0 0;
}
#sitemap_box li a{
	font-size:12px;
}
}










/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	NEWS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#news_archive h3{
	line-height:1.4em;
	margin-bottom:30px;
}
#news_archive ul{
	padding:20px 0 0;
}
#news_archive h3,
#news_post h3{
	margin:0;
	padding:0 0 5px;
}
/*アーカイブ*/
#news_list{
	margin:50px 0 0;
}
#news_list #post_left{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
#news_list #post_main{
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
}

#post_main .post a{
	text-decoration: underline;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	EVENT
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#event #post_right{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.event_detail{
    margin-top: 40px;
}
.event_detail_img{
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
}
#event #post_main,
#event_archive .post_exc {
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
}
.event_detail_img ul,
.event_detail_img li{
	margin:0;
	padding:0;
	list-style:none;
}
#event table{
	width:100%;
}
#event th,
#event td{
	border:1px solid #ccc;
	padding:15px 10px;
}
#event th{
	background:#eee;
	width:25%;
}
.event_content small{
    display: inline-block;
    font-size: 13px;
    line-height: 1.4em;
}
.contact_form-h4{
    font-size: 28px;
    line-height: 1.4em;
    padding-bottom: 0 !important;
}
.event_detail b{
	color: #cc0000 !important;
	font-weight: 900;
}
.event_detail strong{
	color: #000 !important;
	font-weight: 900;
}


/*アーカイブ*/
#event_archive #post li {
	align-items:flex-start;
	-webkit-align-items:flex-start;
}
#event_archive ul{
	padding:20px 0 0;
}
#event_archive h4{
	margin:0;
	padding:0 0 5px;
}
#event_list{
	margin:50px 0 0;
}
#event_archive table tr{
	display:none;
}
#event_archive table tr:nth-child(-n+2){
	display:table-row;
}

/*イベントバナー*/
#event_banner{
	border:1px solid rgba(28,30,136,1);
	position:relative;
	margin:80px auto 0 !important;
	flex:1;
	-webkit-flex:1;
	max-width:1499px;
}
#event_banner h4{
	background:rgba(28,30,136,1);
	color:#fff;
	font-size:18px;
	margin:0;
	padding:20px 0;
	text-align:center;
	flex-basis:16em;
	-webkit-flex-basis:16em;
	max-width:16em;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
}
#event_banner p{
	margin:0 !important;
	padding:20px 0;
	background:#fff;
	text-indent:0;
}
#event_banner a{
    padding: 10px;
    background: #983333;
    color: #fff;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
}
#event_banner a:hover{
	background:#222;
}
#event_banner b{
	font-size:24px;
	color:#993333;
}
#event_banner small{
	font-size:18px;
	font-weight:bold;
}
#event_banner span{
	font-size:18px;
}
#event_banner h4 br,
#event_banner p br,
#event_banner a br{
	display:none;
}

.otherform .link_box{
	max-width: 800px;
}
@media screen and (max-width: 1580px){
#event_banner h4,
#event_banner small,
#event_banner span,
#event_banner a{
	font-size:16px;
}
#event_banner b{
	font-size:21px;
}
}
@media screen and (max-width: 1380px){
#event_banner h4{
	flex-basis:11em;
	-webkit-flex-basis:11em;
	max-width:11em;
}
#event_banner h4 br,
#event_banner a br{
	display:block;
}
#event_banner a{
	flex-basis:10%;
	-webkit-flex-basis:10%;
	max-width:10%;
}
}
@media screen and (max-width: 1280px){
    #event_banner h4{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        padding:10px 0;
    }
    #event_banner p{
        flex-basis:90%;
        -webkit-flex-basis:90%;
        max-width:90%;
        text-align:center;
    }
    #event_banner h4 br{
        display:none;
    }
    #event th {
        width: 30%;
        font-size: 14px;
    }
    .contact_form-h4{
        font-size: 24px;
        text-align: left !important;
    }
    .contact_form-h4 br{
        display: none;
    }
}
@media screen and (max-width: 1080px){
    #event_banner p br{
        display:block !important;
    }
}
@media screen and (max-width: 880px){
    .event_detail{
        margin-top: 20px;
    }
    #event_banner a{
        flex-basis:20%;
        -webkit-flex-basis:20%;
        max-width:20%;
    }
    #event_banner p{
        flex-basis:80%;
        -webkit-flex-basis:80%;
        max-width:80%;
    }
    #event th {
        width: 20%;
    }
}
@media screen and (max-width: 680px){
    .event_detail_img{
        margin-bottom: 40px;
    }
    #event_banner{
        margin:40px auto 0 !important;
    }
    #event_banner p{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    #event_banner p small.teiin{
        display:block;
        text-align:center;
    }
    #event_banner a{
        flex-basis:90%;
        -webkit-flex-basis:90%;
        max-width:90%;
        margin:0 auto 20px;
        display:block;
        text-align:center;
    }
    #event_banner a br{
        display:none;
    }
    #event table,
    #event tbody,
    #event tr,
    #event th,
    #event td{
        display: block;
        width: 100%;
    }
    #event th{
        margin: 0 !important;
        border-bottom: none;
        padding: 4px 0;
    }
    .contact_form-h4{
        font-size: 21px;
    }
}
@media screen and (max-width: 480px){
    #event_banner h4,
    #event_banner small,
    #event_banner span,
    #event_banner a{
        font-size:14px;
        letter-spacing:0;
    }
    #event_banner b{
        font-size:16px;
        letter-spacing:0;
    }
    .contact_form-h4{
        font-size: 18px !important;
    }
}

#form td.event_schedule .flex_content{
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
}
#form td.event_schedule label{
	padding:8px 0;
}
#form td.event_schedule select{
	margin:5px 0 5px 10px;
}
@media screen and (max-width: 1480px){
#event #post_right,
#event #post_main{
    flex-basis:100% !important;
    -webkit-flex-basis: 100% !important;
    max-width: 100% !important;
}
#event #post_right li{
    flex-basis:33%;
    -webkit-flex-basis: 33%;
    max-width: 33%;
	border:none;
}
#event .post_thumb{
	flex-basis:20% !important;
	-webkit-flex-basis:20% !important;
	max-width:20% !important;
}
}
@media screen and (max-width: 980px){
#event .post_thumb{
	flex-basis:30% !important;
	-webkit-flex-basis:30% !important;
	max-width:30% !important;
}
#event_archive .post_exc{
	flex-basis:65% !important;
	-webkit-flex-basis:65% !important;
	max-width:65% !important;
}
.event-thanks_title{
    padding-bottom: 0 !important;
}
}
@media screen and (max-width: 680px){
#event .post_thumb,
#event_archive .post_exc{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
	margin-bottom:40px;
}
#event .post_thumb img{
	max-width:380px;
	margin:0 auto;
}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	投稿全般
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#post li{
	list-style:none;
	margin-bottom:20px;
	padding-bottom:20px !important;
	border-bottom:1px solid #999;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
}
#news_list #post_main .date {
    display: block;
	margin:0;
    text-align: left;
    font-size: 12px;
}
#post li .date{
	display:block;
}
#post li:last-child{
	margin-bottom:0;
}
#post li h4{
	margin-bottom:20px;
}
.post_cat{
	flex-basis:12%;
	-webkit-flex-basis:12%;
	max-width:12%;
}
.post_thumb{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.post_exc{
	flex-basis:60%;
	-webkit-flex-basis:60%;
	max-width:60%;
}
.post_thumb img{
	width:100%;
	height:auto;
}
.post_exc h4{
	margin-bottom:0 !important;
}
.post_exc h4 a{
	line-height:1.3em;
	color:#222;
	font-size:21px;
}
.post_exc p,
.post_exc p a{
	font-size:14px;
}

/*SINGLE*/
#news_box,
#press_box,
#event_box{
	justify-content:space-between;
	-webkit-justify-content:space-between;
	padding-top:50px;
}
#event_box{
    padding-top: 0 !important;
}
#event_post h3{
    margin-bottom: 10px !important;
}
#post_main{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
	padding:0 0 50px;
}
#post_main h3{
	margin:0 0 30px;
	line-height:1.4em;
	font-weight:900;
	font-size:28px;
}
#post_main img{
	max-width:100%;
	height:auto;
	line-height:0;
	display:block;
	text-indent:-1.1em;
}
#post_main .date{
	display:block;
	margin-bottom:50px;
	text-align:right;
	font-size:12px;
}
.yt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:20px;
}
.yt iframe {
  position: absolute;
	border: none;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*横カラム*/
#post_left{
	flex-basis:15%;
	-webkit-flex-basis:15%;
	max-width:15%;
}
#post_right{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
#post_left h5,
#post_right h5{
	margin-bottom:15px;
	border-bottom:1px solid #999;
	padding:0 0 10px;
	font-size:18px;
}
#post_left ul,
#post_right ul{
	margin:0 0 50px;
	padding:0;
}
#post_left li,
#post_right li{
	padding:0;
	margin:10px 0 !important;
	list-style:none;
}
#post_left li{
	margin:0;
	padding:0;
}
#post_right li{
	border-bottom:1px solid #999;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	margin:0 0 10px !important;
	padding:0 0 10px;
}
#post_left li a{
	color:#222;
}
#post_right li a{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	margin:0 0 10px;
	color:#222;
}
#post_right li a img{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	vertical-align:bottom;
	line-height:0;
}
#post_right li p{
	text-align:left;
	font-size:13px;
	line-height:1.3em;
	text-indent:0;
	margin:0 0 10px !important;
}
/*ページネーション*/
.pagenation{
	display:table;
	margin:100px auto;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:1px;
	width:100%;
}
.pagenation a,
.pagenation .gray{
	display:table-cell;
	width:33.3%;
	text-align:center;
	vertical-align:middle;
    background: #000;
    color: #fff !important;
    padding:20px;
    font-size: 13px;
	line-height:1.3em;
}
.pagenation .gray{
	background:#ccc;
	position:relative;
}
.pagenation a span{
	position:relative;
	display:inline-block;
	width:100%;
	text-align:left;
	margin:0;
	line-height:1.4em;
	font-size: 13px;
}

@media screen and (max-width: 1280px){
#post li p{
	display:none;
}
.post_cat{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.post_thumb{
	flex-basis:25%;
	-webkit-flex-basis:25%;
	max-width:25%;
}
.post_exc{
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
}
#post_main{
	flex-basis:60%;
	-webkit-flex-basis:60%;
	max-width:60%;
}
}

@media screen and (max-width:980px){
#post_main{
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
}
#post_left{
    flex-basis:20%;
    -webkit-flex-basis: 20%;
    max-width: 20%;
}
#post_right{
    flex-basis:100%;
    -webkit-flex-basis: 100%;
    max-width: 100%;
}
#post_right ul{
	margin:0;
}
#post_right li{
    flex-basis:33%;
    -webkit-flex-basis: 33%;
    max-width: 33%;
	border:none;
}
.pagenation {
	margin:50px auto;
}
}
@media screen and (max-width: 780px) {
#post .post_cat,
#post_main,
#post_left,
#news_list #post_left,
#news_list #post_main{
    flex-basis:100%;
    -webkit-flex-basis: 100%;
    max-width: 100%;
}
#post .post_cat .date{
	display:inline;
}
.post_thumb{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
}
.post_exc{
	flex-basis:65%;
	-webkit-flex-basis:65%;
	max-width:65%;
}
.post_exc h4,
.post_exc h4 a{
	font-size:16px;
	line-height:1.3em;
}
#post_left{
	order:2;
	-webkit-order:2;
	margin-bottom:40px;
}
#post_right{
	order:1;
	-webkit-order:1;
}
#post_right ul{
	margin-bottom:30px;
}
#post_left ul{
	padding-left:30px;
	margin-bottom:30px;
}
#news_list #post_left,
#news_list #post_left ul{
	margin-bottom:0;
}
#post_left ul:last-child{
	margin-bottom:0;
}
#post_left li{
	list-style:disc outside;
}
#post_left li:last-child{
    margin: 0 !important;
    padding: 0;
}
#post_main h3{
	font-size:28px;
    line-height: 1.3em;
}
#news_list #post_left .blog_archive{
	margin-top:20px;
}
}
@media screen and (max-width:680px){
.pagenation,
.pagenation a,
.pagenation .gray{
	display:block;
	width:100%;
    font-size: 13px;
}
.pagenation a{
	margin-bottom:5px;
}
}
@media screen and (max-width:480px){
#news_list{
	margin:0;
}
#post li {
	align-items:flex-start;
	-webkit-align-items:flex-start;
}
.post_thumb{
	flex-basis:45%;
	-webkit-flex-basis:45%;
	max-width:45%;
}
.post_exc{
	flex-basis:52%;
	-webkit-flex-basis:52%;
	max-width:52%;
}
.post_exc h4,
.post_exc h4 a{
	font-size:12px !important;
	line-height:1.4em;
}
#post_right ul{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#post_right li{
    flex-basis:49%;
    -webkit-flex-basis: 49%;
    max-width: 49%;
}
#post_right li small{
	display:block;
}
#post_main h3 {
	font-size:18px;
}
#news_list #post_main .date {
    display: inline-block;
}
}

#about dl{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	border-bottom: 1px dotted #ccc;
}
#about dt{
    flex-basis:30%;
    -webkit-flex-basis: 30%;
    max-width: 30%;
}
#about dd{
    flex-basis:70%;
    -webkit-flex-basis: 70%;
    max-width: 70%;
	text-align:left;
}
.career_set{
	margin-bottom:100px;
}
.career_set h3,
.career_set p{
	border:none;
	margin-bottom:0 !important;
}
.career_img{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	border-bottom: 1px solid #999;
	margin-bottom:30px;
}
.career_set ul{
	padding-left:200px !important;
}
@media screen and (max-width:980px){
.career_set ul{
	padding-left:30px !important;
}
}
@media screen and (max-width:480px){
.career_set h3{
	font-size:21px;
}
}


/*体験会情報*/
#class_list li .sea_pagelist{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	align-content: space-between;
	-webkit-align-content: space-between;
	height:85%;
}
#class_list li .sea_class_img a{
	display: none;
}
#class_list li .sea_class_img a:first-child{
	display: block;
}
#class_list li .sea_class_img,
#class_list li .sea_class_date,
#class_list li .class_term,
#class_list li .toentory{
	flex-basis:90%;
	-webkit-flex-basis:90%;
	max-width:90%;
    margin: 5px auto;
}
#class_list li .class_term strong{
    font-size: 15px;
    color: #993333;
}
#trial_detail {
    width: 90%;
    max-width: 980px;
    margin: 0 auto 80px !important;
}
#trial_detail table{
	width:100%;
}
#trial_detail th{
	background: transparent;
    font-weight: 400;
    width: 20%;
    text-align: left;
	border-bottom:5px solid #fff;
	padding:15px 0;
}
#trial_detail td{
	padding:15px 0;
	border-bottom:5px solid #fff;
}
@media screen and (max-width:680px){
    ul#class_list li {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        margin:0 0 10px;
    }
}


/*オンライン学習*/
#ilearning h4 br,
#ilearning h4 small br,
.ilearning_online h5 br{
    display: none;
}
#ilearning h4{
    background:#993333 !important;
    color: #fff;
    font-size: 38px;
}
#ilearning #online_sub{
    font-family: "Times New Roman", Times, "serif";
    font-style: italic;
    margin:5px auto;
    text-align: center;
    font-size: 38px;
	color:#fff;
	background:#36427d;
}
#online_main{
    margin: 0 auto;
    position: relative;
}
#online_catch{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -5px;
}
#online_catch p{
    display: inline-block;
    color: #fff;
    font-size: 28px;
    padding: 20px 50px;
    margin: 0 auto;
    background:rgba(34,34,34,0.8);
    text-indent:inherit;
    line-height: 1.3em;
}
#online_catch p b{
	color:#eac56f;
	display: block;
	line-height: 1em;
	font-size: 48px;
	margin-bottom: 5px;
}
#online_catch p span{
	display: block;
	line-height: 0;
    margin: 5px 0 20px;
}
#online_catch #pank{
	position: absolute;
	bottom: 0;
	width: 200px;
	margin-left: -50px;
}
#ilearning h5{
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}
.ilearning_online{
    width: 100%;
}
.ilearning_online ul{
    padding: 0;
    margin-bottom: 40px;
	align-items:flex-start;
	-webkit-align-items:flex-start;
}
.ilearning_online li{
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}
.online_item{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
}
.ilearning_online h6{
    margin-bottom: 10px;
    align-items:center;
    -webkit-align-items:center;
}
.ilearning_online h6 b{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    text-align: center;
    line-height: 1em;
    font-size: 28px;
    color: #fff;
    border-radius: 50%;
    height: 50px;
    flex-basis:50px;
    -webkit-flex-basis:50px;
    max-width:50px;
    padding-bottom: 5px;
}
.ilearning_online #online01 h6 b{
    background: #933;
}
.ilearning_online #online02 h6 b{
    background:#36427d;
}
.ilearning_online #online03 h6 b{
    background:#222;
}
.ilearning_online #online01 h6 em{
    color: #933;
}
.ilearning_online #online02 h6 em{
    color:#36427d;
}
.ilearning_online #online03 h6 em{
    color:#222;
}
.ilearning_online #online02 h6 br.for480,
.ilearning_online #online02 p br.for480{
    display: none !important;
}
.ilearning_online h6 span{
    flex:1;
    -webkit-flex:1;
    margin-left:10px;
    font-size: 18px;
}
.ilearning_online h6 em{
    font-size: 38px;
    vertical-align: middle;
}
.online_block{
    background: #eee;
    border-radius: 20px;
    padding: 20px 20px 30px !important;
    margin-bottom: 40px;
}
.ilearning_online li video,
.ilearning_online li img{
    display: block;
    margin-bottom: 30px;
}
.ilearning_online li img:last-child{
    margin-bottom: 0;
}
.ilearning_item p{
    margin: 5px 0 !important;
    padding: 0;
    text-indent: inherit;
}
#oninle_support{
    text-align: center;
    margin: 0 auto;
	align-items:center;
	-webkit-align-items:center;
}
#oninle_support_item{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #ccad6a;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
}
#oninle_support_item p{
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 1.3em;
    color: #fff;
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
    text-indent:inherit;
}
#oninle_support_item ul{
    margin: 10px 0;
    padding: 0;
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
#oninle_support_item li{
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
    color: #fff;
}
#oninle_support i{
    font-size: 58px;
    color: #ccad6a;
}
.online_arrow{
	flex-basis:3%;
	-webkit-flex-basis:3%;
	max-width:3%;
}
.ilearning_online li.online_arrow i{
    font-size: 48px;
    color: #933;
    display: block;
    margin-top: 100px;
}
.link_box{
    text-align: center;
    margin: 20px auto 0;
}
.link_box a{
	text-decoration: none !important;
}
.link_box a img{
    width: 60px;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    padding-right: 2px;
}
.link_box a{
    background: #933;
    padding: 10px 100px;
    color: #fff;
    font-size: 24px;
    margin: 40px auto;
    display: inline-block;
}
.link_box a:hover{
    background: #222;
}
.class-formlink a{
    display: block;
    margin: 0 auto;
    padding: 20px 30px;
    text-align: center;
    line-height: 1.4em;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    border: 5px solid #fff;
}
.class-formlink a small{
    display: block;
    margin-top: 10px;
    color: #fff;
}
#ilearning_movie h3{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
    text-align: center;
}
@media screen and (max-width: 1380px){
    .ilearning_online h6 em {
        font-size: 28px;
    }
    #oninle_support_item {
        width: 230px;
        height: 230px;
    }
    #oninle_support i {
        font-size: 48px;
    }
    .class-formlink a{
        padding: 20px;
        font-size: 21px;
    }
}
@media screen and (max-width: 1280px){
    #ilearning h4{
        font-size: 28px !important;
        padding: 10px 0 15px !important;
    }
    #online_catch p{
        font-size: 38px;
    }
    .ilearning_online h6 b{
        font-size: 24px;
        height: 40px;
        flex-basis:40px;
        -webkit-flex-basis:40px;
        max-width:40px;
    }
    .ilearning_online h6 span {
        font-size: 14px;
    }
    .ilearning_online h6 em {
        font-size: 21px;
    }
    #oninle_support i {
        font-size: 34px;
    }
    .ilearning_item p{
        font-size: 13px;
    }
    #oninle_support_item{
        width: 200px;
        height: 200px;
    }
    #oninle_support_item p{
        font-size: 18px;
    }
    .ilearning_online li.online_arrow i {
        font-size: 28px;
    }
    #oninle_support_item li{
        font-size: 14px;
    }
	#online_catch #pank{
		width: 150px;
		bottom: 30px;
		margin-left: 0;
	}
    .class-formlink a{
        font-size: 18px;
    }
}
@media screen and (max-width: 1180px){
	#online_catch p{
		width: 80%;
		display: block;
	}
	#online_catch p b {
		font-size: 38px;
	}
	#online_catch p {
		font-size: 28px;
	}
	#online_catch #pank{
		right: 20px;
		bottom: 20px;
	}
}
@media screen and (max-width: 980px){
    #ilearning h4{
        font-size: 24px !important;
    }
    #online_catch p{
        font-size: 24px;
        padding: 20px;
		margin: 0 auto !important;
    }
	#online_catch p b {
		font-size: 28px;
	}
	#online_catch p {
		font-size: 21px;
	}
	#online_catch p span {
		margin: 5px 0 10px;
	}
	#online_catch #pank{
		width: 120px;
		bottom: 20px;
	}
    #online_catch p br{
        display: block !important;
    }
    .online_item,
    .online_arrow{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
    }
    .ilearning_online h6 b{
        font-size: 28px;
        height: 50px;
        flex-basis:50px;
        -webkit-flex-basis:50px;
        max-width:50px;
    }
    .ilearning_online h6 span {
        font-size: 21px;
    }
    .ilearning_online h6 em {
        font-size: 38px;
    }
    .ilearning_item p{
        font-size: 16px;
    }
    .online_block {
        margin-bottom: 0;
    }
    .ilearning_online li.online_arrow i {
        margin-top: 0;
        text-align: center;
        transform: rotate(90deg);
        font-size: 58px;
        margin-left: -50%;
    }
    #online02{
        display:flex;
        display:-webkit-flex;
        justify-content:space-between;
        -webkit-justify-content:space-between;
    }
    #online02 .online_block{
        flex-basis:60%;
        -webkit-flex-basis:60%;
        max-width:60%;
    }
    #online02 #oninle_support{
        flex-basis:35%;
        -webkit-flex-basis:35%;
        max-width:35%;
        margin: 0;
    }
    #oninle_support_item {
        width: 100%;
        height: auto;
        border-radius: 20px;
        padding: 20px 0;
    }
    #oninle_support_item p br{
        display: block !important;
    }
    #online02 #oninle_support i{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        font-size: 48px;
    }
    #online02 #oninle_support i.fa-arrow-left{
        transform: rotate(90deg);
    }
    #online02 #oninle_support i.fa-arrow-right{
        transform: rotate(90deg);
    }
    .class-formlink a{
        font-size: 21px;
    }
}
@media screen and (max-width: 780px){
    .ilearning_online h6 span {
        font-size: 18px;
    }
    .ilearning_online h6 em {
        font-size: 28px;
    }
    .class-formlink a small{
        text-align: left !important;
    }
}
@media screen and (max-width: 680px){
    #ilearning h4 br,
    .ilearning_online h5 br{
        display: block !important;
    }
    #ilearning #online_sub {
        font-size: 28px;
    }
    #online_catch {
        position: relative;
        bottom: 0;
        margin: 5px auto 5px;
    }
    #online_catch p{
        display: block;
        width: 100%;
        font-size: 18px;
        padding: 10px 0;
    }
	#online_catch #pank {
		width: 140px;
		top: -130px;
		right: -15px;
	}
    .ilearning_online {
        margin-bottom: 40px;
    }
    #online02 .online_block,
    #online02 #oninle_support{
        flex-basis:49%;
        -webkit-flex-basis:49%;
        max-width:49%;
    }
    .ilearning_online h6 b {
        margin: 0 auto 10px;
    }
    .ilearning_online h6 span {
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0 !important;
}
    .ilearning_online h6 em {
        font-size: 24px;
    }
    .online_block {
        padding: 20px 10px !important;
    }
    .ilearning_online #online02 h6 br.for480,
    .ilearning_online #online02 p br.for480{
        display: block !important;
    }
    #ilearning_movie h3{
        font-size: 24px;
        line-height: 1.3em;
    }
}
@media screen and (max-width: 480px){
    #online_main {
        margin: 0 auto;
    }
	#online_catch #pank {
		width: 100px;
		top: -90px;
		right: -10px;
	}
	#online_catch p b {
		font-size: 18px;
	}
	#online_catch p {
		font-size: 14px !important;
	}
    #ilearning_head {
        margin-bottom: 0;
    }
    #ilearning h5 {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .ilearning_online {
        margin-bottom: 0;
    }
    #ilearning h4 {
        font-size: 21px !important;
    }
    #ilearning #online_sub {
        font-size: 21px;
    }
    #online_catch p{
        font-size: 16px;
        line-height: 1.4em;
    }
    .ilearning_online h5 {
        font-size: 18px !important;
    }
    #oninle_support_item p {
        margin-bottom: 10px !important;
        line-height: 1.1em;
    }
    #oninle_support_item ul {
        margin: 0;
    }
    #oninle_support_item li{
        line-height: 1.2em;
    }
    #online02 #oninle_support i {
        font-size: 38px;
    }
    #content02 .note {
        margin-bottom: 0 !important;
    }
    #ilearning_movie h3{
        font-size: 21px;
        line-height: 1.3em;
    }
    #ilearning_movie .flex_left,
    #ilearning_movie .flex_content,
    #ilearning_movie .flex_right{
        display: block !important;
        margin-bottom: 10px !important;
    }
    .class-formlink a{
        font-size: 16px;
    }
}

/*iLerarningバナー*/
#ilearning{
	margin:80px auto -80px !important;
    position: relative;
}
#ilearning_head{
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
#ilearning_head h4{
    font-size: 24px;
    background: #eee;
    padding: 20px 0;
    text-align: center;
}
#ilearning_head p{
    margin-bottom: 5px !important;
}
#ilearning #content02{
	flex-basis:52%;
	-webkit-flex-basis:52%;
	max-width:52%;
}
#ilearning #content02 .flex_left,
#ilearning #content02 .flex_right{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
    margin-bottom: 20px;
}
@media screen and (max-width:1180px){
    #ilearning h4{
        padding: 10px 0;
    }
}
@media screen and (max-width:980px){
    #ilearning{
        margin:80px auto !important;
    }
    #content02{
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
    }
    #ilearning #content02{
        align-content:start !important;
        -webkit-align-content:start !important;
    }
    #ilearning #content02 .flex_content {
        display: block;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:680px){
    #ilearning{
        margin:40px auto 0 !important;
    }
    #ilearning video{
        margin-bottom: 20px !important;
    }
    #ilearning h4{
        font-size: 21px;
    }
    .otherform{
        width: 90%;
        margin: 0 auto 40px;
    }
    .otherform-message{
        text-align: left !important;
    }
    .link_box{
        width: 100%;
    }
    .link_box a {
        padding:  10px;
        display: block;
        font-size: 16px;
    }
}
@media screen and (max-width:480px){
    #ilearning h4{
        font-size: 18px;
    }
    #ilearning video{
        margin-bottom: 10px !important;
    }
    .link_box a {
        font-size: 16px;
    }
}
/*i-GARTEN*/
#i-garten .main{
    background:url(../img/igarten/main.jpg) no-repeat center center;
    background-size: cover;
    min-height: 600px;
}
#april .main{
    background:url(../img/curriculum/main.jpg) no-repeat bottom right;
    background-size: cover;
    min-height: 600px;
}
.main p.fadetext {
    animation: fadetext 1s ease forwards;
}
@-webkit-keyframes fadetext {
    0% {
        opacity: 0;
        transform: translateY(64px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadetext {
    0% {
        opacity: 0;
        transform: translateY(64px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.terop {
    margin: 0 auto 0 0;
}
.terop span{
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 1.3em;
    margin-bottom: 5px !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
    opacity: 0;
}
#april .terop span{
    color: #222;
    text-shadow:none;
}
.terop.active span:nth-child(1){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(2){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(3){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(4){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:1.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(5){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(6){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:2.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(9){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(7){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:3.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(8){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(9){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:4.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.terop.active span:nth-child(10){
    animation-name:fadetext;
    animation-duration:1s;
    animation-delay:5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
#i-garten h2 small.h2normal {
    font-style: normal;
    background: #152c7d;
    display: inline-block;
    padding: 10px 20px;
	color: #fff;
    margin: 10px auto 10px;
}
#april h2 small.h2normal {
    font-style: normal;
    background: #8ec31f;
    display: inline-block;
    padding: 10px 20px;
	color: #fff;
	margin-top: 0;
}
#i-garten h2 img{
    display: inline-block;
    max-width: 300px;
    width: 50%;
    margin: 0 auto;
    vertical-align: bottom;
}
#i-garten .video_center{
    text-align: center;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
#i-garten .video_center video{
    width: 100%;
    height: auto;
}
#april h2 img{
    display: inline-block;
    height: 35px;
    margin: 0;
}
#april h2 small.h2normal {
    margin-top: 20px;
}
#i-garten h2 small.rubi{
    margin: 0 auto !important;
}
#igarten02 dt,
#igarten02 dd{
    margin:0;
    padding:0;
}
#igarten02 dt{
    background:#eee;
    padding:5px 10px;
    font-size: 18px;
    border-left:10px solid #152c7d;
    letter-spacing: 2px;
}
#igarten02 dt small{
    padding-left: 1em;
    letter-spacing: 2px;
}
.igarten_class{
    background: #eee;
    padding: 80px !important;
}
.igarten_class h3{
    padding-bottom: 30px;
}
.igarten_class h4{
    font-size: 38px;
    text-align: center;
    line-height: 1em;
}
.igarten_class p{
    line-height: 1.5em;
}
.igarten_class ol{
    margin:0;
    padding: 0;
}
.igarten_class_movie{
    width: 100%;
    max-width: 680px;
    margin: 0 auto 60px;
}
/*igarten_item*/
.igarten_item{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin: 0 0 20px 0;
}
.igarten_item h5{
    flex-basis:100%;
	-webkit-flex-basis:100%;
    max-width:100%;
    font-size: 28px;
    line-height: 1em;
    margin-bottom: 10px;
}
.igarten_item h5 b{
    background: #152c7d;
    color: #fff;
    padding:10px 0;
    flex-basis:50px;
	-webkit-flex-basis:50px;
    max-width:50px;
    margin:0 5px 0 0;
}
.igarten_item h5 span{
    font-size: 24px;
    line-height: 1.2em;
    flex:1;
    -webkit-flex:1;
}
.igarten_item h5 small{
    font-size: 13px;
    display: block;
    letter-spacing: 0;
}
#istory .flex_left{
    flex-basis:39%;
	-webkit-flex-basis:39%;
    max-width:39%;
}
#istory .flex_middle{
    flex-basis:20%;
	-webkit-flex-basis:20%;
    max-width:20%;
}
#istory .flex_right{
    flex-basis:38%;
	-webkit-flex-basis:38%;
    max-width:38%;
}
#iexplor .flex_left,
#iexplor .flex_middle,
#iexplor .flex_right,
#iword .flex_left,
#iword .flex_middle,
#iword .flex_right{
    flex-basis:32%;
	-webkit-flex-basis:32%;
    max-width:32%;
}
#iexplor li ul li,
#iword li ul li{
    margin: 0 0 5px 0 !important;
    padding:0;
}
#i_learning p.noindent b,
#phonics p.noindent b{
    color:#9c1e2d;
    font-size: 24px;
}
#phonics .flex_right .phonic_left{
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
}
#phonics .flex_left,
#phonics .flex_right{
    flex-basis:49% !important;
    -webkit-flex-basis:49% !important;
    max-width:49% !important;
}
.arrow_tri{
    font-size: 38px;
    color: #152c7d;
}
#phonics .arrow_tri,
#i_learning  .arrow_tri{
    color: rgba(156, 30, 45,1);
}
#phonics h6,
#i_learning h6{
    font-size: 21px;
    text-align: center;
    margin-bottom: 10px;
    background: rgba(156, 30, 45,0.2);
    padding: 10px;
}
#i_learning ul li{
    flex-basis:24%;
    -webkit-flex-basis:24%;
    max-width:24%;
    text-align: center;
    border:1px solid rgba(156, 30, 45,1);
    line-height: 1.2em;
    padding: 10px 0;
    margin:0;
}
#i_learning ol li{
    flex-basis:24%;
    -webkit-flex-basis:24%;
    max-width:24%;
    text-align: center;
    line-height: 1.2em;
    margin:0 0 10px;
}
#i_learning ol:after{
    content: "";
    display: block;
    flex-basis:24%;
    -webkit-flex-basis:24%;
    max-width:24%;
}
#i_learning ol li p{
    background:rgba(156, 30, 45,1);
    border-radius: 50px;
    width: 80px;
    height: 80px;
    margin:0 auto -10px !important;
    position: relative;
    z-index: 1;
}
#i_learning ol li p span{
    color:#fff;
    line-height: 1.2em;
}
#istory,
#iexplor,
#iword{
    border-top: 25px solid #152c7d;
    position: relative;
}
#istory:before,
#iexplor:before,
#iword:before{
    content: "教室での授業";
    display: block;
    position: absolute;
    top: -22px;
    left: 15px;
    text-align: right;
    color: #fff;
}
#phonics,
#i_learning{
    border-top: 25px solid rgba(156, 30, 45,1);
    position: relative;
}
#phonics:before,
#i_learning:before{
    content: "自宅での学習";
    display: block;
    position: absolute;
    top: -22px;
    left: 15px;
    text-align: right;
    color: #fff;
}
#phonics .app_item .noindent,
#i_learning .app_item .noindent{
    flex:1;
    -webkit-flex:1;
}
#phonics .app,
#i_learning .app{
    margin-right: 10px;
}
.i-wonder{
    width: 100%;
    max-width: 680px;
    margin: 0 auto 60px;
}
@media screen and (max-width:1480px){
    #april .main {
        min-height: 500px;
    }
    #april .terop span {
        font-size: 16px;
    }
}
@media screen and (max-width:1280px){
    #april .terop span,
    #i-garten .main span {
        font-size: 16px;
    }
    .igarten_class{
        padding: 40px !important;
    }
    #iword h5{
        font-size:1.3vw;
    }
    #i_learning ol li{
        flex-basis:32%;
        -webkit-flex-basis:32%;
        max-width:32%;
    }
    #i_learning ol:after{
        display: none;
    }
}
@media screen and (max-width:1180px){
    #april .main {
        min-height: 450px;
    }
    #april .terop span {
        font-size: 15px;
    }
}
@media screen and (max-width:980px){
    #i-garten .main,
    #april .main {
        min-height: 400px;
    }
    #i-garten .main span {
        font-size: 15px;
    }
    #april .terop{
        width: 60%;
    }
    #april .terop span {
        font-size: 14px;
        display: inline;
    }
    #april h2 img{
        height: 30px;
    }
    #april .terop br{
        display: block !important;
    }
    .igarten_class p br{
        display: none;
    }
    #i-garten .terop span:nth-child(5)::after,
    #april .terop span:nth-child(3)::after,
    #april .terop span:nth-child(7)::after{
        content: "";
        display: block;
        height: 10px;
    }
    #istory .flex_middle{
        flex-basis:39% !important;
        -webkit-flex-basis:39% !important;
        max-width:39% !important;
        padding-left: 0;
    }
    #istory .flex_right{
        flex-basis:59% !important;
        -webkit-flex-basis:59% !important;
        max-width:59% !important;
        padding-left: 0;
    }
    #iword h5{
        font-size:18px;
    }
    #iexplor .flex_middle,
    #iexplor .flex_right,
    #iword .flex_middle,
    #iword .flex_right{
        flex-basis:49% !important;
        -webkit-flex-basis:49% !important;
        max-width:49% !important;
        padding-left: 0;
    }
    #istory .flex_left,
    #iexplor .flex_left,
    #iword .flex_left,
    #phonics .phonics_item .flex_left,
    #phonics .phonics_item .flex_right{
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
    }
    #phonics .phonics_item img{
        display: block;
        margin-bottom: 10px;
    }
    #i_learning ol li p br,
    #phonics p br{
        display: block !important;
    }
    #i_learning ol li{
        flex-basis:49%;
        -webkit-flex-basis:49%;
        max-width:49%;
    }
    #phonics .app_item .app,
    #i_learning .app_item .app{
        text-align: center;
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
        margin-bottom: 20px;
    }
    #phonics .app_item .app img,
    #i_learning .app_item .app img{
        max-width: 300px;
    }
    #phonics .app_item .app,
    #i_learning .app{
        margin-right: 10px;
    }
}
@media screen and (max-width:780px){
    #i-garten .main,
    #april .main {
        min-height: 350px;
    }
    #i-garten .main span,
    #april .main span {
        font-size: 12px;
    }
}
@media screen and (max-width:680px){
    #i-garten .main,
    #april .main{
        background:none;
    }
    #i-garten .main .terop,
    #april .main .terop {
        margin-top: 20px !important;
        width: 100%;
        padding: 0;
    }
    #i-garten .main span,
    #april .main span {
        color: #222;
        text-shadow:none;
        font-size: 13px;
    }
    #i-garten .main span {
        display: inline;
        letter-spacing: 0;
    }
    #april .terop span:nth-child(3)::after,
    #april .terop span:nth-child(7)::after {
        height: 0;
    }
    #i-garten .main .fadeitem{
        width: 80%;
    }
    .igarten_class{
        padding: 20px !important;
    }
    #phonics .phonics_item{
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
    }
    #phonics .phonics_item .flex_left,
    #phonics .phonics_item .flex_right{
        flex-basis:49% !important;
        -webkit-flex-basis:49% !important;
        max-width:49% !important;
    }
    #phonics .arrow_tri,
    #phonics .igarten_item  p.noindent br{
        display: none !important;
    }
    .igarten_class_movie{
        margin: 0 auto 30px;
    }
}
@media screen and (max-width:480px){
    .igarten_item h5,
    .igarten_item h5 span{
        font-size: 17px;
        line-height: 1.2em;
        letter-spacing: 0;
    }
    .igarten_class h4 {
        font-size: 30px;
    }
    .igarten_class{
        padding: 20px !important;
    }
    .igarten_item h5 b {
        padding: 5px 0;
        flex-basis: 25px;
        -webkit-flex-basis: 25px;
        max-width: 25px;
        margin: 0 5px 0 0;
        font-size: 18px;
    }
    #istory .flex_right,
    #istory .flex_middle,
    #iexplor .flex_right,
    #iexplor .flex_left,
    #iword .flex_right,
    #iword .flex_middle,
    #i_learning ol li{
        flex-basis:100% !important;
        -webkit-flex-basis:100% !important;
        max-width:100% !important;
    }
    #iexplor .flex_left h5 span{
        font-size: 14px;
    }
    #iword h5{
        font-size:16px;
    }
    #i_learning .arrow_tri{
        display: none !important;
    }
    #i_learning ul{
        margin-bottom: 10px;
    }
    #i_learning ul li{
        flex-basis:49% !important;
        -webkit-flex-basis:49% !important;
        max-width:49% !important;
        margin-bottom: 5px !important;
    }
}


/*GMAP*/
#gmap{
    position: relative;
    padding-bottom: 26%;
    width: 100%;
    height: 0;
    overflow: hidden;
}
#gmap iframe{
    box-shadow: 0 -10px 10px rgba(0,0,0,0.5);
}
#gmap iframe,
#gmap object,
#gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:none;
}
@media screen and (max-width:1180px) {
    #gmap{
        padding-bottom: 30%;
    }
}
@media screen and (max-width:980px) {
    #gmap{
        padding-bottom: 35%;
    }
}
@media screen and (max-width:780px) {
    #gmap{
        padding-bottom: 40%;
    }
}
@media screen and (max-width:680px) {
    #gmap iframe{
        box-shadow: 0 -10px 10px rgba(0,0,0,0.5);
    }
    #gmap iframe,
    #gmap object,
    #gmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border:none;
    }
}
@media screen and (max-width:480px) {
    #gmap{
        padding-bottom: 90%;
    }
}

.class_comming_soon{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #ccc;
}
.class_comming_soon small{
    display: block !important;
}
@media screen and (max-width:580px) {
    .class_comming_soon_message{
        text-align: left !important;
        line-height: 1.4em;
    }
}

/************************NISAI*************************/
.nisai-header-h2 span{
    color: rgb(153, 51, 51,1);
    font-size: 3vw;
    font-style: normal;
    font-weight: 900;
}
.nisai-header-h2 img {
    display: inline-block;
    max-width: 400px;
    width: 50%;
    margin: 0 auto;
    vertical-align: bottom;
}
.nisai-header_lead{
    font-size: 28px;
    line-height: 1.3em;
    text-indent: 0;
    text-align: center;
}
.nisai-header_age{
    text-align: center;
}
.nisai-header_age small {
    font-style: normal;
    background: #0e538c;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin: 0 auto;
    font-size: 18px;
}
.nisai-header_ol{
    position: relative;
    width: 80%;
    margin: -9% auto 0 !important;
}
.nisai-header_li{
	flex-basis:24%;
	-webkit-flex-basis:24%;
    max-width:24%;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    background: rgba(255,255,255,0.9);
}
.nisai-header_li a{
    color: #222;
}
.nisai-header_li--h3{
    margin: 0 0 10px;
    padding: 0 0 10px;
    border: none;
    font-size: 24px;
    line-height: 1.3em;
}
.nisai-header_li--h3 i{
    font-size: 32px;
    color: #ccad6a;
}
.nisai-header_li p{
    line-height: 1.4em;
    font-size: 15px;
    letter-spacing: 0;
}
.nisai-copy{
    padding-top: 20px;
    border-top: 1px solid #999;
    font-size: 12px;
    line-height: 1.4em;
}
@media screen and (max-width:1680px) {
    .nisai-header-h2 span{
        font-size: 3vw;
    }
    .nisai-header-h2 {
        padding-bottom: 20px;
    }
    .nisai-header_li--h3 {
        font-size: 1.4vw;
    }
}
@media screen and (max-width:1280px) {
    .nisai-header_lead{
        font-size: 2.4vw;
    }
    .nisai-header_lead br.forsp{
        display: block;
    }
    .nisai-header-h2 span{
        font-size: 4vw;
    }
    .nisai-header_age {
        margin-bottom: 20px;
    }
    .nisai-header_li--h3 {
        font-size: 1.8vw;
    }
    .nisai-header_ol {
        width: 100%;
        margin: 0 auto !important;
    }
    .nisai-header_li p {
        font-size: 14px;
    }
}
@media screen and (max-width:980px) {
    .nisai-header-h2 {
        font-size: 3vw;
    }
    .nisai-header_lead{
        font-size: 3vw;
    }
    .nisai-header_lead br{
        display: block !important;
    }
    .nisai-header_age {
        margin-bottom: 0;
    }
    .nisai-lead{
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
    .nisai-copy{
        font-size: 12px;
        line-height: 1.4em;
    }
}
@media screen and (max-width:680px) {
    .nisai-header-h2 span{
        font-size: 6vw;
    }
    .nisai-header-h2 {
        font-size: 4vw;
    }
    .nisai-header_li{
        flex-basis:49%;
        -webkit-flex-basis:49%;
        max-width:49%;
        padding-bottom: 20px;
    }
    .nisai-header_li--h3 {
        font-size: 3vw;
        padding-bottom: 0;
    }
}
@media screen and (max-width:480px) {
    .nisai-main{
        margin-bottom: 20px !important;
    }
    .nisai-header_li--h3 {
        font-size: 4.3vw;
    }
    .nisai-header_ol{
        width: 100%;
        margin: 20px auto 0 !important;
    }
    .nisai-header_li p {
        font-size: 13px;
        line-height: 1.3em;
    }
}


/*NISASI JP*/
.nisaijp-h3 {
    padding: 0;
    border: none;
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    text-align: center !important;
}
.nisaijp-h3 img{
    max-width: 440px;
}
.nisaijp-quority{
    background: #eee;
}
.nisaijp-quority p{
	flex-basis:100%;
	-webkit-flex-basis:100%;
    max-width:100%;
    text-align: center;
    margin-bottom: 0;
}
.nisaijp-quority_a{
    display: block;
    height: 150px;
    margin: 0 1% !important;
}
.nisaijp-quority_a--ofsted{
    height: 100px;
}
.nisaijp-quority_a--iqm{
    height: 120px;
}
.nisaijp-quority_a img{
    width: auto;
    height: 100%;
}
@media screen and (max-width:1280px) {
    .nisaijp-quority p {
        text-align: left;
        margin: 20px 20px 30px !important;
    }
}
@media screen and (max-width:980px) {
    .nisaijp-quority_a:first-child{
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:480px) {
    .nisaijp-quority_a--iqm {
        height: 80px;
    }
    .nisaijp-quority_a--ofsted {
        height: 70px;
    }
}

/*CAIE*/
.caie{
    background: url(../img/nisai/map.jpg) no-repeat top 50px center;
    background-size: contain;
    box-shadow: 0 10px 10px rgba(0,0,0,0.3);
    border-top: 10px solid #8f1618;
}
.caie-left{
	flex:1;
	-webkit-flex:1;
}
.caie-right{
    position: relative;
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
}
.caie-right_a{
    position: absolute;
    top: 21%;
    right: 0;
    padding: 10px 5px;
    border: 3px solid #8f1618;
    background: #fff;
    width: 35%;
}
.piramid{
    text-align: center;
    padding: 20px;
    margin-bottom: 10px;
    font-size: 19px;
}
.piramid01{
    background: url(../img/nisai/piramid01.png) no-repeat center;
    background-size: 100% 100%;
    padding: 55px 0 10px;
    color: #fff;
}
.piramid02{
    background: url(../img/nisai/piramid02.png) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
}
.piramid03{
    background: url(../img/nisai/piramid03.png) no-repeat center;
    background-size: 100% 100%;
}
.piramid04{
    background: url(../img/nisai/piramid04.png) no-repeat center;
    background-size: 100% 100%;
}
.piramid05{
    background: url(../img/nisai/piramid05.png) center;
    background-size: 100% 100%;
}
@media screen and (max-width:1480px) {
    .caie-right {
        flex-basis: 60%;
        -webkit-flex-basis: 60%;
        max-width: 60%;
    }
    .piramid{
        font-size: 16px;
    }
}
@media screen and (max-width:1280px) {
    .caie-right{
        flex-basis:65%;
        -webkit-flex-basis:65%;
        max-width:65%;
    }
    .piramid {
        margin-bottom: 5px;
        padding: 15px 0 5px;
        font-size: 14px;
    }
    .piramid01 {
        padding: 35px 0 5px !important;
    }
}
@media screen and (max-width:980px) {
    .caie-h3{
        font-size: 4vw;
    }
    .caie-right {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width:680px) {
    .caie-h3{
        font-size: 4.6vw;
    }
    .piramid {
        font-size: 12px;
    }
}
@media screen and (max-width:480px) {
    .piramid {
        font-size: 8px;
    }
}


/*CAIE STEP*/
.caie-step_logo{
    width: 30%;
    margin: 0 auto;
}
.caie-step_h5{
    font-size: 21px;
}
.caie-step_left{
    flex-basis:85%;
    -webkit-flex-basis:85%;
    max-width:85%;
}
.caie-step_left--lower{
    flex-basis:59.5%;
    -webkit-flex-basis:59.5%;
    max-width:59.5%;
}
.caie-step_left--junior,
.caie-step_left--heigh{
    flex-basis:19%;
    -webkit-flex-basis:19%;
    max-width:19%;
}
.caie-step_left--lower--li{
    flex-basis:32%;
    -webkit-flex-basis:32%;
    max-width:32%;
    margin-bottom: 10px !important;
}
.caie-step01{
    background: linear-gradient(180deg, #fff 0%, #fff 60%, #37afde 60%, #37afde 100%);
}
.caie-step01 .caie-step_h5{
    margin-top: 115%;
}
.caie-step02{
    background: linear-gradient(180deg, #fff 0%, #fff 45%, #00d2d2 45%, #00d2d2 100%);
}
.caie-step02 .caie-step_h5{
    margin-top: 90%;
}
.caie-step03{
    background: linear-gradient(180deg, #fff 0%, #fff 30%, #00e1b7 30%, #00e1b7 100%);
}
.caie-step03 .caie-step_h5{
    margin-top: 60%;
}
.caie-step04{
    position: relative;
    background: linear-gradient(180deg, #fff 0%, #fff 15%, #f7bd1c 15%, #f7bd1c 100%);
}
.caie-step04 .caie-step_h5{
    margin-top: 30%;
}
.caie-step04 a{
    color: #222;
}
.caie-step05{
    position: relative;
    background: #8f1618;
    height: 40vh;
    color: #fff;
}
.caie-step04:hover,
.caie-step05:hover{
    opacity: 0.7;
}
.caie-step04 a,
.caie-step05 a{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.caie-detail--lower{
    flex-basis:59.5%;
    -webkit-flex-basis:59.5%;
    max-width:59.5%;
    margin-bottom: 15px;
}
.caie-detail--junior,
.caie-detail--heigh{
    flex-basis:19%;
    -webkit-flex-basis:19%;
    max-width:19%;
    margin-bottom: 15px;
}
.caie-detail_h5{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.caie-detail--lower{
    background: #05c3d6;
    text-align: center;
}
.caie-detail--junior{
    background: #f7bd1c;
    text-align: center;
}
.caie-detail--heigh{
    background: #8f1618;
    text-align: center;
    color: #fff;
}
.caie-detail_p{
    margin-bottom: 0;
    font-size: 14px;
}
.caie-detail_ul li{
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.3em;
}
.caie-detail_ul li:after{
    content: "・";
}
.caie-detail_ul li:last-child:after{
    content: "";
}
.caie-jump{
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
    margin-bottom: 10px;
}
.caie-jump p{
    width: 95%;
    position: relative;
    background: #ecca98;
    margin:0 auto 0 0 !important;
    height: 20px;
    text-align: center;
    font-size: 14px;
}
.caie-jump p:after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    right: -5%;
	width:5%;
	height:30px;
	background:linear-gradient(to bottom left, transparent 50%, #ecca98 50%) top left/ 100% 50% no-repeat,
    linear-gradient(to top left, transparent 50%, #ecca98 50%) bottom left / 100% 50% no-repeat;
}
.caie-steam{
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
    background: #eae8cc;
    text-align: center;
}
.caie-steam_h4{
    font-size: 24px;
    font-weight: 700;
}
.caie-steam_ul li{
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    margin: 0;
    padding: 2px 20px;
    border-radius: 20px;
}
.caie-steam01{background: #059285;}
.caie-steam02{background: #448a2e;}
.caie-steam03{background: #204bad;}
.caie-steam04{background: #734bb3;}
.caie-steam05{background: #e23c81;}
.caie-steam06{background: #ef692a;}

.caie-steam_p{
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
    background: #0e538c;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}
.caie-arrow{
    flex-basis:5%;
    -webkit-flex-basis:5%;
    max-width:5%;
}
.caie-arrow i{
    color: #e42730;
    font-size: 4vw;
}
.caie-univ{
    flex-basis:10%;
    -webkit-flex-basis:10%;
    max-width:10%;
    background: #f14069;
    text-align: center;
    color: #fff;
}
.caie-movie_li{
    flex-basis:32%;
    -webkit-flex-basis:32%;
    max-width:32%;
}
.caie-movie_li--h4{
    margin: 0;
    padding: 0px;
    line-height: 1.2em;
}
.caie-movie_li--h4 span{
    font-size: 21px;
    background: #333;
    display: block;
    padding: 10px;
    color: #fff;
}
.caie-movie_li--p{
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.3em;
}
@media screen and (max-width: 1480px){
    .caie-step_h5 {
        font-size: 18px;
    }
    .caie-steam_ul li {
        padding: 2px 10px;
        font-size: 1.3vw;
    }
    .caie-movie_li--h4 span{
        font-size: 1.3vw;
    }
}
@media screen and (max-width: 780px){
    .caie-movie_li--h4 span {
        font-size: 3.3vw;
    }
    .caie-movie_li {
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 30px !important;
    }
}
/*NISAI MOVIE*/
.nisai-online_h2 img{
    display: inline-block;
    max-width: 400px;
    width: 50%;
    margin: 0 auto;
    vertical-align: bottom;
}
.nisai-online_lead{
    max-width: 900px;
    margin: 0 auto;
}
.nisai-online_movie{
    flex-basis:47%;
    -webkit-flex-basis:47%;
    max-width:47%;
    margin:0 5% 0 0;
}
.nisai-online_item:nth-of-type(2) .nisai-online_movie{
    order:1;
    -webkit-order:1;
    margin:0 0 0 5%;
}
.nisai-online_text{
	flex:1;
    -webkit-flex:1;
}
.nisai-nva_movie{
    flex-basis:49%;
    -webkit-flex-basis:49%;
    max-width:49%;
}
@media screen and (max-width: 980px){
    .nisai-online_h2 {
        font-size: 5vw;
    }
}
@media screen and (max-width: 780px){
    .nisai-online_movie,
    .nisai-online_text{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin:0 0 20px 0 !important;
    }
    .nisai-online_item:nth-of-type(2) .nisai-online_movie{
        order:0;
        -webkit-order:0;
    }
}
@media screen and (max-width: 680px){
    .nisai-nva_movie{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 20px;
    }
}



/*NISAI PASSPORT*/
.caie-step_h3{
    text-align: center;
}
.nisai-passport_h4{
    background: #9c1e2d;
    border: 2px solid #9c1e2d;
}
.nisai-passport_h4--logo{
    flex-basis:20%;
    -webkit-flex-basis:20%;
    max-width:20%;
    background: #fff;
}
.nisai-passport_h4--title{
	flex:1;
    -webkit-flex:1;
    padding: 10px 10px 10px 20px;
    color: #fff;
    font-size: 24px;
}
.nisai-passport_lead{
    max-width: 980px;
}
.caie-step_img{
    background: #eee;
}
.caie-step_img--graph{
    min-width: 1200px;
    overflow-x: scroll;
}
.nisai-passport_item{
    flex-basis:25%;
    -webkit-flex-basis:25%;
    max-width:25%;
}
.nisai-passport_text{
    flex-basis:45%;
    -webkit-flex-basis:45%;
    max-width:45%;
}
.nisai-passport_item img{
    border: 1px solid #ccc;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
}
.nisai-passport_security{
	flex-basis:100%;
	-webkit-flex-basis:100%;
    max-width:100%;
    margin-top: 20px !important;
}
@media screen and (max-width:1280px) {
    .caie-step_h3{
        font-size: 3vw;
    }
    .nisai-passport_h4--logo {
        flex-basis: 30%;
        -webkit-flex-basis: 30%;
        max-width: 30%;
    }
    .nisai-passport_h4--title {
        font-size: 2vw;
    }
}
@media screen and (max-width:980px) {
    .nisai-passport_h4--logo {
        flex-basis: 35%;
        -webkit-flex-basis: 35%;
        max-width: 35%;
    }
    .nisai-passport_h4--title {
        font-size: 2.4vw;
    }
    .nisai-passport_h4--title br.forsp{
        display: block;
    }
}
@media screen and (max-width:780px) {
    .caie-step_h3{
        font-size: 4vw;
        text-align: center;
    }
    .caie-step_h3 br.forsp{
        display: block;
    }
    .caie-step_img{
        background: #fff;
        padding: 0 !important;
    }
}
@media screen and (max-width:680px) {
    .nisai-passport_h4--logo {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }
    .nisai-passport_h4--logo img{
        max-width: 280px;
    }
    .nisai-passport_h4--title {
        font-size: 4vw;
        text-align: center;
    }
    .nisai-passport_text,
    .nisai-passport_item,
    .nisai-grade_table,
    .nisai-grade_summary{
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-left:0;
    }
    .nisai-passport_item{
        flex-basis:49%;
        -webkit-flex-basis:49%;
        max-width:49%;
    }
}
@media screen and (max-width:480px) {
    .nisai-passport_h4--title {
        font-size: 5vw;
    }
}

/*NISAIカリキュラム*/
.nisai-curriculum{
    margin: 60px 0 100px !important;
}

/*NISAIカリキュラム左*/
.nisai-curriculum_left{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.nisai-curriculum_ig--title span{
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.nisai-curriculum_ig--title img{
    max-width: 150px;
}
.nisai-curriculum_left b,
.nisai-curriculum_left span{
    display: block;
    padding: 10px;
    color: #fff;
    text-align: center;
}
.nisai-curriculum_ap--title span{
	flex-basis:50px;
	-webkit-flex-basis:50px;
	max-width:50px;
    padding: 0 5px;
    text-align: center;
}
.nisai-curriculum_ap--title span img{
    max-width: 45px;
}
.nisai-curriculum_ap--title b{
    padding: 10px;
    color: #fff;
    text-align: center;
	flex:1;
	-webkit-flex:1;
}

/*NISAIカリキュラム右*/
.nisai-curriculum_right{
	flex-basis:77%;
	-webkit-flex-basis:77%;
	max-width:77%;
    margin-bottom: 10px;
}
.nisai-curriculum_right--age{
    padding: 10px;
    background: #ccc;
    text-align: center;
    font-size: 21px;
    color: #fff;
}
.nisai-curriculum_box{
    background: #fff;
}

/*カリキュラム色分け*/
.nisai-curriculum_ig--title b,
.nisai-curriculum_ig .nisai-curriculum_right--age,
.nisai-curriculum_ig .nisai-curriculum_aim--right a{
    background: #152c7d;
}
.nisai-curriculum_ig .nisai-curriculum_box{
    border:5px solid #152c7d;
}
.nisai-curriculum_ap--title b,
.nisai-curriculum_ig ul li:first-child p,
.nisai-curriculum_ap .nisai-curriculum_right--age,
.nisai-curriculum_ap .nisai-curriculum_aim--right a{
    background: #8ec31f;
}
.nisai-curriculum_ig ul li:first-child .arrow02{
    color: #8ec31f;
}
.nisai-curriculum_ap .nisai-curriculum_box{
    border:5px solid #8ec31f;
}
.nisai-curriculum_ns .nisai-curriculum_right--age,
.nisai-curriculum_ns--title span,
.nisai-curriculum_ap ul li:first-child p{
    background: #e7618b;
}
.nisai-curriculum_ap ul li:first-child .arrow02{
    color: #e7618b;
}
.nisai-curriculum_ns .nisai-curriculum_box{
    border:5px solid #e7618b;
}
.nisai-curriculum_igcse--title span,
.nisai-curriculum_ul li:first-child p,
.nisai-curriculum_igcse .nisai-curriculum_right--age{
    background: #eba62c;
}
.nisai-curriculum_igcse .nisai-curriculum_box{
    border:5px solid #eba62c;
}
.nisai-curriculum_ns ul li:first-child .arrow02{
    color: #eba62c;
}
.nisai-curriculum_a--title span,
.nisai-curriculum_a .nisai-curriculum_right--age,
.nisai-curriculum_igcse ul li:first-child p{
    background: #d43b30;
}
.nisai-curriculum_a .nisai-curriculum_box{
    border:5px solid #d43b30;
}
.nisai-curriculum_igcse ul li:first-child .arrow02{
    color: #d43b30;
}
.nisai-curriculum_a li p {
    background: #b8ddee !important;
    color: #222 !important;
    font-size: 21px !important;
}
.nisai-curriculum_ul--last li p{
    background: #0079cc !important;
    font-size: 24px !important;
    color: #fff !important;
}
.nisai-curriculum_nus .nisai-curriculum_right{
    border:5px solid #d171a9;
}
.nisai-curriculum_right h4{
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 5px solid #ccc;
    line-height: 1.4em;
}
.nisai-curriculum_aim--left,
.nisai-curriculum_aim--right{
	flex-basis:48%;
	-webkit-flex-basis:48%;
	max-width:48%;
}
.nisai-curriculum_aim--left p span{
    word-break: keep-all;
}
.nisai-curriculum_aim--right{
    background: #f9eed6;
}
.nisai-curriculum_aim--right h5{
    position: relative;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.nisai-curriculum_aim--right h5:before{
    position: absolute;
    content: "";
    width: 25%;
    height: 1px;
    background: #3b301c;
    top: 50%;
    left: 0;
}
.nisai-curriculum_aim--right h5:after{
    position: absolute;
    content: "";
    width: 25%;
    height: 1px;
    background: #3b301c;
    top: 50%;
    right: 0;
}
.nisai-curriculum_aim--right ol li b{
    display: block;
    margin-bottom: 5px;
}
.nisai-curriculum_aim--right a{
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.nisai-curriculum_ul li{
    position: relative;
	flex-basis:24%;
	-webkit-flex-basis:24%;
	max-width:24%;
    margin-bottom: 5px !important;
    text-align: center;
}
.nisai-curriculum_ul li i,
.nisai-curriculum_ul li p{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
.nisai-curriculum_ul li i{
    font-size: 80px;
    color: #aeaeae;
}
.nisai-curriculum_ul li p{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
    background: #b8ddee;
    margin-bottom: 0;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 1.3em;
    text-indent: 0;
}
.nisai-curriculum_ul li p br{
    display: block !important;
}
.nisai-curriculum_ul .arrow02{
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
}





.nisai-curriculum_ul li:first-child p{
    color: #fff;
}
.nisai-curriculum_ul--last li{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
}
.nisai-curriculum_a .nisai-curriculum_ul li{
	flex-basis:32.3%;
	-webkit-flex-basis:32.3%;
	max-width:32.3%;
}
.nisai-curriculum_option {
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
    background: #fff;
}
.nisai-curriculum_option--lead{
    padding: 10px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    line-height: 1.3em;
}
.nisai-curriculum_option--lead br{
    display: none;
}
.nisai-curriculum_booster .nisai-curriculum_option--lead{
    background: #5d4692;
}
.nisai-curriculum_nus .nisai-curriculum_option--lead{
    background: #d171a9;
}
.nisai-curriculum_option h4{
    text-align: center;
    border-bottom: 5px solid #ccc;
}
.nisai-curriculum_booster h4{
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 10px;
}
.nisai-curriculum_nus h4 img{
    height: 37px;
    width: auto;
}
.nisai-curriculum_option--h4,
.nisai-curriculum_option--lead,
.nisai-curriculum_option p,
.nisai-curriculum_option div,
.nisai-curriculum_option a{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
    width: 100%;
}
.nisai-curriculum_booster a{
    display: block;
    background: #5d4692;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.nisai-curriculum_nus a{
    display: block;
    background: #d171a9;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    color: #fff;
}
@media screen and (max-width:1480px) {
    .nisai-curriculum_ul li p {
        padding: 10px 2px;
        margin-bottom: 0;
    }
    .nisai-curriculum_aim--right ol li{
        font-size: 13px;
    }
    .nisai-curriculum_aim--right ol li b{
        font-size: 16px;
    }
    .nisai-curriculum_aim--right h5:before,
    .nisai-curriculum_aim--right h5:after{
        width: 20%;
    }
    .nisai-curriculum_option--lead{
        padding: 10px 0;
        font-size: 18px;
    }
}
@media screen and (max-width:1280px) {
    .step_age {
        padding: 7px 5px;
        font-size: 14px;
    }
    .nisai-curriculum_aim--right p{
        font-size: 14px;
    }
    .nisai-curriculum_ul li p {
        font-size: 13px;
        letter-spacing: 0;
    }
    .nisai-curriculum_option--lead{
        font-size: 16px;
    }
}
@media screen and (max-width:1180px) {
    .nisai-curriculum_left,
    .nisai-curriculum_right{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 0;
    }
    .nisai-curriculum_aim{
        margin-bottom: 20px !important;
    }
    .nisai-curriculum_aim--right{
        padding: 20px !important;
    }
    .nisai-curriculum_aim--right h5:before,
    .nisai-curriculum_aim--right h5:after{
        width: 15%;
    }
    .nisai-curriculum_option--lead{
        font-size: 18px;
    }
    .nisai-curriculum_option--lead br{
        display: block;
    }
    .nisai-curriculum_ig--title span{
        margin: 5px 0 !important;
    }

}
@media screen and (max-width:780px) {
    .nisai-curriculum_right{
        padding: 30px 0;
    }
    .nisai-curriculum_ul li p{
        margin-bottom: 0 !important;
        font-size: 12px;
    }
    .nisai-curriculum_ul li:last-child p br{
        display: none !important;
    }
    .nisai-curriculum_right--wrapper{
        padding: 0 20px;
    }
    .nisai-curriculum_ap--title span img {
        max-width: 80%;
    }
}
@media screen and (max-width:680px) {
    .nisai-curriculum_aim{
        margin-bottom: 0 !important;
    }
    .nisai-curriculum_aim--left,
    .nisai-curriculum_aim--right{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 20px;
    }
    .nisai-curriculum_aim--left{
        margin: 0 0 20px;
    }
    .nisai-curriculum_option {
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom:20px;
    }
	.nisai-curriculum_a li p{
		font-size: 16px;
	}
}
@media screen and (max-width:480px) {
    .nisai-curriculum_right h4 {
        font-size: 18px;
    }
	.nisai-curriculum_a li p{
		font-size: 14px;
	}
}


/*NISAI FEATURE*/
.nisai-feature_lead{
    max-width: 800px;
    margin: 0 auto;
}
.nisai-feature_place--onlline,
.nisai-feature_place--right,
.nisai-feature_place--item{
    flex-basis:48%;
    -webkit-flex-basis:48%;
    max-width:48%;
}
.nisai-feature_place--h4{
    font-weight: 700;
    text-align: center;
    font-size: 21px;
    position: relative;
    padding: 0 10%;
}
.nisai-feature_place--h4:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #000;
}
.nisai-feature_place--h4 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
.nisai-feature{
    overflow-x: hidden;
}
.nisai-feature_li{
    flex-basis:49%;
    -webkit-flex-basis:49%;
    max-width:49%;
    position: relative;
    background: #eee;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
}
.nisai-feature_i{
  position: absolute;
  top: -10px;
  left: 20px;
  display: inline-block;
  width: 52px;
  height: 50px;
  text-align: center;
  background: #9c1e2d;
}
.nisai-feature_i i{
    position: relative;
    font-size: 25px;
    padding-top: 14px;
    z-index: 2;
    color: #fff;
}
.nisai-feature_i:before,
.nisai-feature_i:after {
    position: absolute;
    content: '';
}
.nisai-feature_i:before {
    right: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #9c1e2d;
}
.nisai-feature_i:after {
    top: 50%;
    left: 0;
    display: block;
    height: 0;
    border: 26px solid #9c1e2d;
    border-bottom-width: 10px;
    border-bottom-color: transparent;
}
.nisai-feature_h5{
    padding-left: 60px;
    font-size: 24px;
    font-weight: 700;
}
.nisai-feature_li p{
    margin-bottom: 0 !important;
}
.nisai-feature_h3 span{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}
.nisai-feature_h3 br.fortb{
    display: none;
}
.nisai-fc{
    max-width: 800px;
    background: #edeadc;
}
.nisai-fc_h6{
    text-align: center;
    font-size: 21px;
}
.nisai-fc a{
	font-size: 21px;
	padding: 5px 29%;
}

@media screen and (max-width: 1480px){
    .nisai-feature_place--right .nisai-feature_place--h4{
        font-size: 1.3vw;
        white-space: pre;
    }
}
@media screen and (max-width: 980px){
    .nisai-feature_h3 {
        font-size: 4vw;
    }
    .nisai-feature_place--h4 {
        font-size: 3vw;
    }
    .nisai-feature_place--right .nisai-feature_place--h4{
        font-size: 2vw;
    }
    .nisai-feature_h5{
        padding-left: 20%;
        font-size: 2.3vw;
        margin-bottom: 25px !important;
    }
    .nisai-feature_h3{
        text-align: center;
    }
    .nisai-feature_h3 span {
        width: 25%;
    }
    .nisai-feature_h3 br.fortb{
        display: block;
    }
}
@media screen and (max-width: 780px){
    .nisai-feature_place--onlline,
    .nisai-feature_place--right{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 20px !important;
    }
    .nisai-feature_place--item{
         margin: 40px 0 0 !important;
    }
    .nisai-feature_place--h4 {
        font-size: 4vw;
    }
    .nisai-feature_place--right .nisai-feature_place--h4{
        font-size: 3vw;
    }
    .nisai-feature_i {
        width: 40px;
        height: 40px;
    }
    .nisai-feature_i:after {
        border: 20px solid #9c1e2d;
        border-bottom-width: 10px;
        border-bottom-color: transparent;
    }
    .nisai-feature_i i {
        font-size: 20px;
        padding-top: 17px;
    }
}
@media screen and (max-width: 680px){
    .nisai-feature_h3 {
        font-size: 5vw;
        text-align: center;
    }
    .nisai-feature_li{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 20px !important;
    }
    .nisai-feature_h5 {
        padding-left: 60px;
        font-size: 3.3vw;
        margin-bottom: 15px !important;
    }
    .nisai-feature_h3 span {
        width: 50%;
    }
    .nisai-feature_h3 {
        font-size: 7vw;
    }
	.nisai-fc a{
	font-size: 16px;
	padding: 5px 22%;
}

}
@media screen and (max-width: 480px){
    .nisai-feature_h3 {
        font-size: 6vw;
    }
    .nisai-feature_place--h4 {
        font-size: 5vw;
    }
    .nisai-feature_place--right .nisai-feature_place--h4{
        font-size: 4vw;
    }
    .nisai-feature_place--item p{
        line-height: 1.4em;
    }
    .nisai-feature_h5 {
        font-size: 4.3vw;
    }
    .nisai-feature_h3 span {
        width: 60%;
    }
    .nisai-feature_h3 {
        font-size: 8vw;
    }
}

/*NISAI入学のお申込み*/
.nisai-entry_fix{
    position: fixed;
    top: 150px;
    right: 0;
}
_::-webkit-full-page-media, _:future, :root .nisai-entry_fix{
    right: 29px;
}
.nisai-entry_fix a{
    display: block;
    background: #9c1e2d;
    padding: 10px;
    color: #fff;
    font-size: 18px;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
    text-align: center;
    box-shadow: -5px 0 5px rgba(0,0,0,0.3);
}
.nisai-entry_fix a img{
    width: 30px;
}
@media screen and (max-width:780px) {
    .nisai-entry_fix{
        top: inherit;
        bottom: 0;
        right: inherit;
        left: 0;
        width: 100%;
    }
    .nisai-entry_fix a{
        -ms-writing-mode:inherit;
        -webkit-writing-mode: inherit;
        writing-mode: inherit;
        box-shadow: 0 -5px 5px rgba(0,0,0,0.3);
    }
    .nisai-entry_fix a img {
        vertical-align: -6px;
    }
    .nisai-entry_fix a b{
        display: none;
    }
}

/*教室CF7*/
.entry-date{
    background: #c5e0e6;
    padding: 10px;
    line-height: 1.6em;
}


/*イベントコンテンツ*/
#event_box .sea_entry{
    box-shadow: none !important;
    padding-bottom: 10px !important;
}
.event_content_h4{
    font-size: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    line-height: 1.4em;
}
.event_content_h5{
    font-size: 21px;
    line-height: 1.4em;
    background: #eee;
    padding: 10px;
}
.event_content td b,
.event_form_message b{
    color: #cc0000 !important;
}
.event_form_message{
    margin-bottom: 0 !important;
    padding:20px 0 !important;
}
.layout_doubleimg_img,
.layout_doubleimg_text{
	flex-basis:47%;
	-webkit-flex-basis:47%;
	max-width:47%;
    line-height: 1.7em;
}
#event_entry th,
#event_entry td{
    border: none !important;
}
.event_schedule{
	align-items: center;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
}
.class_schedule label{
	text-align: left;
	display: block;
	flex: 1;
	padding-left: 10px;
}
@media screen and (max-width:980px) {
	#event #post_right ul{
		justify-content: space-between;
	}
    #event #post_right li {
        flex-basis:49%;
        -webkit-flex-basis:49%;
        max-width:49%;
        border: none;
    }
}
@media screen and (max-width:980px) {
    .event_content_h4{
        font-size: 21px;
    }
    .event_content_h5{
        font-size: 18px;
    }
}
@media screen and (max-width:680px) {
    #event .wrapper{
        width: 100%;
    }
	#event #post_right{
		display: none;
	}
    #event p br{
        display: block !important;
    }
    #event .wrapper h3,
    .event_detail,
    .event_flexcontent,
    .contact_form-h4,
    #event #post_right{
        width: 90% !important;
        flex-basis:90% !important;
        -webkit-flex-basis:90% !important;
        max-width:90% !important;
        margin-left: auto;
        margin-right: auto;
    }
    #event #post_right li{
        border-bottom: 1px dotted #999;
    }
    .event_content_h4 {
        font-size: 19px;
    }
    .layout_doubleimg_img,
    .layout_doubleimg_text{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 40px;
    }
    .sea_entry h4,
    .event_content_h5{
        font-size: 16px;
    }
    #event #form{
        margin-top: 0 !important;

    }
}




/*FAQ*/
.faq_h4{						
	background: #ccad6a;					
	color: #fff;					
	padding: 10px;					
	font-size: 21px;								
	margin-bottom: -1px;
	text-align: center;
	position: relative;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}						
.faq_h4:before {						
	position: absolute;					
	content: '';					
	top: 100%;					
	left: 0;					
	border: none;					
	border-bottom: solid 15px transparent;					
	border-right: solid 20px rgb(149, 158, 155);					
}						
.faq_h4:after {						
	position: absolute;					
	content: '';					
	top: 100%;					
	right: 0;					
	border: none;					
	border-bottom: solid 15px transparent;					
	border-left: solid 20px rgb(149, 158, 155);
}						
.faq-wrap{						
	border: 1px solid #999;					
	width: calc(100% - 40px);					
}
.faq-ii{
	border-bottom: 1px dotted #ccad6a;
	padding: 10px 0;
	line-height: 1.3em;
}		
.faq-item {						
	position: relative;					
	width: 100%;					
}						
.faq-q {						
	position: relative;					
	cursor: pointer;					
	padding: 0 20px 0 30px;		
	line-height: 1.3em;
}
.faq-q:before {
    content: "Q";
	display: block;
    color: #ccad6a;
    font-weight: 900;
    font-size: 28px;
	position: absolute;
	left: 0;
	top: -5px;
}
.faq-q:after {						
	content: "";					
	position: absolute;					
	right: 0;					
	top: 22px;					
	transition: all 0.2s ease-in-out;					
	display: block;					
	width: 8px;					
	height: 8px;					
	border-top: solid 2px #9c1e2d;					
	border-right: solid 2px #9c1e2d;					
	-webkit-transform: rotate(135deg);					
	transform: rotate(135deg);
}	
.faq-q.open:after {						
	-webkit-transform: rotate(-45deg);					
	transform: rotate(-45deg);					
	top: 10%;
}
.faq-a{
	position: relative;
	display: none;
	padding: 10px 10px 10px 64px;
	margin: 20px 0;
	line-height: 1.5em;
}
.faq-a::before {
    content: "A";
	display: block;
    color: #9c1e2d;
    font-weight: 900;
    font-size: 28px;
	position: absolute;
	left: 30px;
	top: 0;
}
.force-open .faq-q:after {						
	display: none;					
}						
.force-open .faq-a {						
	display: block;				
}						
@media screen and (max-width:680px) {
	.faq-wrap{						
		padding: 20px 10px !important;
	}
	.faq-q:before,
	.faq-a:before{
		font-size: 21px;
		top: 0;
	}
	.faq-q{
		padding: 0 0 0 24px;
	}
	.faq-a{										
		padding: 0 0 0 54px;		
	}
	.faq-q:after{
		display: none;
	}
}


/*NISAI VOICE*/
.nisai-voce_h4{
	position: relative;
	text-align: center;
}
.nisai-voce_h4 span{
	font-size: 38px;
	background: #fff;
	padding: 0 10px;
	z-index: 1;
}
.nisai-voce_h4:after{
	content: "";
	width: 100%;
	height: 1px;
	background: #ccad6a;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}
.nisai-voice_img{
	flex-basis: 40%;
}
.nisai-voice_summary{
	flex: 1;
	padding-left: 5%;
}
.nisai-voice_name{
    padding: 10px;
    font-size: 28px;
    background: #eee;
    margin-bottom: 20px;
}
/*開閉*/
.nisai-voice_title{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #03094D;
}
.nisai-voice_item{
	position: relative;
	margin-bottom: 30px;
 	border-bottom: 1px solid #ccc;
}
.nisai-voice_box{
	overflow: hidden;
	margin-bottom: 20px;
}
.nisai-voice_box_inner{
	padding-bottom: 20px;
}
.nisai-voice_more:after{
    content:'続きを読む';
    display: block;
	width: 8em;
	background: #eee;
	padding: 3px 0 5px;
	text-align: center;
    font-size: 14px;
	line-height: 1em;
	cursor: pointer;
    transition: .3s;
	position: absolute;
	bottom: -20px;
	right: 0;
}
.nisai-voice_more:hover:after{
	background: #e9ddc4;
}
.nisai-voice_more.is-active:after{
    content:'閉じる';
	background: #e9ddc4;
}
.nisai-voice_more:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 60px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.nisai-voice_more.is-active:before{
	display: none;
}
@media screen and (max-width:780px) {
	.nisai-voice_name {
		font-size: 21px;
	}
	.nisai-voice_img{
		flex-basis: 100%;
		margin: 0 auto 30px;
		text-align: center;
	}
	.nisai-voice_img img{
		max-width: 300px;
	}
	.nisai-voice_summary{
		flex-basis: 100%;
		padding: 0;
	}
}
@media screen and (max-width:480px) {
	.nisai-voice_name {
		font-size: 18px;
	}
	.nisai-voice_title{
		font-size: 16px;
	}
}


/*NISAI 実績*/
#nisai-goal_level{
	padding-top: 200px;
	margin-top: -200px;
}
.nisai-goal{
	background: #11204c;
}
.nisai-goal_h4{
	color: #fff;
	font-size: 38px;
}
.nisai-goal_lead{
	width: 100%;
	max-width: 800px;
	color: #fff;
	font-size: 18px;
}
.nisai-goal_univercity{
	flex-basis: 24%;
	background: rgba(255,255,255,0.8);
}
.nisai-goal_h5{
	font-size: 21px;
	padding: 10px;
	color: #fff;
	background: #7e111e;
	text-align: center;
	line-height: 1.4em;
}
.nisai-goal_h5 br{
	display: none;
}
.nisai-goal_univercity h6{
	background: #ba606b;
	color: #fff;
	font-size: 18px;
	padding: 7px 10px;
	text-align: center;
	margin-bottom: 10px;
}
.nisai-goal_univercity ol{
	margin: 0;
	padding: 10px 20px 20px 30px !important;
}
.nisai-goal_univercity li{
	list-style: disc outside;
	margin-bottom: 10px;
	padding: 0;
}
.nisai-goal_att_summary{
	flex-basis: 52%;
	color: #fff;
	text-align: justify;
}
.nisai-goal_att_summary a{
	color: #ffc33e;
	text-decoration: underline;
}
.nisai-goal_att_img{
	flex: 1;
	padding-left: 5%;
}
.nisai-goal_table{
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px;
}
.nisai-goal_table th,
.nisai-goal_table td{
	padding: 10px;
	text-align: center;
}
.nisai-goal_table th{
	color: #fff;
	background: #ba606b;
}
.nisai-goal_table td{
	background: rgba(255,255,255,0.8);
}
.nisai-goal_archive_ul:after{
	content: "";
	display: block;
	flex-basis: 24.5%;
}
.nisai-goal_archive_li{
	flex-basis: 24.5%;
	background: rgba(255,255,255,0.8);
	align-items: center;
	line-height: 1.3em;
	padding: 5px;
	margin-bottom: 5px;
}
.nisai-goal_archive_li_img{
	flex-basis: 25%;
}
.nisai-goal_archive_li_name{
	flex: 1;
	padding-left: 10px;
}
@media screen and (max-width:1280px) {
	.nisai-goal_univercity li{
		font-size: 14px;
		margin-bottom: 5px !important;
	}
	.nisai-goal_archive_li_name{
		font-size: 14px;
	}
}
@media screen and (max-width:1180px) {
	.nisai-goal_h5 br{
		display: block;
	}
	.nisai-goal_archive_li,
	.nisai-goal_archive_ul:after{
		flex-basis: 32.3%;
	}
}
@media screen and (max-width:980px) {
	.nisai-goal_univercity {
		flex-basis: 49%;
		margin-bottom: 10px;
	}
	.nisai-goal_att_img,
	.nisai-goal_att_summary{
		flex-basis: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.nisai-goal_archive_li{
		flex-basis: 49%;
		margin-bottom: 5px !important;
	}
	.nisai-goal_archive_ul:after{
		display: none;
	}
}
@media screen and (max-width:680px) {
	.nisai-goal_h4 {
		font-size: 28px;
	}
	.nisai-goal_lead {
		font-size: 16px;
	}
	.nisai-goal_h5 {
		font-size: 16px;
	}
	.nisai-goal_univercity li{
		font-size: 12px;
	}
	.nisai-goal_table th:first-child,
	.nisai-goal_table td:first-child{
		display: none;
	}
	.nisai-goal_archive_li{
		flex-basis: 100%;
	}
}
@media screen and (max-width:480px) {
	.nisai-goal{
		padding: 20px 10px;
	}
	.nisai-goal_lead {
		font-size: 14px;
	}
	.nisai-goal_h5 {
		font-size: 13px;
	}
	.nisai-goal_univercity {
		flex-basis: 100%;
	}
}










/*自由が丘サマー2021*/
.jiyugaoka_summer2021_date .layout_triple_table_detail{
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.jiyugaoka_summer2021_date .layout_triple_table_detail table{
    flex-basis:50%;
    -webkit-flex-basis:50%;
    max-width:50%;
    table-layout: fixed;
    text-align: center;
}
.jiyugaoka_summer2021 .layout_triple_table_detail_table{
    display: none;
}
.jiyugaoka_summer2021 .layout_triple_table_detail th,
.jiyugaoka_summer2021 .layout_triple_table_detail td{
    padding: 5px !important;
    text-align: center;
}
.jiyugaoka_summer2021 .layout_triple_table_detail th{
    letter-spacing: 2px;
}
.jiyugaoka_summer2021 .layout_triple_table_detail tr:nth-child(2) th{
    background: #fffade !important;
}
.jiyugaoka_summer2021_course .layout_doubleimg_img{
    display: none;
}
.jiyugaoka_summer2021_course .layout_doubleimg_table{
    flex-basis:100%;
    -webkit-flex-basis:100%;
    max-width:100%;
}
.jiyugaoka_summer2021_course .layout_doubleimg_table th,
.jiyugaoka_summer2021_course .layout_doubleimg_table td{
    text-align: left;
    width: 50%;
}
.jiyugaoka_summer2021_time .layout_doubleimg_img,
.jiyugaoka_summer2021_time .layout_doubleimg_table{
    flex-basis:48%;
    -webkit-flex-basis:48%;
    max-width:48%;
}
@media screen and (max-width:980px) {
    .jiyugaoka_summer2021 .layout_triple_table_detail tr:last-child td:last-child{
        font-size: 12px;
    }
}
@media screen and (max-width:880px) {
    .jiyugaoka_summer2021_time .layout_doubleimg_img,
    .jiyugaoka_summer2021_time .layout_doubleimg_table{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        margin-bottom: 40px !important;
    }
    .jiyugaoka_summer2021_time .layout_doubleimg_img{
        order: 1;
        -webkit-order:1;
    }
}
@media screen and (max-width:680px) {
    .jiyugaoka_summer2021 .layout_triple_table_detail{
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
    }
    #event .layout_triple_table_detail table{
        flex-basis:100%;
        -webkit-flex-basis:100%;
        max-width:100%;
        display: table !important;
        table-layout: fixed !important;
    }
    .jiyugaoka_summer2021_date tbody{
        display: inherit !important;
        table-layout: fixed !important;
    }
    .jiyugaoka_summer2021_date tr{
        display: table-row !important;
        table-layout: fixed !important;
    }
    .jiyugaoka_summer2021_date th,
    .jiyugaoka_summer2021_date td{
        width: inherit !important;
        display: table-cell !important;
    }
    .jiyugaoka_summer2021_course th{
        font-weight: 900;
        padding: 5px 10px !important;
    }
}


/*トップページニュース*/
#home #post ul.wrapper li{
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
}
.home_news .post_cat{
	flex-basis: 12%;
	max-width: 12%;
}
.home_news .post_thumb{
	flex-basis: 12%;
	max-width: 12%;
	line-height: 0;
	padding: 0 20px;
}
#home #post ul.wrapper .post_exc{
	flex-basis: 76% !important;
	-webkit-flex-basis: 76% !important;
	max-width: 76% !important;
}
.home_news .post_exc p,
.home_news .post_exc p a{
	display: none;
}
.home_news .post_exc h4 a{
	font-size: 16px;
}
.home_news .post_date{
    font-size: 16px;
	flex-basis:7em;
	-webkit-flex-basis:7em;
	max-width:7em;
    letter-spacing: 2px !important;
}

.post_cat span{
    display: block;
    font-size: 14px;
    background: #eee;
    padding: 2px 5px;
    color: #000 !important;
    letter-spacing: 2px !important;
    text-align: center;
}
.home_news .post_cat a:hover{
    background:#ccad6a;
    color: #fff;
}
.home_news .post_link{
	flex:1;
	-webkit-flex:1;
    color: #000;
}
.home_news .post_link:hover{
    color: #ccad6a;
}
.home_news_link{
    display: inline-block;
    border-bottom: 1px solid #999;
    color: #000;
    padding-right: 1em;
    padding-bottom: 5px;
    position: relative;
}
.home_news_link:after{
    content: "/";
    transform: rotate(112deg);
    position: absolute;
    bottom: -5px;
    right: 1px;
}
.home_news_link{
 text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
}

@media screen and (max-width:1380px) {
	.home_news .post_cat,
	.home_news .post_thumb{
		flex-basis: 20%;
		max-width: 20%;
	}
	#home #post ul.wrapper .post_exc{
		flex-basis: 60% !important;
		-webkit-flex-basis: 60% !important;
		max-width: 60% !important;
	}
	.home_news .post_exc h4 a{
		font-size: 15px;
	}
}
@media screen and (max-width:780px) {
    .home_news li{
        justify-content:flex-start !important;
        -webkit-justify-content:flex-start !important;
		align-items: flex-start !important;
		-webkit-align-items: flex-start !important;
    }
    .home_news li a{
        font-size: 13px;
        line-height: 1.4em;
    }
    .home_news .post_date,
    .home_news .post_cat a{
        font-size: 12px;
        letter-spacing: 0;
    }
	.home_news .post_cat {
		flex-basis: 100% !important;
		-webkit-flex-basis: 100% !important;
		max-width: 100% !important;
		margin-bottom: 10px;
	}
	.home_news .post_thumb{
		flex-basis: 20%;
		max-width: 20%;
		padding: 0 10px 0 0 !important;
	}
	#home #post ul.wrapper .post_exc{
		flex-basis: 80% !important;
		-webkit-flex-basis: 80% !important;
		max-width: 80% !important;
	}
}
@media screen and (max-width:680px) {
	#home #post ul.wrapper li{
		border-bottom: none;
		padding-bottom: 0 !important;
	}
	.home_news .post_thumb{
		flex-basis: 30%;
		max-width: 30%;
	}
	#home #post ul.wrapper .post_exc{
		flex-basis: 70% !important;
		-webkit-flex-basis: 70% !important;
		max-width: 70% !important;
	}
}

.noform{
	background: #eee;
	padding: 20px;
}



/*教室イベント*/
.class-event_li{
	border: 1px solid #999;
	border-left: 10px solid #9c1e2c;
	padding: 10px !important;
}
.class-event_img{
	flex-basis: 35%;
	max-width: 35%;
	margin-right: 2%;
}
.class-event_img img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.class-event_title{
	flex: 1;
	font-size: 16px;
	line-height: 1.3em;
	color: #000;
}
@media screen and (max-width:1280px) {
	.class-event_title{
		font-size: 14px !important;
	}
}
@media screen and (max-width:780px) {
	.class-event_title{
		font-size: 16px !important;
	}
}
@media screen and (max-width:480px) {
	.class-event_title{
		font-size: 13px !important;
	}
}


/*レスポンシブ時TABLE固定*/
table.astable{
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
table.astable tr{
	display: table-row !important;
}
table.astable th,
table.astable td{
	display: table-cell !important;
}


/*20210921*/
.class-otherlink{
	margin-top: 0 !important;
}
.class-otherlink a{
	width: 90%;
	max-width: 580px;
	padding: 20px 0 !important;
	border: 5px solid #fff;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.5);
	margin: 0 auto !important;
}

/*20211202 四条冬の特別*/
.shijyokarasuma_autumn202102_timetable table.astable{
	table-layout: fixed;
	text-align: center;
}

/*各教室への問合せ*/
.enquiry-nav{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.enquiry-nav .link_box{
	flex-basis: 49%;
	max-width: 49%;
	margin: 0 auto;
	padding: 0;
}
.enquiry-nav .link_box a{
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 21px;
	margin: 0 auto;
}
.enquiry-nav .link_box a.active{
	background: #000;
	pointer-events: none;
}
.bkred{
	background: #e8bbbb !important;	
}
.bkblue{
	background: #aad9e4 !important;	
}
.bkwhite{
	background: #fff !important;
}
.bkgray{
	background: #eee;
}
.bkbeige {
    background: #f0ecd9;
}
.subtitle{
	line-height: 1.3em;
}




/*BLOG*/
.post-index{
	background: rgba(153,51,51,0.1);
	border-radius: 10px;
}
.post b{
	color: rgba(153,51,51,1);
	font-weight: 700;
	font-size: 110%;
}
.post em{
	font-weight: 700;
	font-size: 110%;
	font-style: normal;
}
.post-h4{
	background: #993333;
	color: #fff;
	font-size: 24px;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.post-h4 b{
	display: inline-block;
	color: #fff;
	font-size: 24px;
}
.post-h4 b:after{
	content: ".";
	padding-right: 5px;
	color: #FFFFFF;
	font-size: 24px;
}
.post-h5{
	font-size: 21px;
}
.mp100{
	margin-top: -100px;
	padding-top: 100px;
}


@media screen and (max-width:680px) {
	.post-h4{
		font-size: 21px;
		padding: 5px 10px 15px;
	}
	.post-h4 b{
		display: block;
		text-align: center;
	}
	.post-h5{
		font-size: 18px;
	}
}
@media screen and (max-width:480px) {
	.post-h4{
		font-size: 18px;
	}
	.post-h5{
		font-size: 16px;
	}
}



/*20220302自由が丘スプリング*/
.jiyugaoka2022spring_table{
	table-layout: auto;
}
#event .jiyugaoka2022spring_table th,
#event .jiyugaoka2022spring_table td{
	width: auto !important;
}
.bkgray{
	background: #eee;
}
.bkwhite{
	background: #fff;
}
.bkpink{
	background: #fbd7d7 !important;
}
.bkorange{
	background: #f9c892 !important;
}
.bkyellow{
	background: #f3e3aa !important;
}
.bkgreen{
	background: #c2e1b2 !important;
}
.jiyugaoka2022spring dl,
.jiyugaoka2022spring dt,
.jiyugaoka2022spring dd,
.jiyugaoka2022spring dd p{
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0;
}
.jiyugaoka2022spring dl{
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
	border-bottom: 3px dotted #993333;
}
.jiyugaoka2022spring dt{
	font-size: 18px !important;
	font-weight: 900;
}
.jiyugaoka2022spring h4.h4202203{
	font-size: 21px;
	border-bottom: 1px solid #993333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*20220801自由が丘サマー*/
.scroll {
	width: 100%;
	overflow-x: scroll;
}
.jiyugaoka2022summer_table{
	table-layout: fixed;
	min-width: 680px;
}
#event .jiyugaoka2022summer_table th,
#event .jiyugaoka2022summer_table td{
	width: auto !important;
}
.jiyugaoka2022summer dl,
.jiyugaoka2022summer dt,
.jiyugaoka2022summer dd,
.jiyugaoka2022summer dd p{
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0;
}
.jiyugaoka2022summer dl{
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
	border-bottom: 3px dotted #993333;
}
.jiyugaoka2022summer dt{
	font-size: 18px !important;
	font-weight: 900;
}
.jiyugaoka2022summer h4.h4202203{
	font-size: 21px;
	border-bottom: 1px solid #993333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width:680px) {
	#event .jiyugaoka2022summer table, 
	#event .jiyugaoka2022summer tbody, 
	#event .jiyugaoka2022summer tr, 
	#event .jiyugaoka2022summer th, 
	#event .jiyugaoka2022summer td {
		display: revert !important;
	}
}

.jiyugaoka2023winter_table {
	table-layout: fixed;
	min-width: 680px;
}
#event .jiyugaoka2023winter_table th,
#event .jiyugaoka2023winter_table td{
	width: auto !important;
}