.cont-block01 {
  display: flex;
  align-items: center;
  gap: 45px;
  position: relative;
  z-index: 1;
  padding-bottom: 170px;
}
@media (max-width: 480px) {
  .cont-block01 {
    padding-bottom: 65px;
  }
}
.cont-block01::before {
  content: "";
  width: 128px;
  aspect-ratio: 128/123;
  height: auto;
  background: url(../img/illustration01.png) no-repeat center/contain;
  position: absolute;
  top: -90px;
  right: 0;
}
@media (max-width: 480px) {
  .cont-block01::before {
    width: 78px;
    top: 0;
  }
}
@media (max-width: 480px) {
  .cont-block01 {
    flex-direction: column;
    gap: 35px;
  }
}
.cont-block01 .cont-block01__img {
  width: 414px;
}
@media (max-width: 480px) {
  .cont-block01 .cont-block01__img {
    width: 100%;
  }
}
.cont-block01 .cont-block01__txt {
  flex: 1;
}
.cont-block01 .cont-block01__txt .ttl {
  font-size: 2.3rem;
  font-weight: 400;
  padding: 23px 0 58px;
  background: url(../img/cont-ttl-bg01.png) no-repeat center left -20px/533px, url(../img/cont-ttl-bg02.png) no-repeat bottom right 125px/160px;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 480px) {
  .cont-block01 .cont-block01__txt .ttl {
    font-size: 4.49vw;
    padding: 0;
    padding-bottom: 50px;
    background: url(../img/cont-ttl-bg01-sp.png) no-repeat top right/79%, url(../img/cont-ttl-bg02.png) no-repeat bottom right/50%;
    display: flex;
    gap: 8.34vw;
  }
}
.cont-block01 .cont-block01__txt .ttl::before {
  content: "";
  width: 80px;
  height: auto;
  aspect-ratio: 80/76;
  background: url(../img/illustration09.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: -30px;
  transform: translateX(-100%);
}
@media (max-width: 480px) {
  .cont-block01 .cont-block01__txt .ttl::before {
    transform: none;
    width: 19%;
    position: static;
    display: block;
  }
}
.cont-block01 .cont-block01__txt .msg {
  line-height: 2;
}
@media (max-width: 480px) {
  .cont-block01 .cont-block01__txt .msg {
    font-size: 3.59vw;
    letter-spacing: 0.03em;
  }
}
.cont-block01 .cont-block01__txt .msg p:not(:last-child) {
  margin-bottom: 2em;
}
.cont-block01 .unit-bg01 {
  width: 100vw;
  min-width: 1473px;
  height: 275px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-position: bottom left 92px, top right 22px;
}
@media (max-width: 480px) {
  .cont-block01 .unit-bg01 {
    min-width: auto;
    height: 150px;
    bottom: -78px;
    background-position: bottom left -42px, top right -82px;
  }
}

.cont-block02 {
  position: relative;
  z-index: 1;
}
@media (max-width: 480px) {
  .cont-block02 {
    padding-inline: 4.33vw;
  }
}
.cont-block02 .cont-block02__ttl {
  margin-bottom: 110px;
  text-align: center;
  font-size: 3.3rem;
  letter-spacing: 0.1em;
  font-weight: bold;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__ttl {
    margin-bottom: 8.98vw;
    font-size: 5.26vw;
  }
}
.cont-block02 .cont-block02__ttl .strong {
  font-size: 4rem;
  padding: 0 0.18em;
  position: relative;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__ttl .strong {
    font-size: 5.77vw;
  }
}
.cont-block02 .cont-block02__ttl .strong::after {
  content: "";
  width: 23px;
  height: auto;
  aspect-ratio: 23/18;
  background: url(../img/cont-ttl-illustration01.png) no-repeat center/contain;
  position: absolute;
  top: -10px;
  right: -5px;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__ttl .strong::after {
    width: 5.13vw;
  }
}
.cont-block02 .cont-block02__item {
  display: flex;
  gap: 70px;
  align-items: center;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item {
    flex-direction: column;
    gap: 6.54vw;
  }
}
.cont-block02 .cont-block02__item:not(:last-child) {
  margin-bottom: 250px;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item:not(:last-child) {
    margin-bottom: 31.46vw;
  }
}
.cont-block02 .cont-block02__item:nth-of-type(even) {
  flex-direction: row-reverse;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item:nth-of-type(even) {
    flex-direction: column;
  }
}
.cont-block02 .cont-block02__item:nth-of-type(even) .txt::after {
  content: "";
  width: 449px;
  height: auto;
  aspect-ratio: 449/384;
  background-image: url(../img/commitment-bg03.png);
  top: 70px;
}
.cont-block02 .cont-block02__item .img {
  width: 550px;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item .img {
    width: 100%;
  }
}
.cont-block02 .cont-block02__item .txt {
  flex: 1;
  position: relative;
}
.cont-block02 .cont-block02__item .txt .txt-label {
  font-size: 2.4rem;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item .txt .txt-label {
    font-size: 4.62vw;
    margin-bottom: 5.13vw;
  }
}
.cont-block02 .cont-block02__item .txt .txt-label .num {
  font-size: 3.8rem;
  font-family: "Hina Mincho", serif;
  padding-right: 0.2em;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item .txt .txt-label .num {
    font-size: 9.75vw;
    line-height: 1;
  }
}
.cont-block02 .cont-block02__item .txt .txt-detail {
  line-height: 2;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item .txt .txt-detail {
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 3.59vw;
  }
}
.cont-block02 .cont-block02__item .txt::after {
  content: "";
  width: 453px;
  height: auto;
  aspect-ratio: 453/328;
  background: url(../img/commitment-bg02.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 0;
}
@media (max-width: 480px) {
  .cont-block02 .cont-block02__item .txt::after {
    display: none;
  }
}

.sec-commitment .commitment__set01 {
  padding: 90px 0 160px;
  background: url(../img/commitment-bg01.png) no-repeat calc(50% - 20px) top/1191px;
}
@media (max-width: 480px) {
  .sec-commitment .commitment__set01 {
    padding: 34.6vw 0 10vw;
    background: url(../img/commitment-bg01-sp.png) no-repeat top center/100vw;
  }
}
.sec-commitment .commitment__set01 .cont-block02 .cont-block02__ttl {
  padding-left: 130px;
}
@media (max-width: 480px) {
  .sec-commitment .commitment__set01 .cont-block02 .cont-block02__ttl {
    padding-left: 0;
  }
}
.sec-commitment .commitment__set01 .unit-bg01 {
  width: 100%;
  min-width: 1350px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 480px) {
  .sec-commitment .commitment__set01 .unit-bg01 {
    background-image: url(../img/bg-illustration-01.png);
    background-position: top right -60px;
  }
}
.sec-commitment .commitment__set01 .unit-bg01.item01 {
  height: 264px;
  background-position: top left 30px, bottom right -100px;
  top: 420px;
}
@media (max-width: 480px) {
  .sec-commitment .commitment__set01 .unit-bg01.item01 {
    background-position: top right -60px;
    top: 157vw;
  }
}
.sec-commitment .commitment__set01 .unit-bg01.item02 {
  height: 685px;
  background-position: top left 80px, bottom right 0px;
  bottom: 0;
}
@media (max-width: 480px) {
  .sec-commitment .commitment__set01 .unit-bg01.item02 {
    background-position: top right -60px;
    top: 407vw;
  }
}

.sec-classroom .classroom__set01 {
  padding: 0px 0 330px;
  background: url(../img/classroom-bg01.png) no-repeat calc(50% - 20px) top/1191px;
}
@media (max-width: 480px) {
  .sec-classroom .classroom__set01 {
    padding: 26.6vw 0 30vw;
    background: url(../img/classroom-bg01-sp.png) no-repeat top center/100vw;
  }
}
@media (max-width: 480px) {
  .sec-classroom .classroom__set01 .cont-block02 .cont-block02__ttl {
    margin-bottom: 10vw;
  }
}
.sec-classroom .classroom__set01 .unit-bg01 {
  width: 100%;
  min-width: 1350px;
  height: 264px;
  background-position: top left 30px, bottom right -100px;
  top: 880px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 480px) {
  .sec-classroom .classroom__set01 .unit-bg01 {
    min-width: auto;
    background-image: url(../img/bg-illustration-01.png), url(../img/bg-illustration-01.png);
    background-position: top right -5vw, bottom right -15vw;
    height: 270vw;
    top: auto;
    bottom: 0;
  }
}

.gallery-nav {
  margin-top: 40px;
  position: sticky;
  top: 12px;
  left: 0;
  z-index: 9;
}
@media (max-width: 1400px) {
  .gallery-nav {
    top: 96px;
  }
}
@media (max-width: 480px) {
  .gallery-nav {
    position: static;
  }
}
.gallery-nav .gallery-nav__list {
  display: flex;
  gap: 12px;
}
@media (max-width: 480px) {
  .gallery-nav .gallery-nav__list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.gallery-nav .gallery-nav__list li {
  flex: 1;
  filter: drop-shadow(0 0 5px #fff);
}
@media (max-width: 480px) {
  .gallery-nav .gallery-nav__list li {
    flex: none;
    width: 35%;
    min-width: 128px;
  }
  .gallery-nav .gallery-nav__list li:nth-child(n+5) {
    width: calc(33.333% - 8px);
    min-width: auto;
  }
}
.gallery-nav .gallery-nav__list li a {
  width: 100%;
  height: auto;
  aspect-ratio: 148/60;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask: url(../img/gallery-nav-mask01.png) no-repeat center/contain;
          mask: url(../img/gallery-nav-mask01.png) no-repeat center/contain;
  background-color: #f3f2eb;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 480px) {
  .gallery-nav .gallery-nav__list li a:hover {
    background-color: #3c1c12;
    color: #fff;
  }
}

/*============================
#works
============================*/
#works.sec-works .works__set01 {
  padding: 60px 0 120px;
}
@media (max-width: 480px) {
  #works.sec-works .works__set01 {
    padding: 0 0 60px;
  }
}
#works.sec-works .works__set01 .unit-bg01 {
  height: 913px;
  background-position: top right, bottom left;
  top: 0;
  left: 0;
}
@media (max-width: 480px) {
  #works.sec-works .works__set01 .unit-bg01 {
    display: none;
  }
}

/*============================
#lesson
============================*/
#lesson.sec-lesson .lesson__set01 .table_base small {
  font-size: 0.9em;
}
#lesson.sec-lesson .lesson__set01 .table_base strong a {
  font-size: 1.4em;
}
@media (max-width: 480px) {
  #lesson.sec-lesson .lesson__set01 .table_base strong a {
    font-size: 1.3em;
  }
}

/*============================
.sec-gallery
============================*/
.sec-gallery .gallery__set01 {
  background: url(../img/bg-illustration-01.png) no-repeat top right 20px/265px;
}
@media (max-width: 480px) {
  .sec-gallery .gallery__set01 {
    background-size: 131px;
    background-position: top right -50px;
  }
}
.sec-gallery:nth-child(odd) .gallery__set01 {
  background-position: top left 40px;
}
@media (max-width: 480px) {
  .sec-gallery:nth-child(odd) .gallery__set01 {
    background-position: top left;
  }
}
.sec-gallery#hanataba {
  position: relative;
}
.sec-gallery#hanataba::after {
  content: "";
  width: 158px;
  height: auto;
  aspect-ratio: 158/142;
  background: url(../img/illustration16.png) no-repeat center/contain;
  position: absolute;
  bottom: -120px;
  left: calc(50% + 320px);
}
@media (max-width: 480px) {
  .sec-gallery#hanataba::after {
    width: 77px;
    bottom: -30px;
    left: auto;
    right: 20px;
  }
}
.sec-gallery#other {
  position: relative;
}
.sec-gallery#other::after {
  content: "";
  width: 105px;
  height: auto;
  aspect-ratio: 105/147;
  background: url(../img/illustration06.png) no-repeat center/contain;
  position: absolute;
  bottom: -50px;
  right: calc(50% + 410px);
}
@media (max-width: 480px) {
  .sec-gallery#other::after {
    width: 52px;
    bottom: -30px;
    right: auto;
    left: 4%;
  }
}

#page {
  overflow-x: clip;
}

@media (max-width: 480px) {
  #contents3 .cont-block01 {
    padding-bottom: 0;
  }
}
#contents3 .cont-block01 .cont-block01__txt .ttl {
  background: url(../img/cont-ttl-bg01-02.png) no-repeat center left 0px/332px, url(../img/cont-ttl-bg02.png) no-repeat bottom right 275px/160px;
}
@media (max-width: 480px) {
  #contents3 .cont-block01 .cont-block01__txt .ttl {
    align-items: center;
    background-image: url(../img/cont-ttl-bg01-02-sp.png), url(../img/cont-ttl-bg02.png);
    background-position: 85% 28%, bottom right;
    background-size: 85%, 50%;
  }
}
#contents3 .cont-block01 .cont-block01__txt .ttl::before {
  width: 40px;
  aspect-ratio: 40/89;
  background-image: url(../img/illustration08.png);
}
@media (max-width: 480px) {
  #contents3 .cont-block01 .cont-block01__txt .ttl::before {
    width: 30px;
  }
}
#contents3 .cont-block01::before {
  background-image: url(../img/illustration03.png);
  width: 111px;
  aspect-ratio: 111/121;
}
@media (max-width: 480px) {
  #contents3 .cont-block01::before {
    width: 66px;
  }
}
@media (max-width: 480px) {
  #contents3 .cont-block01 .unit-bg01 {
    height: 240px;
    background-position: top left -92px, bottom right -80px;
    bottom: -210px;
  }
}

#greeting .cont-block01 .cont-block01__txt .ttl {
  background-image: url(../img/cont-ttl-bg01-03.png), url(../img/cont-ttl-bg02.png);
  background-position: center left, bottom right 85px;
}
@media (max-width: 480px) {
  #greeting .cont-block01 .cont-block01__txt .ttl {
    background-image: url(../img/cont-ttl-bg01-03-sp.png), url(../img/cont-ttl-bg02.png);
    background-position: top left, bottom right;
    background-size: 81%, 50%;
  }
}
#greeting .cont-block01 .cont-block01__txt .ttl::before {
  content: none;
}
#greeting .cont-block01::before {
  width: 109px;
  aspect-ratio: 109/127;
  height: auto;
  background: url(../img/illustration10.png) no-repeat center/contain;
}
@media (max-width: 480px) {
  #greeting .cont-block01::before {
    width: 67px;
  }
}
#greeting .cont-block01::after {
  content: "";
  width: 71px;
  aspect-ratio: 71/152;
  height: auto;
  background: url(../img/illustration17.png) no-repeat center/contain;
  position: absolute;
  right: -20px;
  bottom: 0;
}
@media (max-width: 480px) {
  #greeting .cont-block01::after {
    width: 50px;
    right: 0;
    bottom: -20px;
  }
}
#greeting .cont-block01 .unit-bg01 {
  bottom: -300px;
  background-image: url(../img/bg-illustration-01.png);
  background-position: top right -22px;
}
@media (max-width: 480px) {
  #greeting .cont-block01 .unit-bg01 {
    bottom: -100px;
    background-position: top left -52px;
  }
}/*# sourceMappingURL=contents.css.map */