@charset "UTF-8";
@media screen and (max-width: 750px) {

    /*index.html*/


    .PRm {
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px #4486CA;
        border-radius: 0.5em;
        position: unset;
        padding: 1em 0.5em;
        margin: 1em auto;
        width: 90%;
        display:none;
    }
    .Sm {
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px #4486CA;
        border-radius: 0.5em;
        position: unset;
        padding: 1em 0.5em;
        margin: 1em auto;
        width: 90%;
        display:none;
    }
    .fb {
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px #4486CA;
        border-radius: 0.5em;
        position: unset;
        padding: 1em 0.5em;
        margin: 1em auto;
        width: 90%;
    }
    .PRm img,
    .Sm img,
    .fb img {
        width: 4rem;
    }
    .PRm a,
    .Sm a,
    .fb a {
        text-decoration: none;
        color:#000;
        font-family: serif;
    }

    


    /*index*/
    #index header h2 {
        font-size: 3rem;
        letter-spacing: -0.125em;
    }
    .index_cnt1 {
        /*height:50vh;*/
        background-position: left;
    }
    .index_cnt1 .inner {
        width: 90%;
        min-width: initial;
    }
    .index_cnt2 .inner {
        display:block;
        width: 90%;
    }
    
    .index_cnt2 .inner .left,
    .index_cnt2 .inner .right {
        width: 100%;
    }
    .index_cnt2 .inner .left .news{
        width: 100%;
    }
    .index_cnt2 .inner .left .news_pic{
        display: flex;
        gap:1rem;
        padding:0;
    }
    .index_cnt3 .inner{
        width: 100%;
        display: block;
    }
    .index_cnt3 .inner .left,
    .index_cnt3 .inner .right {
        width: 100%;
    }
    
    .index_cnt3 .inner .right{
        margin: 3rem 0;
    }
    .index_cnt3 .inner p {
        margin: 2em 0;
    }



    /*instructor.html*/
    .instructor_cnt1 .inner > .msg{
        font-size:2rem;
        letter-spacing: -0.0125em;;
    }
    .instructor_cnt1 strong{
        font-size: 1.8rem;
    }
    .instructor_cnt1 .inner p br{
        display: none;
    }
    .instructor_cnt2 .inner .staff .col2{
        display: block;
    }
    .instructor_cnt2 .inner .staff .col2 .left,
    .instructor_cnt2 .inner .staff .col2 .right{
        width:100%;
    }
    [class^="instructor_cnt3"] .inner .staff{
        padding:5%;
    }
    [class^="instructor_cnt3"] .inner .staff .col2{
        display: block;
    }
    [class^="instructor_cnt3"] .inner .staff .col2 :is(.left,.right){
        width:100%;
    }
    [class^="instructor_cnt3"] .inner .staff .col2 .right .name span{
        display: block;
        margin:0;
    }
    [class^="instructor_cnt3"] .inner .staff .col2 .right dt{
        width:fit-content;
    }
    [class^="instructor_cnt3"] .inner .staff .col2 .right dt,
    [class^="instructor_cnt3"] .inner .staff .col2 .right dd,
    [class^="instructor_cnt3"] .inner .staff .col2 .right ul li{
        font-size: 1.6rem;
    }
    [class^="instructor_cnt3"] .inner .staff dl.qa{
        padding:2em;
    }
    .instructor_cnt3-B{
        padding: 0;
    }


    /*features.html*/
    .features_cnt2 .col3{
        display: block;
    }
    .features_cnt2 .col3 dl{
        margin:0 0 10rem;
    }
    .features_cnt3 .feat{
        width:100%;
        display: block;
        padding:5%;
    }
    .features_cnt3 .feat .pic,
    .features_cnt3 .feat [id^=feat]{
        width:100%;
    }
    .features_cnt3 .feat dl{
        padding:5rem 0
    }
    .features_cnt3 .feat dl dd::first-line{
        font-size: 1.7rem;
    }



    /*inquiry*/
    .inquiry_cnt1 .info{
        padding:5%;
    }
    .inquiry_cnt2 h4{
        margin:0;
    }
    .inquiry_cnt2 p{
        margin:0 0 4rem;
    }
  .inquiry_cnt2 dl{
    display: block;
    padding:1rem;
  }
  .inquiry_cnt2 dt{
    width:100%;
    border:none;
    line-height:1.5;
    font-weight: bold;
  }
  .inquiry_cnt2 dd{
    width:100%;
    line-height:1.5;
    margin:0 0 2rem;
  }
  .inquiry_cnt3 .tel a{
    font-size: 3rem;
  }





/*curriculum*/
  .curriculum_cnt2 .curriculm{
    display: block;
    padding: 5%;
  }
  .curriculum_cnt2 .curriculm .pic{
    width: 100%;
  }
  .curriculum_cnt2 .curriculm dl{
    width: 100%;
    padding: 0;
  }
  .curriculum_cnt2 .curriculm dl dd::first-line{
    font-size:1.7rem;
  }
  .curriculum_cnt2 .curriculm dl dd{
    line-height: 1.5;
  }
  .curriculum_cnt3 .col3{
    display: block;
  }
  .curriculum_cnt3 .col3 dl{
    margin: 0 auto 3rem;
  }

  /*domitory*/
  .dormitory_cnt2 .inner{
    padding: 5%;
  }
  .dormitory_cnt2 .inner h4{
    writing-mode: initial;
    padding: 0;
  }
  .dormitory_cnt2 .inner .col2{
    display: block;
  }
  .dormitory_cnt2 .inner .col2 :is(.left,.right){
    width: 100%;
  }
  .dormitory_cnt4 .inner .col2{
    display: block;
  }
  .dormitory_cnt4 .inner .col2 :is(.left,.right){
    width: 100%;
  }





  /*access*/
  #access .tel_mail a{
    font-size: 3rem;
  }
  .inner-car{
    padding: 5%;
  }








    /*-----以下ハンバーガーメニュー-----*/
    nav.globalMenuSp {
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.8);
        color: #000;
        text-align: center;
        transform: translateY(-100%);
        transition: all 0.6s;
        width: 100%;
    }

    nav.globalMenuSp ul {
        /*background: #ccc;*/
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: unset;
    }

    nav.globalMenuSp ul li {
        font-size: 1.1em;
        list-style-type: none;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        margin-bottom: initial;
    }

    /* 最後はラインを描かない */
    nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
        border-bottom: 2em solid #383838;
        border-radius: 1em;
    }

    nav.globalMenuSp ul li a {
        display: block;
        /*color: rgba(255,255,255,0.9);*/
        padding: 0.5em 0;
        font-size: 1.6em;
    }

    /* このクラスを、jQueryで付与・削除する */
    nav.globalMenuSp.active {
        transform: translateY(0%);
        z-index: 9;
    }


    .navToggle {
        display: block;
        position: fixed;
        /* bodyに対しての絶対位置指定 */
        right: 13px;
        top: 12px;
        width: 42px;
        height: 51px;
        cursor: pointer;
        z-index: 3;
        /*background: #666;*/
        text-align: center;
    }

    .navToggle span {
        display: block;
        position: absolute;
        /* .navToggleに対して */
        width: 30px;
        border-bottom: solid 3px #eee;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        left: 6px;
    }

    .navToggle span:nth-child(1) {
        top: 9px;
    }

    .navToggle span:nth-child(2) {
        top: 18px;
    }

    .navToggle span:nth-child(3) {
        top: 27px;
    }

    .navToggle span:nth-child(4) {
        border: none;
        color: #eee;
        font-size: 9px;
        font-weight: bold;
        top: 34px;
    }


    /* 最初のspanをマイナス45度に */
    .navToggle.active span:nth-child(1) {
        top: 18px;
        left: 6px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* 2番目と3番目のspanを45度に */
    .navToggle.active span:nth-child(2),
    .navToggle.active span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }


}