@charset "utf-8";



.box01 .sh1{text-align: left;}
.box01 .img_area{width: 48%;}
.box01 .txt_area{width: 46%;}
.box02 dl,.box03 dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.box02 dl dt,.box02 dl dd{
    padding: 1em;
    text-align: center;    
}
.box02 dl dt{
    width: 4em;
    background: #337434;
    color: #fff;
}
.box02 dl dd{
    width: calc( calc(100% - 4em) / 6);
    background: #fafaff;
}
.box02 dl.rest dt{
    background: #9a1200;
}
.box02 dl.rest dd{
    width: calc(100%  - 4em);
    background: #e6bbb7;
}
.box02 dl.weekend dt{background: #032C4B;}
.box02 dl.weekend dd{width: calc( calc(100% - 4em) / 3);}
.box02 .junior_class dl dd{width: calc(100% - 4em);}
.box03 dl dt,.box03 dl dd{padding: 1em;  }
.box03 dl dt{
    width: 14em;
    background: #F2F2FA;
}
.box03 dl dd{
    width: calc(100% - 14em);
    background: #fafaff;
}




#school_matsuyama dl dt,#school_matsuyama dl dd{
  padding: 1em 2em;
}
#school_matsuyama dl dt{
  width: 14em;
  background: #F2F2FA;
}
#school_matsuyama dl dd{
  width: calc(100% - 14em);
  background: #fafaff;
}

#school_iga li{
  width: calc(100% / 3 - 10px);
  background: #efefef;
  padding: 1.5em;
  display: flex;
  align-items: center;
}




@media (max-width: 599px){


#school_matsuyama dl dt,#school_matsuyama dl dd{
  width: 100%;
}


#school_iga li{width: 100%;}
#school_iga li:not(:last-child){margin-bottom: 20px;}


}













@media (max-width: 799px){


.box01 .img_area{width: 80%;margin: 0 auto 30px;}
.box01 .txt_area{width: 100%;}



}



@media (max-width: 599px){


.box02 dl dt,.box02 dl dd,.box02 dl.rest dd,.box02 dl.weekend dd,
.box02 .junior_class dl dd,.box03 dl dt,.box03 dl dd{
    width: 100%;
}

}