@charset "utf-8";
/* --------------------------------
top
-------------------------------- */
/*header-nav上書きここから*/
.not-scroll #header,
.not-scroll .hd-inbox{
    display: none;
}
.not-scroll .nav-hamburger-icon,
.not-scroll .nav-hamburger-icon::before,
.not-scroll .nav-hamburger-icon::after{
    background-color: #FFFFFF;
}
.not-scroll .nav-pc .nav-hamburger-icon,
.not-scroll .nav-pc .nav-hamburger-icon::before,
.not-scroll .nav-pc .nav-hamburger-icon::after{
    background-color: #07357C;
}
.not-scroll .nav-open .nav-hamburger-icon::before,
.not-scroll .nav-open .nav-hamburger-icon::after{
    background-color: #07357C;
}
.not-scroll .nav-open .nav-hamburger-icon{
    background-color: transparent;
}
@media (min-width: 670px){
.not-scroll #nav a{color: #FFFFFF;font-weight: 300;}
.not-scroll #nav a::after {background: #FFFFFF;}
}
/*header-nav上書きここまで*/

.main-box img{
    display: block;
    width: 100%;
    height: auto;
}

.msg-box{background: transparent url(../img/top/copybg-smp.jpg) top left / cover no-repeat;z-index: -1;}
.msg-inbox{
    background: transparent url(../img/top/bg-cover.png) repeat;
    color:#FFFFFF;
    padding-bottom: 20px;
}
.msg-l,
.msg-m{
    display: block;
    text-align: center;
}
.msg-l{
   font-size: 17px;
    font-weight: 500;
    padding: 36px 0 36px 0;
}
.msg-m{
    padding: 0 0 20px 0;
    font-weight: 300;
}
.t-l-inbox,
.t-i-inbox,
.t-f-inbox{
    padding-bottom: 50px;
}
.t-lesson-box{
    background: #F0F0F0;
}
.t-instructor-box{
    background: #FFFFFF;
}
.t-facility-box{
    background: #F0F0F0;
}
a.t-detail-btn{
    display: block;
    width: 240px;
    text-decoration: none;
    color: #000000;
    text-align: center;
    border:1px solid #000000;
    margin:50px auto 0 auto;
    padding:16px 24px 16px 0;
    line-height: 1em; 
}
.t-d-btn-txt{
    display: inline-block;
    position: relative;
}
.t-d-btn-txt::after{
    content: "";
    display: block;
    width: 20px;
    height: 12px;
    background: transparent url(../img/common/icon-trans.png) top left / contain no-repeat;
    position: absolute;
    top:2px;
    right: -30px;
}
a.top-l-btn,
.top-l-btn img{
    display: block;
    width: 100%;
    height: auto;
}
a.top-l-btn{
    margin-bottom: 26px;
}
.each-imgbox,
.each-imgbox img{
    display: block;
    width: 100%;
    height: auto;
}
.each-imgbox{
    position: relative;
    
}
.tie-1{
    padding-top:10px;
}
.t-i-name,
.t-i-txt,
.t-f-name,
.t-f-txt{
    display: block;
}
.t-i-name,
.t-f-name{
    font-size: 19px;
    line-height: 21px;
    padding:25px 0 10px 0;
}
.t-f-name-s{
    font-size: 13px;
    display: inline-block;
    padding-left:10px;
    position: relative;
    top:1px; 
}

.t-i-txt,
.t-f-txt{
    line-height: 1.7em;
}
.tie-2,
.tie-3,
.tie-4,
.tfe-2,
.tfe-3{
   margin-top:50px; 
}

/*★ ↓ max設定、注意 ★*/
@media (max-width: 350px) {
.msg-m{
    transform: scale( 0.9 , 1.0 );
    width: 110%;
    /*transform-origin: center;*/
    position: relative;
    left:-5%;
}
}/*max-width: 350px*/
@media (max-width: 318px) {
.msg-m{
    transform: scale( 0.8 , 1.0 );
    width: 120%;
    /*transform-origin: center;*/
    position: relative;
    left:-10%;
}
}/*max-width: 318px*/
/*★ ↑ max設定、注意 ★*/


@media (min-width: 350px) {
.t-f-name-s{
    font-size: 15px;
}
    }/*min-width: 350px*/


@media (min-width: 670px) {
.pc-flex{
    /*このclassは、flexの設定のみ*/
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
    
    -ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
    
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    }
.main-box img{
    display: none;
}
.main-box{
   background: transparent url(../img/top/main-pc.jpg) top left / cover no-repeat;
    height:46vw; 
}
.msg-box{background: transparent url(../img/top/copybg-pc.jpg) top left / cover no-repeat;z-index: -1;}
.msg-inbox{
    padding-bottom: calc( 5vw - 4px );
}
.msg-l{
   font-size: calc( 1.5vw + 7px );
    padding-top: calc( 5vw + 17px );
    padding-bottom: calc( 3vw + 15px );
}
.msg-m {
    padding-bottom:22px;
}
.top-l-btn img{
    display: none;
}

.t-l-each{
    width: 42.3vw;/*43vw*/
    width:calc( 43.2vw - 6px );
    height: auto;
	margin-bottom: 35px;
}

a.top-l-btn,
.top-l-btn-pc1,
.top-l-btn-pc2{
    width: 42.3vw;/*43vw*/
    width:calc( 43.2vw - 6px );
    height: 17.7vw;
    height:calc( 18vw - 6px );
    position: relative;
    }
a.top-l-btn {
    position: relative;
    display: inline-block;/*flexがない古いブラウザをゆるくカバー*/
}
.top-l-btn-pc1,
.top-l-btn-pc2{
    display: block;
    position: absolute;
    top:0px;
    left:0px;
    z-index: -10;
}
a.top-l-btn {
    margin-bottom: 0;
    z-index: 10;
}
.top-l-img1-pc1{
    background: transparent url(../img/top/top-l-img1b-on-pc.jpg) center / cover no-repeat;
    }
.top-l-img1-pc2{
    background: transparent url(../img/top/top-l-img1b-pc.jpg) center / cover no-repeat;
    }
.top-l-img2-pc1{
    background: transparent url(../img/top/top-l-img2b-on-pc.jpg) center / cover no-repeat;
    }
.top-l-img2-pc2{
    background: transparent url(../img/top/top-l-img2b-pc.jpg) center / cover no-repeat;
    }
.top-l-img3-pc1{
    background: transparent url(../img/top/top-l-img3b-on-pc.jpg) center / cover no-repeat;
    }
.top-l-img3-pc2{
    background: transparent url(../img/top/top-l-img3b-pc.jpg) center / cover no-repeat;
    }
.top-l-img4-pc1{
    background: transparent url(../img/top/top-l-img4b-on-pc.jpg) center / cover no-repeat;
    }
.top-l-img4-pc2{
    background: transparent url(../img/top/top-l-img4b-pc.jpg) center / cover no-repeat;
    }

a.top-l-btn:hover .top-l-btn-pc2 {
    background-image:none;
}
.tie-1 {
    padding-top: 0px;
}
.tie-wrap{
	padding-top: 10px;
	flex-direction: column;
}
.tie-inwrap{
    width: 89vw;
}
.tie-inwrap.inwrap-2{
	margin-top: 4vw;
}
.tie-2,
.tie-3,
.tie-4,
.tfe-2,
.tfe-3 {
    margin-top: 0px;
}
.t-i-each{
/*
    width: 42.3vw;43vw
    width:calc( 43.2vw - 6px );
*/
    width: 42.8vw;
    height: auto;
}
.t-f-each{
    width: 27.7vw;
    height: auto;
    
}
.t-f-name-s {
    padding-left: 0px;/*10*/
    /*display: inline-block;*/
    display: block;
}
}/*end min-width: 670px*/





@media (min-width: 960px) {
.msg-inbox{
    padding-bottom: 44px;
}
.msg-l{
   font-size: 22px;
    padding-top: 65px;
    padding-bottom: 44px;
}
.t-i-each {
    width: 42.8vw;
    height: auto;
}
.t-i-name, .t-f-name {
    font-size: 19px;
    font-size: calc( 1.2vw + 7.5px );
}
.t-l-each{
    margin-bottom: 3.646vw;
	margin-bottom: calc( 3vw + 6px );
	
}
}/*end min-width: 960px*/

@media (min-width: 1000px) {
.t-f-name-s {
    padding-left: 10px;
    display: inline-block;
}
}/*end min-width: 670px*/

@media (min-width: 1200px) {
.msg-inbox{
    position: relative;
}
.msg-inbox::before,
.msg-inbox::after{
    content: "";
    width:1px;
    height: 176px;
    background: #B6B6B6;
    position: absolute;
    top:70px;
}
.msg-inbox::before{
    right: 90%;
    right: calc( 50% + 514px );
}
.msg-inbox::after{
    left: 90%;
    left: calc( 50% + 514px );
}
.t-i-name, .t-f-name {
    font-size: 22px;
    font-size: calc( 0.9vw + 11px );
}
.tie-wrap{
	flex-direction: row;
}
.tie-inwrap {
	width: 42.9vw;
}
.tie-inwrap.inwrap-2{
	margin-top: 0;
}
.t-i-each {
    width: 19.7vw;
    height: auto;
}
}/*end min-width: 1200px*/


@media (min-width: 1330px) {
.msg-l{
   font-size: calc( 0.83vw + 11px );
    padding-top: calc( 2.48vw + 32px );
    padding-bottom: calc( 1.66vw + 22px );
}
.msg-m {
    padding-bottom: calc( 0.75vw + 12px );
    font-size: calc( 0.564vw + 7.5px );
}

.msg-inbox::before,
.msg-inbox::after{
    height: calc( 6.62vw + 92px );
    top: calc( 2.63vw + 35px );
}
.msg-inbox::before{
    right: calc( 75% + 186px );
}
.msg-inbox::after{
    left: calc( 75% + 186px );
}
}/*end min-width: 1330px*/


@media (min-width: 1400px) {
.t-f-name-s {
    font-size: 15px;
    font-size: 1.07vw;
}
a.t-detail-btn {
    width: 17.14vw;
    margin-top: calc( 1.8vw + 25px );
    padding-top: calc( 0.57vw + 8px );
    padding-bottom: calc( 0.57vw + 8px );
}
.t-l-inbox, .t-i-inbox, .t-f-inbox {
    padding-bottom: 3.6vw;
}
a.top-l-btn, .top-l-btn-pc1, .top-l-btn-pc2 {
    width: 580px;
    width: calc( 42.1vw - 8px );
	height: 243px;
    height: calc( 17vw - 8px );
}
.t-i-each,
.t-l-each,
.top-l-btn-pc1, .top-l-btn-pc2{
    width: 580px;
    width: calc( 42.1vw - 8px );
}
.tie-inwrap {
	width: 41.8vw;
}
.t-i-each {
    width: 19.7vw;
    height: auto;
}
.t-l-each {
	margin-bottom: 46px;
}
.t-f-each {
    width: 27.2vw;
    height: auto;
}
    
}/*end min-width: 1400px*/


@media (min-width: 1500px) {
.t-d-btn-txt::after {
    top: 3px;
}
}/*end min-width: 1500px*/


@media (min-width: 1700px) {
.t-i-name, .t-f-name {
    font-size: 26px;
}
.t-f-name-s {
    font-size: 18px;
}
}/*end min-width: 1700px*/


@media (min-width: 1880px) {
.msg-l{
   font-size: 27px;
    padding-top: 79px;
    padding-bottom: 54px;
}
.msg-m {
    padding-bottom: 26px;
    font-size: 18px;
}

.msg-inbox::before,
.msg-inbox::after{
    height: 217px;
    top: 84px;
}
.msg-inbox::before{
    right: calc( 50% + 651px );
}
.msg-inbox::after{
    left: calc( 50% + 651px );
}
a.t-detail-btn {
    width: 324px;
    margin-top: 60px;
    padding-top: 19px;
    padding-bottom: 19px
}
.t-l-inbox, .t-i-inbox, .t-f-inbox {
    padding-bottom: 70px;
}
.t-l-each {
    margin-bottom: calc( 1.6vw + 16px );
}

}/*end min-width: 1880px*/