.sp375{display: none;}
@media screen and (min-width: 1101px) {
.sp{display:none}
.sec01{padding-top: 82px;padding-bottom: 135px}
.s01_list_img{gap: 40px;margin-bottom: 40px}
.s01_ttl{margin-bottom: 70px;}
.s01_txt{line-height: 2.25em;margin-bottom: 36px}
.s01_content{margin-bottom: 95px}
.btn_ic a{padding-left: 37px}
.btn_ic_blue_long_txt a{padding-left: 15px}
.btn_ic a::after{right: 14px}
.sec02{padding-top: 71px;padding-bottom: 100px}
.ttl .ttl_main{margin-bottom: -4px}
.sec03{padding-top: 86px;padding-bottom: 82px}
.school-life{margin-bottom: 115px}
.s03_txt{line-height: 2.25em;margin-bottom: 44px}
.s03_content_r{padding-right: 60px}
.s03_img02{padding-right: 45px}
.s03_content_box::before{left: -38px}
.s04_content{width: 100%;max-width: 1120px;margin: 0 auto}
.s04_img::after{left: -60px;bottom: -60px}
.s04_img{margin-bottom: 138px}
.sec04{padding-bottom: 83px}
.sec05 .ttl{margin-bottom: 113px}
.s05_content_txt{margin-bottom: 44px}
.s05_list_box{gap: 32px 23px}
.s05_l{margin-left: 60px}
.ft_info{margin-top: 4px}
.ft_logo{margin-bottom: 44px}
}
@media screen and (min-width: 769px) {
a[href^="tel:"]{pointer-events: none;}

/* nav */
.hamburger{display:none;}
.nav_list{display: flex;gap: 10px;justify-content: center;padding: 0 10px}
.nav_list>li>a,
.nav_list>li>.sub_btn{display:flex;align-items:center;position:relative;font-weight: 500;padding:5px;color: var(--txt);font-size: var(--mfont-size);}
.nav_list>li.parent{position:relative;}
.nav_list>li.parent>.sub_btn{cursor:default}
.sub{position:absolute;z-index:1;transition:all .3s;opacity:0;visibility:hidden;width:345px;top:calc(100% + 21px);left:calc(50% - 345px/2);}
.nav_sub_content{background: #fff;padding: 40px 20px;border-radius: 10px;width: 100%;position: relative;z-index: 1}
.nav_sub_content::before{content: '';position: absolute;width: 53px;height: 53px;background: #fff;border-radius: 50%;left: calc(50% - 53px/2);top: -25px;z-index: -1}
.nav_sub_content::after{content: '';z-index: -1;position: absolute;width: 345px;height: 145px;left: 0;bottom: 0;background: url(../images/nav_sub_ic02.png) center /cover no-repeat;}
.sub ul{display: flex;flex-wrap: wrap;gap:10px}
.sub ul li{width: 40%}
.sub ul li.full{width: 100%}
.sub ul li a{font-size:18px;position: relative;display: inline-block;font-weight: 400}
.sub ul li a::before{content: '';position: absolute;left: calc(100% + 10px);top: 12px;width: 14px;height: 8px;background: url(../images/nav_ic.png)center /cover no-repeat;}
.sub ul li a:hover{color: var(--mcolor);}
.nav_sub_ttl{font-size: 24px;font-weight: 800;color: var(--mcolor);margin-bottom: 10px}
header.show .nav_sub_content::before,
header.show .sub{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
header.show .sub::before{content: '';position: absolute;width: 100%;height: 30px;left: 0;top: 0;background: #fff;z-index: 2}

/*  FOOTER */
.ft_bnn li:not(:last-child){margin-right: 30px;}

/* hover */
.ft_link ul li > a:hover,
.nav_list>li:hover>a{color:var(--mcolor);text-decoration: none;}
.parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
.sub a:hover{background-color:var(--scolor);text-decoration: none;}
.h_contact_mail a:hover{background: var(--scolor)}
.to_top:hover{background-color: var(--blue_light);}
.news_archive:hover .item_date,
.news_archive:hover .item_ttl{color: var(--mcolor);}

}

@media screen and (min-width: 1101px) and (max-width: 1800px){
  .mv_txt h1 img{width: 420px}
  header .h_box{padding: 10px 0}
  #logo{width: 260px;padding-top: 4px;}
  .h_btn a{width: 130px}
  .h_btn02{margin-left: 10px}
  .s05_img{right: calc(50% - 734px)}
  .s05_content{display: flex;justify-content: center;}
  .s05_l{margin-left: 0;margin-right: 557px}


}
@media screen and (min-width: 768px) and (max-width: 1560px){
  p:has(.link_pdf, .link_docs, .link_xlsx,.link_web){margin-left: 0px}
  .frame_box_yellow p:has(.link_pdf, .link_docs, .link_xlsx, .link_web){margin-left: 0}
}
@media screen and (min-width: 768px) and (max-width: 841px){}

/* screen-min:1100px latop - mobile*/
@media screen and (max-width: 1100px) {
img{max-width:100%; height: auto;}
.swap img{width:auto;}
#wrapper,
header,
main,
footer,
.inner{width:100%!important;min-width:unset!important}
.pc{display:none!important}

/* NAV */
nav{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 60px);overflow:auto;padding-bottom:120px;z-index:100;background: #fff;visibility: hidden;transition: .4s;transform: scaleY(0.7);opacity: 0;transform-origin: top}
nav.is_active{opacity: 1;transform: scaleY(1);visibility: visible;}
nav .container{padding: 0;}
.nav_list{flex-direction:column;display: flex;}
.nav_list ul,
.nav_list li{width:100%}
.nav_list .sub_btn,
.nav_list a{display:block;padding:13px 15px 12px;color:#000;font-size:16px;font-weight:600;border-bottom:solid 1px #fff}
.nav_list .sub_btn{position:relative;padding-left:15px}
.nav_list > li{margin-bottom: 15px;order: 2}
.nav_list > li:last-child{margin-bottom: 0;}
.nav_list .sp.home{order: 1}
.nav_list .parent:first-child .sub li:nth-child(1){order: 1}
.nav_list .parent:first-child .sub li:nth-child(2){order: 5}
.nav_list .parent:first-child .sub li:nth-child(3){order: 2}
.nav_list .parent:first-child .sub li:nth-child(4){order: 6}
.nav_list .parent:first-child .sub li:nth-child(5){order: 3}
.nav_list .parent:first-child .sub li:nth-child(6){order: 7}
.nav_list .parent:first-child .sub li:nth-child(7){order: 4}
.nav_list .parent:first-child .sub li:nth-child(8){order: 8}


.nav_sub_ttl{display:none}
.sub ul{width: 100%;display: flex;align-items: flex-start;gap: 10px 20px;flex-wrap: wrap;padding: 0 20px}
.sub ul:not(:last-child){margin-bottom:15px}
.sub a{font-weight: 400;padding: 0}
.sub li{width: fit-content;}
.hamburger{position:absolute;right:1%;top:9px;font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101;width: 50px;height: 50px;background: #0065b3;border-radius: 50%}

/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
header .h_box{height:68px;padding: 2px 0}
.h_box:has(nav.is_active){background: #fff}
#logo{width: 185px;padding-top: 3px}
.h_inner{padding: 0 10px;}
.h_left{width: 200px}
header.show .h_inner{display: flex;}
.lang_box{width: auto;flex-direction: row}
.h_btn{display: none;}
.h_btn_box{padding-right: 60px}

/*============ Main ============*/
main{padding-top: 0;}

.btn_center_box{flex-wrap: wrap;}
.btn a{padding: 15px}
.btn_big_blue a{font-size: 19px}

.ttl{margin-bottom: 40px}
.ttl .ttl_main{font-size: 70px}
.ttl .ttl_sub{font-size: 20px}

/* MAIN VISUAL */
/* sec01 */
.sec01{padding-bottom: 80px}
.sec01::before{display: none;}
.s01_ttl{font-size: 30px}
.s01_list_img{flex-wrap: wrap;justify-content: space-between;width: 100%;margin: 0 auto -37px;max-width: 340px}
.s01_list_img li{order: 2}
.s01_list_img .s01_img{width: 100%;display: flex;justify-content: center;order: 1}
.s01_list_img .s01_img img{width: 300px}
.s01_flag_vi,
.s01_flag_ja{width: 50px}
.s01_content{width: 100%;margin: 0 auto 40px;z-index: 2;max-width: 480px}
.s01_list_btn{width: 100%;margin: 0 auto;max-width: 480px}
.btn_ic a{width: 200px;height: 46px;padding: 10px 15px}
.btn_ic_long_txt a{width: 260px}
.btn_ic a::after{width: 20px;height: 20px;top: calc(50% - 10px);}
.s01_content::before{width: 300px;aspect-ratio: 25/13;height: auto;right: calc(50% - 440px);bottom: initial;top: calc(100% - 60px);}
.s01_list_btn_box::before{display: none;}
/* sec02 */
.sec02{z-index: 2;padding-top: 80px}
.sec02::before{aspect-ratio: 207/88;width: 300px;height: auto;right: initial;left: 30px;top: -50px}
.s02_content{margin-bottom: 40px}
/* sec03 */
.school-life{margin-right: -80px;margin-bottom: 40px;margin-left: 20px}
.s03_content_l{width: 100%;margin-left: -40px;position: relative;}
.s03_content_l::before{content: '';position: absolute;width: 100px;height: auto;aspect-ratio: 81/92;background: url(../images/s03_ic01.png) center /cover no-repeat;top: 0;right: -70px;}
.s03_img01{margin-bottom: 0}
.s03_content_box{flex-direction: column;}
.s03_img02{display: none;}
.s03_content_r::before{display: none;}
.s03_content_r{padding: 0 40px 40px}
.s03_btn{display: flex;justify-content: center;}
.s03_content_box::after{aspect-ratio: 137/96;width: 200px;right: -40px;height: auto;}
.s03_content_box::before{width: 300px;aspect-ratio: 181/92;bottom: -120px;height: auto;}
/* sec04 */
.sec04{padding-top: 100px;padding-bottom: 100px}
.s04_content{width: 100%;margin: 0 auto;max-width: 780px}
.s04_img{margin: 0 -60px -30px}
.s04_img01{width: 80%}
.s04_img02{width: 80%;top: 0;position: relative;margin-left: auto;margin-right: -40px;text-align: right;margin-top: -310px}
.s04_img::before{width: 180px;aspect-ratio: 25/26;height: auto;right: 20px}
.s04_img::after{width: 200px;height: auto;bottom: 195px;aspect-ratio: 9/7;left: 90px}
.s04_content_txt{width: 60%;margin-bottom: 40px;margin-left: 0}
.s04_btn_box{flex-wrap: wrap;justify-content: flex-start;margin-left: 0;width: 65%}
.s04_btn_box .btn_ic{margin-bottom: 0}
.s04_btn_box .btn_ic a{width: 220px}
.s04_btn_box .btn_ic:last-child a{width: 250px}
/* sec05 */
.sec05{padding-top: 170px}
.sec05::before{width: 90%;height: auto;aspect-ratio: 421/113;left: 50%;transform: translateX(-50%);}
.s05_img{display: none;}
.s05_content{padding-bottom: 140px}
.s05_l{width: 100%;max-width: 484px;margin: 0 auto;height: auto;}
.s05_list_box{justify-content: center;}
.s05_list_box .btn_ic{width: 40%}
.s05_list_box .btn_ic a{padding: 10px 50px 10px 20px}
.s05_content::after{width: 100%;max-width: 756px;aspect-ratio: 18/5;height: auto;left: -110px;bottom: 50px}
.s05_content::before{width: 300px;height: auto;aspect-ratio: 175/94;left: calc(50% - 65px);bottom: -78px}

/*============ FOOTER ============*/
.ft_contact_frame{padding: 50px 0;margin-bottom: 50px}
.ft_contact_frame_nav{padding-left: 20px;padding-right: 20px;padding-top: 63px}
.ft_contact_frame_ttl{font-size: 70px}
.ft_contact_frame_content{max-width: 460px;padding: 40px 20px 70px}
.ft_contact_frame_sub_ttl span{font-size: 20px}
.ft_contact_frame_txt{font-size: 20px}
.ft_contact_frame_btn_box{flex-direction: column;align-items: center;margin-bottom: 30px}
.ft_contact_frame_btn_box .btn_ic a{font-size: 20px;width: fit-content;height: 54px;padding: 10px 55px 10px 20px}
.ft_contact_frame_btn_box .btn_ic_orange.btn_auto a{padding-right: 60px}
.ft_contact_frame_btn_box .btn_ic a::after{width: 28px;height: 28px;top: calc(50% - 14px);}
.ft_contact_frame_bottom_tel a{font-size: 24px}
.ft_contact_frame_bottom_tel .num{font-size: 30px}
.ft_contact_frame_content::before{width: 400px;height: auto;aspect-ratio: 151/47;left: calc(50% - 200px);}
.ft_link{display: none;}
.ft_bottom{padding: 60px 0 30px}

/* to top */
.to_top{width:40px;height:40px;right:10px;bottom: 60px;}
.to_top img{width: 13px}

.mokuji-list {
  display: block;
}

.mokuji-list li {
  width: 100%;
}
/*============ END 1100 ============ */

}

@media screen and (min-width: 768px) and (max-width: 841px){}

/* screen-max:1024px */
@media screen and (max-width: 1024px) {}

/* screen-max:820px */
@media screen and (max-width: 820px) {}

/* screen-max:768px */
@media screen and (max-width: 768px) {
 .wp_pagination {
    gap: 10px;
  }

  .wp_pagination a, .wp_pagination span {
    width: 36px!important;
    height: 36px !important;
     margin: 0px!important;
}
}

/* screen-max:460px */
@media screen and (max-width: 479px) {
  footer{padding-bottom: 80px}
  .ttl .ttl_main{font-size: 44px}
  .ttl .ttl_sub{font-size: 18px}
  .mv_img01{background-image: url(../images/mv01_sp.png);}
  .mv_img02{background-image: url(../images/mv02_sp.png);}
  .mv_img03{background-image: url(../images/mv03_sp.png);}
  .mv_img04{background-image: url(../images/mv04_sp.png);}
  .s01_list_img{margin-bottom: -35px}
  .s01_list_btn{gap: 10px}
  .s01_content::before{width: 250px;top: calc(100% - 40px);right: -184px}
  .s01_ttl{font-size: 26px}
  .s01_list_btn .btn_ic a{width: 130px;height: 40px}
  .s01_list_btn .btn_ic_long_txt a{width: 230px}
  .btn_ic a::after{right: 10px}
  .s03_content_r{padding-left: 20px;padding-right: 20px}
  .s04_img::after{width: 135px;bottom: 45px;}
  .sec04{padding-top: 60px}
  .s04_img::before{width: 125px;right: 60px;top: -20px}
  .s04_img01,
  .s04_img02{width: 60%}
  .s04_img02{margin-top: -180px}
  .s04_img{margin-bottom: -20px}
  .s04_content_txt{width: 80%}
  .s04_btn_box{width: 100%;gap: 10px}
  .s04_btn_box .btn_ic a{width: 170px;font-size: 12px;padding: 0 7px}
  .s04_btn_box .btn_ic:last-child a{width: 170px}
  .s04_btn_box .btn_ic a::after{zoom: 0.8;right: 8px}
  .sec05{padding-top: 70px}
  .sec05::before{width: 337px}
  .s05_list_box .btn_ic{width: 47%}
  .s05_list_box .btn_ic a{padding: 10px 35px 10px 10px;font-size: 12px;width: 150px}
  .s05_content::after{width: 375px;bottom: 0}
  .s05_content::before{width: 175px;left: 110px;bottom: -63px}
  .ft_contact_frame_ttl{font-size: 50px}
  .ft_contact_frame_txt{font-size: 15px}
  .ft_contact_frame_sub_ttl{margin-bottom: 15px}
  .ft_contact_frame_bottom_tel a{font-size: 22px}
  .ft_contact_frame_content::before{width: 302px;left: calc(50% - 151px);bottom: -40px}
  .ft_contact_frame_content{padding-bottom: 80px}
  .h_btn_box{padding-right: 50px}
}

/* screen-max: 360px */
@media screen and (max-width: 375px) {
  .sp375{display: block;}
  .s01_list_img{max-width: 315px;}
  .s01_list_btn .btn_ic a{width: 129px;font-size: 12px;padding: 0 7px 0 15px}
  .s01_list_btn .btn_ic_long_txt a{width: 176px;padding-left: 7px}
  .s01_list_btn .btn_ic a::after{zoom: 0.8;right: 8px}
  .s01_content{max-width: 315px}
  .s01_list_btn{max-width: 315px}
  .sec02::before{left: 15px;width: 180px;top: -42px}
  .s03_content_box::after{width: 137px}
  .s03_content_r{padding-bottom: 65px}
  .s03_content_box::before{width: 166px;bottom: -80px}
  .s04_btn_box .btn_ic a{font-size: 3vw;width: 160px}
  .s05_list_box{gap: 10px}

}

@media screen and (max-width: 320px) {
html,
  body {
    min-width: 320px;
    overflow-x: hidden;
  }
  .lang_box{width: 80px;height: auto;aspect-ratio: 40/11;}
  #logo{width: 140px}
  .sec05::before{width: 277px;top: -20px}
  .ttl .ttl_main{font-size: 40px}
  .ttl .ttl_sub{font-size: 16px}
  .btn_big_blue a{font-size: 15px}
  .s04_btn_box .btn_ic a{width: 115px}
  .s04_btn_box .btn_ic.btn_ic_blue_long_txt a{width: 140px}
  .s05_list_box .btn_ic a{font-size: 3vw;width: 135px}
  .s04_btn_box .btn_ic:nth-child(1) a,
  .s04_btn_box .btn_ic:nth-child(2) a{width: 115px}
  .s04_btn_box .btn_ic:last-child a{width: 165px}
  .sec04{padding-bottom: 60px}
  .ft_contact_frame_ttl{font-size: 45px}
  .ft_contact_frame_sub_ttl span{font-size: 16px}
  .ft_contact_frame_txt{font-size: 13px}
  .ft_contact_frame_btn_box .btn_ic a{font-size: 16px;padding: 10px 45px 10px 20px}
  .ft_contact_frame_bottom_tel a{font-size: 17px;}
  .ft_contact_frame_bottom_tel .num{font-size: 140%}

}