/* 固定 */
@charset "utf-8";

/* * {
  outline: 1px solid red;
} */

@import url("https://fonts.googleapis.com/css2?family=Spectral&family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP");

.sp_only {
  display: block;
}

.pc_only {
  display: none;
}

#footer {
  margin-top: 0;
  padding-top: 80px;
  background-color: #fff;
}

img {
  width: 100%;
  height: auto;
}

.fs-l-main {
  width: 100% !important;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  position: relative;
  z-index: 0;
}

.fs-l-pageMain {
  width: 100% !important;
  max-width: 100%;
}

.fs-c-breadcrumb {
  max-width: 800px;
  margin-inline: auto;
}

.main {
  width: 100%;
  text-align: center;
  font-family:
    "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ",
    "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana,
    sans-serif;
  --text--color: #3e3021;
  /* 基本テキストカラー */
  --button--color: #745e4d;
  /* ボタンカラー */
  /* カスタムプロパティー 一覧 */
}

.serif {
  font-family:
    "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif,
    "Noto Serif JP", serif;
  font-weight: 400;
}

.seasons {
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* 固定 */

/* LP */
#nonwire__2602 {
  width: 100%;
  margin-inline: auto;
  line-height: 1;
  font-family:
    "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ",
    "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana,
    sans-serif;
  color: #695656;
  font-feature-settings: "palt";
}

/* 

main_visual 

*/

#nonwire__2602 .mainvisual {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  position: relative;
}

#nonwire__2602 .mainvisual .mainvisual_rotate {
  width: calc(130 * (100vw / 375));
  height: calc(130 * (100vw / 375));
  position: absolute;
  /* bottom: calc(350*(100vw/800)); */
  top: calc(66 * (100vw / 375));
  right: calc(100 * (100vw / 375));
  animation: spin 15s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* 

main_visual 

*/

/* 

section 00

*/

#nonwire__2602 #section-intro {
  position: relative;
  background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/bg--section-intro.png");
  background-repeat: no-repeat;
  background-position: center top; /* 画像の位置調整 */
  background-size: contain;
  width: 100%;
  max-width: 800px;
  height: calc(749 * (100vw / 375));
  margin-inline: auto;
}

#nonwire__2602 .section-intro__blur {
  position: absolute;
  top: 0; /* てっぺんに固定 */
  left: 50%;
  transform: translateX(-50%);
  width: 100%; /* XDのサイズ感に合わせて調整 */
  z-index: 1; /* 背景画像(0)より上 */
  pointer-events: none;
}

#nonwire__2602 .about_title--01 {
  position: relative;
  padding-top: calc(40 * (100vw / 375));
  /* padding-top: calc(37 * (100vw / 800)); */
  text-align: center;
  z-index: 2;
}

#nonwire__2602 .about_title--01,
.morning_routine__info--01 p {
  color: var(--text--color);
  font-size: calc(12 * (100vw / 375));
  font-weight: 500;
  line-height: 2;
}

#nonwire__2602 .about_title--01,
.airlange__info--01 p {
  color: var(--text--color);
  font-size: calc(12 * (100vw / 375));
  font-weight: 500;
  line-height: 2;
}

#nonwire__2602 .about_title--01,
.leene__info--01 p {
  color: var(--text--color);
  font-size: calc(12 * (100vw / 375));
  font-weight: 500;
  line-height: 2;
}

#nonwire__2602 .about_title--01 p + p {
  padding-top: calc(40 * (100vw / 375));
}

#nonwire__2602 .title_path--01 {
  padding-top: calc(40 * (100vw / 375));
  margin-inline: auto;
}

#nonwire__2602 .title_path--01 img {
  width: calc(1 * (100vw / 375));
  height: calc(50 * (100vw / 375));
}

/* 縦線の描画 */
/* #nonwire__2602 .about_title--01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 50px;
  background-color: var(--text--color);
} */

#nonwire__2602 .about--list {
  padding-bottom: calc(52 * (100vw / 375));
}

#nonwire__2602 .about_link--01 {
  margin-bottom: calc(64 * (100vw / 375));
}

#nonwire__2602 .about_link--01 .about__anchor {
  display: grid;
  width: calc(356 * (100vw / 375));
  margin-inline: auto;
  grid-template-columns: repeat(3, calc(116 * (100vw / 375)));
  justify-content: space-between;
}

/* 修正後の指定（.fadeUpがついた時） */
#nonwire__2602 .about_link--01 .about__anchor .anchor__button.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0; /* ここで上書き */
}

/* アニメーション本体も忘れずに */
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media screen and (min-width: 780px) {
  #nonwire__2602 #section-intro {
    /* 755 * (800 / 375) = 1610.6px */
    height: calc(754 * (800px / 375));
  }

  #nonwire__2602 .about_title--01 {
    /* 40 * (800 / 375) = 85.3px */
    padding-top: calc(40 * (800px / 375));
  }

  #nonwire__2602 .about_title--01,
  #nonwire__2602 .morning_routine__info--01 p {
    /* 12 * (800 / 375) = 25.6px */
    font-size: calc(12 * (800px / 375));
  }

  #nonwire__2602 .airlange__info--01 p {
    /* 12 * (800 / 375) = 25.6px */
    font-size: calc(12 * (800px / 375));
  }

  #nonwire__2602 .leene__info--01 p {
    /* 12 * (800 / 375) = 25.6px */
    font-size: calc(12 * (800px / 375));
  }

  /* 段落間の余白固定 */
  #nonwire__2602 .about_title--01 p + p,
  .about_title--01 p + p,
  .about_title--01 p + p {
    padding-top: calc(40 * (800px / 375));
  }

  #nonwire__2602 .title_path--01 {
    padding-top: calc(40 * (800px / 375));
    margin-inline: auto;
  }

  #nonwire__2602 .title_path--01 img {
    width: 1px;
    height: calc(50 * (800px / 375));
  }

  /* 縦線の描画 */
  /* #nonwire__2602 .about_title--01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 50px;
  background-color: var(--text--color);
} */

  #nonwire__2602 .about--list {
    padding-bottom: calc(52 * (800px / 375));
  }

  #nonwire__2602 .about_link--01 {
    margin-bottom: calc(64 * (800px / 375));
  }

  #nonwire__2602 .about_link--01 .about__anchor {
    width: 759px;
    grid-template-columns: repeat(3, 247px);
  }
}

/* 

section 00

*/

#nonwire__2602 #section-01 {
  background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_01/bg--section-01.png");
  height: calc(2618 * (100vw / 375));
}

#nonwire__2602 #section-02 {
  background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_02/bg--section-02.png");
  height: calc(2618 * (100vw / 375));
  /* height: calc(2560 * (100vw / 375)); */
}

#nonwire__2602 #section-03 {
  background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_03/bg--section-03.png");
  height: calc(2544 * (100vw / 375));
}

#nonwire__2602 #section-01,
#section-02,
#section-03 {
  margin: 0 auto;
  margin-inline: auto;
  background-size: cover;
  /* background-size: contain; */
  background-repeat: no-repeat;
  max-width: 800px;
}

#nonwire__2602 .morning_routine__heading,
.airlange__heading,
.leene__heading {
  width: calc(375 * (100vw / 375));
  /* max-width: 375px; */
  margin-inline: auto;
  padding-bottom: calc(40 * (100vw / 375));
}

#nonwire__2602 .morning_routine__model,
.airlange__model,
.leene__model {
  position: relative;
  margin-inline: auto;
  padding-bottom: calc(80 * (100vw / 375));
}

#nonwire__2602 .morning_routine__model img,
.airlange__model img,
.leene__model img {
  width: calc(353 * (100vw / 375));
}

#nonwire__2602 .morning_routine__logo,
.airlange__logo,
.leene__logo {
  position: absolute;
  margin: auto;
  bottom: calc(49 * (100vw / 375));
  right: calc(16 * (100vw / 375));
}

#nonwire__2602 .morning_routine__logo {
  width: calc(193 * (100vw / 375));
  bottom: calc(49 * (100vw / 375));
  right: calc(16 * (100vw / 375));
}

#nonwire__2602 .airlange__logo {
  width: calc(193 * (100vw / 375));
  bottom: calc(49 * (100vw / 375));
  right: calc(16 * (100vw / 375));
}

#nonwire__2602 .leene__logo {
  width: calc(170.78 * (100vw / 375));
  bottom: calc(5 * (100vw / 375));
  right: calc(9 * (100vw / 375));
}

#nonwire__2602 .leene__logo img {
  width: calc(170.78 * (100vw / 375));
}
/* 調整 */

#nonwire__2602 .u-fade-in--01,
.u-fade-in--02 {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 1s,
    transform 1s;
  pointer-events: none;
}

#nonwire__2602 .u-fade-in--01.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0.2s;
}

#nonwire__2602 .u-fade-in--02.is-visible {
  opacity: 0.3;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0.2.5s;
}

#nonwire__2602 .morning_routine__info--01,
.airlange__info--01,
.leene__info--01 {
  padding-bottom: calc(40 * (100vw / 375));
}

.leene__info--01 {
  padding-top: calc(30 * (100vw / 375));
}

#nonwire__2602 .morning_routine__info--01 p + p,
.airlange__info--01 p + p,
.leene__info--01 p + p {
  padding-top: calc(32 * (100vw / 375));
}

#nonwire__2602 .morning_routine__oki--01,
.airlange__oki--01,
.leene__oki--01,
.leene__oki--02 {
  margin-inline: auto;
  margin-bottom: calc(30 * (100vw / 375));
}

.morning_routine__oki--01 {
  width: calc(321 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(30 * (100vw / 375));
}

.airlange__oki--01 {
  width: calc(343 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(30 * (100vw / 375));
}

.leene__oki--01 {
  width: calc(317.5 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(30 * (100vw / 375));
}

.leene__oki--02 {
  width: calc(343 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(30 * (100vw / 375));
}

#nonwire__2602 .product-container {
  width: 100%;
  margin: 0 auto;
}

#nonwire__2602 .product-item {
  display: flex;
  align-items: center;
  margin-bottom: calc(30 / 375 * 100vw);
  /* gap: calc(15 / 375 * 100vw); */
}

#nonwire__2602 .reverse {
  flex-direction: row-reverse;
}

#nonwire__2602 .color-chips--01,
.color-chips--02 {
  margin-inline: auto;
}

#nonwire__2602 .color-chips--01 {
  width: calc(89 / 375 * 100vw);
}

#nonwire__2602 .color-chips--02 {
  width: calc(120 / 375 * 100vw);
}

#nonwire__2602 .product-image,
.product-info {
  width: 100%;
}

#nonwire__2602 .product-image img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 780px) {
  #nonwire__2602 .about_title--01,
  .morning_routine__info--01 p,
  .airlange__info--01 p,
  .leene__info--01 p {
    /* 12 * (800 / 375) = 25.6px */
    font-size: calc(12 * (800px / 375));
  }

  /* 段落間の余白固定 */
  #nonwire__2602 .about_title--01 p + p,
  .morning_routine__info--01 p + p,
  .airlange__info--01 p + p,
  .lenne__info--01 p + p {
    padding-top: calc(40 * (800px / 375));
  }
  #nonwire__2602 .product-container {
    width: 800px;
    margin: 0 auto;
  }

  #nonwire__2602 .morning_routine__info--01,
  .airlange__info--01,
  .leene__info--01 {
    padding-bottom: calc(40 * (800px / 375));
  }

  .leene__info--01 {
    padding-top: calc(30 * (800px / 375));
  }

  #nonwire__2602 .morning_routine__info--01 p + p,
  .airlange__info--01 p + p,
  .leene__info--01 p + p {
    padding-top: calc(32 * (800px / 375));
  }

  #nonwire__2602 .product-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px;
  }
  #nonwire__2602 .product-image,
  .product-info {
    flex: 1;
  }

  #nonwire__2602 .product-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* #nonwire__2602 #section-01 {
    margin: 0 auto;
    margin-inline: auto;
    background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_01/bg--section-01.png");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 800px;
    height: calc(2623 * (800px / 375));
  } */

  #nonwire__2602 #section-01 {
    background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_01/bg--section-01.png");
    height: calc(2618 * (800px / 375));
  }

  #nonwire__2602 #section-02 {
    background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_02/bg--section-02.png");
    height: calc(2618 * (800px / 375));
  }

  #nonwire__2602 #section-03 {
    background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_03/bg--section-03.png");
    height: calc(2544 * (800px / 375));
  }

  #nonwire__2602 #section-01,
  #section-02,
  #section-03 {
    margin: 0 auto;
    margin-inline: auto;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 800px;
  }

  #nonwire__2602 .morning_routine__heading,
  .airlange__heading,
  .leene__heading {
    width: calc(375 * (800px / 375));
    /* max-width: 375px; */
    margin-inline: auto;
    padding-bottom: calc(40 * (800px / 375));
  }

  #nonwire__2602 .morning_routine__model,
  .airlange__model,
  .leene__model {
    position: relative;
    margin-inline: auto;
    padding-bottom: calc(80 * (800px / 375));
  }

  #nonwire__2602 .morning_routine__model img,
  .airlange__model img,
  .leene__model img {
    width: calc(353 * (800px / 375));
  }

  #nonwire__2602 .morning_routine__logo {
    position: absolute;
    width: calc(193 * (800px / 375));
    /* max-width: 193px; */
    margin: auto;
    bottom: calc(49 * (800px / 375));
    right: calc(16 * (800px / 375));
  }

  #nonwire__2602 .airlange__logo {
    width: calc(193 * (800px / 375));
    bottom: calc(49 * (800px / 375));
    right: calc(16 * (800px / 375));
  }

  #nonwire__2602 .leene__logo {
    width: calc(170.78 * (800px / 375));
    bottom: calc(5 * (800px / 375));
    right: calc(9 * (800px / 375));
  }

  #nonwire__2602 .u-fade-in--01,
  .u-fade-in--02 {
    opacity: 0;
    transform: translateY(20px);
    transition:
      opacity 1s,
      transform 1s;
    pointer-events: none;
  }

  #nonwire__2602 .u-fade-in--01.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.2s;
  }

  #nonwire__2602 .u-fade-in--02.is-visible {
    opacity: 0.3;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.2.5s;
  }

  #nonwire__2602 .morning_routine__info--01 {
    padding-bottom: calc(40 * (800px / 375));
  }

  #nonwire__2602 .morning_routine__info--01 p + p {
    padding-top: calc(32 * (800px / 375));
  }

  /* .morning_routine__oki--01 {
    width: calc(300 * (800px / 375));
    margin-inline: auto;
    margin-bottom: calc(30 * (800px / 375));
  } */

  #nonwire__2602 .morning_routine__oki--01,
  .airlange__oki--01,
  .leene__oki--01,
  .leene__oki--02 {
    margin-inline: auto;
    margin-bottom: calc(30 * (800px / 375));
  }

  .morning_routine__oki--01 {
    width: calc(321 * (800px / 375));
    margin-inline: auto;
    margin-bottom: calc(30 * (800px / 375));
  }

  .airlange__oki--01 {
    width: calc(343 * (800px / 375));
    margin-inline: auto;
    margin-bottom: calc(30 * (800px / 375));
  }

  .leene__oki--01 {
    width: calc(317.5 * (800px / 375));
    margin-inline: auto;
    margin-bottom: calc(30 * (800px / 375));
  }

  .leene__oki--02 {
    width: calc(343 * (800px / 375));
    margin-inline: auto;
    margin-bottom: calc(30 * (800px / 375));
  }

  #nonwire__2602 .product-container {
    width: 100%;
    margin: 0 auto;
  }

  #nonwire__2602 .product-item {
    display: flex;
    align-items: center;
    margin-bottom: calc(30 * (800px / 375));
  }

  #nonwire__2602 .reverse {
    flex-direction: row-reverse;
  }

  #nonwire__2602 .color-chips--01,
  .color-chips--02 {
    margin-inline: auto;
  }

  #nonwire__2602 .color-chips--01 {
    width: calc(89 * (800px / 375));
  }

  #nonwire__2602 .color-chips--02 {
    width: calc(120 * (800px / 375));
  }
}

#nonwire__2602 .product-info--name {
  font-size: calc(12 / 375 * 100vw);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: calc(20 / 375 * 100vw);
}

/* ボタン */
#nonwire__2602 .p-btn-area {
  text-align: center;
  margin-top: calc(25 / 375 * 100vw); /* カラーチップとの距離 */
}
#nonwire__2602 .p-btn-area a,
#nonwire__2602 .p-btn-area a:link,
#nonwire__2602 .p-btn-area a:visited {
  touch-action: manipulation;
  text-decoration: none;
  color: #fff;
}

.c-btn-check,
.c-btn-check--02 {
  display: inline-block;
  text-decoration: none;
  background-color: var(--button--color);
  font-weight: 400;
  text-align: center;
  font-size: calc(14 / 375 * 100vw);
  width: calc(110 / 375 * 100vw);
  transition: opacity 0.3s;
}

#nonwire__2602 .c-btn-check,
.c-btn-check--02 {
  font-size: calc(14 / 375 * 100vw);
}

#nonwire__2602 .c-btn-check {
  padding: calc(10 / 375 * 100vw) calc(30 / 375 * 100vw)
    calc(8 / 375 * 100vw);
}

#nonwire__2602 .c-btn-check--02 {
    padding: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw)
    calc(8 / 375 * 100vw);
  font-size: calc(14 / 375 * 100vw);
}

#nonwire__2602 .c-btn-check:hover,
.c-btn-check--02:hover {
  opacity: 0.7; /* ホバー時の演出 */
}

@media (min-width: 780px) {
  #nonwire__2602 .product-info--name {
    font-size: calc(12 * (800px / 375));
    margin-bottom: calc(20 * (800px / 375));
  }

  #nonwire__2602 .p-btn-area {
    margin-top: 30px;
  }

  #nonwire__2602 .p-btn-area {
    text-align: center;
    margin-top: calc(25 * (800px / 375)); /* カラーチップとの距離 */
  }

  .c-btn-check,
  .c-btn-check--02 {
    font-size: calc(14 * (800px / 375));
    width: calc(110 * (800px / 375));
  }

  #nonwire__2602 .c-btn-check,
  .c-btn-check--02 {
    font-size: calc(14 * (800px / 375));
  }

  #nonwire__2602 .c-btn-check {
    padding: calc(10 * (800px / 375)) calc(30 * (800px / 375))
      calc(8 * (800px / 375));
  }

  #nonwire__2602 .c-btn-check--02 {
    padding: calc(10 * (800px / 375)) calc(10 * (800px / 375))
      calc(8 * (800px / 375));
    font-size: calc(14 * (800px / 375));
  }
}

/* PCサイズ：800px固定 */
@media (min-width: 780px) {
  .c-btn-check {
    width: 320px;
    padding: 18px 0;
    font-size: 18px;
  }

  .c-btn-check:hover {
    opacity: 0.7; /* ホバー時の演出 */
  }
}

#nonwire__2602 .end-slide--title--01,
.end-slide--title--02,
.end-slide--title--03 {
  margin-inline: auto;
  margin-bottom: calc(20 * (100vw / 375));
}

#nonwire__2602 .end-slide--title--01 {
  width: calc(203 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(20 * (100vw / 375));
}

#nonwire__2602 .end-slide--title--02 {
  width: calc(104 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(20 * (100vw / 375));
}

#nonwire__2602 .end-slide--title--03 {
  width: calc(104 * (100vw / 375));
  margin-inline: auto;
  margin-bottom: calc(20 * (100vw / 375));
}

#nonwire__2602 .end-slide--01,
.end-slide--03 {
  width: calc(375 * (100vw / 375));
  /* width: 30vw; */
}

#nonwire__2602 .end-slide--01 {
  height: calc(250 * (100vw / 375));
  /* 252 */
}

#nonwire__2602 .end-slide--03 {
  height: calc(263 * (100vw / 375));
}

/* swiper */

#nonwire__2602 .swiper-item-name--01,
.swiper-item-price--01 {
  font-size: calc(12 * (100vw / 375));
  font-weight: 500;
  line-height: 1.3;
  margin-top: calc(12 * (100vw / 375));
}

#nonwire__2602 .swiper-wrapper {
  transition-timing-function: linear !important;
}

#nonwire__2602 #section-01 .swiper .swiper-scroll .swiper-slide,
#nonwire__2602 #section-01 .swiper .swiper-scroll-2 .swiper-slide {
  width: 30vw;
}

.swiper-slide img {
  transition: opacity 0.3s ease;
}

.swiper-slide:hover img {
  opacity: 0.7;
}

/* swiper */

@media screen and (min-width: 780px) {
  /* #nonwire__2602 .end-slide--title--01 {
    width: calc(203 * (800px / 375));
    margin-bottom: calc(20 * (800px / 375));
  } */

  #nonwire__2602 .end-slide--title--01,
  .end-slide--title--02,
  .end-slide--title--03 {
    margin-inline: auto;
    margin-bottom: calc(20 * (800px / 375));
  }

  #nonwire__2602 .end-slide--title--01 {
    width: calc(203 * (800px / 375));
    margin-bottom: calc(20 * (800px / 375));
  }

  #nonwire__2602 .end-slide--title--02 {
    width: calc(104 * (800px / 375));
    margin-bottom: calc(20 * (800px / 375));
  }

  #nonwire__2602 .end-slide--title--03 {
    width: calc(104 * (800px / 375));
    margin-bottom: calc(20 * (800px / 375));
  }

  #nonwire__2602 .end-slide--01,
  .end-slide--03 {
    max-width: 800px;
    width: 100%;
    height: calc(252 * (800px / 375));
  }

  #nonwire__2602 .end-slide--01 {
    height: calc(252 * (800px / 375));
    /* 252 */
  }

  #nonwire__2602 .end-slide--03 {
    height: calc(263 * (800px / 375));
  }

  #nonwire__2602 .swiper-item-name--01,
  .swiper-item-price--01 {
    font-size: calc(12 * (800px / 375));
    margin-top: calc(12 * (800px / 375));
  }

  #nonwire__2602 #section-01 .swiper .swiper-scroll .swiper-slide,
  #nonwire__2602 #section-01 .swiper .swiper-scroll-2 .swiper-slide {
    width: 120px;
  }

  .swiper-slide,
  .slide-archive img {
    width: 120px;
  }
}

/* seciton-01 01 morning routine */

/* 

seciton-04  Wire free

*/

#nonwire__2602 #section-04 {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  background-image: url("https://tu-hacci.co.jp/img/feature/2602_nonwire-collection/section_04/bg--section-04.png");
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  height: calc(440.15 * (100vw / 375));
}

.check_all--01 img {
  mix-blend-mode: color-burn;
  width: calc(225 * (100vw / 375));
  padding-top: calc(163 * (100vw / 375));
}

@media screen and (min-width: 780px) {
  #nonwire__2602 #section-04 {
    height: calc(440.15 * (800px / 375));
  }

  .check_all--01 img {
    width: calc(255 * (800px / 375));
    padding-top: calc(163 * (800px / 375));
  }
}

/* seciton-04  Wire free */
/* PCサイズ */