@charset "utf-8";
/* CSS Document */

/* メインビジュアル */
.section_mv{
  height : 508px;
  background-image: image-set(url("../images/top/mv.jpg") 1x, url("../images/top/mv@2x.jpg") 2x );
  background-image: -webkit-image-set(url("../images/top/mv.jpg") 1x, url("../images/top/mv@2x.jpg") 2x );
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section_mv img{
  padding: 390px 70px 40px;
}

@media (max-width:767px) {
  .section_mv{
    height: 550px;
    background-image: image-set(url("../images/top/mv-sp.jpg") 1x, url("../images/top/mv-sp@2x.jpg") 2x);
    background-image: -webkit-image-set(url("../images/top/mv-sp.jpg") 1x, url("../images/top/mv-sp@2x.jpg") 2x);
    background-position: left center;
  }
.section_mv img{
  padding: 385px 18px 40px;
  }
}

/* 山崎塾について */
.section_about h3{
  text-align: center;
  margin-bottom: 40px;
}
.section_about p{
  max-width: 600px;
  width: 100%;
  margin: 0.5em auto 0;
}
.about_photo{
  display: flex;
  gap:245px;
  margin-top: 30px;
}

@media (max-width:767px) {
  .section_about h3{
    margin-bottom: 25px;
  }
  .section_about p {
    justify-content: center;
  }
  .about_link{
    margin-top: 30px;
  }
  .about_photo{
    margin-top: 30px;
  }
  .about_photo-02,
  .about_photo-02 img{
    width: 100%;
  }
  .about_photo-01{
    display: none;
  }
}

/* 中学生の部 */
.section_junior .container {
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: center;
}
.section_junior p{
  max-width: 670px;
  margin: 0.5em auto 0;
  margin-left: 60PX;
}
.junior_img{
  margin-right: 60px;
}

@media (max-width:767px){
  .section_junior .container{
    flex-direction: column; 
    gap: 0px;
    }
  .section_junior p{
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-left: auto;
    }
    .junior_img{
      margin-right:0px;
      text-align: center;
    }
}

/* 小学生の部 */
.section_elementary .container {
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: center;
}
.subject{
  margin-left: 60px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
}
.english{
  margin-left: 60px;
  font-size: 20px;
  font-weight: bold;
}
.section_elementary p{
  max-width: 670px;
  margin: 0.5em auto 0;
  margin-left: 60PX;
}
.elementary_img{
  display: flex;
  flex-direction: column;
  margin-right: 60px;
}
.elementary{
 margin-bottom: 40px;
}

@media (max-width:767px){
  .section_elementary .container{
    flex-direction: column;
    gap:0px;
  }
  .subject{
    margin-left: 0px;
    font-size: 17px;
    max-width: 727px;
    margin-top: 30px;
  }
  .english{
    margin-left: 0px;
    font-size: 17px;
    max-width: 727px;
    margin-top: 30px;
  }
  .section_elementary p{
    margin-left: 0px;
  }
  .elementary_img{
    flex-direction: column;
    margin: auto;
    text-align: center;
  }
  .elementary{
    margin: auto;
  }
  .elementary_img-shuji{
    margin-top: 30px;
  }
}
  
/* 新着情報　*/
.section_information{
  padding-top: 100px;
}
.news_list-item{
  display: flex;
  gap: 50px;
  align-items: baseline;
  border-bottom: 1px solid #707070;
  padding: 15px 0;
}
.news_list-item:first-child{
  border-top: 1px solid #707070;
}
.news_list-date {
  flex-shrink: 0;
}
.news_list-category{
  width: 200px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #72C9CC;
  color: #FFFFFF;
  padding: 5px;
}
.news_list-title{
  font-weight: normal;
}
.news_list-title a{
  text-decoration: none;
  color: #333333;
}

.news_list-title a:hover{
  color: #7B7A7A;
}

@media (max-width: 767px) {
  .section_information{
    padding-top: 60px;
  }
  .news_list-item{
    flex-wrap: wrap;
    padding: 15px 0;
    gap: 10px 20px;
  }
  .news_list-category{
    padding: 5px 6px;
  }
  .news_list-title{
    width: 100%;
  }
}

/* お問い合わせ */
.section_contact{
  background-image: image-set(url("../images/top/contact_bg.jpg") 1x, url("../images/top/contact_bg@2x.jpg") 2x);
  background-image: -webkit-image-set(url("../images/top/contact_bg.jpg") 1x, url("../images/top/contact_bg@2x.jpg") 2x);
  background-position: center bottom;
  background-size: cover;
  margin-top: 100px;
  padding-top: 40px;
  margin-bottom: 100px;
}
.section_contact h3{
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.contact_link{
  text-align: center;
  font-size: 43px;
  font-weight: bold;
  padding: 60px 80px;
  text-decoration: none;
}
.contact_link img{
  margin-left: 25px;
}
.contact_link a{
  border-radius: 20px;
  display: inline-flex;
  background:#C05E60;
  color: #FFFFFF;
  padding: 45px 80px;
  text-decoration: none;
}
.contact_link a:hover{
  background: #DE7F7E;
}
  @media (max-width: 767px) {
  .section_contact{
    background-image: image-set(url("../images/top/contact_bg-sp.jpg") 1x, url("../images/top/contact_bg-sp2@.jpg") 2x);
    background-image: -webkit-image-set(url("../images/top/contact_bg-sp.jpg") 1x, url("../images/top/contact_bg-sp@2x.jpg") 2x);
    margin-top: 60px;
    padding-top: 30px;
    margin-bottom: 0px;
  }
  .section_contact h3{
    text-align: center;
    font-size: 17px;
    font-weight: bold;
  }
  .contact_link{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 30px 20px;
    text-decoration: none;
  }
    .contact_link img{
    margin-left: 15px;
      width: 23px;
      height: 23px;
      margin-top: 6px;
    }
  .contact_link a{
    border-radius: 10px;
    padding: 18px 28px;
    text-decoration: none;
  }
}

/* アクセス　*/
.section_access{
  background-image: image-set(url("../images/top/bg_access.jpg") 1x, url("../images/top/bg_access@2x.jpg") 2x);
  background-image: -webkit-image-set(url("../images/top/bg_access.jpg") 1x, url("../images/top/bg_access@2x.jpg") 2x);
  background-position: center bottom;
  background-size: cover;
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 55px;
  margin-bottom: 100px;
}
.access_contents {
  display: flex;
  gap: 214px;
}
.access_address{
  width: 362px;
}
.access_address-title{
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.access_address p{
  margin-top: 10px;
}
.access_tel{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color:#333333;
  text-decoration: none;
  margin-top: 40px;
}
.access_tel:hover{
  color: #939393;
}
.access_tel span{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: bold;
}
.access_tel img{
  width: 26px;
  margin-right: 5px;
  flex-shrink: 0;
}
.access_name-item{
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: 7px;
}
.access_name-item dt::after{
  content: ':';
}

.access_contact{
  text-align: center;
  margin-top: 15px;
}
.access_contact a{
  font-size: 17px;
  color: #333333;
}
.access_contact a:hover{
  color: #939393;
  text-decoration: none;
}
.access_contact img{
  margin-right: 7px;
  width: 27px;
}
.access_map {
  flex-grow: 1;
}
.access_map iframe{
  width: 100%;
  height: 100%;
}

@media (max-width:767px){
  .section_access{
    background-image: image-set(url("../images/top/access_bg-sp.jpg") 1x, url("../images/top/access_bg-sp@2x.jpg") 2x);
    background-image: -webkit-image-set(url("../images/top/access_bg-sp.jpg") 1x, url("../images/top/access_bg-sp@2x.jpg") 2x);
    margin-top: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 60px;
    }
  .access_contents{
    flex-direction: column;
    gap: 0px;
    margin-bottom: 35px;
  }
  .access_address{
    width: auto;
  }
  .access_address-title{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .access_address p{
    text-align: center;
    margin-top: 5px;
  }
  .access_tel{
    flex-direction: column;
    margin-top: 25px;
  }
  .access_tel span{
    font-size: 20px;
  }
  .access_tel img{
    width: 16px;
    }
  .access_contact a{
    font-size: 15px;
  }
  .access_contact img{
    margin-right: 7px;
    width: 18px;
  }
  .access_map{
    height: 270px;
    margin-top: 60px;
  }
}