body {
  overflow-x: hidden;
}

header .logo {
  padding: clamp(70px, 18.6vw, 140px) 0 clamp(25px, 6.6vw, 60px);
}
@media screen and (min-width: 769px) {
  header .logo {
    padding: clamp(60px, 7.8vw, 120px) 0 clamp(75px, 9.75vw, 150px);
  }
}
header .logo img {
  width: 50%;
}
@media screen and (min-width: 769px) {
  header .logo img {
    width: 35%;
  }
}

#top h1 {
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 55vw;
  margin: 0 calc(50% - 50vw);
}
#top h1 img {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 135%;
  height: auto;
  margin: 0 calc(50% - 50vw);
}
#top .overlay {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.sec-slide {
  margin-bottom: clamp(40px, 10.6vw, 120px);
}
.sec-slide .slide-inner .slide-list {
  width: 100%;
  margin-bottom: clamp(50px, 13.3vw, 150px);
}
@media screen and (min-width: 769px) {
  .sec-slide .slide-inner .slide-list {
    margin-bottom: clamp(50px, 6.5vw, 100px);
  }
}
.sec-slide .slide-inner .slide-list .slick-slide {
  width: 100%;
}
.sec-slide .slide-inner .slide-list .slick-slide img {
  width: 100%;
}

#staff .sec-title {
  margin-bottom: 3.5em;
}
#staff .card-list {
  padding-left: 10vw;
}
@media screen and (min-width: 769px) {
  #staff .card-list {
    padding: 0 10vw;
  }
}
#staff .card-list .card-01 {
  margin-bottom: clamp(280px, 74.6vw, 560px);
  padding-left: 5vw;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-01 {
    padding-left: 0;
    margin-bottom: clamp(90px, 11.7vw, 180px);
  }
}
#staff .card-list .card-01 .img-panel {
  transform: rotate(-7deg);
}
#staff .card-list .card-01 .img-panel .img {
  overflow: hidden;
  aspect-ratio: 11/11;
}
#staff .card-list .card-01 .img-panel .panel-sticky {
  text-align: left;
  transform: rotate(-15deg);
}
#staff .card-list .card-01 .img-panel .panel-sticky::before {
  background-image: url(/img/tanotu/label_01.png);
  width: clamp(150px, 40vw, 300px);
  height: 150px;
  top: 110%;
  left: 35%;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-01 .img-panel .panel-sticky::before {
    width: clamp(170px, 22.1vw, 340px);
    top: 120%;
  }
}
#staff .card-list .card-01 .memo-text {
  width: 67%;
  top: 105%;
  left: 23%;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-01 .memo-text {
    width: auto;
    margin-left: 5vw;
  }
}
#staff .card-list .card-01 .memo-text::before {
  background-image: url(/img/tanotu/sp_memo_01.png);
  background-size: contain;
  width: 115%;
  height: 120%;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-01 .memo-text::before {
    background-image: url(/img/tanotu/pc_memo_01.png);
    top: 48%;
    left: 68%;
    width: clamp(350px, 45.5vw, 750px);
    height: clamp(240px, 36.9vw, 530px);
  }
}
#staff .card-list .card-02 {
  margin-bottom: clamp(280px, 74vw, 560px);
  flex-direction: row-reverse;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-02 {
    margin-bottom: clamp(150px, 19.5vw, 300px);
  }
}
#staff .card-list .card-02 .img-panel .img {
  overflow: hidden;
  transform: rotate(-3deg);
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-02 .img-panel .img {
    transform: rotate(6deg);
  }
}
#staff .card-list .card-02 .img-panel .img img {
  aspect-ratio: 11/9.5;
}
#staff .card-list .card-02 .img-panel .panel-sticky {
  top: -5%;
  transform: rotate(-10deg);
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-02 .img-panel .panel-sticky {
    transform: rotate(-6deg);
  }
}
#staff .card-list .card-02 .img-panel .panel-sticky::before {
  width: clamp(200px, 53vw, 400px);
  height: clamp(70px, 18.6vw, 140px);
  background-image: url(/img/tanotu//label_02.png);
  top: -150%;
  left: -12%;
  transform: rotate(2.5deg);
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-02 .img-panel .panel-sticky::before {
    width: clamp(230px, 29.9vw, 460px);
    height: clamp(70px, 9.1vw, 140px);
  }
}
#staff .card-list .card-02 .memo-text {
  top: 110%;
  left: 20%;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-02 .memo-text {
    margin-right: 3em;
    transform: rotate(-8deg);
  }
}
#staff .card-list .card-02 .memo-text::before {
  background-image: url(/img/tanotu/pc_memo_02.png);
  background-size: contain;
  transform: rotate(10deg);
  top: -23%;
  left: -17%;
  width: clamp(290px, 77vw, 580px);
  height: clamp(220px, 58.6vw, 440px);
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-02 .memo-text::before {
    background-image: url(/img/tanotu/pc_memo_02.png);
    transform: rotate(8deg);
    width: clamp(360px, 46.8vw, 720px);
    height: clamp(340px, 44.2vw, 680px);
    top: -70%;
    left: -12%;
  }
}
#staff .card-list .card-03 {
  margin-bottom: clamp(350px, 93vw, 700px);
  padding-left: 5vw;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-03 {
    padding-left: 0;
    margin-bottom: clamp(130px, 16.9vw, 260px);
  }
}
#staff .card-list .card-03 .img-panel {
  transform: rotate(-4deg);
}
#staff .card-list .card-03 .img-panel .img {
  overflow: hidden;
  aspect-ratio: 11/10;
}
#staff .card-list .card-03 .img-panel .panel-sticky {
  text-align: left;
  transform: rotate(-12deg);
  top: -20%;
  left: -2%;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-03 .img-panel .panel-sticky {
    left: 7%;
  }
}
#staff .card-list .card-03 .img-panel .panel-sticky::before {
  background-image: url(/img/tanotu/label_03.png);
  width: clamp(150px, 40vw, 300px);
  height: clamp(120px, 32vw, 240px);
  top: -120%;
  left: -30%;
  transform: rotate(14deg);
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-03 .img-panel .panel-sticky::before {
    width: clamp(200px, 26vw, 400px);
    height: clamp(130px, 16.9vw, 260px);
    left: -50%;
  }
}
#staff .card-list .card-03 .memo-text {
  top: 117%;
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-03 .memo-text {
    margin-left: 5vw;
  }
}
#staff .card-list .card-03 .memo-text::before {
  background-image: url(/img/tanotu/sp_memo_03.png);
  width: clamp(250px, 66.6vw, 500px);
  height: clamp(300px, 80vw, 660px);
}
@media screen and (min-width: 769px) {
  #staff .card-list .card-03 .memo-text::before {
    background-image: url(/img/tanotu/pc_memo_03.png);
    width: clamp(340px, 44.2vw, 680px);
    height: clamp(260px, 33.8vw, 520px);
    left: 68%;
  }
}

#headmaster .headmaster-inner {
  padding: 0 7vw;
}
@media screen and (min-width: 769px) {
  #headmaster .headmaster-inner {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  #headmaster .headmaster-inner .pink {
    text-align: center;
  }
}
#headmaster .headmaster-inner .headmaster-img {
  max-width: 600px;
  max-height: 600px;
}
#headmaster .headmaster-inner .headmaster-img img {
  transform: scale(1.09) scaleX(-1);
  top: -5%;
  left: 5%;
  background-color: #ddebde;
}

#footer .white dl dd {
  line-height: 0.9;
}/*# sourceMappingURL=style.css.map */