@charset "utf-8";
/* --------------------------------
共通（コンテンツ部分）
-------------------------------- */
.pos-rel{
    position: relative;
}
.img-caption{
    position: absolute;
    bottom:10px;
    right: 14px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
}
.hdr-img-box{
  position:relative;
  overflow: hidden;
  height:180px;
}
.hdr-img{
  height:180px;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit- transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
}
/*.hdr-img-l .hdr-img{
    left: 0%;
  -webkit- transform: translateY(0) translateX(0%);
  transform: translateY(0) translateX(0%);
}*/
.page-ttl-box{
    text-align: center;
    background: #F0F0F0;
    width: 100%;
    padding:40px 0;
}
.pttl-out{
    display: block;
    
}
.pttl-l{
    font-size: 19px;
}
.pttl-s{
    display: block;
    font-size:13px;
    padding:10px 10px 0 10px;
}
.link-out{
    
    display: inline-block;
    position: relative;
    left:-5px;
}
.link-out::after{
    content:"";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent url(../../img/common/icon-out.png) top left / contain no-repeat;
    position: relative;
    top:3px;
    left:7px;
    
}
.full-wth-img img{
    display: block;
    width: 100%;
    height: auto;
    }
.cts-ttl-fw{
    font-size: 19px;
    color:#063379;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding:100px 0 40px 0;
    line-height: 1em;
}
.cts-ttl-fw::after{
    content:"";
    display: block;
    width: 1px;
    height: 28px;
    background: #5787CE;
    position: absolute;
    top:40px;
    transform-origin: center;
    transform:rotate(45deg);
    left:50%;
}
.cts-sttl-fw{
    font-size: 19px;
    color:#063379;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding:92px 0 40px 0;
    line-height: 1em;
}
.cts-sttl-fw::after{
    content:"";
    display: block;
    width: 1px;
    height: 28px;
    background: #5787CE;
    position: absolute;
    top:34px;
    transform-origin: center;
    transform:rotate(45deg);
    left:50%;
}
.cts-ttl-top{
    font-size: 19px;
    color:#063379;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding:100px 0 28px 0;
    line-height: 1em;
}
.cts-ttl-top::after{
    content:"";
    display: block;
    width: 1px;
    height: 28px;
    background: #5787CE;
    position: absolute;
    top:44px;
    transform-origin: center;
    transform:rotate(45deg);
    left:50%;
}
.cts-sttl-2{
    font-size: 17px;
    color:#063379;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding:72px 0 16px 0;
    line-height: 1em;
}

.cts-sttl-2::after{
    content:"";
    display: block;
    width: 1px;
    height: 20px;
    background: #5787CE;
    position: absolute;
    top:32px;
    transform-origin: center;
    transform:rotate(45deg);
    left:50%;
}
.cts-s-ttl-top{
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 34px;
}
.cts-pad-rl-s{
    padding-left:2.5%;
    padding-right:2.5%; 
}
.cts-pad-rl-m{
    padding-left:5%;
    padding-right:5%; 
}
.cts-pad-rl-m2{
    padding-left:5%;
    padding-right:5%; 
}
.cts-pad-rl-top{
    padding-left:5%;
    padding-right:5%; 
}
.c-t-top-mar0{
    margin-top:30px;
}
.c-t-top-mar1{
    margin-top:40px;
}
.c-t-top-mar2{
    margin-top:40px;
}
.c-t-top-mar3{
    margin-top:80px;
}
.c-t-btm-mar3{
    margin-bottom:80px;
}
.c-t-btm-pad3{
    padding-bottom:80px;
}
.c-t-btm-mar4{
    margin-bottom:80px;
}
.txt-narrow-inline {
    display: inline-block;
    transform: scale(0.8, 1);
    transform-origin: top left;
    width: 120%;
}
.txt-narrow-block {
    display: block;
    transform: scale(0.8, 1);
    transform-origin: top left;
    width: 120%;
}
@media (min-width: 390px) {
.txt-narrow-inline {
    display: inline;
    transform: scale(1, 1);
    width: 100%;
}
.txt-narrow-block {
    transform: scale(1, 1);
    width: 100%;
}
}/*end min-width: 390px*/

@media (min-width: 460px) {
.page-ttl-box{
    padding:50px 0;
}
.cts-pad-rl-s{
    padding-left:4%;
    padding-right:4%; 
}
.cts-pad-rl-m{
    padding-left:8%;
    padding-right:8%; 
}
.cts-pad-rl-m2{
    padding-left:8%;
    padding-right:8%; 
}
.cts-pad-rl-top{
    padding-left:8%;
    padding-right:8%; 
}
.c-t-top-mar2{
    margin-top:46px;
}
}
@media (min-width: 670px) {
.hdr-img-box,.hdr-img{
  height:23vw;
  height:calc( 16vw + 92px );
}   
.hdr-img{
  display: none;
}
.hdr-img-1{background: transparent url(../img/common/hdr-1-pc.jpg) center center / cover no-repeat;}
.hdr-img-2{background: transparent url(../img/common/hdr-2-pc.jpg) center center / cover no-repeat;}
.hdr-img-3{background: transparent url(../img/common/hdr-3-pc.jpg) center center / cover no-repeat;}
.hdr-img-4{background: transparent url(../img/common/hdr-4-pc.jpg) center center / cover no-repeat;}
.hdr-img-5{background: transparent url(../img/common/hdr-5-pc.jpg) center center / cover no-repeat;}
.hdr-img-6{background: transparent url(../img/common/hdr-6-pc.jpg) center center / cover no-repeat;}
.hdr-img-7{background: transparent url(../img/common/hdr-7-pc.jpg) center center / cover no-repeat;}
.hdr-img-8{background: transparent url(../img/common/hdr-8-pc.jpg) center center / cover no-repeat;}
.page-ttl-box{
    padding-top:calc( 2vw + 42px );
    padding-bottom:calc( 2vw + 42px );
}
.pttl-s{
    padding-top:calc( 0.5vw + 12px );
}
    
.full-wth-img img{
    display: none;
}
.l-img-f1{background-image:url(../img/facility/l-img-f1-pc.jpg);}
.l-img-f2{background-image:url(../img/facility/l-img-f2-pc.jpg);}
.l-img-f3{background-image:url(../img/facility/l-img-f3-pc.jpg);}
.l-img-f4{background-image:url(../img/facility/l-img-f4-pc.jpg);}
.l-img-f5{background-image:url(../img/facility/l-img-f5-pc.jpg);}
.l-img-f6{background-image:url(../img/facility/l-img-f6-pc.jpg);}
.l-img-i1{background-image:url(../img/instructor/l-img-i1-pc.jpg?2511010_1);}
.l-img-i2{background-image:url(../img/instructor/l-img-i2-pc.jpg?2511010_1);}
.l-img-i3{background-image:url(../img/instructor/l-img-i3-pc.jpg?2511010_1);}
.l-img-i4{background-image:url(../img/instructor/l-img-i4-pc.jpg?2511010_1);}
.full-wth-img{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 26.6vw;
}
.c-t-top-mar0{
    margin-top:40px;
}
.c-t-top-mar2{
    margin-top: calc( 2.083vw + 30px );
}
.c-t-btm-mar4{
    margin-bottom:96px;
}
.cts-pad-rl-top{
    padding-left:5.5%;
    padding-right:5.5%; 
}
}/*end min-width: 670px*/




@media (min-width: 960px) {
.pttl-l{
    font-size: 19px;
    font-size: 1.98vw;
}
.pttl-s{
    font-size:13px;
    font-size: 1.36vw;
}
.cts-pad-rl-s,
.cts-pad-rl-m{
    width: 90%;
    width: calc( 60vw + 230px );
    margin-left:auto;
    margin-right: auto;
}
.cts-pad-rl-m2{
    padding-left: 5%;
    padding-right: 5%;
    padding-left: calc( 20vw - 115px );
    padding-right: calc( 20vw - 115px );
}
.cts-ttl-fw{
    font-size: 19px;
    font-size: 1.98vw;
    padding:100px 0 50px 0;
    padding-top: calc( 5.2vw + 50px );
    padding-bottom: calc( 1.6vw + 35px );
}
.cts-ttl-fw::after {
    top: calc( 2.083vw + 20px );
}
.cts-sttl-fw{
    font-size: 19px;
    font-size: 1.98vw;
    padding:92px 0 50px 0;
    padding-top: calc( 5.2vw + 42px );
    padding-bottom: calc( 1.6vw + 35px );
}
.cts-sttl-fw::after {
    top: calc( 2.083vw + 14px );
}
.cts-ttl-top{
    font-size: 19px;
    font-size: 1.98vw;
    padding:100px 0 50px 0;
    padding-top: calc( 5.2vw + 50px );
    padding-bottom: 30px;
}
.cts-ttl-top::after {
    top: calc( 2.2vw + 25px );
    height: calc( 1.46vw + 14px );
}
.cts-s-ttl-top{
    padding-bottom: 36px;
}
.c-t-top-mar0{
    margin-top: calc( 2.083vw + 20px );
}
.c-t-top-mar1{
    margin-top: calc( 2.083vw + 20px );
}
.c-t-top-mar3{
    margin-top: calc( 4.166vw + 40px );
}
.c-t-btm-mar3{
    margin-bottom: calc( 4.166vw + 40px );
}
.c-t-btm-pad3{
    padding-bottom: calc( 4.166vw + 40px );
}
.c-t-btm-mar4{
    margin-bottom: calc( 6.249vw + 40px );
}
}/*end min-width: 960px*/

@media (min-width: 1100px) {
.cts-ttl-fw{
    font-size: 22px;
}
.cts-sttl-fw{
    font-size: 22px;
}
    
.cts-sttl-2{
    padding:82px 0 16px 0;
}

.cts-sttl-2::after{
    top:42px;
}
}/*end min-width: 1100px*/

@media (min-width: 1250px) {
.pttl-s{
    font-size:17px;
}
.img-caption{
    right: 18px;
    bottom: 14px;
}
.cts-ttl-top{
    font-size: 25px;
}
}/*end min-width: 1250px*/
@media (min-width: 1400px) {
.cts-ttl-fw{
    font-size: 22px;
    font-size: 1.57vw;
}
.cts-sttl-fw{
    font-size: 22px;
    font-size: 1.57vw;
}
.cts-ttl-top {
    padding-bottom: calc( 1.0vw + 17px );
    font-size: 25px;
    font-size: calc( 0.857vw + 13px );
}
.cts-ttl-top::after {
    top: calc( 1.9vw + 29px );
}
.cts-s-ttl-top{
    padding-bottom: calc( 1.0vw + 22px );
}
.cts-pad-rl-top {
    padding-left: 7%;
    padding-right: 7%;
}
}/*end min-width: 1400px*/

@media (min-width: 1500px) {
.pttl-s{
    font-size:1.13vw;
}
}/*end min-width: 1500px*/

@media (min-width: 1700px) {
.pttl-l{
    font-size: 34px;
}
.pttl-s{
    font-size:19px;
    padding-top:21px;
}
.cts-ttl-fw{
    font-size: 27px;
    padding:138px 0 62px 0;
}
.cts-ttl-fw::after {
    top: 56px;
}
.cts-sttl-fw{
    font-size: 27px;
    padding:130px 0 62px 0;
}
.cts-sttl-fw::after {
    top: 50px;
}
.cts-ttl-top{
    padding:139px 0 36px 0;
}
.cts-ttl-top::after {
    top: 60px;
    height: 40px;
}
.cts-s-ttl-top{
    padding-bottom: 36px;
}
.c-t-top-mar0{
    margin-top: 56px;
}
.c-t-top-mar1{
    margin-top: 56px;
}
.c-t-top-mar2{
    margin-top: 112px;
}
.c-t-top-mar3{
    margin-top: 112px;
}
.c-t-btm-mar3{
    margin-bottom: 112px;
}
.c-t-btm-pad3{
    padding-bottom: 112px;
}
.c-t-btm-mar4{
    margin-bottom: 146px;
}
}/*end min-width: 1700px*/


@media (min-width: 1880px) {
.cts-ttl-top {
    font-size: 29px;
}
.cts-pad-rl-top {
    padding-left: 0;
    padding-right: 0;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
}
}/*end min-width: 1880px*/


@media (min-width: 2000px) {
.page-ttl-box{
    padding-top:82px;
    padding-bottom:82px;
}


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