@charset "UTF-8";/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{
margin-top:0
}
address,dl,ol,p,pre,ul{
margin-bottom:1rem
}
img,svg{
vertical-align:middle
}
body,caption{
text-align:left
}
button,hr,input{
overflow:visible
}
pre,textarea{
overflow:auto
}
article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{
display:block
}
dd,h1,h2,h3,h4,h5,h6,label,legend{
margin-bottom:.5rem
}
address,legend{
line-height:inherit
}
progress,sub,sup{
vertical-align:baseline
}
label,output{
display:inline-block
}
a,body,html{
color:#4d4d4d
}
a,a:hover{
text-decoration:none
}
.moreBtn,sub,sup{
position:relative
}
.bottomContents,.moreBtn:after{
background-position:center;background-repeat:no-repeat
}
.bottomContents,.moreBtn:after,main#jsIndexMain{
background-repeat:no-repeat
}
.footer .snsLinks ul li,.header .mainNav .globalMenu li,.header .mainNav .subNav li,.joinBox li{
list-style-type:none
}
.joinBox table,table{
border-collapse:collapse
}
*,::after,::before{
-webkit-box-sizing:border-box;box-sizing:border-box
}
html{
line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent
}
@-ms-viewport{
width:device-width
}
body{
margin:0;font-size:1rem;font-weight:400;line-height:1;background-color:#fff;min-width:1000px;overflow-x:auto
}
[tabindex="-1"]:focus{
outline:0!important
}
hr{
-webkit-box-sizing:content-box;box-sizing:content-box;height:0
}
abbr[data-original-title],abbr[title]{
-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0
}
address{
font-style:normal
}
ol ol,ol ul,ul ol,ul ul{
margin-bottom:0
}
dt{
font-weight:700
}
dd{
margin-left:0
}
blockquote,figure{
margin:0 0 1rem
}
dfn{
font-style:italic
}
b,strong{
font-weight:bolder
}
small{
font-size:80%
}
sub,sup{
font-size:75%;line-height:0
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
a{
background-color:transparent;opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out
}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
color:inherit;text-decoration:none
}
a:not([href]):not([tabindex]):focus{
outline:0
}
code,kbd,pre,samp{
font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em
}
pre{
-ms-overflow-style:scrollbar
}
img{
border-style:none
}
svg{
overflow:hidden
}
caption{
padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom
}
th{
text-align:inherit
}
.footer .footerNav,.footer address,.footer small,.indexBox .indexBoxContents,.indexBox .indexInstructorContents p,.indexBox h2,.subRead{
text-align:center
}
button{
border-radius:0
}
button:focus{
outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px
}
button,input,optgroup,select,textarea{
margin:0;font-family:inherit;font-size:inherit;line-height:inherit
}
button,select{
text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
padding:0;border-style:none
}
input[type=radio],input[type=checkbox]{
-webkit-box-sizing:border-box;box-sizing:border-box;padding:0
}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{
-webkit-appearance:listbox
}
textarea{
resize:vertical
}
fieldset{
min-width:0;padding:0;margin:0;border:0
}
legend{
width:100%;max-width:100%;padding:0;font-size:1.5rem;color:inherit;white-space:normal
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto
}
[type=search]{
outline-offset:-2px;-webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-file-upload-button{
font:inherit;-webkit-appearance:button
}
summary{
display:list-item;cursor:pointer
}
.sp,template{
display:none
}
[hidden]{
display:none!important
}
body,html{
font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif
}
a:hover{
color:inherit;opacity:.7
}
img,video{
width:auto;height:auto;max-width:100%
}
@media (max-width:600px){
body,html{
font-weight:500;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;height:100%
}
body{
min-width:0
}
.pc{
display:none!important
}
.sp{
display:block!important
}

}
.moreBtn{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:225px;height:50px;margin-left:auto;margin-right:auto;font-size:18px;border:1px solid #4d4d4d;border-radius:9999px
}
@media (max-width:600px){
.moreBtn{
font-size:16px;width:180px;height:40px
}

}
.moreBtn:after{
content:"";display:block;width:14.5px;height:10px;background-image:url(../img/icon_right_arrow.png);background-size:contain;position:absolute;top:50%;right:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
.moreBtn.fill::after,.moreBtn.white::after{
background-image:url(../img/icon_right_arrow_white.png)
}
.moreBtn.white{
color:#fff;border-color:#fff
}
.moreBtn.fill{
color:#fff;background-color:#4f4f4f;border-color:#4f4f4f
}
.fixedLink{
position:fixed;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000
}
@media (max-width:600px){
.fixedLink{
top:auto;bottom:0;width:100%;-webkit-transform:none;transform:none
}

}
.fixedLink a{
display:block;width:53.57px
}
@media (max-width:600px){
.fixedLink a{
width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;background-color:#000
}
.fixedLink a span{
color:#fff;font-size:14px
}

}
.spMenuBtn a span,.spMenuBtn a.open span{
background-color:#fff
}
@media (max-width:600px){
	.spMenuBtn.gray a span,.spMenuBtn.gray a.open span{
	background-color:#000
	}
}
.imgBox img{
width:100%
}
.spMenuBtn{
position:relative;z-index:100
}
.spMenuBtn a{
position:relative;width:30px;height:20px;display:block
}
.spMenuBtn a span{
width:100%;height:1px;position:absolute;left:0;-webkit-transition:all .25s linear;transition:all .25s linear
}
.spMenuBtn a span.top{
top:0
}
.spMenuBtn a span.middle{
top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
.spMenuBtn a span.bottom{
bottom:0
}
.spMenuBtn a.open span.top{
top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)
}
.spMenuBtn a.open span.middle{
-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0
}
.spMenuBtn a.open span.bottom{
bottom:50%;-webkit-transform:translateY(50%) rotate(-45deg);transform:translateY(50%) rotate(-45deg)
}
@media (min-width:601px){
.spMenu{
display:none!important
}

}
@media (max-width:600px){
.spMenu{
position:fixed;padding-top:50px;background-color:#4d4d4d;z-index:99;width:100%;min-height:100vh;display:none
}
.spMenu ul{
padding-left:0
}
.spMenu ul li+li{
border-top:1px solid #fff
}
.spMenu ul li a{
color:#fff;display:block;padding:20px
}

}
.header{
position:absolute;width:100%;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;max-width:1098px;padding-top:30px;padding-bottom:30px
}
.header .logo{
height:100px
}
.header .logo a{
	display: inline-block;
	width: 100px;
}
.header .logo a:nth-child(2) {
	margin: 0 1rem;
}

@media (min-width:601px){
.header .mainNav{
display:block!important
}

}
@media (max-width:600px){
.header{
position:fixed;left:0;-webkit-transform:none;transform:none;padding:10px 20px
}
.header.chBgColor{
background-color:rgba(102,102,102,.5)
}
.header .logo{
position:relative;z-index:9999
}
.header .logo a{
	width:60px;
}
.header .logo a:nth-child(2) {
	margin: 0 0.5rem;
}
.header .mainNav{
background-color:#4d4d4d;width:100%;height:100vh;position:absolute;left:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:none;padding-top:0
}

}
.header .mainNav .globalMenu,.header .mainNav .subNav{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end
}
.header .mainNav .subNav .sns+.sns{
margin-left:20px
}
.header .mainNav .subNav .sns img{
width:auto;height:auto;max-width:30px;max-height:30px
}
@media (max-width:600px){
.header .mainNav .globalMenu,.header .mainNav .subNav{
padding:0;display:block
}
.header .mainNav .subNav{
-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:center;margin-top:80px;
}
.header .mainNav .subNav .sns{
display:inline-block;margin-bottom:15px;border-top:none
}
.header .mainNav .subNav .joinUs,.header .mainNav .subNav .member{
display:block;padding-left:20px;padding-right:20px;border-top:none
}

}
.header .mainNav .subNav .joinUs a,.header .mainNav .subNav .member a{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;padding:8px 17px
}
@media (max-width:600px){
.header .mainNav .subNav .joinUs a,.header .mainNav .subNav .member a{
font-size:14px;padding:8px 10px;width:100%;margin-left:auto;margin-right:auto
}

}
.bottomContents .txtBox p,.header .mainNav .globalMenu li a{
font-size:16px;color:#fff
}
.header .mainNav .globalMenu.gray li a{
color:#4d4d4d
}
@media (max-width:600px){
	.header .mainNav .globalMenu.gray li a{
	color:#fff
	}
}
.header .mainNav .subNav .joinUs{
margin-left:20px
}
@media (max-width:600px){
.header .mainNav .subNav .joinUs{
margin-left:0
}

}
.header .mainNav .subNav .joinUs a{
background-color:#ff0;color:#4d4d4d
}
.header .mainNav .subNav .member{
margin-left:10px
}
.header .mainNav .subNav .member a{
background-color:rgba(255,255,255,.8);color:#4d4d4d
}
.header .mainNav .subNav .member.gray a{
background-color:rgba(200,200,200,.8);color:#4d4d4d
}

@media (max-width:600px){
.header .mainNav .subNav .member{
margin-left:0;margin-top:20px
}
.header .mainNav .globalMenu{
-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1
}

}
.header .mainNav .globalMenu li+li{
margin-left:11px
}
.header .mainNav .globalMenu li+li:before{
content:"/";display:inline-block;margin-right:11px;color:#fff
}
.bottomContents{
height:417px;background-image:url();background-size:cover;position:relative
}
@media (max-width:600px){
.header .mainNav .globalMenu li+li{
margin-left:0;border-top:1px solid #fff
}
.header .mainNav .globalMenu li+li:before{
display:none
}
.header .mainNav .globalMenu li a{
display:block;padding:12px 20px
}
.bottomContents{
height:auto;padding:40px 20px
}

}
.bottomContents>div{
position:relative;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1098px
}
.bottomContents .txtBox h2:after,.footer .footerNav:after{
display:block;height:1px;bottom:0;content:""
}
.bottomContents>div .moreBtn{
margin-left:0;margin-top:40px
}
.bottomContents .txtBox{
position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
@media (max-width:600px){
.bottomContents>div .moreBtn{
margin-top:30px;margin-left:auto;margin-right:auto
}
.bottomContents .txtBox{
width:100%;position:static;-webkit-transform:none;transform:none;padding:30px 20px;background-color:rgba(102,102,102,.5)
}

}
.bottomContents .txtBox h2{
position:relative;padding-bottom:30px;margin-bottom:30px
}
@media (max-width:600px){
.bottomContents .txtBox h2{
padding-bottom:20px;margin-bottom:20px
}
.bottomContents .txtBox p{
font-size:14px
}

}
.bottomContents .txtBox h2:after{
position:absolute;left:0;width:52px;background-color:#fff
}
.bottomContents .txtBox p{
line-height:2;margin-bottom:0
}
.bottomContents.eventRequest{
background-image:url(../img/bg_index_event.jpg)
}
.bottomContents.eventRequest .txtBox{
right:0
}
.bottomContents.eventRequest .txtBox h2{
width:490px
}
@media (max-width:600px){
.bottomContents.eventRequest{
background-image:url(../img/bg_index_event_sp.jpg)
}
.bottomContents.eventRequest .txtBox h2{
width:245px
}

}
.bottomContents.joinUsLink{
background-image:url(../img/bg_index_joinUs.jpg)
}
.bottomContents.joinUsLink .txtBox{
left:0;padding-left:54px
}
.bottomContents.joinUsLink .txtBox h2{
width:274px
}
.accessLink{
margin-top:147px
}
.footer{
padding-top:100px;background-color:#fff
}
@media (max-width:600px){
.bottomContents.joinUsLink{
background-image:url(../img/bg_index_joinUs_sp.jpg);background-position:top 0 right 0
}
.bottomContents.joinUsLink .txtBox{
padding-left:20px
}
.bottomContents.joinUsLink .txtBox h2{
width:137px
}
.accessLink{
margin-top:70px
}
.footer{
margin-top:50px
}

}
.footer .footerLogo{
width:101px;margin-left:auto;margin-right:auto;margin-bottom:40px
}
@media (max-width:600px){
.footer .footerLogo{
width:60px;margin-bottom:20px
}

}
.footer .footerLogo a{
display:block
}
.footer .footerNav{
padding-bottom:40px;margin-bottom:35px;position:relative
}
.footer .footerNav:after{
position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:68px;background-color:#4f4f4f
}
.footer .footerNav a{
display:inline-block;margin-right:20px;margin-bottom:20px;font-size:13px
}
.footer .footerNav>a:nth-of-type(3n),.footer .footerNav>div a:nth-of-type(3n){
margin-right:0
}
.footer .footerNav>div{
margin-top:30px
}
.footer .footerNav>div a{
margin-bottom:0
}
.footer address{
font-size:16px;line-height:2.25
}
.footer .snsLinks{
margin-top:62px
}
@media (max-width:600px){
.footer address{
font-size:14px
}
.footer .snsLinks{
margin-top:40px
}

}
.footer .snsLinks ul{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0
}
.footer .snsLinks ul li+li{
margin-left:20px
}
.footer .snsLinks ul li a img{
width:auto;height:auto;max-width:35px;max-height:35px
}
.footer small{
display:block;margin-top:62px;padding-bottom:20px;color:#b3b3b3;font-size:12px
}
.indexMv{
position:relative
}
.indexMv h1{
position:absolute;width:100%;max-width:1098px;left:50%;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2
}
main#jsIndexMain{
background-image:url(../img/index_main_bg.jpg);background-attachment:fixed;background-position:center
}
@media (max-width:600px){
.footer small{
padding-bottom:20px
}
.indexMv{
height:80vh
}
.indexMv h1{
padding-left:20px;padding-right:20px;top:50%
}
.indexMv .swiper-container,.indexMv .swiper-wrapper{
height:100%
}
.indexMv .swiper-slide img{
width:100%;height:100%;-o-object-fit:cover;object-fit:cover
}
main#jsIndexMain{
background-image:url()
}
main#jsIndexMain:before{
position:fixed;content:"";width:100%;height:100vh;display:block;top:0;left:0;background-image:url(../img/index_main_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1
}

}
.indexBox{
position:relative;z-index:2;max-width:100%;margin-bottom:80px
}
@media (max-width:600px){
.indexBox{
margin-bottom:40px
}

}
.indexBox:nth-of-type(1){
margin-top:-3%
}
.indexBox:nth-last-of-type(1){
margin-bottom:0
}
.indexBox h2{
background:#fff;-webkit-transform:skewY(-3deg);transform:skewY(-3deg);position:relative;margin-bottom:80px;padding:30px 0
}
.instBox .txtBox,.joinBox .flowList ul li div,.subMv{
background-repeat:no-repeat
}
.indexBox h2 img{
-webkit-transform:skewY(4.7deg);transform:skewY(4.7deg)
}
.indexBox h2.about img{
width:285px
}
@media (max-width:600px){
.indexBox h2{
padding:15px 0;margin-bottom:60px
}
.indexBox h2.about img{
width:142.5px
}

}
.indexBox h2.instructor img{
width:350px
}
@media (max-width:600px){
.indexBox h2.instructor img{
width:175px
}

}
.indexBox h2.lesson img{
width:208px
}
@media (max-width:600px){
.indexBox h2.lesson img{
width:85px
}

}
.indexBox h2.gbr img{
width:257px
}
@media (max-width:600px){
.indexBox h2.gbr img{
width:128.5px
}

}
.indexBox h2.movie img{
width:177px
}
.indexBox .indexBoxContents h3 img{
max-width:619px
}
@media (max-width:600px){
.indexBox h2.movie img{
width:88.5px
}
.indexBox .indexBoxContents{
padding-bottom:40px
}
.indexBox .indexBoxContents h3{
padding-left:20px;padding-right:20px
}
.indexBox .indexBoxContents h3 img{
width:100%
}

}
.indexBox .indexBoxContents h3.aboutInnerTitle{
position:relative;padding-bottom:30px;margin-bottom:36px
}
.indexBox .indexBoxContents h3.aboutInnerTitle:after{
content:"";display:block;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:42px;height:1px;background-color:#4f4f4f
}
.indexBox .indexBoxContents h3.aboutInnerTitle+p{
font-size:16px;line-height:2.25
}
@media (max-width:600px){
.indexBox .indexBoxContents h3.aboutInnerTitle+p{
font-size:14px;padding-left:20px;padding-right:20px
}

}
.indexBox .indexBoxContents #jbr_pickup{
	background: rgba(255,0,0,0.3);
    margin: 4rem auto 2rem;
		width:100%;
		max-width: 700px;
    padding: 1rem 0;
    line-height: 1.6;
    color: #fff;
}
.indexBoxContents #about_comp {
	width: 90%;
	max-width:380px;
	display: block;
	margin: 0 auto 2.5rem;
}
.indexBoxContents #media p {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom:1rem;
}
.indexBoxContents #media img {
	display: block;
	width:100%;
	max-width: 700px;
	margin: 2rem auto 0.5rem;
}

.indexBox .indexInstructorContents{
max-width:1260px;margin-left:auto;margin-right:auto
}
.indexBox .indexInstructorContents .swiper-container{
padding-left:80px;padding-right:80px
}
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide a{
display:block
}
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide a>img{
display:block;max-width:288px;margin-right:0;margin-left:auto
}
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide .name{
position:absolute;left:0;bottom:60px
}
@media (max-width:600px){
.indexBox .indexInstructorContents .swiper-container{
padding-left:50px;padding-right:50px
}
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide a>img{
width:70%
}
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide .name{
bottom:20px
}

}
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide .name img{
width:auto;height:94px
}
.indexBox .indexInstructorContents .swiper-container .swiper-button-next,.indexBox .indexInstructorContents .swiper-container .swiper-button-prev{
color:#4f4f4f
}
.indexBox .indexInstructorContents .swiper-container .swiper-button-prev{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234f4f4f'%2F%3E%3C%2Fsvg%3E")
}
.indexBox .indexInstructorContents .swiper-container .swiper-button-next{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234f4f4f'%2F%3E%3C%2Fsvg%3E")
}
.indexBox .indexInstructorContents p{
margin-top:55px;font-size:16px;line-height:2.25
}
.indexBox .indexGbrContents .txtBox,.indexBox .indexLessonContents .txtBox .moreBtn{
margin-top:30px
}
.indexBox .indexLessonContents{
width:100%;max-width:1098px;margin-left:auto;margin-right:auto;padding-bottom:182px;position:relative
}
.indexBox .indexLessonContents>img{
display:block;margin-left:0;margin-right:auto;width:calc(100% - 97px)
}
@media (max-width:600px){
.indexBox .indexInstructorContents .swiper-container .swiper-wrapper .swiper-slide .name img{
height:40px
}
.indexBox .indexInstructorContents p{
font-size:14px;padding-left:20px;padding-right:20px
}
.indexBox .indexLessonContents>img{
width:calc(100% - 40px);margin-left:auto
}

}
.indexBox .indexLessonContents .txtBox{
position:absolute;right:0;bottom:0;background-color:#fff;padding:40px 44px;min-width:654px
}
@media (max-width:600px){
.indexBox .indexLessonContents .txtBox{
position:static;min-width:0;width:calc(100% - 40px);margin-left:auto;margin-right:auto;padding:30px
}

}
.indexBox .indexLessonContents .txtBox h3{
font-size:36px;font-weight:700;margin-bottom:30px
}
.indexBox .indexLessonContents .txtBox h3 img{
width:407px;display:block
}
.indexBox .indexGbrContents,.indexBox .indexMovieContents{
width:100%;max-width:1098px;margin-left:auto;margin-right:auto
}
.indexBox .indexLessonContents .txtBox h3+P{
line-height:2;font-size:16px;margin-bottom:0
}
@media (max-width:600px){
.indexBox .indexLessonContents .txtBox h3+P{
font-size:14px
}
.indexBox .indexGbrContents{
padding-left:20px;padding-right:20px;padding-bottom:40px
}

}
.indexBox .indexGbrContents .txtBox p{
text-align:center;font-size:16px;line-height:2
}
.indexBox .indexMovieContents{
padding-bottom:93px
}
@media (max-width:600px){
.indexBox .indexGbrContents .txtBox p{
font-size:14px
}
.indexBox .indexMovieContents{
padding-left:20px;padding-right:20px
}

}
.indexBox .indexMovieContents ul{
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0
}
.indexBox .indexMovieContents ul li{
width:calc(33.33333% - 22.67px);margin-right:34px;list-style-type:none
}
@media (max-width:600px){
.indexBox .indexMovieContents ul{
display:block
}
.indexBox .indexMovieContents ul li{
width:100%;margin-right:auto
}
.indexBox .indexMovieContents ul li+li{
margin-top:20px
}

}
.indexBox .indexMovieContents ul li>div{
padding-top:56.25%;position:relative
}
.indexBox .indexMovieContents ul li iframe{
position:absolute;left:0;top:0;width:100%;height:100%
}
.indexBox .indexMovieContents ul li:nth-of-type(3n){
margin-right:0
}
.aboutBox,.aboutBoxBottom .eventSchedule,.subRead{
margin-left:auto;margin-right:auto
}
.indexBox .moreBtn{
margin-top:40px
}
main.sub{
overflow-x:hidden
}
.subMv{
width:100%;height:465px;background-image:url();background-size:cover;background-position:center;position:relative;margin-bottom:78px
}
.subMv.about{
background-image:url(../img/about/mv_aboutUs.jpg)
}
.subMv.instructor{
background-image:url(../img/instructor/mv_instructor.jpg)
}
.subMv.joinUs{
background-image:url(../img/joinUs/mv_joinUs.jpg)
}
.subMv.lesson{
background-image:url(../img/lesson/mv_lesson.jpg)
}
.subMv.gbr{
background-image:url(../img/gbr/mv_gbr.jpg)
}
.subMv.company{
background-image:url(../img/company/mv_company.jpg)
}
.subMv h1{
position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)
}
@media (max-width:600px){
.subMv{
height:300px;background-size:cover;margin-bottom:50px
}
.subMv h1{
text-align:center;width:100%;padding-left:20px;padding-right:20px
}

}
.subMv h1 img{
width:auto;height:58.43px
}
@media (max-width:600px){
.subMv h1 img{
height:30px
}

}
.subMv h1.twoAlign img{
height:99px
}
@media (max-width:600px){
.subMv h1.twoAlign img{
width:auto;height:50px
}

}
.subRead{
width:100%;max-width:711px;position:relative;padding-left:73px;padding-right:73px;margin-bottom:73px
}
.subRead:after,.subRead:before{
content:"";width:73px;height:100px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(../img/instructor/title_obj.png);display:block;background-repeat:no-repeat;background-position:center;background-size:contain
}
.subRead:before{
left:0
}
.subRead:after{
right:0
}
.subRead h2{
font-size:36px;margin-bottom:35px;line-height:1;letter-spacing:.1em;font-weight:700
}
@media (max-width:600px){
.subRead{
padding-left:20px;padding-right:20px
}
.subRead:after,.subRead:before{
display:none
}
.subRead h2{
font-size:20px;position:relative;margin-bottom:20px
}
.subRead h2:after,.subRead h2:before{
content:"";width:36.5px;height:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(../img/instructor/title_obj.png);display:block;background-repeat:no-repeat;background-position:center;background-size:contain
}
.subRead h2:before{
left:0
}
.subRead h2:after{
right:0
}

}
@media (max-width:600px) and (max-width:320px){
.subRead h2:after,.subRead h2:before{
width:18.25px;height:25px
}

}
@media (max-width:320px){
.subRead h2{
font-size:18px
}

}
.subRead p{
font-size:16px;line-height:2;margin-bottom:0
}
.subRead.lesson{
padding-left:130px;padding-right:130px;max-width:820px
}
.subRead.lesson:after,.subRead.lesson:before{
width:76px;height:155px;background-image:url(../img/lesson/title_obj_big.png)
}
.aboutBox{
width:100%;max-width:1098px
}
.aboutBoxTop{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative
}
.aboutBoxTop .imgBox{
width:472px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
@media (max-width:600px){
.subRead p{
font-size:14px
}
.subRead.lesson{
padding-left:0;padding-right:0
}
.aboutBoxTop{
display:block
}
.aboutBoxTop .imgBox{
position:static;-webkit-transform:none;transform:none;width:60%;margin-left:auto;margin-right:auto
}

}
.aboutBoxTop .txtBox{
width:calc(100% - 425px);position:relative;z-index:2
}
@media (max-width:600px){
.aboutBoxTop .txtBox{
width:100%
}

}
.aboutBoxTop .txtBox .bigTitle{
width:663px;position:relative;z-index:2
}
.aboutBoxTop .txtBox .middleTitle{
margin-bottom:46px;position:relative;display:inline-block;margin-top:-45px
}
@media (max-width:600px){
.aboutBoxTop .txtBox .bigTitle{
width:80%;margin-left:auto;margin-right:auto
}
.aboutBoxTop .txtBox .middleTitle{
padding-left:20px;padding-right:20px
}

}
.aboutBoxTop .txtBox .middleTitle:after{
content:"";display:block;width:2000px;position:absolute;right:0;bottom:0;height:149px;-webkit-transform:translateX(100%);transform:translateX(100%);background-color:#666
}
@media (max-width:600px){
.aboutBoxTop .txtBox .middleTitle:after{
height:80px;right:20px
}

}
.aboutBoxTop .txtBox .middleTitle img{
width:auto;height:187px
}
.aboutBoxTop .txtBox p{
padding-left:105px;line-height:2.25
}
.aboutBoxBottom{
margin-top:70px
}
@media (max-width:600px){
.aboutBoxTop .txtBox .middleTitle img{
height:100px
}
.aboutBoxTop .txtBox p{
padding-left:20px;padding-right:20px;font-size:14px
}
.aboutBoxBottom{
margin-top:40px
}

}
.aboutBoxBottom .eventSchedule{
background-color:#f2f2f2;padding:40px 32px;width:100%;max-width:820px
}
@media (max-width:600px){
.aboutBoxBottom .eventSchedule{
width:calc(100% - 40px)
}

}
.aboutBoxBottom .eventSchedule h3{
margin-bottom:24px
}
.aboutBoxBottom .eventSchedule h3 img{
width:179px
}
.aboutBoxBottom .eventSchedule dl>div{
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap
}
@media (max-width:600px){
.aboutBoxBottom .eventSchedule h3 img{
width:150px
}
.aboutBoxBottom .eventSchedule dl>div{
display:block
}
.aboutBoxBottom .eventSchedule dl>div+div{
margin-top:15px;padding-top:15px;border-top:1px solid #4d4d4d
}

}
.aboutBoxBottom .eventSchedule dl>div dd,.aboutBoxBottom .eventSchedule dl>div dt{
font-size:18px;margin:0;padding-bottom:14px
}
.aboutBoxBottom .eventSchedule dl>div dt{
width:120px;border-right:1px solid #4d4d4d
}
@media (max-width:600px){
.aboutBoxBottom .eventSchedule dl>div dd,.aboutBoxBottom .eventSchedule dl>div dt{
font-size:16px;padding-bottom:0
}
.aboutBoxBottom .eventSchedule dl>div dt{
width:100%;border-right:none;margin-bottom:5px
}

}
.aboutBoxBottom .eventSchedule dl>div dd{
width:calc(100% - 120px);padding-left:26px
}
.aboutBoxBottom .eventSchedule dl>div:nth-last-of-type(1) dd,.aboutBoxBottom .eventSchedule dl>div:nth-last-of-type(1) dt{
padding-bottom:0
}
.aboutBox:nth-of-type(2){
margin-top:160px
}
@media (max-width:600px){
.aboutBoxBottom .eventSchedule dl>div dd{
width:100%;padding-left:0
}
.aboutBox:nth-of-type(2){
margin-top:80px
}

}
.aboutBox:nth-of-type(2) .aboutBoxTop{
-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start
}
.aboutBox:nth-of-type(2) .aboutBoxTop .imgBox{
left:auto;right:0
}
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox .bigTitle{
width:458px;margin-left:auto;margin-right:0
}
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox .middleTitle:after{
height:145.5px;right:auto;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)
}
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox p{
padding-left:0
}
@media (max-width:600px){
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox .bigTitle{
width:50%;padding-right:20px
}
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox .middleTitle{
display:block;margin-right:20px;margin-left:auto;text-align:right;margin-top:-20px
}
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox .middleTitle:after{
height:78px;-webkit-transform:none;transform:none;width:50%;z-index:-1
}
.aboutBox:nth-of-type(2) .aboutBoxTop .txtBox p{
padding-left:20px;padding-right:20px
}

}
.aboutBox.access{
margin-top:180px;margin-bottom:113px
}
.aboutBox.access address,.aboutBox.access h2{
margin-bottom:36px;text-align:center
}
.aboutBox.access h2 img{
width:201.26px
}
@media (max-width:600px){
.aboutBox.access h2 img{
width:150px
}

}
.aboutBox.access .mapBox,.instBox{
width:100%
}
.aboutBox.access address{
display:block;font-size:16px
}
.instBox,.instBox .txtBox .name{
display:-webkit-box;display:-ms-flexbox
}
@media (max-width:600px){
.aboutBox.access address{
font-size:14px;padding-left:20px;padding-right:20px
}

}
.aboutBox.access .mapBox iframe{
max-width:100%
}

.companyBoxTop{
	text-align: center;
}
.companyBoxTop .imgBox{
width:270px;
display: inline-block;
margin-bottom:2rem;
}
.companyBoxTop p {
	font-size: 18px;
	line-height: 2.0;
}
.companyBoxBottom {
	margin-top: 11rem;
	margin-bottom: 9rem;
}
.companyBoxBottom h2 {
	text-align: center;
}
.companyBoxBottom h2 img {
	width:485px;
	margin-bottom: 2rem;
}
.companyBoxBottom table {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.companyBoxBottom table th, .companyBoxBottom table td {
	padding: 1rem;
	border-bottom: solid 1px #808080;
}
.companyBoxBottom table th {
	width: 200px;
	font-weight: normal;
	text-align: center;
	border-right: solid 1px #808080;
}
.companyBoxBottom table td {
	line-height: 2.0;
}
@media (max-width:600px){
	.companyBoxTop .imgBox{
	width:140px;
	}
	.companyBoxTop p {
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.companyBoxBottom h2 img {
		width:80%;
	}
	.companyBoxBottom table {
		width: 90%;
	}
	.companyBoxBottom table th, .companyBoxBottom table td {
		padding: 0.5rem;
		font-size: 14px;
	}
	.companyBoxBottom table th {
		width: 100px;
	}

}

.instBox{
max-width:1230px;margin-left:auto;margin-right:auto;padding-right:66px;display:flex
}
.instBox:nth-last-of-type(1){
margin-bottom:170px
}
.instBox .imgBox{
width:420px;margin-right:80px
}
.instBox .imgBox .moreBtn{
margin-top:78px;-webkit-transform:translateX(33px);transform:translateX(33px)
}
@media (max-width:600px){
.instBox{
padding-left:20px;padding-right:20px;display:block
}
.instBox:nth-last-of-type(1){
margin-bottom:80px
}
.instBox .imgBox{
width:60%;margin-left:auto;margin-right:auto;margin-bottom:40px
}
.instBox .imgBox .moreBtn{
margin-top:40px;-webkit-transform:none;transform:none
}

}
.instBox .txtBox{
width:calc(100% - 500px);padding-bottom:100px;background-image:url(../img/instructor/bg_txtBox.png);background-size:100% auto;background-position:left bottom
}
.instBox .txtBox .bigTitle{
text-align:center;margin-bottom:35px
}
.instBox .txtBox .bigTitle img[src*=txt_growUp]{
height:127.28px
}
@media (max-width:600px){
.instBox .txtBox{
width:100%
}
.instBox .txtBox .bigTitle img[src*=txt_growUp]{
height:63.64px
}

}
.instBox .txtBox .bigTitle img[src*=txt_happy]{
height:101.08px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_happy]{
height:50.54px
}

}
.instBox .txtBox .bigTitle img[src*=txt_enjoy]{
height:106.31px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_enjoy]{
height:53.15px
}

}
.instBox .txtBox .bigTitle img[src*=txt_together]{
height:135.77px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_together]{
height:67.89px
}

}
.instBox .txtBox .bigTitle img[src*=txt_challange]{
height:105.26px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_challange]{
height:52.63px
}

}
.instBox .txtBox .bigTitle img[src*=txt_fun]{
height:91.35px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_fun]{
height:45.67px
}

}
.instBox .txtBox .bigTitle img[src*=txt_cheerful]{
height:133.29px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_cheerful]{
height:66.65px
}

}
.instBox .txtBox .bigTitle img[src*=txt_beauty]{
height:104.91px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_beauty]{
height:52.45px
}
}
.instBox .txtBox .bigTitle img[src*=txt_pure]{
height:85px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_pure]{
height:41.5px
}
}
.instBox .txtBox .bigTitle img[src*=txt_spirit]{
height:126.67px
}
.instBox .txtBox .name{
display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:19px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_spirit]{
height:63.34px
}
}
.instBox .txtBox .bigTitle img[src*=txt_love]{
height:95px
}
@media (max-width:600px){
.instBox .txtBox .bigTitle img[src*=txt_love]{
height:47.5px
}
}
.instBox .txtBox .name{
margin-bottom:0
}

}
.instBox .txtBox .name .tag{
margin-right:13px
}
.instBox .txtBox .name .tag img{
height:60px
}
.instBox .txtBox .name h3{
font-size:36px;margin-bottom:0;margin-left:0.5rem;
}
.instBox .txtBox .info dl div{
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:26px;padding-bottom:26px;border-bottom:1px solid #b3b3b3
}
@media (max-width:600px){
.instBox .txtBox .name .tag img{
height:30px
}
.instBox .txtBox .name h3{
font-size:20px;width:100%;margin-top:10px
}
.instBox .txtBox .info dl div{
display:block;padding-top:13px;padding-bottom:13px
}

}
.instBox .txtBox .info dl div dd,.instBox .txtBox .info dl div dt{
margin:0;font-size:20px;line-height:1.8;font-weight:500
}
.instBox .txtBox .info dl div dt{
width:120px
}
@media (max-width:600px){
.instBox .txtBox .info dl div dd,.instBox .txtBox .info dl div dt{
font-size:16px
}
.instBox .txtBox .info dl div dt{
width:100%
}

}
.instBox .txtBox .info dl div dd{
width:calc(100% - 120px);padding-left:46px
}
.instBox .txtBox p{
font-size:16px;line-height:2;margin-bottom:0
}
@media (max-width:600px){
.instBox .txtBox .info dl div dd{
width:100%;padding-left:0
}
.instBox .txtBox p{
font-size:14px
}

}
.instBox:nth-of-type(2n){
-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-right:0;padding-left:66px
}
.instBox:nth-of-type(2n) .imgBox{
margin-right:0;margin-left:80px
}
.instBox:nth-of-type(2n) .imgBox .moreBtn{
-webkit-transform:translateX(-33px);transform:translateX(-33px)
}
.instBox+.instObj{
margin-top:70px
}
.instObj img{
width:auto;height:166.44px
}
@media (max-width:600px){
.instBox:nth-of-type(2n){
padding-left:20px;padding-right:20px
}
.instBox+.instObj{
margin-top:35px
}
.instObj{
margin-top:40px;margin-bottom:40px
}
.instObj img{
width:40%;height:auto
}

}
.instObj:nth-of-type(2n){
text-align:right
}
.joinBox{
width:100%;max-width:1098px;margin-left:auto;margin-right:auto
}
.joinBox+.joinBox{
margin-top:100px
}
.joinBox:nth-last-of-type(1){
margin-bottom:190px
}
@media (max-width:600px){
.joinBox+.joinBox{
margin-top:60px
}
.joinBox:nth-last-of-type(1){
margin-bottom:90px
}

}
.joinBox ul{
padding-left:0
}
.joinBox table{
width:100%
}
.joinBox table td,.joinBox table th{
border:1px solid grey
}
.joinBox table td.dotted,.joinBox table th.dotted{
border-top-style:dotted;border-bottom-style:dotted
}
.joinBox table td.topSolid,.joinBox table th.topSolid{
border-top-style:solid
}
.joinBox table td.bottomSolid,.joinBox table th.bottomSolid{
border-bottom-style:solid
}
.joinBox h2{
background-color:#ccc;text-align:center;font-size:28px;line-height:57px;height:57px;font-weight:500;color:#000;margin-bottom:40px
}
@media (max-width:600px){
.joinBox h2{
font-size:18px;height:35px;line-height:35px
}

}
.joinBox h2 span{
font-size:20px
}
.joinBox h2.stroke{
background-color:transparent;border:1px solid #000
}
.joinBox h2+p{
margin-top:-10px;font-size:16px;margin-bottom:20px
}
@media (max-width:600px){
.joinBox h2 span{
font-size:16px
}
.joinBox h2.stroke{
width:calc(100% - 40px);margin-left:auto;margin-right:auto
}
.joinBox .flowList,.joinBox h2+p{
padding-left:20px;padding-right:20px
}
}

.joinBox .studio ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.joinBox .studio ul li {
	text-align: center;
	font-size: 14px;
	width: 23%;
}
.joinBox .studio ul li span{
	display: block;
	margin-top:5px;
}
@media (max-width:600px){
	.joinBox .studio {
		padding-left:20px;padding-right:20px;margin-bottom:20px
	}
	.joinBox .studio ul li {
		width: 47%;
		margin-bottom:1.5rem;
	}
}

.joinBox .flowList ul{
display:-webkit-box;display:-ms-flexbox;display:flex
}
.joinBox .flowList ul li{
width:33.33333%
}
.joinBox .flowList ul li div{
padding-top:36.68478%;background-image:url(../img/joinUs/bg_flow_02.png);position:relative;background-size:contain;background-position:center
}
.joinBox .flowList ul li div img{
position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:65.6763%
}
.joinBox .flowList ul li:nth-of-type(1) div{
background-image:url(../img/joinUs/bg_flow_01.png)
}
.joinBox .flowList ul li:nth-of-type(1) div img{
left:48%
}
.joinBox .fee{
margin-bottom:40px
}
.joinBox .fee dl{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center
}
.joinBox .fee dl dt{
background-color:#666;color:#fff;font-size:28px;width:157px;height:55px;line-height:55px;text-align:center;margin-right:26px
}
@media (max-width:600px){
.joinBox .fee{
padding-left:20px;padding-right:20px;margin-bottom:20px
}
.joinBox .fee dl{
display:block
}
.joinBox .fee dl dt{
font-size:16px;width:100px;height:30px;line-height:30px;margin-right:0;margin-bottom:10px
}

}
.joinBox .fee dl dd{
font-size:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;line-height:1;margin-bottom:0
}
@media (max-width:600px){
.joinBox .fee dl dd{
font-size:36px;display:block
}

}
.joinBox .fee dl dd span{
font-size:20px;padding-bottom:8px;margin-left:20px
}
@media (max-width:600px){
.joinBox .fee dl dd span{
display:block;font-size:14px;margin-left:0;margin-top:10px;line-height:1.5
}
.joinBox .feeList{
padding-left:20px;padding-right:20px
}
.joinBox .feeList>div{
overflow-x:scroll
}
.joinBox .feeList table{
min-width:1000px
}

}
.joinBox .feeList table thead th{
text-align:center;font-size:20px
}
@media (max-width:600px){
.joinBox .feeList table thead th{
font-size:18px
}

}
.joinBox .feeList table thead th:nth-last-of-type(1){
width:235px
}
.joinBox .feeList table tbody tr th:after,.joinBox .feeList table tbody tr th>div::after{
content:"";display:block;width:8px;height:calc(100% + 1px);top:0;left:0
}
.joinBox .feeList table tbody tr th{
padding-left:28px;padding-top:9px;padding-bottom:9px;position:relative;font-weight:500;font-size:20px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr th{
font-size:14px
}

}
.joinBox .feeList table tbody tr th:after{
position:absolute
}
.joinBox .feeList table tbody tr th>div{
padding-left:28px;position:relative;padding-top:10px;padding-bottom:10px;line-height:1;font-size:20px;font-weight:500
}
@media (max-width:600px){
.joinBox .feeList table tbody tr th>div{
font-size:16px
}

}
.joinBox .feeList table tbody tr th>div+div{
border-top:1px dotted grey
}
.joinBox .feeList table tbody tr th>div::after{
position:absolute;background-color:#ff1d25
}
.joinBox .feeList table tbody tr th>div:nth-last-of-type(1):after{
height:100%
}
.joinBox .feeList table tbody tr td:nth-of-type(1){
padding:0 24px
}
.joinBox .feeList table tbody tr td:nth-last-of-type(1){
text-align:center
}
.joinBox .feeList table tbody tr td:nth-last-of-type(1) .noneLarge{
font-size:48px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr td:nth-last-of-type(1) .noneLarge{
font-size:30px
}

}
.joinBox .feeList table tbody tr td:nth-last-of-type(1) .noneSmall{
font-size:24px
}
.joinBox .feeList table tbody tr td:nth-last-of-type(1) .none{
font-size:18px
}
.joinBox .feeList table tbody tr td .price{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:16px;padding-bottom:16px
}
.joinBox .feeList table tbody tr td .price>*,.joinBox .feeList table tbody tr:nth-of-type(12)~tr td:nth-of-type(1) span{
display:inline-block
}
@media (max-width:600px){
.joinBox .feeList table tbody tr td:nth-last-of-type(1) .noneSmall{
font-size:18px
}
.joinBox .feeList table tbody tr td:nth-last-of-type(1) .none{
font-size:16px
}
.joinBox .feeList table tbody tr td .price{
padding-top:12px;padding-bottom:12px
}

}
.joinBox .feeList table tbody tr td .price+.price{
padding-top:0
}
.joinBox .feeList table tbody tr td .price .tag{
font-size:18px;font-weight:700;width:150px;height:35px;line-height:35px;border:1px solid #666;text-align:center;color:#666;margin-right:20px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr td .price .tag{
font-size:14px
}

}
.joinBox .feeList table tbody tr td .price .tag.fill{
background-color:#666;color:#fff
}
.joinBox .feeList table tbody tr td .price strong{
font-size:40px;line-height:1;font-weight:500
}
@media (max-width:600px){
.joinBox .feeList table tbody tr td .price strong{
font-size:30px
}

}
.joinBox .feeList table tbody tr td .price .unit{
font-size:24px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr td .price .unit{
font-size:14px
}

}
.joinBox .feeList table tbody tr:nth-of-type(1) th:after,.joinBox .feeList table tbody tr:nth-of-type(1)~tr th:after{
background-color:#ff1d25
}
.joinBox .feeList table tbody tr:nth-of-type(9)~tr th{
padding-top:10px;padding-bottom:10px
}
.joinBox .feeList table tbody tr:nth-of-type(9)~tr th:after{
background-color:#3fa9f5
}
.joinBox .feeList table tbody tr:nth-of-type(13)~tr th:after{
background-color:#7ac943
}
.joinBox .feeList table tbody tr:nth-of-type(13)~tr td:nth-of-type(1){
padding:10px 24px
}
.joinBox .feeList table tbody tr:nth-of-type(13)~tr td:nth-of-type(1)>span{
font-size:30px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr:nth-of-type(13)~tr td:nth-of-type(1)>span{
font-size:20px
}

}
.joinBox .feeList table tbody tr:nth-of-type(13)~tr td:nth-of-type(1)>span+span{
margin-left:20px
}
.joinBox .feeList table tbody tr:nth-of-type(13)~tr td:nth-of-type(1)>span span{
font-size:24px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr:nth-of-type(13)~tr td:nth-of-type(1)>span span{
font-size:18px
}

}

.joinBox .feeList2 table tbody tr:nth-of-type(8)~tr th{
padding-top:10px;padding-bottom:10px
}
.joinBox .feeList2 table tbody tr:nth-of-type(8)~tr th:after{
background-color:#3fa9f5
}
.joinBox .feeList2 table tbody tr:nth-of-type(12)~tr th:after{
background-color:#7ac943
}
.joinBox .feeList2 table tbody tr:nth-of-type(12)~tr td:nth-of-type(1){
padding:10px 24px
}
.joinBox .feeList2 table tbody tr:nth-of-type(12)~tr td:nth-of-type(1)>span{
font-size:30px
}
@media (max-width:600px){
.joinBox .feeList2 table tbody tr:nth-of-type(12)~tr td:nth-of-type(1)>span{
font-size:20px
}

}
.joinBox .feeList table tbody tr:nth-of-type(12)~tr td:nth-of-type(1)>span+span{
margin-left:20px
}
.joinBox .feeList table tbody tr:nth-of-type(12)~tr td:nth-of-type(1)>span span{
font-size:24px
}
@media (max-width:600px){
.joinBox .feeList table tbody tr:nth-of-type(12)~tr td:nth-of-type(1)>span span{
font-size:18px
}

}

.joinBox .feeList small{
display:block;text-align:right;margin-top:20px;font-size:16px
}
@media (max-width:600px){
.joinBox .feeList small{
font-size:14px;text-align:left
}

}
.joinBox .feeList .moreBtn{
margin-top:45px
}
.joinBox .discount{
margin-top:80px
}
.joinBox .discount h3{
border:1px solid #ff1d25;text-align:center;height:57px;line-height:57px;font-size:28px;font-weight:500;color:#ff1d25;margin-bottom:37px
}
.joinBox .discount .discountList ul{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between
}
@media (max-width:600px){
.joinBox .discount h3{
width:calc(100% - 40px);font-size:18px;height:35px;line-height:35px;margin-left:auto;margin-right:auto
}
.joinBox .discount .discountList{
padding-left:20px;padding-right:20px
}
.joinBox .discount .discountList ul{
display:block
}

}
.joinBox .discount .discountList ul li{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px
}
.joinBox .discount .discountList ul li+li{
margin-left:47px
}
@media (max-width:600px){
.joinBox .discount .discountList ul li{
font-size:16px
}
.joinBox .discount .discountList ul li+li{
margin-top:10px;margin-left:0
}

}
.joinBox .discount .discountList ul li span{
background-color:#666;color:#fff;width:90px;height:55px;line-height:55px;font-size:28px;text-align:center;margin-right:14px
}
@media (max-width:600px){
.joinBox .discount .discountList ul li span{
width:60px;height:30px;line-height:30px;font-size:18px
}

}
.joinBox .discount .discountList ul li strong{
font-size:36px;font-weight:500;margin-left:10px
}
.joinBox .rentalPriceList ul{
display:-webkit-box;display:-ms-flexbox;display:flex
}
.joinBox .rentalPriceList ul li+li{
margin-left:73px
}
@media (max-width:600px){
.joinBox .discount .discountList ul li strong{
font-size:30px
}
.joinBox .rentalPriceList{
padding-left:20px;padding-right:20px
}
.joinBox .rentalPriceList ul{
display:block
}
.joinBox .rentalPriceList ul li+li{
margin-left:0;margin-top:10px
}

}
.joinBox .rentalPriceList ul li div{
font-size:20px
}
@media (max-width:600px){
.joinBox .rentalPriceList ul li div{
font-size:16px
}

}
.joinBox .rentalPriceList ul li strong{
font-size:36px;font-weight:500
}
.joinBox .rentalPriceList ul li strong span{
font-size:24px
}
@media (max-width:600px){
.joinBox .rentalPriceList ul li strong{
font-size:24px
}
.joinBox .rentalPriceList ul li strong span{
font-size:18px
}

}
.joinBox .rentalPriceList ul li>span{
font-size:16px
}
@media (max-width:600px){
.joinBox .rentalPriceList ul li>span{
font-size:14px
}
.joinBox .gbrTitle{
height:auto;padding-top:10px;padding-bottom:10px;line-height:1.7
}
.joinBox .gbrTitle span{
display:block
}
.joinBox .gbrPriceList,.joinBox .rehukoList{
padding-left:20px;padding-right:20px
}
.joinBox .gbrPriceList>div,.joinBox .rehukoList>div{
overflow-x:scroll
}
.joinBox .gbrPriceList table,.joinBox .rehukoList table{
min-width:1000px
}

}
.joinBox .gbrPriceList table td,.joinBox .gbrPriceList table th,.joinBox .rehukoList table td,.joinBox .rehukoList table th{
font-size:20px;padding-top:10px;padding-bottom:10px;text-align:center
}
@media (max-width:600px){
.joinBox .gbrPriceList table td,.joinBox .gbrPriceList table th,.joinBox .rehukoList table td,.joinBox .rehukoList table th{
font-size:14px
}

}
.joinBox .gbrPriceList table td strong,.joinBox .gbrPriceList table th strong,.joinBox .rehukoList table td strong,.joinBox .rehukoList table th strong{
font-size:28px;font-weight:500
}
@media (max-width:600px){
.joinBox .gbrPriceList table td strong,.joinBox .gbrPriceList table th strong,.joinBox .rehukoList table td strong,.joinBox .rehukoList table th strong{
font-size:20px
}

}
.joinBox .gbrPriceList table td span,.joinBox .gbrPriceList table th span,.joinBox .rehukoList table td span,.joinBox .rehukoList table th span{
font-size:16px
}
@media (max-width:600px){
.joinBox .gbrPriceList table td span,.joinBox .gbrPriceList table th span,.joinBox .rehukoList table td span,.joinBox .rehukoList table th span{
font-size:14px
}

}
.joinBox .gbrPriceList table thead th,.joinBox .rehukoList table thead th{
font-weight:500
}
.joinBox .gbrPriceList small,.joinBox .rehukoList small{
display:block;font-size:16px;text-align:right;margin-top:16px
}
@media (max-width:600px){
.joinBox .gbrPriceList small,.joinBox .rehukoList small{
font-size:14px;text-align:left;padding-left:20px;padding-right:20px
}

}
.joinBox .gbrPriceList table thead th:nth-of-type(3){
width:117px
}
.joinBox .gbrPriceList table thead th:nth-of-type(4){
width:230px
}
.joinBox .gbrPriceList table tbody tr td:nth-of-type(2){
text-align:left;font-size:18px;padding-left:10px;padding-right:10px
}
.joinBox .necessary{
margin-top:70px
}
.joinBox .necessary dl{
display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #666
}
@media (max-width:600px){
.joinBox .gbrPriceList table tbody tr td:nth-of-type(2){
font-size:16px
}
.joinBox .necessary{
margin-top:40px;padding-left:20px;padding-right:20px
}
.joinBox .necessary dl{
display:block
}

}
.joinBox .necessary dl dt{
background-color:#f2f2f2;font-size:28px;font-weight:500;padding-left:35px;padding-right:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid #666
}
@media (max-width:600px){
.joinBox .necessary dl dt{
font-size:20px;padding:20px;border-right:none;border-bottom:1px solid #666
}

}
.joinBox .necessary dl dd{
padding:35px;margin-bottom:0
}
@media (max-width:600px){
.joinBox .necessary dl dd{
padding:20px
}

}
.joinBox .necessary dl dd ul{
padding-left:0;margin-bottom:0
}
.joinBox .necessary dl dd ul li{
font-size:20px
}
.joinBox .necessary dl dd ul li+li{
margin-top:20px
}
.joinBox .faq div{
padding-bottom:40px;border-bottom:1px dotted #666
}
.joinBox .faq div+div{
padding-top:40px
}
@media (max-width:600px){
.joinBox .necessary dl dd ul li{
font-size:18px
}
.joinBox .necessary dl dd ul li+li{
margin-top:10px
}
.joinBox .faq div{
padding-bottom:20px;width:calc(100% - 40px);margin-left:auto;margin-right:auto
}
.joinBox .faq div+div{
padding-top:20px
}

}
.joinBox .faq div dd,.joinBox .faq div dt{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:20px;line-height:1.6;font-weight:500
}
.joinBox .faq div dd img,.joinBox .faq div dt img{
display:block;width:43px;margin-right:14px
}
@media (max-width:600px){
.joinBox .faq div dd,.joinBox .faq div dt{
font-size:16px
}
.joinBox .faq div dd img,.joinBox .faq div dt img{
width:35px
}

}
.joinBox .faq div dt{
-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px
}
.lessonBox{
width:100%;max-width:1098px;margin-left:auto;margin-right:auto
}
.lessonBox+.lessonBox{
margin-top:60px
}
.lessonBox:nth-last-of-type(1){
margin-bottom:160px
}
@media (max-width:600px){
.lessonBox+.lessonBox{
margin-top:30px
}
.lessonBox:nth-last-of-type(1){
margin-bottom:90px
}

}
.lessonBox h3{
font-size:28px;text-align:center;height:57px;line-height:57px;background-color:#ccc;font-weight:500;margin-bottom:43px
}
.lessonBox .lessonBoxContents{
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap
}
.lessonBox .lessonBoxContents+.lessonBoxContents{
margin-top:40px
}
.lessonBox .lessonBoxContents .imgBox{
width:296px;margin-right:32px
}
@media (max-width:600px){
.lessonBox h3{
font-size:20px;height:35px;line-height:35px
}
.lessonBox .lessonBoxContents{
display:block;padding-left:20px;padding-right:20px
}
.lessonBox .lessonBoxContents .imgBox{
width:100%;margin-right:0;margin-bottom:10px
}

}
.lessonBox .lessonBoxContents .txtBox{
width:calc(100% - 328px)
}
.lessonBox .lessonBoxContents .txtBox h4{
margin-bottom:18px
}
.lessonBox .lessonBoxContents .txtBox h4 .subinfo{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:14px
}
.lessonBox .lessonBoxContents .txtBox h4 .subinfo .time{
font-size:20px;font-weight:700;margin-right:10px;line-height:1
}
@media (max-width:600px){
.lessonBox .lessonBoxContents .txtBox{
width:100%
}
.lessonBox .lessonBoxContents .txtBox h4 .subinfo .time{
font-size:18px
}

}
.lessonBox .lessonBoxContents .txtBox h4 .subinfo .tag{
width:76px;height:24px;text-align:center;line-height:24px;color:#fff;background-color:#4d4d4d;border:1px solid #4d4d4d
}
.lessonBox .lessonBoxContents .txtBox h4 .subinfo .tag.stroke{
background-color:transparent;color:#4d4d4d
}
.lessonBox .lessonBoxContents .txtBox h4 .subinfo .tag+.tag{
margin-left:5px
}
.lessonBox .lessonBoxContents .txtBox h4 .name{
line-height:1;font-size:24px;font-weight:700
}
.lessonBox .lessonBoxContents .txtBox h4 .name span {
font-weight:normal;
font-size: 60%;
display: inline-block;
margin-left: 10px;
}
@media (max-width:600px){
.lessonBox .lessonBoxContents .txtBox h4 .name{
font-size:20px
}

}
.lessonBox .lessonBoxContents .txtBox .info div{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
.lessonBox .lessonBoxContents .txtBox .info div+div{
margin-top:10px
}
.lessonBox .lessonBoxContents .txtBox .info div dt{
font-size:14px;background-color:#ccc;border-radius:9999px;width:50px;height:24px;line-height:24px;text-align:center;color:#4d4d4d;margin-right:8px
}
.lessonBox .lessonBoxContents .txtBox .info div dd{
font-size:18px;margin-bottom:0
}
@media (max-width:600px){
.lessonBox .lessonBoxContents .txtBox .info div dd{
font-size:16px
}

}
.lessonBox .lessonBoxContents .txtBox p{
font-size:14px;line-height:1.75
}

.gbrBox:nth-of-type(2){
margin-top:100px;
margin-bottom: 160px;
}
.gbrBox .bigTitle {
	text-align:center;
	margin-bottom:90px;
}
.gbrBox .bigTitle img {
	width: 90%;
	max-width: 530px;
}
.gbrBoxTop{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative
}
.gbrBoxTop .imgBox{
width:435px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
.gbrBoxTop .txtBox p{
line-height: 2.25
}
@media (max-width:600px){
.gbrBoxTop{
display:block
}
.gbrBoxTop .imgBox{
position:static;-webkit-transform:none;transform:none;width:60%;margin-left:auto;margin-right:auto;margin-bottom:40px
}

}
.gbrBoxTop .txtBox{
width:calc(100% - 475px);position:relative;z-index:2
}
@media (max-width:600px){
.gbrBoxTop .txtBox{
width:100%
}

}
.aboutBox:nth-of-type(1) .gbrBoxTop{
-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start
}
.aboutBox:nth-of-type(1) .gbrBoxTop .imgBox{
left:auto;right:0
}
.aboutBox:nth-of-type(1) .gbrBoxTop .txtBox p{
padding-left:0;
}
@media (max-width:600px){
.aboutBox:nth-of-type(1) .gbrBoxTop .txtBox p{
padding-left:20px;padding-right:20px
}

}

#gbr_s_p {
	margin-bottom:40px;
}
@media (max-width:600px){
	#gbr_s_p {
		padding: 0 20px;
	}
}
.joinBox form table {
	border: 0;
}
.joinBox form table th, .joinBox form table td {
	font-weight: normal;
	padding: 20px 10px;
	border: 0;
	border-bottom: solid 1px #999;
}
.joinBox form table tr:last-child th,
.joinBox form table tr:last-child td{
	border-bottom: 0;
}
.joinBox form table+input {
	display:block;
	width: 200px;
	margin: 20px auto;
	background: #4d4d4d;
	color: #fff;
	border: 0;
	height: 40px;
}
@media (max-width:600px){
	.joinBox form table {
		width: 90% !important;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.joinBox form table tbody,
	.joinBox form table tr,
	.joinBox form table th,
	.joinBox form table td {
		display: block;
		width: 100%;
	}
	.joinBox form table th {
		border:0;
		padding-bottom: 0;
		text-align: center;
	}
	.joinBox form table td input,
	.joinBox form table td textarea {
		width: 100%;
	}
}