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


    /*フォント 指定*/

    body{
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
         position: relative;
         background-image: url(../img/bg2_s.jpg)!important;
    }


    /*ここまでフォント 指定*/


    /* ここから共通 */

    .inner{
        width: 95vw;
        margin: 0 auto;
    }

    .inner_2{
        width: 77.167vw;
        margin: 0 auto;
    }
    
    .inner_2_{
        width: 70vw;
        margin: 10vw auto 15vw;
    }

    .inner_3{
        width: 83.333vw;
        margin: 0 auto;
    }

    .inner_4{
        width: 91.215vw;
        margin: 0 auto;
        border-top: solid 1px #DDDDDD;
        padding-top: 5vw;
    }

    .inner_5{
        width: 63vw;
        margin: 0 auto;
    }

    .inner_6{
        width: 103.833vw;
        margin: 0 auto;
    }

    .inner_7{
        width: 78.776vw;
        margin: 0 auto;
    }
    
    .inner_8{
        width: 57.5vw;
        margin: 0 auto;
    }





    a{
        text-decoration: none;
    }

    a:hover{
        text-decoration: none;
    }


    .black{
        width: 100vw;
        background-color: #FFF;
        position: relative;
    }

    .back_1_img{
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        margin-left: -66.667vw;
        max-width: 133.333vw;
        width: 133.333vw;
    }

    .back{
        position: relative;
        z-index: -1;
    }


    .back_2_img{
        position: absolute;
        top: 0;
        left:50%;
        right: 0;
        margin-left:-58.333vw;
        max-width: 116.667vw;
        width: 116.667vw;
        background-color: #FFF;
        mix-blend-mode: multiply;

    }

    .back_2{
        width: 100vw;
    /*    background-color: #FFF;*/
    }

    .btn{
        opacity: 1;
        transition: 0.8s;
    }

    .btn:hover{
        opacity: 0.5;
        transition: 0.8s;
    }


    .black{
        color: black;
    }

    .mintyou{
        font-family: "Yu Mincho", "YuMincho", serif;
    }

    .bold{
        font-weight: bold;
    }


    .bg_student{
        z-index: -1!important;
    }



    /* ここまで共通 */


    /* ここからsec1 */

    .sec01{
        margin-bottom: 15vw;
    }

    .sec01_title_sp4{
        margin-bottom: 5vw;
    }
    
    h1{
        width: 28.525vw;
        height: 5.062vw;
        margin: 50vw auto 5vw;
    }

    .sec01_title{
        width: 67.917vw;
        margin: 0 auto 50px;
    }
    
    .sec01_main{
        margin-bottom: 6.667vw;
    }
    
    .sec01_main_1{
        position: absolute;
        width: 38.75vw;
        top: 11.667vw;
        left: -42.917vw;
    }

    .sec01_main_2{
        position: absolute;
        width: 30.583vw;
        bottom: -30vw;
        right: -33vw;
    }

    .sec01_copy{
        color: #000;
        font-size: 1.667vw;
        line-height: 2.5;
        text-align: center;
    }
    
    .sec01_copy_title{
        font-size: 3.125vw;
        font-weight: bold;
        color: #1D2850;
    }

    /* ここまでsec1 */



    /* ここからsec2 */

    .sec02{
        margin-bottom: 12.5vw;
    }
    
    .sec02 .inner_5{
        padding: 13.021vw 0;
    }

    .sp5_sec02 .inner_5{
        width: 80vw;
    }

    .sec02_back{
        background-color: #F0F6F7; 
    }


    .sec02_topic1{
        width: 52.167vw;
        margin: 0 auto 2vw;
    }
    
    .sec02_topic1_sp3{
        width: 67.583vw;
        margin: 0 auto 3.75vw;
    }

    .sec02_topic1_sp4{
        width: 37vw;
        margin: 0 auto 4.2vw;
    }

    
    .sec02_topic2{
        width: 60vw;
        margin: 0 auto 4vw;
    }
    
    .sec02_topic2_sp4{
        width: 74vw;
        margin: 0 auto 6vw;
    }



    .sec02_copy{
        width: 58vw;
        font-size: 1.5vw;
        line-height: 2;
        margin: 0 auto 11.667vw;
        text-align: center;
    }
    
    .sec02_copy{
        width: 50vw;
    }
    
    .sec02_photo{
        margin-bottom: 6vw;
    }

    .sec02 h2{
        color: #000;
        font-size: 2vw;
        text-align: center;
        font-weight: bold;
        margin-bottom: 3.75vw;
    }
    
    .topic_2_img{
        margin-bottom: 10vw;
    }

    /* ここまでsec2 */


    /* ここからsec3 */

    .sec03{
        text-align: center;   
        margin-bottom: 8.75vw;
    }

    .sec03_topic{
        width: 52.5vw;
        margin: 0 auto 100px;
    }
    
    .topic_3_img_sp4{
        margin-bottom: 15vw;
    }

    .sec02_topic1_sp5{
        width: 40vw;
        margin: 0 auto 5.8vw;
    }
    
    
    .sec03 h2,.sec04 h2,.sec05 h2{
        position: relative;
        display: inline-block;
        color: #1060AD;
        margin-bottom: 4.167vw;
        font-size: 2.917vw;
        font-family: 'Poppins', sans-serif;
    }

    .sec03 h2::before,.sec04 h2::before{
        content: "";
        position: absolute;
        top: 0.833vw;
        left: 0;
        right: 0;
        bottom: -0.833vw;
        border-bottom: 2px solid #1060AD;
        width: 80%;
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 16.667vw);
        margin: 0 auto;
        }

    .sec05 h2::before{
        content: "";
        position: absolute;
        top: 0.833vw;
        left: 0;
        right: 0;
        bottom: -0.833vw;
        border-bottom: 2px solid #1060AD;
        width: 80%;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 8.333vw);
        margin: 0 auto;
        }



    .sec03 ul{
        display: flex;
        justify-content: space-between;
    }

    .sec03 ul li{
        width: 16.833vw;
        text-align: left;
    }

    .sec03 ul li img{
        margin-bottom: 1.5vw;
    }

    .sec03 ul li p:nth-of-type(1){
        font-size: 1vw;
        line-height: 1.5;
        margin-bottom: 0.5vw;
    }

    .sec03 ul li p:nth-of-type(2){

    }

    .sec03 ul li p:nth-of-type(3){
        font-size: 1.5vw;
        font-weight: bold;
        margin-bottom: 1.5vw;
    }

    .sec03 ul li p:nth-of-type(4){
        font-size: 1vw;
        line-height: 1.5;
    }

    .sp5_sec02 ul li p:nth-of-type(1){
        font-size: 1vw;
        line-height: 1.5;
        margin-bottom: 0.5vw;
    }

    .sp5_sec02 ul li p:nth-of-type(2){
        font-size: 1.5vw;
        font-weight: bold;
        margin-bottom: 1.5vw;
    }


    .sec03 ul li .red{
        color:#D00C3B;
    }

    .sec03 ul li .blue{
        color:#1060AD;
    }

    .topic_3_img{
        margin-bottom: 7.917vw;
    }


    /* ここまでsec3 */


    /* ここからsec4 */

    .sec04{
        text-align: center;    
        margin-bottom: 12.083vw;
    }

    .sec04_topic2_sp5{
        width: 75vw;
        margin: 0 auto 5.8vw;
    }

    .sectalk_document{
        text-align: left;
        margin-top: 1.5vw;
    }
    
    .modal_title{
        margin: 65px auto 50px;
    }


    .staff{
        margin: 130px auto 115px;
    }

    .staff_title{
        display: inline-block;
        font-size: 2.604vw;
        color: #449DA5;
        border-bottom: 1px solid #449DA5;
        margin-bottom: 4.557vw;
    }

    .staff ul{
        display: flex;
          justify-content: center;
          align-items: center;
    }

    .staff ul li .staff_con{
    display: flex;
      justify-content: center;
      align-items: center;

    }

        .staff ul li:nth-of-type(1){
         margin-right: 6.51vw;
    }

    

    .staff ul li .staff_con:nth-of-type(1){
       
    }

    .staff ul li .staff_con img{
        width: 15.625vw;
    }

    .staff ul li .staff_con p{
        text-align: left;
        color: #1D2850;
        margin-left: 2.604vw;
    }

    .staff ul li .staff_con p:nth-of-type(1){
        font-size: 1.563vw;
    }

    .staff ul li .staff_con p:nth-of-type(2){
        font-size: 2.083vw;
        font-weight: bold;
    }
    
    .staff_copy{
        width: 35vw;
        font-size: 1.693vw;
        color: #172E4D;
                margin-top: 3.255vw;
        margin-bottom: 3.255vw;
text-align: justify;
    text-justify: inter-ideograph;
    }
    
    

    
    /* ここまでsec4 */



    /* ここからsec5 */

    .sec05{
        text-align: center;
    }
    
    .sec05_topic3_sp5{
        width: 65vw;
        margin: 0 auto 10vw;
    }

    .sec05_back{
        background-color: #F0F6F7; 
    }
    
    .sec05_ho{
        margin-bottom: 5vw;
    }

    .group{
        padding: 10.417vw 0;
    }

    .group p:nth-of-type(1){
        font-size: 3.125vw;
        color: #449DA5;
        margin-bottom: 5.208vw;
        font-weight: bold;
    }

    .group p:nth-of-type(2){
        font-size: 5.339vw;
        color: #172E4D;
        margin-bottom: 2.865vw;
        font-weight: bold;
    }

    .group p:nth-of-type(3){
        font-size: 1.693vw;
        color: #172E4D;
        margin-bottom: 3.255vw;
        text-align: left;
    }

    /* ここまでsec5 */

    /* ここからsec6 */

    .sec06{
        margin-bottom: 12.5vw;
    }

    .sec06_topic2{
        width: 60.833vw;
        margin: 0 auto 4.167vw;
    }

    .sec06_copy{
        width: 51vw;
        font-size: 1.5vw;
        line-height: 2;
        margin: 0 auto 11.667vw;
        text-align: center
    }

    .sec06_con{
        text-align: center;
        font-weight: bold;
        margin-bottom: 8.75vw;
            color: #1060AD;
    }

    .sec06_con h2{
        font-size: 2.667vw;
        margin: 0 auto 4.167vw;
    }

    .sec06_btn img{
        width: 63vw;
        margin: 0 auto;
    }
    /* ここからsec6 */

    
    /* ここからsec7 */

    .sec07_topic3{
        width: 49.417vw;
        margin: 10.833vw auto 4.167vw;
    }

    .sec07_copy{
        width: 57.5vw;
        font-size: 1.5vw;
        line-height: 2;
        margin: 0 auto 11.667vw;
        text-align: center
    }

    .sec07_con{
        width: 61.25vw;
        margin: 0 auto 7.083vw;
    }
    
    .sec07_con_2{
        width: 83.333vw;
        margin: 0 auto 8vw;
    }


    .sec07_btn img{
        width: 63vw;
        margin: 0 auto 20.833vw;
    }

    /* ここまでsec7 */
    
    
    /* ここからsec8 */    

    .sec08{
        background-color: #F2F6FA;
        padding: 6.667vw 0 10.833vw;
        text-align: center;
    }

    .sec08_copy{
        font-size: 2.667vw;
        color: #1060AD;
        font-weight: bold;
    }

    .special_1 img{
        width: 77.417vw;
        margin: 72px auto 83px;
    }

    .special_2 img{
        width: 77.417vw;
        margin: 0 auto;
    }


    /* ここまでsec8 */



    /*モーダル */




    #modal-content,#modal-content_2,#modal-content_3,#modal-content_4 {
        width: 95vw;
        height: 80vh;
        padding: 5vw 5vw 5vw 8vw;
        background: #fff;
        position: fixed;
        display: none;
        z-index: 2000;
        overflow: scroll;
    }
    
    #modal-content_move {
        width: 95vw;
        height: auto;
        padding: 0;
        background: #000;
        position: fixed;
        display: none;
        z-index: 2000;
    }

    #modal-overlay,#modal-overlay_2,#modal-overlay_3,#modal-overlay_4,#modal-overlay_move {
        z-index: 1000;
        display: none ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        width: 100% ;
        height: 120% ;
        background-color: #7E96AA ;
        mix-blend-mode: multiply;
    }

    .button-link:hover {
        cursor: pointer ;
    }


    #modal-content h2,#modal-content_2 h2,#modal-content_3 h2,#modal-content_4 h2{
        color: #1060AD;
        text-align: center;
        margin-bottom: 1.25vw;
        font-family: 'Poppins', sans-serif;
        font-size: 2.667vw;
    }

    #modal-content .copy,#modal-content_2 .copy,#modal-content_3 .copy,#modal-content_4 .copy{
        color: #1060AD;
        text-align: center;
        border-bottom: solid 1px #1060AD;
        font-family: 'Poppins', sans-serif;
        font-size: 3.667vw;
        margin-bottom: 6vw;
        padding-bottom: 3.75vw;
        font-weight: bold;
        line-height: 1.5;
    }
    
    
    #modal-content .copy2,#modal-content_2 .copy2,#modal-content_3 .copy2,#modal-content_4 .copy2{
        color: #449DA5;
        text-align: center;
        border-bottom: solid 1px #449DA5;
        font-family: 'Poppins', sans-serif;
        font-size: 3.667vw;
        margin-bottom: 6vw;
        padding-bottom: 3.75vw;
        font-weight: bold;
        line-height: 1.5;
    }


    .modal_img{
        margin-bottom: 7.083vw;
    }
    
    .document_copy{
    text-align: right;
    margin-top: 1vw;
    margin-bottom: 7.083vw;
    }

    #modal-content ul li,#modal-content_2 ul li,#modal-content_3 ul li,#modal-content_4 ul li{
        display: flex;
        margin-bottom: 4.167vw;
    }

    #modal-content ul li .img,#modal-content_2 ul li .img,#modal-content_3 ul li .img,#modal-content_4 ul li .img{
        width: 8.75vw;
        margin-right: 5.833vw;
        text-align: center;
    }



    .modal_img3{
        display: flex;
        justify-content: flex-end;
    }

    #modal-content ul li .img p,#modal-content_2 ul li .img p,#modal-content_3 ul li .img p,#modal-content_4 ul li .img p{
        margin-top: 0.833vw;
        font-size: 1.167vw;
    }

    #modal-content ul li .comment,#modal-content_2 ul li .comment,#modal-content_3 ul li .comment,#modal-content_4 ul li .comment{
        width: 64.583vw;
        font-size: 1.5vw;
        margin-top: 3.333vw;
    }
    .modal_img3_{
        width: 64.583vw;
    }

    #modal-content_4 ul li .comment2{
        width: 100%;    
    }
    
    #modal-content ul li .comment .annotation,#modal-content_2 ul li .comment .annotation,#modal-content_3 ul li .comment .annotation,#modal-content_4 ul li .comment .annotation{
        font-size: 1vw;
        margin-top: 4.167vw;
    }

    #modal-content ul li .red,#modal-content_2 ul li .red,#modal-content_3 ul li .red,#modal-content_4 ul li .red{
        color:#D00C3B;
    }

    #modal-content ul li .blue,#modal-content_2 ul li .blue,#modal-content_3 ul li .blue,#modal-content_4 ul li .blue{
        color:#1060AD;
    }

    .modal_close,.modal_close_2,.modal_close_3,.modal_close_4{
        font-size: 2.667vw;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        display: block;
        color: #1060AD;
    }

    .modal_close::after,.modal_close_2::after,.modal_close_3::after,.modal_close_4::after{
      content: '';
      display: inline-block;
      width: 1.667vw;
      height: 1.667vw;
      background-image: url(../images/student_img/special/01/close.png);
      background-size: contain;
      vertical-align: middle;
      margin-left: 1.667vw;
    }

     #modal-content::-webkit-scrollbar,#modal-content_2::-webkit-scrollbar,#modal-content_3::-webkit-scrollbar,#modal-content_4::-webkit-scrollbar {
            width: 3.5vw;
        }
    #modal-content::-webkit-scrollbar-thumb,#modal-content_2::-webkit-scrollbar-thumb,#modal-content_3::-webkit-scrollbar-thumb,#modal-content_4::-webkit-scrollbar-thumb {
        background-color: #8E98AA;;
        border-radius: 0px;
        border-right: 2vw solid transparent;
        border-left: 1vw solid transparent;
        background-clip: padding-box;
    }
    #modal-content::-webkit-scrollbar-track,#modal-content_2::-webkit-scrollbar-track,#modal-content_3::-webkit-scrollbar-track,#modal-content_4::-webkit-scrollbar-track {
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    
    .modal_close_img{
        cursor: pointer;
        position: fixed;
        z-index: 999;
        margin: -10vw 83vw;
        width: 5vw;
    }
    
    .modal_close_img_2{
        cursor: pointer;
        position: fixed;
        z-index: 999;
        margin: -6vw 90vw;
        width: 5vw;
    }


        .modal_copy{
    color: #449DA5;
        font-size: 3vw;
        font-weight:bold;
        margin-top: 3vw;
        }

        .modal_copy2{
            font-size: 2vw;
            font-weight:bold;
        }

#modal-content_4 ul li .comment2{
    margin-top: 0;
}


iframe{
    width:100%; 
    height:70vh; 
}    
    

    /*モーダル */


}