@charset "UTF-8";
/* CSS Document */
@media(max-width:1020px){
  .pic-oneday04{
    top: 35%;
  }
}
@media (max-width: 768px) {
  
  /*under contents 
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  .jag-link-tag{
    translate: min(40px,3vw) -35%;  
  }
  .sec-detail-list{
    grid-template-columns: 1fr;
  }
  .sec-detail-list li.full{
    grid-column:auto;
  }
  .sec-detail-list li.full.clm1
  ,.sec-detail-list li.full.clm2{
    grid-template-columns: 1fr;
  }
  
/*=================================================================
■ABOUTUS
==================================================================*/
  
  /*page aboutus-index ++++++++++++++++++++++++++++++++++++++++*/
  
  .box-aboutus_motto .pic-motto{
    right: auto;
    left: min(60px,8vw);
    translate: 0 -80%;
  }
  .motto-list > div{
    grid-template-columns: 1fr;
  }
  .motto-list > div:nth-child(n+2){
    border-top: 2px dashed var(--clr-red);
    padding-top: min(35px,8vw);
  }
  .motto-list dt{
    text-align: center;
    border-right: none;
    padding-right: 0;
  }
  .motto-list dd.symbol-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    gap:min(25px,6vw);
  }
  .motto-list dd.symbol-box .in-text{
    width: 100%;
    padding-right: 0;
  }
  .motto-list dd.symbol-box .symbol{
    position: relative;
    top: auto;
    translate: 0;
  }
  .wrap-aboutus_message{
    grid-template-columns: auto;
    place-items:center;
  }
  .wrap-aboutus_message .thumb{
    width: min(500px,100%);
  }
  
  /*page history ++++++++++++++++++++++++++++++++++++++++*/
  .history_item:nth-child(odd)
  ,.history_item:nth-child(even){
    grid-template-columns: 1fr;
  }
  .history_item:nth-child(even) .thumb{
    grid-area: auto;
  }
  
  /*page  facility ++++++++++++++++++++++++++++++++++++++++*/
  .facility-list{
    grid-template-columns: repeat(2, 1fr);
  }
  /*page uniform ++++++++++++++++++++++++++++++++++++++++*/
  .uniform-detail{
    grid-template-columns: 1fr;
  }
  .uniform-detail::before{
    content: none;
  }
  
  /*page oneday ++++++++++++++++++++++++++++++++++++++++*/
  .jag-oneday-icon{
    top: max(-100px, -15vw);
    translate: 0% -50%;
  }
  .pic-oneday02{
    right: 50%;
    translate: 50% -100%;
  }
  .pic-oneday03{
    top: 0;
    translate: 0 0;
  }
  .pic-oneday04{
    top: 10%;
  }
  .oneday-aftersc-detail
  ,.item-mdl_schedule{
    grid-template-columns: 1fr;
  }

  .sec-intro-item .lead-text{
    text-align: left;
  }
  /*page anzen /support ++++++++++++++++++++++++++++++++++++++++*/
  .page-supportt-blc > p.lead-text{
    text-align: left;
  }
  
/*=================================================================
■EDUCATION
==================================================================*/
  .wall-round-box::before{
    border-radius: 100vmax 100vmax min(15px,3.8vw) min(15px,3.8vw);
  }
  
  /*page feature ++++++++++++++++++++++++++++++++++++++++*/
  .box-ed-feature .feature-detail{
    grid-template-columns: 1fr;
  }
  .box-ed-feature .feature-detail .button-wrap{
    grid-column: auto;
  }
  /*page curriculum ++++++++++++++++++++++++++++++++++++++++*/
  .box-curriculum-button{
    grid-template-columns: repeat(2,1fr);
  }
  .box-box-curriculum-detail{
    grid-template-columns: 1fr;
  }
    
  /*page english ++++++++++++++++++++++++++++++++++++++++*/
  .box-teacher_profile{
    grid-template-columns: 1fr;
  }
  .box-program_yearly{
    grid-template-columns: min(500px,100%);
    justify-content: center;
    gap:min(50px,7vw);
  }
  .box-program_yearly > li.jnr
  ,.box-program_yearly > li.snr{
    translate: 0 0;
  }
  .box-program_yearly > li .list-title
  ,.box-program_yearly > li .in-title{
    font-size: var(--fs_mid);
    min-height: inherit;
  }
  .box-program_yearly > li .list-title{
    padding: .5em 1.5em;
  }
  .english-lesson-detai{
    grid-template-columns: 1fr;
  }  
  /*page future ++++++++++++++++++++++++++++++++++++++++*/
  .future-guidance-list
  ,.item-guide-wrap{
     grid-template-columns: 1fr;
  }
  .item-guide-wrap
  ,.item-place-wrap{
    grid-column: auto;
  }
  .item-guidance:nth-child(n+2):not(:nth-child(4))::before{
    content: none;
  }
  .box-voice-graduate{
    grid-template-columns: 1fr;
  }
  
  /*page event ++++++++++++++++++++++++++++++++++++++++*/
  .box-education-event{
    grid-template-columns: 100%;
  }
  .box-education-event .detail-area{
    padding-left: min(25px, 3vw);
    padding-right: min(25px, 3vw);
  }
  .event-slide-item figcaption{
    text-align: left;
  }
  /*page message ++++++++++++++++++++++++++++++++++++++++*/
  .box-aboutus-message{
    grid-template-columns: auto;
  }
  .box-aboutus-message .thumb-area{
    display: grid;
    grid-template-columns: min(500px,100%);
    justify-content: center;
  }
  .box-aboutus-message .comment-area .box-title{
    text-align: center;
  }
  
  /*=================================================================
  ■OTHER
  ==================================================================*/
  
  /*page academy ++++++++++++++++++++++++++++++++++++++++*/
  .academy-link-list{
    grid-template-columns: repeat(2, 1fr);
  }
  .academy-link-list > li.full{
    grid-column: span 2;
    grid-template-columns: repeat(2, calc((100% - min(60px, 10vw)) / 2));
  }
  
  /*page afterschool ++++++++++++++++++++++++++++++++++++++++*/
  
  .afsc-feature_detail
  ,.afsc-feature_detail .full{
    grid-template-columns: min(550px,100%);
    justify-content: center;
  }
  .afsc-feature_detail .full{
    grid-column: auto;
  }
  .afsc-course-list{
    grid-template-columns: min(550px,100%);
    justify-content: center;
  }
  .afsc-course-list > li:nth-child(even)::before{
    content: none;
  }
  .afsc-inquiry_detail{
    grid-template-columns: 1fr;
  }
  .afsc-inquiry_detail .dial-area{
    padding-top: min(15px,3vw);
    border-top: 2px dashed var(--clr-wht);
  }
  .afsc-inquiry_detail .dial-area::before{
    content: none;
  }
  /*page access ++++++++++++++++++++++++++++++++++++++++*/
  .item-accsess-map .data-area{
    grid-template-columns: 1fr;
  }
  .item-accsess-map .data-area .train{
    padding-top: min(20px, 3vw);
    border-top: 2px dashed var(--clr-blue);    
  }
  .item-accsess-map .data-area .train::before{
    content: none;
  }
  .item-access_root .att-list{
    position: relative;
    top: auto;
    left: auto;
    margin-top: 10px;
  }
  /*page admission ++++++++++++++++++++++++++++++++*/
  .item-adm-inquiry .button-set{
    grid-template-columns: min(400px,100%);
    justify-content: center;
  }
  
  /*page guidance ++++++++++++++++++++++++++++++++*/
  .guid-tab-switch{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:2px;
    padding-bottom: 2px;
  }
  .guid-tab-switch li{
    width: auto;
  }
  .guid-tab-switch li:nth-child(n+3){
    border-radius: 0;
  }
  .exam-tab-container{
    border-top-right-radius: 0;
  }
  .acv-guidance-schedule{
    grid-template-columns: 100%;
  }
  
/*=================================================================
■ARCHIVE
==================================================================*/
  
  .clm_contents{
    grid-template-columns: 1fr;
  }
  #l-side{
    grid-template-columns: 1fr 1fr;
  }
  
}
@media screen and (max-width: 480px) {
  
  /*under hero*/
  #hero.under-hero{
    background-image: url("../images/wall/wave-gry_sp.svg");
    background-size: 100%;
  }
  
  /*page aboutus-facility ++++++++++++++++++++++++++++++++++++++++*/
  .facility-list{
    grid-template-columns: 1fr;
  }
  
  /*page aboutus-faq ++++++++++++++++++++++++++++++++++++++++*/
  .faq-item dd{
    padding-left: 0;
  }
  /*page education-english/future ++++++++++++++++++++++++++++++++++++++++*/
  
  .box-teacher_profile .comment-area .profile
  ,.box-voice-graduate .comment-area .profile{
    grid-template-columns: auto;
    padding-left: 2em;
  }
  .box-teacher_profile .comment-area .profile dd::before
  ,.box-voice-graduate .comment-area .profile dd::before{
    content: none;
  }
  .box-teacher_profile .comment-area .profile::before
  ,.box-voice-graduate .comment-area .profile::before{
    content: "";
    width: 2px;
    height: 85%;
    background-image: linear-gradient(rgba(234, 85, 50, 1) 50%, rgba(234, 85, 50, 0) 0%);
    background-size: 1px 6px;
    position: absolute;
    top: 50%;
    left:0;
    translate: 0 -50%;
  }
  .box-voice-graduate .thumb-area::after{
    content: "卒業生";
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 600;
    background-color: var(--clr-red);
    color: #fff;
    border-radius: 100vmax;
    font-size: min(16px,3.7vw);
    padding: .5em 1.5em;
    letter-spacing: .1em;
    text-indent: .1em;
  }
  .box-voice-graduate .comment-area .in-head{
    grid-template-columns: 1fr;
  }
  .box-voice-graduate .comment-area .in-head .tag{
    display: none;
  }
  .box-voice-graduate .comment-area .in-head .tag span{
    aspect-ratio:auto;
  }
  /*page academy ++++++++++++++++++++++++++++++++++++++++*/
  .pic-acad01{
    top: 0;
    translate: 10% -10%;
  }
  .pic-acad02{
    top: max(-100px, -15vw);
    translate: 10% -70%;
  }
  .box-academy_intro .lead-text{
    text-align: left;
  }
  .academy-link-list
  ,.academy-link-list > li.full{
    grid-template-columns: 100%;
    place-items:center;
  }
  .academy-link-list > li.full{
    grid-column: auto;
  }
  .academy-link-list .round-button{
    width: min(200px,51.28vw);
    margin-left: auto;
    margin-right: auto;
  }
  .academy-link-list .dot-list.sp-clm{
    display: grid;
    grid-template-columns: repeat(2,auto);
    gap:8px min(20px,4vw);
  }
  .academy-link-list .dot-list.sp-clm > li:nth-child(n+2){
    margin-top: 0;
  }
  
  /*page afterschool ++++++++++++++++++++++++++++++++++++++++*/
  .afsc-inquiry_detail .dial-area .tel{
    font-size:calc(100vw/10.25);
  }
  
  /*page guidance ++++++++++++++++++++++++++++++++*/

  
  /*archive
  =====================================*/
  #l-side
  ,.page-acv-list{
    grid-template-columns: 1fr;
  }
  
}