@import url(/inc/css/common-sc2512.css);

:root {
  --master-color: #fc8700;
  --daytime-color: #c36996;
  --u29-color: #49addc;
  --family-color: #3ec77f;
  --highschool-color: #fe7e8d;
  --company-color: #737db5;
  --platium-color: #8b8268;
}

/*------------------------
ABOUT
------------------------*/
#about > section {
  background-image: url(../img/about-back_pc.webp);
}

@media (max-width: 575px) {
  #about > section {
    background-image: url(../img/about-back_pc.webp);
  }
  #about iframe{
    width: 100%;
    height:80vw;
  }
}

/*------------------------
施設のご案内
------------------------*/
/* スマホ用フロアアイコン */
@media (max-width: 767px) {
  #guidance div.floor1 ul.link {
    width: 40%;
    left: 0;
  }
  #guidance div#floor2 ul.link {
    width: 60%;
    right: 0;
  }
}

/*------------------------
選ばれる理由
------------------------*/
/* REASON01～04 */
#reason div.reason1 {
  background-image: url(../img/reason01_2601.jpg);
}
#reason div.reason2 {
  background-image: url(../img/reason02.jpg);
}
#reason div.reason3 {
  background-image: url(../img/reason03.jpg);
}
#reason div.reason4 {
  background-image: url(../img/reason04.jpg);
}
@media (max-width: 767px) {
  #reason div.reason1 {
    background-image: url(../img/reason01_2601-sp.jpg);
  }
  #reason div.reason2 {
    background-image: url(../img/reason_sp2.jpg);
  }
  #reason div.reason3 {
    background-image: url(../img/reason_sp3.jpg);
  }
  #reason div.reason4 {
    background-image: url(../img/reason_sp4.jpg);
  }
}