@charset "utf-8";
/*ローディング*/
body #ready{
width:100%; height:100%; display:block; background:rgba(255,255,255,1); position:fixed; left:0; right:auto; bottom:auto; top:0; z-index:12; 
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index: 10000; 
}

body #ready:before{
content:""; width:100%; height:100%; display:block; background:#fff; position:fixed; left:0; right:auto; bottom:auto; top:0; opacity:0.5;
transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index:12;}

body #ready:after{
content:""; width:100%; height:100%; display:block; background:#fff; position:fixed; left:0; right:auto; bottom:auto; top:0; z-index:10;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;  opacity:0.5; }

body.ready #ready{
width:100%; height:0;  display:block; background:rgba(255,255,255,0); position:fixed; left:auto; right:0; bottom:0; top:auto;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 
}

body.ready #ready:before{
content:""; width:100%; height:0; display:block; background:#fff; position:fixed; left:auto; right:0; bottom:0; top:auto; opacity:0.5;
transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index:12;
}

body.ready #ready:after{
content:""; width:100%; height:0; display:block; background:#fff; position:fixed; left:auto; right:0; bottom:0; top:auto; z-index:12;
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity:0.5;
}

body #loadLogo{ position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: 100px; height: 130px; z-index: 10000;
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;}

body.ready #loadLogo{ opacity: 0;  overflow: hidden;}


/*ローディング2*/
body #ready.toS{
width:100%; height:100%; display:block; background:rgba(215,234,244,1); position:fixed; left:0; right:auto; bottom:auto; top:0; z-index:12; 
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; 
}

body #ready.toS:before{
content:""; width:100%; height:100%; display:block; background:#e5f0f9; position:fixed; left:0; right:auto; bottom:auto; top:0; opacity:0.5;
transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index:12;}

body #ready.toS:after{
content:""; width:100%; height:100%; display:block; background:#e5f0f9; position:fixed; left:0; right:auto; bottom:auto; top:0; z-index:10;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;  opacity:0.5; }

body.ready #ready.toS{
width:100%; height:0;  display:block; background:rgba(215,234,244,0); position:fixed; left:0; right:auto; bottom:0; top:auto;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}

body.ready #ready.toS:before{
content:""; width:100%; height:0; display:block; background:#e5f0f9; position:fixed; left:0; right:auto; bottom:0; top:auto; opacity:0.5;
transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index:12;
}

body.ready #ready.toS:after{
content:""; width:100%; height:0; display:block; background:#e5f0f9; position:fixed; left:0; right:auto; bottom:0; top:auto; z-index:12;
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity:0.5;
}

/*ローディング2*/
body #ready.toC{
width:100%; height:100%; display:block; background:rgba(244,234,222,1); position:fixed; left:0; right:auto; bottom:auto; top:0; z-index:12; 
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; 
}

body #ready.toC:before{
content:""; width:100%; height:100%; display:block; background:#f9f2ea; position:fixed; left:0; right:auto; bottom:auto; top:0; opacity:0.5;
transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index:12;}

body #ready.toC:after{
content:""; width:100%; height:100%; display:block; background:#f9f2ea; position:fixed; left:0; right:auto; bottom:auto; top:0; z-index:10;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;  opacity:0.5; }

body.ready #ready.toC{
width:100%; height:0;  display:block; background:rgba(244,234,222,0); position:fixed; left:0; right:auto; bottom:0; top:auto;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}

body.ready #ready.toC:before{
content:""; width:100%; height:0; display:block; background:#f9f2ea; position:fixed; left:0; right:auto; bottom:0; top:auto; opacity:0.5;
transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index:12;
}

body.ready #ready.toC:after{
content:""; width:100%; height:0; display:block; background:#f9f2ea; position:fixed; left:0; right:auto; bottom:0; top:auto; z-index:12;
transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity:0.5;
}


body.ready.tablt #ready{ width:0;}

@media screen and (max-width:767px){
	body #ready{ width:100%; height:100vh; display:block; background:rgba(255,255,255,1); position:fixed; left:0; top:0;  z-index:9999; 
	transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; 
	}
	body #ready:before{content:none;}
	body #ready:after{content:none;}
	
	body.ready #ready{ width:100%; height:0px;  display:block; background:rgba(255,255,255,0); position:fixed; left:0; top:0;
	transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;
	}
	body.ready #ready:before{content:none;}
	body.ready #ready:after{content:none;}
}
/*
construction.css
サイト全体で使うレイアウト用のクラス、ヘッダー・フッター・見出し・本文・リスト・テーブルなど、大まかな構造を定義
*/
.sub-main { overflow:hidden;}
.sub-main .lead.mincho{ display:block; margin-bottom:50px;}
.sub-main p{ position: relative;}
@media screen and (max-width: 900px) {
	.sub-main .lead.mincho{ margin-bottom:25px;}
}

/*ホーム*/
.home #homeMain{ position:relative; overflow:hidden;}
.home #homeMain #main-logo{ width:260px; height:100vh; background:#FFFFFF; position:absolute; left:50%; top:0; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding:0 50px; box-sizing:border-box;  -webkit-transition: all .5s; transition: all .5s;}
.home #homeMain #main-logo h1{ width:160px; height:165px; display:block; margin-bottom:0; position:absolute; top:45%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.home #homeMain #main-logo h1 svg{ width:100%; height:auto;}

.home #homeMain #main-logo #mainAboutLink{ position:absolute; bottom:-100px; left:0; width:100%; height:auto; display:block; opacity:0; -webkit-transition: all .5s; transition: all .5s;}
.home #homeMain #main-logo:hover #mainAboutLink{opacity:1; bottom:-95px; }
.home #homeMain #main-logo:hover{-webkit-box-shadow: rgba(0,0,0,.3) 0 0 5px 0; -moz-box-shadow: rgba(0,0,0,.3) 0 0 5px 0; box-shadow: rgba(0,0,0,.3) 0 0 5px 0;}

.home #homeMain #mainAboutLink span{ display:block;}
.home #homeMain #main-logo h1 #mainAboutLink svg{ height:16px; width:auto;}




@media screen and (min-width: 901px) {

.home #homeMain #main-logo h1 .lead{ height:23px; margin-top:10px; display:block;}
}

.home #homeMain #classC{ width:50%; background:#f9f2ea; -webkit-transition: background .3s; transition: background .3s;}
.home #homeMain #classS{ width:50%; background:#e5f0f9; -webkit-transition: background .3s; transition: background .3s;}
.home #homeMain #classC a{ float:left;}
.home #homeMain #classS a{ float:right;}

.home #homeMain a.mainBtn .btn{ letter-spacing:0.05em; font-weight:bold; -webkit-transition: all .3s; transition: all .3s; box-sizing:border-box;}

@media screen and (min-width: 901px) {
.home #homeMain #classC:hover{ background:#fbd9b1;  -webkit-transition: background .3s; transition: background .3s;}
.home #homeMain #classS:hover{ background:#bee3ff;  -webkit-transition: background .3s; transition: background .3s;}
.home #homeMain a.mainBtn:hover .btn{-webkit-box-shadow: rgba(0,0,0,.5) 0 0 3px 0; -moz-box-shadow: rgba(0,0,0,.5) 0 0 3px 0; box-shadow: rgba(0,0,0,.5) 0 0 3px 0;}
}



.home #homeMain .box-column-size1 a{ width:90%; height:100vh; width:-webkit-calc(100% - 130px); width:calc(100% - 130px); display:block; overflow:hidden; position:relative;}
.home #homeMain .box-column-size1 h2{ width:340px; display:block; margin:0 auto; position:absolute; bottom:100px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10;}
.home #homeMain .box-column-size1 h2 .name-jp{height:15px;width:auto;margin-bottom: 10px;}
.home #homeMain .box-column-size1 h2 .lead2{ height:23px; width:auto;}
.home #homeMain .box-column-size1 h2 .btn.btn-w{ margin-top:40px;}
.home #homeMain .box-column-size1 .imgArea{display:block; height:500px; position:absolute; left:50%; top:45%; left:50%; -webkit-transform: translateX(-50%)  translateY(-50%); transform: translateX(-50%) translateY(-50%);}

.home #homeMain .box-column-size1 .imgArea .initial{ width:280px; height:auto; position:absolute; left:50%; top:50px;  -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10;}
.home #homeMain .box-column-size1 .imgArea .lead{ width:38px; height:auto; position:absolute;left:50%; top:0;  -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:12;}

.home #homeMain .danceAnime{ width:680px; height:500px; display:block; background:#FF0000; position:absolute; left:50%; top:55%; -webkit-transform: translateX(-50%)  translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index:11;}

.home #homeMain #classC .danceAnime{ background:url(../img/dance_c.png) no-repeat; background-position:0 0;}
.home #homeMain #classS .danceAnime{ background:url(../img/dance_s.png) no-repeat; background-position:0 0;}

.home #homeMain #classC .imgArea::after{ content:""; width:220px; height:32px; background:url(../img/c_shadow.png) no-repeat; background-size:220px; position:absolute; left:50%; bottom:13%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10; opacity: 0.5;}
.home #homeMain #classS .imgArea::after{ content:""; width:220px; height:32px; background:url(../img/s_shadow.png) no-repeat; background-size:220px; position:absolute; left:50%; bottom:13%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10; opacity: 0.5;}


#homeNews .title1{ text-align:center;}
#homeNews .title1 svg{ height:19px; width:auto;}
#homeNews a.more.btn{    position: relative;    bottom: -1em;}
#homeNews .news-list a{ margin-bottom:0; padding-bottom:0;}

.home #header-wrapper .header-logo{ opacity:0;}

.home #footernav .lesson-nav-c,
.home #footernav .lesson-nav-s{ display:none;}

@media screen and (max-width: 1400px) {
.home #homeMain #main-logo{ width:180px; height:100vh; background:#FFFFFF; position:absolute; left:50%; top:0; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding:0 25px; box-sizing:border-box;}
.home #homeMain #main-logo h1{ width:130px; height:135px; display:block; margin-bottom:0; position:absolute; top:45%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.home #homeMain .box-column-size1 a{ width:90%; height:100vh; width:-webkit-calc(100% - 90px); width:calc(100% - 90px); display:block; overflow:hidden; position:relative;}
}

@media screen and (max-width: 1100px) {
	.home #homeMain .box-column-size1 h2{ bottom: 5%;}
	.home #homeMain .box-column-size1 .imgArea{ top: 42%; }
	.home #homeMain .box-column-size1 h2 .btn.btn-w{ margin-top: 20px;}
}

@media screen and (max-height: 800px ) {
	.home #homeMain .box-column-size1 h2{ bottom: 5%;}
	.home #homeMain .box-column-size1 .imgArea{ top: 42%; }
	.home #homeMain .box-column-size1 h2 .btn.btn-w{ margin-top: 20px;}
}

@media screen and (max-width: 900px) {
	body.landscape .header-logo{width: 12%; max-width: 150px; padding-top: 12%;height: auto;display: block;position: fixed;left: 4%;top: 6%;z-index: 11;}
	
	#homeNews{ margin-bottom:10%;}
	#homeNews .title1{ text-align:center; margin-bottom:5%;}
	#homeNews .news-list a{ margin-bottom:5%;}
	#homeNews a.more.btn{ display:block; padding:20px; background:#f2f2f2;}
 
	.home #homeMain #main-logo{ width:100%; height:100vh; background:#FFFFFF; position:relative; left:auto; top:auto; -webkit-transform: none; transform: none; padding:0; display:block; }
	.home #homeMain #main-logo h1{
	width:35%; height:48%;     max-width: 150px; max-height: 180px;   display:block; margin-bottom:0; position:absolute; top:42%; left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);
	}
	.home #homeMain #main-logo #mainAboutLink{ opacity: 1; bottom: -40px; }
	.home #homeMain #main-logo h1 #mainAboutLink svg{ height: 12px; width: auto;}
	
	.home #homeMain .danceAnime{top:45%;}
	.home #homeMain .box-column-size1 h2{ bottom:50px;}
	
	
	.home #homeMain #classC .imgArea::after{ bottom:11%; }
	.home #homeMain #classS .imgArea::after{ bottom:11%; }
	
.home #homeMain .box-column-size1 .imgArea{ position:relative; top:0; left:0;  -webkit-transform: none; transform: none;}

.home #homeMain #classC,
.home #homeMain #classS{ width:100%; margin-bottom:0;}

	
.home #homeMain #classC a,
.home #homeMain #classS a{ float:none;}

.home #homeMain #classC .danceAnime,
.home #homeMain #classS .danceAnime{
position:absolute; left:50%; top:0; margin:0 auto; 
-moz-transform: scale(0.5,0.5)  translateX(-100%) translateY(-30%); -webkit-transform: scale(0.5,0.5) translateX(-100%) translateY(-30%); -o-transform: scale(0.5,0.5) translateX(-100%); -ms-transform: scale(0.5,0.5) translateX(-100%) translateY(-30%); transform: scale(0.5,0.5) translateX(-100%) translateY(-30%);
}

.home #homeMain .box-column-size1 a{ width:100%; height:auto; display:block; overflow:hidden; position:relative; padding-bottom:60px;}
	
	
.home #homeMain .box-column-size1 h2{ width:100%; display:block; margin:0 auto; position:absolute; bottom:2em; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10;}
.home #homeMain .box-column-size1 h2 .name-jp{ height:12px; width:auto;}
.home #homeMain .box-column-size1 h2 .lead2{ height:16px; width:auto;}
.home #homeMain .box-column-size1 h2 .btn.btn-w{ display:none;}
.home #homeMain .box-column-size1 h2 span{ display:block;}

.home #homeMain .box-column-size1 .imgArea{ display:block; height:300px; margin:1.5em 0 0 0; position:relative;}
.home #homeMain .box-column-size1 .imgArea .initial{width:40%; max-width: 170px; height:auto;position:absolute;left:50%;top:50px;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 0;}
.home #homeMain .box-column-size1 .imgArea .lead{ width:26px; height:auto; position:absolute;left:50%; top:0;  -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.home .news-list a h2{ float:right; margin:0 0 0 0;}

/*tablet*/	
/*.tablet.home #homeMain #main-logo h1{position: relative;transform:none;-webkit-transform:none;left: inherit;top: inherit;width: 22%;margin: 0 auto;padding: 16% 0;}*/
/*.tablet.home #homeMain #main-logo{ height: auto; display: block;}*/
.tablet.home #homeMain #main-logo #mainAboutLink{position: relative;/* padding-top: 20px; */padding: 10px 0;margin-top: 30px;opacity: 1;bottom: initial;background: #f2f2f2;}
.tablet.home #homeMain .box-column-size1 .imgArea .lead{ width: 36px;}
.tablet.home #homeMain .box-column-size1 h2 .name-jp{ height: 15px;}
.tablet.home #homeMain .box-column-size1 h2 .lead2{ height: 23px;}	
.tablet.home #homeMain .box-column-size1 .imgArea .initial{ width: 25%; top: 20px;}
/*横*/
	

#home.landscape #homeMain #main-logo{ width:100%; height:100vh; background:#FFFFFF; position:relative; left:auto; top:auto; -webkit-transform: none; transform: none; padding:0; display:block; }
#home.landscape #homeMain #main-logo h1{ width:130px; height:135px; display:block; margin-bottom:0; position:absolute; top:55%; left:50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
#home.landscape #homeMain #classC,
#home.landscape #homeMain #classS{ width:50%; margin-bottom:0;}
#home.landscape #homeMain .box-column-size1 a{ width:100%; height:100vh; display:block; overflow:hidden; position:relative;}

}

@media screen and (max-width: 900px) {
	.home #homeMain #main-logo,
	.home #homeMain .box-column-size1 a{ min-height:inherit; min-height: auto!important;}
}


@media screen and (max-height: 700px ) {
	
	.home #homeMain #main-logo,
	.home #homeMain .box-column-size1 a{ min-height: 700px;}
}




/*about*/
#about #contents0{ background:#424242;}

#about .btn.flowbtn{ margin-bottom: 10px;}
#about .btn.flowbtn br{ line-height: 1.4em;}

#about .sub-main{ display:block; min-height:100vh; padding:200px 0 100px 0; box-sizing:border-box; position:relative; z-index:10; background: url(../about/img/main.png) no-repeat bottom center; padding-bottom: 750px; color: #fff; }
#about .sub-main .lead.mincho svg{ height:40px; width:auto;}
#about .title1 svg{ fill:#fff;}
#about .lead svg{ fill:#fff;}

.interview-main{ display:block; overflow:hidden; position:relative; margin-bottom:0;}
.interview-main .img-wrap{ width: 60%; width: -webkit-calc(60% - 30px); width: calc(60% - 30px); display:block; overflow:hidden; float:right;}
.interview-main .img-wrap img{ width:100%; height:auto;}
.interview-main .title2{ position:absolute; left:0; top:40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size:4.5em; font-feature-settings: "palt"; letter-spacing: .05em;}
.interview-main .title2 span.small{ font-size:1rem; display:block; margin-bottom:2.5em;}
.interview-main .textArea{width: 24.25%; width: -webkit-calc(40% - 45px); width: calc(40% - 45px); position:absolute; left:0;  top:-webkit-calc(20% + 130px); top:calc(20% + 130px);}

#about .element8 { text-align:center;}
#about .element8 img{ width:80%;}

@media screen and (max-width: 1400px) {
	.interview-main .title2{ position:absolute; font-size:3em;}
	#about .element8 img{ width:100%;}
}
@media screen and (max-width: 1100px) {
	#about .btn.flowbtn { padding: 0.8em 0.5em; font-size: 0.8rem; line-height: 1.5em;}
	#about .btn.flowbtn br{ display:block; line-height: 1.4em;}
}
@media screen and (max-width: 900px) {
	
	#about .sub-main{ display:block; min-height:100vh; padding:25% 6% 70%; background: url(../about/img/main.png) no-repeat bottom center; background-size:150%; }
	
	#about .sub-main img{ width:45%; height:auto; -webkit-transform:none; transform:none;}
	#about .sub-main > img.woman{/* margin-right:5%; */position:relative;top:inherit;top:inherit;left: auto;right: auto;left: inherit;transform:  none;right:  inherit;}
	#about .sub-main > img.man{position:relative;top:inherit;right: auto;right: inherit;left: auto;left: inherit;transform:  none;}
	.interview-main{margin-bottom:1em; overflow:visible;}
	.interview-main .img-wrap{ width: 100%; height:auto; display:block; float:none; position:relative;}
	.interview-main .img-wrap img{ }
	.interview-main .title2{ position:relative; left:0; top:auto; font-size:1.8em; margin-bottom:0.5em; -webkit-transform:none; transform:none; display:block; text-align:center;}
	.interview-main .title2 span.small{font-size:1rem;display:block;margin-bottom: 0.5em;line-height: 1.6em;}
}
@media screen and (max-width: 600px) {
	#about .sub-main .lead.mincho svg{ height:auto; width:100%;}
}

/*flow*/
#flow #contents0 .list-nav{ display: block; width: 600px; margin: 0 auto;}
#flow #contents0{ min-height:inherit; min-height:auto;}
#flow #contents0 .sub-main{ min-height:inherit; min-height:auto; padding-bottom: 100px;}
#flow #contents0{min-height:inherit; background: url(../flow/img/main.jpg) no-repeat center; background-size: cover; color: #fff;}
#flow .title1 svg{ fill:#fff;}

#flow #selectWrap{ background: #f9f2ea; position: relative; padding: 40px;}
#flow #selectWrap::after{ content: ""; width: 50%; height: 100%; position: absolute; display: block; right: 0; top: 0; background: #e5f0f9;}
#flow #selectWrap > *{ position: relative; z-index: 1;}
#flow #selectWrap .selectWrap{ padding: 40px; box-sizing: border-box; text-align: center; margin-bottom: 20px;}
#flow #selectWrap .selectWrap > *{ text-align: center;}
#flow #selectWrap .selectWrap .title2{ margin-bottom: 20px;}
#flow #selectWrap .selectWrap p{ margin-bottom: 20px;}
#flow #selectWrap .selectWrap p:last-child{ margin-bottom: 0;}
#flow #selectWrap .selectWrap p:last-child br{ display: none;}
#flow #selectWrap .column-flex.box-column2 .box-column-size1{width: 49.5%; width: -webkit-calc(50% - 30px); width: calc(50% - 30px);}
#flow #contents .lineLeft-h{ position: relative;}
#flow #contents .lineLeft-h::before{content: ""; width: 15px; height: 1px; display: block; background: #000000; position: absolute; left: -25px; top: 13px;}
#flow #contents br.tab{ display: none; }

@media screen and (max-width: 1600px) {
	#flow #contents br.tab{ display: block; }
}

@media screen and (max-width: 1300px) {
	#flow #selectWrap .selectWrap p:last-child br{ display: block;}
	#flow #selectWrap .selectWrap{ padding: 20px;}
	
}

@media screen and (max-width: 900px) {
	#flow section{ padding-top: 40px;}
	#flow #selectWrap{ padding: 15px;}
	#flow #selectWrap .selectWrap{ padding: 15px;}
	#flow #selectWrap .selectWrap .title2{ margin-bottom: 10px;}
	#flow #selectWrap .flowWrap.column-flex.box-column2 > .box-column-size1{width: 100%; margin-bottom: 40px; }
	#flow #selectWrap .flowWrap.column-flex.box-column3 > .box-column-size1{width: 100%;/* margin-bottom: 40px; */margin-bottom: 0;}
	#flow #selectWrap .column-flex.box-column2 .box-column-size1{width: 49.5%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-bottom: 0;}
	#flow #selectWrap .selectWrap p{ margin-bottom: 10px; text-align: left;}
	#flow #selectWrap .selectWrap p:last-child br{ display: none;}
	#flow #contents br.tab{ display: none; }
}

.flowArrow{ text-align: center; height: 60px; position: relative; padding: 10px;}
.flowArrow::after{ content: ""; width: 100%; height: 30px; background:url(../img/arr-flow.svg) no-repeat center bottom; background-size: 12px 380px; position: absolute; bottom: 0; left: 0; display: block;} 

	#lastArrow .flowArrow{ text-align: center; height: 40px; position: relative; padding: 0;}
	#lastArrow .flowArrow::after{ content: ""; width: 100%; height: 40px; background:url(../img/arr-flow.svg) no-repeat center bottom; background-size: 12px 380px; position: absolute; bottom: 0; left: 0; display: block;} 

@media screen and (max-width: 900px) {
	.tabbtnWrap .flowArrow{ border: 1px solid #000; margin-bottom: 0; cursor: pointer;}
	.tabbtnWrap .flowArrow.select{ background: #fff; border: 1px solid #000; margin-bottom: 0;}
	
	.flowArrow{ text-align: center; height: 70px; position: relative; padding: 10px; border: none;}
	.flowArrow::after{ content: ""; width: 100%; height: 25px; background:url(../img/arr-flow.svg) no-repeat center bottom; background-size: 12px 380px; position: absolute; bottom: 10px; left: 0; display: block;} 
	
	#lastArrow .flowArrow{ text-align: center; height: 40px; position: relative; padding: 0; display: none; cursor:default;}
	#lastArrow .flowArrow.select{display: block;width: 100%;border: none;background: none;}
	#lastArrow .flowArrow::after{content: "";width: 100%;height: 40px;background:url(../img/arr-flow.svg) no-repeat center bottom;background-size: 12px 380px;position: absolute;bottom: 0;left: 0;display: block;} 
	
}

#step1{ margin-bottom: 20px;}
#step1 p{ max-width: 600px; display: block; margin: 0 auto;}

#step2 .name-eng{ height: 16px; width: auto;}
#step2 .name-jp{ height: 12px; width: auto;}
#step2 > *{ text-align: center;}
#step2 .jp-cource{ display: block; margin-bottom: 10px;}
#step2 .border-box{ margin-bottom: 20px;}
#step2 .imgArea{ position: relative;}
#step2 .initial{ width:200px; height:auto; position:absolute; left:50%; top:20px;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#step2 .imgArea{ padding-top: 260px;}
#step2 .imgArea .danceAnime{ width:680px; height:430px; display:block;  position:relative;  z-index:11; position: absolute; top: -50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#step2 #step2A .imgArea .danceAnime{ background:url(../img/dance_c.png) no-repeat; background-position:0 0;}
#step2 #step2B .imgArea .danceAnime{ background:url(../img/dance_s.png) no-repeat; background-position:0 0;}

@media screen and (max-width: 900px) {
	#select #selectWrap #step2B{ margin-bottom: 10px;}
	#step1 .column-flex.box-column2 .box-column-size1{ margin-bottom: 0;}
	
	#step2,
	#step3,
	#step4,
	#lastArrow{ display: none; opacity: 0;}
	
	#step2.view,
	#step3.view,
	#step4.view,
	#lastArrow.view{ display: block;}
	
	#step2 > *{ display: none;}
	#step2 > *.select{ display: block;}
	#step3 > *{ display: none;}
	#step3 > *.select{ display: block;}
	
	#flow #selectWrap{ background: #f9f2ea; position: relative; padding: 15px;}
	#flow #selectWrap::after{-webkit-transition: all .5s; transition: all .5s;}
	#flow #selectWrap.classC::after{ content: ""; width: 0%; height: 100%; position: absolute; display: block; right: 0; top: 0; background: #e5f0f9;}
	#flow #selectWrap.classS::after{ content: ""; width: 100%; height: 100%; position: absolute; display: block; right: 0; top: 0; background: #e5f0f9;}
}

#selectWrap .list-nav li .cat{ width:10em; text-align:center; float:right; top: 4px;  position: relative;}

#step3{ margin-bottom: 10px;}
#step4 .btn{ margin: 0 10px; width: 90%; max-width: 300px; display: inline-block;}
#flow #selectWrap #step3 .selectWrap{ margin-bottom: 3px;}



@media screen and (max-width: 900px) {
	#flow #contents0 .list-nav{ width:auto;}
	#step2 .imgArea .danceAnime{
		position:absolute; left:50%; top:0; margin:0 auto; 
	-moz-transform: scale(0.5,0.5)  translateX(-100%) translateY(-30%); -webkit-transform: scale(0.5,0.5) translateX(-100%) translateY(-30%); -o-transform: scale(0.5,0.5) translateX(-100%); -ms-transform: scale(0.5,0.5) translateX(-100%) translateY(-30%);
	}
	#step4 .btn{ margin-bottom: 10px;}
}

/*trainer*/
#trainer #contents0{ background:url(../trainer/img/bg.jpg) no-repeat; background-size:cover; display:block; overflow:hidden;}
#trainer #contents0 .lead.mincho img{ height:100px; width:auto;}
#trainer .sub-main{ position:relative;}
#trainer .sub-main p{ width:auto; position: relative;}
#trainer .sub-main .imgArea img{ width:38%;  width : -webkit-calc(42% - 30px) ;   width : calc(42% - 30px) ; height:auto; position:absolute; left:150px;top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:0;}
#trainer .column-flex.box-column2 .box-column-size1.t-left{ position:relative; z-index:10;}
#trainer .message{ display:block; width:80%; display:block; padding:20px 30px; margin:-20% auto 0; position:relative; z-index:10; background:#000000; color:#FFFFFF;}
#trainer .message .title3{ letter-spacing:0.1em; margin-bottom:10px;}

@media screen and (max-width: 1400px) {
trainer .sub-main .imgArea img{ width:45%;  width : -webkit-calc(40% - 30px) ;   width : calc(40% - 30px) ; height:auto; position:absolute; left:50px;  z-index:0;
top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#trainer .message{margin:-10% auto 0;}
}

@media screen and (max-width: 900px) {
	#trainer #contents0 .lead.mincho img{ height:63px; width:auto;}
	#trainer .message{margin:-15% auto 0; width: 96%; padding: 15px 20px;}
	#trainer .column-flex.box-column2 .box-column-size1{ margin-bottom: 30px;}
}

/*lesson*/
.lesson .pagetitle .title1 span { display:block; padding-top:20px; line-height:0;}
.lesson .pagetitle .title1 .name-eng{ height:24px; width:auto;}
.lesson .pagetitle .title1 .name-jp{ height:18px; width:auto;}
.lesson .sub-main p{ width:auto;}
.lesson .sub-main .box-column-size1 .title2{ line-height:0; margin-bottom:0.5em;}
.lesson .sub-main .box-column-size1 .title2 svg{ height:24px; width:auto;}
.lesson .sub-main .imgArea{ display:block; height:500px; margin:0 50px 0 50px; position:relative;}
.lesson .sub-main .imgArea .initial{ width:280px; height:auto; position:absolute; left:50%; top:20px;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.lesson .sub-main .imgArea .lead{ width:38px; height:auto; position:absolute;left:50%; top:0;  -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.lesson .sub-main .imgArea .danceAnime{ width:680px; height:500px; display:block; background:#FF0000; position:absolute; left:50%; top:60%; -webkit-transform: translateX(-50%)  translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index:11;}
.lesson#communicative .sub-main .imgArea .danceAnime{ background:url(../img/dance_c.png) no-repeat; background-position:0 0;}
.lesson#speciality .sub-main .imgArea .danceAnime{ background:url(../img/dance_s.png) no-repeat; background-position:0 0;}
.lesson#communicative .imgArea::after{ content:""; width:220px; height:32px; background:url(../img/c_shadow.png) no-repeat; background-size:220px; position:absolute; left:50%; bottom:10%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10; opacity: 0.5;}
.lesson#speciality .imgArea::after{ content:""; width:220px; height:32px; background:url(../img/s_shadow.png) no-repeat; background-size:220px; position:absolute; left:50%; bottom:10%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10; opacity: 0.5;}

.lesson#communicative #contents0{ background:#f9f2ea;}

.lesson#communicative .btn.flowbtn{ background:#f9f2ea; }
.lesson#communicative .btn.flowbtn:hover{background:#fbd9b1;}
.lesson#speciality .btn.flowbtn{ background:#e5f0f9;}
.lesson#speciality .btn.flowbtn:hover{background:#bee3ff;}


.lessonImg{ width:100%; padding-top:55%; position:relative; overflow:hidden;}
.lessonImg video{ width: 101%; height:auto; position:absolute; left:-0.5%; top:-0.5%;}
.lesson#speciality #contents0{ background:#e5f0f9;}
.lesson .column-flex.box-column4 .box-column-size2{ margin-bottom: 5%; }
.lesson .column-flex.box-column4 .box-column-size2:last-child{ margin-bottom: 0;}

.lesson .lessonInfo{ padding-top: 5%;}

/*tablet*/
body.tablet .lesson .pagetitle .title1 .name-eng{ height: 24px;}
body.tablet .lesson .pagetitle .title1 .name-jp{ height: 20px;}
body.tablet .lesson .sub-main .imgArea .initial{ width: 40%;}
body.tablet .lesson .sub-main .imgArea .lead{ width: 36px;}
body.tablet .lesson .sub-main .imgArea{ height: 420px;}
body.tablet .lesson .sub-main .imgArea .danceAnime{
	 top:0;
transform: scale(1,1)  translateX(-100%) translateY(-30%);
	-moz-transform: scale(1,1)  translateX(-50%) translateY(0%); -webkit-transform: scale(1,1)  translateX(-50%) translateY(0%); -o-transform: scale(1,1)  translateX(-50%) translateY(0%); -ms-transform: scale(1,1)  translateX(-50%) translateY(0%);
}
body.tablet .lesson .sub-main .box-column-size1 .title2{ text-align: center;}
body.tablet .lesson .sub-main .box-column-size1 .title2 svg{ height: 24px; width: auto;}

@media screen and (max-width: 1100px) {
	.lesson .btn.flowbtn{ background:#f9f2ea; width: 100%; margin: 0 10px 10px; }
}
	
@media screen and (max-width: 900px) {
	.lesson .sub-main .box-column-size1 .title2 svg{ width:100%; height:auto;}
	.lesson .sub-main .imgArea{ margin:0 auto;}
	.lesson .pagetitle .title1{ margin-bottom:10%;}
	.lesson .pagetitle .title1 .name-eng{ height:16px; width:auto;}
	.lesson .pagetitle .title1 .name-jp{ height:12px; width:auto;}
	.lesson .pagetitle .title1 span{ padding-top:0.5rem;}
	.lesson .sub-main .imgArea{ height:300px; padding-top:0;}
	.lesson .sub-main .imgArea .initial{width: 60%; max-width: 200px; height:auto;}
	.lesson .sub-main .imgArea .lead{width: 26px;}
	.lesson .sub-main .imgArea .danceAnime{
		position:absolute; left:50%; top:0; margin:0 auto; 
	-moz-transform: scale(0.5,0.5)  translateX(-100%) translateY(-30%); -webkit-transform: scale(0.5,0.5) translateX(-100%) translateY(-30%); -o-transform: scale(0.5,0.5) translateX(-100%); -ms-transform: scale(0.5,0.5) translateX(-100%) translateY(-30%);
	}
	body.landscape .lesson .sub-main .imgArea .initial{ width:30%; height:auto;}
	body.landscape .lesson .sub-main .box-column-size1 .title2 svg{ height:24px; width:auto;}
	
	.lessonImg{ width:100%; padding-top:70%; position:relative; overflow:hidden; background-size:cover;}
	.lessonImg video{ display:none;}
	
	.lessonImg.middleImg{ background:url(../communicative/img/lesson_senior.jpg) no-repeat;     background-size: cover;}
	.lessonImg.adultImg{ background:url(../communicative/img/lesson_adult.jpg) no-repeat;     background-size: cover;}
	.lessonImg.youngImg{ background:url(../communicative/img/lesson_young.jpg) no-repeat;     background-size: cover;}
	.lessonImg.privateCImg{ background:url(../communicative/img/lesson_private.jpg) no-repeat;     background-size: cover;}
	
	.lessonImg.kidsImg{ background:url(../speciality/img/lesson_kids.jpg) no-repeat;     background-size: cover;}
	.lessonImg.kyougiImg{ background:url(../speciality/img/lesson_pro.jpg) no-repeat;     background-size: cover;}
	.lessonImg.privateSImg{ background:url(../speciality/img/lesson_private_s.jpg) no-repeat;     background-size: cover;}

	.lesson .lessonInfo{ padding-top: 10%;}
}

/*bnrエリア*/
.bnr-area .column-flex .box-column-size1{ width:33.333%;  position:relative; -webkit-transition: all .5s; transition: all .5s;}
.bnr-area .column-flex.box-column2 .box-column-size1{ width:50%; position:relative; -webkit-transition: all .5s; transition: all .5s;}

.bnr-area .column-flex .box-column-size1:nth-child(2){ }
.bnr-area .column-flex .box-column-size1 a{ width:100%; padding-top:65%; display:block; position:relative;  -webkit-transition: all .5s; transition: all .5s;}
.bnr-area .column-flex .box-column-size1 a .bnr-title{ height:19px; width:auto; top:35px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position:absolute;}

.bnr-area .column-flex .box-column-size1.bnr-online{background: url("../img/online_bnr.jpg") no-repeat center; background-size: cover;}
.bnr-area .column-flex .box-column-size1.bnr-moive{background: url("../img/movie_bnr.jpg") no-repeat center; background-size: cover;}
@media screen and (min-width: 901px) {
.bnr-area .column-flex .box-column-size1:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); }
.bnr-area .column-flex .box-column-size1:hover a{-webkit-box-shadow: rgba(0,0,0,.3) 0 0 5px 0; -moz-box-shadow: rgba(0,0,0,.3) 0 0 5px 0; box-shadow: rgba(0,0,0,.3) 0 0 5px 0; z-index:10; }
}



.bnr-area .column-flex .box-column-size1.bnr-trainer{background:url(../img/trainer_img.jpg) no-repeat center; background-size:cover;}
.bnr-area .column-flex .box-column-size1.bnr-trainer .lead{height:40px; width:auto; position:absolute; bottom:35px; left:50%;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.bnr-area .column-flex .box-column-size1.bnr-trainer .x{ position:absolute; top:50%; left:50%;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}	

.bnr-area .column-flex .box-column-size1.bnr-access{ background:url(../img/access_img.jpg) no-repeat center; background-size:cover; }
.bnr-area .column-flex .box-column-size1.bnr-access .lead{ height:38px; width:auto; position:absolute; bottom:35px; left:50%;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.bnr-area .column-flex .box-column-size1.bnr-kids{ background:url(../img/kids_img.jpg) no-repeat center; background-size:cover;}
.bnr-area .column-flex .box-column-size1.bnr-kids .lead1{ position:absolute; right:8%; top:70px; }
.bnr-area .column-flex .box-column-size1.bnr-kids .lead2{ position:absolute; left:8%; top:70px;}

.bnr-area .column-flex .box-column-size1.bnr-online,
.bnr-area .column-flex .box-column-size1.bnr-moive{ width: 50%;}
.bnr-area .column-flex .box-column-size1.bnr-online .lead,
.bnr-area .column-flex .box-column-size1.bnr-moive .lead{height:40px; width:auto; position:absolute; bottom:35px; left:50%;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}

@media screen and (max-width: 1600px) {
.bnr-area .column-flex .box-column-size1 a .bnr-title{top:25px;}
.bnr-area .column-flex .box-column-size1.bnr-kids .lead1{ width:70px; height:auto;  top:60px; right:5%;}
.bnr-area .column-flex .box-column-size1.bnr-kids .lead2{ width:70px; height:auto;  top:60px; left:5%;}

}

@media screen and (max-width: 1400px) {
.bnr-area .column-flex .box-column-size1 a .bnr-title{ height:16px; width:auto; top:20px;}
.bnr-area .column-flex .box-column-size1.bnr-trainer .lead,
.bnr-area .column-flex .box-column-size1.bnr-access .lead{ height:30px; width:auto; bottom:20px;}
.bnr-area .column-flex .box-column-size1.bnr-trainer .x{ width:20px;}

.bnr-area .column-flex .box-column-size1.bnr-kids .lead1{ width:55px; height:auto;  top:60px; right:6%;}
.bnr-area .column-flex .box-column-size1.bnr-kids .lead2{ width:55px; height:auto;  top:60px; left:6%;}
	
.bnr-area .column-flex .box-column-size1.bnr-online .lead,
	.bnr-area .column-flex .box-column-size1.bnr-moive .lead{ height:30px; width:auto; bottom:20px;}
}

@media screen and (max-width: 900px) {
.bnr-area .column-flex .box-column-size1 a{ width:100%; padding-top:70%; display:block; position:relative;}
.bnr-area .column-flex .box-column-size1 a .bnr-title{ height:16px; width:auto; top:20px;}

.bnr-area .column-flex .box-column-size1.bnr-trainer .lead{ height:30px; width:auto; bottom:20px;}
.bnr-area .column-flex .box-column-size1.bnr-trainer .x{ width:30px; height:auto; }	

.bnr-area .column-flex .box-column-size1.bnr-access .lead{height:30px; width:auto; bottom:20px;}

.bnr-area .column-flex .box-column-size1.bnr-kids .lead1{ width:60px; height:auto;  top:50px; right:5%;}
.bnr-area .column-flex .box-column-size1.bnr-kids .lead2{ width:60px; height:auto;  top:50px; left:5%;}

.bnr-area .column-flex .box-column-size1{ width:100%; }
.bnr-area .column-flex .box-column-size1 a{padding-top: 60%;}
.bnr-area .column-flex .box-column-size1.bnr-online .lead,
	.bnr-area .column-flex .box-column-size1.bnr-moive .lead{height:30px; width:auto; bottom:20px;}
}


/*titleエリア*/
#contents0{ background:#f5f5f5; line-height:2em; min-height:100vh;}

.sub-main{ display:block; min-height:100vh; padding:200px 0 50px 0; box-sizing:border-box;}
.sub-main p{ display:block;  width:600px; margin:0 auto; line-height:2em; margin-bottom:1em;}
.sub-main .pagetitle{ margin-bottom:50px}

.main2Column{ margin:0 200px; padding:0px 0 0 0;}

.lessonmenu.column-flex.box-column2 .box-column-size1{width: 48%;}
.lessonmenu .title2{ text-align:left;}
.lessonmenu p{ line-height:2.5em; margin-bottom:2em;}
.lessonmenu .list-nav li{ display:block; background:#FFFFFF; margin-bottom:3px; -webkit-transition: all .3s; transition: all .3s;}
.lessonmenu .list-nav li a{ display:block; text-align:left; padding:20px 20px 20px 60px; position:relative;}

main .lessonmenu .list-nav li a:hover{ text-decoration:none; -webkit-box-shadow: rgba(0,0,0,.3) 0 0 3px 0; -moz-box-shadow: rgba(0,0,0,.3) 0 0 3px 0; box-shadow: rgba(0,0,0,.3) 0 0 3px 0;}
main .lessonmenu .list-nav:hover > li {background:rgba(255,255,255,0.5); }
main .lessonmenu .list-nav:hover > li:hover {background:rgba(255,255,255,1); }

.lessonmenu .list-nav li a:before{ content:""; position:absolute; width:15px; height:1px; background:#000000; left:30px; top: 50%;}
.lessonmenu .list-nav li .cat{ width:10em; text-align:center; float:right; top: 4px;  position: relative;}

@media screen and (max-width: 1400px) {
	.main2Column{ margin:0 100px; padding:0px 0 0 0;}
}


@media screen and (max-width: 900px) {
	.sub-main{ display:block; padding:35% 6% 10%; box-sizing:border-box;}
	.sub-main p{ display:block;  width:auto; margin:0 auto; line-height:2em;}
	.main2Column{ margin:0 auto; padding:0 0 0;}
	.lessonmenu p{ line-height:2em; margin-bottom:1em;}
	.lessonmenu.column-flex.box-column2 .box-column-size1{width: 100%; margin-bottom:5%;}
	.lessonmenu.column-flex.box-column2 .box-column-size1:last-child{ margin-bottom:0;}
	#trainer .sub-main .imgArea img{ width:80%;  height:auto; position:relative; left:auto;top:auto; -webkit-transform: none; transform:none; z-index:0;}
	#trainer .sub-main .main2Column .box-column-size1:first-child{ margin-bottom:0;}
	#trainer .sub-main .pagetitle,#trainer .sub-main .pagetitle .title1{ margin-bottom:0;}
	

	
	.lessonmenu .list-nav li a{display:block;text-align:left;padding:10px 10px 10px 30px;position:relative;line-height: 1.5em;font-size: 0.9rem;}
	.lessonmenu .list-nav li a:before{ content:""; position:absolute; width:8px; height:1px; background:#000000; left:15px; top: 50%;}
	.lessonmenu .list-nav li .cat{top: auto;}
	
	

}

/*tablet*/
body.tablet #contents0{min-height:inherit;}
body.tablet .sub-main{min-height:inherit;}

/*sectionエリア*/

section{ padding:100px 0 0 0 ; text-align:left;}
section .title2{text-align:left;margin-bottom:50px;line-height: 1.5em;}
section .title3{ text-align:left; line-height:1.8em;}
section .box-column-size3.single-column{justify-content: flex-end;}

@media screen and (max-width: 900px) {
	section{padding: 80px 0 0 0;text-align:left;position:relative;}
	section .title2{text-align:left;margin-bottom:1em;line-height: 1.6em;position: relative;z-index: 10;}
}

/*profile*/
.profileWrap .box-column-size1 .imgWrap{margin-bottom:2em!important;position:relative;padding-top: 100%;overflow:hidden;}
.profileWrap .box-column-size1 .imgWrap img{ position:absolute; width:100%; height:auto; top:0; left:0;}
.profileWrap .name{font-size:2.4em;margin-bottom:15px;margin-top: 30px;}
.profileWrap .name .eng{ font-size:1.1rem; display:block; margin-top:0.5em;}
.profileWrap dl.list-horizontal { margin-bottom:15px; border-top:none; font-size:0.8rem;}
.profileWrap dl.list-horizontal > * { padding:0; border-bottom:none; }
.profileWrap dl.list-horizontal > dt { width: 4em; }
.profileWrap dl.list-horizontal > dd { width: 80%; width:-webkit-calc(100% - 4em); padding-left: 0; line-height:1.8em; }

.lesson .column-flex.box-column4 .motion dl.box-column-size2{width:48.5%; margin-right: 3%;}
.lesson .column-flex.box-column4 .motion dl.box-column-size2:last-child{ margin-right: 0; margin-bottom: 5%;}
.lesson .column-flex.box-column4 .motion dl.box-column-size2 > dt{ width: 5em;}
.lesson .column-flex.box-column4 .motion dl.box-column-size2 > dd{ width: -webkit-calc(100% - 5em); width: calc(100% - 5em); text-align: right; color: #ccc; letter-spacing: 0.1em;}
.lesson .column-flex.box-column4 .motion dl.kidsMotion{ margin-bottom: 5%;}
.lesson .column-flex.box-column4 .motion dl.kidsMotion > dt{ width: 11em;}
.lesson .column-flex.box-column4 .motion dl.kidsMotion > dd{ width: -webkit-calc(100% - 11em); width: calc(100% - 11em); text-align: right; color: #ccc; letter-spacing: 0.1em;}

.lesson .column-flex.box-column4 .motion dl > dd span{ color: #000;}

@media screen and (max-width: 1200px) {
.profileWrap .box-column-size1 .imgWrap{padding-top:120%;}
.lesson .column-flex.box-column4 .motion dl.box-column-size2{width:100%!important; margin-right: 0%; margin-bottom: 0;}
.lesson .column-flex.box-column4 .motion dl.box-column-size2:last-child{ border-top: none;}

}

@media screen and (max-width: 900px) {
	.profileWrap .name{ font-size:2em; margin-bottom:0.5rem; margin-top: 0;}
	.profileWrap dl.list-horizontal{ margin-bottom:0.5rem;}
	.lesson .column-flex.box-column4 .motion dl.box-column-size2 > dt{ width: 100%; padding-top: 3%;}
	.lesson .column-flex.box-column4 .motion dl.box-column-size2 > dd{ width: 100%; text-align: left; padding-bottom: 3%;}
	
	.lesson .column-flex.box-column4 .motion dl.kidsMotion > dt{ width: 100%; padding-top: 3%;}
	.lesson .column-flex.box-column4 .motion dl.kidsMotion > dd{ width: 100%; text-align: left; padding-bottom: 3%;}
}

/*lesson*/
section.lessonInfo{ position:relative;}
section.lessonInfo .width-max{ position: relative;}
section.lessonInfo .cat{ margin-bottom:30px; }
section.lessonInfo .title2{ margin-right: 230px; line-height: 1.3em;}
section.lessonInfo .title2 div{ font-size:1rem; display:block; margin-bottom:1em; position:relative;} 
section.lessonInfo .title2 div::before{ content:""; width:15px; height:1px; display:block; background:#000000; position:absolute; left:-25px; top:13px;}
section.lessonInfo .title2 span.cat{font-size:0.7rem; display:block; margin-top:20px;} 
section.lessonInfo .btn.flowbtn{ width:49%; margin:10px 0 0; display: inline-block; margin-right: 2%;}
section.lessonInfo .btn.flowbtn:last-child{margin-right: 0;}

section.lessonInfo .btn.conversion-btn{width: 200px;display:block;position: absolute;right: 0;top:35px;text-align: center;padding: 0.7em 0.5em;     font-size: 0.9rem;}

@media screen and (max-width: 900px) {
section.lessonInfo .cat{ margin-bottom:1em;}
	section.lessonInfo .title2{ margin-right: 0;}
	section.lessonInfo .title2 div::before{ top:0.3em;}
section.lessonInfo .title2 div{ margin-bottom: 0.5em; line-height: 1em;}
	section.lessonInfo .title2 span.cat{    margin-top: 0.5em;	}
section.lessonInfo{ }
section.lessonInfo .box-column-size1{ width:100%;}
section.lessonInfo .lessonImg{ width:100%; position:relative; left:0%; top:0;}
section.lessonInfo .btn.flowbtn{margin: 0 auto 2%; width:100%;}
section.lessonInfo .btn.conversion-btn{position: relative;width: 100%;display: block;top: 0;top: auto;left: 0;left: auto;padding: 1em 1.5em;}
	/*section.lessonInfo .btn.flowbtn:first-of-type{ margin-right: 2%; }*/

}
@media screen and (max-width: 600px) {
section.lessonInfo .btn.flowbtn{ width: 100%;}
section.lessonInfo .btn.flowbtn{ margin: 0 auto 10px;}
}

/*news*/
.news-list{}
.news-list a{ display:block; overflow:hidden; background:#FFF; padding-bottom:15px;  -webkit-transition: all .5s; transition: all .5s; position:relative; }

@media screen and (min-width: 901px) {
/*.home .news-list a .thumb::before{ content:""; width:0%; height:1px; background:#999; position:absolute; bottom:0; -webkit-transition: all .5s; transition: all .5s; z-index:11;}
.home .news-list a:hover .thumb::before{ width:100%;}*/
.home .news-list a:hover{-moz-transform: translateY(-5px); transform:translateY(-5px);}
.home .news-list a:hover .thumb{
	-webkit-box-shadow: rgba(0,0,0,.3) 0 0 5px 0;
    -moz-box-shadow: rgba(0,0,0,.5) 0 0 5px 0;
    box-shadow: rgba(0,0,0,.5) 0 0 5px 0;
	webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); 
	}
}

.news-list .thumb{ position:relative; width:100%; padding-top:60%; position:relative; overflow:hidden; display:block; margin-bottom:15px;  -webkit-transition: all .5s; transition: all .5s; webkit-transform: translateY(-5px); }
.news-list .thumb img{ width:100%; height:auto; position:absolute; left:0; top:50%; transform: translateY(-50%);transform: translateY(-50%);}
.news-list .cat-news{position:absolute;left:-1px;top:-1px;color:#999;background:#FFF;padding:0.1em 0.2em 0em 0.2em;width: 110px;display:block;text-align:center;z-index:10;font-weight:bold;letter-spacing:0.1em;font-size: 0.7rem;}

.news-list a time{width:60px;display:block;float:left;text-align:center;font-size: 1.3rem;letter-spacing: 0.05em;line-height:1em;font-weight:bold;}
.news-list a time span{display:block;text-align:center;font-size: 0.9rem;padding-top:0px;position:relative;margin-top:8px;padding-top:2px;}
.news-list a time span:before{content:"";width: 5px;height:1px;display:block;position:absolute;left:0;top:0;background:#000000;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.news-list a h2{width: -webkit-calc(100% - 70px);display:block;float:right;}

@media screen and (max-width: 1400px) {
	.news-list a time{width:45px;font-size: 1rem;letter-spacing: 0.05em;}
	.news-list a time span{font-size: 0.7rem;margin-top:8px;padding-top:2px;}
	.news-list a h2{width:-webkit-calc(100% - 50px); display:block; float:right;}
}

@media screen and (max-width: 900px) {
	.column-flex.box-column4.news-list .box-column-size1{margin-bottom:2em;}
	.column-flex.box-column4.news-list .box-column-size1:last-child{ margin-bottom:0;}
	.news-list .cat-news{ font-size:0.8em; width:80px; padding:0;}
	.news-list a h2{width:-webkit-calc(100% - 65px); display:block; float:none; margin-bottom:70px;}
}

#news #contents0{ background:none; min-height:inherit; min-height:auto;}
#news #contents0 .sub-main{ padding-bottom:0;}
#news time{width:75px;display:block;float:left;text-align:center;font-size: 1.6rem;line-height:1em;font-weight:bold;}
#news time span{display:block;text-align:center;font-size:1.1rem;letter-spacing: 0.05em;padding-top:0px;position:relative;margin-top: 12px;padding-top:2px;}
#news time span:before{content:"";width: 10px;height:1px;display:block;position:absolute;left:0;top:0;background:#000000;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#news .sub-main{ min-height:inherit; min-height:auto;}
#news .entryWidth{width: 40%;  min-width: 800px; margin:0 auto; text-align:left;}


@media screen and (max-width: 900px) {
	#news .entryWidth{width: auto;  min-width:auto; min-width:inherit; margin:0 4%; }			
}

#news.index section{ padding-top:0;}
#news.index section .news-list{ border-top:1px solid #ccc;}
#news.index section .news-list li{ display:block; border-bottom:1px solid #ccc; }
#news.index section .news-list li a{display:block; overflow:hidden;  padding:30px 0; position:relative;}
#news.index section .news-list li a:hover{ text-decoration:none;}
#news.index section .news-list li a time{ width:60px; font-size:1.8rem; margin-right:20px; position:absolute; left:0; top:30px;}
#news.index section .news-list .thumb{ width:300px; height:160px; display:block; float:left; padding-top:0; overflow:hidden; margin-bottom:0; margin-left:90px;}
#news.index section .news-list .thumb img{ width:100%; height:auto;}
#news.index section .news-list .cat-news{position:relative;padding:0;/* width:auto; */left:auto;top:auto;/* background:none; *//* display:inline; */}
#news.index section .news-list .textArea{ width:48%; width:calc(100%-400px); width:-webkit-calc(100%-400px); float:right;}

#news.index section .news-list .textArea .title3{width:100%;display:block;margin-bottom:0;padding-top: 0.5rem;margin-bottom:0.5rem; float:none;}
#news.index section .news-list .cat-news{ width:auto; display:inline-block;} 

@media screen and (max-width: 900px) {
	#news.index section .news-list{ padding-top:15px;}
	#news.index section .news-list li{ border-bottom:none; margin-bottom:30px;}
	#news.index section .news-list li a{padding:0;}
	#news.index section .news-list li a time{width:60px;font-size:1.8rem;margin-right: 0;position:relative;left:auto; top:0;}
	#news.index section .news-list .thumb{ width:100%; padding-top: 60%; height: auto; position: relative; display:block; float:none;  overflow:hidden; margin-bottom:0px; margin-left:0;}
	#news.index section .news-list .thumb img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%)  translateX(-50%); transform: translateY(-50%) translateX(-50%) ;}
	
	#news.index section .news-list{ border-top:none;}
	#news.index section .news-list .cat-news{position: absolute;padding:0; width:90px; background:#FFFFFF;left: 0;top:0;/* background:none; *//* display:inline; */padding-top: 0;padding: 0.2em;}
	#news.index section .news-list .textArea{width:auto;float:none;padding-left: 70px;}
}

.kanren .news-list{ text-align:center; align-items: flex-start;}
.kanren .news-list .box-column-size1{ width:24.25%; width : -webkit-calc(25% - 45px) ;   width : calc(25% - 45px) ; display:inline-block; margin-right:60px;}
.kanren .news-list .box-column-size1:last-child{ margin-right:0;}

@media screen and (max-width: 900px) {
.kanren .news-list .box-column-size1{ width:auto; display:block; margin-right:0;}	
}

#news.entry .sub-main{width: 49.8%; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); min-width:900px; margin:0 auto;}
#news.entry .sub-main .title1{ margin-bottom:50px; text-align:center;}
#news.entry .pagetitle { margin-bottom:20px; display:block;}
#news.entry .entryTitle{ position:relative; padding-left:90px; text-align:left; margin-bottom:20px; }
#news.entry .entryTitle time{position:absolute;left:-10px;top: 10px;}
#news.entry .entryTitle .title2 { display:block; text-align:left; margin-bottom:0px; padding-top:8px; line-height:1.5em;}
#news.entry .entryImg{ display:block;}
#news.entry .entryImg img{ width:100%; height:auto; margin-bottom:30px;}
#news.entry .sub-main p{ width:100%;}

#news.entry .entryWidth.entryWrap{ margin-bottom:60px;}
#news.entry .entryWidth.entryWrap p{ margin-bottom: 15px;}
#news.entry .entryWidth.entryWrap p:last-child{ margin-bottom: 0;}
#news.entry .entryWidth.entryWrap p a{ text-decoration: underline;}



#news.entry .entryWidth .title3{ text-align:left; margin-bottom:1rem;}
#news.entry .entryWidth .title4{ text-align:left; margin-bottom:1rem;}
#news.entry .entryWidth .title5{ text-align:left; margin-bottom:1rem;}
#news.entry .entryWidth img{ width:100%; height:auto; margin-bottom:0.5rem;}
#news .kanren .news-list a h2{ text-align:left; width:100%; display:block; float:none;}
#news .kanren .news-list .thumb{ margin-bottom:10px;}

#news.entry #contents .btn.lineBtn{ position:fixed; left:50px; top:210px;}
#news #subNav{ position:absolute; width:156px; display:block; position:absolute; right:50px; top:210px; text-align:left;}
#news #subNav .title3{ margin-bottom:10px;}
#news #subNav ul{ display:block; margin-bottom:20px; }
#news #subNav ul li{ display:block; margin-bottom:0;}
#news #subNav ul li:last-child{ margin-bottom:0;}

#news #subNav ul li.current a{ color:#000; background:#f5f5f5;}
#news #subNav ul li a{ color:#898989; font-weight:400; position:relative; font-size:0.9rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600; display:block; padding:0.2em 0.5em; margin-left:10px; letter-spacing:0.05em;}
#news #subNav ul li a::before{ content:""; width:8px; height:1px; background:#ccc; position:absolute; left:-5px; top:50%;}
#news #subNav ul li a:hover{ background:#f5f5f5; text-decoration:none;}

#news #subNav select{ width:100%; padding: 10px; box-sizing: border-box; border-radius: 5px; border: #CCC 1px solid; background: #F5F5F5; outline: none; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#898989;}
#news.yearList #subNav select{ background:#000; color:#FFF;}

#news .pagination { width: 800px; text-align: center; margin:60px auto 100px; position:relative; padding:0; }
#news .pagination  a { width: 2em; height: 2em; margin: 0 ; display: inline-block; font-weight: bold; font-size: 1.2rem; line-height: 2em; text-align: center; color:#898989;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600;}
#news .pagination  span.current {width: 2em; height: 2em; margin: 0 ; display: inline-block; font-weight: bold; font-size: 1.2rem; line-height: 2em; text-align: center; border:1px solid #000;  border-radius:1em; color:#000; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600;
}
#news .pagination .next{ position:absolute; right:0; top:0;}
#news .pagination .prev{ position:absolute; left:0; top:0;}
#news .pagination  a .arrow_l,
#news .pagination  a .arrow_r {content:'';width: 1rem;height: 1rem;display: inline-block;border-width: 1px 0 0 1px;border-color: #898989;border-style: solid;vertical-align: middle;}
#news .pagination  a .arrow_l { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#news .pagination  a .arrow_r { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }


@media screen and (max-width: 1400px) {
	#news time span{font-size:0.9rem; margin-top:8px; padding-top:2px;}
	#news.entry #contents .btn.lineBtn{ top:150px; left:30px;}
	
	#news #subNav{ position:relative; width:auto; display:block; position:relative; right:auto; top:auto; margin:0 4% 4%; text-align:left;}
#news #subNav{ margin-bottom:0;}
#news #subNav ul{ overflow:hidden;}
#news #subNav ul:last-child{ margin-bottom:0;}
#news #subNav ul li { width:49%; display:block; float:left; margin-left:2%; margin-bottom:0;}
#news #subNav li:nth-child(even){ margin-left:0;}
#news #subNav .title3{ margin-bottom:0;}
}

@media screen and (max-width: 900px) {
#news.entry .sub-main{width:100%; min-width:auto; min-width:inherit; margin:0 auto;}	

#news .kanren{ margin-bottom:4%;}
#news .kanren .news-list .thumb{ width:30%; padding-top:17%; float:left; margin-bottom:0;}
#news .kanren .news-list .cat-news{ font-size:0.5rem; padding:0.4em 0.5em 0.4em 0; line-height:1em;}
#news .kanren .news-list{ padding-top:10px; border-top:1px solid #ccc;}
#news .kanren .news-list .box-column-size1{ margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px; width: 100%;}
#news .kanren .news-list a{ padding-bottom:0;}
#news .kanren .news-list a h2{ float:right; width: 65%; width: -webkit-calc(70% - 15px); width: calc(70% - 15px); font-size:0.8rem; margin-right:0;}

	#news .cat-news{ font-size:0.8em; width:80px; padding:0;}
	#news.entry .entryTitle time{width:60px;font-size:1.8rem;margin-right: 0;position:absolute;left:0; top:0;}
	#news.entry .entryTitle{ padding-left:70px;}
	#news.entry .pagetitle{ margin-bottom:10px;}
	#news.entry .sub-main .title1{ margin-bottom:30px;}
	#news.entry #contents0{ margin-bottom:10px;}
	#news.entry .entryImg{ padding-top:50%; position:relative; overflow:hidden; margin-bottom:15px;}
	#news.entry .entryImg img{ width:100%; height:auto; position:absolute; left:0; top:0; margin-bottom:0;}
	#news.entry .entryWidth img{ margin-bottom:0;}
	#news.entry .entryWidth .title3,
	#news.entry .entryWidth .title4{ margin-bottom:0.3em;}

#news.entry #contents .btn.lineBtn{ position:relative; margin:0 auto; left:auto; top:auto; margin-bottom:60px;}


#news .pagination { width: auto; text-align: center; margin:30px auto 50px; position:relative; padding:0; }
#news .pagination  a {width: 2em;height: 2em;margin: 0;display: inline-block;font-weight: bold;font-size: 0.8rem;line-height: 2em;text-align: center;color:#898989;}
#news .pagination  span.current {width: 2em;height: 2em;margin: 0;display: inline-block;font-weight: bold;font-size: 0.8rem;line-height: 2em;text-align: center;border:1px solid #000;border-radius:1em;color:#000;}
#news .pagination .next{position:absolute;right: 0.5em;top:0;}
#news .pagination .prev{position:absolute;left: 0.5em;top:0;}
#news .pagination  a .arrow_l,
#news .pagination  a .arrow_r {content:'';width: 0.8rem;height: 0.8rem;display: inline-block;border-width: 1px 0 0 1px;border-color: #898989;border-style: solid;vertical-align: middle;}
#news .pagination  a .arrow_l { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#news .pagination  a .arrow_r { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }

}

/*price*/
#price #contents0 .list-nav{display: block; width: 600px; margin: 0 auto;}
#price .list-nav li .cat{ width:10em; text-align:center; float:right; }
#price dl.list-horizontal > dt{ width:50%; padding-left:1em; letter-spacing:0.05em;}
#price dl.list-horizontal > dd{ width:50%; text-align:right; padding-right:1em; padding-left:0; letter-spacing:0.05em;}
#price .price{ font-size:1.3rem; letter-spacing:0.1em; padding-right:0.2em;}

@media screen and (max-width: 1100px) {
	#price dl.list-horizontal > dt{ width: 100%; border-bottom: none;    padding:1em 1em 0;}
	#price dl.list-horizontal > dd{ width: 100%; text-align: left;    padding:0 1em 1em;}
	#price dl.list-horizontal.pointList > dt{ width: 100%; }
	#price dl.list-horizontal.pointList > dd{ width: 100%; }
}

/*
#price #contents .sub-main:before{ content: ""; width:270px; height:300px; background:url(../price/img/anime2.gif) no-repeat; background-size:270px; position:absolute; left:100px; bottom:100px; z-index:0;}
#price #contents .sub-main:after{ content: ""; width:270px; height:300px; background:url(../price/img/anime2.gif) no-repeat; background-size:270px; position:absolute; right:100px; top:100px; transform: rotate(-180deg); z-index:0;}
*/
#price #contents0 {background: url(../price/img/bg.jpg) repeat;}
#price #contents .contact-map{ width:100%; height:300px;}
#price #contents .title2{ margin-bottom:30px; position:relative;} 
#price #contents .title2 span.small{ display:block; font-size:1rem; padding-top:0.3rem;}
#price #contents .title2::before{content: ""; width: 15px; height: 1px; display: block; background: #000000; position: absolute; left: -25px; top: 13px;}
#price #contents .titile3{ position:relative;}

#price dl.pointList dt{ width:30%}
#price dl.pointList dd{ width:70%; text-align:left; position:relative;}
#price dl.pointList dd .deadline{ line-height: 1em; border: 1px solid #000; width: 10em; padding: 0.5em 0.5em 0.5em; font-size: 0.7em; display: inline-block;  text-align: center; font-weight: 500; line-height: 1; position:absolute; right:0; top:1rem;}

#price .sub-main > img.man{position:absolute; left:4%; left:-webkit-calc((100% - 300px)/4); left:calc((100% - 300px)/4); 
 -webkit-transform: translateY(-50%)  translateX(-50%); transform: translateY(-50%) translateX(-50%) ; display: none;
}
#price .sub-main > img.woman{position:absolute; right:5%;right:-webkit-calc((100% - 300px)/4);right:calc((100% - 300px)/4);
 -webkit-transform: translateY(-50%)  translateX(50%); transform: translateY(-50%) translateX(50%); display: none;
}

#price .sub-main{ display:block; min-height:100vh; padding:200px 0 100px 0; box-sizing:border-box; position:relative; z-index:10;}
#price .sub-main > *{ z-index: 10;}
#price .sub-main > img{ width:200px; height:auto;}
#price .sub-main > img{ position:absolute; bottom:0%; z-index:0; }
#price .sub-main .list-nav li a:hover{ text-decoration:none; -webkit-box-shadow: rgba(0,0,0,.3) 0 0 3px 0; -moz-box-shadow: rgba(0,0,0,.3) 0 0 3px 0; box-shadow: rgba(0,0,0,.3) 0 0 3px 0;}
#price .sub-main .list-nav:hover > li {background:rgba(255,255,255,0.5); }
#price .sub-main .list-nav:hover > li:hover {background:rgba(255,255,255,1); }


#price .title3{margin-bottom: 0.3em;}
#price .credit{ overflow: hidden; }
#price .credit .creditImg{ display: block; width: 220px; float: left; }
#price .credit .creditImg img{ width: 110px; height: auto; margin-bottom: 10px; }
#price .credit p{ width: -webkit-calc(100% - 230px); width: calc(100% - 230px); display: block; float: right; word-break: break-all;}

@media screen and (max-width: 1300px) {
	
	#price #contents0 { min-height: auto; min-height:inherit; padding-bottom: 6%;	}
	#price .sub-main{min-height: auto; min-height:inherit;}
	#price .sub-main > img.man{position:absolute; left:4%; left:-webkit-calc((100% - 300px)/5); left:calc((100% - 300px)/5); 
	 -webkit-transform: translateY(-50%)  translateX(-50%); transform: translateY(-50%) translateX(-50%) ;
	}
	#price .sub-main > img.woman{position:absolute; right:5%;right:-webkit-calc((100% - 300px)/5);right:calc((100% - 300px)/5);
	 -webkit-transform: translateY(-50%)  translateX(50%); transform: translateY(-50%) translateX(50%);
	}

}

@media screen and (max-width: 900px) {
	#price #contents0 .list-nav{ width:auto;}
	#price #contents .title2{ margin-bottom:1em; position:relative;} 
	#price #contents .title2 span.small{ display:block; font-size:1rem; padding-top:0.3rem;}
	#price #contents .title2::before{ display: none;}
	#price dl.list-horizontal > dt{width:100%;display:block;padding: 0.5em 0 0;letter-spacing:0.05em;border-bottom:none;}
	#price dl.list-horizontal > dd{width:100%;display:block;padding: 0.25em 0 0.5em;text-align:left;letter-spacing:0.05em;}
	#price dl.list-horizontal > dt br{ display:none;}
	#price #point .box-column-size2:first-of-type{margin-bottom: 0;}
	#price #point .box-column-size2:first-of-type dl dd:last-of-type{ border-bottom: 0; border-bottom: none; }
	#price .box.glayBox{ margin-top: 30px;}
	#price .credit .creditImg{ display: block; width: 100%; float:none; text-align: center;}
	#price .credit .creditImg img{ width: 30%; height: auto; margin-bottom: 10px; }
	#price .credit p{ width:100%; display: block; float:none;}
	#price .column-flex.box-column4 .box-column-size2{ margin-bottom: 5%;}
	
	#price .sub-main{ padding:25% 6% 10%;}
	#price .sub-main img{ width:45%; height:auto; -webkit-transform:none; transform:none;}
	#price .sub-main > img.woman{/* margin-right:5%; */position:relative;top:inherit;top:inherit;left: auto;right: auto;left: inherit;transform:  none;right:  inherit;}
	#price .sub-main > img.man{position:relative;top:inherit;right: auto;right: inherit;left: auto;left: inherit;transform:  none;}
	#news.entry .entryWidth.entryWrap iframe{ width: 100%;  }
}

.titleSide{ position:absolute; right:0; top:10px; line-height:1.7em; font-weight:500;}
.addfee{ border:1px solid #000; box-sizing:border-box; text-align:center; padding:25px;}

.conversion-area{clear:both;display:block;background:#f5f5f5;padding: 3% 0;text-align:center;margin-bottom: 3%;}
.conversion-area > div{ line-height:1em;}

@media screen and (max-width: 900px) {
	.titleSide{ position:absolute; right:0; top:2px; line-height:1.7em; font-weight:500;}
}


.holiday{ width: 600px; margin: 0 auto;}
.holiday.column-flex.box-column3 dl.box-column-size1{    width: -webkit-calc(33.33% - 10px);    width: calc(33.33% - 10px);}
.holiday dl dt{ text-align: left; font-weight: bold; width: 4em;}
.holiday dl dd{ text-align: left; width: -webkit-calc(100% - 4em);    width: calc(100% - 4em);}

/*access*/
#access #contents .contact-map{ width:100%; height:300px;}
#access .sub-main{ min-height:inherit; padding-bottom: 100px;}
#access #contents0{min-height:inherit; background: url(../access/img/main.jpg) no-repeat center; background-size: cover; color: #fff;}
#access .title1 svg{ fill:#fff;}
#access #contents .title2{ margin-bottom:1rem; position:relative;} 
#access #contents .title2 span.small{ display:block; font-size:1rem; padding-top:0.3rem;}
#access #contents .title2::before{content: ""; width: 15px; height: 1px; display: block; background: #000000; position: absolute; left: -25px; top: 13px;}

#access .list-nav li{ display:block; background:#FFFFFF; margin-bottom:3px;}
#access .list-nav li a{ display:block; text-align:left; padding:20px 20px 20px 60px; position:relative;}
#access .list-nav li a:hover{ text-decoration:none;}
#access .list-nav li a:before{ content:""; position:absolute; width:15px; height:1px; background:#000000; left:30px; top: 50%;}
#access .list-nav li .cat{ width:10em; text-align:center; float:right; }
#access #contents0 .list-nav{display: block; width: 48%; margin: 0 auto;}

#access #map{ padding-top:30%; position:relative;}
#access #map iframe{ width:100%; height:100%; position:absolute; left:0; top:0;}

@media screen and (max-width: 1100px) {
	#access #contents .box-column-size1,
	#access #contents .box-column-size2,
	#access #contents .box-column-size3{ width:100%; display:block;}
	#access #contents .box-column-size2{ margin-bottom:1rem;}
	
	#access #contents .box-column-size1 .imgWrap img{ width: 49%; display: inline-block; margin-right: 2%}
	#access #contents .box-column-size1 .imgWrap img:last-child{ margin-right: 0;}
	#access #contents .box-column-size1 .imgWrap img.mb10{ margin-bottom: 0!important;}
	#access #map{ padding-top:80%; position:relative;}
	#access #contents .box-column-size1 .btn{ margin-bottom: 50px;}
	.holiday.column-flex.box-column3 dl.box-column-size1{ width: 100%; }
	.holiday dl dt{text-align:left;font-weight: bold;line-height: 1.6em;padding: 2% 0; display: inline-block; border-bottom: none;}
	.holiday dl dd{ text-align:left;line-height: 1.6em;padding: 2%;border-bottom: 0; display: inline-block;}
}

@media screen and (max-width: 900px) {
	#access #contents .list-nav{display: block; width: auto; margin: 0 auto;}
	#access #contents .list-nav li span{ display:block; font-size:0.8rem;}
	#access #contents .list-nav li a{ line-height:1.3em; padding:10px 10px 10px 30px;}
	#access #contents .list-nav li a:before{ content:""; position:absolute; width:10px; height:1px; background:#000000; left:10px; top: 50%;}
	#access #contents .sub-main p{ text-align:left!important;}
	#access #contents .title2::before{content: ""; width: 10px; height: 1px; display: block; background: #000000; position: absolute; left: -15px; top: 13px;}

	
	#access #contents .box-column-size2 p{ margin-bottom:0.5rem;}
	#access #contents0 .list-nav{display: block; width:auto; margin: 0 auto;}
	
	#access #map{ padding-top:80%; position:relative;}
	.holiday{ width: 100%;}
	.holiday.column-flex.box-column3 dl.box-column-size1{ width: 100%; }
	.holiday dl dt{text-align:left;font-weight: bold;line-height: 1.6em;padding: 2% 0; display: inline-block;}
	.holiday dl dd{ text-align:left;line-height: 1.6em;padding: 2%;border-bottom: 0; display: inline-block;}
}

#onlinelesson .lessonday{ width: 100%;}
#onlinelesson .lessonday .list-horizontal{width: 100%; }
#onlinelesson .sub-main > *{ display: block; width: 600px; margin: 0 auto;}
#onlinelesson .lessonday dl.list-horizontal > dt{width: 12em;}
#onlinelesson .lessonday dl.list-horizontal > dd{width: calc(100% - 12em);}

.btnwrap.box-column2 .btn{width: 47.5%;}

/*CONTACT*/

#contact #nav-contact-eng path{ fill:#000; color:#000;}
#contact #nav-contact path{ fill:#000; color:#000;}
#contact .sub-main{ min-height:auto; min-height:inherit; padding:200px 0 0 0;}
#contact.formpage #contents0{ background:none;}
#contact.formpage section{ padding-top:0;}

#contact #contents0{ min-height:inherit; min-height:auto;}

#contact .formWidth{width: 40%;  min-width: 800px; margin:0 auto; text-align:left;}
#contact .form-list{ border-top:1px solid #ccc; margin-bottom:60px;}
#contact .form-list dt {float: left;width: 200px;line-height: 1.6rem;clear: both;padding: 15px 0px;text-align: left;margin: 0px;font-weight: 700;position:relative;}
#contact .form-list dd {margin: 0px;padding: 15px 15px 15px 220px;line-height: 1.5em;text-align: left;border-bottom:  1px solid #ccc;}

#contact .form-list dd input,
#contact .form-list dd textarea{ padding:10px; box-sizing:border-box; background:#F5F5F5; border:none; margin-bottom:0;
-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2) inset;
   -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2) inset;
        box-shadow:0 1px 1px 0 rgba(0,0,0,0.2) inset; 
}

#contact .form-list dd .indent { margin-left: 36px; }

#contact .form-list dd select{ padding:10px; box-sizing:border-box; border-radius: 5px; border: #CCC 1px solid; 
background:#F5F5F5; outline: none; }
#contact .form-list dd input[type="file"] {
	padding:10px 0; border: none; -moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: none; background: #FFF;
}

#contact .form-list dd input.sizeL{ width:100%; }
#contact .form-list dd input.sizeM{ width:200px;}
#contact .form-list dd input.sizeS{ width:300px;}
#contact .form-list dd textarea{ width:500px;}

#contact .sendBtn{ text-align:center;}
#contact .sendBtn input{font-size: 1rem; font-weight:700; text-align: center; min-width:480px; padding: 10px 60px; border: 3px solid #000; background:#000; color:#fff;
display: inline-block; position: relative; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; outline: none; margin: 0 auto; letter-spacing:0.1rem;}
#contact.index .formNav a.box-column-size1{ text-align:center; font-size:1.2rem; background:#f5f5f5; letter-spacing:0.1rem; line-height:2em; padding:3em 0.5em; position:relative;} 
#contact.index .formNav a.box-column-size1:before{ content:""; width:1px; height:15px; position:absolute; left:50%; top:-7px; background:#000000;}
#contact.index .formNav a.box-column-size1:hover{ text-decoration:none;}

/* radio */
.radioWrap { padding:0; }
.radioWrap input[type="radio"] {display: none;}
.radioWrap label {	position: relative; display: inline-block;	padding: 3px 3px 3px 20px;	cursor: pointer; margin-right:10px;}
.radioWrap label input + span::before,
.radioWrap label input + span:after {
	position: absolute;	content: '';	top: 50%;	border-radius: 100%;
	-webkit-transition: all .2s;	transition: all .2s;
}
.radioWrap input + span::before {	left: 0;	width: 14px;	height: 14px;	margin-top: -8px;	background: #f3f3f3;	border: 1px solid #ccc;}
.radioWrap input + span:hover::before {	background: #fff;}
.radioWrap input + span::after {	opacity: 0;	left: 4px;	width: 8px;	height: 8px;	margin-top: -4px;	background: #000000;	-webkit-transform: scale(2);	transform: scale(2);}
.radioWrap input[type="radio"]:checked + span::before,
.radioWrap input[type="radio"] + input[type="hidden"] + span::before  {	background: #fff;	border: 1px solid #000000;}
.radioWrap input[type="radio"]:checked + span::after,
.radioWrap input[type="radio"] + input[type="hidden"] + span::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}

/*checkBox*/
.checkWrap{ padding:0;}
.checkWrap input[type="checkbox"] {display: none;}
.checkWrap input + span {position: relative;display: inline-block; padding: 3px 3px 3px 22px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s;}
.checkWrap input + span::before,
.checkWrap input + span::after {position: absolute; content: ''; -webkit-transition: all .2s; transition: all .2s;}
.checkWrap input + span::before {top: 50%; left: 0; width: 14px; height: 14px; margin-top: -8px; background: #f4f4f4;	border: 1px solid #ccc;	border-radius: 3px;}
.checkWrap input + span::after {opacity: 0; top: 50%; left: 3px; width: 8px;	height: 4px; margin-top: -4px; border-left: 2px solid #3498db;	border-bottom: 2px solid #3498db; -webkit-transform: rotate(-45deg) scale(.5); transform: rotate(-45deg) scale(.5);}
.checkWrap input + span:hover::before {	background: #fff;}

.checkWrap input[type="checkbox"]:checked + span::before,
.checkWrap input[type="checkbox"] + input[type="hidden"] + span::before {	background: #fff;	border: 1px solid #3498db;}
.checkWrap input[type="checkbox"]:checked + span::after, 
.checkWrap input[type="checkbox"] + input[type="hidden"] + span::after {	opacity: 1;	-webkit-transform: rotate(-45deg) scale(1);	transform: rotate(-45deg) scale(1);}


#contact #contents0{ background:none; min-height:inherit; min-height:auto;}
#contact #contents0 .sub-main{ padding-bottom:0;}
#contact time{width:75px;display:block;float:left;text-align:center;font-size: 1.6rem;line-height:1em;font-weight:bold;}
#contact time span{display:block;text-align:center;font-size:1.1rem;letter-spacing: 0.05em;padding-top:0px;position:relative;margin-top: 12px;padding-top:2px;}
#contact time span:before{content:"";width: 10px;height:1px;display:block;position:absolute;left:0;top:0;background:#000000;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#contact .sub-main{ min-height:inherit; min-height:auto;}
#contact .entryWidth{width: 40%;  min-width: 800px; margin:0 auto; text-align:left;}
#contact .moushikomi{ display:block; padding:20px 30px; text-align:center; border:1px solid #000; margin-bottom:30px;}
#contact .moushikomi .telnum{ font-size:1.3rem; letter-spacing:0.2em;}
#contact .moushikomi .telnum::before{content:"TEL";margin-right:0.5em;font-size: 0.7rem;vertical-align: text-top;}
#contact .formView .moushikomi{ margin-top:30px;}

@media screen and (max-width: 900px) {
	#contact .entryWidth{width: auto;  min-width:auto; min-width:inherit; margin:0 6%; }			
	#contact .moushikomi .telnum{ font-size:1rem; letter-spacing:0.1em;}
	#contact .moushikomi .telnum::before{content:"TEL";margin-right:0.5em;font-size: 0.6rem;vertical-align:bottom;}
}

#contact.index section{ padding-top:0;}
#contact.index section .news-list{ border-top:1px solid #ccc;}
#contact.index section .news-list li{ display:block; border-bottom:1px solid #ccc; }
#contact.index section .news-list li a{display:block; overflow:hidden;  padding:30px 0; position:relative;}
#contact.index section .news-list li a:hover{ text-decoration:none;}
#contact.index section .news-list li a time{ width:60px; font-size:1.8rem; margin-right:20px; position:absolute; left:0; top:30px;}
#contact.index section .news-list .thumb{ width:300px; height:160px; display:block; float:left; padding-top:0; overflow:hidden; margin-bottom:0; margin-left:50px;}
#contact.index section .news-list .thumb img{ width:100%; height:auto;}
#contact.index section .news-list .cat-news{position:relative;padding:0;/* width:auto; */left:auto;top:auto;/* background:none; *//* display:inline; */}
#contact.index section .news-list .textArea{ width:48%; width:calc(100%-400px); width:-webkit-calc(100%-400px); float:right;}
#contact.index section .news-list .textArea .title3{width:100%;display:block;margin-bottom:0;padding-top: 0.5rem;margin-bottom:0.5rem; float:none;}
#contact.index section .news-list .cat-news{ width:auto; display:inline-block;} 

@media screen and (max-width: 900px) {
	#contact.index section .news-list{ padding-top:15px;}
	#contact.index section .news-list li{ border-bottom:none; margin-bottom:30px;}
	#contact.index section .news-list li a{padding:0; position: relative;}
	#contact.index section .news-list li a time{width:60px;font-size:1.8rem;margin-right: 0;position:relative;left:auto; top:0;}
	#contact.index section .news-list .thumb{ width:100%; height: auto; padding-top: 54%; position: relative; display:block; float:none; overflow:hidden; margin-bottom:0px; margin-left:0;}
	#contact.index section .news-list .thumb img{ position: absolute; left: 0;     top: 50%; transform: translateY(-50%); transform: translateY(-50%);}

	#contact.index section .news-list{ border-top:none;}
	#contact.index section .news-list .cat-news{position: absolute;padding:0; width:auto; background:#FFFFFF;left: 0;top:0;/* background:none; *//* display:inline; */padding: 0.2em 0.5em;}
	#contact.index section .news-list .textArea{width:auto;float:none;padding-left: 0;}
	
}

.kanren .news-list{ text-align:center; align-items: flex-start;     justify-content: center;}
.kanren .news-list .box-column-size1{ width:24.25%; width : -webkit-calc(25% - 45px) ;   width : calc(25% - 45px) ; display:inline-block; margin-right:60px;}
.kanren .news-list .box-column-size1:last-child{ margin-right:0;}

@media screen and (max-width: 900px) {
.kanren .news-list .box-column-size1{ width:auto; display:block; margin-right:0;}	
}

#contact.entry .sub-main{width: 49.8%; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); min-width:900px; margin:0 auto;}
#contact.entry .sub-main .title1{ margin-bottom:50px; text-align:center;}
#contact.entry .title2 span { display:block; text-align:center;}
#contact.entry .title2 span svg{ height:16px; width:auto; margin-top:1rem;}

#contact.entry .entryImg{ display:block;}
#contact.entry .entryImg img{ width:100%; height:auto; margin-bottom:30px;}
#contact.entry .sub-main p{ width:100%;}

#contact.entry .entryWidth.entryWrap{ margin: 0 auto;}
#contact.entry .entryWidth.entryWrap p:first-child{ margin-bottom:1rem;}
#contact.entry .entryWidth .title3{ text-align:left; margin-bottom:1rem;}
#contact.entry .entryWidth .title4{ text-align:left; margin-bottom:1rem;}
#contact.entry .entryWidth .title5{ text-align:left; margin-bottom:1rem;}
#contact.entry .entryWidth img{ width:100%; height:auto; margin-bottom:0.5rem;}

#contact .kanren .news-list a h2{ text-align:left; width:100%; display:block; float:none;}
#contact .kanren .news-list .thumb{ margin-bottom:10px;}
#contact.entry #contents .btn.lineBtn{ position:fixed; left:50px; top:210px;}
#contact #subNav{ position:absolute; width:156px; display:block; position:absolute; right:50px; top:210px; text-align:left;}
#contact #subNav .title3{ margin-bottom:10px;}
#contact #subNav ul{ display:block; margin-bottom:20px; }
#contact #subNav ul li{ display:block; margin-bottom:0;}
#contact #subNav ul li:last-child{ margin-bottom:0;}

#contact #subNav ul li.current a{ color:#000; background:#f5f5f5;}
#contact #subNav ul li a{ color:#898989; font-weight:400; position:relative; font-size:0.9rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600; display:block; padding:0.2em 0.5em; margin-left:10px; letter-spacing:0.05em;}
#contact #subNav ul li a::before{ content:""; width:8px; height:1px; background:#ccc; position:absolute; left:-5px; top:50%;}
#contact #subNav ul li a:hover{ background:#f5f5f5; text-decoration:none;}

#contact #subNav select{ width:100%; padding: 10px; box-sizing: border-box; border-radius: 5px; border: #CCC 1px solid; background: #F5F5F5; outline: none; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#898989;}
#contact.yearList #subNav select{ background:#000; color:#FFF;}

#contact .pagination { width: 800px; text-align: center; margin:60px auto 100px; position:relative; padding:0; }
#contact .pagination  a { width: 2em; height: 2em; margin: 0 ; display: inline-block; font-weight: bold; font-size: 1.2rem; line-height: 2em; text-align: center; color:#898989;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600;}
#contact .pagination  span.current {width: 2em; height: 2em; margin: 0 ; display: inline-block; font-weight: bold; font-size: 1.2rem; line-height: 2em; text-align: center; border:1px solid #000;  border-radius:1em; color:#000; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600;
}
#contact .pagination .next{ position:absolute; right:0; top:0;}
#contact .pagination .prev{ position:absolute; left:0; top:0;}
#contact .pagination  a .arrow_l,
#contact .pagination  a .arrow_r {content:'';width: 1rem;height: 1rem;display: inline-block;border-width: 1px 0 0 1px;border-color: #898989;border-style: solid;vertical-align: middle;}
#contact .pagination  a .arrow_l { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#contact .pagination  a .arrow_r { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }


@media screen and (max-width: 1400px) {
	#contact time span{font-size:0.9rem; margin-top:8px; padding-top:2px;}
	#contact.entry #contents .btn.lineBtn{ top:150px; left:30px;}
}

@media screen and (max-width: 900px) {
#contact.entry .sub-main{width:100%; min-width:auto; min-width:inherit; margin:0 auto;}	
#contact .kanren{ margin-bottom:4%;}
#contact .kanren .news-list .thumb{ width:30%; padding-top:17%; float:left; margin-bottom:0;}
#contact .kanren .news-list .cat-news{ font-size:0.5rem; padding:0.4em 0.5em 0.4em 0; line-height:1em;}
#contact .kanren .news-list{ padding-top:10px; border-top:1px solid #ccc;}
#contact .kanren .news-list .box-column-size1{ margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
#contact .kanren .news-list a{ padding-bottom:0;}
#contact .kanren .news-list a h2{ float:right; width: 65%; width: -webkit-calc(70% - 15px); width: calc(70% - 15px); font-size:0.8rem; margin-right:0;}

	#contact .cat-news{font-size:0.8em;width: 100px;padding:0;}
	#contact.entry .entryTitle time{width:60px;font-size:1.8rem;margin-right: 0;position:absolute;left:0; top:0;}
	#contact.entry .entryTitle{ padding-left:0;}
	#contact.entry .pagetitle{ margin-bottom:10px;}
	#contact.entry .sub-main .title1{ margin-bottom:30px;}
	#contact.entry #contents0{ margin-bottom:10px;}
	#contact.entry .entryImg:empty{ display:none;}
	#contact.entry .entryImg{ padding-top:54%; position:relative; overflow:hidden; margin-bottom:15px;}
	#contact.entry .entryImg img{ width:100%; height:auto; position:absolute; left:0; top:0; margin-bottom:0;}
	#contact.entry .entryWidth img{ margin-bottom:0;}
	#contact.entry .entryWidth .title3,
	#contact.entry .entryWidth .title4{ margin-bottom:0.3em;}
	#contact.entry .title2 span {display:block;text-align:center;margin: 0 auto;}
	#contact.entry .title2 span svg{ height:14px; width:auto; margin-top:1rem;}

#contact.entry #contents .btn.lineBtn{ position:relative; margin:0 auto; left:auto; top:auto; margin-bottom:60px;}
#contact #subNav{ position:relative; width:auto; display:block; position:relative; right:auto; top:auto; margin:0 4% 4%; text-align:left;}
#contact #subNav{ margin-bottom:0;}
#contact #subNav ul{ overflow:hidden;}
#contact #subNav ul:last-child{ margin-bottom:0;}
#contact #subNav ul li { width:49%; display:block; float:left; margin-left:2%; margin-bottom:0;}
#contact #subNav li:nth-child(even){ margin-left:0;}
#contact #subNav .title3{ margin-bottom:0;}

#contact .pagination { width: auto; text-align: center; margin:30px auto 50px; position:relative; padding:0; }
#contact .pagination  a {width: 2em;height: 2em;margin: 0;display: inline-block;font-weight: bold;font-size: 0.8rem;line-height: 2em;text-align: center;color:#898989;}
#contact .pagination  span.current {width: 2em;height: 2em;margin: 0;display: inline-block;font-weight: bold;font-size: 0.8rem;line-height: 2em;text-align: center;border:1px solid #000;border-radius:1em;color:#000;}
#contact .pagination .next{position:absolute;right: 0.5em;top:0;}
#contact .pagination .prev{position:absolute;left: 0.5em;top:0;}
#contact .pagination  a .arrow_l,
#contact .pagination  a .arrow_r {content:'';width: 0.8rem;height: 0.8rem;display: inline-block;border-width: 1px 0 0 1px;border-color: #898989;border-style: solid;vertical-align: middle;}
#contact .pagination  a .arrow_l { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#contact .pagination  a .arrow_r { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }

	
	
}


@media screen and (max-width: 900px) {
#contact .sendBtn input{ width:100%; min-width:inherit; min-width:auto;}
#contact .sub-main{display: block;padding: 35% 6% 0;box-sizing: border-box;}
#contact .sub-main p.mincho.t-center{ text-align:left!important;}
#contact .sub-main p.mincho.t-center br{ display:none; }
#contact .formWidth{width: auto;  min-width:auto; min-width:inherit; margin:0 4%; }			

#contact .form-list{ padding-top:0;}
	
#contact .form-list dt {float: none;width: auto;line-height: 1.6rem;clear: both;padding:10px 0 0 0;text-align: left;margin: 0 0 10px 0;font-weight: 700;position:relative;}
#contact .form-list dd {margin: 0px;padding:0;line-height: 1.5em;text-align: left;border-bottom:  1px solid #ccc; padding:0 0 15px 0;}
	
#contact .form-list dd input.sizeL{ width:100%; }
#contact .form-list dd input.sizeM{ width:100%;}
#contact .form-list dd input.sizeS{ width:100%;}
#contact .form-list dd textarea{ width:100%;}

#contact .tel{ font-size:1.3rem;}
#contact .tel:before{ font-size:0.7rem;}
#contact.index .formNav a.box-column-size1{ width:100%; font-size:1rem; padding:1rem 1rem 1rem 3rem; text-align:left; margin-bottom:4%; }
#contact.index .formNav a.box-column-size1 br{ display:none;}
#contact.index .formNav a.box-column-size1:before{ content:""; position:absolute; width:15px; height:1px; background:#000000; left:15px; top: 50%;}
#contact.index .formNav a.box-column-size1:last-child{ margin-bottom:0;}
#contact.index section{ padding-top:4%;}
#contact.index main article{ padding-bottom:4%;}
}


/*form*/
.wpcf7{ background:#f5f5f5; padding:50px; margin-bottom:30px;}
.wpcf7 .formWrap{ margin-bottom:50px;}
.wpcf7 .submitArea{ display:block; text-align:center; margin-bottom:30px;}
.wpcf7 dl.list-horizontal > *{ padding:1em 0; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
    background-color: #fff;	border:1px solid #ccc; box-sizing:border-box; padding:1em;
    color: #000;
    width: 100%;
}

.wpcf7 dt{ position:relative;}
.wpcf7 dt.required::before{ content:"*"; color:#F00; position:absolute; left:-1em; top:1em;}

.wpcf7 input[type="submit"] {
	width:200px; height:50px; display:block; 
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #000;
	color: #fff;
	border-radius: 25px;
	cursor: pointer;
	border:none;
	margin:0 auto;
}

.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

.wpcf7 input[type="radio"],.wpcf7 input[type="check"]{ margin-right:5px;}

.wpcf7 .screen-reader-response{ display:block; padding:1em; border-bottom:1px solid #ccc; box-sizing:border-box; margin-bottom:30px; text-align:left; background:#fff;}
.wpcf7 .screen-reader-response ul{ margin-top:0.5em;}
.wpcf7 .screen-reader-response ul li{ color:#FF0000; font-size:0.8rem; position:relative; padding-left:0.5em;}
.wpcf7 .screen-reader-response ul li::before{ content:"*"; position:absolute; left:0; top:0;}
.wpcf7 .screen-reader-response:empty{ display:none;}
.wpcf7-not-valid-tip{ color:#FF0000; text-align:left; display:block; font-size:0.8rem; position:relative; padding-left:0.5em;}
.wpcf7-not-valid-tip::before{ content:"*"; position:absolute; left:0; top:0;}
.wpcf7-response-output.wpcf7-validation-errors{ color:#FF0000; text-align:center; display:block; font-size:0.8rem;}
.wpcf7 .wpcf7-list-item{ display:inline-block; margin-right:1em;}

@media screen and (max-width: 900px) {
	.wpcf7{ background:#f5f5f5; padding:30px 20px; margin-bottom:30px;}
	.wpcf7 .formWrap{ margin-bottom:30px;}
	.wpcf7 .submitArea{ display:block; text-align:center; margin-bottom:30px;}
	.wpcf7 dl.list-horizontal > dt{ padding-bottom: 0;}
	.wpcf7 dt.required::before{ content:"*"; color:#F00; position:relative; left:inherit; top:inherit;}

}


.tanks{ line-height:1.5em;}
.tanks p{ text-align:left; line-height:1.8em; }


.sent .formView{ display:none;}
.sent .wpcf7-mail-sent-ok{ display:none;}
.sentmessage{ display:none;}
.sent .sentmessage{ display:block;}