@charset "utf-8";

/* Reset */
*:where(:not(iframe, canvas, img, svg, video, input[type="radio"], :where(.wp-block-columns.is-layout-flex)):not(svg *)) {all: unset;display: revert;}
*, *::before, *::after {box-sizing: border-box;}
ol, ul {list-style: none;}
img {max-width: 100%;vertical-align: top;height: auto;}
table {border-collapse: collapse;}
textarea {white-space: revert;}
pre {white-space: pre;}
del {text-decoration: line-through;}
/* /Reset */



/* Setting */
:root {
  font-size: 10px;

  /* コンテンツ幅 (余白を除く) */
  --cw: 1440px;
  --cw2: 1200px;
  --cw3: 100rem;

  /* コンテンツ左右余白 */
  --csp: 1.5rem;
  --anti-csp: calc(var(--csp) * -1);

  /* 段落間のマージン */
  --para-gap: 2.8rem;

  /* フォント  */
  --gothic: 'Jost', 'Noto Sans JP', 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Meiryo', 'Yu Gothic', sans-serif;
  --noto: 'Noto Sans JP', 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Meiryo', 'Yu Gothic', sans-serif;

  /* デフォルトフォント */
  --ff: var(--gothic);
  --fs: 16px;
  --fc: #333;
  --fl: 1.5;

  /* リンクカラー */
  --color-link: #33d;

  /* ヘッダー */
  --headerHeight: 140px;
}

@media ( max-width: 1440px ) {
  :root {
    /* ヘッダー */
    --headerHeight: 9.72vw;
  }
}
@media ( max-width: 768px ) {
  :root {
    --csp: 1.3rem;
  }
}

@media ( max-width: 480px ) {
  :root {
    font-size: 2.415458937198068vw;

    /* デフォルトフォント */
    --fs: 3.38vw;

    /* ヘッダー */
    --headerHeight: 11.59vw;
  }
}
/* /Setting */



/* Initial */
* {scroll-margin-top: var(--headerHeight);}
body {word-wrap: break-word;margin: auto;font-size: var(--fs);line-height: var(--fl);font-family: var(--ff);font-weight: normal;text-align: justify;min-width: calc(var(--cw) + var(--csp)*2);color: var(--fc);position: relative;padding-top: var(--header-h);}
a {color: var(--color-link);cursor: pointer;text-decoration: underline;}
a:hover {text-decoration: none;}
strong, b {font-weight: bold;}
sup {vertical-align: super;font-size: 0.7em;}
sub {vertical-align: sub;font-size: 0.7em;}
small {font-size: 0.6em;}
iframe {display: block;max-width: 100%;}
p {margin-top: 1em;}

@media ( min-width: 769px ) {
  .sp {display: none !important;}
  a[href^="tel:"] {color: inherit;text-decoration: inherit;}
}

@media ( max-width: 768px ) {
  .pc {display: none !important;}
  body {min-width: 0;}
}

@media (min-width: 481px) {
  .sp480 {display: none !important;}
}
/* /Initial */



/* Common */
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 1rem !important;}
.mt20 {margin-top: 2rem !important;}
.mt30 {margin-top: 3rem !important;}
.mt40 {margin-top: 4rem !important;}
.mt50 {margin-top: 5rem !important;}
.mt60 {margin-top: 6rem !important;}
.mt70 {margin-top: 7rem !important;}
.mt80 {margin-top: 8rem !important;}
.mt90 {margin-top: 9rem !important;}
.mt100 {margin-top: 10rem !important;}
.mt110 {margin-top: 11rem !important;}
.mt120 {margin-top: 12rem !important;}
.mt130 {margin-top: 13rem !important;}
.mt140 {margin-top: 14rem !important;}
.mt150 {margin-top: 15rem !important;}
.mt160 {margin-top: 16rem !important;}
.mt170 {margin-top: 17rem !important;}
.mt180 {margin-top: 18rem !important;}
.mt190 {margin-top: 19rem !important;}
.mt200 {margin-top: 20rem !important;}
.pt0 {padding-top: 0 !important;}
.pt20 {padding-top: 2rem !important;}
.pt80 {padding-top: 8rem !important;}
.pb0 {padding-bottom: 0 !important;}
.pb20 {padding-bottom: 2rem !important;}
.pb80 {padding-bottom: 8rem !important;}
.fs18 {font-size: 1.8rem !important;}
.bold {font-weight: bold !important;}
.center {text-align: center !important;}
.ta-right {text-align: right !important;}
.word {display: inline-block !important;text-decoration: inherit;}
.red {color: #f33 !important;}
.orange {color: #D68039 !important;}
.fw-normal {font-weight: normal !important;}
.spacer {height: 8rem;}
.oh {overflow: hidden !important;}
.kome {padding-left: 1.2em;position: relative;}
.kome::before {content: "※";position: absolute;left: 0;}

@media ( max-width: 768px ) {
  .pc_only {display: none !important;}
}

@media ( max-width: 480px ) {
  .smt0 {margin-top: 0 !important;}
  .smt10 {margin-top: 1rem !important;}
  .smt20 {margin-top: 2rem !important;}
  .smt30 {margin-top: 3rem !important;}
  .smt40 {margin-top: 4rem !important;}
  .smt50 {margin-top: 5rem !important;}
  .smt60 {margin-top: 6rem !important;}
  .smt70 {margin-top: 7rem !important;}
  .smt80 {margin-top: 8rem !important;}
  .smt90 {margin-top: 9rem !important;}
  .smt100 {margin-top: 10rem !important;}
  .smt110 {margin-top: 11rem !important;}
  .smt120 {margin-top: 12rem !important;}
  .spt30 {padding-top: 3rem !important;}
  .sfs16 {font-size: 1.6rem !important;}
  .sjustify {text-align: justify !important;}
}

.txt_middle2 {font-size: 2.4rem;line-height: 1.458333333333333;}
@media (max-width: 768px) {
  .txt_middle2 {font-size: 1.9rem;}
}
@media (max-width: 480px) {
  .txt_middle2 {font-size: 1.8rem;}
}
/* /Common */



/* メインビジュアル */
#header {padding-top: 100dvh;position: relative;}
.header--force_fixed {padding-top: 0 !important;!i;!;height: var(--headerHeight);}
#mv * {transition: .6s;}
.mv__inner > p {margin-top: 0;}
.mv--mv {width: 100%;height: 100dvh;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;padding: 9rem var(--csp);}
.mv--mv .mv__mv {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
.mv--mv .mv__mv img {object-fit: cover;width: 100%;height: 100%;}
.mv--mv .mv__logo {position: absolute;top: 0;}
.mv--mv .mv__logo img {width: 10.2rem;}
.mv--mv .mv__inner {position: relative;text-align: center;height: 100%;overflow: hidden;display: flex;align-items: center;}
.mv--mv .mv__scroll {position: absolute;bottom: 0;color: #fff;font-size: 14px;--barHeight: 46px;padding-bottom: calc(var(--barHeight) + 8px);cursor: pointer;}
.mv--mv .mv__scroll::after {content: "";position: absolute;bottom: 0;left: 50%;height: var(--barHeight);width: 1px;background: #fff;}
.mv--mv .mv__mvHidden {display: none;}
.mv--mv .mv__mvideo::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.2;}
.mv--header {position: fixed;top: 0;left: 50%;translate: -50% 0;background: #ffffff;z-index: 99999;width: 100%;height: var(--headerHeight);overflow: hidden;}
.mv--header .mv__mv {position: absolute;top: -26.74vw;left: 31.39vw;width: 68.75vw;opacity: 1;}
.mv--header .mv__inner {position: absolute;top: 0;left: 0;height: 100%;background: #fff;width: clamp(0px, 50%, 720px);display: flex;justify-content: center;align-items: center;gap: 30px;padding: 0 0 0 100px;}
.mv--header .mv__inner::after {content: "";position: absolute;top: 0;left: calc(100% - 1px);width: 120px;height: 100%;background: #fff;clip-path: polygon(0 0,0 100%,100% 0);}
.mv--header .mv__logo {position: absolute;top: 0;left: 40px;z-index: 1;width: 74px;}
.mv--header .mv__cart {position: absolute;top: 50%;translate: 0 -50%;right: 40px;transition: .3s !important;}
.mv--header .mv__cart a:hover {opacity: 0.6;}
.mv--header .mv__headerHidden {display: none;}
.mv--header .mv__balloon {position: absolute;left: calc(100% - 1.2rem);width: 150px;z-index: 1;cursor: pointer;}
.mv--header .mv__balloon a {transition: .2s;}
.mv--header .mv__balloon a:hover {opacity: .7;}
.mv__text1 {height: 100%;max-height: 52.1rem;}
.mv__text1 img {height: 100%;width: auto;object-fit: contain;}

.header--force_fixed .mv--header .mv__mv.mv__mv--gray {background: #4e4e4e;width: 51vw;height: var(--headerHeight);top: 0;left: 49vw;transition: none !important;!i;!;display: flex;align-items: center;padding-left: 170px;}
.mv--static {position: relative;height: calc(100dvh - var(--headerHeight));}
#description {padding-top: var(--headerHeight);}
.description__inner {background: #6c6c6c;font-size: 16px;font-weight: bold;line-height: 1.4;text-align: center;color: #fff;padding: 0.43em 24px;}

.mv__mvideo {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 1;}
.mv__mvideo video {width: 100%;height: 100%;object-fit: cover;}
/*.mv__mvideo::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../img/header-bg.png) repeat;}*/
.mv--header .mv__mvideo {opacity: 0;}

@media ( min-width: 1441px ) {
  .mv--header .mv__logo {left: calc(50% - 720px + 40px);}
  .mv--header .mv__inner {left: calc(50% - 720px);}
}

@media ( max-width: 1440px ) {
  .mv--header .mv__inner {gap: 2.08vw;padding: 0 0 0 6.94vw;}
  .mv--header .mv__inner::after {width: 8.33vw;}
  .mv--header .mv__logo {left: 2.78vw;width: 5.14vw;}
  .mv--header .mv__cart {right: 2.78vw;width: 4.17vw;}
  .mv--header .mv__balloon {width: 10.41666666666667vw;}
  .header--force_fixed .mv--header .mv__mv.mv__mv--gray {padding-left: 11.80555555555556vw;}
  .mv__text1Mini {width: 20.35vw;}
  .mv__text1Mini img {width: 100%;}
  .mv__text2Mini {width: 13.89vw;}
  .mv__text2Mini img {width: 100%;}
  .header--force_fixed .mv__text3Mini {width: 21.11111111111111vw;}
  .header--force_fixed .mv__text4mini {width: 29.72222222222222vw;29.72222222222222vw:;}
}

@media ( max-width: 768px ) {
  .header--force_fixed .mv--header .mv__inner::after {width: 28px;}
  .header--force_fixed .mv--header .mv__logo {width: 48px;left: 17px;}
  .header--force_fixed .mv__text4mini {width: 175px;}
  #description {font-size: 14px;}
  .mv--header .mv__balloon {width: 16vw;left: 100%;}
}

@media ( max-width: 600px ) {
  #description {font-size: 13px;}
}

@media ( max-width: 480px ) {
  #header {padding-top: 100vw;}
  .mv__logo img {width: 19.32vw;}
  .mv__text1 img {width: 88.40vw;}
  .mv__text2 img {width: 69.32vw;}
  .mv--mv {padding: 7rem var(--csp);height: auto;aspect-ratio: 1/1;}
  .mv--mv .mv__logo img {width: 5.4rem;}
  .mv--mv .mv__inner {gap: 5.8vw;}
  .mv--mv .mv__scroll {font-size: 3.14vw;--barHeight: 7.4vw;}
  .mv__text1Mini {display: none;}
  .mv--header .mv__inner {padding-left: 15vw;}
  .mv--header .mv__logo {width: 11.59vw;left: 3.86vw;}
  .mv--header .mv__balloon {width: 17.8743961352657vw;}
  .mv--header .mv__mv {top: -61vw;left: 36vw;width: 65vw;}
  .mv__text2Mini {width: 30.92vw;}
}
/* /メインビジュアル */



/* スライド */
#slide figure {height: 100%;}
#slide.slide--noframe figure {height: auto !important;}
.swiper--wrapper {width: 100%;height: auto;}
.swiper-slide {height: 100%;text-align: center;}
#slide {margin: auto;padding: 24px 24px;position: relative;height: calc(100vh - var(--headerHeight));}
.slide__text {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 130px;pointer-events: none;}
.slide__text1 {font-size: 28px;font-weight: bold;line-height: 1.4;background: #6d6d6d;color: #fff;padding: 0.4em 0.3em;margin: 0;max-width: 89vw;text-align: center;}
.slide__text2 {font-size: 59px;font-weight: bold;color: #fff;line-height: 1.2;margin-top: 0.7em;max-width: 90vw;text-align: center;}
.slide__btn {color: #fff;border: 4px solid #fff;border-radius: 9999px;position: relative;font-size: 22px;font-weight: 900;line-height: 1.2;text-decoration: none;padding: 0.95em 3.5em;min-width: 452px;text-align: center;margin-top: 148px;transition: .2s;user-select: none;pointer-events: auto;}
.slide__btn::before {content: "";position: absolute;top: 50%;translate: 0 -50%;left: 1.5em;width: 1.3em;height: 1.2em;background: url(../img/icon-cart-whiteline.svg) center/contain no-repeat;transition: .2s;}
.slide__btn:hover {background: #fff;color: #000;border-color: #fff;}
.slide__btn:hover::before {background-image: url(../img/icon-cart-blackline.svg);}
#slide .swiper {height: 100%;}
#slide .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
#slide.slide--noframe .swiper-slide img {height: auto;}
#slide.slide--noframe {padding: 0 !important;height: auto;margin-top: 155px;}

@media (max-width: 1440px) {
  #slide {padding: 1.67vw 1.67vw;}
  .slide__text {padding-top: 8vw;}
  .slide__text1 {font-size: 1.94vw;}
  .slide__text2 {font-size: 4.1vw;}
  .slide__btn {border-width: 0.28vw;font-size: 1.53vw;min-width: 31.39vw;margin-top: 10.28vw;padding: 1.3em 3.5em;}
  #slide.slide--noframe {margin-top: 10.76vw;}
}

@media ( max-width: 1024px ) {
  .slide__text {padding-top: 4vw;}
  .slide__text1 {font-size: 3vw;}
  .slide__text2 {font-size: 5vw;}
  .slide__btn {font-size: 2vw;min-width: 45vw;padding: 0.95em 3.5em;}
}

@media ( max-width: 768px ) {
  .slide__text1 {font-size: 5vw;}
  .slide__text2 {font-size: 9vw;}
  .slide__btn {font-size: 4vw;min-width: 60vw;padding: 0.8em;border-width: 4px;}
}

@media ( max-width: 480px ) {
  #slide {padding: 3.86vw 3.86vw;}
  .slide__text1 {font-size: 5.07vw;padding: 0.52em 0.3em;}
  .slide__text2 {font-size: 8.7vw;margin-top: 4vw;line-height: 1.6;}
  .slide__btn {position: absolute;border-width: 0.97vw;font-size: 4.35vw;width: 80vw;min-width: 0;margin-top: 42vw;padding: 1.3em 3.5em;bottom: 15vw;}
  .slide__text {padding-top: 0;padding-bottom: 35vw;}
}
/* /スライド */



/* YouTube */
#ytplayer1 {margin: 20px auto 0;aspect-ratio: 16/9;background: url(../img/loading.gif) center no-repeat;}
@media ( max-width: 425px ) {
  #ytplayer1 {margin-top: 4.705882352941176vw;}
}
/* /YouTube */



/* EYECATCH */
.eyecatch {text-align: center;margin-top: 80px;}
@media ( max-width: 1440px ) {
  .eyecatch {margin-top: 5.56vw;}
}
@media ( max-width: 768px ) {
  .eyecatch {padding: 0 24px;}
}
@media ( max-width: 480px ) {
  .eyecatch {padding: 0 5.8vw;}
}
/* /EYECATCH */



/* OUTLINE */
.outline {display: flex;justify-content: center;align-items: center;text-align: center;padding: 50px 24px;}
.outline__inner {display: flex;justify-content: center;align-items: center;min-height: 200px;max-width: 100%;padding: 0 50px;position: relative;}
.outline__inner::before {content: "";position: absolute;top: 0;left: 0;width: 74px;height: 100%;background: url(../img/shilhouette-man.svg) center/contain no-repeat;}
.outline__inner::after {content: "";position: absolute;top: 0;right: 0;width: 87px;height: 100%;background: url(../img/shilhouette-woman.svg) center/contain no-repeat;}
.outline p {font-size: 28px;font-weight: bold;line-height: 1.71;position: relative;z-index: 1;}
.outline p strong {font-size: 32px;color: #6c6c6c;}

@media ( max-width: 768px ) {
  .outline p {font-size: 20px;}
  .outline p strong {font-size: 24px;}
}

@media (max-width: 520px) {
  .outline {padding: 9.62vw 4.62vw;}
  .outline__inner {min-height: 38.46vw;padding: 0 9.62vw;}
  .outline__inner::before {width: 14.23vw;}
  .outline__inner::after {width: 16.73vw;}
  .outline p {font-size: 3.85vw;}
  .outline p strong {font-size: 4.62vw;}
}

@media ( max-width: 480px ) {
  .outline {padding: 14.49vw 5.8vw;}
  .outline__inner {min-height: 41.06vw;padding: 0;}
  .outline__inner::before {width: 15.94vw;}
  .outline__inner::after {width: 18.84vw;}
  .outline p {font-size: 4.35vw;margin-top: 0;}
  .outline p strong {font-size: 5.31vw;}
}
/* OUTLINE */



/* HENPIN EXP */
.henpin_exp {padding: 80px 24px;}
.henpin_exp__inner {max-width: var(--cw2);margin: auto;}
.henpin_exp p {font-size: 24px;line-height: 1.8;text-align: center;margin-top: 1.8em;}
.henpin_exp p strong {font-weight: bold;color: #F00;}

@media ( max-width: 1440px ) {
  .henpin_exp {padding: 5.56vw 1.67vw;}
}

@media ( max-width: 1024px ) {
  .henpin_exp p {font-size: 2.34vw;}
}

@media ( max-width: 768px ) {
  .henpin_exp {padding: 50px 24px;}
}

@media ( max-width: 480px ) {
  .henpin_exp {padding: 15.46vw 5.8vw;}
  .henpin_exp p {font-size: 4vw;}
}
/* /HENPIN EXP */



/* HENPIN 3STEP */
.steps {max-width: 715px;margin: 45px auto 0;counter-reset: steps;display: flex;flex-direction: column;gap: 65px;}
.steps__head {background: #6D6D6D;color: #fff;font-size: 24px;font-weight: bold;text-align: center;line-height: 1.4;padding: 7px 10px;}
.steps__item:nth-child(1) .steps__head {background: #a7a7a7;}
.steps__item:nth-child(2) .steps__head {background: #848484;}
.steps__body {overflow: hidden;border: 1px solid #6D6D6D;background: #ffffff;font-size: 24px;font-weight: normal;line-height: 1.8;text-align: center;padding: 13px 10px;}
.steps__body > :first-child {margin-top: 0 !important;}
.steps__body > :last-child {margin-bottom: 0 !important;}
.steps__item {position: relative;counter-increment: steps;}
.steps__item::before {content: counter(steps);font-size: 27px;font-weight: 500;line-height: 1;background: #fff;border-radius: 9999px;width: 68px;height: 68px;border: 1px solid #707070;position: absolute;top: -10px;left: -10px;display: flex;justify-content: center;align-items: center;z-index: 1;}
.steps__item:nth-child(-n+9)::before {content: "0"counter(steps);}
.steps__item:nth-child(n+2) .steps__head {position: relative;}
.steps__item:nth-child(n+2) .steps__head::before {content: "";position: absolute;top: -40px;left: 50%;translate: -50% 0;width: 54px;height: 16px;border: 1px solid #707070;clip-path: polygon(0 0,100% 0,50% 100%);background: #000;}
.steps__item:nth-child(n+2) .steps__head::after {content: "";position: absolute;top: -40px;left: 50%;translate: -50% 0;scale: 0.9;width: 54px;height: 16px;clip-path: polygon(0 0,100% 0,50% 100%);background: #f9fafb;}
.btn_line {display: flex;align-items: center;justify-content: center;width: fit-content;margin: 50px auto 0;border: 3px solid #333;background: #fff;text-decoration: none;color: #333;font-size: 20px;font-weight: bold;line-height: 1.2;text-align: center;padding: 10px;border-radius: 9999px;min-width: 276px;min-height: 66px;transition: .3s;}
.btn_line:hover {background: #333;color: #fff;}
.btn_line--red {color: #ff5a45;border-color: #ff5a45;}
.btn_line--red:hover {background: #ff5a45;}

@media (max-width: 768px) {
  .steps {gap: 8.46vw;}
  .steps__item::before {font-size: 3.52vw;width: 8.85vw;height: 8.85vw;top: -1.3vw;left: -1.3vw;}
  .steps__head {font-size: 3.13vw;padding: 0.91vw 1.3vw;}
  .steps__body {font-size: 3.13vw;padding: 1.69vw 1.3vw;}
  .steps__item:nth-child(n+2) .steps__head::before {top: -5.21vw;width: 7.03vw;height: 2.08vw;}
  .steps__item:nth-child(n+2) .steps__head::after {top: -5.21vw;width: 7.03vw;height: 2.08vw;}
  .btn_line {margin: 6.51vw auto 0;border-width: 0.39vw;font-size: 2.60vw;padding: 1.30vw;min-width: 35.94vw;min-height: 8.59vw;}
}

@media (max-width: 480px) {
  .steps {margin-top: 7vw;}
  .steps__head {font-size: 5vw;padding: 2vw 2vw;}
  .steps__item::before {font-size: 5vw;width: 13vw;height: 13vw;top: -1vw;left: -2vw;}
  .steps__body {font-size: 4vw;}
  .btn_line {border-width: 0.63vw;font-size: 4.5vw;padding: 4vw 4vw;width: 100%;}
}
/* /HENPIN 3STEP */



/* STORIES */
.stories {background: #f4f5f7;padding: 150px 0;}
.stories__head {font-size: 48px;font-weight: bold;line-height: 1.3;text-align: center;padding: 0 24px;}
.stories__column {max-width: var(--cw);margin: 80px auto 0;display: flex;gap: 100px;}
.stories__column > figure {flex-shrink: 0;}
.stories__column:nth-child(2n) {padding-left: 120px;}
.stories__column:nth-child(2n+1) {flex-direction: row-reverse;padding-right: 120px;}
.stories__column:nth-child(2n+1) figcaption {text-align: right;}
.stories__subhead {font-size: 38px;font-weight: bold;line-height: 1.45;}
.stories__text {font-size: 24px;font-weight: normal;line-height: 1.8;margin-top: 26px;}
.stories__column > figure figcaption {background: #6d6d6d;color: #fff;font-size: 14px;font-weight: 500;line-height: 1.75;padding: 1.1em 1.2em;}
.stories__body {width: 100%;}

@media ( max-width: 1440px ) {
  .stories__column {gap: 6.94vw;}
  .stories__column:nth-child(2n) {padding-left: 8.33vw;}
  .stories__column:nth-child(2n+1) {padding-right: 8.33vw;}
  .stories__subhead {font-size: 2.64vw;}
  .stories__text {font-size: 1.67vw;margin-top: 1.81vw;}
  .stories__column figure {width: 44.03vw;}
}

@media ( max-width: 1024px ) {
  .stories__head {font-size: 4.69vw;}
}

@media ( max-width: 768px ) {
  .stories {padding: 80px 0;}
  .stories__column {margin: 50px 0 0;gap: 20px;}
  .stories__column:nth-child(2n) {padding-left: 24px;}
  .stories__column:nth-child(2n+1) {padding-right: 24px;}
  .stories__subhead {font-size: 20px;}
  .stories__text {font-size: 14px;margin-top: 1em;}
}

@media ( max-width: 480px ) {
  .stories {padding: 15.46vw 0;}
  .stories__head {font-size: 6.76vw;padding: 0 5.8vw;}
  .stories__column {margin-top: 11.59vw;padding: 0 !important;gap: 3.62vw;flex-direction: column-reverse !important;}
  .stories__column figure {width: 100%;}
  .stories__column > figure figcaption {font-size: 2.9vw;}
  .stories__body {padding: 0 5.8vw;}
  .stories__subhead {font-size: 5.07vw;}
  .stories__text {font-size: 3.38vw;}
}
/* /STORIES */



/* NORMAL */
.normalBlock {margin: 8rem auto 0;padding: 0 var(--csp);}
.normalBlock--gray {background: #F9FAFB;}
.normalBlock__inner {max-width: var(--cw3);margin: auto;}
.normalBlock__inner--wide {max-width: var(--cw2);margin: auto;}

@media ( max-width: 480px ) {
  .normalBlock {margin-top: 6rem;}
}

.normalHead {font-size: 4.6rem;font-weight: bold;line-height: 1.3;}
.normalHead .big {font-size: 1.46em;}
.normalHead__sub {font-size: 2.4rem;display: block;margin-top: 0.5rem;}
.normalHead2 {font-size: 3.8rem;font-weight: bold;line-height: 1.5;position: relative;padding-top: 4rem;margin-top: 8rem;}
.normalHead2::before {content: "";position: absolute;top: 0;left: 0;width: 8rem;height: 1px;background: #000;}
.normalHead2--center {text-align: center;}
.normalHead2--center::before {left: 50%;translate: -50% 0;}

@media ( max-width: 480px ) {
  .normalHead {font-size: 2.8rem;}
  .normalHead2 {font-size: 2.4rem;padding-top: 3.2rem;margin-top: 4.8rem;}
  .normalHead2::before {width: 6rem;}
}

.types {display: flex;--num: 3;--gap: 40px;gap: 40px var(--gap);flex-wrap: wrap;justify-content: center;margin-top: 40px;}
.types > div {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.types__head {font-size: 24px;font-weight: bold;line-height: 1.4;text-align: center;margin-top: 15px;}
.types__details {font-size: 16px;font-weight: normal;line-height: 1.5;text-align: center;margin-top: 15px;}
.types__details > :first-child {margin-top: 0 !important;}

@media ( max-width: 768px ) {
  .types {--gap: 20px;--num: 2;}
}

@media ( max-width: 480px ) {
  .types {margin-top: 6.04vw;gap: 7.73vw;--num: 1;}
  .types__head {font-size: 4.35vw;margin-top: 4.35vw;}
  .types__details {font-size: 3.38vw;margin-top: 1.93vw;}
}

.columns {display: flex;--num: 2;--gap: 40px;gap: var(--gap);margin-top: 80px;}
.columns__column {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}

@media ( max-width: 480px ) {
  .columns {--gap: 3.38vw;margin-top: 15.46vw;}
}
/* /NORMAL */



/* FIG */
.figWrapper {margin-top: 50px;}
.figWrapper img {width: 100%;}

@media ( max-width: 480px ) {
  .figWrapper {margin-top: 6.04vw;}
}
/* /FIG */



/* ARROW TEXT */
.arrow_text {position: relative;width: fit-content;margin-left: auto;margin-right: auto;padding: 0 3.5em;text-align: center;}
.arrow_text::before {left: 0;}
.arrow_text::after {right: 0;}
.arrow_text::before, .arrow_text::after {content: "▼▼▼";position: absolute;top: 50%;translate: 0 -50%;}
/* /ARROW TEXT */



/* SIZE MAP */
.size_map {position: relative;}
.size_map__link {position: absolute;text-indent: -9999vw;display: block;overflow: hidden;transition: .3s;cursor: pointer;}
.size_map__link:hover {background: rgb(255 255 255 / 32%);}
.size_map__link--lensS {top: 52%;left: 18.5%;width: 10%;height: 15.2%;}
.size_map__link--lensM {top: 30.7%;left: 18.5%;width: 10%;height: 15%;}
.size_map__link--cameraS {top: 66.9%;left: 34%;width: 10%;height: 15%;}
.size_map__link--cameraM {top: 57.3%;left: 47.4%;width: 10.1%;height: 14.9%;}
.size_map__link--polygonM {top: 27.1%;left: 60.2%;width: 10%;height: 14.9%;}
.size_map__link--polygonL {top: 13.9%;left: 74.1%;width: 10.1%;height: 15%;}
.size_map__modal {opacity: 0;pointer-events: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 84%);transition: .6s;display: flex;justify-content: center;align-items: center;}
.size_map__modal--visible {opacity: 1;z-index: 99999;pointer-events: auto;cursor: pointer;}
.size_map__modal__videoWrapper {transform: scaleY(0);transition: .6s;position: absolute;width: 80vw;max-width: 1080px;height: auto;aspect-ratio: 16/9;pointer-events: none;}
.size_map__modal__videoWrapper--visible {transform: scaleY(1);pointer-events: auto;}
.size_map__modal__videoWrapper iframe {width: 100%; height: 100%;}
.size_map__modal::after {content: "×";position: absolute;top: 10px;right: 10px;color: #fff;font-size: 48px;line-height: 0.6;pointer-events: none;}

@media ( max-width: 600px ) {
  .size_map__link--lensS {top: 51.1%;left: 16.7%;width: 13.3%;height: 15.7%;}
  .size_map__link--lensM {top: 29.7%;left: 16.7%;width: 13.4%;height: 15.6%;}
  .size_map__link--cameraS {top: 66.6%;left: 31.1%;width: 13.4%;height: 15.6%;}
  .size_map__link--cameraM {top: 56.6%;left: 46%;width: 13.4%;height: 16%;}
  .size_map__link--polygonM {top: 26.4%;left: 58.6%;width: 13.8%;height: 15.9%;}
  .size_map__link--polygonL {top: 13.3%;left: 73.2%;width: 13.4%;height: 15.9%;}
}
/* /SIZE MAP */



/* MAKER */
.maker {display: flex;flex-wrap: wrap;justify-content: center;--num: 4;--gap: 40px;gap: var(--gap);margin-top: 40px;}
.maker > li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );border-radius: 8px;background: #6d6d6d;color: #fff;position: relative;}
.maker a {color: inherit;text-decoration: none;}
.maker__head {cursor: pointer;position: relative;}
.maker__head::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;opacity: 0;transition: .3s;}
.maker__head:hover::before {opacity: .3;}
.maker figure {aspect-ratio: 270/177;}
.maker figure img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px 8px 0 0;}
.maker__name {display: block;font-size: 16px;font-weight: bold;line-height: 1.5;padding: 0.75em 1.5em;position: relative;}
.maker__name::after {content: "";position: absolute;top: 50%;translate: 0 -50%;right: 1.5em;width: 16px;height: 14px;background: #fff;clip-path: polygon(0 0, 100% 0, 50% 100%);transition: .6s;}
.maker__row--open .maker__name::after {rotate: 180deg;}
.maker__submenu {position: absolute;top: 100%;z-index: 1;}
.maker__submenu > ul {background: #6d6d6d;width: 100vw;max-width: max-content;border: 1px solid #888;margin-left: auto;position: relative;}
.maker__submenu > ul > li {border: 1px solid #888;border-bottom: none;}
.maker__submenu a {display: block;padding: 0.5em;transition: .2s;}
.maker__submenu a:hover {background: #aaa;}
.maker__submenu a::after {content: "";display: inline-block;width: 1em;height: 1em;background: url(../img/icon-newtab-whiteline.svg) center/contain no-repeat;margin-left: 0.8em;}

@media ( min-width: 769px ) {
  .maker > :is(li:nth-child(4n+3), li:nth-child(4n)) .maker__submenu {right: 0;}
}

@media ( max-width: 768px ) {
  .maker {--num: 3;--gap: 20px;}
  .maker__name {font-size: 14px;}
  .maker__name::after {width: 1em;height: 0.8em;}
  .maker__submenu {position: fixed;display: block !important;top: 0;bottom: 0;z-index: 99999;right: -100vw;font-size: 13px;overflow-y: scroll;transition: .6s;padding-left: 40px;}
  .maker__submenu > ul {min-height: 100dvh;}
  .maker__submenu > ul {border: none;width: calc(100vw - 41px);}
  .maker__submenu > ul::before {content: "▶";font-size: 10px;line-height: 100dvh;display: block;position: absolute;top: 0;right: calc(100%);bottom: 0;pointer-events: none;background: #6d6d6d;padding: 0 16px;border-right: 1px solid #ccc;}
  .maker__submenu > ul > li {border: none;border-bottom: 1px solid #888;}
  .maker__row--open .maker__submenu {right: 0;}
}

@media ( max-width: 480px ) {
  .maker {--num: 2;--gap: 3.62vw;margin-top: 6.04vw;justify-content: flex-start;}
  .maker > li {border-radius: 1.93vw;}
  .maker__name {font-size: 2.66vw;}
}
/* /MAKER */



/* RESDV */
.resdv {background: #6d6d6d;margin-top: 150px;padding: 30px 24px;}
.resdv a {display: flex;font-size: 22px;font-weight: bold;line-height: 1.2;justify-content: center;align-items: center;width: fit-content;min-width: 500px;margin: auto;text-decoration: none;color: #fff;background: #ff5a45;position: relative;padding: 0.5em 3em;min-height: 73px;border-radius: 9999px;transition: .5s;}
.resdv a::before {content: "";position: absolute;top: 50%;translate: 0 -50%;left: 1.5em;width: 1.32em;height: 1.19em;background: url(../img/icon-cart-whiteline.svg) center/contain no-repeat;}
.resdv a::after {content: "";position: absolute;top: 50%;translate: 0 -50%;left: 3.5em;width: 1px;height: 1.55em;background: #fff;}
.resdv a:hover {background: #ffa245;}
.resdv__notice {text-align: center;font-size: 14px;font-weight: 500;color: #fff;}
.normalBlock + .resdv {margin-top: 0;}

@media ( max-width: 768px ) {
  .resdv {margin-top: 80px;}
}

@media ( max-width: 548px ) {
  .resdv {padding: 5.47vw 4.38vw;}
  .resdv a {font-size: 4.01vw;min-width: 91.24vw;min-height: 13.32vw;}
  .resdv__notice {font-size: 2.55vw;}
}

@media ( max-width: 480px ) {
  .resdv {padding: 7.73vw;}
  .resdv a {font-size: 4.35vw;min-width: 0;width: 100%;min-height: 0;padding: 1.43em 1em 1.43em 4.1em;justify-content: flex-start;}
  .resdv a::after {height: 1.9em;8.21vw:;}
  .resdv__notice {font-size: 3.38vw;margin-top: 2.42vw;}
}
/* /RESDV */



/* FLOW */
.flow {display: flex;--num: 3;--gap: 4rem;gap: var(--gap);counter-reset: flow;margin-top: 4rem;flex-wrap: wrap;}
.flow > li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );position: relative;counter-increment: flow;}
.flow figure {aspect-ratio: 372/248;}
.flow figure img {width: 100%;height: 100%;object-fit: cover;}
.flow > li::before {content: "0"counter(flow);position: absolute;top: 0;left: 0;width: 4.8rem;height: 4.8rem;background: #6c6b6a;font-size: 2.4rem;font-weight: bold;line-height: 4.8rem;text-align: center;color: #fff;}
.flow__exp {display: block;font-weight: 500;margin-top: 1em;}

@media ( max-width: 640px ) {
  .flow {--num: 2;}
}

@media ( max-width: 480px ) {
  .flow {--num: 1;--gap: 2.4rem;}
  .flow > li::before {font-size: 1.8rem;width: 3.6rem;height: 3.6rem;line-height: 3.6rem;}
}
/* /FLOW */



/* HOSYOU */
.hosyou {max-width: var(--cw2);margin-top: 80px;display: flex;--num: 2;--gap: 40px;gap: var(--gap);}
.hosyou__area1 {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );background: #ebebeb;--ptb: 20px;--plr: 40px;padding: var(--ptb) var(--plr);display: flex;flex-direction: column;justify-content: center;}
.hosyou__area2 {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );display: flex;flex-direction: column;justify-content: space-between;}
.hosyou__head1 {font-size: 49px;font-weight: bold;text-align: center;line-height: 1.2;margin: 0.4em 0 0;}
.hosyou__head1 img {width: 42px;height: 42px;object-fit: cover;position: relative;top: 10px;margin-right: 12px;}
.hosyou__bigtext {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.4;margin: 0.5em 0 0;}
.hosyou__text {font-size: 16px;font-weight: normal;line-height: 1.5;color: #333333;text-align: center;margin: 1em 0 0;}
.hosyou__area2Item {height: 176px;border: 4px solid #EBEBEB;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 15px;gap: 6px;background: #fff;}
.hosyou__head2 {margin: 0;font-size: 24px;font-weight: 900;font-family: var(--noto);line-height: 1.3;text-align: center;}
.hosyou__head2 img {width: 34px;height: 23px;object-fit: cover;position: relative;top: 7px;margin-right: 10px;}
.hosyou__red {color: #d90000;}
.hosyou a {text-decoration: underline;color: #000;font-weight: bold;transition: .3s;}
.hosyou a:hover {text-decoration: none;opacity: .7;}
.hosyou__subhead {background: #6d6d6d;color: #fff;font-size: 16px;font-weight: 900;text-align: center;line-height: 1.3;padding: 0.54em;margin: calc(var(--ptb) * -1) calc(var(--plr) * -1) 0;}
.hosyou__boldtext {font-size: 16px;font-weight: 900;line-height: 1.31;text-align: center;margin: 0.1em 0 0;}
.hosyou--1column {flex-direction: column;}
.hosyou--1column .hosyou__area1 {width: auto;--ptb: 32px;}
.hosyou--1column .hosyou__area2 {flex-direction: row;width: auto;--num: 2;--gap: 40px;}
.hosyou--1column .hosyou__area2Item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.hosyou--1column .hosyou__head1 {font-size: 54px;font-weight: 900;color: #6d6d6d;margin-top: 0.7em;}
.hosyou--1column .hosyou__head1 img {width: 62px;height: 62px;top: -2px;margin-right: 15px;}
.hosyou--1column .hosyou__bigtext {font-size: 40px;font-weight: 900;color: #6d6d6d;letter-spacing: 0.2em;padding-left: 0.7em;}
.hosyou--1column .hosyou__boldtext {font-size: 23px;font-weight: bold;color: #6d6d6d;margin-top: 0.5em;line-height: 1.3;}
.hosyou--1column .hosyou__boldtext strong {font-weight: 900;}
.hosyou__boldtext__big {font-size: 29px;}
.hosyou__notice {font-size: 14px;font-weight: normal;line-height: 1.5;text-align: center;}
.hosyou__text2 {font-size: 18px;font-weight: bold;margin-top: 0.5em;font-family: var(--noto);color: #333333;}
.hosyou__bnr {text-align: center;}

@media ( min-width: 769px ) and ( max-width: 1248px ) {
  .hosyou {--gap: 2.77777777777778vw;}
  .hosyou__area1 {--ptb: 1.38888888888889vw;--plr: 2.77777777777778vw;}
  .hosyou__head1 {font-size: 3.40277777777778vw;}
  .hosyou__head1 img {width: 2.91666666666667vw;height: 2.91666666666667vw;top: 0.694444444444444vw;margin-right: 0.833333333333333vw;}
  .hosyou__bigtext {font-size: 1.66666666666667vw;}
  .hosyou__text {font-size: 1.11111111111111vw;}
  .hosyou__area2Item {height: 12.2222222222222vw;border: 0.347222222222222vw solid #EBEBEB;padding: 1.04166666666667vw;gap: 0.416666666666667vw;}
  .hosyou__head2 {font-size: 1.66666666666667vw;}
  .hosyou__head2 img {width: 2.36111111111111vw;height: 1.59722222222222vw;top: 0.486111111111111vw;margin-right: 0.694444444444444vw;}
  .hosyou__subhead {font-size: 1.11111111111111vw;}
  .hosyou__boldtext {font-size: 1.11111111111111vw;}
  .hosyou__text2 {font-size: 1.44vw;}
  .hosyou--1column {--gap: 40px;}
  .hosyou--1column .hosyou__subhead {font-size: 16px;}
  .hosyou--1column .hosyou__text {font-size: 16px;}
}

@media ( max-width: 1024px ) {
  .hosyou {--gap: 3.91vw;}
  .hosyou--1column .hosyou__area1 {--ptb: 3.13vw;}
  .hosyou--1column .hosyou__subhead {font-size: 1.56vw;}
  .hosyou--1column .hosyou__head1 {font-size: 5.27vw;}
  .hosyou--1column .hosyou__head1 img {width: 6.05vw;height: 6.05vw;margin-right: 1.46vw;}
  .hosyou--1column .hosyou__bigtext {font-size: 3.91vw;}
  .hosyou--1column .hosyou__boldtext {font-size: 2.25vw;}
  .hosyou__boldtext__big {font-size: 2.83vw;}
  .hosyou--1column .hosyou__text {font-size: 1.56vw;}
  .hosyou__notice {font-size: 1.37vw;}
  .hosyou--1column .hosyou__area2 {--gap: 3.91vw;}
}

@media ( max-width: 768px ) {
  .hosyou {flex-direction: column;}
  .hosyou__area1 {width: 100%;--plr: 20px;}
  .hosyou__area2 {width: 100%;gap: 40px;}
  .hosyou__area2Item {width: 100%;height: auto;}
  .hosyou--1column .hosyou__area2Item {width: 100%;}
  .hosyou--1column .hosyou__area2 {flex-direction: column;gap: 3.91vw;}
  .hosyou--1column .hosyou__area1 { --ptb: 24px; --plr: 20px;}
  .hosyou--1column .hosyou__subhead { font-size: 12px;}
  .hosyou--1column .hosyou__head1 { font-size: 40px;}
  .hosyou--1column .hosyou__head1 img { width: 46px; height: 46px; margin-right: 5px;}
  .hosyou--1column .hosyou__bigtext { font-size: 30px;}
  .hosyou--1column .hosyou__boldtext { font-size: 18px;}
  .hosyou__boldtext__big { font-size: 22px;}
  .hosyou--1column .hosyou__text { font-size: 14px;}
  .hosyou__notice { font-size: 13px;}
}

@media ( max-width: 640px ) {
  .hosyou--1column .hosyou__area1 { --ptb: 3.8vw; --plr: 3.1vw;}
  .hosyou--1column .hosyou__subhead { font-size: 1.9vw;}
  .hosyou--1column .hosyou__head1 { font-size: 6.3vw;}
  .hosyou--1column .hosyou__head1 img { width: 7.2vw; height: 7.2vw; margin-right: 0.8vw;}
  .hosyou--1column .hosyou__bigtext { font-size: 4.7vw;}
  .hosyou--1column .hosyou__boldtext { font-size: 2.8vw;}
  .hosyou__boldtext__big { font-size: 3.4vw;}
  .hosyou--1column .hosyou__text { font-size: 2.2vw;}
  .hosyou__notice { font-size: 2.0vw;}
}

@media ( max-width: 480px ) {
  .hosyou__head1 {font-size: 7vw;margin-top: 1.21vw;}
  .hosyou__head1 img {width: 7.65vw;height: 7.65vw;top: 0;margin-right: 2vw;}
  .hosyou__area1 {gap: 1.93vw;min-height: 0;padding: 0 3.62vw  3.62vw;}
  .hosyou__bigtext {font-size: 3.62vw;line-height: 1.125;}
  .hosyou__text {text-align: justify;font-size: clamp(10px, 2.9vw, 12px);line-height: 1.5;margin: auto;}
  .hosyou__head2 {text-align: center;font-size: 3.86vw;}
  .hosyou {margin-top: 13.04vw;gap: 3.86vw;}
  .hosyou__subhead {font-size: 11px;}
  .hosyou__boldtext {font-size: 11px;}
  .hosyou__area2 {gap: 3.86vw;}
  .hosyou__head2 img {width: 5.07vw;height: 3.38vw;top: 0.7vw;margin-right: 2vw;}
  .hosyou__area2Item {padding: 5.22vw 2.42vw;}
  .hosyou__text2 {font-size: 2.92vw;}
}
/* /HOSYOU */



/* ITEMINFO */
.iteminfo {display: flex;--num: 2;--gap: 4rem;gap: var(--gap);flex-wrap: wrap;--borderColor: #dee3ea;margin-top: 5rem;}
.iteminfo__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );border: 0.4rem solid var(--borderColor);background: #f4f5f7;}
.iteminfo__item--new {border-color: #f5593e;position: relative;}
.iteminfo__item--new::before {content: "";position: absolute;top: 1rem;left: 1rem;width: 8.907rem;height: auto;aspect-ratio: 1/1;background: url(../img/icon-new-circle-orange.svg) center/contain no-repeat;}
.iteminfo__item figure {aspect-ratio: 577/385;}
.iteminfo__item figure img {width: 100%;height: 100%;object-fit: cover;}
.iteminfo__row {display: flex;border-top: 0.4rem solid var(--borderColor);--col1-w: 40%;--col2-w: calc(100% - var());}
.iteminfo__col {width: 50%;position: relative;margin: 0;font-size: 1.8rem;font-weight: bold;line-height: 1.3;padding: 0.5em 0.8em;}
.iteminfo__col:nth-child(2n+1)::after {content: "";position: absolute;top: 0;bottom: 0;right: -2px;width: 4px;background: var(--borderColor);}

@media ( max-width: 768px ) {
  .iteminfo {--gap: 2rem;}
  .iteminfo__item--new::before {width: 9.375vw;}
}

@media ( max-width: 480px ) {
  .iteminfo {--num: 1;--gap: 2rem;margin-top: 2rem;}
  .iteminfo__col {font-size: 1.8rem;}
  .iteminfo__item--new::before {width: 7.2rem;top: 0.6rem;left: 0.6rem;}
  .iteminfo__col:nth-child(1) {width: var(--col1-w);flex-shrink: 0;}
  .iteminfo__col:nth-child(2) {width: 100%;}
}
/* /ITEMINFO */



/* VOICE */
.fixed_img img {width: 100%;}

.voice {margin-top: 45px;display: grid;grid: auto-flow / auto auto;gap: 44px 36px;}
.voice__inner {display: flex;flex-direction: column;gap: 44px;}
.voice__inner > section {border: 4px solid #dee3ea;padding: 32px;border-radius: 48px 48px 48px 0;display: flex;gap: 30px;flex-direction: row-reverse;}
.voice__head {display: flex;gap: 1.2em;}
.voice__detail {font-size: 18px;font-weight: 500;line-height: 1.5;}
.voice__detail a {color: inherit;font-weight: bold;}
.voice__inner > section > figure {flex-shrink: 0;}
.voice__head__human img {width: 4em;height: 4em;object-fit: cover;}
.voice__head__head {display: flex;flex-direction: column;gap: 0.7em;}
.voice__head__human {flex-shrink: 0;}
.voice__head__head__sub {font-size: 13px;font-weight: bold;color: #fff;background: #707070;padding: 0.2em 0.5em;margin-top: 0.4em;}
.voice__head__head__main {font-size: 16px;font-weight: bold;color: #6d6d6d;}
.voice__body {width: 100%;}
.voice__detail p {margin-top: 0.6em;}

@media ( max-width: 1024px ) {
  .voice__inner > section {border-width: 4px;padding: 3.13vw;border-radius: 4.69vw 4.69vw 4.69vw 0;gap: 2.93vw;}
  .voice__inner > section > figure {width: 14.65vw;}
  .voice__detail {font-size: 16px;}
}

@media ( max-width: 768px ) {
  .voice {display: flex;flex-direction: column;}
  .voice__inner {display: contents;}
  .voice__item--1 {order: 1;}
  .voice__item--3 {order: 3;}
  .voice__item--2 {order: 2;}
  .voice__item--4 {order: 4;}
  .voice__inner > section > figure {width: auto;}
}

@media ( max-width: 480px ) {
  .voice__inner > section {padding: 16px;gap: 16px;}
  .voice__head {font-size: 2.8vw;}
  .voice__detail {font-size: 12px;}
  .voice {margin-top: 32px;gap: 16px;}
  .voice__inner > section > figure {width: 28.99vw;}
  .voice__head__human {font-size: 3.14vw;}
  .voice__head__head__sub {font-size: clamp(10px, 2.66vw, 16px);}
  .voice__head__head__main {font-size: clamp(10px, 3.3vw, 20px);}
}
/* /VOICE */



/* FAQ */
.faq {margin-top: 50px;}
.faq__row {border-top: 2px solid #dee3ea;font-size: 24px;position: relative;}
.faq__row dt {font-weight: bold;line-height: 1.4;padding: 0.85em 2em 0.85em 2em;position: relative;cursor: pointer;user-select: none;}
.faq__row dt::before {content: "Q";position: absolute;top: 0.4em;left: 0;font-size: 1.34em;}
.faq__row dd {background: #ebebeb;font-size: 0.67em;line-height: 1.6875;position: relative;padding: 1.7em 1.5em 1em 4.5em;}
.faq__row dd::before {content: "A";font-size: 2em;font-weight: bold;position: absolute;top: 0.4em;left: 0.8em;}
.faq__row dt::after {content: "";position: absolute;}
.faq__row::before,.faq__row::after {content: "";position: absolute;top: 1.5em;right: 0.5em;width: 1em;height: 0.125em;background: #333;pointer-events: none;}
.faq__row::after {transition: .6s;rotate: 90deg;}
.faq__row--open::after {rotate: 360deg !important;}

@media ( min-width: 769px ) and ( max-width: 1024px ) {
  .faq__row {font-size: 2.34vw;}
}

@media ( max-width: 768px ) {
  .faq__row {font-size: 1.8rem;}
  .faq__row dd {font-size: 0.8em;}
}

@media ( max-width: 480px ) {
  .faq {margin-top: 3.6rem;}
  .faq__row {font-size: 1.6rem;}
}
/* /FAQ */



/* FAQ2 */
.faq2__row {border-bottom: 1px dashed transparent;border-image-source: repeating-linear-gradient(90deg, #BCBCBC 0, #BCBCBC 0.8rem, transparent 0.8rem, transparent 1.6rem);border-image-slice: 1;border-image-repeat: round;padding-bottom: 0.75rem;margin-top: 2.6rem;}
.faq2__q {background: #f2f2f2;border-radius: 4rem;}
.faq2__icon + * {margin-top: 0 !important;}
.faq2__icon {font-family: var(--jost);font-size: 2.4rem;font-weight: 300;width: 4.6rem;height: 4.6rem;display: flex;justify-content: center;align-items: center;border-radius: 9999vw;flex-shrink: 0;}
.faq2__q .faq2__icon {background: #707070;color: #fff;}
.faq2__row > :is(dt, dd) {display: flex;align-items: center;gap: 2rem;padding: 1rem 3rem 1rem 1.5rem;}
.faq2__a .faq2__icon {border: 1px solid #707070;}
.faq2__row > :is(dt, dd) {display: flex;align-items: center;gap: 2rem;padding: 1rem 3rem 1rem 1.5rem;}
.faq2__a .faq2__icon {border: 1px solid #707070;}

@media (max-width: 768px) {
  .faq2__icon {width: 3.4rem;height: 3.4rem;font-size: 1.7rem;}
}
/* /FAQ2 */



/* TENPO */
.tenpo {margin: 8rem auto 0;}
.tenpo a {background: url(../img/tenpo-bg.png) center/cover no-repeat;display: block;text-align: center;color: #fff;font-size: 3.2rem;font-weight: bold;line-height: 1.4375em;text-decoration: none;padding: 1.5em 1em;position: relative;transition: .3s;}
.tenpo a::after {content: "";position: absolute;top: 50%;translate: 0 -50%;right: calc(50% - 58rem);width: 2.4rem;height: 2.4rem;background: url(../img/icon-newtab-whiteline.svg) center/contain no-repeat;}
.tenpo a:hover {opacity: .7;}

@media ( max-width: 1200px ) {
  .tenpo a::after {right: 1em;}
}

@media ( max-width: 480px ) {
  .tenpo a {font-size: 1.8rem;background-image: url(../img/tenpo-bg_sp.png);padding: 1.9em 1em;}
  .tenpo a::after {width: 4.35vw;height: 4.35vw;}
}
/* /TENPO */



/* INSTAGRAM */
.insta {margin: 80px auto 0;}
.insta__head {font-size: 34px;font-weight: bold;text-align: center;line-height: 1.4;margin: 0;padding: 0 var(--csp);}
.insta__head img {width: 51px;height: 51px;object-fit: cover;}
.insta__link {text-align: right;font-size: 18px;line-height: 1.5;margin: 15px auto 0;width: 100%;max-width: var(--cw2);padding: 0 24px;}
.insta__link a {text-decoration: none;border-bottom: 1px solid;color: inherit;}
.insta__link_icon {position: relative;top: 5px;left: 5px;}
.insta__link a:hover {text-decoration: none;border: none;}
.insta__gallery {list-style: none;padding: 0;display: flex;--num: 8;--gap: 0px;gap: var(--gap);flex-wrap: wrap;margin-top: 1em;}
.insta__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );aspect-ratio: 1/1;}
.insta__galleryLink {display: block;width: 100%;height: 100%;background: #fff;position: relative;}
.insta__item img {width: 100%;height: 100%;object-fit: cover;}
.insta__galleryLink::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://pakingknitandgo.itembox.design/item/icon-newtab.svg) center/30px no-repeat #000a;opacity: 0;transition: .3s;}
.insta__galleryLink:hover::after {opacity: 1;}

@media ( max-width: 768px ) {
  .insta__gallery {--num: 4;}
}

@media ( max-width: 480px ) {
  .insta {margin-top: 15.46vw;}
  .insta__head {font-size: 6.76vw;}
  .insta__head img {width: 10vw;height: 10vw;}
  .insta__link {font-size: 14px;padding: 0 4vw;margin-top: 2vw;}
  .insta__link_icon {top: 1vw;left: 0;width: 8vw;padding-left: 2vw;}
  .insta__gallery {margin-top: 3vw;}
}

@media ( max-width: 374px ) {
  .insta__gallery {--num: 2;}
}
/* /INSTAGRAM */



/* MESSAGE */
.message {padding: 150px 24px;background: #f4f5f7;}
.message figure {text-align: center;margin-top: 50px;}
.message__inner {max-width: 1000px;margin: auto;}
.message p {font-size: 1.125em;line-height: 1.8;margin-top: 1.8em;}
.message__name {font-weight: bold;text-align: right;}

@media ( max-width: 480px ) {
  .message {--plr: 5.8vw;padding: 15.46vw var(--plr);}
  .message figure {margin: 6vw calc(var(--plr) * -1) 0;}
  .message p {font-size: 14px;}
}
/* /MESSAGE */



/* CONTACT FORM */
.form_frame {width: 100%;}
.form_frame__wrapper {max-width: var(--cw3);margin: 8rem auto 0;border-top: 1px solid #ccc;}
/* /CONTACT FORM */



/* FOOTER */
#footer {padding: 3.3em 1.5em;}
.footerMenu {display: flex;justify-content: center;flex-wrap: wrap;color: #333;}
.footerMenu > li:nth-child(n+2) {border-left: 1px solid #D0D0D0;}
.footerMenu a {color: inherit;text-decoration: none;padding: 0 1em;}
.footerMenu a:hover {text-decoration: underline;}
#copy {font-size: 0.75em;text-align: center;margin-top: 1.4em;}

@media ( max-width: 480px ) {
  .footerMenu {flex-direction: column;text-align: center;gap: 3vw;}
  #copy {margin-top: 3em;}
}
/* /FOOTER */



/* _meCP Banner */
.banner_andmecp {margin: 0 auto;padding: 0 1rem;display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;max-width: var(--cw);}
.banner_andmecp__link {transition: .3s;}
.banner_andmecp__link:hover {opacity: .7;}
/* /_meCP Banner */



/* Banner */
.banner {padding: 0 20px;text-align: center;margin: 46px auto 68px;}
.banner a {transition: .2s;}
.banner a:hover {opacity: .7;}

@media (max-width: 768px) {
  .banner {padding: 0;}
}
/* /Banner */



/* Lineup */
.list_items {display: flex;font-size: 1.8rem;flex-wrap: wrap;--num: 3;--gap: 1.398rem;gap: 3rem var(--gap);margin: 4.6rem auto 0;max-width: var(--cw3);}
.list_items-item {width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));position: relative;--lh: 1.3;padding-bottom: 6.2rem;}
.list_items-head {width: 100%;position: absolute;top: 0;left: 0;font-size: 1.9rem;line-height: 1.3;padding: 0 1.1rem;z-index: 1;color: #333;}
.list_items-head--white {color: #fff;}
.list_items-head--dgray {color: #707070;}
.list_items-head-big {font-size: 2.7rem;}
.list_items-img {width: 100%;aspect-ratio: 325/217;}
.list_items-img--new {position: relative;}
.list_items-img--new::before {content: "";position: absolute;left: 1rem;bottom: 1rem;width: 4.8rem;height: auto;aspect-ratio: 1/1;background: url(../img/icon-new-circle-orange.svg) center/contain no-repeat;}
.list_items-img img {width: 100%;height: 100%;object-fit: cover;}
.list_items-price {font-size: 1.4rem;font-weight: bold;line-height: 1.3;color: #ed3e38;}
.list_items-price-big {font-size: 2.2rem;}
.list_items-price-small {font-size: 0.7em;font-weight: normal;}
.list_items-btn {display: block;width: 100%;max-height: 5rem;aspect-ratio: 325/50;position: absolute;bottom: 0;}
.list_items-btn img {width: 100%;height: 100%;object-fit: contain;}
.list_items-teika {font-size: 1.6rem;line-height: var(--lh);}
.list_items-suuryou {font-size: 1.6rem;line-height: var(--lh);color: #ed3e38;font-weight: bold;margin-top: 0.5rem;}
.list_items-size {font-size: 1.6rem;line-height: var(--lh);color: #707070;margin-top: 0.5rem;}
.list_items-price2 {font-size: 2.2rem;font-weight: bold;line-height: 1.4;text-align: left;margin-top: 0.8rem;}
.list_items-price2__teika {font-size: 1.6rem;text-decoration: line-through;}
.list_items-price2__tokka {color: #e33b32;}
.list_items-suuryou2 {display: inline-block;font-size: 1.6rem;color: #ed3e38;margin-left: 0.3em;}
.list_items-exp {font-size: 1.6rem;line-height: 1.5;margin-top: 0.8rem;color: #707070;text-align: left;}
.list_items-name {font-weight: bold;line-height: 1.3;text-align: left;border-bottom: 0.1rem solid;padding: 0.8rem 0 0.6rem;display: flex;align-items: center;margin-top: 0;}
.list_items__notice {display: block;font-size: 0.8em;line-height: 1.2;text-indent: -1em;padding-left: 1em;margin: 0.6rem 0 0;}

@media ( max-width: 768px ) {
  .list_items {--num: 2;gap: 2.5rem var(--gap);}
  .list_items-btn {aspect-ratio: 190/55;max-height: 6rem;}
}

@media ( max-width: 599px ) {
  .list_items-head {font-size: 1.6rem;padding: 0 0.8rem;}
  .list_items-head-big {font-size: 2.4rem;}
  .list_items-price {margin-top: 0.8rem;}
  .list_items-item {padding-bottom: 7.2rem;}
}

@media (max-width: 480px) {
  .list_items {margin: 3rem auto 0;--gap: 1rem;}
  .list_items-price2__teika {display: block;}
  .list_items-suuryou2 {display: block;}
  .list_items-img--new::before {width: 3.2rem;left: 0.5rem;bottom: 0.5rem;}
}
/* /Lineup */

/* 分割ブロック */
.columns2 {display: flex;flex-wrap: wrap;justify-content: center;--num: 3;--gap: 1.5rem;gap: var(--gap);}
.columns2__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.columns2__item p {font-size: 1.6rem;line-height: 1.75;margin-top: 1.5rem;}
.columns2__img {position: relative;}
.columns2__img img {width: 100%;}
.columns2__img__tag {position: absolute;top: 0;left: 0;background: #707070;color: #fff;padding: 0.5rem 1.8rem;font-size: 1.5rem;}
.columns2__img__inner_caption {position: absolute;left: 0;bottom: 0;color: #fff;font-size: 2.4rem;font-weight: bold;line-height: 1.3;padding: 1rem 1.5rem;}
.columns2--2 {--num: 2;}
.columns2--gap40 {--gap: 4rem;}

@media (max-width: 768px) {
  .columns2--tab1 {--num: 1;}
  .columns2--tab2 {--num: 2;}
  .columns2__img__inner_caption {font-size: 1.5rem;}
}

@media (max-width: 528px) {
  .columns2--tab528-1 {--num: 1;}
}

@media (max-width: 480px) {
  .columns2 {--num: 1;--gap: 4rem;}
  .columns2__img__tag {font-size: 2rem;}
  .columns2__img__inner_caption {font-size: 2.8rem;}
}
/* /分割ブロック */

/* 日本伝統×最新技術 */
.dentou {position: relative;padding: 3.7rem var(--csp);margin: 4rem auto 0;height: 31rem;display: flex;flex-direction: column;justify-content: flex-end;}
.dentou__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dentou__img img {width: 100%;height: 100%;object-fit: cover;}
.dentou_head {position: relative;text-align: center;margin: 0;}
.dentou_head img {width: 44rem;}
.dentou__btn {display: flex;justify-content: center;position: relative;}
.dentou__btn a {font-weight: bold;line-height: 1.2;text-decoration: none;color: #fff;border: 0.2rem solid #fff;border-radius: 9999vw;padding: 1.6rem;text-align: center;min-width: 24rem;margin: 3rem auto 0;transition: .2s;}
.dentou__btn a:hover {opacity: .7;}
.dentou__link {display: block;width: fit-content;max-width: 100%;margin: 1rem 0 0 auto;color: #333;text-decoration: none;border-bottom: 0.1rem solid;line-height: 1;}
.dentou__link:hover {border-color: transparent;}

@media (max-width: 480px) {
  .dentou {height: 38rem;}
  .dentou_head img {width: 22rem;}
}
/* /日本伝統×最新技術 */

/* ライン付き見出し */
.hd_big_line {font-size: 4.4rem;font-weight: bold;line-height: 1.458333333333333;text-align: center;overflow: hidden;padding: 0 3rem;}
.hd_big_line__inner {display: block;width: fit-content;max-width: 100%;margin: auto;position: relative;padding: 0 2rem;}
.hd_big_line__inner::before, .hd_big_line__inner::after {content: "";position: absolute;height: 0.2rem;background: #707070;top: calc(50% - 0.1rem);}
.hd_big_line__inner::before {left: -9999vw;right: 100%;}
.hd_big_line__inner::after {left: 100%;right: -9999vw;}

@media (max-width: 768px) {
  .hd_big_line {font-size: 2.8rem;line-height: 1.37;}
}
/* /ライン付き見出し */

/* スマホで全幅 */
@media (max-width: 480px) {
  .block__sp_fill {margin-left: var(--anti-csp);margin-right: var(--anti-csp);}
}
/* /スマホで全幅 */

/* お客様投稿一覧 */
.customer-post-list__wrapper {position: relative;padding-top: max(2.94rem, 4.1rem);margin-top: 3rem;}
.customer_post_list {display: flex;flex-wrap: wrap;--num: 5;justify-content: center;margin-top: 0.75rem;}
.customer_post_list li {width: calc(100% / var(--num));background: #000;}
.customer_post_list a {display: block;transition: .3s;}
.customer_post_list a:hover {opacity: .7;}
.customer_post_list img {width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;}
.customer-post-list__balloon {position: absolute;top: 0;right: var(--csp);width: max(13.06rem, 10.8rem);}
.customer-post-list__here_txt {text-align: center;margin: 0;}

@media (max-width: 768px) {
  .customer_post_list {--num: 4;}
  .customer-post-list__balloon {width: max(6.75rem, 10.8rem);}
}

@media (max-width: 480px) {
  .customer_post_list {--num: 3;}
}
/* /お客様投稿一覧 */

/* メッセージムービー */
.message_video {width: 100%;height: auto;aspect-ratio: 1920/1080;display: block;max-width: 80rem;margin: 3rem auto 0;}
/* /メッセージムービー */

/* RESDV2 */
.resdv2 {text-align: center;background: #f1f1f1;padding: 1.8rem var(--csp) 3rem;display: flex;flex-wrap: wrap;justify-content: center;gap: 1.6rem 4rem;margin: 8rem auto 0;}
.resdv2__head {font-size: 1.6rem;font-weight: bold;line-height: 1.5;width: 100%;margin: 0;}
.resdv2 .btn {width: 30.5rem;}

@media ( max-width: 480px ) {
  .resdv2 {padding: 1.8rem var(--csp) 3rem;gap: 1.2rem 4rem;margin-top: 6rem;}
  .resdv2__head {font-size: 1.4rem;}
  .resdv2 .btn {width: 27.7rem;display: block;margin: auto;}
}
/* /RESDV2 */

/* ボタン */
.btn {transition: .2s;text-decoration: none;}
.btn:hover {opacity: .7;}
/* /ボタン */

/* 開発者のビデオメッセージ */
.dev-message {margin: 0 auto;padding: 6rem var(--csp);background: #f5f5f5;}
.dev-message > :first-child {margin-top: 0 !important;}
.dev-message__video {max-width: 800px;width: 100%;margin: 4rem auto 0;}
.dev-message__video video {width: 100%;height: auto;}
.dev-message__instagram {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 4rem;gap: 1rem;}
.dev-message__instagram iframe {min-width: min(100%, 326px) !important;}
.dev-message__instagram > p {margin: 0;}

@media (max-width: 480px) {
  .dev-message__video {margin: 1rem var(--anti-csp) 0;width: auto;}
  .dev-message__instagram {margin: 3rem var(--anti-csp) 0;}
}
/* /開発者のビデオメッセージ */

/* 中央揃え画像 */
.img_center {display: block;margin: var(--para-gap) auto 0;text-align: center;}
/* /中央揃え画像 */

/* グリーンLP用見出し */
.hd_green {font-size: 4rem;font-weight: bold;line-height: 1.3;text-align: center;margin: 6rem auto 0;}
.hd_green__underline {display: block;font-size: 2.4rem;line-height: 1.4;border-bottom: 0.1rem solid #707070;width: fit-content;margin: 0 auto 1rem;}
.hd_green strong {color: #185c36;}
.hd_green__sub {display: block;font-size: 2.4rem;line-height: 1.4;margin-top: 1rem;}
.hd_green__main {display: block;}
.hd_green__orange {color: #D68039;}
.hd_green__orange_hl {color: #D68039 !important;display: inline-block;border-bottom: 1px dashed;}
.hd_green__black {display: inline-block;color: #fff !important;background: #333333;padding: 0 0.2em;margin: 0 0.2em;}

@media (max-width: 480px) {
  .hd_green {font-size: 2.8rem;line-height: 1.37;margin: 3rem auto 0;}
  .hd_green__underline {font-size: 1.8rem;margin: 0 auto 0.6rem;}
  .hd_green__sub {font-size: 1.8rem;line-height: 1.4;margin-top: 0.8rem;}
  .hd_green--sp_left {text-align: left;}
  .hd_green--sp_tight {letter-spacing: -0.03em;}
  .hd_green__black {padding: 0.1rem 0.6rem;}
}
/* /グリーンLP用見出し */

/* ▼付き見出し */
.hd_triangle {font-size: 1.6rem;line-height: 1.5;text-align: center;margin: 4rem auto 0;width: fit-content;padding: 0 2.2rem;position: relative;}
.hd_triangle::before, .hd_triangle::after {content: "";position: absolute;top: 0.3rem;width: 1.5rem;height: 1.3rem;background: #000;clip-path: polygon(0 0, 100% 0, 50% 100%);}
.hd_triangle::before {left: 0;}
.hd_triangle::after {right: 0;}
.hd_triangle--ref::before, .hd_triangle--ref::after {rotate: 180deg;}

@media (max-width: 480px) {
  .hd_triangle {margin-top: 3rem;}
}
/* /▼付き見出し */

/* フィードバックブロック */
.block_feedback {background: #707070;padding: 4rem var(--csp) 6rem;color: #fff;font-size: 1.8rem;line-height: 1.6;text-align: center;margin: 6rem auto 0;overflow: hidden;}
.block_feedback__head {font-size: inherit;font-weight: normal;line-height: inherit;margin: 0;text-align: center;}
.block_feedback__img {margin-top: 2rem;}
.block_feedback__txt {margin-top: 2rem;}
.block_feedback__txt strong {font-weight: normal;color: #facd55;}
.block_feedback__txt2 {font-size: 2.4rem;line-height: 1.5;margin-top: 2rem;}
.block_feedback__txt2 strong {font-weight: bold;text-decoration: underline;}
.block_feedback__btns {margin-top: 2rem;display: flex;justify-content: center;flex-wrap: wrap;gap: 2rem;}

@media (max-width: 480px) {
  .block_feedback {padding: 3rem var(--csp) 6rem;font-size: 1.6rem;}
  .block_feedback__img {margin: 2rem -5rem 0;}
  .block_feedback__txt2 {font-size: 1.8rem;}
}
/* /フィードバックブロック */

/* 白ボタン */
.btn_white {font-size: 1.8rem;font-weight: bold;line-height: 1.2;color: #333333;text-decoration: none;background: #ffffff;display: flex;align-items: center;justify-content: center;width: fit-content;padding: 1rem 1rem;min-width: 27.7rem;min-height: 4.6rem;position: relative;border-radius: 0.5rem;border: 1px solid #333;box-shadow: 0 0.3rem 0 #000;}
.btn_white::after {content: "";position: absolute;top: 50%;translate: 0 -50%;right: 1.45rem;width: 1rem;height: 1.2rem;background: #333;clip-path: polygon(0 0, 100% 50%, 0 100%);transition: .2s;}
.btn_white:hover {box-shadow: none;top: 3px;}
.btn_white:hover::after {right: 0.8rem;}
/* /白ボタン */

/* 商品の特徴 */
.product_features {display: flex;flex-wrap: wrap;--num: 3;--gap: 2rem;gap: var(--gap);margin: 4rem auto 0;}
.product_features li {width: calc((100% + var(--gap)) / var(--num) - var(--gap));}
.product_features img {width: 100%;height: auto;}
.product_features p {font-size: 1.6rem;line-height: 1.6;margin: 1rem auto 0;}
.product_features__btns {display: flex;justify-content: center;flex-wrap: wrap;gap: 1.2rem 2rem;margin: 3rem auto 0;}
.product_features__btns a {transition: 0.2s;}
.product_features__btns a:hover {opacity: .7;}

@media (max-width: 640px) {
  .product_features {--num: 2;}
}

@media (max-width: 480px) {
  .product_features {--num: 1;--gap: 3rem;margin: 2rem auto 0;}
}
/* /商品の特徴 */

/* ラインナップ */
.cover_lineup {margin: 8rem auto 0;padding: 0 var(--csp);}

@media (max-width: 480px) {
  .cover_lineup {margin-top: 6rem;}
}
/* /ラインナップ */

/* 大きい見出し */
.hd_big {font-size: 4.8rem;font-weight: bold;line-height: 1.458333333333333;text-align: center;margin: 8rem auto 0;}
.hd_big__marker {font-size: inherit !important;display: inline-block;background: #fff;margin: 0 0.2em;}
.hd_big strong {font-size: 1.5em;}
.hd_big__sub {display: block;font-size: 2.4rem;}

@media (max-width: 480px) {
  .hd_big {font-size: 2.4rem;line-height: 1.666666666666667;margin-top: 6rem;}
}
/* /大きい見出し */

/* グループリンクリスト */
.groupList {max-width: 1180px;margin: auto;}
.groupList__list {display: flex;flex-wrap: wrap;--num: 4;--gap: 0.9rem;gap: 3rem var(--gap);margin: 3rem auto 0;}
.groupList__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.groupList__anchor {display: block;text-decoration: none;color: inherit;}
.groupList__img img {width: 100%;height: auto;aspect-ratio: 2/3;object-fit: cover;transition: .3s;}
.groupList__img img:hover {opacity: .7;}
.groupList__caption {font-size: 20px;font-weight: bold;line-height: 1.2;margin: 15px 0 0;}
.groupList__caption::after {content: "";display: inline-block;width: 15px;height: 15px;background: url(../img/icon-arrow-black.svg) center/100% no-repeat;transform: rotate(-90deg);margin-left: 0.6em;}
.groupList__caption:hover {text-decoration: underline;}
.groupList__anchor.groupList__anchor--underline {text-decoration: none;}
.groupList__anchor.groupList__anchor--underline :hover {text-decoration: underline;}

.groupList2__img img {FONT-WEIGHT: 100;height: auto;aspect-ratio: 3/3;object-fit: cover;transition: .3s;}
.groupList__list2 {display: flex;flex-wrap: wrap;--num: 2;--gap: 20px;gap: var(--block-gap) var(--gap);padding: 0;list-style: none;margin: var(--para-gap) 0 0;}
.groupList__caption2 {font-size: 20px;line-height: 1.4;margin: 15px 0 0;}
.groupList2__photo {width: 100%;}
.groupList2__img :hover {opacity: 0.7;transition: 0.3s;}
.groupList__list2 .groupList__item {padding: 0 0 112px;margin: 0 !important;}
.groupList__list2--1col {--num: 1;justify-content: center;}
.groupList__list2--1col .groupList__item {max-width: 380px;}
.groupList__item--new {position: relative;overflow: hidden;}
.groupList__item--new::after {content: "NEW";position: absolute;top: 24px;right: 24px;background: #f00;padding: 5px 100vw;transform: translate(50%, -50%) rotate(45deg);transform-origin: center;color: #fff;font-size: 14px;font-weight: bold;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}

@media ( max-width: 788px ) {
  .groupList2__img img {aspect-ratio: 0;object-fit: cover;transition: .3s;}
}

@media ( max-width: 768px ) {
  .groupList__list {--num: 2;}
  .groupList__img img {aspect-ratio: 5/6;}
  .groupList__caption2 {font-size: 79%;}
}

@media ( max-width: 768px ) {
  .groupList__caption {font-size: 16px;}
  .groupList__caption::after {width: 11px;height: 11px;}
}

@media ( max-width: 599px ) {
  .groupList__item--new::after {font-size: 12px;padding: 3px 100vw;top: 18px;right: 18px;}
}

@media ( max-width: 480px ) {
  .groupList__list2 .groupList__item {padding-bottom: 101px;}
  .groupList__item--new::after {font-size: 10px;padding: 1px 100vw;top: 12px;right: 12px;}
}
/* /グループリンクリスト */

/* 商品名見出し */
.hd_productname {font-size: 4.6rem;font-weight: bold;line-height: 1.3;}
.hd_productname__sub {font-size: 2.4rem;display: block;margin-top: 0.5rem;}

@media (max-width: 480px) {
  .hd_productname__sub {font-size: 1.8rem;}
}
/* /商品名見出し */

/* ラインナップはこちらボタン */
@media (max-width: 480px) {
  .btn_lineup2 {width: 27.7rem;}
}
/* /ラインナップはこちらボタン */

/* ブラックカラー画像 */
.img_black {display: block;margin: 2.2rem auto 0;text-align: center;}

@media (max-width: 480px) {
  .img_black {margin-top: 1.2rem;}
}
/* /ブラックカラー画像 */
