/* WEB FONT */
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

    body{
        font-family: fot-tsukubrdgothic-std, sans-serif;
    }
/* PC taburetto */
@media only screen and (min-width:768px) {

    .sp{
        display: none;
    }

    img.mini-img{
        width: 150px;
        height: 150px;
    }

    .top .inner-1{
    } 

    .top .movi{
        width: 100%;
        position: relative;
    }

    .top .movi video{
        width: 100%;
    }

    .top .movi .center p img{
        width: 100%;
    }

    .top .movi .center p{
        width: 260px;
    }

/* yarikata1 */
    .top .movi .center{
        position: absolute;
        /* font-size: 80px; */
        /* color: #FFF; */
        top: 30px;
        left: 0%;
        line-height: 1;
        width: 100%;
        height: 80px;
        
    }

/* yarikata2 */
/* .top .movi .center{
    position: absolute;
    font-size: 80px;
    color: #FFF;
    top: 0%;
    left: 0%;
    line-height: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; */
    /* } */


    
    .top .inner-1 .midasi{
        width: 300px;
        margin: 0 auto;
        padding: 30px;
    }

    .top .inner-1 .midasi img{
        width: 100%;
    }

   
    .top .inner-1 .flex{
        display: flex;
        width: 1050px;
        margin: 0 auto;
    }

    .top .inner-1 .flex p{
        font-size: 16px;
    }

    .top .inner-1 .flex .greeting{
        text-align: center;
        line-height: 40px;
        font-weight: bold;
    }

    .top .inner-1 .flex .greeting rt{
        font-weight: 100;
        margin-bottom: 10px;
    }

    .top .inner-1 .flex .img-1{
        margin-left: 40px;
        margin-right: 50px;
    }

    .top .inner-1 .flex .img-2{
        margin-left: 40px
    }

    .top .inner-1 .photo-area{
        margin: 0 auto;
        /* max-width: 500px;
        width: 80%; */
    }
    .top .inner-1 .photo-area .slick-list
    {
        height: 370px!important;
    }
    .top .inner-1 .photo-area ul li{
        /* width: 30%; */
        /* margin: 40px auto; */
    }

    .section-1{
        background: -webkit-linear-gradient(top , rgb(101, 101, 255),rgb(12, 12, 175),rgb(7, 7, 122));
        /* background: rgb(28, 28, 92); */
        padding: 60px 40px;
    }
    .section-1 .section-1-inner{
        min-width: 1000px;
        max-width: 1400px;
        margin: 0 auto;
        background: #fff;
    }

    .section-1 .inner-2{
        display: flex;
        position: relative;
    }

    .section-1 .inner-2 span{
        font-size: 8px;
        text-align: center;
        
    }

    .section-1 .inner-2 .content{
        font-size: 17px;
        margin-right: 60px;
    }

    .section-1 .inner-2 .content .p{
        font-weight: 800;
    }

    .section-1 .inner-2 .content h1{
        color: #ffff;
        font-size: 35px;
        margin-top: -40px;
        font-size: 47px;
        font-style: italic;
        

    }

    .section-1 .inner-2 .con1 .h1-1{
        margin-left: -10px;
        text-shadow:  2px 0 0 #2fb3ff,2px 2px 2px #2fb3ff,-2px -2px 0 #2fb3ff,-2px -2px 0 #2fb3ff;
    }

   

    .section-1 .inner-2 .con2 .h1-2{
        text-align: right;
        margin-right: -10px;
        text-shadow: 2px 0 0 #135bd2,2px 2px 2px #135bd2,-2px -2px 0 #135bd2,-2px -2px 0 #135bd2;
    }

    .section-1 .inner-2 .img-3{
        margin: 0 auto;
        margin-top: 40px;
    }

    .section-1 .inner-2 .con1 .small{
        position: relative;
        margin: 30px;
        padding: 10px 5px 8px 10px;
        border: solid #2fb3ff 2px;
        border-radius: 8px;
        margin-left: 30px;
        text-align: center;
    }

    .section-1 .inner-2 .con1 .small .title{
        position: absolute;
        display: inline-block;
        top: -14px;
        left: -18px;
        padding: 0 9px;
        line-height: 1;
        font-size: 20px;
        font-weight: 700;
        background: #FFF;
        color: #4dacfc;
        font-style: italic;
        
    }

    .section-1 .inner-2 .con1 .small .schoolyear{
        font-size: 26px;
        font-weight: 900;
    }


    .section-1 .inner-2 .con2{
        margin: 0 0 0 auto;
    }

    .section-1 .inner-2 .con2 .big{
        position: relative;
        margin: 30px;
        padding: 10px 5px 8px 10px;
        border: solid #0833b0 2px;
        border-radius: 8px;
        text-align: center;

    }

    .section-1 .inner-2 .con2 .big .title{
        position: absolute;
        display: inline-block;
        top: -14px;
        left: -18px;
        padding: 0 9px;
        line-height: 1;
        font-size: 20px;
        font-weight: 700;
        background: #FFF;
        color: #0833b0;
        font-style: italic;
    }

    .section-1 .inner-2 .con2 .big .schoolyear{
        font-size: 26px;
        font-weight: 900;
    }


    .section-1 .photo{
        display: flex;
        position:relative;
    } 
    .section-1 .photo .img-4{
        margin-left: -30px;
       
    }
    .section-1 .photo .img-5{
        margin-left: auto;
        margin-right: auto;
    }

   
    .section-1 .photo .img-6{
        margin-right: -30px;
    }

    .section-1 .inner-3{
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        margin-bottom: 50px;
        padding-bottom: 35px;
    }

    .section-1 .inner-3 .primary-1 ul li p{
        line-height: 3;
    }


    .section-1 .inner-3 p{
        margin-top: 17px;
        font-weight: bold;
        font-size: 16px;
    }

    .section-1 .inner-3 rt{
        font-weight: 200;
    }

    .section-1 .inner-3 .primary-1{
        /* margin-left: 30px; */
        width: 30%;
        margin-left: 30px;
    }

    .section-1 .inner-3 h1{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        margin-top: 60px;
        margin-bottom: -10px;
        margin-left: -30px;
    }

    .section-1 .inner-3 .st{
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        margin-left: -30px;
    }


    .section-1 .inner-3 .primary-1 ul li .suuzi{
        /* position: relative; */
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #13a3d2;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        font-style: italic;
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-3 .primary-1 ul li h2{
        background-color: #13a3d2;
        padding: 13px 7px 10px 60px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        margin-top: 35px;
        /* font-style: italic; */
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-3 .primary-1 .contents-1 ul li h2{
        background-color: #f8bb37;
        padding: 13px 7px 10px 57px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-3 .primary-1 .contents-1 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #f8bb37;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-3 .primary-1 .contents-2 ul li h2{
        background-color: #55b149;
        padding: 13px 7px 10px 57px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-3 .primary-1 .contents-2 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #55b149;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }


    .section-1 .inner-3 .photo-area img{
        width: 100%;
    }
    


    .section-1 .inner-3 .photo-area{
        width: 30%;
        margin-top: 350px;
    }
    .section-1 .inner-3 .photo-area li{
        /* border-radius:20px; */
        overflow: hidden;
        margin-bottom: 180px;
        height: 300px!important;
    }
    .section-1 .inner-3 .photo-area li img{
        width: 100%;
        height: auto;
        margin-bottom: 45px;
        border-radius: 20px;
    }
    .section-1 .inner-3 .primary-2{
        /* margin-right: auto; */
        width: 30%;
        margin-right: -15px;
    }

    .section-1 .inner-3 .primary-2 ul li p{
        line-height: 3;
    }

    .section-1 .inner-3 .primary-2 ul li .suuzi{
        position: absolute;
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #e978d0;
        border-radius: 50%;
        border: solid 3px #fff;
        font-size: 20px;
        font-weight: 900px;
        text-align: center;
        left: -11px;
        top: 0;
        margin-top: -7px;
    }


    .section-1 .inner-3 .primary-2 ul li h2{
        position: relative;
        background-color: #e978d0;
        padding: 13px 7px 10px 60px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        margin-top: 50px;
        font-style: italic;
    }

    .section-1 .inner-3 .primary-2 .contents-1 ul li h2{
        background-color: #f8bb37;
        padding: 13px 7px 10px 57px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-3 .primary-2 .contents-1 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #f8bb37;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-3 .primary-2 .contents-2 ul li h2{
        background-color: #55b149;
        padding: 13px 7px 10px 57px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-3 .primary-2 .contents-2 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #55b149;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-3 .primary-2 .contents-3 ul li .suuzi{
        /* position: relative; */
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #13a3d2;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        font-style: italic;
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-3 .primary-2 .contents-3 ul li h2{
        background-color: #13a3d2;
        padding: 13px 7px 10px 60px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        margin-top: 35px;
        /* font-style: italic; */
        position: relative;
        margin-top: 50px;
    }

    .youtube{
        padding: 90px 50px 20px;
    }

    .youtube p{
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .youtube .movie-flex{
        display: flex;
        justify-content: center;
    }

    .youtube div{
        text-align: center;
        margin: 0 10px;
    }


    .section-2{
        padding: 70px 45px;
    }

    .section-2 .section-2-inner{
        min-width: 1000px;
        max-width: 1400px;
        margin: 0 auto;
        background: #fff;
    }

    .section-2 .section-2-inner p{
        font-size: 25px;
    }
    
    .section-2 .section-2-inner .kyouto{
        margin-bottom: 55px;
    }

    .section-2 table{
       width: 100%;
       height: 60px;
       margin: 0 auto;
       margin-top: 30px;
       margin-bottom: 30px;
    }

    .section-2 table span{
        font-size: 14px;
    }

    .section-2 table tbody th,td{
        font-size: 20px;
        border: solid #06278a 3px;
        text-align: center;
        padding: 8px;
    }

    .section-2 .section-2-inner .kyouto tbody td a{
        text-decoration: none;
        color: #002185;
    }

    .section-2 table tbody th{
        color: #ffffff;
        background: rgb(10, 58, 202);
    }
    .section-2 .section-2-inner .map{
        margin: 0 auto;
        text-align: center;
    }
    .section-2 .section-2-inner iframe{
        width: 1000px;
    }


    /* .baner{
        display: flex;
        height: auto;
        width: 1400px;
        position: fixed;
        bottom: 0;
        background-color: rgb(0, 145, 255);
        padding: 35px;
        text-align: center;
    } */

    .baner{
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
    }

    .baner .tel{
        padding: 35px;
        width: 50%;
        background: -webkit-linear-gradient(top left, #89dffc,#0da8db,#06a1d4);
        /* background-color: #13a3d2; */
        text-align: center;
    }

    .baner .tel:hover{
        background-color: #05bffe;
    }

    .baner .inquiry{
        padding: 35px;
        width: 50%;
        background: -webkit-linear-gradient(top right, #6589f7,#153aa8,#062da1);
        /* background-color: #0833b0; */
        text-align: center;
    }

    .baner .inquiry:hover{
        background-color: #0844f9;
    }

    .baner a{
        text-decoration: none;
        color: #fff;
        font-size: 22px;
    }

    .baner svg{
        width: 33px;
        margin-bottom: -9px;
        margin-right: 7px;
    }


    footer{
        background: -webkit-linear-gradient(top left, rgb(93, 93, 255),rgb(5, 5, 184),rgb(75, 75, 255));
        /* background-color: rgb(28, 28, 92); */
        padding: 70px 120px 130px;
    }

    footer .flex{
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    footer .streetaddress .up{
        margin-bottom: 20px;
    }

    footer .streetaddress p{
        color: #FFF;
    }

    footer .streetaddress a{
        color: #FFF;
        text-decoration: none;
    }

    footer .flex .logo p img{
        width: 100%;
    }

    footer .flex .logo p{
        width: 200px;
    
    }

    footer .reserved{
        text-align: center;
        color: #FFF;
    }
    .slick-slide img{
        width: 100%;
        height: auto;
    }

    .slick-center{
        margin-right:30px;
        margin-left:30px;
      }

}




/* SP */
@media only screen and (max-width:767px) {
    .slick-dots{
        display: none!important;
    }
    .photo-area{
        width:100%;
    }
    .slick-slide img{
        width: 100%;
        height: auto;
    }
    img.mini-img{
        max-width: 80px;
        height: auto;
    }
    
    .pc{
        display: none;
    }
    
    .top{
        margin-bottom: 90px;
    }

    .top .inner-1{
    } 

    .top .movi{
        width: 100%;
        position: relative;
    }

    .top .movi video{
        width: 100%;
        height: auto;
    }

    .top .movi .center p img{
        width: 100%;
    }

    .top .movi .center p{
        width: 100px;
    }

/* yarikata1 */
.top .movi .center{
    position: absolute;
    /* font-size: 80px; */
    /* color: #FFF; */
    top: 10px;
    left: 0%;
    line-height: 1;
    width: 100%;
    height: 80px;
    
}

/* yarikata2 */
/* .top .movi .center{
    position: absolute;
    font-size: 80px;
    color: #FFF;
    top: 0%;
    left: 0%;
    line-height: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; */
    /* } */


    
    .top .inner-1 .midasi{
        width: 170px;
        margin: 0 auto;
        padding: 20px;
    }

    .top .inner-1 .midasi img{
        width: 100%;
    }


    .top .inner-1 .flex{
        display: flex;
        width: 100%;
        margin: 0 auto;

    }

    .top .inner-1 .flex p{
        font-size: 12px;
    }

    .top .inner-1 .flex .img-1{
        margin-left: 16px;
        margin-right: 13px;
    }

    .top .inner-1 .flex .img-2{
        margin-left: 10px;
        margin-right: 16px;
    }

    .top .inner-1 .photo-area ul{
        display: flex;
    }

    .top .inner-1 .photo-area ul li{
        /* width: 30%; */
        margin: 40px auto;
    }

    .top .inner-1 .photo-area ul li img{
        width: 100%;
        
    }


    .top .inner-1 .photo-area ul li .syasin-1{
        margin-left: 10px;
        margin-right: 10px;
    }

    /* .section-1{
        background: rgb(34, 34, 136);
        padding: 60px 40px;
        width: 1000px;
    } */
    /* .section-1 .section-1-inner{
        min-width: 1000px;
        max-width: 1400px;
        margin: 0 auto;
        background: #fff;
    } */

    .section-1 .inner-2{
        /* display: flex; */
        position: relative;
    }

    .section-1 .inner-2 .sentence{
        line-height: 33px;
    }

    .section-1 .inner-2 .dpg img{
        width: 100%;
        border-radius: 20px;
    }

    .section-1 .inner-2 .dpg p{
        padding: 50px 40px 10px;
    }

    .section-1 .inner-2 span{
        font-size: 8px;
        text-align: center;
        
    }

    .section-1 .inner-2 .content{
        font-size: 15px;
        /* margin-right: 60px; */
    }

    .section-1 .inner-2 .content .p{
        text-align: center;
        font-weight: 800;
        margin-bottom: 20px;
        
    }

    .section-1 .inner-2 .content h1{
        color: #ffff;
        font-size: 45px;
        margin-top: -40px;
        font-size: 35px;
        font-style: italic;
        text-align: center;
        margin: 30px 0;

    }

    .section-1 .inner-2 .con1 .h1-1{
        /* margin-left: -10px; */
        margin-left: 10px;
        text-shadow:  2px 0 0 #2fb3ff,2px 2px 2px #2fb3ff,-2px -2px 0 #2fb3ff,-2px -2px 0 #2fb3ff;
    }

    

    .section-1 .inner-2 .con1 .div{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    


    .section-1 .inner-2 .con2 .h1-2{
        /* text-align: right; */
        /* margin-right: -10px; */
        margin-left: 10px;
        text-shadow: 2px 0 0 #135bd2,2px 2px 2px #135bd2,-2px -2px 0 #135bd2,-2px -2px 0 #135bd2;
    }

    .section-1 .inner-2 .con2 .div{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-1 .inner-2 .img-3{
        /* margin: 0 auto; */
        margin-top: 40px;
        margin-bottom: 40px
    }

    .section-1 .inner-2 .con1 .small{
        position: relative;
        margin: 25px 15px 10px 15px;
        padding: 10px 5px 8px 10px;
        border: solid #2fb3ff 2px;
        border-radius: 8px;
        /* margin-left: 30px; */
        text-align: center;
        width: 200px;
    }

    .section-1 .inner-2 .con1 .small .title{
        position: absolute;
        display: inline-block;
        top: -14px;
        left: -18px;
        padding: 0 9px;
        line-height: 1;
        font-size: 20px;
        font-weight: 700;
        background: #FFF;
        color: #4dacfc;
        font-style: italic;
        
    }

    .section-1 .inner-2 .con1 .small .schoolyear{
        font-size: 17px;
        font-weight: 900;
    }

    .section-1 .inner-2 .primary-1{
        display: inline-block;
        margin: 0 30px;
        margin-bottom: 15px;
    }


    .section-1 .inner-2 h1{
        font-size: 23px;
        font-weight: bold;
        text-align: center;
        margin-top: 60px;
        /* margin-bottom: -10px; */
        /* margin-left: -28px; */
    }

    .section-1 .inner-2 .st{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        /* margin-left: -28px; */
    }


    .section-1 .inner-2 .primary-1 ul li h2 .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #2fb3ff;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }


    .section-1 .inner-2 .primary-1 ul li h2{
        position: relative;
        background-color: #2fb3ff;
        margin-right: 30px;
        padding: 13px 7px 10px 57px;
        border-radius: 10px;
        color: #fff;
        margin-top: 25px;
        font-style: italic;
        margin-bottom: 15px;
    }

    .section-1 .inner-2 .primary-1 .contents-1 ul li h2{
        background-color: #f8bb37;
        padding: 13px 7px 10px 57px;
        margin-right: 30px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-2 .primary-1 .contents-1 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #f8bb37;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-2 .primary-1 .contents-2 ul li h2{
        background-color: #55b149;
        padding: 13px 7px 10px 57px;
        margin-right: 30px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-2 .primary-1 .contents-2 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #55b149;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }






    .section-1 .inner-2 .con2{
        margin: 0 0 0 auto;
    }

    .section-1 .inner-2 .con2 .big{
        position: relative;
        margin: 25px 15px 10px 15px;
        padding: 10px 5px 8px 10px;
        border: solid #0833b0 2px;
        border-radius: 8px;
        text-align: center;
        width: 200px;
    }

    .section-1 .inner-2 .con2 .big .title{
        position: absolute;
        display: inline-block;
        top: -14px;
        left: -18px;
        padding: 0 9px;
        line-height: 1;
        font-size: 20px;
        font-weight: 700;
        background: #FFF;
        color: #0833b0;
        font-style: italic;
    }


    .section-1 .inner-2 .primary-2 ul li h2 .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #2fb3ff;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }


    .section-1 .inner-2 .primary-2 ul li h2{
        position: relative;
        background-color: #2fb3ff;
        margin-right: 30px;
        padding: 13px 7px 10px 57px;
        border-radius: 10px;
        color: #fff;
        margin-top: 25px;
        font-style: italic;
        margin-bottom: 15px;
    }

    .section-1 .inner-2 .primary-2 .contents-1 ul li h2{
        background-color: #f8bb37;
        padding: 13px 7px 10px 57px;
        margin-right: 30px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-2 .primary-2 .contents-1 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #f8bb37;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-2 .primary-2 .contents-2 ul li h2{
        background-color: #55b149;
        padding: 13px 7px 10px 57px;
        margin-right: 30px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-2 .primary-2 .contents-2 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #55b149;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }

    .section-1 .inner-2 .primary-2 .contents-4 ul li h2{
        background-color: #e978d0;
        padding: 13px 7px 10px 57px;
        margin-right: 30px;
        border-radius:7px;
        color: white;
        /* margin-top: 35px; */
        font-style: italic;
        position: relative;
        margin-top: 50px;
    }

    .section-1 .inner-2 .primary-2 .contents-4 ul li .suuzi{
        width: 57px;
        height: 57px;
        line-height: 50px;
        background-color: #e978d0;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 990px;
        /* font-style: italic; */
        position: absolute;
        left: -11px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -7px;
    }


    .section-1 .inner-2 .con2 .big .schoolyear{
        font-size: 17px;
        font-weight: 900;
    }

    .section-1 .inner-2 .primary-2{
        display: inline-block;
        margin: 0 30px;
        margin-bottom: 10px;
    }

    .section-1 .photo{
        display: flex;
        position:relative;
    } 
    .section-1 .photo .img-4{
        margin-left: -30px;
       
    }
    .section-1 .photo .img-5{
        margin-left: auto;
        margin-right: auto;
    }

   
    .section-1 .photo .img-6{
        margin-right: -30px;
    }

    .section-1 .inner-3{
        /* display: flex; */
        /* justify-content: space-between; */
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .section-1 .inner-3 .primary-1 ul li p{
        /* line-height: 3; */
    }


    .section-1 .inner-3 p{
        margin-top: 20px;
    }

    .section-1 .inner-3 .primary-1{
        /* margin-left: 30px; */
        width: 30%;
        margin-left: 30px;
    }

    /* .section-1 .inner-3 .primary-1 ul li .suuzi{
        position: relative;
        width: 38px;
        height: 38px;
        line-height: 47px;
        background-color: #13a3d2;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 15px;
        font-weight: 990px;
        font-style: italic;
        position: absolute;
        left: -6px;
        top: 0;
        border: solid 3px #fff;
        margin-top: -4px;
    } */
/* 
    .section-1 .inner-3 .primary-1 ul li h2{
        background-color: #13a3d2;
        padding: 5px 5px 5px 50px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        margin-top: 35px;
        font-style: italic;
        position: relative;
        margin-top: 30px;
    }  */

    .section-1 .inner-3 .photo-area{
        /* width: 30%; */
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .section-1 .inner-3 .photo-area .ue{
        display: flex;
        margin: 10px;
    }

    .section-1 .inner-3 .photo-area .sita{
        display: flex;
        margin: 10px;
    }

    .section-1 .inner-3 .photo-area li{
        /* border-radius:20px; */
        overflow: hidden;
    }
    .section-1 .inner-3 .photo-area li img{
        width: 100%;
        height: auto;
        margin-bottom: 45px;
        border-radius: 20px;
    }
    .section-1 .inner-3 .primary-2{
        /* margin-right: auto; */
        width: 30%;
        margin-right: -50px;
        margin-left: 30px;
        /* margin-right: 20px; */

    }

    .section-1 .inner-3 .primary-2 ul li p{
        /* line-height: 3; */
    }

    /* .section-1 .inner-3 .primary-2 ul li .suuzi{
        position: absolute;
        width: 38px;
        height: 38px;
        line-height: 47px;
        background-color: #135bd2;
        border-radius: 50%;
        border: solid 3px #fff;
        font-size: 15px;
        font-weight: 900px;
        text-align: center;
        left: -6px;
        top: 0;
        margin-top: -4px;
    } */


    /* .section-1 .inner-3 .primary-2 ul li h2{
        position: relative;
        background-color: #135bd2;
        padding: 5px 5px 5px 50px;
        margin-right: 90px;
        border-radius:7px;
        color: white;
        margin-top: 30px;
        font-style: italic;
    } */

    .youtube{
        padding: 0 25px 50px;
    }

    .youtube p{
        font-size: 18px;
        margin-bottom: 16px;
    }
 
    .youtube div iframe{
        width: 100%;
        height: auto;
    }

    .youtube div{
        text-align: center;
    }


    .section-2{
        padding: 0 35px 15px;
    }

    .section-2 .section-2-inner{
        /* min-width: 1000px; */
        /* max-width: 1400px; */
        margin: 0 auto;
        background: #fff;
    }

    .section-2 .section-2-inner p{
        font-size: 18px;
        margin: 0 auto;
        margin-bottom: 15px;
        text-align: center;
    }

    .section-2 table{
       width: 100%;
       height: 60px;
       margin: 0 auto;
       /* margin-top: 30px; */
       margin-bottom: 30px;
    }

    .section-2 table tbody th,td{
        font-size: 14px;
        border: solid rgb(6, 36, 126) 3px;
        text-align: center;
        padding: 7px;
    }

    .section-2 .section-2-inner .kyouto tbody td a{
        text-decoration: none;
        color: #002185;
    }

    .section-2 table tbody th{
        color: #ffffff;
        background: rgb(9, 55, 194);
    }
    .section-2 .section-2-inner .map{
        margin: 0 auto;
        text-align: center;
    }
    .section-2 .section-2-inner iframe{
        width: 100%;
        height: auto;
    }

    .baner{
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
    }

    .baner .tel{
        padding: 15px;
        width: 50%;
        background: -webkit-linear-gradient(top left, #89dffc,#0da8db,#06a1d4);
        text-align: center;
    }

    .baner .inquiry{
        padding: 17px;
        width: 50%;
        background: -webkit-linear-gradient(top right, #7b9cff,#153aa8,#062da1);
        text-align: center;
    }


    .baner a{
        text-decoration: none;
        color: #fff;
        font-size: 16px;
    }

    .baner svg{
        width: 27px;
        margin-bottom: -9px;
        margin-right: 5px;
    }


    footer{
        background: -webkit-linear-gradient(top left, rgb(93, 93, 255),rgb(5, 5, 184),rgb(75, 75, 255));
        padding: 50px 80px 90px;
    }

    footer .flex{
        margin-bottom: 40px;
    }

    footer .streetaddress .up{
        margin-bottom: 20px;
    }

    footer .streetaddress p{
        color: #FFF;
    }

    footer .streetaddress a{
        color: #FFF;
        text-decoration: none;
    }

    footer .flex .logo p img{
        width: 100%;
    }

    footer .flex .logo p{
        width: 100px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: -20px;
    }

    footer .reserved{
        text-align: center;
        color: #FFF;
    }

    .slick-center{
        margin-right:20px;
        margin-left:20px;
      }


}