@charset "UTF-8";
@font-face {
  font-family: "Noto Sans Japanese Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/ad/asset/font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/ad/asset/font/NotoSansCJKjp-Regular.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans Japanese Medium";
  font-style: normal;
  font-weight: 500;
  src: url("/ad/asset/font/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/ad/asset/font/NotoSansCJKjp-Medium.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans Japanese Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/ad/asset/font/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/ad/asset/font/NotoSansCJKjp-Bold.woff") format("woff");
}

/*--- 震えるアニメーション ---*/
@-webkit-keyframes trembleEle {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  40% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  60% {
    -webkit-transform: translate(3px);
            transform: translate(3px);
  }
  80% {
    -webkit-transform: translate(-1px);
            transform: translate(-1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes trembleEle {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  40% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  60% {
    -webkit-transform: translate(3px);
            transform: translate(3px);
  }
  80% {
    -webkit-transform: translate(-1px);
            transform: translate(-1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.l-heading {
  background: linear-gradient(45deg, #fdc526, #f77b26);
}

#hasuda-campus {
  display: block;
  padding-top: 300px;
  margin-top: -300px;
}

@media screen and (max-width: 750px) {
  #hasuda-campus {
    padding-top: 20vw;
    margin-top: -20vw;
  }
}

#iwatsuki-campus {
  display: block;
  padding-top: 300px;
  margin-top: -300px;
}

@media screen and (max-width: 750px) {
  #iwatsuki-campus {
    padding-top: 13vw;
    margin-top: -13vw;
  }
}

.p-hall__wrapper {
  width: 100%;
}

.p-hall__container {
  margin: 7.5em auto 0;
  width: 1280px;
}

@media screen and (max-width: 750px) {
  .p-hall__container {
    margin: 9.6% 0 0 0;
    width: 100%;
  }
}

.p-hall__title {
  background: url("../../../asset/img/common/bg_common_001_pc.png") no-repeat;
  text-align: center;
  padding-bottom: 2.5em;
}

@media screen and (max-width: 750px) {
  .p-hall__title {
    background: url("../../../asset/img/common/bg_common_001_sp.png") no-repeat;
    background-size: contain;
  }
}

.p-hall__title .h2-heading {
  font-family: "Noto Serif JP", serif;
  font-size: 3.125em;
}

@media screen and (max-width: 750px) {
  .p-hall__title .h2-heading {
    font-size: 8vw;
  }
}

.p-hall__title .p-hall__lead {
  font-size: 1.25em;
  margin: 2em 0 0 0;
}

@media screen and (max-width: 750px) {
  .p-hall__title .p-hall__lead {
    font-size: 3.47vw;
  }
  .p-hall__title .p-hall__lead span {
    display: inline-block;
    line-height: 1.66;
  }
}

.p-hall__maps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .p-hall__maps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 auto;
    width: 100%;
  }
}

.p-hall__maps .p-hall__hasuda {
  text-align: center;
}

.p-hall__maps .p-hall__hasuda .map-btn {
  background-color: #ffd800;
  border-color: #ffd800;
  color: #222222;
  margin: 1.875em auto 0;
  text-align: center;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media screen and (max-width: 750px) {
  .p-hall__maps .p-hall__hasuda .map-btn {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    margin: 4.8% auto 0;
  }
}

.p-hall__maps .p-hall__hasuda .map-btn::after {
  border-color: #222222;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
}

.p-hall__maps .p-hall__hasuda .map-btn:hover {
  border-color: #ffe900;
  background-color: #ffe900;
}

.p-hall__maps .p-hall__hasuda .map-btn:hover::after {
  right: 20px;
}

.p-hall__maps .p-hall__iwatsuki {
  text-align: center;
}

.p-hall__maps .p-hall__iwatsuki .map-btn {
  background-color: #aae3ff;
  border-color: #aae3ff;
  color: #222222;
  margin: 1.875em auto 0;
  text-align: center;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media screen and (max-width: 750px) {
  .p-hall__maps .p-hall__iwatsuki .map-btn {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    margin: 4.8% auto 0;
  }
}

.p-hall__maps .p-hall__iwatsuki .map-btn::after {
  border-color: #222222;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
}

.p-hall__maps .p-hall__iwatsuki .map-btn:hover {
  border-color: #c7f0ff;
  background-color: #c7f0ff;
}

.p-hall__maps .p-hall__iwatsuki .map-btn:hover::after {
  right: 20px;
}

.p-hall__maps-hasuda {
  display: inline-block;
}

.p-hall__maps-hasuda img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .p-hall__maps-hasuda {
    margin: 0 auto;
    width: 80%;
  }
}

.p-hall__maps-iwatsuki {
  display: inline-block;
}

.p-hall__maps-iwatsuki img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .p-hall__maps-iwatsuki {
    margin: 10% auto 0;
    width: 80%;
  }
}

.p-hall--time {
  margin: 3.75em 0 9.75em 0;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .p-hall--time {
    margin: 10vw auto 48%;
    width: 90.133%;
  }
}

.p-hall--time picture {
  display: inline-block;
}

.p-hall--time picture img {
  width: 100%;
}
/*# sourceMappingURL=index.css.map */