@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap");
.schoolgoods2026Page {
  padding: 0;
}
.schoolgoods2026Page img {
  max-width: 100%;
}
.schoolgoods2026Page * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.schoolgoods2026Page .vpc {
  display: none;
}
@media screen and (min-width: 64em) {
  .schoolgoods2026Page .vpc {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .schoolgoods2026Page .vsp {
    display: none;
  }
}
.schoolgoods2026Page .fadeImg {
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.schoolgoods2026Page .fadeImg.active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.l-container {
  position: relative;
  width: 100%;
}
.l-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/schoolgoods2026/drawer_bg.jpg");
  background-size: cover;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 64em) {
  .l-drawer {
    position: fixed;
    left: 0;
    width: calc((100% - 32.2314049587vw) / 2);
    background: #E7EBF4;
    visibility: visible;
    opacity: 1;
  }
}

.is-drawerOpen .l-drawer {
  visibility: visible;
  opacity: 1;
}

.l-drawer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
  padding: 23.0769230769vw 10.2564102564vw 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-drawer__inner {
    padding: 3.125vw 2.7777777778vw 2.7777777778vw;
  }
}

@media screen and (min-width: 64em) {
  .l-drawer__bottom {
    margin-top: 2.7777777778vw;
  }
}

.l-main {
  width: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 64em) {
  .l-main {
    width: 100%;
  }
}

.l-main__inner {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .l-main__inner {
    width: 32.2314049587vw;
    margin: 0 auto;
  }
}

.l-container__right {
  display: none;
}
@media screen and (min-width: 64em) {
  .l-container__right {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: calc((100% - 32.2314049587vw) / 2);
    height: 100%;
    background: rgba(43, 46, 77, 0.7);
  }
}

.drawerLogo {
  display: block;
  width: 27.4358974359vw;
  margin: 0 auto 29.4871794872vw;
}
@media screen and (min-width: 64em) {
  .drawerLogo {
    width: 10.5555555556vw;
    margin: 0 0 6.9444444444vw;
  }
}

.drawerNav {
  text-align: center;
}
@media screen and (min-width: 64em) {
  .drawerNav {
    text-align: left;
  }
}

.drawerNav__list {
  display: inline-block;
}

.drawerNav__item {
  margin-bottom: 7.6923076923vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__item {
    margin-bottom: 1.6666666667vw;
  }
}

.drawerNav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 5.1282051282vw;
  line-height: 1;
  text-align: center;
  color: #484848;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0;
}
@media screen and (min-width: 64em) {
  .drawerNav__link {
    font-size: 1.3888888889vw;
    color: #111;
  }
}

.drawerNav__link .ja {
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 0;
  font-size: 4.358974359vw;
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .drawerNav__link .ja {
    font-size: 1.1805555556vw;
  }
}

.drawerNav__link .en {
  display: inline-block;
  font-family: "Cormorant Infant", serif;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
}

.drawerNav__link::after {
  content: "";
  display: block;
  width: 4.6153846154vw;
  height: 3.0769230769vw;
  margin-left: 2.0512820513vw;
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 64em) {
  .drawerNav__link::after {
    width: 0.8333333333vw;
    height: 0.5555555556vw;
    margin-left: 0.5555555556vw;
  }
}

.drawerNav__child {
  margin-top: 7.6923076923vw;
  padding-left: 7.1794871795vw;
  border-left: 0.2564102564vw solid #333;
}
@media screen and (min-width: 64em) {
  .drawerNav__child {
    margin-top: 1.6666666667vw;
    padding-left: 1.9444444444vw;
    border-left: 0.0694444444vw solid #111;
  }
}
.drawerNav__child .drawerNav__link {
  font-size: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__child .drawerNav__link {
    font-size: 1.25vw;
  }
}
.drawerNav__child .drawerNav__item {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__child .drawerNav__item {
    margin-bottom: 1.3888888889vw;
  }
}

.socialBox {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .socialBox {
    margin-bottom: 1.3888888889vw;
  }
}

.socialBox:last-child {
  margin-bottom: 0;
}

.socialBox__header {
  margin-bottom: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .socialBox__header {
    margin-bottom: 0.5555555556vw;
  }
}

.socialBox__ttl {
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  color: #9B9B9B;
}
@media screen and (min-width: 64em) {
  .socialBox__ttl {
    font-size: 0.6944444444vw;
    color: #3A3A3A;
  }
}

.socialBox__txtLink {
  font-size: 4.1025641026vw;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .socialBox__txtLink {
    font-size: 1.1111111111vw;
    color: #3A3A3A;
  }
}

.socialBox__txtLink .pcShow {
  display: none;
}
@media screen and (min-width: 64em) {
  .socialBox__txtLink .pcShow {
    display: inline;
  }
}

.socialNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__list {
    gap: 1.25vw;
  }
}

.socialNav__item--x {
  width: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--x {
    width: 1.25vw;
  }
}

.socialNav__item--insta {
  width: 4.8717948718vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--insta {
    width: 1.3194444444vw;
  }
}

.socialNav__item--line {
  width: 5.0256410256vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--line {
    width: 1.3611111111vw;
  }
}

.socialNav__item--fb {
  width: 2.4358974359vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--fb {
    width: 0.6597222222vw;
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.0769230769vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 71.7948717949vw;
  padding: 5.3846153846vw;
  background: #AD3028;
  border-radius: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .btn {
    gap: 0.9917355372vw;
    width: 23.1404958678vw;
    padding: 1.7355371901vw;
    border-radius: 4.958677686vw;
  }
}

.btn__txt {
  color: #fff;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .btn__txt {
    font-size: 1.3223140496vw;
  }
}

.btn__icon {
  position: relative;
  display: block;
  overflow: hidden;
  width: 4.1025641026vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .btn__icon {
    width: 1.3223140496vw;
    height: 0.826446281vw;
  }
}

.btn__icon::before,
.btn__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn__icon::before {
  background-image: url("../img/schoolgoods2026/icon_arrow.svg");
}

.btn__icon::after {
  left: -100%;
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
}

.btn--sm {
  width: 40.5128205128vw;
  padding: 2.0512820513vw;
  gap: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .btn--sm {
    width: 13.0578512397vw;
    padding: 0.6611570248vw;
    gap: 0.6611570248vw;
  }
}
.btn--sm .btn__txt {
  font-size: 3.0769230769vw;
  font-weight: 500;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
@media screen and (min-width: 64em) {
  .btn--sm .btn__txt {
    font-size: 0.9917355372vw;
  }
}

.btn:hover {
  background: #fff;
  opacity: 1;
}
.btn:hover .btn__txt {
  color: #0A0A0A;
}
.btn:hover .btn__icon::before {
  left: 100%;
}
.btn:hover .btn__icon::after {
  left: 0;
}

.btn--white {
  background: #fff;
  border: #BBBBBB solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--white {
    border: #BBBBBB solid 0.0826446281vw;
  }
}
.btn--white .btn__txt {
  color: #0A0A0A;
}
.btn--white .btn__icon::before {
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
}
.btn--white .btn__icon::after {
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
}
.btn--white:hover {
  opacity: 1;
  background: #F5EFD8;
}
.btn--noborder {
  border: none !important;
}

.btn--end {
  pointer-events: none;
  background: #B5B5B5;
  border: #B5B5B5 solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--end {
    border: #B5B5B5 solid 0.0826446281vw;
  }
}
.btn--end .btn__txt {
  color: #fff;
}

.navBar {
  position: fixed;
  top: 7.6923076923vw;
  right: 5.1282051282vw;
  z-index: 1200;
  width: 6.1538461538vw;
  height: 3.0769230769vw;
  cursor: pointer;
  mix-blend-mode: difference;
}
@media screen and (min-width: 64em) {
  .navBar {
    display: none;
  }
}
.navBar__line {
  display: block;
  width: 100%;
  height: 0.7692307692vw;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.navBar__line.line01.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
}
.navBar__line.line02 {
  bottom: 0;
}
.navBar__line.line02.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(35deg);
          transform: translateY(-50%) rotate(35deg);
}

@media screen and (min-width: 64em) {
  .containerRightTtl {
    position: absolute;
    top: 1.1805555556vw;
    right: 1.0416666667vw;
    width: 8.75vw;
    z-index: 10;
    mix-blend-mode: soft-light;
  }
}

.containerSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__list {
  position: relative;
  width: 100%;
  height: 100%;
}

.containerSlider__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__img {
  height: 100%;
}

.containerSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-footer {
  background: #2E2E2E;
  padding-top: 23.5897435897vw;
  padding-bottom: 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-footer {
    display: none;
    padding-top: 7.6033057851vw;
    padding-bottom: 1.8181818182vw;
  }
}

.l-footer__inner {
  padding-left: 10.7692307692vw;
  padding-right: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-footer__inner {
    padding-left: 3.4710743802vw;
    padding-right: 1.652892562vw;
  }
}

.l-footer__top {
  margin-bottom: 9.2307692308vw;
}
@media screen and (min-width: 64em) {
  .l-footer__top {
    margin-bottom: 2.9752066116vw;
  }
}

.footerLogo {
  width: 27.4358974359vw;
}
@media screen and (min-width: 64em) {
  .footerLogo {
    width: 8.8429752066vw;
  }
}

.copyright {
  color: #fff;
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .copyright {
    font-size: 0.826446281vw;
  }
}

.aboutTtl {
  position: absolute;
  top: 57.4358974359vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .aboutTtl {
    top: 18.5123966942vw;
  }
}

.aboutTtl__logo {
  width: 15.3846153846vw;
  margin: 0 auto 6.4102564103vw;
}
@media screen and (min-width: 64em) {
  .aboutTtl__logo {
    width: 4.958677686vw;
    margin: 0 auto 2.0661157025vw;
  }
}

.aboutTtl__txt {
  font-size: 3.5897435897vw;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aboutTtl__txt {
    font-size: 1.1570247934vw;
  }
}

.l-about {
  background: #fff;
  position: relative;
}

.l-about__body {
  padding: 25.641025641vw 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .l-about__body {
    padding: 8.2644628099vw 0.9917355372vw;
  }
}

.about__txtBox {
  margin-bottom: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .about__txtBox {
    margin-bottom: 4.958677686vw;
  }
}

.about__txt {
  margin-bottom: 6.1538461538vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .about__txt {
    margin-bottom: 1.9834710744vw;
    font-size: 1.3223140496vw;
  }
}

.about__btn {
  text-align: center;
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bg .slick-list {
  height: 100%;
}
.bg .slick-track {
  height: 100%;
}
.bg .slick-slide {
  height: 100%;
}
.bg .slick-slide > div {
  width: 100%;
  height: 100%;
}

.bg__list {
  height: 100%;
}
@media screen and (min-width: 64em) {
  .bg__list {
    width: 32.2314049587vw;
    margin: 0 auto;
  }
}

.bg__item {
  height: 100%;
}

.bg__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.spacer {
  position: relative;
  width: 100%;
  height: 125.1282051282vw;
}
@media screen and (min-width: 64em) {
  .spacer {
    height: 40.3305785124vw;
  }
}

.spacer::before,
.spacer::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 10.2564102564vw;
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .spacer::before,
  .spacer::after {
    height: 3.305785124vw;
  }
}

.spacer::before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}

.spacer::after {
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}

.spacer__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 22.5641025641vw;
  z-index: 2;
}
@media screen and (min-width: 64em) {
  .spacer__img {
    width: 7.2727272727vw;
  }
}

.l-kv {
  background: #fff;
}

.l-kv__top {
  padding-top: 8.2051282051vw;
  padding-bottom: 54.6153846154vw;
}
@media screen and (min-width: 64em) {
  .l-kv__top {
    padding-top: 2.6446280992vw;
    padding-bottom: 23.1404958678vw;
  }
}

.kvSiteLogo {
  width: 35.8974358974vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .kvSiteLogo {
    width: 11.5702479339vw;
  }
}

.kvLogo {
  position: absolute;
  top: 26.1538461538vw;
  left: 10.2564102564vw;
  width: 41.0256410256vw;
  z-index: 10;
  -webkit-transition: clip-path 0.4s ease, top 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s;
  transition: clip-path 0.4s ease, top 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s;
}
@media screen and (min-width: 64em) {
  .kvLogo {
    top: 8.4297520661vw;
    left: 3.305785124vw;
    width: 15.4545454545vw;
  }
}

.kvBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  visibility: hidden;
  background: #fff;
  opacity: 0;
  z-index: 1;
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s ease;
  transition: clip-path 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s ease;
}

.kvBg__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.kvBg__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.loading .kvLogo {
  top: 40vh;
  left: calc(50% - 20.5128205128vw);
  clip-path: inset(100% 0 0 0);
  z-index: 1600;
}
@media screen and (min-width: 64em) {
  .loading .kvLogo {
    top: 40vh;
    left: calc(50% - 6.6115702479vw);
  }
}
.loading .kvLogo.is-show {
  clip-path: inset(0 0 0 0);
}
.loading.is-end .kvLogo {
  top: 26.1538461538vw;
  left: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .loading.is-end .kvLogo {
    top: 8.4297520661vw;
    left: 3.305785124vw;
  }
}
.loading .kvBg {
  visibility: visible;
  opacity: 1;
  z-index: 1500;
}
.loading .kvBg__item.is-show {
  opacity: 1;
}
.loading.is-end .kvBg {
  clip-path: inset(0 0 100% 0);
}

body.is-kv-lock {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

.l-kv__bottom {
  background-image: url("../img/schoolgoods2026/kv_bg.jpg");
  background-size: cover;
  padding: 17.9487179487vw 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-kv__bottom {
    padding: 5.7851239669vw 1.652892562vw;
  }
}

.kvMovie {
  width: 100%;
  height: 147.1794871795vw;
}
@media screen and (min-width: 64em) {
  .kvMovie {
    height: 47.4380165289vw;
  }
}

.kvMovie__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0.7692307692vw solid #fff;
}
@media screen and (min-width: 64em) {
  .kvMovie__video {
    border: 0.2479338843vw solid #fff;
  }
}

.l-lead {
  background: #fff;
  padding-top: 25.641025641vw;
  padding-bottom: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-lead {
    padding-top: 8.2644628099vw;
    padding-bottom: 3.305785124vw;
  }
}

.l-lead__top {
  padding: 0 10.2564102564vw 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .l-lead__top {
    padding: 0 3.305785124vw 6.6115702479vw;
  }
}

.leadSec__ttl {
  margin-bottom: 12.8205128205vw;
  font-size: 5.641025641vw;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  color: #000;
}
@media screen and (min-width: 64em) {
  .leadSec__ttl {
    margin-bottom: 4.132231405vw;
    font-size: 1.8181818182vw;
  }
}

.leadSec__txt {
  margin-bottom: 6.1538461538vw;
  font-size: 4.1025641026vw;
  line-height: 1.8;
  font-weight: 500;
  color: #000;
}
@media screen and (min-width: 64em) {
  .leadSec__txt {
    margin-bottom: 1.9834710744vw;
    font-size: 1.3223140496vw;
  }
}

.leadSec__txt:last-child {
  margin-bottom: 0;
}

.itemBox__top {
  margin-bottom: 7.6923076923vw;
  position: relative;
}
@media screen and (min-width: 64em) {
  .itemBox__top {
    margin-bottom: 2.479338843vw;
  }
}

.itemBox__imgWrapper {
  position: relative;
  overflow: hidden;
}

.itemBox__link {
  position: absolute;
  bottom: 7.6923076923vw;
  right: 7.6923076923vw;
  z-index: 10;
  color: #fff;
  font-size: 3.0769230769vw;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 64em) {
  .itemBox__link {
    bottom: 2.479338843vw;
    right: 2.479338843vw;
    font-size: 0.9917355372vw;
  }
}

.itemBox__link::after {
  content: "";
  display: block;
  width: 3.8461538462vw;
  height: 3.0769230769vw;
  margin-left: 1.5384615385vw;
  background-image: url("../img/schoolgoods2026/icon_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .itemBox__link::after {
    width: 1.2396694215vw;
    height: 0.9917355372vw;
    margin-left: 0.4958677686vw;
  }
}

.itemBox__txtBox {
  position: absolute;
  bottom: -15.3846153846vw;
  left: 10.2564102564vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .itemBox__txtBox {
    bottom: -4.958677686vw;
    left: 3.305785124vw;
  }
}

.itemBox__txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
}

.itemBox__txt span {
  display: inline-block;
  font-size: 5.1282051282vw;
  font-weight: 700;
  white-space: pre;
  color: #000;
  line-height: 1.05;
  background: #fff;
  padding: 1.2820512821vw 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .itemBox__txt span {
    font-size: 1.652892562vw;
    padding: 0.4132231405vw 0.6611570248vw;
  }
}

@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.itemBoxSlider__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.itemBoxSlider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.itemBoxSlider__list {
  -webkit-animation: infinity-scroll-left 20s infinite linear 0.5s both;
          animation: infinity-scroll-left 20s infinite linear 0.5s both;
}

.itemBoxSlider__item {
  width: 46.1538461538vw;
  padding: 0 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .itemBoxSlider__item {
    width: 14.8760330579vw;
    padding: 0 0.0826446281vw;
  }
}

.itemBoxSlider__item > img {
  width: 100%;
}

.l-goods {
  background: #fff;
}

.l-goods__top {
  padding-top: 25.641025641vw;
  padding-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-goods__top {
    padding-top: 8.2644628099vw;
    padding-bottom: 8.2644628099vw;
  }
}

.goodsSecTtl {
  margin: 0 auto 25.641025641vw;
  color: #000;
}
@media screen and (min-width: 64em) {
  .goodsSecTtl {
    margin: 0 auto 8.2644628099vw;
  }
}

.goodsSecTtl__ja {
  text-align: center;
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 3.5897435897vw;
}
@media screen and (min-width: 64em) {
  .goodsSecTtl__ja {
    font-size: 1.4876033058vw;
    margin-bottom: 1.1570247934vw;
  }
}

.goodsSecTtl__en {
  text-align: center;
  font-family: din-condensed, sans-serif;
  font-size: 12.8205128205vw;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .goodsSecTtl__en {
    font-size: 4.132231405vw;
  }
}

.goodsSec__txtBox {
  margin-bottom: 25.641025641vw;
  padding: 0 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .goodsSec__txtBox {
    margin-bottom: 8.2644628099vw;
    padding: 0 3.305785124vw;
  }
}

.goodsSec__txt {
  font-size: 4.6153846154vw;
  line-height: 1.5;
  font-weight: 500;
  color: #000;
}
@media screen and (min-width: 64em) {
  .goodsSec__txt {
    font-size: 1.4876033058vw;
  }
}

.goodsColor {
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .goodsColor {
    padding: 0 1.652892562vw;
  }
}

.goodsColor__top {
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .goodsColor__top {
    margin-bottom: 1.3223140496vw;
  }
}

.colorThumb {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.colorThumb__item {
  position: relative;
  cursor: pointer;
}

.colorThumb__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1.2820512821vw solid #EE723D;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .colorThumb__item::after {
    border: 0.4132231405vw solid #EE723D;
  }
}

.colorThumb__item.active::after {
  opacity: 1;
}

.goodsColor__bottom {
  position: relative;
}

.colorImg {
  position: relative;
  width: 100%;
  height: 161.5384615385vw;
}
@media screen and (min-width: 64em) {
  .colorImg {
    height: 52.0661157025vw;
  }
}

.colorImg__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}

.colorImg__item.active {
  opacity: 1;
}

.colorImg__new {
  position: absolute;
  bottom: 29.4871794872vw;
  right: 8.4615384615vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: 19.7435897436vw;
  height: 19.7435897436vw;
  z-index: 10;
  border-radius: 50%;
  background: #EE723D;
  font-size: 5.1282051282vw;
  line-height: 1;
  font-family: din-condensed, sans-serif;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .colorImg__new {
    bottom: 9.5041322314vw;
    right: 2.7272727273vw;
    width: 6.3636363636vw;
    height: 6.3636363636vw;
    font-size: 1.652892562vw;
  }
}

.goodsSec__note {
  margin: 3.0769230769vw 0;
  padding: 0 5.1282051282vw;
  text-align: right;
  font-size: 4.6153846154vw;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 64em) {
  .goodsSec__note {
    margin: 0.9917355372vw 0;
    padding: 0 1.652892562vw;
    font-size: 1.4876033058vw;
  }
}

.goodsLink {
  padding: 0 9.7435897436vw;
}
@media screen and (min-width: 64em) {
  .goodsLink {
    padding: 0 3.1404958678vw;
  }
}

.goodsLink__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .goodsLink__list {
    gap: 1.652892562vw;
  }
}

.goodsLink__item {
  width: 100%;
}

.goodsLink__link {
  min-height: 25.1282051282vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 64em) {
  .goodsLink__link {
    min-height: 8.0991735537vw;
  }
}

.goodsLink__img {
  width: 17.9487179487vw;
  margin: 0 auto 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .goodsLink__img {
    width: 5.7851239669vw;
    margin-bottom: 0.6611570248vw;
  }
}

.goodsLink__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.0256410256vw;
  font-size: 3.0769230769vw;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
@media screen and (min-width: 64em) {
  .goodsLink__txt {
    gap: 0.3305785124vw;
    font-size: 0.9917355372vw;
  }
}

.goodsLink__txt::after {
  content: "";
  display: block;
  width: 2.5641025641vw;
  height: 1.7948717949vw;
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .goodsLink__txt::after {
    width: 0.826446281vw;
    height: 0.5785123967vw;
  }
}

.goodsLink__txt--en {
  letter-spacing: 0;
  font-size: 3.3333333333vw;
}
@media screen and (min-width: 64em) {
  .goodsLink__txt--en {
    font-size: 1.0743801653vw;
  }
}

.goodsBlockSlider {
  padding: 5.1282051282vw 0;
}
@media screen and (min-width: 64em) {
  .goodsBlockSlider {
    padding: 1.652892562vw 0;
  }
}

.goodsBlockSlider__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.goodsBlockSlider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 20s infinite linear 0.5s both;
          animation: infinity-scroll-left 20s infinite linear 0.5s both;
}

.goodsBlockSlider__item {
  width: 328.2051282051vw;
  padding: 0 0.5128205128vw;
}
@media screen and (min-width: 64em) {
  .goodsBlockSlider__item {
    width: 105.7851239669vw;
    padding: 0 0.1652892562vw;
  }
}

.goodsBlockSlider__item > img {
  width: 100%;
}

.goodsBlock {
  background: #EFEBE5;
}

.goodsBlock__top {
  position: relative;
}

.goodsBlock__imgWrapper {
  overflow: hidden;
}

.goodsBlockTtl {
  position: absolute;
  color: #fff;
}
.goodsBlockTtl__ja {
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .goodsBlockTtl__ja {
    font-size: 1.4876033058vw;
    margin-bottom: 0.9917355372vw;
  }
}

.goodsBlockTtl__en {
  font-size: 10.2564102564vw;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: din-condensed, sans-serif;
}
@media screen and (min-width: 64em) {
  .goodsBlockTtl__en {
    font-size: 3.305785124vw;
  }
}

.goodsBlock__link {
  position: absolute;
  bottom: 7.6923076923vw;
  right: 7.6923076923vw;
  z-index: 10;
  color: #000;
  font-size: 3.0769230769vw;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 64em) {
  .goodsBlock__link {
    bottom: 2.479338843vw;
    right: 2.479338843vw;
    font-size: 0.9917355372vw;
  }
}

.goodsBlock__link::after {
  content: "";
  display: block;
  width: 3.8461538462vw;
  height: 3.0769230769vw;
  margin-left: 1.5384615385vw;
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .goodsBlock__link::after {
    width: 1.2396694215vw;
    height: 0.9917355372vw;
    margin-left: 0.4958677686vw;
  }
}

.goodsBlock__bottom {
  padding-top: 12.8205128205vw;
  padding-bottom: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock__bottom {
    padding-top: 4.132231405vw;
    padding-bottom: 6.6115702479vw;
  }
}

.goodsBlock__inner {
  padding-left: 10.2564102564vw;
  padding-right: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock__inner {
    padding-left: 3.305785124vw;
    padding-right: 1.652892562vw;
  }
}

.goodsBlock__txt {
  font-size: 4.1025641026vw;
  line-height: 1.8;
  font-weight: 500;
  color: #000;
}
@media screen and (min-width: 64em) {
  .goodsBlock__txt {
    font-size: 1.3223140496vw;
  }
}

.goodsBlockDesc {
  margin-top: 10.2564102564vw;
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .goodsBlockDesc {
    margin-top: 3.305785124vw;
    margin-bottom: 1.3223140496vw;
  }
}

.goodsBlockDesc__ttl {
  font-size: 4.6153846154vw;
  font-weight: 700;
  margin-bottom: 4.1025641026vw;
  color: #000;
}
@media screen and (min-width: 64em) {
  .goodsBlockDesc__ttl {
    font-size: 1.4876033058vw;
    margin-bottom: 1.3223140496vw;
  }
}

.goodsBlockDesc__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2820512821vw;
}
@media screen and (min-width: 64em) {
  .goodsBlockDesc__list {
    gap: 0.4132231405vw;
  }
}

.goodsBlockDesc__item {
  min-width: 26.6666666667vw;
  font-size: 3.5897435897vw;
  font-weight: 700;
  line-height: 1.6;
  background: #fff;
  padding: 1.5384615385vw 2.5641025641vw 1.0256410256vw;
  border: 0.2564102564vw solid #D1C8A6;
}
@media screen and (min-width: 64em) {
  .goodsBlockDesc__item {
    min-width: 8.5950413223vw;
    font-size: 1.1570247934vw;
    padding: 0.4132231405vw 0.826446281vw;
    border: 0.0826446281vw solid #D1C8A6;
  }
}

.goodsBlockSlider__btn {
  text-align: center;
}

.goodsBlock--01 .goodsBlockTtl {
  top: 10.2564102564vw;
  left: 10.2564102564vw;
  color: #000;
}
@media screen and (min-width: 64em) {
  .goodsBlock--01 .goodsBlockTtl {
    top: 3.305785124vw;
    left: 3.305785124vw;
  }
}

.goodsBlock--02 {
  background: #E5EBEF;
}
.goodsBlock--02 .goodsBlockTtl {
  bottom: 10.2564102564vw;
  left: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--02 .goodsBlockTtl {
    bottom: 3.305785124vw;
    left: 3.305785124vw;
  }
}
.goodsBlock--02 .goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 9s infinite linear 0.5s both;
          animation: infinity-scroll-left 9s infinite linear 0.5s both;
}
.goodsBlock--02 .goodsBlockSlider__item {
  width: 129.4871794872vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--02 .goodsBlockSlider__item {
    width: 41.7355371901vw;
  }
}

.goodsBlock--03 {
  background: #EFE6E5;
}
.goodsBlock--03 .goodsBlockTtl {
  bottom: 10.2564102564vw;
  left: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--03 .goodsBlockTtl {
    bottom: 3.305785124vw;
    left: 3.305785124vw;
  }
}
.goodsBlock--03 .goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 9s infinite linear 0.5s both;
          animation: infinity-scroll-left 9s infinite linear 0.5s both;
}
.goodsBlock--03 .goodsBlockSlider__item {
  width: 121.0256410256vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--03 .goodsBlockSlider__item {
    width: 39.0082644628vw;
  }
}
.goodsBlock--03 .goodsBlockSlider__btn {
  margin-top: 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--03 .goodsBlockSlider__btn {
    margin-top: 0.9917355372vw;
  }
}

.goodsBlock--04 {
  background: #E6EFE5;
}
.goodsBlock--04 .goodsBlockTtl {
  bottom: 10.2564102564vw;
  left: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--04 .goodsBlockTtl {
    bottom: 3.305785124vw;
    left: 3.305785124vw;
  }
}
.goodsBlock--04 .goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 9s infinite linear 0.5s both;
          animation: infinity-scroll-left 9s infinite linear 0.5s both;
}
.goodsBlock--04 .goodsBlockSlider__item {
  width: 130.7692307692vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--04 .goodsBlockSlider__item {
    width: 42.1487603306vw;
  }
}

.goodsBlock--05 {
  background: #EBEBEB;
}
.goodsBlock--05 .goodsBlockTtl {
  top: 10.2564102564vw;
  left: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--05 .goodsBlockTtl {
    top: 3.305785124vw;
    left: 3.305785124vw;
  }
}
.goodsBlock--05 .goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 9s infinite linear 0.5s both;
          animation: infinity-scroll-left 9s infinite linear 0.5s both;
}
.goodsBlock--05 .goodsBlockSlider__item {
  width: 133.8461538462vw;
}
@media screen and (min-width: 64em) {
  .goodsBlock--05 .goodsBlockSlider__item {
    width: 43.1404958678vw;
  }
}

.l-other {
  background: #fff;
}

.l-other__header {
  padding: 20.5128205128vw 12.8205128205vw 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-other__header {
    padding: 6.6115702479vw 4.132231405vw 3.305785124vw;
  }
}

.otherSec__ttl {
  font-size: 5.641025641vw;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  color: #000;
}
@media screen and (min-width: 64em) {
  .otherSec__ttl {
    font-size: 1.8181818182vw;
  }
}

.l-coordinate__top {
  position: relative;
}
.l-coordinate__top .goodsBlockTtl {
  top: 10.2564102564vw;
  left: 10.2564102564vw;
  color: #000;
}
@media screen and (min-width: 64em) {
  .l-coordinate__top .goodsBlockTtl {
    top: 3.305785124vw;
    left: 3.305785124vw;
  }
}

.coordinate {
  background: #F0EADF;
  padding-top: 5.1282051282vw;
  padding-bottom: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .coordinate {
    padding-top: 1.652892562vw;
    padding-bottom: 6.6115702479vw;
  }
}

.coordinate__price {
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .coordinate__price {
    padding: 0 1.652892562vw;
  }
}

.coordinate__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0256410256vw;
  font-family: "Alata", sans-serif;
  font-size: 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .coordinate__link {
    font-size: 0.9917355372vw;
    gap: 0.3305785124vw;
  }
}

.coordinate__left {
  width: 25.641025641vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.0256410256vw;
  text-decoration: underline;
}
@media screen and (min-width: 64em) {
  .coordinate__left {
    width: 8.2644628099vw;
    gap: 0.3305785124vw;
  }
}

.coordinate__left::after {
  content: "";
  display: block;
  width: 3.8461538462vw;
  height: 2.5641025641vw;
  background-image: url("../img/schoolgoods2026/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .coordinate__left::after {
    width: 1.2396694215vw;
    height: 0.826446281vw;
  }
}

.coordinate__imgWrapper {
  position: relative;
  margin-top: 12.8205128205vw;
  margin-bottom: 7.1794871795vw;
}
@media screen and (min-width: 64em) {
  .coordinate__imgWrapper {
    margin-top: 4.132231405vw;
    margin-bottom: 2.3140495868vw;
  }
}

.coordinate__img--01 {
  width: 75.8974358974vw;
}
@media screen and (min-width: 64em) {
  .coordinate__img--01 {
    width: 24.4628099174vw;
  }
}

.coordinate__img--02 {
  position: absolute;
  bottom: -23.0769230769vw;
  right: 0;
  width: 47.9487179487vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .coordinate__img--02 {
    bottom: -7.4380165289vw;
    width: 15.4545454545vw;
  }
}

.l-outfit__header {
  padding-top: 30.7692307692vw;
  padding-bottom: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .l-outfit__header {
    padding-top: 9.9173553719vw;
    padding-bottom: 4.132231405vw;
  }
}

.outfitTtl__ja {
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 3.5897435897vw;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .outfitTtl__ja {
    font-size: 1.4876033058vw;
    margin-bottom: 1.1570247934vw;
  }
}

.outfitTtl__en {
  font-size: 12.8205128205vw;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  font-family: din-condensed, sans-serif;
}
@media screen and (min-width: 64em) {
  .outfitTtl__en {
    font-size: 4.132231405vw;
  }
}

.pants {
  margin-top: 7.6923076923vw;
}
@media screen and (min-width: 64em) {
  .pants {
    margin-top: 2.479338843vw;
  }
}

.pants__top {
  position: relative;
}

.pants__new {
  position: absolute;
  top: 104.6153846154vw;
  right: 10.2564102564vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: 19.7435897436vw;
  height: 19.7435897436vw;
  z-index: 10;
  border-radius: 50%;
  background: #EE723D;
  font-size: 5.1282051282vw;
  line-height: 1;
  font-family: din-condensed, sans-serif;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .pants__new {
    top: 33.7190082645vw;
    right: 3.305785124vw;
    width: 6.3636363636vw;
    height: 6.3636363636vw;
    font-size: 1.652892562vw;
  }
}

.pants__note {
  position: absolute;
  bottom: 7.6923076923vw;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 3.5897435897vw;
  font-weight: 500;
  color: #000;
}
@media screen and (min-width: 64em) {
  .pants__note {
    bottom: 2.479338843vw;
    font-size: 1.1570247934vw;
  }
}

.pants__bottom {
  padding-top: 4.1025641026vw;
  padding-bottom: 20.5128205128vw;
  background: #D7DAE9;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .pants__bottom {
    padding-top: 1.3223140496vw;
    padding-bottom: 6.6115702479vw;
  }
}

.l-outfit .goodsBlock {
  background: #fff;
}
.l-outfit .goodsBlock__bottom {
  padding-bottom: 0;
}
@media screen and (min-width: 64em) {
  .l-outfit .goodsBlock__bottom {
    padding-bottom: 0;
  }
}

.l-outfit--02 .goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 9s infinite linear 0.5s both;
          animation: infinity-scroll-left 9s infinite linear 0.5s both;
}
.l-outfit--02 .goodsBlockSlider__item {
  width: 169.2307692308vw;
}
@media screen and (min-width: 64em) {
  .l-outfit--02 .goodsBlockSlider__item {
    width: 54.5454545455vw;
  }
}
.l-outfit--02 .goodsBlock__bottom {
  padding-bottom: 0;
}
@media screen and (min-width: 64em) {
  .l-outfit--02 .goodsBlock__bottom {
    padding-bottom: 0;
  }
}

.l-outfit--03 .goodsBlockSlider__list {
  -webkit-animation: infinity-scroll-left 9s infinite linear 0.5s both;
          animation: infinity-scroll-left 9s infinite linear 0.5s both;
}
.l-outfit--03 .goodsBlockSlider__item {
  width: 174.358974359vw;
}
@media screen and (min-width: 64em) {
  .l-outfit--03 .goodsBlockSlider__item {
    width: 56.1983471074vw;
  }
}
.l-outfit--03 .goodsBlockSlider__btn {
  margin-top: 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .l-outfit--03 .goodsBlockSlider__btn {
    margin-top: 0.9917355372vw;
  }
}
.l-outfit--03 .goodsBlock__bottom {
  padding-bottom: 30.7692307692vw;
}
@media screen and (min-width: 64em) {
  .l-outfit--03 .goodsBlock__bottom {
    padding-bottom: 9.9173553719vw;
  }
}
/*# sourceMappingURL=schoolgoods2026.css.map */