@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Noto+Sans+JP:wght@100..900&display=swap");
/* main */
/* ----------------------------------------------------------------------------*/
.wrapper_,
#wrapper {
  /*------------------------------

    開発環境の初期化

  ------------------------------*/
}
.wrapper_ a,
#wrapper a {
  cursor: revert;
}
.wrapper_ ol,
.wrapper_ ul,
.wrapper_ menu,
#wrapper ol,
#wrapper ul,
#wrapper menu {
  list-style: none;
}
.wrapper_ img,
#wrapper #main img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.wrapper_ table,
#wrapper table {
  border-collapse: collapse;
}
.wrapper_ textarea,
#wrapper textarea {
  white-space: revert;
}
.wrapper_ meter,
#wrapper meter {
  -webkit-appearance: revert;
  appearance: revert;
}
.wrapper_ ::placeholder,
#wrapper ::placeholder {
  color: unset;
}
.wrapper_ :where([hidden]),
#wrapper :where([hidden]) {
  display: none;
}
.wrapper_ :where([contenteditable]),
#wrapper :where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}
.wrapper_ :where([draggable=true]),
#wrapper :where([draggable=true]) {
  -webkit-user-drag: element;
}
.wrapper_ body,
#wrapper body {
  margin: 0;
  padding: 0;
}
.wrapper_ a,
#wrapper a {
  text-decoration: none;
}
.wrapper_ a,
#wrapper a {
  cursor: revert;
}
.wrapper_ ol,
.wrapper_ ul,
.wrapper_ menu,
#wrapper ol,
#wrapper ul,
#wrapper menu {
  list-style: none;
}
.wrapper_ table,
#wrapper table {
  border-collapse: collapse;
}
.wrapper_ textarea,
#wrapper textarea {
  white-space: revert;
}
.wrapper_ meter,
#wrapper meter {
  -webkit-appearance: revert;
  appearance: revert;
}
.wrapper_ ::placeholder,
#wrapper ::placeholder {
  color: unset;
}
.wrapper_ :where([hidden]),
#wrapper :where([hidden]) {
  display: none;
}
.wrapper_ :where([contenteditable]),
#wrapper :where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}
.wrapper_ :where([draggable=true]),
#wrapper :where([draggable=true]) {
  -webkit-user-drag: element;
}
.wrapper_ .l-inner,
#wrapper .l-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .wrapper_ .l-inner,
  #wrapper .l-inner {
    max-width: 1200px;
  }
}
@media (max-width: 1280px) {
  .wrapper_ .l-inner,
  #wrapper .l-inner {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper_ .l-inner,
  #wrapper .l-inner {
    padding: 0;
    max-width: 86.6666666667vw;
  }
}
.wrapper_ sup,
#wrapper sup {
  font-size: 0.75em !important;
}
.wrapper_ .container_,
#wrapper .container_,
#wrapper #main {
  overflow: visible;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.15rem;
  color: #000000;
  background-color: #f8f7f5;
}
@media only screen and (min-width: 768px) {
  .wrapper_ .display-sp,
  #wrapper .display-sp {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper_ .display-pc,
  #wrapper .display-pc {
    display: none !important;
  }
}
.wrapper_ .container_ *,
.wrapper_ .container_ *::before,
.wrapper_ .container_ *::after,
.wrapper_ *,
.wrapper_ *::before,
.wrapper_ *::after,
#wrapper .container_ *,
#wrapper .container_ *::before,
#wrapper .container_ *::after,
#wrapper #main *,
#wrapper #main *::before,
#wrapper #main *::after {
  box-sizing: border-box;
}
.wrapper_ .container_ .img img,
.wrapper_ .img img,
#wrapper .container_ .img img,
#wrapper #main .img img {
  display: block;
  width: 100%;
}
.wrapper_ .container_ [data-anim],
.wrapper_ [data-anim],
#wrapper .container_ [data-anim],
#wrapper #main [data-anim] {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.wrapper_ .container_ [data-anim=top],
.wrapper_ [data-anim=top],
#wrapper .container_ [data-anim=top],
#wrapper #main [data-anim=top] {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}
.wrapper_ .container_ [data-anim=left],
.wrapper_ [data-anim=left],
#wrapper .container_ [data-anim=left],
#wrapper #main [data-anim=left] {
  -webkit-transform: translateX(-60px);
  transform: translateX(-60px);
  opacity: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

#compare-warranties_modal.modal {
  color: #231815;
  font-size: 14px;
  line-height: 2.14286;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #compare-warranties_modal.modal {
    font-size: calc(2.4 * var(--rem));
    line-height: 1.20833;
    padding: 5.33333vw 0;
  }
}

#compare-warranties_modal {
  font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004, "Hiragino Kaku Gothic ProN", sans-serif;
}
#compare-warranties_modal a {
  text-decoration: none;
}

.compare-warranties {
  margin-top: 1.25vw;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0/5px;
  color: #333;
  line-height: 1.667;
}
@media screen and (max-width: 767px) {
  .compare-warranties {
    font-size: 10px;
  }
}

.compare-warranties a {
  margin-top: 1.25vw;
  display: block;
  text-decoration: underline;
  color: #e285a1;
  cursor: pointer;
}

.compare-warranties a:hover {
  text-decoration: none;
}

.compare-warranties_modal-heading {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  position: relative;
  margin: 1rem;
  margin-bottom: 30px;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-heading {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.compare-warranties_modal-heading:after {
  content: "";
  position: relative;
  display: block;
  bottom: 0;
  margin: 0 auto;
  width: 30%;
  max-width: 200px;
  height: 2px;
  background-color: #8c99cb;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-heading:after {
    bottom: -8px;
  }
}
.compare-warranties_modal-table table {
  width: 100%;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-table {
    overflow-x: hidden;
  }
  .compare-warranties_modal-table table {
    margin-bottom: 20px;
  }
}
.compare-warranties_modal-table table tr th {
  background-color: #f1f2f6;
}

.compare-warranties_modal-table table tr th,
.compare-warranties_modal-table table tr td {
  border: 1px solid #cccccc;
  line-height: 1.4;
  padding: 10px 20px;
}

.compare-warranties_modal-table sup {
  top: -0.5em;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-table sup {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .compare-warranties_modal-table table tr th,
  .compare-warranties_modal-table table tr td {
    white-space: nowrap;
    padding: 10px 5px;
    font-size: 11px;
  }
}
.compare-warranties_modal-ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-ttl {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}
.compare-warranties_modal-logoimg {
  max-width: 300px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-logoimg {
    margin-bottom: 20px;
    width: 65%;
  }
}
.compare-warranties_modal-img {
  max-width: 400px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-img {
    margin-bottom: 20px;
    width: 90%;
  }
}
.compare-warranties_modal-img img {
  width: 100%;
}

.compare-warranties_modal-list li {
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.compare-warranties_modal-list {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .compare-warranties_modal-list li {
    font-size: 10px;
  }
}
.button-common {
  color: #fff;
  background: #ed6c00;
  font-size: calc(2 * var(--rem));
  line-height: 1.55556;
  text-align: center;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(47 * var(--rem));
  height: calc(7 * var(--rem));
  margin: 0 auto;
  transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

@media screen and (max-width: 767px) {
  .button-common {
    width: calc(55 * var(--rem));
    height: calc(14 * var(--rem));
    font-size: calc(2.8 * var(--rem));
  }
}
.button-common--text-small {
  font-size: calc(1.8 * var(--rem));
}

@media screen and (max-width: 767px) {
  .button-common--text-small {
    font-size: calc(2.8 * var(--rem));
    line-height: 1.42857;
    height: calc(12 * var(--rem));
  }
}
.button-common:visited {
  color: #fff;
}

.button-common:link {
  color: #fff;
}

.button-common:before {
  content: "";
  position: absolute;
  width: calc(1.4 * var(--rem));
  height: calc(1.4 * var(--rem));
  right: calc(4.2 * var(--rem));
  top: calc(50% - 1.4 * var(--rem) / 2);
  border: solid #fff;
  border-width: calc(0.2 * var(--rem)) calc(0.2 * var(--rem)) 0 0;
  transform: rotate(45deg);
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .button-common:before {
    right: calc(4 * var(--rem));
  }
}
.button-common--anchor:before {
  top: calc(50% - 1.4 * var(--rem) / 2 - 0.4 * var(--rem));
  transform: rotate(135deg);
}

.button-common[target=_blank]:before {
  content: "";
  background: url(../img/icn_blank.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  width: calc(1.9 * var(--rem));
  height: calc(1.6 * var(--rem));
  right: calc(2.2 * var(--rem));
  top: calc(50% - 1.6 * var(--rem) / 2);
  border: none;
  transform: rotate(0deg);
}

@media screen and (max-width: 767px) {
  .button-common[target=_blank]:before {
    right: calc(3.2 * var(--rem));
  }
}
.button-common--cart {
  padding-left: 2em;
}

.button-common--cart::before {
  content: "";
  background: url(../img/icn_cart.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  transform: translateY(-50%);
  width: calc(2 * var(--rem));
  height: calc(2 * var(--rem));
  left: calc(11 * var(--rem));
  top: 50%;
  border: none;
}

@media screen and (max-width: 767px) {
  .button-common--cart::before {
    width: calc(3 * var(--rem));
    height: calc(3.3 * var(--rem));
  }
}
.button-common.black_button_ {
  background-color: #000;
  transition: 0.3s;
}

.button-common.black_button_:hover {
  opacity: 0.7;
}

/*============================
  section
============================*/
@media screen and (min-width: 768px) {
  .container_ .section__inner,
  #main .section__inner {
    width: 1100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .section__inner,
  #main .section__inner {
    width: 68.75vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .section__inner,
  #main .section__inner {
    padding: 0 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .container_ .section__inner--wide,
  #main .section__inner--wide {
    width: 1400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .section__inner--wide,
  #main .section__inner--wide {
    width: 87.5vw;
  }
}
@media screen and (min-width: 1601px) {
  .container_ .section__inner--wide,
  #main .section__inner--wide {
    width: 1600px;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1600px) {
  .container_ .section__inner--wide,
  #main .section__inner--wide {
    width: 100vw;
  }
}

/*============================
  血流
============================*/
.blood-wrap {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .blood-wrap {
    width: 500px;
    transform: scale(1.2) rotate(15deg);
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .blood-wrap {
    width: 31.25vw;
  }
}
@media screen and (max-width: 767px) {
  .blood-wrap {
    top: 14.6666666667vmin;
    width: 40vmin;
    transform: scale(1.2) rotate(10deg);
    opacity: 1;
  }
}
.blood-wrap .canvasWave {
  position: absolute;
  top: 0;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .blood-wrap .canvasWave#canvasWave_orange_pc, .blood-wrap .canvasWave#canvasWave_gray_pc {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .blood-wrap .canvasWave#canvasWave_orange_pc, .blood-wrap .canvasWave#canvasWave_gray_pc {
    width: 31.25vw;
  }
}
@media screen and (max-width: 767px) {
  .blood-wrap .canvasWave#canvasWave_orange_sp, .blood-wrap .canvasWave#canvasWave_gray_sp {
    top: 14.6666666667vmin;
    width: 40vmin;
  }
}

.breadcrumb-wrap {
  background-color: #ffffff;
  padding-bottom: 1px;
  padding-top: 1px;
  position: relative;
  z-index: 3;
}
#goodsspec_body #gallery .img_thumbnail_view_ .thumbnailList {
  position: relative;
  z-index: 3;
}
#goodsspec_body #gallery .img_main_ .icon_showList {
  z-index: 4;
}
#goodsspec_contents_ {
  position: relative;
  z-index: 3;
}

#js-include-special,
#js-include-trust,
#js-include-footer {
  position: relative;
  z-index: 3;
  background-color: #ffffff;
}

/*============================
  見出し・本文
============================*/
.comprehensive-h2__eng {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__eng {
    padding-left: 30px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__eng {
    font-size: 4vmin;
    padding-left: 9.3333333333vmin;
  }
}
.comprehensive-h2__eng:before, .comprehensive-h2__eng:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-radius: 100px;
  background-color: #ff872b;
}
.comprehensive-h2__eng:before {
  left: 0;
  opacity: 0.22;
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__eng:before {
    width: 22px;
    height: 22px;
    top: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:before {
    width: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:before {
    height: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:before {
    top: 0.25vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__eng:before {
    width: 6.6666666667vmin;
    height: 6.6666666667vmin;
    top: 0vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__eng:after {
    width: 8px;
    height: 8px;
    top: 11px;
    left: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:after {
    width: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:after {
    height: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:after {
    top: 0.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__eng:after {
    left: 0.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__eng:after {
    width: 1.0666666667vmin;
    height: 1.0666666667vmin;
    top: 2.6666666667vmin;
    left: 2.9333333333vmin;
  }
}
.comprehensive-h2__ja, .mechanism-top, .comfort-top {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__ja {
    font-size: 32px;
    letter-spacing: 0.12rem;
    line-height: 1.575;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__ja {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__ja {
    font-size: 6.4vmin;
    letter-spacing: 0rem;
    line-height: 1.541;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__ja:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__ja:not(:first-child) {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__ja:not(:first-child) {
    margin-top: 5.3333333333vmin;
  }
}
.tab .comprehensive-h2__ja {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__ja__inline {
    display: inline-block;
  }
}
.comprehensive-h2__ja__inline__accent {
  color: #ff872b;
}
.comprehensive-h2__ja__inline--sup {
  display: block;
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__ja__inline--sup {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__ja__inline--sup {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__ja__inline--sup {
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-h2__ja__inline--sup-small {
    display: inline-block;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-h2__ja__inline--sup-small {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-h2__ja__inline--sup-small {
    display: block;
    font-size: 3.2vmin;
  }
}
.comprehensive-h2--white {
  color: #ffffff;
}
.comprehensive-h2--white .comprehensive-h2__eng:before, .comprehensive-h2--white .comprehensive-h2__eng:after {
  background-color: #ffffff;
}

.paragraph {
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 768px) {
  .paragraph {
    font-size: 16px;
    line-height: 2.136;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .paragraph {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .paragraph {
    font-size: 3.4666666667vmin;
    line-height: 2.038;
  }
}

/*============================
  kv
============================*/
.comprehensive-kv {
  position: relative;
  z-index: 3;
}
.comprehensive-kv.is-active .comprehensive-kv__txt__effect {
  transform: translateY(0);
  opacity: 1;
}
.comprehensive-kv.is-active .comprehensive-kv__txt__logo {
  transform: translateY(0);
  opacity: 1;
}
.comprehensive-kv.is-active .comprehensive-kv__txt__medical {
  transform: translateY(0);
  opacity: 1;
}
.comprehensive-kv__blood {
  position: absolute;
  bottom: 0;
  z-index: 91;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv__blood {
    right: 0;
    width: 1245px;
    height: 385px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__blood {
    width: 77.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__blood {
    height: 24.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv__blood {
    left: 0;
    width: 100vmin;
    height: 53.4666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-kv__txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 380px;
    min-width: 270px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt {
    width: 23.75vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv__txt {
    text-align: center;
    position: absolute;
    top: 54.6666666667vmin;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }
}
.comprehensive-kv__txt__effect {
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.2rem;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv__txt__effect {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__effect {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv__txt__effect {
    font-size: 5.0666666667vmin;
  }
}
.comprehensive-kv__txt__logo {
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.25s;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv__txt__logo {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__logo {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv__txt__logo {
    margin-top: 2.6666666667vmin;
    width: 78vmin;
  }
}
.comprehensive-kv__txt__medical {
  display: inline-block;
  border: 1px solid #ffffff;
  color: #ffffff;
  letter-spacing: 0.16rem;
  text-align: center;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.5s;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 0 10px;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv__txt__medical {
    margin-top: 30px;
    padding-top: 8px;
    padding-right: 22px;
    padding-bottom: 8px;
    padding-left: 22px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__medical {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__medical {
    padding-top: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__medical {
    padding-right: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__medical {
    padding-bottom: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__medical {
    padding-left: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv__txt__medical {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv__txt__medical {
    margin-top: 4vmin;
    font-size: 2.6666666667vmin;
    padding: 2vmin 2.9333333333vmin;
    line-height: 1em;
  }
}
.comprehensive-kv__slick {
  display: flex;
}
.comprehensive-kv__slick__item {
  overflow: hidden;
  background-color: #ffffff;
  width: 50%;
}
.comprehensive-kv__slick__item__img {
  transition: ease 3s;
  transform: scale(1.3);
}
.comprehensive-kv__slick__item__img img {
  width: 100%;
}
.comprehensive-kv__slick .slick-active picture {
  transform: scale(1);
}

/*============================
  アンカーリンク
============================*/
.comprehensive-anchor {
  position: fixed;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -101%);
  z-index: 110;
  transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background: linear-gradient(90deg, rgb(255, 137, 46) 0%, rgb(254, 164, 79) 100%);
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor {
    top: calc(7 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-anchor {
    top: 16.2666666667vmin;
  }
}
.comprehensive-anchor.is-show {
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor.is-up {
    top: calc(12.2 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-anchor.is-up {
    top: 31.2vmin;
  }
}
.comprehensive-anchor__lists {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor__lists {
    max-width: calc(110 * var(--rem));
    margin-left: auto;
    margin-right: auto;
  }
}
.comprehensive-anchor__lists__item {
  position: relative;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor__lists__item:first-child:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: calc(3 * var(--rem));
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor__lists__item:last-child:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: calc(3 * var(--rem));
    background-color: #ffffff;
  }
}
.comprehensive-anchor__lists__item:not(:first-child):before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor__lists__item:not(:first-child):before {
    height: calc(3 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-anchor__lists__item:not(:first-child):before {
    height: calc(3 * var(--rem));
  }
}
.comprehensive-anchor__lists__item a {
  position: relative;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2 !important;
  color: #ffffff;
  background-repeat: no-repeat;
  background-image: url("../img/comprehensive/ic-fixed-anchor.png");
}
@media screen and (min-width: 768px) {
  .comprehensive-anchor__lists__item a {
    font-size: calc(1.8 * var(--rem));
    padding: calc(1.9 * var(--rem)) calc(4.5 * var(--rem)) calc(1.9 * var(--rem)) calc(2.6 * var(--rem));
    letter-spacing: 0.16rem;
    background-size: calc(2.2 * var(--rem));
    background-position: center right calc(2 * var(--rem));
    transition: ease 0.5s;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-anchor__lists__item a {
    font-size: calc(2.6 * var(--rem));
    padding: calc(2.3 * var(--rem)) calc(2 * var(--rem)) calc(4.5 * var(--rem)) calc(2 * var(--rem));
    background-size: calc(2.2 * var(--rem));
    background-position: center bottom calc(1.5 * var(--rem));
    letter-spacing: 0em;
  }
}
.comprehensive-anchor__lists__item a:hover {
  opacity: 0.7;
}

.comprehensive-kv-anchor {
  text-align: center;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv-anchor {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv-anchor {
    margin-top: 9.3333333333vmin;
    margin-bottom: 9.3333333333vmin;
  }
}
.comprehensive-kv-anchor .kvbottom-anchor-button__link {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  letter-spacing: 0.16rem;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 45px;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 85px;
    padding-bottom: 20px;
    padding-left: 85px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    padding-right: 5.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    padding-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    padding-left: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6vmin;
    padding: 2.6666666667vmin 10.6666666667vmin;
    font-size: 2.6666666667vmin;
  }
}
.comprehensive-kv-anchor .kvbottom-anchor-button__link:before, .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
  background: linear-gradient(75deg, #ff872b 0%, #999999 100%);
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
    width: 38px;
    height: 38px;
    top: 15px;
    right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
    width: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
    height: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
    top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
    right: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:before {
    width: 5.0666666667vmin;
    height: 5.0666666667vmin;
    top: 2.4vmin;
    right: 2.9333333333vmin;
  }
}
.comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 30px;
    right: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    right: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:after {
    border-right-width: 0.6666666667vmin;
    border-left-width: 0.6666666667vmin;
    border-top-width: 1.2vmin;
    top: 4.5333333333vmin;
    right: 4.8vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-kv-anchor .kvbottom-anchor-button__link:hover {
    opacity: 0.7;
  }
}

/*============================
  キャンペーンバナー
============================*/
.cp-img {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cp-img {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .cp-img {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .cp-img {
    margin-bottom: 8vmin;
  }
}
.cp-img__link {
  display: inline-block;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .cp-img__link:hover {
    opacity: 0.7;
  }
}
.cp-img__link__picture {
  display: inline-block;
}

/*============================
  ライブコマースバナー
============================*/
.live-img {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .live-img {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .live-img {
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .live-img {
    margin-top: 8vmin;
    margin-bottom: 8vmin;
  }
}
.live-img__link {
  display: inline-block;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .live-img__link:hover {
    opacity: 0.7;
  }
}
.live-img__link__picture {
  display: inline-block;
}

/*============================
  レビュー
============================*/
.review {
  position: relative;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .review {
    padding-top: 30px;
    padding-bottom: 125px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review {
    padding-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review {
    padding-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .review {
    padding: 9.3333333333vmin 0 14.6666666667vmin;
  }
}
.review .section__inner {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .review .customer-voice {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice:not(:first-child) {
    margin-top: 105px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice:not(:first-child) {
    margin-top: 6.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice:not(:first-child) {
    margin-top: 17.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice__txt {
    width: 50%;
    margin-top: 120px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__txt {
    margin-top: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__txt {
    margin-right: 1.875vw;
  }
}
.review .customer-voice__txt .comprehensive-h2__ja__inline {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__txt__sup {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 0.12em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__txt__sup {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__txt__sup {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__txt__sup {
    margin-top: 4vmin;
    font-size: 2.6666666667vmin;
    letter-spacing: 0.01em;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart {
    margin-top: 10.6666666667vmin;
  }
}
.review .customer-voice__chart .chart-container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart .chart-container {
    width: 510px;
    height: 510px;
    margin-right: 30px;
    margin-bottom: 23px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container {
    width: 31.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container {
    height: 31.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container {
    margin-right: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container {
    margin-bottom: 1.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart .chart-container {
    width: 100%;
    height: 80vmin;
  }
}
.review .customer-voice__chart .chart-container .chart-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
}
.review .customer-voice__chart .chart-container .chart-text .label {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart .chart-container .chart-text .label {
    font-size: 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container .chart-text .label {
    font-size: 2.75vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart .chart-container .chart-text .label {
    font-size: 7.4666666667vmin;
  }
}
.review .customer-voice__chart .chart-container .chart-text .value {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ff872b;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart .chart-container .chart-text .value {
    font-size: 104px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container .chart-text .value {
    font-size: 6.5vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart .chart-container .chart-text .value {
    font-size: 17.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart .chart-container .chart-text .value span {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container .chart-text .value span {
    font-size: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart .chart-container .chart-text .value span {
    font-size: 8vmin;
  }
}
.review .customer-voice__chart .chart-container__bubble-1 {
  position: absolute;
  height: auto;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart .chart-container__bubble-1 {
    top: 70px;
    right: -30px;
    width: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container__bubble-1 {
    top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container__bubble-1 {
    right: -1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container__bubble-1 {
    width: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart .chart-container__bubble-1 {
    top: -2.6666666667vmin;
    right: 0;
    width: 21.6vmin;
  }
}
.review .customer-voice__chart .chart-container__bubble-1 img {
  width: 100%;
  height: auto;
}
.review .customer-voice__chart .chart-container__bubble-2 {
  position: absolute;
  height: auto;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__chart .chart-container__bubble-2 {
    left: 30px;
    bottom: -23px;
    width: 132px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container__bubble-2 {
    left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container__bubble-2 {
    bottom: -1.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__chart .chart-container__bubble-2 {
    width: 8.25vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__chart .chart-container__bubble-2 {
    left: 2.6666666667vmin;
    bottom: 0;
    width: 22.1333333333vmin;
  }
}
.review .customer-voice__chart .chart-container__bubble-2 img {
  width: 100%;
  height: auto;
}
.review .voices-wrap {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap {
    margin-top: 40px;
    width: 1560px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap {
    width: 97.5vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap {
    margin-right: -9.3333333333vmin;
    padding-bottom: 6.6666666667vmin;
  }
}
.review .voices-wrap .voices__item {
  line-height: initial;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices__item {
    max-width: 360px;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item {
    max-width: 22.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item {
    padding-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item {
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item {
    padding-left: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices__item {
    width: 61.3333333333vmin !important;
    padding-top: 6.6666666667vmin;
    padding-right: 6.6666666667vmin;
    padding-bottom: 9.3333333333vmin;
    padding-left: 6.6666666667vmin;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
}
.review .voices-wrap .voices__item__reviewer {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices__item__reviewer__icon {
    width: 64px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item__reviewer__icon {
    width: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices__item__reviewer__icon {
    width: 10.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices__item__reviewer__info {
    margin-left: 20px;
    width: calc(100% - 4vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item__reviewer__info {
    margin-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices__item__reviewer__info {
    margin-left: 2.6666666667vmin;
    width: calc(100% - 13.3333333333vmin);
    line-height: 1;
  }
}
.review .voices-wrap .voices__item__reviewer__info__name {
  letter-spacing: 0.12rem;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices__item__reviewer__info__name {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item__reviewer__info__name {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices__item__reviewer__info__name {
    font-size: 3.2vmin;
  }
}
.review .voices-wrap .voices__item__reviewer__info__size {
  color: #999999;
  letter-spacing: 0.12rem;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices__item__reviewer__info__size {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item__reviewer__info__size {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices__item__reviewer__info__size {
    margin-top: 1.3333333333vmin;
    font-size: 2.9333333333vmin;
  }
}
.review .voices-wrap .voices__item__txt {
  line-height: 1.72;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices__item__txt {
    margin-top: 35px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item__txt {
    margin-top: 2.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices__item__txt {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices__item__txt {
    margin-top: 5.3333333333vmin;
    font-size: 3.4666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices .slick-list {
    margin-left: -10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-list {
    margin-left: -0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices .slick-list {
    margin-left: -2.6666666667vmin;
  }
}
.review .voices-wrap .voices .slick-list .slick-track {
  display: flex;
}
.review .voices-wrap .voices .slick-list .slick-track .slick-slide {
  height: auto !important;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices .slick-list .slick-track .slick-slide {
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-list .slick-track .slick-slide {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-list .slick-track .slick-slide {
    padding-right: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-list .slick-track .slick-slide {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-list .slick-track .slick-slide {
    padding-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices .slick-list .slick-track .slick-slide {
    padding-top: 2.6666666667vmin;
    padding-right: 2.6666666667vmin;
    padding-bottom: 2.6666666667vmin;
    padding-left: 2.6666666667vmin;
  }
}
.review .voices-wrap .voices .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.review .voices-wrap .voices .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices .slick-arrow {
    width: 74px;
    height: 74px;
    left: -120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-arrow {
    width: 4.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-arrow {
    height: 4.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-arrow {
    left: -7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices .slick-arrow {
    display: none !important;
  }
}
.review .voices-wrap .voices .slick-arrow.slick-prev {
  bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-arrow.slick-prev {
    bottom: 0.625vw;
  }
}
.review .voices-wrap .voices .slick-arrow.slick-next {
  bottom: 105px;
  transform: scaleX(-1);
}
@media screen and (max-width: 1600px) {
  .review .voices-wrap .voices .slick-arrow.slick-next {
    bottom: 6.5625vw;
  }
}
@media screen and (min-width: 768px) {
  .review .voices-wrap .voices .slick-arrow:hover {
    opacity: 0.4;
  }
}
.review .voices-wrap .voices .slick-dots {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  .review .voices-wrap .voices .slick-dots {
    width: 80vmin;
    margin-top: 2.6666666667vmin;
  }
}
.review .voices-wrap .voices .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.review .voices-wrap .voices .slick-dots li button {
  display: block;
  width: 100%;
  background: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  height: 1.3333333333vmin;
}
.review .voices-wrap .voices .slick-dots li.slick-active button {
  background-color: #ff872b;
}

/*============================
  コンセプト
============================*/
.concept {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .concept {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept {
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .concept {
    padding-bottom: 16vmin;
  }
}
.concept__lead {
  position: relative;
}
@media screen and (min-width: 768px) {
  .concept__lead {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead {
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead {
    padding-top: 14.6666666667vmin;
  }
}
.concept__lead:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
}
@media screen and (min-width: 768px) {
  .concept__lead:before {
    height: 790px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead:before {
    height: 49.375vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead:before {
    height: 128vmin;
  }
}
.concept__lead .section__inner {
  position: relative;
}
.concept__lead__heading {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .concept__lead__heading {
    font-size: 24px;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__heading {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__heading {
    font-size: 4.2666666667vmin;
    margin-left: -2.6666666667vmin;
    margin-right: -2.6666666667vmin;
    letter-spacing: 0.01em;
  }
}
.concept__lead__heading__iniline {
  display: inline-block;
}
.concept__lead__txt {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .concept__lead__txt {
    letter-spacing: 0.03em;
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__txt {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__txt {
    font-size: 6.4vmin;
    margin-left: -2.6666666667vmin;
    margin-right: -2.6666666667vmin;
    letter-spacing: 0.01em;
  }
}
.concept__lead__medical {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-color: #ff872b;
  border-style: solid;
  color: #ff872b;
  text-align: center;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .concept__lead__medical {
    margin-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 3px;
    width: 130px;
    height: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical {
    border-width: 0.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical {
    width: 8.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical {
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__medical {
    margin-top: 6.6666666667vmin;
    padding-right: 2.6666666667vmin;
    padding-left: 2.6666666667vmin;
    border-width: 0.4vmin;
    width: 29.3333333333vmin;
    height: 32vmin;
  }
}
.concept__lead__medical__heading {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .concept__lead__medical__heading {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical__heading {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__medical__heading {
    font-size: 4.5333333333vmin;
  }
}
.concept__lead__medical__sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .concept__lead__medical__sub {
    margin-top: 10px;
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical__sub {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__medical__sub {
    font-size: 0.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__medical__sub {
    margin-top: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
.concept__lead__paragraph {
  text-align: center;
  color: #ffffff;
  line-height: 1.818;
}
@media screen and (min-width: 768px) {
  .concept__lead__paragraph {
    margin-top: 15px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__paragraph {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__paragraph {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__paragraph {
    margin-top: 4vmin;
    font-size: 3.4666666667vmin;
  }
}
.concept__lead__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .concept__lead__img {
    margin-top: 20px;
    aspect-ratio: 160 / 53;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__lead__img {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__lead__img {
    margin-top: 6.6666666667vmin;
    aspect-ratio: 61 / 39;
  }
}
@media screen and (min-width: 768px) {
  .concept__columns {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__columns {
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__columns {
    margin-top: 10vmin;
  }
}
@media screen and (min-width: 768px) {
  .concept__columns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .concept__columns__column__txt {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .concept__columns__column__txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__columns__column__txt {
    margin-top: 4vmin;
  }
}
.concept__columns__column__txt__inline {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .concept__columns__column .comprehensive-h2__ja {
    letter-spacing: -0.04em;
    margin-right: -5.3333333333vmin;
  }
}
.concept__columns__column .comprehensive-h2__ja__inline {
  display: inline-block;
}

/*============================
  効果
============================*/
.effect {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .effect__columns {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns {
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img {
    width: 50%;
  }
}
.effect__columns__column--img .effect-slick {
  background-color: #f8f7f5;
}
.effect__columns__column--img .effect-slick__item {
  position: relative;
}
.effect__columns__column--img .effect-slick__item__circle {
  position: absolute;
  animation: 10s linear infinite rotation1;
}
@keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 768px) {
  #wrapper #main .effect__columns__column--img .effect-slick__item__circle,
  .wrapper_ .effect__columns__column--img .effect-slick__item__circle {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .effect__columns__column--img .effect-slick__item__circle,
  .wrapper_ .effect__columns__column--img .effect-slick__item__circle {
    width: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .effect__columns__column--img .effect-slick__item__circle,
  .wrapper_ .effect__columns__column--img .effect-slick__item__circle {
    width: 18.4vmin;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick__item--woman__circle--point1 {
    top: 17%;
    right: 61%;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick__item--woman__circle--point1 {
    top: 10%;
    right: 73%;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick__item--woman__circle--point2 {
    top: 66%;
    right: 11%;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick__item--woman__circle--point2 {
    top: 60%;
    right: 6%;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick__item--man__circle--point1 {
    top: 14%;
    right: 11%;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick__item--man__circle--point1 {
    top: 10%;
    right: 9%;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick__item--man__circle--point2 {
    top: 75%;
    right: 65%;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick__item--man__circle--point2 {
    top: 63%;
    right: 77%;
  }
}
.effect-slick__item .effect-slick__item__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .effect-slick__item .effect-slick__item__img {
    aspect-ratio: 13 / 18;
  }
}
@media screen and (max-width: 767px) {
  .effect-slick__item .effect-slick__item__img {
    aspect-ratio: 25 / 16;
  }
}
.effect__columns__column--img .effect-slick .slick-dots {
  position: absolute;
  display: flex;
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick .slick-dots {
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--img .effect-slick .slick-dots {
    bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--img .effect-slick .slick-dots {
    right: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick .slick-dots {
    bottom: 2.6666666667vmin;
    right: 4vmin;
  }
}
.effect__columns__column--img .effect-slick .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.effect__columns__column--img .effect-slick .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid #ffffff;
  background-color: transparent;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--img .effect-slick .slick-dots li button {
    width: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--img .effect-slick .slick-dots li button {
    height: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick .slick-dots li button {
    width: 1.8666666667vmin;
    height: 1.8666666667vmin;
  }
}
.effect__columns__column--img .effect-slick .slick-dots li.slick-active button {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .effect__columns__column--img .effect-slick .slick-dots li:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--img .effect-slick .slick-dots li:not(:first-child) {
    margin-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--img .effect-slick .slick-dots li:not(:first-child) {
    margin-left: 1.8666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--txt {
    width: 50%;
    padding-top: 100px;
    padding-left: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt {
    padding-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt {
    padding-left: 5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--txt {
    background-color: #f1efeb;
    padding-top: 13.3333333333vmin;
    padding-left: 9.3333333333vmin;
    padding-right: 9.3333333333vmin;
    padding-bottom: 13.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--txt .effect-list {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt .effect-list {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--txt .effect-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 9.3333333333vmin;
    margin-bottom: 0vmin;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--txt .effect-list__item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--txt .effect-list__item {
    text-align: center;
    width: 20vmin;
    padding-left: 1.3333333333vmin;
    padding-right: 1.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .effect__columns__column--txt .effect-list__item:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt .effect-list__item:not(:first-child) {
    margin-top: 1.875vw;
  }
}
.effect__columns__column--txt .effect-list__item__icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .effect__columns__column--txt .effect-list__item__icon {
    width: 83px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt .effect-list__item__icon {
    width: 5.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--txt .effect-list__item__icon {
    height: 14.2666666667vmin;
  }
}
#wrapper #main .effect__columns__column--txt .effect-list__item__icon img,
.wrapper_ .effect__columns__column--txt .effect-list__item__icon img {
  height: 100%;
  width: auto;
}
.effect__columns__column--txt .effect-list__item__title {
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .effect__columns__column--txt .effect-list__item__title {
    margin-left: 40px;
    font-size: 20px;
    letter-spacing: 0.05rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt .effect-list__item__title {
    margin-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt .effect-list__item__title {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .effect__columns__column--txt .effect-list__item__title {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  .effect__columns__column--txt .effect-list__item__title {
    margin-top: 5.3333333333vmin;
    font-size: 3.2vmin;
    letter-spacing: 0.05rem;
  }
}

/*============================
  特徴
============================*/
.feature {
  overflow-x: hidden;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .feature {
    margin-top: 100px;
    padding-bottom: 95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature {
    padding-bottom: 5.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .feature {
    margin-top: 16vmin;
  }
}
.tab .feature {
  overflow-x: inherit;
}
@media screen and (min-width: 768px) {
  .feature:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    background-color: #f1efeb;
    bottom: 0px;
    width: 1480px;
    height: 440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature:before {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature:before {
    width: 92.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature:before {
    height: 27.5vw;
  }
}
@media screen and (min-width: 768px) {
  .feature__h2 {
    margin-left: -90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature__h2 {
    margin-left: -5.625vw;
  }
}
.feature__h2__img {
  position: relative;
  display: block;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .feature__h2__img {
    width: 958px;
    height: 212px;
    right: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature__h2__img {
    width: 59.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature__h2__img {
    height: 13.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature__h2__img {
    right: -1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .feature__h2__img {
    display: none;
    width: 94.4vmin;
    height: 26vmin;
    right: -4vmin;
  }
}
.feature .mediculation-columns {
  display: flex;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .feature .mediculation-columns {
    flex-wrap: wrap;
    margin-top: -1.3333333333vmin;
  }
}
.feature .mediculation-columns__column {
  position: relative;
}
.feature .mediculation-columns__column__img {
  display: block;
  width: 100%;
  opacity: 0;
}
.feature .mediculation-columns__column__img:first-child {
  opacity: 1;
}
.feature .mediculation-columns__column__img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns__column__img {
    width: 650px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column__img {
    width: 40.625vw;
  }
}
.feature .mediculation-columns__column__img img {
  max-width: none !important;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns__column--picture {
    width: 650px;
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--picture {
    width: 40.625vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .mediculation-columns__column--picture {
    order: 2;
    margin-top: 8vmin;
    margin-right: 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns__column--txt {
    margin-top: 90px;
    margin-left: 60px;
    width: 700px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--txt {
    margin-top: 5.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--txt {
    margin-left: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--txt {
    width: 43.75vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .mediculation-columns__column--txt {
    order: 1;
    margin-left: 9.3333333333vmin;
    margin-right: 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns__column--txt .comprehensive-h2 {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--txt .comprehensive-h2 {
    margin-top: 5.625vw;
  }
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns__column--txt .comprehensive-h2--mt0 {
    margin-top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--txt .comprehensive-h2--mt0 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  .feature .mediculation-columns__column--txt .paragraph {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-columns__column--txt .paragraph {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .mediculation-columns__column--txt .paragraph {
    margin-top: 4.6666666667vmin;
  }
}
.feature .sceneless {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .feature .sceneless {
    margin-top: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless {
    margin-top: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless {
    margin-top: 16vmin;
  }
}
@media screen and (min-width: 768px) {
  .feature .sceneless .paragraph {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless .paragraph {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless .paragraph {
    margin-top: 4.6666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box--txt {
    order: 2;
    margin-top: 9.3333333333vmin;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box--picture {
    order: 1;
  }
}
.feature .sceneless__box__columns {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .feature .sceneless__box__columns {
    margin-top: 35px;
    width: 1560px;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless__box__columns {
    margin-top: 2.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless__box__columns {
    width: 97.5vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box__columns {
    margin-right: -10.1333333333vmin;
  }
}
.feature .sceneless__box__columns__column {
  position: relative;
}
@media screen and (min-width: 768px) {
  .feature .sceneless__box__columns__column:nth-child(1) {
    width: 730px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless__box__columns__column:nth-child(1) {
    width: 45.625vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box__columns__column:nth-child(1) > h4 {
    top: 5.3333333333vmin;
    left: 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .feature .sceneless__box__columns__column:nth-child(2) {
    width: 830px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless__box__columns__column:nth-child(2) {
    width: 51.875vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box__columns__column:nth-child(2) > h4 {
    bottom: 5.3333333333vmin;
    right: 5.3333333333vmin;
  }
}
.feature .sceneless__box__columns__column__img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .feature .sceneless__box__columns__column__h4 {
    display: inline-block;
    margin-top: 30px;
    background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless__box__columns__column__h4 {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box__columns__column__h4 {
    position: absolute;
    font-size: 5.0666666667vmin;
    max-width: 32vmin;
    z-index: 100;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .feature .sceneless__box__columns__column__h4__inline:nth-child(1) {
    letter-spacing: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box__columns__column__h4__inline:nth-child(1) {
    letter-spacing: 0.15rem;
  }
}
.feature .sceneless__box__columns__column__h4__inline:nth-child(2) {
  letter-spacing: -0.1rem;
}
@media screen and (min-width: 768px) {
  .feature .sceneless__box__columns__column__h4__inline {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .sceneless__box__columns__column__h4__inline {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .sceneless__box__columns__column__h4__inline {
    display: inline-block;
    line-height: 1;
    background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
  }
  .feature .sceneless__box__columns__column__h4__inline:first-child {
    padding: 1.3333333333vmin 2.6666666667vmin;
  }
  .feature .sceneless__box__columns__column__h4__inline:last-child {
    margin-top: 0.8vmin;
    padding: 1.3333333333vmin 1.3333333333vmin;
  }
}

/*============================
  メカニズム
============================*/
@media screen and (min-width: 768px) {
  .mechanism__columns {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns__column {
    width: 50%;
  }
}
.mechanism__lead {
  text-align: center;
  line-height: 1.818;
}
@media screen and (min-width: 768px) {
  .mechanism__lead {
    margin-top: 25px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism__lead {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism__lead {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism__lead {
    margin-top: 4vmin;
    font-size: 3.4666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns__column__txt {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism__columns__column__txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism__columns__column__txt {
    margin-top: 4vmin;
  }
}
.mechanism {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .mechanism {
      margin-top: 100px;
      padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism {
      margin-top: 6.25vw;
      padding-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism {
    margin-top: 13.3333333333vmin;
    padding-top: 13.3333333333vmin;
  }
}
.mechanism:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .mechanism:before {
    height: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism:before {
    height: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism:before {
    height: 77vmin;
  }
}
.tab .mechanism {
  padding-top: 0;
}
.tab .mechanism:before {
  content: none;
}
.mechanism .section__inner {
  position: relative;
  z-index: 3;
}
.mechanism_2 {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .mechanism_2 {
    margin-top: 150px;
  }
}
@media screen and (max-width: 767px) {
  .mechanism_2 {
    margin-top: 15vmin;
  }
}
@media screen and (min-width: 768px) {
  .tab .mechanism_2 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tab .mechanism_2 {
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism:before {
    margin-top: 3.75vw;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .mechanism__columns_box {
    margin-top: 5vmin;
  }
}
@media screen and (max-width: 767px) {
  .tab .mechanism__columns_box:first-child {
    margin-top: 0;
    padding-top: 8vmin;
    border-top: 1px solid #cccccc;
  }
}
.mechanism__columns_box_2 {
  margin-top:9.3333333333vmin;
}
@media screen and (min-width: 768px) {
  .tab .mechanism__columns_box_2 {
    margin-top:2vw;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns_box.mechanism__columns_box--reverse .mechanism__columns__column--img {
    order: 2;
  }
  .mechanism__columns_box.mechanism__columns_box--reverse .mechanism__columns__column--txt {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns__column--img {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns__column--txt {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns__column--txt {
    padding-left: 89px;
  }
  .mechanism__columns_box.mechanism__columns_box--reverse .mechanism__columns__column--txt {
    padding-left: 0;
    padding-right: 89px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism__columns__column--txt {
    padding-left: 4.625vw;
  }
  .mechanism__columns_box.mechanism__columns_box--reverse .mechanism__columns__column--txt {
    padding-left: 0;
    padding-right: 4.625vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism__columns__column--txt, .mechanism__columns__column--txt_2 {
    padding-top: 5.333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .mechanism__columns__column--txt_2 {
    width: 50%;
    padding-top: 100px;
    padding-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism__columns__column--txt_2 {
    padding-right: 3.625vw;
  }
}
@media screen and (min-width: 768px) {
  .mechanism-top {
    font-size: 29px;
    letter-spacing: 0.12rem;
    line-height: 1.575;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism-top {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism-top {
    text-align: center;
    font-size: 5.2vmin;
    letter-spacing: 0rem;
    line-height: 1.541;
  }
}
.mechanism_2 .mechanism__item__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .mechanism_2 .mechanism__item__img {
    aspect-ratio: 69 / 64;
  }
}
@media screen and (max-width: 767px) {
  .mechanism_2 .mechanism__item__img {
    aspect-ratio: 61 / 62;
  }
}
.text_color {
  color: #ff872b;
}
@media screen and (min-width: 768px) {
  .text_small {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .text_small {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 767px) {
  .text_small {
    font-size: 3vmin;
  }
}
@media screen and (max-width: 767px) {
  .mechanism__item__imgbox {
    margin-top: 5.333333vmin;
  }
}
.mechanism-bottom {
  margin-top: 1.25vw;
  line-height: 2.136;
}
@media screen and (min-width: 768px) {
  .mechanism-bottom {
    font-size: 16px;
    line-height: 2.136;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .mechanism-bottom {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .mechanism-bottom {
    font-size: 3.4666666667vmin;
    line-height: 2.038;
  }
}
.arrow--img {
  aspect-ratio: 121 / 30;
}
@media screen and (min-width: 768px) {
  .arrow--img {
    margin: auto;
    margin-top: 50px;
    max-width: 242px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .arrow--img {
    margin: auto;
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .arrow--img {
    margin: auto;
    max-width: 37.5%;
    margin-top: 5vmin;
  }
}
@media screen and (min-width: 768px) {
  .tab .arrow--img {
    margin-top: 30px;
    max-width: 186px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tab .arrow--img {
    margin-top: 2vw;
    max-width: 11.625vw;
  }
}
@media screen and (max-width: 767px) {
  .tab .arrow--img {
    max-width: 32.2666666667vmin;
    margin-top: 6.66666666667vmin;
  }
}
/*============================
  ご愛用者さまの声
============================*/
.voice {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .voice {
    margin-top: 100px;
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice {
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .voice {
    margin-top: 17.3333333333vmin;
  }
}
.voice:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .voice:before {
    content: "";
    width: 92.5%;
    height: 650px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice:before {
    height: 40.625vw;
  }
}
.voice .section__inner {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .voice__columns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .voice__columns__column__lead {
    margin-top: 50px;
    min-width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice__columns__column__lead {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice__columns__column__lead {
    min-width: 31.25vw;
  }
}
@media screen and (max-width: 767px) {
  .voice__columns__column__lead {
    margin-top: 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .voice__columns__column__lead--long {
    min-width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice__columns__column__lead--long {
    min-width: 37.5vw;
  }
}
.voice__attention {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .voice__attention {
    margin-top: 20px;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice__attention {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice__attention {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .voice__attention {
    margin-top: 8vmin;
    font-size: 2.6666666667vmin;
  }
}
.voice__attention_2 {
    margin-top: 0;
}

.tap-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.tap-hint-icon {
  position: absolute;
  box-sizing: border-box;
  height: auto;
  border-radius: 5px;
  transition: opacity .3s;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  top: 36vmin;
  left: 14vmin;
  width: 40vmin;
  height: 30vmin;
  padding: 6vmin 4vmin 4vmin 4vmin;
  pointer-events: none;
  z-index: 99;
}
@media screen and (min-width: 768px) {
  .tap-hint-icon {
    top: 180px;
    left: 55px;
    width: 300px;
    height: 250px;
    padding: 40px 20px 20px 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tap-hint-icon {
    top: 11.25vw;
    left: 3.4375vw;
    width: 18.75vw;
    height: 15.625vw;
    padding: 2.5vw 1.25vw 1.25vw 1.25vw;
  }
}

.tap-hint-text {
  font-weight: bold;
  font-size: 4vmin;
  color: #FFF;
  margin-top: 3vmin;
}
@media screen and (min-width: 768px) {
  .tap-hint-text {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tap-hint-text {
    font-size: 1.25vw;
  }
}
@keyframes tap_hint_anime {
  from {
    transform: scale(0.7,0.7);
    opacity: 0.4;
  }
  to {
    transform: scale(1,1);
    opacity: 1;
  }
}
.tap-hint-icon:before {
  display: inline-block;
  width: 10vmin;
  height: 10vmin;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
  animation: tap_hint_anime 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
.voice .instagram-wrap {
  position: relative;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap {
    margin-top: 40px;
    margin-left: 95px;
    width: 1560px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap {
    margin-left: 5.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap {
    width: 97.5vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap {
    margin-top: 8vmin;
    margin-right: -9.3333333333vmin;
    margin-left: 6.6666666667vmin;
    padding-bottom: 6.6666666667vmin;
  }
}
.voice .instagram-wrap .instagram__item {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .instagram.acType {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .instagram.acType {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .instagram.acType {
    margin-top: 3.73333333333vmin;
  }
}

.instagram.acType .instagram__item {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .instagram.acType .instagram__item {
    width: 300px !important;
    padding-right: 8px;
    padding-left: 2px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .instagram.acType .instagram__item {
    padding-right: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .instagram.acType .instagram__item {
    padding-left: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .instagram.acType .instagram__item {
    width: 200px !important;
    padding-right: 1.2vmin;
    padding-left: 1.2vmin;
  }
}
.instagram.acType .slick-dots {
    display: flex;
}
.instagram.acType .slick-dots li {
    width: 12.5%;
}
.instagram.acType .slick-dots li button {
    background-color: #fff;
    width: 100%;
    font-size: 0;
    height: 5px;
}
.instagram.acType .slick-dots li.slick-active button {
    background-color: #ff872b;
}
.instagram.acType.oversize_t_slick .slick-dots li {
    width: 25.5%;
}
.instagram.acType.comfort_long_shirt_slick .slick-dots li {
    width: 50.5%;
}
.voice .instagram-wrap .instagram__item__inner {
  position: relative;
  overflow: hidden;
  line-height: initial;
  height: 100%;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__inner {
    width: 25.625vw;
    max-width: 410px;
    min-height: 610px;
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner {
    min-height: 38.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner {
    padding-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner {
    padding-right: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner {
    padding-bottom: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner {
    padding-left: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__inner {
    width: 68.2666666667vmin !important;
    min-height: 100vmin;
    padding-top: 2.6666666667vmin;
    padding-right: 2.6666666667vmin;
    padding-bottom: 4vmin;
    padding-left: 2.6666666667vmin;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
}
.voice .instagram-wrap .instagram__item__inner__reviewer {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__icon {
    width: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__icon {
    width: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__icon {
    width: 13.3333333333vmin;
  }
}
.voice .instagram-wrap .instagram__item__inner__reviewer__info {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info {
    margin-left: 20px;
    width: calc(100% - 6.25vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info {
    margin-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info {
    margin-left: 2.6666666667vmin;
    width: calc(100% - 13.3333333333vmin);
    line-height: 1;
  }
}
.voice .instagram-wrap .instagram__item__inner__reviewer__info__name {
  letter-spacing: 0.12rem;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info__name {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info__name {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info__name {
    font-size: 3.4666666667vmin;
  }
}
.voice .instagram-wrap .instagram__item__inner__reviewer__info__profession {
  color: #ffffff;
  letter-spacing: 0.12rem;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info__profession {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info__profession {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__inner__reviewer__info__profession {
    margin-top: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
.voice .instagram-wrap .instagram__item__inner__txt {
  color: #ffffff;
  line-height: 1.666;
  font-family: "Noto Sans JP", "Noto Color Emoji", sans-serif;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  height: 6.5em;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__inner__txt {
    padding-left: 30px;
    padding-right: 30px;
    bottom: 30px;
    font-size: 14px;
    letter-spacing: 0.1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__txt {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__txt {
    padding-right: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__txt {
    bottom: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__inner__txt {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__inner__txt {
    padding-left: 4vmin;
    padding-right: 4vmin;
    bottom: 4vmin;
    font-size: 2.4vmin;
    letter-spacing: 0.03rem;
  }
}
.voice .instagram-wrap .instagram__item__spec {
  line-height: 1.6666666667;
  background: linear-gradient(90deg, rgb(255, 242, 229) 0%, rgb(245, 244, 244) 100%);
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__spec {
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__spec {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__spec {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__spec {
    padding-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__spec {
    padding-left: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__spec {
    padding: 2.6666666667vmin 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram__item__spec__txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram__item__spec__txt {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram__item__spec__txt {
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram .slick-list {
    margin-left: -10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-list {
    margin-left: -0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram .slick-list {
    margin-left: -2vmin;
  }
}
.voice .instagram-wrap .instagram .slick-list .slick-track {
  display: flex;
}
.voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
  height: auto !important;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
    padding-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
    padding-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide {
    padding-top: 2vmin;
    padding-right: 2vmin;
    padding-bottom: 2vmin;
    padding-left: 2vmin;
  }
}
.voice .instagram-wrap .instagram .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.voice .instagram-wrap .instagram .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram .slick-arrow {
    width: 60px;
    height: 60px;
    left: -90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-arrow {
    width: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-arrow {
    height: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-arrow {
    left: -5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram .slick-arrow {
    display: none !important;
  }
}
.voice .instagram-wrap .instagram .slick-arrow[aria-disabled=true] {
  opacity: 0.4;
  cursor: default;
}
.voice .instagram-wrap .instagram .slick-arrow.slick-prev {
  bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-arrow.slick-prev {
    bottom: 0.625vw;
  }
}
.voice .instagram-wrap .instagram .slick-arrow.slick-next {
  bottom: 90px;
  transform: scaleX(-1);
}
@media screen and (max-width: 1600px) {
  .voice .instagram-wrap .instagram .slick-arrow.slick-next {
    bottom: 5.625vw;
  }
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap .instagram .slick-arrow:hover {
    opacity: 0.4;
  }
}
.voice .instagram-wrap .instagram .slick-dots {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap .instagram .slick-dots {
    width: 84vmin;
    margin-top: 2.6666666667vmin;
  }
}
.voice .instagram-wrap .instagram .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.voice .instagram-wrap .instagram .slick-dots li button {
  display: block;
  width: 100%;
  background: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  height: 1.3333333333vmin;
}
.voice .instagram-wrap .instagram .slick-dots li.slick-active button {
  background-color: #ff872b;
}

/*============================
  商品一覧
============================*/
.bnr-announcement-wrap {
  position: relative;
  width: 100%;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/bnr-fathers2026_rw_bg_pc.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .bnr-announcement-wrap {
    margin-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .bnr-announcement-wrap {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .bnr-announcement-wrap {
    background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/bnr-fathers2026_rw_bg_sp.jpg);
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 1601px) {
  #wrapper #main .bnr-announcement-wrap img {
    max-width: 1300px;
  }
}
.bnr-announcement-wrap__img {
  inset: 0;
  pointer-events: none;
  object-fit: contain;
}
.product {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .product {
    margin-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product {
    margin-top: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .product--comprehensive {
    padding-bottom: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product--comprehensive {
    padding-bottom: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .product--comprehensive {
    padding-bottom: 17.3333333333vmin;
  }
}
.product > div {
  position: relative;
}
@media screen and (min-width: 768px) {
  .product .comprehensive-h2__ja {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .product__anchor {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor {
    margin-top: 8vmin;
  }
}
.product__anchor .product__anchor__list {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .product__anchor .product__anchor__list {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor .product__anchor__list {
    gap:  1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor .product__anchor__list {
    gap: 3.33333333333vmin;
  }
}
.product__anchor .product__anchor__list .product__anchor__list__item {
  width: 50%;
}
.product__anchor .product__anchor__list .product__anchor__list__item__anchor {
  background-color: #ebe8e3;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .product__anchor .product__anchor__list .product__anchor__list__item__anchor {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 20px 30px;
    border-radius: 10px;
    height: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor .product__anchor__list .product__anchor__list__item__anchor {
    padding:  1.25vw 1.875vw;
    border-radius: 0.625vw;
    height: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor .product__anchor__list .product__anchor__list__item__anchor {
    display: block;
    padding: 4.66666666667vmin;
    border-radius: 1.33333333333vmin;
    height: 40vmin;
  }
}
.product__anchor__list__item__anchor:before, .product__anchor__list__item__anchor:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.product__anchor__list__item__anchor:before {
  background: linear-gradient(90deg, rgb(255, 137, 46) 0%, rgb(254, 164, 79) 100%);
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .product__anchor__list__item__anchor:before {
    width: 38px;
    height: 38px;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:before {
    width: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:before {
    height: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:before {
    right: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor__list__item__anchor:before {
    width: 100%;
    height: 4.8vmin;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }
}
.product__anchor__list__item__anchor:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .product__anchor__list__item__anchor:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 50%;
    right: 48px;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor__list__item__anchor:after {
    right: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor__list__item__anchor:after {
    border-right-width: 1.4vmin;
    border-left-width: 1.4vmin;
    border-top-width: 1.8vmin;
    bottom: 1.43333333333vmin;
    right: 50%;
    transform: translateX(50%);
  }
}
@media screen and (min-width: 768px) {
  .product__anchor__list__item__anchor:hover {
    opacity: 0.7;
  }
}
.product__anchor .product__anchor__list__item__anchor__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .product__anchor .product__anchor__list__item__anchor__img {
    width: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor .product__anchor__list__item__anchor__img {
    width:  5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor .product__anchor__list__item__anchor__img {
    margin-left: auto;
    margin-right: auto;
    height: 20vmin;
    width: auto;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor .product__anchor__list__item__anchor__img img {
    height: 100%!important;
    width: auto!important;
  }
}

@media screen and (min-width: 768px) {
  .product__anchor .product__anchor__list__item__anchor__txtwrap {
    margin-left: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor .product__anchor__list__item__anchor__txtwrap {
    margin-left: 3.125vw;
  }
}
.product__anchor .product__anchor__list__item__anchor__eng {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .product__anchor .product__anchor__list__item__anchor__eng {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor .product__anchor__list__item__anchor__eng {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor .product__anchor__list__item__anchor__eng {
    margin-top: 2.66666666667vmin;
    font-size: 4.53333333333vmin;
    text-align: center;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  .product__anchor .product__anchor__list__item__anchor__txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__anchor .product__anchor__list__item__anchor__txt {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .product__anchor .product__anchor__list__item__anchor__txt {
    display: none;
  }
}

.product__links {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .product__links {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__links {
    margin-top: 6.6666666667vmin;
  }
}
.product__links__item {
  position: relative;
  display: block;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .product__links__item:hover:before, .product__links__item:hover:after {
    opacity: 0.7;
  }
}
.product__links__item:before, .product__links__item:after {
  content: "";
  position: absolute;
  display: inline-block;
  transition: ease 0.5s;
}
.product__links__item:before {
  border: 1px solid #ffffff;
  border-radius: 100px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .product__links__item:before {
    width: 40px;
    height: 40px;
    bottom: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:before {
    width: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:before {
    height: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:before {
    bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .product__links__item:before {
    width: 7.2vmin;
    height: 7.2vmin;
    bottom: 5.3333333333vmin;
  }
}
.product__links__item:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .product__links__item:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item:after {
    bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__links__item:after {
    border-right-width: 0.8vmin;
    border-left-width: 0.8vmin;
    border-top-width: 1.6vmin;
    bottom: 8vmin;
  }
}
.product__links__item__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  color: #ffffff;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .product__links__item__txt {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__links__item__txt {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product__links__item__txt {
    font-size: 3.4666666667vmin;
  }
}
.product__links__item__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .product__links__item__img {
    aspect-ratio: 40 / 27;
  }
}
@media screen and (max-width: 767px) {
  .product__links__item__img {
    aspect-ratio: 61 / 100;
  }
}
@media screen and (min-width: 768px) {
  .product .soph-bnr {
    margin-top: 20px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .soph-bnr {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product .soph-bnr {
    margin-top: 5.3333333333vmin;
  }
}
.product .soph-bnr .soph-bnr__img {
  display: block;
  aspect-ratio: 625 / 208;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 0 10px;
}
.pre-order-bnr .pre-order-bnr__img {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .product .discount-wrap {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap {
    margin-top: 5.33333333333vmin;
  }
}
.product .discount-wrap .discount {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #d6d2cc;
}
@media screen and (min-width: 768px) {
  .product .discount-wrap .discount {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount {
    padding-right: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount {
    padding-left: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap .discount {
    padding: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .product .discount-wrap .discount + .discount {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount + .discount {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap .discount + .discount {
    margin-top: 2.5vmin;
  }
}
@media screen and (min-width: 768px) {
  .product .discount-wrap .discount__txt {
    font-size: 20px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount__txt {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap .discount__txt {
    line-height: 1;
    font-size: 4vmin;
  }
}
.product .discount-wrap .discount__txt__accent {
  color: #ff872b;
}
.product .discount-wrap .discount__txt__large {
  color: #ff872b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .product .discount-wrap .discount__txt__large {
    padding-left: 5px;
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount__txt__large {
    padding-left: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount__txt__large {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap .discount__txt__large {
    padding-left: 1.3333333333vmin;
    font-size: 4.8vmin;
  }
}
.product .discount-wrap .discount__txt__large__number {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .product .discount-wrap .discount__txt__large__number {
    font-size: 66px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount__txt__large__number {
    font-size: 4.125vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap .discount__txt__large__number {
    line-height: 0;
    font-size: 12.5333333333vmin;
  }
}
.product .discount-wrap .discount__txt__large__exclamation {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}

.product .discount-wrap .discount__txt__img {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .product .discount-wrap .discount__txt__img {
    width: 62px;
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product .discount-wrap .discount__txt__img {
    width: 3.875vw;
    margin-left: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .product .discount-wrap .discount__txt__img {
    width: 14.6666666667vmin;
    margin-left: 3vmin;
  }
}

.product .discount-wrap .discount-cp--fathers + .discount {
  background-color: #1e2084;
}
.product .discount-wrap .discount-cp--fathers + .discount .discount__txt {
  color: #ffffff;
}
.product .discount-wrap .discount-cp--fathers + .discount .discount__txt__accent {
  color: #f1dea3;
}
.product .discount-wrap .discount-cp--fathers + .discount .discount__txt__large {
  color: #f1dea3;
}
@media screen and (min-width: 768px) {
  .product__list {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__list {
    margin-top: 13.3333333333vmin;
  }
}
@media screen and (max-width: 767px) {
  .product__list__bnr {
    display: block;
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__list__inner:not(:first-child) {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner:not(:first-child) {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product__list__inner:not(:first-child) {
    margin-top: 16vmin;
  }
}
.product__list__inner__h3 {
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .product__list__inner__h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__h3 {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .product__list__inner__h3 {
    font-size: 3.6vmin;
  }
}
.product__list__inner__logo {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .product__list__inner__logo {
    margin-top: 20px;
    width: 310px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__logo {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__logo {
    width: 19.375vw;
  }
}
@media screen and (max-width: 767px) {
  .product__list__inner__logo {
    margin-top: 3.3333333333vmin;
    width: 60.8vmin;
  }
}
.product__list__inner__medical {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid #000000;
}
@media screen and (min-width: 768px) {
  .product__list__inner__medical {
    margin-top: 30px;
    font-size: 14px;
    width: 120px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__medical {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__medical {
    font-size: 0.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__medical {
    width: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__medical {
    padding-top: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__list__inner__medical {
    padding-bottom: 0.375vw;
  }
}
@media screen and (max-width: 767px) {
  .product__list__inner__medical {
    margin-top: 2.6666666667vmin;
    font-size: 2.6666666667vmin;
    width: 26.6666666667vmin;
    padding: 0.9333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup {
    margin-top: 160px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup {
    margin-top: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup {
    margin-top: 14.6666666667vmin;
  }
}
.product__lineup__columns {
  position: relative;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--rw__column__lead {
    left: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--rw__column__lead {
    left: 2.1875vw;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--rw__column__logo {
    bottom: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--rw__column__logo {
    bottom: 9.375vw;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--rw__column__use {
    bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--rw__column__use {
    bottom: 3.75vw;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--sleep {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--sleep {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns--sleep {
    margin-top: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--sleep__column__lead {
    right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--sleep__column__lead {
    right: 2.1875vw;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--sleep__column__logo {
    bottom: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--sleep__column__logo {
    bottom: 8.125vw;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns--sleep__column__use {
    bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns--sleep__column__use {
    bottom: 3.125vw;
  }
}
.product__lineup__columns__column--picture {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column--picture {
    position: sticky;
    top: 150px;
    max-width: 760px;
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column--picture {
    top: 9.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column--picture {
    max-width: 47.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column--picture {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column--products {
    width: 50%;
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column--products {
    margin-left: 2.5vw;
  }
}
.product__lineup__columns__column__img {
  display: block;
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column__img {
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
  }
}
.product__lineup__columns__column__lead {
  color: #ffffff;
  letter-spacing: 0.15rem;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column__lead {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 50px;
    font-size: 40px;
    z-index: 100;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__lead {
    top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__lead {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column__lead {
    position: absolute;
    text-align: left;
    top: 42.6666666667vmin;
    left: -4vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column__lead__inline {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__lead__inline {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column__lead__inline {
    display: inline-block;
    line-height: 1;
    letter-spacing: 0;
    font-size: 5.0666666667vmin;
    background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
    padding: 1.3333333333vmin 2.6666666667vmin;
  }
  .product__lineup__columns__column__lead__inline:first-child {
    padding: 1.3333333333vmin 0vmin 1.3333333333vmin 1.3333333333vmin;
  }
  .product__lineup__columns__column__lead__inline:last-child {
    margin-top: 0.8vmin;
    padding: 1.3333333333vmin 1.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 457px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__logo {
    width: 28.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column__logo {
    width: 60.8vmin;
    margin-top: 6.6666666667vmin;
    margin-left: auto;
    margin-right: auto;
  }
}
.product__lineup__columns__column__use {
  border: 1px solid #ffffff;
  text-align: center;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column__use {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    font-size: 22px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 390px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__use {
    font-size: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__use {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__use {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__use {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__use {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column__use {
    width: 24.375vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column__use {
    display: inline-block;
    margin-top: 3.3333333333vmin;
    font-size: 2.9333333333vmin;
    border-color: #000000;
    padding-top: 1.2vmin;
    padding-right: 3.4666666667vmin;
    padding-bottom: 1.2vmin;
    padding-left: 3.4666666667vmin;
  }
}
.product__lineup__columns__column .products-columns {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns {
    margin-top: 10.6666666667vmin;
  }
}
.product__lineup__columns__column .products-columns__column {
  position: relative;
  width: 50%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column:nth-child(n+3) {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column:nth-child(n+3) {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column:nth-child(n+3) {
    margin-top: 8vmin;
  }
}
.product__lineup__columns__column .products-columns__column--new:before {
  content: "NEW";
  position: absolute;
  display: inline-block;
  text-align: center;
  border: 1px solid #ff872b;
  border-radius: 100%;
  top: 0;
  right: 0;
  color: #ff872b;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column--new:before {
    width: 100px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column--new:before {
    width: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column--new:before {
    padding-top: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column--new:before {
    padding-bottom: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column--new:before {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column--new:before {
    width: 13.3333333333vmin;
    padding-top: 0.5333333333vmin;
    padding-bottom: 0.5333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
.product__lineup__columns__column .products-columns__column--limited:before {
  content: "";
  position: absolute;
  display: block;
  text-align: center;
  top: 0;
  right: 0;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-limited.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column--limited:before {
    width: 80px;
    height: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column--limited:before {
    width: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column--limited:before {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column--limited:before {
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
  }
}
.product__lineup__columns__column .products-columns__column__imglink {
  display: block;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__imglink:hover {
    opacity: 0.7;
  }
}
.product__lineup__columns__column .products-columns__column__heading {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__heading {
    margin-top: 20px;
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__heading {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__heading {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__heading {
    margin-top: 4vmin;
    font-size: 2.9333333333vmin;
  }
}
.product__lineup__columns__column .products-columns__column__price {
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__price {
    margin-top: 10px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__price {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__price {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__price {
    margin-top: 2vmin;
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__price__large {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__price__large {
    font-size: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__price__large {
    font-size: 4vmin;
  }
}
.product__lineup__columns__column .products-columns__column__cp {
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__normal {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__normal {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__normal {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__normal {
    margin-top: 2vmin;
    font-size: 2.1333333333vmin;
  }
}
.product__lineup__columns__column .products-columns__column__cp__normal:before {
  content: "通常販売価格：";
  display: inline-block;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__normal:before {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__normal:before {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__normal:before {
    font-size: 2.1333333333vmin;
  }
}
.product__lineup__columns__column .products-columns__column__cp__normal__txtwrap {
  display: inline-block;
  position: relative;
}
.product__lineup__columns__column .products-columns__column__cp__normal__txtwrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__normal__txtwrap:before {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__normal__txtwrap:before {
    height: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__normal__txtwrap:before {
    height: 0.2666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__normal__txtwrap__large {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__normal__txtwrap__large {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__normal__txtwrap__large {
    font-size: 2.9333333333vmin;
  }
}
.product__lineup__columns__column .products-columns__column__cp__special {
  color: #ff2500;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__special {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__special {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__special {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__special {
    margin-top: 2vmin;
    font-size: 2.1333333333vmin;
  }
}
.product__lineup__columns__column .products-columns__column__cp__special:before {
  content: "キャンペーン価格：";
  display: inline-block;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__special:before {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__special:before {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__special:before {
    font-size: 2.1333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__cp__special__txtwrap__large {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__cp__special__txtwrap__large {
    font-size: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__cp__special__txtwrap__large {
    font-size: 3.4666666667vmin;
  }
}
.product__lineup__columns__column .products-columns__column__button {
  display: inline-block;
  position: relative;
  color: #ffffff;
  background-color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__button {
    margin-top: 30px;
    border-radius: 45px;
    font-size: 16px;
    padding-top: 12px;
    padding-right: 40px;
    padding-bottom: 12px;
    padding-left: 40px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    padding-top: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    padding-bottom: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product__lineup__columns__column .products-columns__column__button {
    padding-left: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .product__lineup__columns__column .products-columns__column__button {
    margin-top: 4vmin;
    border-radius: 6vmin;
    padding: 1.6vmin 5.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .product__lineup__columns__column .products-columns__column__button:hover {
    opacity: 0.7;
  }
}

/*============================
  Q&A よくある質問
============================*/
.faq {
  position: relative;
  z-index: 3;
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .faq {
    margin-top: 130px;
    padding-top: 175px;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq {
    margin-top: 8.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq {
    padding-top: 10.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq {
    padding-bottom: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .faq {
    margin-top: 17.3333333333vmin;
    padding: 14.6666666667vmin 0vmin 18.6666666667vmin;
  }
}
.faq--comprehensive {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-wrap {
    margin-top: 8vmin;
  }
}
.faq .faq-wrap .faq-list {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap .faq-list {
    padding-top: 30px;
    padding-right: 60px;
    padding-bottom: 30px;
    padding-left: 60px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list {
    padding-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list {
    padding-right: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list {
    padding-bottom: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list {
    padding-left: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list {
    border-radius: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-wrap .faq-list {
    padding: 4vmin;
    border-radius: 1.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap .faq-list:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list:not(:first-child) {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-wrap .faq-list:not(:first-child) {
    margin-top: 4vmin;
  }
}
.faq .faq-wrap .faq-list.is-active .faq-list__question:before {
  transform: translateY(-50%) rotate(180deg);
}
.faq .faq-wrap .faq-list__question {
  position: relative;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap .faq-list__question {
    font-size: 22px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__question {
    font-size: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__question {
    padding-right: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-wrap .faq-list__question {
    font-size: 3.2vmin;
    padding-right: 8vmin;
  }
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap .faq-list__question:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.faq .faq-wrap .faq-list__question:before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 100px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-faq-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap .faq-list__question:before {
    width: 44px;
    height: 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__question:before {
    width: 2.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__question:before {
    height: 2.75vw;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-wrap .faq-list__question:before {
    width: 5.8666666667vmin;
    height: 5.8666666667vmin;
    background-color: #f1efeb;
  }
}
.faq .faq-wrap .faq-list__answer {
  display: none;
  border-top: 1px solid #f1efeb;
}
@media screen and (min-width: 768px) {
  .faq .faq-wrap .faq-list__answer {
    margin-top: 20px;
    padding-top: 30px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__answer {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__answer {
    padding-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .faq .faq-wrap .faq-list__answer {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-wrap .faq-list__answer {
    margin-top: 2.6666666667vmin;
    padding-top: 4vmin;
    font-size: 2.9333333333vmin;
  }
}

/*============================
  スペシャルインタビュー
============================*/
@media screen and (min-width: 768px) {
  .special-interview {
    margin-top: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview {
    margin-top: 6.875vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview {
    margin-top: 16vmin;
  }
}
.special-interview .section__inner {
  position: relative;
  z-index: 3;
}
.special-interview .special-interview-slick-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .special-interview .special-interview-slick {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview .special-interview-slick {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview .special-interview-slick {
    margin-top: 5.3333333333vmin;
  }
}
.special-interview .special-interview-slick .slick-dots {
  position: absolute;
  display: flex;
}
@media screen and (min-width: 768px) {
  .special-interview .special-interview-slick .slick-dots {
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview .special-interview-slick .slick-dots {
    bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview .special-interview-slick .slick-dots {
    right: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview .special-interview-slick .slick-dots {
    bottom: 2.6666666667vmin;
    right: 4vmin;
  }
}
.special-interview .special-interview-slick .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.special-interview .special-interview-slick .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid #ffffff;
  background-color: transparent;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .special-interview .special-interview-slick .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview .special-interview-slick .slick-dots li button {
    width: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview .special-interview-slick .slick-dots li button {
    height: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview .special-interview-slick .slick-dots li button {
    width: 1.8666666667vmin;
    height: 1.8666666667vmin;
  }
}
.special-interview .special-interview-slick .slick-dots li.slick-active button {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .special-interview .special-interview-slick .slick-dots li:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview .special-interview-slick .slick-dots li:not(:first-child) {
    margin-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview .special-interview-slick .slick-dots li:not(:first-child) {
    margin-left: 1.8666666667vmin;
  }
}
.special-interview .special-interview-slick .special-interview-slick__item__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .special-interview .special-interview-slick .special-interview-slick__item__img {
    aspect-ratio: 30 / 13;
  }
}
@media screen and (max-width: 767px) {
  .special-interview .special-interview-slick .special-interview-slick__item__img {
    aspect-ratio: 61 / 76;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__name {
    position: absolute;
    z-index: 100;
    top: 70px;
    left: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__name {
    top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__name {
    left: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__name {
    margin-top: 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__name__main {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__name__main {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__name__main {
    font-size: 7.7333333333vmin;
  }
}
.special-interview__name__sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
}
@media screen and (min-width: 768px) {
  .special-interview__name__sub {
    margin-left: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__name__sub {
    margin-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__name__sub {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__name__sub {
    margin-left: 4vmin;
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__name__occupation {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__name__occupation {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__name__occupation {
    font-size: 4vmin;
  }
}
.special-interview__lead {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .special-interview__lead {
    text-align: center;
    margin-top: 50px;
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__lead {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__lead {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__lead {
    margin-top: 9.3333333333vmin;
    font-size: 6.4vmin;
  }
}
.special-interview__lead__inline {
  position: relative;
  display: inline-block;
}
.special-interview__txt-wrap {
  position: relative;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .special-interview__txt-wrap {
    margin-top: 35px;
    padding-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__txt-wrap {
    margin-top: 2.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__txt-wrap {
    padding-bottom: 2.1875vw;
  }
}
.special-interview__txt-wrap.is-active:before {
  content: none;
}
.special-interview__txt-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  background: linear-gradient(0deg, rgb(248, 247, 245) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (min-width: 768px) {
  .special-interview__txt-wrap:before {
    bottom: 0px;
    height: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__txt-wrap:before {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__txt-wrap:before {
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__txt-wrap:before {
    bottom: -8vmin;
    height: 40vmin;
  }
}
.special-interview__txt-wrap__hide {
  display: none;
}
.special-interview__button {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  border: 1px solid #d1d1d1;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .special-interview__button {
    margin-left: auto;
    margin-right: auto;
    max-width: 336px;
    font-size: 18px;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button {
    max-width: 21vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button {
    padding-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button {
    padding-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button {
    padding-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__button {
    font-size: 3.7333333333vmin;
    padding: 3.7333333333vmin 2.6666666667vmin;
  }
}
.special-interview__button:before, .special-interview__button:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #000000;
  top: calc(50% - 1px);
  right: 0;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .special-interview__button:before, .special-interview__button:after {
    width: 20px;
    height: 2px;
    right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button:before, .special-interview__button:after {
    width: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button:before, .special-interview__button:after {
    height: 0.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__button:before, .special-interview__button:after {
    right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__button:before, .special-interview__button:after {
    width: 4vmin;
    height: 0.1333333333vmin;
    right: 4vmin;
  }
}
.special-interview__button:after {
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .special-interview__button.is-active {
    margin-top: 8vmin;
  }
}
.special-interview__button.is-active:before {
  opacity: 0;
}
.special-interview__button.is-active:after {
  transform: rotate(0);
}
.special-interview__paragraph {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .special-interview__paragraph {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__paragraph {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__paragraph {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__paragraph {
    margin-top: 5.3333333333vmin;
    font-size: 3.4666666667vmin;
  }
}
.special-interview__profile {
  border: 1px solid #d8d4c7;
}
@media screen and (min-width: 768px) {
  .special-interview__profile {
    margin-top: 70px;
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile {
    margin-top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile {
    padding-top: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile {
    padding-right: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile {
    padding-bottom: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile {
    padding-left: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__profile {
    margin-top: 9.3333333333vmin;
    padding: 9.3333333333vmin 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__profile__columns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__profile__columns__column:last-child {
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__columns__column:last-child {
    margin-left: 3.75vw;
  }
}
.special-interview__profile__eng {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .special-interview__profile__eng {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__eng {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__profile__eng {
    text-align: center;
    font-size: 4vmin;
  }
}
.special-interview__profile__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .special-interview__profile__img {
    width: 210px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__img {
    width: 13.125vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__profile__img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vmin;
    width: 28vmin;
    height: 28vmin;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__profile__name {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__name {
    font-size: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__profile__name {
    text-align: center;
    margin-top: 2.6666666667vmin;
    font-size: 4.8vmin;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__profile__name__small {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__name__small {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__profile__name__small {
    font-size: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .special-interview__profile__data {
    margin-top: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__data {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .special-interview__profile__data {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .special-interview__profile__data {
    margin-top: 2.6666666667vmin;
    font-size: 2.9333333333vmin;
  }
}

/*============================
  総合ページ_Look
============================*/
.comprehensive-look {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .comprehensive-look {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look {
    margin-top: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__brand-wrap {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__brand-wrap {
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__brand-wrap {
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__brand:not(:first-child) .comprehensive-h2 {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__brand:not(:first-child) .comprehensive-h2 {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__brand:not(:first-child) .comprehensive-h2 {
    border-top: 1px solid #d8d4c7;
    padding-top: 12vmin;
    margin-top: 12vmin;
  }
}
.comprehensive-look__brand__h2logo {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__brand__h2logo {
    width: 311px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__brand__h2logo {
    width: 19.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__brand__h2logo {
    width: 60.9333333333vmin;
  }
}
.comprehensive-look__brand .comprehensive-h2__ja {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__brand .comprehensive-h2__ja {
    margin-top: 15px;
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__brand .comprehensive-h2__ja {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__brand .comprehensive-h2__ja {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__brand .comprehensive-h2__ja {
    margin-top: 2.6666666667vmin;
    margin-left: -4vmin;
    margin-right: -4vmin;
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick {
    margin-top: 6.6666666667vmin;
  }
}
.comprehensive-look__slick__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item {
    width: 324px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item {
    width: 20.25vw;
  }
}
.comprehensive-look__slick__item__h4 {
  text-align: center;
  color: #ff872b;
  border-radius: 100px;
  border: 1px solid #ff872b;
  background-color: #ffffff;
}
.commitment__active__slick__item__h4 {
  text-align: center;
  color: #231815;
  background-color: #f1efeb; 
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    font-size: 18px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    padding-top: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    padding-bottom: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item__h4, .commitment__active__slick__item__h4 {
    line-height: 1;
    padding: 2.8vmin 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
.comprehensive-look__slick__item__main-img {
  aspect-ratio: 57 / 71;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item__main-img {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item__main-img {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item__main-img {
    margin-top: 4vmin;
  }
}
.comprehensive-look__slick__item .coordination {
  position: relative;
  display: flex;
  flex-wrap: nowrap;

}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination {
    justify-content: space-between;
    margin-top: 20px;
    min-height: 186px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination {
    margin-top: 1.25vw;
    min-height: 11.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination {
    justify-content: center;
    margin-top: 5.3333333333vmin;
    min-height: 46vmin;
  }
}
.comprehensive-look__slick__item .coordination__item {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item {
    width: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination__item {
    width: 36vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item_comfort {
    margin: auto;
  }
}
#wrapper #main .comprehensive-look__slick__item .coordination__item__img,
.wrapper_ .comprehensive-look__slick__item .coordination__item__img {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
@media screen and (min-width: 768px) {
  #wrapper #main .comprehensive-look__slick__item .coordination__item__img,
  .wrapper_ .comprehensive-look__slick__item .coordination__item__img {
    max-height: 92px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .comprehensive-look__slick__item .coordination__item__img,
  .wrapper_ .comprehensive-look__slick__item .coordination__item__img {
    max-height: 5.75vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .comprehensive-look__slick__item .coordination__item__img,
  .wrapper_ .comprehensive-look__slick__item .coordination__item__img {
    max-height: 21.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item--cross {
    position: absolute;
    width: 40px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item--cross {
    width: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item--cross {
    top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination__item--cross {
    width: 7.3333333333vmin;
    margin-top: 8vmin;
    margin-left: 0.6666666667vmin;
    margin-right: 0.6666666667vmin;
  }
}
.comprehensive-look__slick__item .coordination__item__product {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item__product {
    margin-top: 20px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__product {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__product {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination__item__product {
    margin-top: 2vmin;
    font-size: 4.2666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item__product__small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__product__small {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination__item__product__small {
    font-size: 3.7333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item__product--height {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__product--height {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__product--height {
    padding-bottom: 0.625vw;
  }
}
.comprehensive-look__slick__item .coordination__item__button {
  background-color: #f8f7f5;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item__button {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__button {
    margin-top: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination__item__button {
    margin-top: 2vmin;
  }
}
.comprehensive-look__slick__item .coordination__item__button__link {
  display: block;
  line-height: 1;
  color: #ffffff;
  background-color: #000000;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    font-size: 16px;
    padding-top: 6px;
    padding-right: 24px;
    padding-bottom: 6px;
    padding-left: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    font-size: 1vw;
  }
}
.coordination__item__button__link02 {
  padding: 10px 0;
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    padding-top: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    padding-right: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    padding-bottom: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    padding-left: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .coordination__item__button__link {
    font-size: 3.2vmin;
    padding: 2.6666666667vmin 4vmin;
  }
}
.comprehensive-look__slick__item .coordination__item__button__link:hover {
  opacity: 0.7;
}
.coordination__item__button__link_ss {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .check-wrap {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap {
    margin-top: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .check-wrap {
    margin-top: 6.6666666667vmin;
  }
}
.comprehensive-look__slick__item .check-wrap .check {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-dot.png);
  background-repeat: repeat-x;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .check-wrap .check {
    background-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check {
    background-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .check-wrap .check {
    background-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .check-wrap .check:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check:not(:first-child) {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .check-wrap .check:not(:first-child) {
    margin-top: 0.6666666667vmin;
  }
}
.comprehensive-look__slick__item .check-wrap .check__product {
  background-color: #f8f7f5;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .check-wrap .check__product {
    font-size: 22px;
    padding-top: 5px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__product {
    font-size: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__product {
    padding-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__product {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__product {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .check-wrap .check__product {
    line-height: 1;
    font-size: 4vmin;
    padding-right: 1.3333333333vmin;
  }
}
.comprehensive-look__slick__item .check-wrap .check__button {
  background-color: #f8f7f5;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .check-wrap .check__button {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .check-wrap .check__button {
    padding-left: 2.6666666667vmin;
  }
}
.comprehensive-look__slick__item .check-wrap .check__button__link {
  color: #ffffff;
  background-color: #000000;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    font-size: 22px;
    padding-top: 6px;
    padding-right: 24px;
    padding-bottom: 6px;
    padding-left: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    font-size: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    padding-top: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    padding-right: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    padding-bottom: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    padding-left: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    font-size: 3.6vmin;
    padding: 0.8vmin 3.2vmin;
  }
}
.comprehensive-look__slick__item .check-wrap .check__button__link:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-look__slick__item .check-wrap .check__button__link {
    font-size: 1vw;
  }
}
.comprehensive-look__slick .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-look-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  .comprehensive-look__slick .slick-arrow {
    top: 56vmin;
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
  }
}
.comprehensive-look__slick .slick-arrow.slick-prev {
  left: -5.3333333333vmin;
  transform: scaleX(-1);
}
.comprehensive-look__slick .slick-arrow.slick-next {
  right: -5.3333333333vmin;
}

.comprehensive-look .comprehensive-h2__ja {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .comprehensive-look .comprehensive-h2__ja {
    font-size: 6vmin;
  }
}
.comprehensive-look__columns {
  margin-top: calc(4*var(--rem));
  display: flex;
  flex-wrap: nowrap;
  gap: calc(4*var(--rem)) calc(2*var(--rem));
}
@media screen and (max-width: 767px) {
  .comprehensive-look__columns {
    flex-wrap: wrap;
    margin-top: calc(5*var(--rem));
  }
}
.comprehensive-look__columns__column {
  width: calc(26*var(--rem));
}
@media screen and (max-width: 767px) {
  .comprehensive-look__columns__column {
    width: calc(29.5*var(--rem));
  }
}
.comprehensive-look__columns__column__main-img a {
  display: block;
  position: relative;
  transition: opacity .5s;
}
.comprehensive-look__columns__column__main-img a:hover {
  opacity: 0.7;
}
.comprehensive-look__columns__column__main-img a:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-zoom.png) no-repeat center center;
  background-size: contain;
  width: calc(4.2*var(--rem));
  height: calc(4.2*var(--rem));
}
@media screen and (max-width: 767px) {
  .comprehensive-look__columns__column__main-img a:before {
    width: calc(5*var(--rem));
    height: calc(5*var(--rem));
  }
}
.comprehensive-look__columns .comprehensive-look__columns__column__head {
  margin-top: calc(2*var(--rem));
  font-size: calc(2*var(--rem));
  text-align: center;
}
@media screen and (max-width: 767px) {
  .comprehensive-look__columns .comprehensive-look__columns__column__head {
    margin-top: calc(2*var(--rem));
    font-size: calc(2.8*var(--rem));
  }
}

/*============================
  商品詳細_kv
============================*/
.detail-kv {
  position: relative;
  z-index: 3;
}
.detail-kv.is-active .detail-kv__txt__logo {
  transform: translateY(0);
  opacity: 1;
}
.detail-kv.is-active .detail-kv__txt__medical {
  transform: translateY(0);
  opacity: 1;
}
.detail-kv.is-active .detail-kv__txt__name {
  transform: translateY(0);
  opacity: 1;
}
.detail-kv.is-active .detail-kv__effect__main {
  transform: translateY(0);
  opacity: 1;
}
.detail-kv.is-active .detail-kv__effect__sub {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .detail-kv--right-center .detail-kv__txt {
    top: 50%;
    right: 120px;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv--right-center .detail-kv__txt {
    right: 7.5vw;
  }
}
@media screen and (min-width: 768px) {
  .detail-kv--left-top .detail-kv__txt {
    top: 80px;
    left: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv--left-top .detail-kv__txt {
    top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv--left-top .detail-kv__txt {
    left: 4.6875vw;
  }
}
.detail-kv__txt {
  position: absolute;
  text-align: center;
  z-index: 101;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .detail-kv__txt {
    width: 456px;
    min-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt {
    width: 28.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__txt {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.detail-kv__txt__logo {
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .detail-kv__txt__logo {
    width: 78vmin;
  }
}
.detail-kv__txt__medical {
  display: inline-block;
  border: 1px solid #000000;
  letter-spacing: 0.16rem;
  text-align: center;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.25s;
}
@media screen and (min-width: 768px) {
  .detail-kv__txt__medical {
    margin-top: 30px;
    padding-top: 8px;
    padding-right: 22px;
    padding-bottom: 8px;
    padding-left: 22px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__medical {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__medical {
    padding-top: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__medical {
    padding-right: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__medical {
    padding-bottom: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__medical {
    padding-left: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__medical {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__txt__medical {
    margin-top: 3.3333333333vmin;
    font-size: 2.9333333333vmin;
    padding: 2vmin 2.9333333333vmin;
    line-height: 1em;
    color: #ffffff;
    border-color: #ffffff;
  }
}
.detail-kv__txt__name {
  letter-spacing: 0rem;
  text-align: center;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .detail-kv__txt__name {
    margin-top: 30px;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__name {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__txt__name {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__txt__name {
    margin-top: 4.6666666667vmin;
    font-size: 3.4666666667vmin;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-kv__effect {
    position: absolute;
    left: 70px;
    bottom: 60px;
    z-index: 101;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__effect {
    left: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__effect {
    bottom: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__effect {
    padding: 6.6666666667vmin 2.6666666667vmin;
    background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
    color: #ffffff;
    text-align: center;
  }
}
.detail-kv__effect__main {
  letter-spacing: 0.1rem;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.75s;
}
@media screen and (min-width: 768px) {
  .detail-kv__effect__main {
    line-height: 1.3;
    font-size: 88px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__effect__main {
    font-size: 5.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__effect__main {
    line-height: 1.2;
    font-size: 6.9333333333vmin;
  }
}
.detail-kv__effect__main__line {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .detail-kv__effect__main__line {
    background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.detail-kv__effect__sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 1s;
}
@media screen and (min-width: 768px) {
  .detail-kv__effect__sub {
    display: inline-block;
    margin-top: 10px;
    font-size: 28px;
    background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__effect__sub {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__effect__sub {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__effect__sub {
    margin-top: 2.6666666667vmin;
    font-size: 2.9333333333vmin;
  }
}
.detail-kv__effect__sub__small {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .detail-kv .detail-kv-content-wrap {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv .detail-kv-content-wrap__inner {
    position: relative;
  }
}
.detail-kv__slick__item {
  overflow: hidden;
  background-color: #ffffff;
}
.detail-kv__slick__item__img {
  transition: ease 3s;
  transform: scale(1.3);
}
.detail-kv__slick__item__img img {
  width: 100%;
}
.detail-kv__slick .slick-active picture {
  transform: scale(1);
}
.detail-kv__slick .slick-dots {
  position: absolute;
  display: flex;
}
@media screen and (min-width: 768px) {
  .detail-kv__slick .slick-dots {
    bottom: 50px;
    right: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__slick .slick-dots {
    bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__slick .slick-dots {
    right: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__slick .slick-dots {
    bottom: 4vmin;
    right: 4vmin;
  }
}
.detail-kv__slick .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.detail-kv__slick .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 100px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .detail-kv__slick .slick-dots li button {
    width: 21px;
    height: 21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__slick .slick-dots li button {
    width: 1.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__slick .slick-dots li button {
    height: 1.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__slick .slick-dots li button {
    width: 1.8666666667vmin;
    height: 1.8666666667vmin;
    border: 1px solid #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-kv__slick .slick-dots li button:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #000000;
  }
}
@media screen and (min-width: 768px) {
  .detail-kv__slick .slick-dots li.slick-active button {
    border-color: #000000;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__slick .slick-dots li.slick-active button {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-kv__slick .slick-dots li:not(:first-child) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__slick .slick-dots li:not(:first-child) {
    margin-left: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__slick .slick-dots li:not(:first-child) {
    margin-left: 1.8666666667vmin;
  }
}
.detail-kv__anchor-button-wrap {
  display: none;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .detail-kv__anchor-button-wrap {
    padding-top: 26px;
    padding-bottom: 26px;
    background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button-wrap {
    padding-top: 1.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button-wrap {
    padding-bottom: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__anchor-button-wrap {
    margin-top: 9.3333333333vmin;
  }
}
.detail-kv__anchor-button {
  margin: 0 auto;
  text-align: center;
}
.detail-kv__anchor-button__link {
  position: relative;
  letter-spacing: 0.16rem;
}
@media screen and (min-width: 768px) {
  .detail-kv__anchor-button__link {
    color: #ffffff !important;
    padding-top: 16px;
    padding-right: 85px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-size: 24px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link {
    padding-top: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link {
    padding-right: 5.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link {
    padding-bottom: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link {
    padding-left: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__anchor-button__link {
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6vmin;
    padding: 3.2vmin 15.4666666667vmin;
    font-size: 3.2vmin;
  }
}
.detail-kv__anchor-button__link:before, .detail-kv__anchor-button__link:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.detail-kv__anchor-button__link:before {
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .detail-kv__anchor-button__link:before {
    background-color: #ffffff;
    width: 44px;
    height: 44px;
    top: 6px;
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:before {
    width: 2.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:before {
    height: 2.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:before {
    top: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:before {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__anchor-button__link:before {
    background: linear-gradient(75deg, #ff872b 0%, #999999 100%);
    width: 5.8666666667vmin;
    height: 5.8666666667vmin;
    top: 2.9333333333vmin;
    right: 2.9333333333vmin;
  }
}
.detail-kv__anchor-button__link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .detail-kv__anchor-button__link:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 25px;
    right: 17px;
    border-top-color: #ff872b;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:after {
    top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-kv__anchor-button__link:after {
    right: 1.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-kv__anchor-button__link:after {
    border-right-width: 0.6666666667vmin;
    border-left-width: 0.6666666667vmin;
    border-top-width: 1.2vmin;
    top: 5.3333333333vmin;
    right: 5.2vmin;
    border-top-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-kv__anchor-button__link:hover {
    opacity: 0.7;
    border-bottom: none !important;
  }
}

/*============================
  商品詳細_24aw_kv
============================*/
.detail-24aw-kv {
  position: relative;
  z-index: 3;
}
.detail-24aw-kv.is-active .detail-24aw-kv__txt__main {
  transform: translateY(0);
  opacity: 1;
}
.detail-24aw-kv.is-active .detail-24aw-kv__txt__logo {
  transform: translateY(0);
  opacity: 1;
}
.detail-24aw-kv.is-active .detail-24aw-kv__txt__medical {
  transform: translateY(0);
  opacity: 1;
}
.detail-24aw-kv.is-active .detail-24aw-kv__txt__name {
  transform: translateY(0);
  opacity: 1;
}
.detail-24aw-kv.is-active .detail-24aw-kv__effect__main {
  transform: translateY(0);
  opacity: 1;
}
.detail-24aw-kv.is-active .detail-24aw-kv__effect__sub {
  transform: translateY(0);
  opacity: 1;
}
.detail-24aw-kv--sleeptop .detail-24aw-kv__effect {
  transform: inherit;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect {
    top: 80px;
    top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect {
    top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect {
    top: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect__main__line {
    font-size: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect__main__line {
    font-size: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect__main__line {
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__effect__sub {
    font-size: 1vw;
  }
}
.detail-24aw-kv--sleeptop .detail-24aw-kv__txt {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__txt {
    transform: inherit;
    top: inherit;
    bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__txt {
    bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv--sleeptop .detail-24aw-kv__txt {
    top: 8.8vmin;
  }
}
.detail-24aw-kv--sleeptop .detail-24aw-kv__txt__medical {
  border-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv--sleeppants .detail-24aw-kv__txt {
    top: 50.6666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv--sleeptopwomens .detail-24aw-kv__txt {
    top: 50.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv--sleeptopwomens .detail-24aw-kv__effect {
    bottom: inherit;
    transform: inherit;
    top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv--sleeptopwomens .detail-24aw-kv__effect {
    top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv--sleeppantswomens .detail-24aw-kv__txt {
    top: 50.6666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv--sleeppajama .detail-24aw-kv__txt {
    top: 50.6666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv--sleeptoplimited .detail-24aw-kv__txt {
    top: 56vmin;
  }
}
.detail-24aw-kv__txt {
  position: absolute;
  text-align: center;
  z-index: 101;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__txt {
    width: 465px;
    top: 50%;
    right: 70px;
    transform: translateY(-50%);
    min-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt {
    width: 29.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt {
    right: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__txt {
    top: 64vmin;
    left: 50%;
    transform: translateX(-50%);
  }
}
.detail-24aw-kv__txt__main {
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.2rem;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__txt__main {
    white-space: nowrap;
    font-size: 5.0666666667vmin;
  }
}
.detail-24aw-kv__txt__logo {
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__txt__logo {
    margin-top: 4vmin;
    width: 78vmin;
  }
}
.detail-24aw-kv__txt__medical {
  display: inline-block;
  border: 1px solid #000000;
  letter-spacing: 0.16rem;
  text-align: center;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.25s;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__txt__medical {
    margin-top: 30px;
    padding-top: 8px;
    padding-right: 22px;
    padding-bottom: 8px;
    padding-left: 22px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__medical {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__medical {
    padding-top: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__medical {
    padding-right: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__medical {
    padding-bottom: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__medical {
    padding-left: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__medical {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__txt__medical {
    margin-top: 3.3333333333vmin;
    font-size: 2.9333333333vmin;
    padding: 2vmin 2.9333333333vmin;
    line-height: 1em;
    color: #ffffff;
    border-color: #ffffff;
  }
}
.detail-24aw-kv__txt__name {
  letter-spacing: 0rem;
  text-align: center;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__txt__name {
    margin-top: 30px;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__name {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__txt__name {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__txt__name {
    margin-top: 4.6666666667vmin;
    font-size: 3.4666666667vmin;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__effect {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 70px;
    bottom: 60px;
    z-index: 101;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__effect {
    left: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__effect {
    bottom: 3.75vw;
  }
}
.detail-24aw-kv__effect__main {
  letter-spacing: -0.1rem;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 0.75s;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__effect__main {
    line-height: 1.2;
    font-size: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__effect__main {
    font-size: 5vw;
  }
}
.detail-24aw-kv__effect__main__line {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__effect__main__line {
    background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.detail-24aw-kv__effect__main__line:last-child {
  position: relative;
  left: -0.6em;
}
.detail-24aw-kv__effect__sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  transition: 0.5s all ease;
  transform: translateY(30px);
  opacity: 0;
  transition-delay: 1s;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__effect__sub {
    display: inline-block;
    margin-top: 10px;
    font-size: 24px;
    background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__effect__sub {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__effect__sub {
    font-size: 1.5vw;
  }
}
.detail-24aw-kv__effect__sub__small {
  font-weight: 400;
}
.detail-24aw-kv .detail-24aw-kv-content-wrap {
  position: relative;
}
.detail-24aw-kv__slick__item {
  overflow: hidden;
  background-color: #ffffff;
}
.detail-24aw-kv__slick__item__img {
  transition: ease 3s;
  transform: scale(1.3);
}
.detail-24aw-kv__slick__item__img img {
  width: 100%;
}
.detail-24aw-kv__slick .slick-active picture {
  transform: scale(1);
}
.detail-24aw-kv__slick .slick-dots {
  position: absolute;
  display: flex;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__slick .slick-dots {
    bottom: 50px;
    right: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__slick .slick-dots {
    bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__slick .slick-dots {
    right: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__slick .slick-dots {
    bottom: 4vmin;
    right: 4vmin;
  }
}
.detail-24aw-kv__slick .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.detail-24aw-kv__slick .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 100px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__slick .slick-dots li button {
    width: 21px;
    height: 21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__slick .slick-dots li button {
    width: 1.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__slick .slick-dots li button {
    height: 1.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__slick .slick-dots li button {
    width: 1.8666666667vmin;
    height: 1.8666666667vmin;
    border: 1px solid #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__slick .slick-dots li button:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #000000;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__slick .slick-dots li.slick-active button {
    border-color: #000000;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__slick .slick-dots li.slick-active button {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__slick .slick-dots li:not(:first-child) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__slick .slick-dots li:not(:first-child) {
    margin-left: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__slick .slick-dots li:not(:first-child) {
    margin-left: 1.8666666667vmin;
  }
}
.detail-24aw-kv__anchor-button-wrap {
  display: none;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__anchor-button-wrap {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button-wrap {
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__anchor-button-wrap {
    margin-top: 9.3333333333vmin;
  }
}
.detail-24aw-kv__anchor-button {
  margin: 0 auto;
  text-align: center;
}
.detail-24aw-kv__anchor-button__link {
  position: relative;
  letter-spacing: 0.16rem;
  display: inline-block;
  border-radius: 100px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__anchor-button__link {
    padding-top: 24px;
    padding-left: 116px;
    padding-bottom: 24px;
    padding-right: 116px;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link {
    padding-top: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link {
    padding-left: 7.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link {
    padding-bottom: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link {
    padding-right: 7.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__anchor-button__link {
    padding: 3.2vmin 15.4666666667vmin;
    font-size: 3.2vmin;
  }
}
.detail-24aw-kv__anchor-button__link:before, .detail-24aw-kv__anchor-button__link:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.detail-24aw-kv__anchor-button__link:before {
  border-radius: 100px;
  background: linear-gradient(75deg, #ff872b 0%, #999999 100%);
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__anchor-button__link:before {
    width: 44px;
    height: 44px;
    top: 22px;
    right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:before {
    width: 2.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:before {
    height: 2.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:before {
    top: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:before {
    right: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__anchor-button__link:before {
    width: 5.8666666667vmin;
    height: 5.8666666667vmin;
    top: 2.9333333333vmin;
    right: 2.9333333333vmin;
  }
}
.detail-24aw-kv__anchor-button__link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-top-color: #ffffff;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__anchor-button__link:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 40px;
    right: 39px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:after {
    top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__anchor-button__link:after {
    right: 2.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__anchor-button__link:after {
    border-right-width: 0.6666666667vmin;
    border-left-width: 0.6666666667vmin;
    border-top-width: 1.2vmin;
    top: 5.3333333333vmin;
    right: 5.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__anchor-button__link:hover {
    opacity: 0.7;
    border-bottom: none !important;
  }
}
.detail-24aw-kv__blood {
  position: absolute;
  bottom: 0;
  z-index: 91;
}
@media screen and (min-width: 768px) {
  .detail-24aw-kv__blood {
    right: 0;
    width: 1245px;
    height: 385px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__blood {
    width: 77.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-24aw-kv__blood {
    height: 24.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-24aw-kv__blood {
    left: 0;
    width: 100vmin;
    height: 53.4666666667vmin;
  }
}
.detail-25aw-kv__border-name {
  font-size: 20px;
  text-align: center;
  padding: 10px;
  background-color: #231815;
  position: relative;
  top: -1px;
  z-index: 90;
  color: #ffffff;
  }
@media screen and (min-width: 768px) {
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .detail-25aw-kv__border-name {
    font-size: 4vmin;
    padding: 1.3333333333vmin 2.9333333333vmin;
  }
  .hide-on-sp {
    display: none;
  }
}
.detail-24aw-kv__sp-name__newcolor {
  display: none;
}

/*============================
  商品詳細_カート ポップアップ
============================*/
.cart {
  background-color: #ccc;
}

.modal-open {
  position: relative;
  z-index: 3;
  width: 300px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  background: #f00;
  margin: auto;
  cursor: pointer;
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-sizing: border-box;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal-container {
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container {
    padding-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container {
    padding-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container {
    padding-bottom: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container {
    padding: 5.3333333333vmin 0vmin;
  }
}
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal-container.active {
  opacity: 1;
  visibility: visible;
}
.modal-container .modal-body {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  max-width: 1220px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body {
    width: calc(100% - 50px);
  }
}
.modal-container .modal-body .modal-content {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content {
    border-radius: 20px;
    padding-top: 65px;
    padding-right: 65px;
    padding-bottom: 65px;
    padding-left: 65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content {
    border-radius: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content {
    padding-top: 4.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content {
    padding-right: 4.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content {
    padding-bottom: 4.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content {
    padding-left: 4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content {
    border-radius: 2.6666666667vmin;
    padding-top: 7.3333333333vmin;
    padding-right: 6.6666666667vmin;
    padding-bottom: 7.3333333333vmin;
    padding-left: 6.6666666667vmin;
  }
}
.modal-container .modal-body .modal-content .popup__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__title {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__title {
    font-size: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main {
    margin-top: 4vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main__columns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img {
  position: relative;
}
.modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
  content: "NEW";
  position: absolute;
  display: inline-block;
  text-align: center;
  top: 0;
  left: 0;
  color: #ffffff;
  background-color: #ff872b;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
    width: 70px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
    width: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
    padding-top: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
    padding-bottom: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
    font-size: 1.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns--new .popup__main__columns__column__img:before {
    width: 11.2vmin;
    padding-top: 0.5333333333vmin;
    padding-bottom: 0.5333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--img {
    width: 250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--img {
    width: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--img {
    width: 26.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--txt {
    margin-left: 40px;
    max-width: 420px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--txt {
    margin-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--txt {
    max-width: 26.25vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column--txt {
    width: calc(100% - 32vmin);
    margin-left: 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .product-name {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .product-name {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .product-name {
    font-size: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price {
    font-size: 2.1333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price__large {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price__large {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price__large {
    margin-top: 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal {
    margin-top: 2vmin;
    font-size: 1.8666666667vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal:before {
  content: "通常販売価格：";
  display: inline-block;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal:before {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal:before {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal:before {
    font-size: 1.8666666667vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap {
  display: inline-block;
  position: relative;
}
.modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap:before {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap:before {
    height: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap:before {
    height: 0.2666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap__large {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap__large {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__normal__txtwrap__large {
    font-size: 2.6666666667vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special {
  color: #ff2500;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special {
    margin-top: 2vmin;
    font-size: 2.1333333333vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special:before {
  content: "キャンペーン価格：";
  display: inline-block;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special:before {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special:before {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special:before {
    font-size: 2.1333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special__txtwrap__large {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special__txtwrap__large {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .price-cp__special__txtwrap__large {
    font-size: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .contents {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .contents {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .contents {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main__columns__column__txtinner .contents {
    margin-top: 1.3333333333vmin;
    font-size: 2.4vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main .buttons {
    margin-top: 25px;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main .buttons {
    margin-top: 4vmin;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button:not(:first-child) {
    margin-top: 2.6666666667vmin;
  }
}
.modal-container .modal-body .modal-content .popup__main .buttons__button--cart .buttons__button__link {
  color: #ffffff;
  background-color: #000000;
}
.modal-container .modal-body .modal-content .popup__main .buttons__button--close .buttons__button__link {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button--close {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button--close {
    margin-left: 0.625vw;
  }
}
.modal-container .modal-body .modal-content .popup__main .buttons__button__link {
  display: inline-block;
  position: relative;
  letter-spacing: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    border-radius: 45px;
    font-size: 16px;
    padding-top: 12px;
    padding-right: 40px;
    padding-bottom: 12px;
    padding-left: 40px;
    min-width: 190px;
    text-align: center;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    padding-top: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    padding-bottom: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    padding-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    min-width: 11.875vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link {
    width: 58.6666666667vmin;
    border-radius: 6vmin;
    padding: 3.0666666667vmin 5.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__main .buttons__button__link:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together {
    margin-top: 6.6666666667vmin;
  }
}
.modal-container .modal-body .modal-content .popup__together__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__title {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__title {
    font-size: 3.2vmin;
  }
}
.modal-container .modal-body .modal-content .popup__together__discount {
  color: #ff872b;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__discount {
    margin-top: 5px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__discount {
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__discount {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__discount {
    margin-top: 1.0666666667vmin;
    font-size: 2.4vmin;
  }
}
.modal-container .modal-body .modal-content .popup__together__columns {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns {
    margin-top: 30px;
    margin-right: -50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns {
    margin-right: -3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__columns {
    margin-top: 5.3333333333vmin;
    margin-right: -2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column {
    margin: 10px;
    width: calc(33.333% - 3.125vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column {
    margin: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column {
    margin: 1.3333333333vmin;
    width: calc(33.333% - 2.6666666667vmin);
  }
}
.modal-container .modal-body .modal-content .popup__together__columns__column--soph {
  display: none;
}
.modal-container .modal-body .modal-content .popup__together__columns__column .product-link {
  position: relative;
  display: block;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link {
    background-image: url("/wellness/sixpad/common/recoverywear/img/detail/ic-cart.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link {
    background-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column:first-child {
    width: 92px;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column:last-child {
    width: calc(100% - 112px);
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column:last-child {
    margin-left: 1.25vw;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__product {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__product {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__product {
    margin-top: 2.6666666667vmin;
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price {
    font-size: 0.75vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price {
    font-size: 1.6vmin;
  }
}
.modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price--special {
  color: #ff2500;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price__large {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price__large {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .popup__together__columns__column .product-link .product-columns__column__price__large {
    font-size: 2.4vmin;
  }
}
.modal-container .modal-body .modal-content .modal-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .modal-close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .modal-close {
    top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .modal-close {
    right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .modal-close {
    width: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .modal-close {
    height: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .modal-close {
    top: 4.8vmin;
    right: 4.8vmin;
    width: 6.4vmin;
    height: 6.4vmin;
  }
}
.modal-container .modal-body .modal-content .modal-close:before, .modal-container .modal-body .modal-content .modal-close:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  .modal-container .modal-body .modal-content .modal-close:before, .modal-container .modal-body .modal-content .modal-close:after {
    width: 50px;
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .modal-close:before, .modal-container .modal-body .modal-content .modal-close:after {
    width: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .modal-container .modal-body .modal-content .modal-close:before, .modal-container .modal-body .modal-content .modal-close:after {
    height: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .modal-container .modal-body .modal-content .modal-close:before, .modal-container .modal-body .modal-content .modal-close:after {
    width: 6.4vmin;
    height: 0.2666666667vmin;
  }
}
.modal-container .modal-body .modal-content .modal-close:before {
  transform: rotate(45deg);
}
.modal-container .modal-body .modal-content .modal-close:after {
  transform: rotate(-45deg);
}

/*============================
  Sleep_レビュー
============================*/
.review__rich-lead {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .review__rich-lead {
    margin-left: -2.6666666667vmin;
    margin-right: -2.6666666667vmin;
  }
}
.review__rich-lead__line {
  position: relative;
  display: inline-block;
  line-height: 1;
  background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .review__rich-lead__line {
    letter-spacing: 0;
    font-size: 42px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review__rich-lead__line {
    font-size: 2.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review__rich-lead__line {
    padding-bottom: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .review__rich-lead__line {
    letter-spacing: -0.1rem;
    font-size: 6.4vmin;
    padding-bottom: 2.6666666667vmin;
  }
}
.review__rich-lead__line:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 0.7em);
  background: linear-gradient(120deg, #ff872b 0%, #999999 100%);
}
@media screen and (min-width: 768px) {
  .review__rich-lead__line:before {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review__rich-lead__line:before {
    height: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .review__rich-lead__line:before {
    height: 0.2666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice--sleep:not(:first-child) {
    margin-top: 105px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice--sleep:not(:first-child) {
    margin-top: 6.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice--sleep:not(:first-child) {
    margin-top: 12vmin;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice--sleep .chart-container__bubble-1 {
    top: -50px;
    right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice--sleep .chart-container__bubble-1 {
    top: -3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice--sleep .chart-container__bubble-1 {
    right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice--sleep .chart-container__bubble-2 {
    left: 6.6666666667vmin;
    bottom: -4.2666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice--sleep .comprehensive-h2__ja {
    letter-spacing: -0.04rem;
  }
}
@media screen and (min-width: 768px) {
  .review .customer-voice__sup {
    margin-top: 45px;
    margin-left: 115px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup {
    margin-top: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup {
    margin-left: 7.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__sup {
    margin-top: 6.6666666667vmin;
    margin-left: 10.6666666667vmin;
  }
}
.review .customer-voice__sup__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .review .customer-voice__sup__item {
    padding-left: 30px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup__item {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup__item {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__sup__item {
    padding-left: 5.3333333333vmin;
    font-size: 3.2vmin;
  }
}
.review .customer-voice__sup__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  .review .customer-voice__sup__item:before {
    top: 5px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup__item:before {
    top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup__item:before {
    width: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .review .customer-voice__sup__item:before {
    height: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .review .customer-voice__sup__item:before {
    top: 1.3333333333vmin;
    width: 2.9333333333vmin;
    height: 2.9333333333vmin;
  }
}
.review .customer-voice__sup__item:first-child:before {
  background-color: #f5d8c7;
}
.review .customer-voice__sup__item:last-child:before {
  background-color: #ffece1;
}

/*============================
  RW_コンセプト
============================*/
.rw-concept {
  position: relative;
  z-index: 3;
}
.rw-concept__inner__bg {
  overflow: hidden;
  position: sticky;
  z-index: 1;
  left: 0;
  width: 100%;
  transition: 1s;
}
.rw-concept__inner__bg.is-active {
  clip-path: inset(0% 0%);
}
@media screen and (min-width: 768px) {
  .rw-concept__inner__bg {
    top: 142px;
    height: calc(100vh - 142px);
    clip-path: inset(4% 2%);
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__inner__bg {
    top: 101px;
    height: calc(100vh - 101px);
    clip-path: inset(6% 5%);
  }
}
.rw-concept__inner__bg__bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  transition: 1s;
}
.rw-concept__inner__bg__bgimg--before {
  opacity: 1;
}
.rw-concept__inner__bg__bgimg--after {
  opacity: 0;
  transform: scale(1);
}
.rw-concept__inner__bg__bgimg--after.is-active {
  opacity: 1;
  filter: blur(5px);
}
@media screen and (min-width: 768px) {
  .rw-concept__inner__bg__bgimg--after.is-active {
    transform: scale(1.5);
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__inner__bg__bgimg--after.is-active {
    transform: scale(1.3);
  }
}
.rw-concept__inner__bg__bgimg--after.small.is-active {
  transform: scale(1);
}
.rw-concept__inner__bg__bgimg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.rw-concept__inner__content {
  position: relative;
  z-index: 2;
  padding-top: 100vh;
}
@media screen and (max-width: 767px) {
  .rw-concept__inner__content {
    background-image: url("/wellness/sixpad/common/recoverywear/img/detail/rw/bg-effect.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: bottom right;
  }
}

.rw-concept__lead__heading {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .rw-concept__lead__heading {
    margin-top: 40px;
    font-size: 32px;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__heading {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__heading {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__lead__heading {
    margin-top: 5.33333333333vmin;
    font-size: 6.4vmin;
    margin-left: -2.6666666667vmin;
    margin-right: -2.6666666667vmin;
    letter-spacing: 0.01em;
  }
}
.rw-concept__lead__heading__iniline {
  display: inline-block;
}
.rw-concept__lead__heading .comprehensive-h2__eng {
  color: #ffffff;
}
.rw-concept__lead__medical {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-color: #ff872b;
  border-style: solid;
  color: #ff872b;
  text-align: center;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .rw-concept__lead__medical {
    margin-top: 50px;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 3px;
    width: 130px;
    height: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical {
    border-width: 0.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical {
    width: 8.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical {
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__lead__medical {
    margin-top: 9.3333333333vmin;
    padding-right: 2.6666666667vmin;
    padding-left: 2.6666666667vmin;
    border-width: 0.4vmin;
    width: 17.3333333333vmin;
    height: 20vmin;
  }
}
.rw-concept__lead__medical__heading {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .rw-concept__lead__medical__heading {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical__heading {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__lead__medical__heading {
    font-size: 2.6666666667vmin;
  }
}
.rw-concept__lead__medical__sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .rw-concept__lead__medical__sub {
    margin-top: 10px;
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical__sub {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__medical__sub {
    font-size: 0.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__lead__medical__sub {
    margin-top: 1.3333333333vmin;
    font-size: 1.4666666667vmin;
  }
}
.rw-concept__lead__paragraph {
  text-align: center;
  line-height: 1.818;
}
@media screen and (min-width: 768px) {
  .rw-concept__lead__paragraph {
    margin-top: 15px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__paragraph {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__paragraph {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__lead__paragraph {
    margin-top: 4vmin;
    font-size: 3.4666666667vmin;
  }
}
.rw-concept__lead__img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .rw-concept__lead__img {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__lead__img {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__lead__img {
    margin-top: 8vmin;
  }
}
.rw-concept__h3 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .rw-concept__h3 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__h3 {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__h3 {
    margin-top: 10vmin;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__h3 .comprehensive-h2__ja {
    letter-spacing: -0.12rem;
    margin-left: -1.3333333333vmin;
    margin-right: -1.3333333333vmin;
  }
}
.rw-concept__txt {
  line-height: 1.818;
}
@media screen and (min-width: 768px) {
  .rw-concept__txt {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__txt {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-concept__txt {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-concept__txt {
    margin-top: 4vmin;
    font-size: 3.4666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .rw-concept__txt__inline {
    display: inline-block;
  }
}

/*============================
  Sleep_星空
============================*/
.sleep-stars {
  position: relative;
}
.sleep-stars__bg {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1c1f23;
  transition: 1s;
  /* 星のスタイル */
  /* 星がキラキラ光るアニメーション */
}
.sleep-stars__bg .star {
  position: absolute;
  display: block;
  background-color: #6d7686; /* 星の色 */
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(109, 118, 134, 0.2); /* 星の影 */
  opacity: 0;
  animation: twinkle 5s infinite;
}
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/*============================
  Sleep_コンセプト
============================*/
.sleep-concept {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .sleep-concept {
    margin-top: 130px;
    padding-top: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept {
    margin-top: 8.125vw;
    padding-top: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept {
    margin-top: 13.3333333333vmin;
    padding-top: 17.3333333333vmin;
  }
}

@media screen and (min-width: 768px) {
  .sleep-concept.sleep-concept--ss {
    margin-top: -60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept.sleep-concept--ss {
    margin-top: -3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept.sleep-concept--ss {
    margin-top: -9.33333333333vw;
  }
}
.sleep-concept__lead .comprehensive-h2__eng {
  color: #ffffff;
}
.sleep-concept__lead__heading {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sleep-concept__lead__heading {
    margin-top: 30px;
    font-size: 32px;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__lead__heading {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__lead__heading {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__lead__heading {
    margin-top: 4vmin;
    font-size: 6.4vmin;
    margin-left: -2.6666666667vmin;
    margin-right: -2.6666666667vmin;
    letter-spacing: 0.01em;
  }
}
.sleep-concept__lead__heading__iniline {
  display: inline-block;
}
.sleep-concept__lead__heading .comprehensive-h2__eng {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns {
    margin-top: 80px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns {
    margin-top: 6.66666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column--img {
    margin-right: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column--img {
    margin-right: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column--img {
    padding-left: 5.8666666667vmin;
    padding-right: 5.8666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column--txt {
    margin-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column--txt {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column--txt {
    margin-top: 9.3333333333vmin;
  }
}
.sleep-concept__main-columns__column .comprehensive-h2 {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column .comprehensive-h2__ja {
    letter-spacing: -0.12rem;
    margin-left: -1.3333333333vmin;
    margin-right: -1.3333333333vmin;
  }
}
.sleep-concept__main-columns__column__medical {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-color: #ff872b;
  border-style: solid;
  color: #ff872b;
  text-align: center;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column__medical {
    margin-top: 80px;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 3px;
    width: 130px;
    height: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical {
    margin-top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical {
    border-width: 0.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical {
    width: 8.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical {
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column__medical {
    margin-top: 9.3333333333vmin;
    padding-right: 2.6666666667vmin;
    padding-left: 2.6666666667vmin;
    border-width: 0.4vmin;
    width: 17.3333333333vmin;
    height: 20vmin;
  }
}
.sleep-concept__main-columns__column__medical__heading {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column__medical__heading {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical__heading {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column__medical__heading {
    font-size: 2.6666666667vmin;
  }
}
.sleep-concept__main-columns__column__medical__sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column__medical__sub {
    margin-top: 10px;
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical__sub {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__medical__sub {
    font-size: 0.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column__medical__sub {
    margin-top: 1.3333333333vmin;
    font-size: 1.4666666667vmin;
  }
}
.sleep-concept__main-columns__column__paragraph {
  text-align: center;
  color: #ffffff;
  line-height: 1.818;
}
@media screen and (min-width: 768px) {
  .sleep-concept__main-columns__column__paragraph {
    margin-top: 30px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__paragraph {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__main-columns__column__paragraph {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__main-columns__column__paragraph {
    margin-top: 4vmin;
    font-size: 2.9333333333vmin;
  }
}
.sleep-concept__main-columns__column__img {
  display: block;
}
.sleep-concept__sub-top-columns {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-top-columns {
    margin-top: 70px;
    display: flex;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-top-columns {
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-top-columns {
    margin-top: 12.6666666667vmin;
    width: 61.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-top-columns__column--img {
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-top-columns__column--txt {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-top-columns__column--txt {
    margin-top: 6vmin;
  }
}
.sleep-concept__sub-top-columns__column__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-top-columns__column__img {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-top-columns__column__img {
    width: 23.75vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-top-columns__column__paragraph {
    margin-top: 50px;
    margin-right: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-top-columns__column__paragraph {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-top-columns__column__paragraph {
    margin-right: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-top-columns__column__paragraph {
    letter-spacing: 0;
  }
}
.sleep-concept__sub-bottom-columns {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-bottom-columns {
    margin-top: -220px;
    display: flex;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-bottom-columns {
    margin-top: -13.75vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-bottom-columns {
    margin-top: 10.6666666667vmin;
    margin-left: auto;
    width: 48vmin;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-bottom-columns__column--txt {
    margin-top: 6vmin;
  }
}
.sleep-concept__sub-bottom-columns__column__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-bottom-columns__column__img {
    width: 380px;
    margin-left: 280px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-bottom-columns__column__img {
    width: 23.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-bottom-columns__column__img {
    margin-left: 17.5vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-bottom-columns__column__paragraph {
    margin-top: 270px;
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-bottom-columns__column__paragraph {
    margin-top: 16.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-bottom-columns__column__paragraph {
    margin-left: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-bottom-columns__column__paragraph {
    letter-spacing: 0;
  }
}
.sleep-concept__season {
  position: relative;
}
.sleep-concept__season__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  color: #ffffff;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .sleep-concept__season__txt {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__season__txt {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__season__txt {
    font-size: 3.4666666667vmin;
  }
}

/*============================
  Sleep_Design
============================*/
.design {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .design {
    margin-top: 200px;
    padding-bottom: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design {
    margin-top: 12.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design {
    padding-bottom: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .design {
    margin-top: 17.3333333333vmin;
    padding-bottom: 17.3333333333vmin;
  }
}
.design__h2 {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .design__h2 {
    margin-left: -5.3333333333vmin;
    margin-right: -5.3333333333vmin;
  }
}
.design__h3 {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .design__h3 {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__h3 {
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .design__h3 {
    margin-top: 10.6666666667vmin;
  }
}
.design__txt {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .design__images {
    margin-top: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images {
    margin-top: 9.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .design__images {
    margin-top: 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .design__images__item--first {
    width: 642px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images__item--first {
    width: 40.125vw;
  }
}
@media screen and (max-width: 767px) {
  .design__images__item--first {
    width: 60vmin;
  }
}
.design__images__item--second {
  margin-left: auto;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .design__images__item--second {
    margin-top: -440px;
    width: 642px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images__item--second {
    margin-top: -27.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images__item--second {
    width: 40.125vw;
  }
}
@media screen and (max-width: 767px) {
  .design__images__item--second {
    margin-top: 16vmin;
    width: 54.6666666667vmin;
  }
}
.design__images__item--third {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .design__images__item--third {
    margin-left: auto;
    margin-top: -160px;
    margin-right: 495px;
    width: 550px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images__item--third {
    margin-top: -10vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images__item--third {
    margin-right: 30.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .design__images__item--third {
    width: 34.375vw;
  }
}
@media screen and (max-width: 767px) {
  .design__images__item--third {
    margin-top: 9.3333333333vmin;
    width: 51.3333333333vmin;
  }
}
.design__images__item__img {
  display: block;
}
.design__images__item__img img {
  width: 100%;
}

/*============================
  RW_効果
============================*/
@media screen and (min-width: 768px) {
  .rw-effect {
    margin-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-effect {
    margin-top: 16.6666666667vmin;
  }
}
.rw-effect .rw-effect-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .rw-effect .rw-effect-list {
    margin-top: 70px;
    margin-left: -20px;
    margin-right: -20px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list {
    margin-top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list {
    margin-left: -1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list {
    margin-right: -1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-effect .rw-effect-list {
    margin-top: 9.3333333333vmin;
    margin-left: -1.6666666667vmin;
    margin-right: -1.6666666667vmin;
    justify-content: flex-start;
  }
}
.rw-effect .rw-effect-list__item {
  border: 1px solid #cccccc;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .rw-effect .rw-effect-list__item {
    width: calc(25% - 2.5vw);
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item {
    margin-left: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item {
    margin-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item {
    padding-top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item {
    padding-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-effect .rw-effect-list__item {
    width: calc(50% - 3.3333333333vmin);
    min-height: 40vmin;
    margin-left: 1.6666666667vmin;
    margin-right: 1.6666666667vmin;
    padding-top: 9.3333333333vmin;
    padding-bottom: 6.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .rw-effect .rw-effect-list__item:nth-child(n+5) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item:nth-child(n+5) {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-effect .rw-effect-list__item:nth-child(n+3) {
    margin-top: 3.3333333333vmin;
  }
}
.rw-effect .rw-effect-list__item__icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .rw-effect .rw-effect-list__item__icon {
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item__icon {
    height: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-effect .rw-effect-list__item__icon {
    height: 14.6666666667vmin;
  }
}
.rw-effect .rw-effect-list__item__icon img {
  height: 100%;
  width: auto;
}
.rw-effect .rw-effect-list__item__title {
  color: #231815;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .rw-effect .rw-effect-list__item__title {
    margin-top: 50px;
    font-size: 22px;
    letter-spacing: 0.05rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item__title {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-effect .rw-effect-list__item__title {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-effect .rw-effect-list__item__title {
    margin-top: 3.3333333333vmin;
    font-size: 3.73333333333vmin;
    letter-spacing: 0.03rem;
  }
}

/*============================
  Sleep_効果
============================*/
@media screen and (min-width: 768px) {
  .sleep-effect {
    margin-top: 120px;
    padding-bottom: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect {
    margin-top: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect {
    padding-bottom: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-effect {
    margin-top: 16.6666666667vmin;
    padding-bottom: 14.6666666667vmin;
    background-image: url("/wellness/sixpad/common/recoverywear/img/detail/sleep/bg-effect.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: bottom right;
  }
}
.sleep-effect .comprehensive-h2__eng {
  color: #ffffff;
}
.sleep-effect .comprehensive-h2__ja {
  color: #ffffff;
}
.sleep-effect .sleep-effect-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .sleep-effect .sleep-effect-list {
    margin-top: 55px;
    margin-left: -20px;
    margin-right: -20px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list {
    margin-top: 3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list {
    margin-left: -1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list {
    margin-right: -1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-effect .sleep-effect-list {
    margin-top: 9.3333333333vmin;
    margin-left: -1.6666666667vmin;
    margin-right: -1.6666666667vmin;
    justify-content: flex-start;
  }
}
.sleep-effect .sleep-effect-list__item {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.04);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sleep-effect .sleep-effect-list__item {
    width: calc(25% - 2.5vw);
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item {
    margin-left: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item {
    margin-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item {
    padding-top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item {
    padding-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-effect .sleep-effect-list__item {
    width: calc(50% - 3.3333333333vmin);
    min-height: 40vmin;
    margin-left: 1.6666666667vmin;
    margin-right: 1.6666666667vmin;
    padding-top: 9.3333333333vmin;
    padding-bottom: 6.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-effect .sleep-effect-list__item:nth-child(n+5) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item:nth-child(n+5) {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-effect .sleep-effect-list__item:nth-child(n+3) {
    margin-top: 3.3333333333vmin;
  }
}
.sleep-effect .sleep-effect-list__item__icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .sleep-effect .sleep-effect-list__item__icon {
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item__icon {
    height: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-effect .sleep-effect-list__item__icon {
    height: 14.3333333333vmin;
  }
}
.sleep-effect .sleep-effect-list__item__icon img {
  height: 100%;
  width: auto;
}
.sleep-effect .sleep-effect-list__item__title {
  color: #ffffff;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .sleep-effect .sleep-effect-list__item__title {
    margin-top: 50px;
    font-size: 26px;
    letter-spacing: 0.05rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item__title {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item__title {
    font-size: 1.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-effect .sleep-effect-list__item__title {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-effect .sleep-effect-list__item__title {
    margin-top: 3.3333333333vmin;
    font-size: 3.2vmin;
    letter-spacing: 0.03rem;
  }
}

/*============================
  RW_Look
============================*/
.look {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .look {
    margin-top: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look {
    margin-top: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  .look {
    margin-top: 17.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .look__heading {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .look__heading__item:last-child {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__heading__item:last-child {
    margin-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) {
  .look__heading__item__lead {
    padding-bottom: 7px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__heading__item__lead {
    padding-bottom: 0.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__heading__item__lead {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .look__heading__item__lead {
    margin-top: 2.6666666667vmin;
    font-size: 3.4666666667vmin;
  }
}
.look__content {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .look__content {
    margin-top: 9.3333333333vmin;
  }
}
.look__content__slider {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .look__content__slider {
    height: 500vh;
  }
}
.look__content__slider__wrap {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .look__content__slider__wrap {
    position: sticky;
    padding-bottom: calc(100vh - 151px);
    top: 151px;
  }
}
.look__content__slider__wrap .slick-list {
  background-color: #ffffff;
}
.look__content__slider__wrap .slick-dots {
  position: absolute;
  top: 72vmin;
  right: 5.3333333333vmin;
}
.look__content__slider__wrap .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.look__content__slider__wrap .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 100px;
  position: relative;
  width: 1.8666666667vmin;
  height: 1.8666666667vmin;
  border: 1px solid #ffffff;
}
.look__content__slider__wrap .slick-dots li.slick-active button {
  background-color: #ffffff;
}
.look__content__slider__wrap .slick-dots li:not(:first-child) {
  margin-top: 1.8666666667vmin;
}
.look__content__slider__inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .look__content__slider__inner {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__inner {
    top: 5vw;
  }
}
.look__content__slider__item {
  z-index: 1;
  transition: opacity 0.5s;
}
@media screen and (min-width: 768px) {
  .look__content__slider__item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    height: calc(100vh - 151px);
    max-width: 1920px;
    margin: 0 auto;
  }
}
.look__content__slider__item.is-active {
  opacity: 1;
}
.look__content__slider__item__img {
  position: relative;
}
@media screen and (min-width: 768px) {
  .look__content__slider__item__img {
    order: 2;
    margin-left: 70px;
    margin-right: 70px;
    padding-left: 70px;
    border-left: 1px solid #d8d4c7;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__img {
    margin-left: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__img {
    margin-right: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__img {
    padding-left: 4.375vw;
  }
}
#wrapper #main .look__content__slider__item__img__ico,
.wrapper_ .look__content__slider__item__img__ico {
  position: absolute;
  z-index: 2;
  border-radius: 200px;
}
@media screen and (min-width: 768px) {
  #wrapper #main .look__content__slider__item__img__ico,
  .wrapper_ .look__content__slider__item__img__ico {
    top: 50px;
    left: 130px;
    width: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .look__content__slider__item__img__ico,
  .wrapper_ .look__content__slider__item__img__ico {
    top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .look__content__slider__item__img__ico,
  .wrapper_ .look__content__slider__item__img__ico {
    left: 8.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .look__content__slider__item__img__ico,
  .wrapper_ .look__content__slider__item__img__ico {
    width: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .look__content__slider__item__img__ico,
  .wrapper_ .look__content__slider__item__img__ico {
    top: 6.6666666667vmin;
    left: 6.6666666667vmin;
    width: 26.6666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__img__ico--cover {
    background-color: rgba(216, 225, 243, 0.85);
  }
}
.look__content__slider__item__img__main {
  display: block;
  overflow: hidden;
}
.look__content__slider__item__img__main img {
  display: block;
}
.look__content__slider__item__txt {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .look__content__slider__item__txt {
    order: 1;
    margin-left: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt {
    margin-left: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__txt {
    background-color: #ffffff;
    padding-top: 9.3333333333vmin;
    padding-left: 9.3333333333vmin;
    padding-bottom: 8vmin;
    padding-right: 9.3333333333vmin;
  }
}
.look__content__slider__item__txt__lead {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .look__content__slider__item__txt__lead {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt__lead {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__txt__lead {
    font-size: 3.7333333333vmin;
  }
}
#wrapper #main .look__content__slider__item__txt__logo,
.wrapper_ .look__content__slider__item__txt__logo {
  display: inline-block !important;
}
@media screen and (min-width: 768px) {
  #wrapper #main .look__content__slider__item__txt__logo,
  .wrapper_ .look__content__slider__item__txt__logo  {
    margin-top: 30px;
    width: 280px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .look__content__slider__item__txt__logo,
  .wrapper_ .look__content__slider__item__txt__logo  {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .look__content__slider__item__txt__logo,
  .wrapper_ .look__content__slider__item__txt__logo  {
    width: 17.5vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .look__content__slider__item__txt__logo,
  .wrapper_ .look__content__slider__item__txt__logo  {
    margin-top: 2.6666666667vmin;
    width: 51.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .look__content__slider__item__txt .coordination {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt .coordination {
    margin-top: 5.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt .coordination {
    margin-top: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__txt .coordination {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 5.3333333333vmin;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__txt .coordination__item {
    width: 33.3333333333vmin;
  }
}
#wrapper #main .look__content__slider__item__txt .coordination__item__img,
.wrapper_ .look__content__slider__item__txt .coordination__item__img {
  width: auto;
}
@media screen and (min-width: 768px) {
  #wrapper #main .look__content__slider__item__txt .coordination__item__img,
  .wrapper_ .look__content__slider__item__txt .coordination__item__img {
    max-height: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .look__content__slider__item__txt .coordination__item__img,
  .wrapper_ .look__content__slider__item__txt .coordination__item__img {
    max-height: 10.625vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .look__content__slider__item__txt .coordination__item__img,
  .wrapper_ .look__content__slider__item__txt .coordination__item__img {
    display: inline-block !important;
    max-height: 20vmin;
  }
}
.look__content__slider__item__txt .coordination__item__txt {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .look__content__slider__item__txt .coordination__item__txt {
    margin-top: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt .coordination__item__txt {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt .coordination__item__txt {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__txt .coordination__item__txt {
    margin-top: 2.6666666667vmin;
    font-size: 2.9333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .look__content__slider__item__txt .coordination__item--cross {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt .coordination__item--cross {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .look__content__slider__item__txt .coordination__item--cross {
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .look__content__slider__item__txt .coordination__item--cross {
    width: 7.3333333333vmin;
    margin-left: 2.6666666667vmin;
    margin-right: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  #wrapper #main .coordination__item--cross__img,
  .wrapper_ .coordination__item--cross__img {
    width: 36px;
  }
}

/*============================
  商品詳細_ご愛用者さまの声
============================*/
@media screen and (min-width: 768px) {
  .voice--detail {
    margin-top: 190px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice--detail {
    margin-top: 11.875vw;
  }
}
@media screen and (max-width: 767px) {
  .voice--detail {
    margin-top: 14.6666666667vmin;
  }
}
.voice .instagram-wrap--detail {
  position: relative;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap--detail {
    padding-bottom: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap--detail {
    padding-bottom: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap--detail {
    padding-bottom: 21.3333333333vmin;
  }
}
.voice .instagram-wrap--detail:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .voice .instagram-wrap--detail:before {
    width: 1760px;
    height: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap--detail:before {
    width: 110vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .voice .instagram-wrap--detail:before {
    height: 36.25vw;
  }
}
@media screen and (max-width: 767px) {
  .voice .instagram-wrap--detail:before {
    width: calc(100% + 18.6666666667vmin);
    height: 92vmin;
  }
}

/*============================
  RW_Introduction
============================*/
.rw24aw-introduction {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction {
    margin-top: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction {
    margin-top: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction {
    margin-top: 17.3333333333vmin;
  }
}
.rw24aw-introduction__h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__paragraph {
    text-align: center;
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__paragraph {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__paragraph {
    margin-top: 6.6666666667vmin;
  }
}
.rw24aw-introduction__content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content {
    margin-top: 5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content {
    margin-top: 6.6666666667vmin;
  }
}
.rw24aw-introduction__content__slider {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.rw24aw-introduction__content__slider__item {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item {
    width: 324px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item {
    width: 20.25vw;
  }
}
.rw24aw-introduction__content__slider__item__number {
  text-align: right;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__number {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__number {
    font-size: 2.9333333333vmin;
    margin-bottom: 2.6666666667vmin;
  }
}
.rw24aw-introduction__content__slider__item__img {
  position: relative;
}
.rw24aw-introduction__content__slider__item__img__main {
  display: block;
  overflow: hidden;
}
.rw24aw-introduction__content__slider__item__img__main img {
  display: block;
}
.rw24aw-introduction__content__slider__item__txt {
  text-align: center;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__txt {
    padding-top: 40px;
    padding-left: 30px;
    padding-bottom: 40px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt {
    padding-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt {
    padding-bottom: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt {
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__txt {
    padding-top: 6.6666666667vmin;
    padding-left: 6.6666666667vmin;
    padding-bottom: 5.3333333333vmin;
    padding-right: 6.6666666667vmin;
  }
}
.rw24aw-introduction__content__slider__item__txt__title {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__txt__title {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt__title {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__txt__title {
    font-size: 4.8vmin;
  }
}
.rw24aw-introduction__content__slider__item__txt .coordination {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__txt .coordination {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__txt .coordination {
    margin-top: 5.3333333333vmin;
    justify-content: center;
  }
}
.rw24aw-introduction__content__slider__item__txt .coordination__item {
  text-align: center;
}
.coordination__item_ss {
  position: relative;
}
.rw24aw-introduction__content__slider__item__txt .coordination__item__img {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__img {
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__img {
    height: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__img {
    height: 21.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item--cross {
    width: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item--cross {
    width: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item--cross {
    margin-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item--cross {
    margin-right: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item--cross {
    width: 7.3333333333vmin;
    margin-left: 5.3333333333vmin;
    margin-right: 5.3333333333vmin;
  }
}
.rw24aw-introduction__content__slider__item__txt .coordination__item__txt {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__txt {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__txt {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__txt {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider__item__txt .coordination__item__txt {
    margin-top: 2.6666666667vmin;
    font-size: 2.9333333333vmin;
  }
}
.rw24aw-introduction__content__slider .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-look-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  .rw24aw-introduction__content__slider .slick-arrow {
    top: 44vmin;
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
  }
}
.rw24aw-introduction__content__slider .slick-arrow.slick-prev {
  left: -5.3333333333vmin;
  transform: scaleX(-1);
}
.rw24aw-introduction__content__slider .slick-arrow.slick-next {
  right: -5.3333333333vmin;
}

/*============================
  こだわり
============================*/
.commitment {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .commitment {
    margin-top: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment {
    margin-top: 10.625vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment {
    margin-top: 14.6666666667vmin;
  }
}

@media screen and (min-width: 768px) {
  .tab .commitment {
    margin-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tab .commitment {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .tab .commitment {
    margin-top: 13.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__inner {
    margin-left: 240px;
    padding-right: 240px;
    max-width: 1680px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__inner {
    margin-left: 15vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__inner {
    padding-right: 15vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__inner {
    max-width: 105vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__inner {
    padding: 0 9.3333333333vmin;
  }
}
@media screen and (max-width: 767px) {
  .commitment .comprehensive-h2 {
    margin-left: -1.3333333333vmin;
    margin-right: -1.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__columns {
    margin-top: 70px;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__columns {
    margin-top: 4.375vw;
  }
}
@media screen and (min-width: 768px) {
  .commitment__columns__column:first-child {
    width: 690px;
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__columns__column:first-child {
    width: 43.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__columns__column:first-child {
    margin-left: 3.75vw;
  }
}
@media screen and (min-width: 768px) {
  .commitment__columns__column:last-child {
    width: 550px;
    margin-left: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__columns__column:last-child {
    width: 34.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__columns__column:last-child {
    margin-left: 8.75vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__scene {
    margin-top: 9.3333333333vmin;
    margin-left: -5.3333333333vmin;
    margin-right: -5.3333333333vmin;
    min-height: 106.6666666667vmin;
  }
}
.commitment__scene__list {
  position: relative;
}
.commitment__scene__list__item {
  position: absolute;
  top: 30px;
  left: 0;
  transition: ease 0.5s;
  opacity: 0;
}
.commitment__scene__list__item:nth-child(1) {
  transition-delay: 0.5s;
}
.commitment__scene__list__item:nth-child(2) {
  transition-delay: 1s;
}
.commitment__scene__list__item:nth-child(3) {
  transition-delay: 1.5s;
}
.commitment__scene[data-anim=false] .commitment__scene__list__item {
  top: 0;
  opacity: 1;
}
.commitment__box {
}
@media screen and (min-width: 768px) {
  .commitment__box {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__box {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__box {
    margin-top: 9.33333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__box__list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__box__list {
    gap: 2.5vw;
  }
}
.commitment__box__list__item {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .commitment__box__list__item {
    width: calc(50% - 1.25vw);
  }
}

@media screen and (max-width: 767px) {
  .commitment__box__list__item:not(:first-child) {
    margin-top: 6.6666666667vmin;
  }
}
.commitment__box__list__item__num {
  color: #ffffff;
  background: linear-gradient(75deg, #fe872c 0%, #fea651 100%);
  line-height: 1.7;
  letter-spacing: .12em;
}
@media screen and (min-width: 768px) {
  .commitment__box__list__item__num {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__box__list__item__num {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__box__list__item__num {
    font-size: 3.6vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__box__list__item__title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__box__list__item__title {
    margin-top: 1.25vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__box__list__item__title {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__box__list__item__title {
    margin-top: 2.6666666667vmin;
    margin-bottom: 2.6666666667vmin;
    font-size: 4.53333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__active {
    margin-top: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active {
    margin-top: 10.625vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active {
    margin-top: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__active__title-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.commitment__active__title {
  text-align: center;
  color: #ff872b;
  border-radius: 100px;
  border: 1px solid #ff872b;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .commitment__active__title {
    order: 2;
    display: inline-block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9px;
    padding-right: 50px;
    padding-bottom: 9px;
    padding-left: 50px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__title {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__title {
    padding-top: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__title {
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__title {
    padding-bottom: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__title {
    padding-left: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__title {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active__title {
    padding: 1.3333333333vmin 2.6666666667vmin;
    font-size: 3.2vmin;
    margin-top: 6.6666666667vmin;
  }
}
.commitment__active__h3 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .commitment__active__h3 {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active__h3 {
    margin-top: 6.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__active__slick {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 75px;
    margin-left: -55px;
    margin-right: -55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick {
    padding-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick {
    margin-left: -3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick {
    margin-right: -3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active__slick {
    margin-top: 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .commitment__active__slick__item {
    width: 33.333%;
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item {
    padding-left: 3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item {
    padding-right: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .commitment__active__slick__item:not(:first-child) .commitment__active__slick__item__inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -55px;
    width: 1px;
    height: 100%;
    background-color: #d8d4c7;
  }
  .verticalline_gray:not(:first-child) .verticalline_gray__inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -55px;
    width: 1px;
    height: 100%;
    background-color: #d8d4c7;   
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item:not(:first-child) .commitment__active__slick__item__inner:before {
    left: -3.4375vw;
  }
  .verticalline_gray:not(:first-child) .verticalline_gray__inner:before {
    left: -3.4375vw;
  }
}
.commitment__active__slick__item__inner {
  position: relative;
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .commitment__active__slick__item__inner {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item__inner {
    padding-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item__inner {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item__inner {
    padding-bottom: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item__inner {
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active__slick__item__inner {
    padding: 9.3333333333vmin;
  }
}
.commitment__active__slick__item__number {
  text-align: right;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .commitment__active__slick__item__number {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active__slick__item__number {
    font-size: 2.9333333333vmin;
    margin-bottom: 2.6666666667vmin;
  }
}
.commitment__active__slick__item__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .commitment__active__slick__item__title {
    margin-top: 30px;
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item__title {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .commitment__active__slick__item__title {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .commitment__active__slick__item__title {
    margin-top: 6.6666666667vmin;
    font-size: 4.8vmin;
  }
}
.commitment__active__slick .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-look-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  .commitment__active__slick .slick-arrow {
    top: 56vmin;
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
  }
}
.commitment__active__slick .slick-arrow.slick-prev {
  left: -5.3333333333vmin;
  transform: scaleX(-1);
}
.commitment__active__slick .slick-arrow.slick-next {
  right: -5.3333333333vmin;
}

/*============================
  24AWSleep_商品の特徴
============================*/
.sleep-product-feature .section__inner {
  position: relative;
  z-index: 3;
}
.sleep-product-feature__title-wrap {
  text-align: center;
}
.sleep-product-feature__title {
  color: #ff872b;
  border-radius: 100px;
  border: 1px solid #ff872b;
  background-color: #ffffff;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__title {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9px;
    padding-right: 50px;
    padding-bottom: 9px;
    padding-left: 50px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__title {
    padding-top: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__title {
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__title {
    padding-bottom: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__title {
    padding-left: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__title {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__title {
    padding: 1.3333333333vmin 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__h2 {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__h2 {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__h2 {
    margin-top: 6.6666666667vmin;
  }
}
.sleep-product-feature__main-img {
  display: block;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__main-img {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__main-img {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__main-img {
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__columns {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__columns {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__columns__column:nth-child(1) {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__columns__column:nth-child(1) {
    width: 31.25vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__columns__column:nth-child(2) {
    margin-left: 80px;
    width: 560px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__columns__column:nth-child(2) {
    margin-left: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__columns__column:nth-child(2) {
    width: 35vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__h3 {
    margin-top: 9.3333333333vmin;
  }
}
.sleep-product-feature__h3__ja {
  font-feature-settings: "palt";
}
.sleep-product-feature__h3__ja__inline {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__h3__ja__inline {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__h3__ja__inline {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__h3__ja__inline {
    font-size: 5.6vmin;
  }
}
.sleep-product-feature__h3__ja__inline__bold {
  color: #ff872b;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__paragraph {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__paragraph {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__paragraph {
    margin-top: 4vmin;
  }
}
.sleep-product-feature__sup {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__sup {
    width: 500px;
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__sup {
    width: 31.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__sup {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__sup {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__sup {
    margin-top: 2vmin;
    font-size: 2.9333333333vmin;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__slick {
    display: none;
  }
}
.sleep-product-feature__slick .slick-dots {
  position: absolute;
  display: flex;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__slick .slick-dots {
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__slick .slick-dots {
    bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__slick .slick-dots {
    right: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__slick .slick-dots {
    bottom: 2.6666666667vmin;
    right: 4vmin;
  }
}
.sleep-product-feature__slick .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.sleep-product-feature__slick .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid #ffffff;
  background-color: transparent;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__slick .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__slick .slick-dots li button {
    width: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__slick .slick-dots li button {
    height: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__slick .slick-dots li button {
    width: 1.8666666667vmin;
    height: 1.8666666667vmin;
  }
}
.sleep-product-feature__slick .slick-dots li.slick-active button {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__slick .slick-dots li:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__slick .slick-dots li:not(:first-child) {
    margin-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__slick .slick-dots li:not(:first-child) {
    margin-left: 1.8666666667vmin;
  }
}
.sleep-product-feature__product-columns {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__product-columns {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns {
    margin-top: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__product-columns {
    justify-content: center;
    margin-top: 5.3333333333vmin;
  }
}
.sleep-product-feature__product-columns__column {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__product-columns__column {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column {
    width: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__product-columns__column {
    width: 32vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__product-columns__column:not(:first-child) {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column:not(:first-child) {
    margin-left: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__product-columns__column:not(:first-child) {
    margin-left: 10.6666666667vmin;
  }
}
.sleep-product-feature__product-columns__column__color {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px;
  border: 1px solid #000000;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__product-columns__column__color {
    margin-top: 30px;
    padding-top: 4px;
    padding-right: 22px;
    padding-bottom: 3px;
    padding-left: 22px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column__color {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column__color {
    padding-top: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column__color {
    padding-right: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column__color {
    padding-bottom: 0.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column__color {
    padding-left: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__product-columns__column__color {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__product-columns__column__color {
    margin-top: 3.7333333333vmin;
    min-width: 24vmin;
    padding: 0.6666666667vmin 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
.sleep-product-feature__features {
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features {
    margin-top: 60px;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features {
    margin-top: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features {
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features {
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features {
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features {
    padding-left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features {
    margin-top: 7.3333333333vmin;
    padding: 9.3333333333vmin 9.3333333333vmin 8vmin 9.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .features-columns {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .features-columns__column:nth-child(1) {
    width: 325px;
    margin-right: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .features-columns__column:nth-child(1) {
    width: 20.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .features-columns__column:nth-child(1) {
    margin-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .features-columns__column:nth-child(2) {
    width: 717px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .features-columns__column:nth-child(2) {
    width: 44.8125vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .features-columns__column .women-columns-pc {
    display: flex;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .features-columns__column .women-columns-pc {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .features-columns__column .women-columns-pc .sub-columns {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .features-columns__column .women-columns-pc .sleep-product-feature__features__paragraph {
    width: 50%;
    margin-top: 0;
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .features-columns__column .women-columns-pc .sleep-product-feature__features__paragraph {
    margin-left: 1.875vw;
  }
}
.sleep-product-feature__features__main-img {
  display: block;
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features__main-img {
    margin-top: 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features__title {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features__title {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features__title {
    text-align: center;
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features__paragraph {
    margin-top: 30px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features__paragraph {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features__paragraph {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features__paragraph {
    margin-top: 5.3333333333vmin;
    font-size: 3.4666666667vmin;
  }
}
.sleep-product-feature__features .sub-columns {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features .sub-columns {
    margin-top: 2vmin;
  }
}
.sleep-product-feature__features .sub-columns__column {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .sub-columns__column {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column {
    width: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features .sub-columns__column {
    width: 30vmin;
  }
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .sub-columns__column:nth-child(2) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column:nth-child(2) {
    margin-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features .sub-columns__column:nth-child(2) {
    margin-left: 2.6666666667vmin;
  }
}
.sleep-product-feature__features .sub-columns__column__type {
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px;
  border: 1px solid #000000;
}
@media screen and (min-width: 768px) {
  .sleep-product-feature__features .sub-columns__column__type {
    display: inline-block;
    margin-top: 20px;
    padding-top: 4px;
    padding-right: 22px;
    padding-bottom: 3px;
    padding-left: 22px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column__type {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column__type {
    padding-top: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column__type {
    padding-right: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column__type {
    padding-bottom: 0.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column__type {
    padding-left: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-product-feature__features .sub-columns__column__type {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-product-feature__features .sub-columns__column__type {
    display: block;
    margin-top: 2vmin;
    padding: 0.6666666667vmin 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
.sleep-product-feature__features .sub-columns__column__type--bold {
  border: none;
  background: linear-gradient(90deg, #ff4e24 0%, #ff8635 100%);
  color: #ffffff;
}

/*============================
  商品詳細_特徴
============================*/
@media screen and (max-width: 767px) {
  .feature--24AW:before {
    content: none;
  }
}
.feature--sleep:before {
  background-color: #15171e;
}
.feature--sleep .mediculation-columns,
.feature--sleep .point-mediculation {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .feature--24AWsleep {
    padding-bottom: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature--24AWsleep {
    padding-bottom: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .feature--24AWsleep {
    padding-bottom: 17.3333333333vmin;
  }
}
.feature--24AWsleep:before {
  height: calc(100% - 48.1875vw);
}
@media screen and (min-width: 768px) {
  .feature .detail-mediculation {
    margin-top: 60px;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .detail-mediculation {
    margin-top: 9.33333333333vmin;
  }
}
.feature .detail-mediculation__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .feature .detail-mediculation__item {
    width: 33.333%;
  }
}
.feature .detail-mediculation__item__inner {
  position: absolute;
  left: 0;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .feature .detail-mediculation__item__inner {
    padding-left: 40px;
    padding-right: 40px;
    bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner {
    padding-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner {
    bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .detail-mediculation__item__inner {
    padding-left: 6vmin;
    padding-right: 6vmin;
    bottom: 6vmin;
  }
}
@media screen and (min-width: 768px) {
  .feature .detail-mediculation__item__inner__h3 {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.01rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner__h3 {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .detail-mediculation__item__inner__h3 {
    font-size: 4.8vmin;
  }
}
@media screen and (min-width: 768px) {
  .feature .detail-mediculation__item__inner__txt {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner__txt {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner__txt {
    font-size: 0.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .detail-mediculation__item__inner__txt {
    margin-top: 2.6666666667vmin;
    font-size: 2.9333333333vmin;
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px) {
  .feature .detail-mediculation__item__inner__supplement {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0.01rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner__supplement {
    margin-top: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .detail-mediculation__item__inner__supplement {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .detail-mediculation__item__inner__supplement {
    margin-top: 2.6666666667vmin;
    font-size: 2.6666666667vmin;
  }
}
.feature .mediculation-point {
  text-align: center;
  line-height: 1;
  color: #ffffff;
  background: linear-gradient(90deg, #ff4e24 0%, #ff8635 100%);
}
@media screen and (min-width: 768px) {
  .feature .mediculation-point {
    font-size: 14px;
    margin-bottom: 30px;
    width: 100px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-point {
    font-size: 0.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-point {
    margin-bottom: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-point {
    width: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-point {
    padding-top: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .feature .mediculation-point {
    padding-bottom: 0.375vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .mediculation-point {
    padding: 0.5333333333vmin 2.6666666667vmin;
    font-size: 3.6vmin;
  }
}
.feature .point-mediculation {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .tab .feature .point-mediculation {
    margin-top: 8vmin;
  }
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item:not(:first-child) {
    margin-top: 12vmin;
  }
}
@media screen and (max-width: 767px) {
  .tab .feature .point-mediculation__item:not(:first-child) {
    margin-top: 8vmin;
  }
}
.feature .point-mediculation__item__h3 {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item__h3 {
    margin-top: 5.3333333333vmin;
    font-size: 5.8666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .tab .feature .point-mediculation__item__h3 {
    margin-top: 2.66666666667vmin;
    font-size: 4.53333333333vmin;
  }
}
.feature .point-mediculation__item__h3__inline {
  display: inline-block;
}
.feature .point-mediculation__item__h3__inline__bold {
  position: relative;
}
.feature .point-mediculation__item__h3__inline__bold:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0.2;
  background-color: #fe7010;
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item__h3__inline__bold:after {
    height: 3.7333333333vmin;
  }
}
.feature .point-mediculation__item__anime {
  position: relative;
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item__anime {
    margin-top: 7.3333333333vmin;
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
  }
}
.feature .point-mediculation__item__anime__img {
  display: block;
  width: 100%;
  opacity: 0;
}
.feature .point-mediculation__item__anime__img:first-child {
  opacity: 1;
}
.feature .point-mediculation__item__anime__img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.feature .point-mediculation__item__detail-img {
  display: block;
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item__detail-img {
    margin-top: 7.3333333333vmin;
  }
}
.feature .point-mediculation__item__main-img {
  display: block;
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item__main-img {
    margin-top: 7.3333333333vmin;
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
  }
}
@media screen and (max-width: 767px) {
  .tab .feature .point-mediculation__item__main-img {
    margin-top: 2.66666666667vmin;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .feature .point-mediculation__item__paragraph {
    margin-top: 4vmin;
  }
}

/*============================
  商品詳細_ギフト
============================*/
.gift {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .gift:not(:first-child) {
    margin-top: 95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift:not(:first-child) {
    margin-top: 5.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .gift:not(:first-child) {
    margin-top: 13.3333333333vmin;
  }
}
.gift__content {
  border: 1px solid #d8d4c7;
}
@media screen and (min-width: 768px) {
  .gift__content {
    margin-top: 25px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .gift__content {
    position: relative;
    margin-top: 6.6666666667vmin;
    padding: 9.3333333333vmin 6.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .gift__content__item:first-child {
    order: 2;
    width: 420px;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item:first-child {
    width: 26.25vw;
  }
}
@media screen and (min-width: 768px) {
  .gift__content__item:last-child {
    order: 1;
    width: 550px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item:last-child {
    width: 34.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item:last-child {
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item:last-child {
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item:last-child {
    padding-left: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  .gift__content__item__head {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0.01rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item__head {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .gift__content__item__head {
    margin-top: 6.6666666667vmin;
    font-size: 4.8vmin;
  }
}
.gift__content__item__head__accent {
  color: #ff872b;
}
@media screen and (min-width: 768px) {
  .gift__content__item__txt {
    margin-top: 10px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .gift__content__item__txt {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .gift__content__item__txt {
    font-size: 2.9333333333vmin;
    margin-top: 4vmin;
    line-height: 2;
  }
}
.gift__content__item__img {
  display: block;

}
@media screen and (min-width: 768px) {
  .gift__content__item__img {
    aspect-ratio: 240 / 167;
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .gift__content__item__img {
    aspect-ratio: 49 / 44;
  }
}
#wrapper #main .gift__content__item__gift,
.wrapper_ .gift__content__item__gift {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #wrapper #main .gift__content__item__gift,
  .wrapper_ .gift__content__item__gift {
    width: 185px;
    bottom: 0px;
    left: -185px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .gift__content__item__gift,
  .wrapper_ .gift__content__item__gift {
    width: 11.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .gift__content__item__gift,
  .wrapper_ .gift__content__item__gift {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .gift__content__item__gift,
  .wrapper_ .gift__content__item__gift {
    left: -11.5625vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .gift__content__item__gift,
  .wrapper_ .gift__content__item__gift {
    width: 32.8vmin;
    right: 0;
    bottom: -1px;
  }
}

/*============================
  商品詳細_ユニークセクション
============================*/
.detail-product {
  position: relative;
  z-index: 3;
  background-color: #e4e0d9;
}
@media screen and (min-width: 768px) {
  .detail-product {
    margin-top: 150px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product {
    margin-top: 9.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product {
    padding-top: 3vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product {
    padding-bottom: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product {
    margin-top: 14.6666666667vmin;
    padding-top: 14.6666666667vmin;
    padding-bottom: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .detail-product__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
}
.detail-product__content__item--txt {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .detail-product__content__item--txt {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .detail-product__content__item--img {
    width: 60%;
    margin-left: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item--img {
    margin-left: 3.125vw;
  }
}
.detail-product__content__item--img .old_color {
  display: none;
}
.detail-product__content__item--img .new_color {
  display: block;
}
.detail-product__content__item__eng {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__eng {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__eng {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__eng {
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__ja {
    margin-top: 10px;
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__ja {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__ja {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__ja {
    margin-top: 2vmin;
    font-size: 6.4vmin;
  }
}
.detail-product__content__item__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__list {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__list {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__list {
    margin-top: 5.3333333333vmin;
  }
}
.detail-product__content__item__list__circle {
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__list__circle {
    width: 32px;
    height: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__list__circle {
    width: 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__list__circle {
    height: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__list__circle {
    width: 5.3333333333vmin;
    height: 5.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__list__circle:not(:first-child) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__list__circle:not(:first-child) {
    margin-left: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__list__circle:not(:first-child) {
    margin-left: 5.3333333333vmin;
  }
}
.detail-product__content__item__list__circle--black {
  background-color: #000000;
}
.detail-product__content__item__list__circle--white {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.detail-product__content__item__list__circle--beige {
  border: 1px solid #ffffff;
  background-color: #e5d9ca;
}
.detail-product__content__item__list__circle--light-beige {
  border: 1px solid #ffffff;
  background-color: #f3e7c7;
}
.detail-product__content__item__list__circle--gray {
  background-color: #aaacab;
}
.detail-product__content__item__list__circle--navy {
  background-color: #172450;
}
.detail-product__content__item__list__circle--charcoal_gray {
  background-color: #363531;
}
.detail-product__content__item__list__circle--khaki {
  background-color: #313426;
}
.detail-product__content__item__button {
  display: inline-block;
  position: relative;
  color: #ffffff;
  background-color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__button {
    margin-top: 45px;
    border-radius: 45px;
    font-size: 20px;
    padding-top: 14px;
    padding-right: 100px;
    padding-bottom: 14px;
    padding-left: 100px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    margin-top: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    padding-top: 0.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    padding-right: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    padding-bottom: 0.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .detail-product__content__item__button {
    padding-left: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__button {
    margin-top: 8vmin;
    border-radius: 12vmin;
    padding: 3.2vmin 13.8666666667vmin;
    font-size: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .detail-product__content__item__button:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .detail-product__content__item__img {
    margin-top: 4vmin;
  }
}

/*============================
  商品詳細_回遊リンク
============================*/
.excursion {
  position: relative;
  z-index: 3;
  background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .excursion {
    width: 1100px;
    margin-top: 110px;
    margin-bottom: 110px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-right: 80px;
    padding-bottom: 120px;
    padding-left: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    width: 68.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    margin-top: 6.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    margin-bottom: 6.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    padding-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    padding-right: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    padding-bottom: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion {
    margin-right: 2.6666666667vmin;
    margin-top: 14.6666666667vmin;
    margin-bottom: 14.6666666667vmin;
    margin-left: 2.6666666667vmin;
    padding-top: 20vmin;
    padding-right: 6.6666666667vmin;
    padding-bottom: 20.6666666667vmin;
    padding-left: 6.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .excursion__columns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .excursion__columns__column--head {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column--head {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .excursion__columns__column--links {
    width: 50%;
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column--links {
    padding-left: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column--links {
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 768px) {
  .excursion__columns__column__h2 {
    font-size: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__h2 {
    font-size: 2.375vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column__h2 {
    font-size: 7.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .excursion__columns__column__txt {
    margin-top: 15px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__txt {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__txt {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column__txt {
    margin-top: 2.6666666667vmin;
    font-size: 3.4666666667vmin;
  }
}
.excursion__columns__column__button {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column__button {
    margin-top: 55px;
    border-radius: 45px;
    font-size: 16px;
    padding-top: 22px;
    padding-right: 68px;
    padding-bottom: 22px;
    padding-left: 48px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    margin-top: 3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    padding-top: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    padding-right: 4.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    padding-bottom: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button {
    padding-left: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column__button {
    margin-top: 6vmin;
    border-radius: 6vmin;
    padding: 3.2vmin 13.3333333333vmin;
    font-size: 3.2vmin;
  }
}
.excursion__columns__column__button:before, .excursion__columns__column__button:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.excursion__columns__column__button:before {
  background: linear-gradient(75deg, #ff872b 0%, #999999 100%);
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column__button:before {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:before {
    width: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:before {
    height: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:before {
    top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:before {
    right: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column__button:before {
    width: 5.8666666667vmin;
    height: 5.8666666667vmin;
    top: 2.9333333333vmin;
    right: 2.9333333333vmin;
  }
}
.excursion__columns__column__button:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
  transform: rotate(25deg);
}
@media screen and (min-width: 768px) {
  .excursion__columns__column__button:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 31px;
    right: 31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:after {
    top: 1.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column__button:after {
    right: 1.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column__button:after {
    border-right-width: 0.6666666667vmin;
    border-left-width: 0.6666666667vmin;
    border-top-width: 1.2vmin;
    top: 5.3333333333vmin;
    right: 5.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .excursion__columns__column__button:hover {
    opacity: 0.7;
  }
}
.excursion__columns__column .excursion-links {
  border-bottom: 1px solid #ffffff;
}
.excursion__columns__column .excursion-links.is-active .excursion-links__head:before {
  opacity: 0;
}
.excursion__columns__column .excursion-links.is-active .excursion-links__head:after {
  transform: rotate(0);
}
.excursion__columns__column .excursion-links__head {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column .excursion-links__head {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__head {
    padding-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__head {
    padding-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__head {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column .excursion-links__head {
    padding-top: 4vmin;
    padding-bottom: 4vmin;
    font-size: 6.6666666667vmin;
  }
}
.excursion__columns__column .excursion-links__head:hover {
  cursor: pointer;
}
.excursion__columns__column .excursion-links__head:before, .excursion__columns__column .excursion-links__head:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  top: calc(50% - 1px);
  right: 0;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column .excursion-links__head:before, .excursion__columns__column .excursion-links__head:after {
    width: 20px;
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__head:before, .excursion__columns__column .excursion-links__head:after {
    width: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__head:before, .excursion__columns__column .excursion-links__head:after {
    height: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column .excursion-links__head:before, .excursion__columns__column .excursion-links__head:after {
    width: 5.8666666667vmin;
    height: 0.2666666667vmin;
  }
}
.excursion__columns__column .excursion-links__head:after {
  transform: rotate(90deg);
}
.excursion__columns__column .excursion-links__content {
  display: none;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column .excursion-links__content {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content {
    padding-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column .excursion-links__content {
    padding-bottom: 6.6666666667vmin;
  }
}
.excursion__columns__column .excursion-links__content__list {
  display: flex;
  flex-wrap: wrap;
}
.excursion__columns__column .excursion-links__content__list__item {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column .excursion-links__content__list__item {
    max-width: 310px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content__list__item {
    max-width: 19.375vw;
  }
}
.excursion__columns__column .excursion-links__content__list__item a {
  display: inline-block;
  color: #ffffff;
  position: relative;
}
.excursion__columns__column .excursion-links__content__list__item a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column .excursion-links__content__list__item a {
    padding-left: 25px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content__list__item a {
    padding-left: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content__list__item a {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column .excursion-links__content__list__item a {
    letter-spacing: 0;
    padding-left: 3.3333333333vmin;
    font-size: 3.2vmin;
  }
}
.excursion__columns__column .excursion-links__content__list__item a:before {
  content: "";
  position: absolute;
  display: inline-block;
  border-radius: 10px;
  background-color: #ffffff;
  left: 0;
}
@media screen and (min-width: 768px) {
  .excursion__columns__column .excursion-links__content__list__item a:before {
    width: 6px;
    height: 6px;
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content__list__item a:before {
    width: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content__list__item a:before {
    height: 0.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .excursion__columns__column .excursion-links__content__list__item a:before {
    top: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .excursion__columns__column .excursion-links__content__list__item a:before {
    width: 1.0666666667vmin;
    height: 1.0666666667vmin;
    top: 2.1333333333vmin;
  }
}

/*============================
  シリーズトップへのリンク
============================*/
.series-top {
  background-color: #fff;
  position: relative;
  z-index: 3;
}
.series-top__inner__link {
  display: block;
  text-align: center;
  transition: ease 0.5s;
}
.series-top__inner__link:hover {
  opacity: 0.8 !important;
}
.series-top__inner__link__txtwrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .series-top__inner__link__txtwrap {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .series-top__inner__link__txtwrap {
    bottom: 6.6666666667vmin;
    min-width: 73.8666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .series-top__inner__link__txtwrap__title {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__title {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .series-top__inner__link__txtwrap__title {
    font-size: 4.5333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .series-top__inner__link__txtwrap__logo {
    margin-top: 10px;
    width: 440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__logo {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__logo {
    width: 27.5vw;
  }
}
@media screen and (max-width: 767px) {
  .series-top__inner__link__txtwrap__logo {
    margin-top: 1.3333333333vmin;
    width: 73.8666666667vmin;
  }
}
.series-top__inner__link__txtwrap__txt {
  position: relative;
  border-bottom: 2px solid #ffffff;
}
@media screen and (min-width: 768px) {
  .series-top__inner__link__txtwrap__txt {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 20px;
    padding-bottom: 10px;
    max-width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__txt {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__txt {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__txt {
    max-width: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  .series-top__inner__link__txtwrap__txt {
    max-width: 33.3333333333vmin;
    margin-top: 5.3333333333vmin;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.4666666667vmin;
    padding-bottom: 1.3333333333vmin;
    padding-right: 8vmin;
  }
}
.series-top__inner__link__txtwrap__txt:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-series-top-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .series-top__inner__link__txtwrap__txt:after {
    top: 8px;
    width: 11px;
    height: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__txt:after {
    top: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__txt:after {
    width: 0.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .series-top__inner__link__txtwrap__txt:after {
    height: 0.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .series-top__inner__link__txtwrap__txt:after {
    top: 1.7333333333vmin;
    width: 1.8666666667vmin;
    height: 2vmin;
  }
}
.series-top__inner__link__img {
  display: block;
  max-width: none;
  width: 100%;
}
.series-top__inner__link__img img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .soph-note {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-note {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-note {
    font-size: 2.6666666667vmin;
  }
}

@media screen and (min-width: 768px) {
  .soph-links-wrap {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links-wrap {
    margin-top: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links-wrap {
    margin-top: 5.3333333333vmin;
  }
}

@media screen and (min-width: 768px) {
  .soph-links__title {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__title {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links__title {
    font-size: 3.4666666667vmin;
  }
}
.soph-links__anchor {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #ffffff;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/soph/bg-logo-soph.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  border: 1px solid #cccccc;
}
.soph-links__anchor:hover {
  border-bottom: none !important;
}
@media screen and (min-width: 768px) {
  .soph-links__anchor {
    margin-top: 10px;
    background-size: 226px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor {
    background-size: 14.125vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links__anchor {
    margin-top: 1.3333333333vmin;
    background-size: 32vmin;
  }
}
@media screen and (min-width: 768px) {
  .soph-links__anchor__img {
    width: 145px;
    background-size: 226px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__img {
    width: 9.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__img {
    background-size: 14.125vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links__anchor__img {
    width: 21.3333333333vmin;
    background-size: 21.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .soph-links__anchor__txt {
    width: 410px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__txt {
    width: 25.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__txt {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__txt {
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links__anchor__txt {
    width: 59.3333333333vmin;
    padding-left: 4vmin;
    padding-right: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .soph-links__anchor__txt__product {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__txt__product {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links__anchor__txt__product {
    font-size: 2.6666666667vmin;
  }
}
.soph-links__anchor__txt__detail {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 768px) {
  .soph-links__anchor__txt__detail {
    font-size: 16px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__txt__detail {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph-links__anchor__txt__detail {
    padding-right: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .soph-links__anchor__txt__detail {
    font-size: 2.6666666667vmin;
    padding: 0 5.3333333333vmin 1.3333333333vmin 0;
  }
}
.soph-links__anchor__txt__detail:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.soph {
  position: relative;
  z-index: 3;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .soph__mainimg-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__mainimg-wrap {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__mainimg-wrap {
    padding-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .soph__mainimg-wrap {
    padding-top: 5.3333333333vmin;
    padding-bottom: 5.3333333333vmin;
  }
}
.soph__mainimg {
  display: block;
}
@media screen and (max-width: 767px) {
  .soph__mainimg {
    margin-left: -6.6666666667vmin;
    margin-right: -6.6666666667vmin;
  }
}
.soph__fcrb {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .soph__fcrb {
    padding-top: 270px;
    padding-bottom: 270px;
    background-image: url(/wellness/sixpad/common/recoverywear/img/detail/soph/bg-soph_pc.jpg);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__fcrb {
    padding-top: 16.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__fcrb {
    padding-bottom: 16.875vw;
  }
}
@media screen and (max-width: 767px) {
  .soph__fcrb {
    padding-top: 36vmin;
    padding-bottom: 36vmin;
    background-image: url(/wellness/sixpad/common/recoverywear/img/detail/soph/bg-soph_sp.jpg);
  }
}
.soph__fcrb__logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .soph__fcrb__logo {
    width: 208px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__fcrb__logo {
    width: 13vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__fcrb__logo {
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .soph__fcrb__logo {
    width: 51.0666666667vmin;
    margin-bottom: 9.3333333333vmin;
  }
}
.soph__fcrb__txt {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .soph__fcrb__txt {
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__fcrb__txt {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .soph__fcrb__txt {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .soph__fcrb__txt {
    margin-top: 9.3333333333vmin;
    font-size: 3.4666666667vmin;
  }
}

.trade-in-modal .swiper-target-wrapper .button-prev,
.trade-in-modal .swiper-target-wrapper .button-next {
  display: none;
}

.trade-in-modal .life__slide__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(3 * var(--rem)) 0;
}

.trade-in-modal .swiper-target .swiper-slide {
  width: 100%;
}

.trade-in-modal {
  font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004, "Hiragino Kaku Gothic ProN", sans-serif;
}
.trade-in-modal a {
  text-decoration: underline;
}

.container_ .rw-product-buy-button.on {
  transform: translateY(0);
  visibility: visible;
}
.container_ .rw-product-buy-button {
  transform: translateY(100%);
  visibility: hidden;
  position: fixed;
  width: 100%;
  right: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(75deg, #fe872c 0%, #fea651 100%);
  line-height: 0;
  text-align: center;
  color: #fff;
  transition: all 0.5s ease;
  text-decoration: none;
  z-index: 110;
}
@media screen and (min-width: 768px) {
  .container_ .rw-product-buy-button {
    height: 54px;
    font-size: 20px;
    padding: 15px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button {
    height: 3.375vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button {
    padding-top: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .rw-product-buy-button {
    height: 14.6666666667vmin;
    padding-top: 5vmin;
  }
}
.container_ .rw-product-buy-button:hover {
  opacity: 1;
}
.container_ .rw-product-buy-button__text {
  position: relative;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .container_ .rw-product-buy-button__text {
    font-size: 20px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button__text {
    font-size: 1.25vw;
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .rw-product-buy-button__text {
    font-size: 4.53333333333vmin;
    padding-right: 0;
  }
}
.rw-product-buy-button__text:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin: auto;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform: rotate(-45deg);
  box-sizing: border-box;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .rw-product-buy-button__text:after {
    width: 8px;
    height: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-product-buy-button__text:after {
    width: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rw-product-buy-button__text:after {
    height: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .rw-product-buy-button__text:after {
      right: -24.533333vmin;
    width: 2.3333333333vmin;
    height: 2.3333333333vmin;
  }
}
.container_ .rw-product-buy-button__icon {
  display: block;
  position: absolute;
  left: 50%;
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .container_ .rw-product-buy-button__icon {
    width: 22px;
    height: 25px;
    top: 65px;
    left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button__icon {
    width: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button__icon {
    height: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button__icon {
    top: 4.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .rw-product-buy-button__icon {
    left: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .rw-product-buy-button__icon {
    width: 2.9333333333vmin;
    height: 3.3333333333vmin;
    top: 8.6666666667vmin;
    left: 5.3333333333vmin;
  }
}

.container_ .under-buy-button-wrap {
  position: relative;
  opacity: 0;
  transition: opacity 0.5s;
}
.container_ .under-buy-button-wrap.is-show {
  opacity: 1;
}
.container_ .under-buy-button {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background: linear-gradient(75deg, #fe872c 0%, #fea651 100%);
  line-height: 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.5s;
  z-index: 100;
}
.container_ .under-buy-button.is-fixed {
  position: fixed;
}
@media screen and (min-width: 768px) {
  .container_ .under-buy-button {
    width: 400px;
    height: 70px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .under-buy-button {
    width: 25vw;
    height: 4.375vw;
    font-size: 1.375vw;
  }
}

@media screen and (max-width: 767px) {
  .container_ .under-buy-button {
    border-radius: 5px;
    width: 81.3333333333vmin;
    height: 13.3333333333vmin;
    font-size: 4vmin;
  }
}
.container_ .under-buy-button:after {
  content: "";
  position: absolute;
  top: 50%;
  margin: auto;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform: rotate(-45deg);
  box-sizing: border-box;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .container_ .under-buy-button:after {
    width: 8px;
    height: 8px;
    right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .under-buy-button:after {
    width: 0.5vw;
    right: 2.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .under-buy-button:after {
    height: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .under-buy-button:after {
    right: 7vmin;
    width: 1.8vmin;
    height: 1.8vmin;
  }
}
.container_ .under-buy-button__text {
  position: relative;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .container_ .under-buy-button__text {
    font-size: 20px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .under-buy-button__text {
    font-size: 1.25vw;
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .under-buy-button__text {
    font-size: 4.53333333333vmin;
    padding-right: 0;
  }
}


.product-anchor-button {
  display: none;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 110;
}
@media screen and (min-width: 768px) {
  .product-anchor-button {
    bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button {
    bottom: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .product-anchor-button {
    bottom: 2.6666666667vmin;
  }
}
.product-anchor-button.product-anchor-button--page {
  position: relative;
  transform: none;
  left: inherit;
  bottom: inherit;
  opacity: 1;
  display: block;
}
@media screen and (min-width: 768px) {
  .product-anchor-button.product-anchor-button--page {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button.product-anchor-button--page {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .product-anchor-button.product-anchor-button--page {
    margin-top: 9.6666666667vmin;
  }
}

@media screen and (min-width: 768px) {
  .material.material--tobira-mechanism .product-anchor-button.product-anchor-button--page {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .material.material--tobira-mechanism .product-anchor-button.product-anchor-button--page {
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .material.material--tobira-mechanism .product-anchor-button.product-anchor-button--page {
    margin-bottom: 9.6666666667vmin;
  }
}
.product-anchor-button__link {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  letter-spacing: 0.16rem;
}
@media screen and (min-width: 768px) {
  .product-anchor-button__link {
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 45px;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 85px;
    padding-bottom: 20px;
    padding-left: 85px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link {
    padding-right: 5.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link {
    padding-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link {
    padding-left: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .product-anchor-button__link {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6vmin;
    padding: 2.6666666667vmin 10.6666666667vmin;
    font-size: 2.6666666667vmin;
  }
}
.product-anchor-button__link:before, .product-anchor-button__link:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.product-anchor-button__link:before {
  background: linear-gradient(75deg, #ff872b 0%, #999999 100%);
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .product-anchor-button__link:before {
    width: 38px;
    height: 38px;
    top: 15px;
    right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:before {
    width: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:before {
    height: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:before {
    top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:before {
    right: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .product-anchor-button__link:before {
    width: 5.0666666667vmin;
    height: 5.0666666667vmin;
    top: 2.4vmin;
    right: 2.9333333333vmin;
  }
}
.product-anchor-button__link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .product-anchor-button__link:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 30px;
    right: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:after {
    top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .product-anchor-button__link:after {
    right: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .product-anchor-button__link:after {
    border-right-width: 0.6666666667vmin;
    border-left-width: 0.6666666667vmin;
    border-top-width: 1.2vmin;
    top: 4.5333333333vmin;
    right: 4.8vmin;
  }
}
@media screen and (min-width: 768px) {
  .product-anchor-button__link:hover {
    opacity: 0.7;
  }
}
.product-anchor-button__link--up:after {
  transform: rotate(-180deg);
}
.product-anchor-button.product-anchor-button--up .product-anchor-button__link:after {
    transform: scale(1, -1);
}

.special,
#footer {
  margin-top: 0 !important;
}

@media screen and (max-width: 767px) {
  .mainframe_ {
    overflow-x: visible;
  }
}

.navitopicpath_ {
  margin: 0;
}

.mainframe_ > .navitopicpath_:first-child {
  margin: 0;
}

body.on-hamburger .wrapper_,
body.on-pulldown .wrapper_ {
  overflow: auto;
  scrollbar-gutter: stable;
}

.wrapper_ .list-1st__item__list li a {
  line-height: 1.9;
}

@media screen and (max-width: 750px) {
  .wrapper_ .layout-footer .nav-global .list-1st__item a {
    line-height: 1.9;
  }
}
.wrapper_ {
  padding: 0 !important;
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .wrapper_ {
    padding-top: 7px;
  }
}

.wrapper_:before {
  display: none !important;
}

.goodscomment_ .breadcrumb-wrap a {
  color: #000000 !important;
}

@media screen and (min-width: 768px) {
  .goodscomment_ a.detail-kv__anchor-button__link {
    color: #ffffff !important;
  }
}

.mainframe_ a.detail-kv__anchor-button__link:hover {
  opacity: 0.7 !important;
}

.goodscomment_ a.buttons__button__link {
  color: #ffffff !important;
}

.mainframe_ a.product__links__item:hover {
  opacity: 1 !important;
}

.mainframe_ .excursion-links__content__list__item a:hover {
  opacity: 1 !important;
}

.mainframe_ a.excursion__columns__column__button:hover {
  opacity: 0.7 !important;
}

.bx-wrapper {
  margin-bottom: 0;
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .wrapper_ #goodsspec_body .goodsproductdetail_ {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  #goodsspec_body .goodsspec_ {
    width: 100%;
    padding: 0 9.3333333333vmin;
  }
}

@media screen and (min-width: 768px) {
  #goodsspec_body .goodsproductdetail_ {
    margin-bottom: 0 !important;
    max-width: 1340px;
    padding: 0 100px;
  }
}

.varItem_ .size_ {
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .varItem_ .size_:hover {
    cursor: pointer;
  }
}

.goodsspec_brand_ {
  display: none;
}

.goodscommentSNS_ {
  display: none;
}

@media screen and (min-width: 768px) {
  #goodsspec_body .goodsspec_price_ .price_ {
    font-size: 36px;
  }
}

@media screen and (min-width: 768px) {
  #goodsspec_body .product-price-wrap .goodsspec_price_ .price_ {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .product-price-wrap .goodsspec_price_ .price_ {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .product-price-wrap .goodsspec_price_ .price_ {
    font-size: 4.2666666667vmin;
  }
}

#goodsspec_body .goodsspec_price_ {
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodsspec_price_ {
    font-size: 100%;
  }
}

@media screen and (max-width: 767px) {
  #goodsspec_body .product-price-wrap .goodsspec_price_ {
    font-size: 2.6666666667vmin;
  }
}

#goodsspec_body .goodsspec_price_ p + .price_ {
  color: #ff2500;
}

#goodsspec_body .goodsspec_price_ p + .price_:before {
  content: "キャンペーン価格 ";
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodsspec_price_ p + .price_:before {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodsspec_price_ p + .price_:before {
    font-size: 4.2666666667vmin;
  }
}

#goodsspec_body .goodsspec_price_ p + .price_ + .small_ {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodsspec_price_ p + .price_ + .small_ {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodsspec_price_ p + .price_ + .small_ {
    font-size: 100%;
  }
}
#goodsspec_body .goodsspec_price_ p + .price_ + .small_:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 45%;
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodsspec_price_ p + .price_ + .small_:before {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodsspec_price_ p + .price_ + .small_:before {
    height: 0.125vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodsspec_price_ p + .price_ + .small_:before {
    height: 0.2666666667vmin;
  }
}

#goodsspec_body .price-notice {
  color: #f00;
  margin-top: 10px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .price-notice {
    font-size: 90%;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .price-notice {
    font-size: 70%;
  }
}

@media screen and (max-width: 767px) {
  #goodsspec_body .cartbox_ {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  #goodsspec_body #vs-placeholder-inpage {
    width: 100%;
    max-width: none;
  }
}

.size-guide-attention {
  color: #f00;
}
@media screen and (min-width: 768px) {
  .size-guide-attention {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-attention {
    font-size: 100%;
  }
}

.size-guide-wrap .size-guide {
  border-bottom: 1px solid #d1d1d1;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide {
    border-bottom: none;
  }
}
.size-guide-wrap .size-guide.is-active .size-guide__head:before {
  opacity: 0;
}
.size-guide-wrap .size-guide.is-active .size-guide__head:after {
  transform: rotate(0);
}
.size-guide-wrap .size-guide__head {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__head {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__head {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__head {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__head {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__head {
    padding-top: 2.6666666667vmin;
    padding-bottom: 2.6666666667vmin;
    font-size: 4.8vmin;
  }
}
.size-guide-wrap .size-guide__head:hover {
  cursor: pointer;
}
.size-guide-wrap .size-guide__head:before, .size-guide-wrap .size-guide__head:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #000000;
  top: calc(50% - 1px);
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__head:before, .size-guide-wrap .size-guide__head:after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__head:before, .size-guide-wrap .size-guide__head:after {
    width: 2.9333333333vmin;
    height: 0.1333333333vmin;
    right: 2.6666666667vmin;
  }
}
.size-guide-wrap .size-guide__head:after {
  transform: rotate(90deg);
}
.size-guide-wrap .size-guide__content {
  display: none;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content {
    padding-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content {
    padding: 2.6666666667vmin 0 10.6666666667vmin 0;
  }
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner__title {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__title {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner__title {
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner__title:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__title:not(:first-child) {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner__title:not(:first-child) {
    margin-top: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner__title_2 {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__title_2 {
    font-size: 0.9375vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner__title_2 {
    font-size: 4vmin;
    margin-bottom: 3vmin;
  }
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner__free {
    margin-top: 10px;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__free {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__free {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner__free {
    margin-top: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
.size-guide-wrap .size-guide__content__inner__sup {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner__sup {
    margin-top: 10px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__sup {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__sup {
    font-size: 0.75vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner__sup {
    margin-top: 2.6666666667vmin;
    font-size: 2.6666666667vmin;
  }
}
.size-guide-wrap .size-guide__content__inner table {
  width: 100%;
  text-align: center;
  border: 1px solid #d1d1d1;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner table {
    margin-top: 15px;
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table {
    font-size: 0.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner table {
    margin-top: 2vmin;
    font-size: 2.93333333333vmin;
  }
}
.size-guide-wrap .size-guide__content__inner table thead {
  background-color: #f1efeb;
}
.size-guide-wrap .size-guide__content__inner table thead tr th {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner table thead tr th {
    padding: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table thead tr th {
    padding: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner table thead tr th {
    padding: 2vmin 4vmin;
  }
}
.size-guide-wrap .size-guide__content__inner table thead tr th:nth-of-type(n+2) {
  border-left: 1px solid #e4e4e3;
}
.size-guide-wrap .size-guide__content__inner table tbody {
  background-color: #f8f7f5;
}
.size-guide-wrap .size-guide__content__inner table tbody tr {
  border-top: 1px solid #e4e4e3;
}
.size-guide-wrap .size-guide__content__inner table tbody tr td {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td {
    padding-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td {
    padding-right: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td {
    padding: 2vmin 0;
  }
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td:nth-child(1) {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td:nth-child(1) {
    width: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner table tbody tr td:nth-child(1) {
    width: 20vmin;
  }
}
.size-guide-wrap .size-guide__content__inner table tbody tr td:nth-of-type(n+2) {
  border-left: 1px solid #d1d1d1;
}
.size-guide-wrap .size-guide__content__inner__figure {
  background-color: #f8f7f5;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner__figure {
    height: 480px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner__figure {
    height: 30vw;
  }
}
.size-guide-wrap .size-guide__content__inner__figure img {
  mix-blend-mode: multiply;
  width: auto;
  height: auto;
}

.size-guide-wrap .size-guide__content__inner dl {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner dl {
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner dl {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner dl {
    padding-right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner dl {
    padding-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner dl {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner dl {
    font-size: 0.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner dl {
    padding: 5.3333333333vmin 1.3333333333vmin;
    font-size: 3.2vmin;
  }
}
.size-guide-wrap .size-guide__content__inner dl:first-child {
  padding-top: 0;
}
.size-guide-wrap .size-guide__content__inner dl:last-child {
  padding-bottom: 0;
}
.size-guide-wrap .size-guide__content__inner dl:not(:first-child) {
  border-top: 1px solid #e4e4e3;
}
.size-guide-wrap .size-guide__content__inner dl dt {
  width: 30%;
}
@media screen and (min-width: 768px) {
  .size-guide-wrap .size-guide__content__inner dl dt {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-guide-wrap .size-guide__content__inner dl dt {
    padding-right: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .size-guide-wrap .size-guide__content__inner dl dt {
    padding-right: 1.3333333333vmin;
  }
}
.size-guide-wrap .size-guide__content__inner dl dd {
  width: 70%;
}


@media screen and (min-width: 768px) {
  .size-styling-guide-wrap {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide-wrap {
    margin-top: 5.625vw;
  }
}

.size-styling-guide {
  border-bottom: 1px solid #d1d1d1;
}
.size-styling-guide.is-active .size-styling-guide__head:before {
  opacity: 0;
}
.size-styling-guide.is-active .size-styling-guide__head:after {
  transform: rotate(0);
}
.size-styling-guide__head {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .size-styling-guide__head {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__head {
    padding-top: 1.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__head {
    padding-bottom: 1.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__head {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .size-styling-guide__head {
    padding-top: 2.6666666667vmin;
    padding-bottom: 2.6666666667vmin;
    font-size: 4.8vmin;
  }
}
.size-styling-guide__head:hover {
  cursor: pointer;
}
.size-styling-guide__head:before, .size-styling-guide__head:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #000000;
  top: calc(50% - 1px);
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .size-styling-guide__head:before, .size-styling-guide__head:after {
    width: 1.875vmin;
    height: 0.1333333333vmin;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .size-styling-guide__head:before, .size-styling-guide__head:after {
    width: 2.9333333333vmin;
    height: 0.1333333333vmin;
    right: 2.6666666667vmin;
  }
}
.size-styling-guide__head:after {
  transform: rotate(90deg);
}
.size-styling-guide.is-active .size-styling-guide__head:before {
  opacity: 0;
}
.size-styling-guide.is-active .size-styling-guide__head:after {
  transform: rotate(0);
}
.size-styling-guide__head__tag {
  display: inline-block;
  color: #ffffff;
  background: linear-gradient(75deg, #fe872c 0%, #fea651 100%);
  line-height: 1.5;
  border-radius: 100px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .size-styling-guide__head__tag {
    margin-left: 20px;
    padding: 5px 20px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__head__tag {
    margin-left: 1.25vw;
    padding: 0.3125vw 1.25vw;
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .size-styling-guide__head__tag {
    padding: 1vmin 2.25vmin;
    font-size: 2.93333333333vmin;
  }
}

.size-styling-guide__content {
  display: none;
}
@media screen and (min-width: 768px) {
  .size-styling-guide__content {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__content {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__content {
    padding-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .size-styling-guide__content {
    padding: 2.6666666667vmin 0 10.6666666667vmin 0;
  }
}
.size-styling-guide__content__inner__title_2 {

}
@media screen and (min-width: 768px) {
  .size-styling-guide__content__inner__title_2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .size-styling-guide__content__inner__title_2 {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .size-styling-guide__content__inner__title_2 {
    font-size: 3.73333333333vmin;
  }
}

.search {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .search {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .search {
    margin-top: 9.3333333333vmin;
  }
}
.search__item {
  border: 1px solid #cecece;
  background: linear-gradient(75deg, #fe872c 0%, #fea651 100%);
  border-radius: 100px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .search__item {
    width: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item {
    width: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  .search__item {
    width: 25.3333333333vmin;
  }
}
.search__item:hover {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .search__item:not(:first-child) {
    margin-left: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item:not(:first-child) {
    margin-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .search__item:not(:first-child) {
    margin-left: 2.6666666667vmin;
  }
}
.search__item.is-active {
  border-color: #fe872c;
}
.search__item.is-active .search__item__txt {
  color: #ffffff;
  background-color: transparent;
}
.search__item.is-active .search__item__txt:after {
  border-color: #ffffff;
}
.search__item__txt {
  position: relative;
  display: block;
  border-radius: 100px;
  background-color: #ffffff;
  letter-spacing: 0.1em;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .search__item__txt {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item__txt {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item__txt {
    padding-top: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item__txt {
    padding-bottom: 0.75vw;
  }
}
@media screen and (max-width: 767px) {
  .search__item__txt {
    font-size: 2.6666666667vmin;
    padding: 2vmin 4vmin 2vmin 0;
  }
}
.search__item__txt:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: translateY(-1px) rotate(135deg);
  box-sizing: border-box;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .search__item__txt:after {
    right: 20px;
    width: 8px;
    height: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item__txt:after {
    right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item__txt:after {
    width: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .search__item__txt:after {
    height: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .search__item__txt:after {
    right: 4vmin;
    width: 1.3333333333vmin;
    height: 1.3333333333vmin;
  }
}

.list-product {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .list-product {
    margin-top: 45px;
    margin-left: -15px;
    margin-right: -95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product {
    margin-top: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product {
    margin-left: -2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product {
    margin-right: -2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product {
    margin-top: 10.6666666667vmin;
    margin-left: -2.6666666667vmin;
    margin-right: -2.6666666667vmin;
  }
}
.list-product a {
  position: relative;
  display: block;
  transition: ease 0.5s;
}
.list-product a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .list-product__item {
    width: calc(20% - 3vw);
    margin-top: 22.5px;
    margin-bottom: 22.5px;
    margin-left: 22.5px;
    margin-right: 22.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item {
    margin-top: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item {
    margin-bottom: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item {
    margin-left: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item {
    margin-right: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item {
    width: calc(50% - 5.4vw);
    margin-top: 3.3333333333vmin;
    margin-bottom: 3.3333333333vmin;
    margin-left: 2.6666666667vmin;
    margin-right: 2.6666666667vmin;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item_margin {
    margin-top: 9.333333vmin;
  }
}
.list-product__item.is-hide {
  display: none;
}
.list-product__item.sold-out .list-product__item__image-wrap > a {
  position: relative;
}
.list-product__item.sold-out .list-product__item__image-wrap > a:after {
  content: "SOLD OUT";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .list-product__item.sold-out .list-product__item__image-wrap > a:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item.sold-out .list-product__item__image-wrap > a:after {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item.sold-out .list-product__item__image-wrap > a:after {
    font-size: 3.2vmin;
  }
}
.list-product__item.sold-out .list-product__item__image-wrap .list-product__item__image {
  opacity: 0.5;
}
.list-product__item__image {
  aspect-ratio: 71 / 97;
}
.list-product__item__image img {
  display: none;
}
.list-product__item__image img.is-active {
  display: block;
}
.list-product__item__heading {
  line-height: 1.5;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .list-product__item__heading {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__heading {
    margin-top: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__heading {
    margin-top: 4vmin;
  }
}
.list-product__item__heading a {
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .list-product__item__heading a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__heading a {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__heading a {
    font-size: 2.9333333333vmin;
  }
}
.list-product__item__type {
  line-height: 1.5;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .list-product__item__type {
    margin-top: 15px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__type {
    margin-top: 0.9375vw;
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__type {
    margin-top: 4vmin;
    font-size: 3.2vmin;
  }
}
.list-product__item .list-color {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .list-product__item .list-color {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item .list-color {
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item .list-color {
    margin-top: 2.6666666667vmin;
  }
}
.list-product__item .list-color_two-layers {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1 * var(--rem));
}
.list-product__item .list-color__item {
  position: relative;
  border: 1px solid #f00;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .list-product__item .list-color__item {
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item .list-color__item {
    width: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item .list-color__item {
    height: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item .list-color__item {
    width: 6vmin;
    height: 6vmin;
  }
}
@media screen and (min-width: 768px) {
  .list-product__item .list-color__item:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item .list-color__item:not(:first-child) {
    margin-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item .list-color__item:not(:first-child) {
    margin-left: 1.3333333333vmin;
  }
}
.list-product__item .list-color__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f00;
  border-radius: 100px;
  transition: 0.5s;
}
.list-product__item .list-color__item:hover {
  cursor: pointer;
}
.list-product__item .list-color__item.is-active:after {
  transform: scale(0.6);
}
.list-product__item .list-color_two-layers .list-color__item {
  margin-left: 0;
}
.list-product__item .list-color__item--black {
  border-color: #25292d;
}
.list-product__item .list-color__item--black:after {
  background-color: #25292d;
}
.list-product__item .list-color__item--warmgray {
  border-color: #cdbeb7;
}
.list-product__item .list-color__item--warmgray:after {
  background-color: #cdbeb7;
}
.list-product__item .list-color__item--charcoal_gray {
  border-color: #4B4744;
}
.list-product__item .list-color__item--charcoal_gray:after {
  background-color: #4B4744;
}
.list-product__item .list-color__item--khaki {
  border-color: #4F5440;
}
.list-product__item .list-color__item--khaki:after {
  background-color: #4F5440;
}
.list-product__item .list-color__item--light_gray {
  border-color: #D3CFCC;
}
.list-product__item .list-color__item--light_gray:after {
  background-color: #D3CFCC;
}
.list-product__item .list-color__item--beige {
  border-color: #e5d9ca;
}
.list-product__item .list-color__item--beige:after {
  background-color: #e5d9ca;
}
.list-product__item .list-color__item--lightblue {
  border-color: #D4E2F2;
}
.list-product__item .list-color__item--lightblue:after {
  background-color: #D4E2F2;
}
.list-product__item .list-color__item--pink {
  border-color: #FDE6E6;
}
.list-product__item .list-color__item--pink:after {
  background-color: #FDE6E6;
}
.list-product__item .list-color__item--blue {
  border-color: #E2EEFA;
}
.list-product__item .list-color__item--blue:after {
  background-color: #E2EEFA;
}
.list-product__item .list-color__item--navy {
  border-color: #282B39;
}
.list-product__item .list-color__item--navy:after {
  background-color: #282B39;
}
.list-product__item .list-color__item--lightgray--oversizeT {
  border-color: #D3CFCC;
}
.list-product__item .list-color__item--lightgray--oversizeT:after {
  background-color: #D3CFCC;
}
.list-product__item .list-color__item--lightbeige {
  border-color: #E7DCD2;
}
.list-product__item .list-color__item--lightbeige:after {
  background-color: #E7DCD2;
}
.list-product__item .list-color__item--white {
  border-color: #172450;
}
.list-product__item .list-color__item--white:after {
  background-color: #ffffff;
}
.list-product__item .list-color__item--lightgray--polo {
  border-color: #E3E4E0;
}
.list-product__item .list-color__item--lightgray--polo:after {
  background-color: #E3E4E0;
}
.list-product__item .list-color__item--navy {
  border-color: #172450;
}
.list-product__item .list-color__item--navy:after {
  background-color: #172450;
}
.list-product__item .list-color__item--gray {
  border-color: #aaacab;
}
.list-product__item .list-color__item--gray:after {
  background-color: #aaacab;
}
.list-product__item .list-color__item--white-black {
  border-color: #aaacab;
}
.list-product__item .list-color__item--white-black:after {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #25292d 50%, #25292d 100%);
}
.list-product__item .list-color__item--beige-black {
  border-color: #aaacab;
}
.list-product__item .list-color__item--beige-black:after {
  background: linear-gradient(180deg, #e5d9ca 0%, #e5d9ca 50%, #25292d 50%, #25292d 100%);
}
.list-product__item .list-color__item--navy-black {
  border-color: #aaacab;
}
.list-product__item .list-color__item--navy-black:after {
  background: linear-gradient(180deg, #282B39 0%, #282B39 50%, #25292d 50%, #25292d 100%);
}
.list-product__item .list-color__item--lightgray-black--oversizeT {
  border-color: #aaacab;
}
.list-product__item .list-color__item--lightgray-black--oversizeT:after {
  background: linear-gradient(180deg, #D3CFCC 0%, #D3CFCC 50%, #25292d 50%, #25292d 100%);
}
.list-product__item .list-color__item--lightgray-black--polo {
  border-color: #aaacab;
}
.list-product__item .list-color__item--lightgray-black--polo:after {
  background: linear-gradient(180deg, #E3E4E0 0%, #E3E4E0 50%, #25292d 50%, #25292d 100%);
}
.list-product__item .list-color__item--lightbeige-black {
  border-color: #aaacab;
}
.list-product__item .list-color__item--lightbeige-black:after {
  background: linear-gradient(180deg, #E7DCD2 0%, #E7DCD2 50%, #25292d 50%, #25292d 100%);
}
.list-product__item .list-color__item--white-warmgray {
  border-color: #aaacab;
}
.list-product__item .list-color__item--white-warmgray:after {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #cdbeb7 50%, #cdbeb7 100%);
}
.list-product__item .list-color__item--khaki-black {
  border-color: #aaacab;
}
.list-product__item .list-color__item--khaki-black:after {
  background: linear-gradient(180deg, #4F5440 0%, #4F5440 50%, #25292d 50%, #25292d 100%);
}
.list-product__item__color {
  letter-spacing: 0em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .list-product__item__color {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__color {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__color {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__color {
    margin-top: 2vmin;
    font-size: 2.6666666667vmin;
  }
}
.list-product__item__text {
  letter-spacing: 0em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .list-product__item__text {
    margin-top: 5px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__text {
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__text {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__text {
    margin-top: 0.9333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
.list-product__item__text--cp {
  color: #f00;
}
@media screen and (min-width: 768px) {
  .list-product__item__text__price {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__text__price {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__text__price {
    font-size: 4vmin;
  }
}
.list-product__item__cptxt {
  color: #f00;
  letter-spacing: 0.01em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .list-product__item__cptxt {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__cptxt {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product__item__cptxt {
    font-size: 0.875vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product__item__cptxt {
    margin-top: 2vmin;
    font-size: 2.6666666667vmin;
  }
}
.list-product .search-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .list-product .search-icon {
    margin: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon {
    margin: -0.25vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product .search-icon {
    margin: -0.5333333333vmin;
  }
}
.list-product .search-icon_margin {
  top: -34px;
}
@media screen and (max-width: 767px) {
  .list-product .search-icon_margin {
    top: -4.8vmin;
    margin: -2.533333vmin;
  }
}
.list-product .search-icon__txt {
  display: inline-block;
  line-height: 1;
  color: #ffffff;
  background-color: #f00;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .list-product .search-icon__txt {
    margin: 4px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon__txt {
    margin: 0.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon__txt {
    padding-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon__txt {
    padding-right: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon__txt {
    padding-bottom: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon__txt {
    padding-left: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-icon__txt {
    font-size: 0.75vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product .search-icon__txt {
    margin: 0.5333333333vmin;
    font-size: 2.6666666667vmin;
    padding: 1.0666666667vmin 0.6666666667vmin;
  }
}
.list-product .search-icon__txt--new {
  background-color: #ed6c00;
}
.list-product .search-icon__txt--medical {
  background-color: #24292d;
}
.list-product .search-icon__txt--type {
  border: 1px solid #000000;
  color: #000000;
  background-color: #ffffff;
}
.list-product .search-icon__txt--off {
  border: 1px solid #ff872b;
  color: #ff872b;
  background-color: #ffffff;
}
.list-product .search-cp-wrap {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
}
.list-product .search-cp {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  width: 100%;
}
.list-product .search-cp--rakuten {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .list-product .search-cp__item:not(:first-child) {
    margin-left: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-cp__item:not(:first-child) {
    margin-left: 0.25vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product .search-cp__item:not(:first-child) {
    margin-left: 1.3333333333vmin;
  }
}
.list-product .search-cp__item--ranking {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .list-product .search-cp__item--ranking img {
    width: 163px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-cp__item--ranking img {
    width: 10.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product .search-cp__item--ranking img {
    width: 25.4666666667vmin;
  }
}
.list-product .search-cp__item--gift {
  width: 30%;
}
@media screen and (min-width: 768px) {
  .list-product .search-cp__item--gift img {
    width: 54px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .list-product .search-cp__item--gift img {
    width: 3.375vw;
  }
}
@media screen and (max-width: 767px) {
  .list-product .search-cp__item--gift img {
    width: 9.3333333333vmin;
  }
}
.list-product .search-cp__item img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap {
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap {
    margin-top: 2.6666666667vmin;
    margin-bottom: 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
  border: 1px solid #cccccc;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
    padding-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
    padding-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice {
    padding: 2.6666666667vmin 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt {
  color: red;
  font-weight: bold;
  font-size: 1.1rem;
  background-repeat: no-repeat;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/triangle_red_ic.png);
  background-position: left center;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt {
    padding-left: 26px;
    font-size: 18px;
    background-size: 20px 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt {
    padding-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt {
    background-size: 17px 14px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt {
    padding-left: 5vmin;
    font-size: 2.9333333333vmin;
    background-size: 3.3vmin 2.7vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dt:before {
  content: none;
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .notice a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dd {
    margin-top: 5px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dd {
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dd {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .notice > dd {
    margin-top: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
  border: 1px solid #cccccc;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
    padding-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
    padding-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ {
    padding: 2.6666666667vmin 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt {
  color: #ff872b;
  background-repeat: no-repeat;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-shipping-note.png);
  background-position: left center;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt {
    padding-left: 40px;
    font-size: 18px;
    background-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt {
    padding-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt {
    background-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt {
    padding-left: 6vmin;
    font-size: 2.9333333333vmin;
    background-size: 4.9333333333vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dt:before {
  content: none;
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dd {
    margin-top: 5px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dd {
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dd {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_ > dd {
    margin-top: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}

@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping {
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping {
    margin-top: 2.6666666667vmin;
    margin-bottom: 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .comment3_giftwrapping dl {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #cccccc;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping dl dt {
    font-size: 18px;
    padding: 0 20px;
    width: calc(100% - 158px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping dl dt {
    font-size: 1.125vw;
    padding: 0 1.25vw;
    width: calc(100% - 9.875vw);
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping dl dt {
    font-size: 2.933333333333333vmin;
    padding: 0 4vmin;
    width: calc(100% - 25.0666666667vmin);
  }
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping dl dd {
    width: 158px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping dl dd {
    width: 9.875vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping dl dd {
    width: 25.0666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping .comment3_giftwrapping__att {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping .comment3_giftwrapping__att {
    margin-top: 0.625vw;
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .comment3_giftwrapping .comment3_giftwrapping__att {
    margin-top: 1vmin;
    font-size: 2.66666666667vmin;
  }
}

@media screen and (min-width: 768px) {
  .set-link-wrap {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap {
    margin-top: 2.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap {
    margin-bottom: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .set-link-wrap {
    margin-top: 4vmin;
    margin-bottom: 6vmin;
  }
}
.set-link-wrap .set-link {
  text-align: center;
}
.set-link-wrap .set-link__accent {
  display: inline-block;
  position: relative;
  letter-spacing: -0.1em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .set-link-wrap .set-link__accent {
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__accent {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__accent {
    padding-left: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__accent {
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .set-link-wrap .set-link__accent {
    font-size: 3.4666666667vmin;
    padding: 0 10.6666666667vmin;
  }
}
.set-link-wrap .set-link__accent:before, .set-link-wrap .set-link__accent:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .set-link-wrap .set-link__accent:before, .set-link-wrap .set-link__accent:after {
    width: 28px;
    height: 24px;
    background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-set-line_pc_2.png);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__accent:before, .set-link-wrap .set-link__accent:after {
    width: 1.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__accent:before, .set-link-wrap .set-link__accent:after {
    height: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .set-link-wrap .set-link__accent:before, .set-link-wrap .set-link__accent:after {
    width: 5.6vmin;
    height: 5.8666666667vmin;
    background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-set-line_sp_2.png);
  }
}
.set-link-wrap .set-link__accent:before {
  left: 0;
}
.set-link-wrap .set-link__accent:after {
  right: 0;
  transform: scale(-1, 1);
}
.set-link-wrap .set-link__accent .set-link__txt__accent {
  color: #ff872b;
  font-weight: bold;
  }
@media screen and (min-width: 768px) {
  .set-link-wrap .set-link__accent .set-link__txt__accent {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__accent .set-link__txt__accent {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 767px) {
  .set-link-wrap .set-link__accent .set-link__txt__accent {
    font-size: 4.7vmin;
  }
}
.set-link-wrap .set-link__anchor {
  display: block;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-set-arrow.png);
}
@media screen and (min-width: 768px) {
  .set-link-wrap .set-link__anchor {
    margin-top: 20px;
    font-size: 22px;
    background-size: 10px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-position: right 30px center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    font-size: 1.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    background-size: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    padding-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    padding-right: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor {
    padding-left: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .set-link-wrap .set-link__anchor {
    margin-top: 2.6666666667vmin;
    font-size: 3.7333333333vmin;
    background-size: 1.6vmin;
    padding: 3.7333333333vmin 8vmin 3.7333333333vmin 4vmin;
    background-position: right 4vmin center;
  }
}
.set-link-wrap .set-link__anchor:hover {
  opacity: 0.7;
  border-bottom: 1px solid #cccccc;
}
.set-link-wrap .set-link__anchor__txt {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-set.png);
  background-position: left center;
}
@media screen and (min-width: 768px) {
  .set-link-wrap .set-link__anchor__txt {
    padding-left: 65px;
    background-size: 46px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor__txt {
    padding-left: 4.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .set-link-wrap .set-link__anchor__txt {
    background-size: 2.875vw;
  }
}
@media screen and (max-width: 767px) {
  .set-link-wrap .set-link__anchor__txt {
    padding-left: 13.3333333333vmin;
    background-size: 8vmin;
  }
}
.set-link-wrap .set-link--normal {
  display: block;
}
.set-link-wrap .set-link--cp {
  display: none;
}
.set-link-wrap .set-link--cp--lt {
  display: none;
}

/*============================
  総合ページライブショッピングバナー
============================*/
.live-shopping-bnr {
  text-align: center;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .live-shopping-bnr {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .live-shopping-bnr {
    margin-top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .live-shopping-bnr {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .live-shopping-bnr {
    margin-top: 10.6666666667vmin;
    margin-bottom: 10vw;
  }
}
.live-shopping-bnr img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .live-shopping-bnr img {
    max-width: 58.75vw !important;
  }
}

/*============================
  KV_CP施策
============================*/
.kv-cp-bnr-mothers26 {
  position: relative;
  z-index: 3;
  display: none;
}
@media screen and (min-width: 768px) {
  .kv-cp-bnr-mothers26 {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 99;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .kv-cp-bnr-mothers26 {
    top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .kv-cp-bnr-mothers26 {
    right: 1.875vw;
  }
}
.kv-cp-bnr {
  position: relative;
  z-index: 3;
  display: none;
}
@media screen and (min-width: 768px) {
  .kv-cp-bnr {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 99;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .kv-cp-bnr {
    top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .kv-cp-bnr {
    right: 1.875vw;
  }
}
@media screen and (min-width: 768px) {
  .kv-cp-bnr--comprehensive {
    right: inherit;
    left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .kv-cp-bnr--comprehensive {
    left: 1.875vw;
  }
}
.kv-cp-bnr.is-hide {
  display: none !important;
}
.kv-cp-bnr__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .kv-cp-bnr__img {
    width: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .kv-cp-bnr__img {
    width: 12.5vw;
  }
}

/*============================
  CPkv
============================*/
.cp-kv {
  position: relative;
  z-index: 3;
}
.cp-kv__item__img img {
  width: 100%;
}

/*============================
  長友夫妻kv
============================*/
.nagatomo-kv {
  position: relative;
  z-index: 3;
}
.nagatomo-kv__item__img {
  display: none;
}
.nagatomo-kv__item__img.is-show {
  display: block;
}
.nagatomo-kv__item__img img {
  width: 100%;
}

.nagatomo {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .nagatomo:not(:first-child) {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo:not(:first-child) {
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo:not(:first-child) {
    padding-top: 14.6666666667vmin;
  }
}
.tab .nagatomo:not(:first-child) {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .nagatomo--sleep {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo--sleep {
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo--sleep {
    padding-bottom: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__head-columns {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__head-columns__column {
    width: 530px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__head-columns__column {
    width: 33.125vw;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__lead {
    line-height: 2;
    margin-top: 40px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__lead {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__lead {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__lead {
    margin-top: 4.6666666667vmin;
    font-size: 3.4666666667vmin;
  }
}

.tab .nagatomo__lead {
  text-align: center;
  line-height: 1.818;
}
@media screen and (min-width: 768px) {
  .tab .nagatomo__lead {
    margin-top: 25px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tab .nagatomo__lead {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tab .nagatomo__lead {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .tab .nagatomo__lead {
    margin-top: 4vmin;
    font-size: 3.4666666667vmin;
  }
}
.nagatomo__thumb {
  width: 100%;
  max-width: 844px;
  aspect-ratio: 16 / 9;
  margin: auto;
}
.nagatomo__thumb iframe {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .nagatomo__thumb {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__thumb {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__thumb {
    margin-top: 6.6666666667vmin;
  }
}
.nagatomo__thumb__img {
  display: block;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .nagatomo__thumb__img {
    margin-left: auto;
    margin-right: auto;
    width: 775px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__thumb__img {
    width: 48.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__thumb__img {
    padding-left: 1.25vw;
  }
}
.nagatomo__thumb__img:hover {
  cursor: pointer;
  opacity: 0.7;
}
.nagatomo__button {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .nagatomo__button {
    line-height: 1;
    margin-top: 40px;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button {
    width: 46.25vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__button {
    margin-top: 13.3333333333vmin;
  }
}
.nagatomo__button__anchor {
  display: block;
  position: relative;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-nagatomo-arrow.png?0402);
  background-repeat: no-repeat;
  background-position: top right;
  line-height: 1.2 !important;
  background-color: #ffffff;
  border: 1px solid #ff872b;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .nagatomo__button__anchor {
    font-size: 18px;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    background-size: 8px;
    background-position: right 2vw center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button__anchor {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button__anchor {
    padding-top: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button__anchor {
    padding-right: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button__anchor {
    padding-bottom: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button__anchor {
    padding-left: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__button__anchor {
    background-size: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__button__anchor {
    width: 81.3333333333vmin;
    font-size: 3.7333333333vmin;
    padding-left: 2vmin;
    padding-right: 2vmin;
    padding-top: 3.3333333333vmin;
    padding-bottom: 3.3333333333vmin;
    background-size: 1.0666666667vmin;
    background-position: right 5.3333333333vmin center;
  }
}
.nagatomo__button__anchor:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .nagatomo__profile {
    margin-top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile {
    margin-top: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile {
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile__columns {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile__columns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile__columns__column:nth-child(2) {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile__columns__column:nth-child(2) {
    margin-left: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile__columns__column:nth-child(2) {
    margin-top: 8vmin;
  }
}
.nagatomo__profile__columns__column__name {
  text-align: center;
  background: linear-gradient(75deg, #f67205 0%, #f8a731 100%);
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .nagatomo__profile__columns__column__name {
    line-height: 1.7;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile__columns__column__name {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile__columns__column__name {
    line-height: 2;
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile__columns__column__name__small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile__columns__column__name__small {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile__columns__column__name__small {
    font-size: 3.2vmin;
  }
}
.nagatomo__profile .two-columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .nagatomo__profile .two-columns {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile .two-columns {
    margin-top: 2.6666666667vmin;
  }
}
.nagatomo__profile .two-columns__column:nth-child(1) {
  aspect-ratio: 7 / 10;
}
@media screen and (min-width: 768px) {
  .nagatomo__profile .two-columns__column:nth-child(1) {
    width: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns__column:nth-child(1) {
    width: 10.625vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile .two-columns__column:nth-child(1) {
    width: 28vmin;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile .two-columns__column:nth-child(2) {
    width: 330px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns__column:nth-child(2) {
    width: 20.625vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile .two-columns__column:nth-child(2) {
    width: 48vmin;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile .two-columns__column__name {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns__column__name {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile .two-columns__column__name {
    font-size: 4.5333333333vmin;
  }
}
.nagatomo__profile .two-columns__column__point {
  color: #ff872b;
}
@media screen and (min-width: 768px) {
  .nagatomo__profile .two-columns__column__point {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns__column__point {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile .two-columns__column__point {
    font-size: 4vmin;
  }
}
@media screen and (min-width: 768px) {
  .nagatomo__profile .two-columns__column__paragraph {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns__column__paragraph {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__profile .two-columns__column__paragraph {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__profile .two-columns__column__paragraph {
    margin-top: 2vmin;
    font-size: 3.2vmin;
  }
}
.nagatomo__movieModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  pointer-events: none;
  opacity: 0;
}
.nagatomo__movieModal.is-open {
  pointer-events: auto;
  opacity: 1;
}
.nagatomo__movieModal__close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  border: 0;
  appearance: none;
  cursor: pointer;
  outline: none;
}
@media screen and (min-width: 768px) {
  .nagatomo__movieModal__close {
    width: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__movieModal__close {
    width: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .nagatomo__movieModal__close {
    height: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .nagatomo__movieModal__close {
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
  }
}
.nagatomo__movieModal__close::before, .nagatomo__movieModal__close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 2px;
  margin: auto;
  background-color: #fff;
}
.nagatomo__movieModal__close::before {
  transform: rotate(45deg);
}
.nagatomo__movieModal__close::after {
  transform: rotate(-45deg);
}
.nagatomo__movieModal__inner {
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 58.2%;
  overflow: hidden;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .nagatomo__movieModal__inner {
    position: relative;
    width: 100%;
    max-height: 58.2%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: transparent;
  }
}
.nagatomo__movieModal__inner::before {
  content: "";
  display: block;
  padding-top: 177.7777%;
}
.nagatomo__movieModal__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rakuten-ranking {
  position: relative;
  z-index: 3;
  background-color: #efefef;
  font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", serif;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .rakuten-ranking {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking {
    padding-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking {
    padding: 13.3333333333vmin 0;
  }
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__h2__en {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__h2__en {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__h2__en {
    font-size: 3.2vmin;
  }
}
.rakuten-ranking__h2__ja {
  letter-spacing: 0.1em;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__h2__ja {
    margin-top: 15px;
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__h2__ja {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__h2__ja {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__h2__ja {
    margin-top: 2.6666666667vmin;
    font-size: 6.6666666667vmin;
  }
}
.rakuten-ranking__h2__ja__gold {
  color: #bea360;
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__columns {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 1050px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns {
    width: 65.625vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__columns {
    margin-top: 5.3333333333vmin;
  }
}
.rakuten-ranking__columns__column {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__columns__column {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column {
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column {
    padding-right: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__columns__column {
    width: 24vmin;
    padding: 0 2vmin;
  }
}
.rakuten-ranking__columns__column__img {
  display: inline-block;
  text-align: center;
  aspect-ratio: 160 / 151;
}
#wrapper #main .rakuten-ranking__columns__column__img img,
.wrapper_ .rakuten-ranking__columns__column__img img {
  display: inline-block;
  height: auto;
}
@media screen and (min-width: 768px) {
  #wrapper #main .rakuten-ranking__columns__column__img img,
  .wrapper_ .rakuten-ranking__columns__column__img img {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .rakuten-ranking__columns__column__img img,
  .wrapper_ .rakuten-ranking__columns__column__img img {
    width: 13.75vw;
  }
}
.rakuten-ranking__columns__column__products {
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__columns__column__products {
    margin-bottom: 5px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column__products {
    margin-bottom: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column__products {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__columns__column__products {
    margin-bottom: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
.rakuten-ranking__columns__column__h3 {
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__columns__column__h3 {
    margin-top: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column__h3 {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column__h3 {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__columns__column__h3 {
    margin-top: 3.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .rakuten-ranking__columns__column__note {
    margin-top: 5px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column__note {
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .rakuten-ranking__columns__column__note {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .rakuten-ranking__columns__column__note {
    margin-top: 1.3333333333vmin;
    font-size: 2.1333333333vmin;
  }
}
.bnr-cp-wrap__img {
  text-align: center;
  margin: 45px auto 0;
  max-width: 850px;
}
@media screen and (max-width: 767px) {
  .bnr-cp-wrap__img {
    text-align: center;
  }
}
.bnr-cp-wrap__img picture {
  display: block;
  aspect-ratio: 1250 / 340;
}
@media screen and (max-width: 767px) {
  .bnr-cp-wrap__img picture {
    aspect-ratio: 750 / 310;
  }
}

/* 20250612追加 */
section.rw_ss-kv {
  position: relative;
  z-index: 10;
}

section.rw_ss-kv .rw_ss-kv__item img {
  max-width: none;
  width: 100%;
}

.cp-kv,
.nagatomo-kv,
.rw_ss-kv {
  opacity: 0;
  animation: fade 0.3s forwards;
  animation-delay: 0.5s;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cumulative {
  margin: 5.9375vw auto 0;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .cumulative {
    margin: 0 auto;
  }
}
.under-kv-info {
  text-align: center;
  background-color: #231815;
  position: relative;
  top: -1px;
  z-index: 3;
}
.under-kv-info__txt {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .under-kv-info__txt {
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .under-kv-info__txt {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .under-kv-info__txt {
    padding-top: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .under-kv-info__txt {
    padding-bottom: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .under-kv-info__txt {
    font-size: 3.4666666667vmin;
    padding: 2.6666666667vmin 0;
  }
}

/* 新色対応 */
.newcolor-kv-info {
  text-align: center;
  background-color: #231815;
  position: relative;
  top: -1px;
  z-index: 3;
}
.newcolor-kv-info__txt {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .newcolor-kv-info__txt {
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .newcolor-kv-info__txt {
    font-size: 1.5vw;
    padding-top: 0.625vw;
    padding-bottom: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .newcolor-kv-info__txt {
    font-size: 3.4666666667vmin;
    padding: 2.6666666667vmin 0;
  }
}
.newcolor-kv-info__txt__anchor {
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-set-arrow.png);
}
@media screen and (min-width: 768px) {
  .newcolor-kv-info__txt__anchor {
    background-size: 20px;
  }
}
.newcolor-kv-info__txt__anchor:hover {
  text-decoration: none!important;
  border-bottom: none!important;
}

/* 20250829追加 */
.wrapper_ img {
  height: auto;
}

.p-new {
  color: #fff;
  position: relative;
  z-index: 5;
}
.p-new__bg {
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-new__bg {
    background-image: url(../img/comprehensive/bg-new.jpg);
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__bg {
    padding-top: 13.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__bg {
    padding-bottom: 13.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__bg {
    background-image: url(../img/comprehensive/bg-new-sp.jpg);
    padding: 18.4vmin 0 17.3333333333vmin;
  }
}
.p-new__inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-new__inner {
    max-width: 81.3333333333vmin;
  }
}
.p-new__ttl {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-new__ttl {
    width: max-content;
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__ttl {
    margin-bottom: 5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__ttl {
    margin-bottom: 12vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-new__ttl-logo {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__ttl-logo {
    width: 31.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__ttl-logo {
    width: 100%;
  }
}
#wrapper #main .p-new__ttl-icon,
.wrapper_ .p-new__ttl-icon {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #wrapper #main .p-new__ttl-icon,
  .wrapper_ .p-new__ttl-icon {
    width: 121px;
    right: -45px;
    bottom: -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .p-new__ttl-icon,
  .wrapper_ .p-new__ttl-icon {
    width: 7.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .p-new__ttl-icon,
  .wrapper_ .p-new__ttl-icon {
    right: -2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .p-new__ttl-icon,
  .wrapper_ .p-new__ttl-icon {
    bottom: -1.875vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .p-new__ttl-icon,
  .wrapper_ .p-new__ttl-icon {
    width: 18.6666666667vmin;
    right: 0;
    bottom: -6.8vmin;
  }
}
.p-new__lead {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new__lead {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__lead {
    margin-bottom: 5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__lead {
    margin-bottom: 14.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-new__lead-txt {
    font-size: 26px;
    line-height: 1.7307692308;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__lead-txt {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__lead-txt {
    font-size: 3.7333333333vmin;
    line-height: 2.2;
    letter-spacing: -0.02em;
  }
}
.p-new__lead-txt .border {
  border-bottom: 1px solid #ff872b;
  display: inline-block;
  padding-bottom: 1px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-new__lead-txt + .p-new__lead-txt {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__lead-txt + .p-new__lead-txt {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__lead-txt + .p-new__lead-txt {
    margin-top: 4vmin;
  }
}
.p-new__period {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new__period {
    margin-bottom: 95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period {
    margin-bottom: 5.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period {
    margin-bottom: 14.4vmin;
  }
}
.p-new__period-bnr {
  display: inline-block;
  line-height: 1;
  background: linear-gradient(to right, #ff872b 0%, #999999 100%);
}
@media screen and (min-width: 768px) {
  .p-new__period-bnr {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-bnr {
    padding-top: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-bnr {
    padding-bottom: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-bnr {
    padding-right: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-bnr {
    padding-left: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-bnr {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period-bnr {
    padding: 2vmin 3.2vmin;
    font-size: 3.2vmin;
  }
}
.p-new__period-ttl {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-new__period-ttl {
    margin-top: 36px;
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-ttl {
    margin-top: 2.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-ttl {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period-ttl {
    margin-top: 4.8vmin;
    font-size: 6.4vmin;
  }
}
.p-new__period-text {
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .p-new__period-text {
    width: max-content;
    margin-top: 40px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text {
    padding-bottom: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period-text {
    width: 100%;
    margin-top: 5.3333333333vmin;
    padding-bottom: 3.2vmin;
  }
}
.p-new__period-text .txt {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-new__period-text .txt {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text .txt {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period-text .txt {
    font-size: 3.7333333333vmin;
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 768px) {
  .p-new__period-text .img01 {
    width: 166px;
    margin-left: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text .img01 {
    width: 10.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text .img01 {
    margin-left: 2.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period-text .img01 {
    width: 23.8666666667vmin;
    margin-left: auto;
    margin-right: -1.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-new__period-text .img02 {
    width: 122px;
    margin-left: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text .img02 {
    width: 7.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__period-text .img02 {
    margin-left: 0.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__period-text .img02 {
    width: 16.8vmin;
    margin-left: 0.8vmin;
    margin-right: -1.2vmin;
  }
}
.p-new__present-ttl {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl {
    justify-content: center;
    margin-bottom: 40px;
    column-gap: 58px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl {
    margin-bottom: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl {
    column-gap: 3.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl {
    flex-direction: column;
    row-gap: 7.2vmin;
    margin-bottom: 3.2vmin;
  }
}
.p-new__present-ttl .img {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl .img {
    width: 160px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img {
    width: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl .img {
    width: 32.8vmin;
  }
}
.p-new__present-ttl .img-icon {
  position: absolute;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/comprehensive/im-new-circle.png);
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl .img-icon {
    width: 140px;
    height: 140px;
    top: -55px;
    left: -122px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img-icon {
    width: 8.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img-icon {
    height: 8.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img-icon {
    top: -3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img-icon {
    left: -7.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl .img-icon {
    width: 25.3333333333vmin;
    height: 25.3333333333vmin;
    top: -8.1333333333vmin;
    right: -17.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl .img-icon .small {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img-icon .small {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl .img-icon .small {
    font-size: 3.7333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl .img-icon .large {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .img-icon .large {
    font-size: 2.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl .img-icon .large {
    font-size: 6.4vmin;
  }
}
.p-new__present-ttl .text {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl .text-sub {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .text-sub {
    font-size: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .text-sub {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl .text-sub {
    font-size: 4.8vmin;
    margin-bottom: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-new__present-ttl .text-main {
    font-size: 66px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-ttl .text-main {
    font-size: 4.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-ttl .text-main {
    font-size: 8.2666666667vmin;
  }
}
.p-new__present-ttl .text-main sup {
  font-size: 50% !important;
  top: -0.75em;
}
.p-new__present-txt {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-new__present-txt {
    text-align: center;
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__present-txt {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__present-txt {
    text-align: justify;
    font-size: 3.4666666667vmin;
  }
}
.p-new__notes {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .p-new__notes {
    text-align: center;
    max-width: 880px;
    margin-top: 30px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__notes {
    max-width: 55vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__notes {
    margin-top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__notes {
    padding-top: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__notes {
    padding-bottom: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__notes {
    margin-top: 3.2vmin;
    padding: 4vmin 5.3333333333vmin;
  }
}
.p-new__notes-txt {
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  .p-new__notes-txt {
    line-height: 2;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-new__notes-txt {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .p-new__notes-txt {
    line-height: 1.85;
    font-size: 2.6666666667vmin;
  }
}

.p-autumn {
  position: relative;
  z-index: 5;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .p-autumn {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn {
    padding-top: 11.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn {
    padding-bottom: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn {
    padding: 17.3333333333vmin 0;
  }
}
.p-autumn__inner {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-autumn__inner {
    max-width: 81.3333333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-autumn__item:not(:last-of-type) {
    margin-bottom: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item:not(:last-of-type) {
    margin-bottom: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item:not(:last-of-type) {
    margin-bottom: 17.3333333333vmin;
  }
}
.p-autumn__item img {
  width: 100%;
}
.p-autumn__item-ttl {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-ttl {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-ttl {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-ttl {
    margin-bottom: 8vmin;
  }
}
.p-autumn__item-ttl img {
  margin-left: auto;
  margin-right: auto;
}
.p-autumn__item-ttl .sub {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-ttl .sub {
    width: 274px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-ttl .sub {
    width: 17.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-ttl .sub {
    width: 39.7333333333vmin;
  }
}
.p-autumn__item-ttl .color {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-ttl .color {
    width: 430px;
    margin-top: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-ttl .color {
    width: 26.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-ttl .color {
    margin-top: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-ttl .color {
    margin-top: 3.7333333333vmin;
  }
}
.p-autumn__item-ttl .txt {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-ttl .txt {
    font-size: 24px;
    margin-top: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-ttl .txt {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-ttl .txt {
    margin-top: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-ttl .txt {
    font-size: 3.4666666667vmin;
    margin-top: 3.2vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-autumn__item-lead {
    text-align: center;
    line-height: 1.75;
    font-size: 20px;
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-lead {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-lead {
    margin-bottom: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-lead {
    font-size: 3.4666666667vmin;
    line-height: 2.0384615385;
    margin-bottom: 7.2vmin;
    letter-spacing: -0.015em;
  }
}
.p-autumn__item-wrap {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-wrap {
    justify-content: center;
    column-gap: 178px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-wrap {
    column-gap: 11.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-wrap {
    flex-direction: column;
    row-gap: 6.4vmin;
  }
}
.p-autumn__item-color {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-color {
    width: 413px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-color {
    width: 25.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-color {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-color img {
    display: block;
    margin-left: auto;
    width: 74.8vmin;
  }
}
.p-autumn__item-color .note {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-autumn__item-color .note {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-color .note {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-color .note {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-autumn__item-color .note {
    font-size: 2.6666666667vmin;
    margin-top: 2.6666666667vmin;
  }
}
@media screen and (min-width: 768px) {
  .p-autumn__item-img {
    width: 570px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .p-autumn__item-img {
    width: 35.625vw;
  }
}

@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .is-sp {
    display: none;
  }
}


#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
  border: 1px solid #cccccc;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
    padding-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
    padding-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation {
    padding: 2.6666666667vmin 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt {
  color: #ff872b;
  background-repeat: no-repeat;
  background-image: url(/wellness/sixpad/common/recoverywear/img/detail/ic-shipping-note.png);
  background-position: left center;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt {
    padding-left: 40px;
    font-size: 18px;
    background-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt {
    padding-left: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt {
    background-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt {
    padding-left: 6vmin;
    font-size: 2.9333333333vmin;
    background-size: 4.9333333333vmin;
  }
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dt:before {
  content: none;
}
#goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dd {
    margin-top: 5px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dd {
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dd {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  #goodsspec_body .goodscomment_ .shipping-note-wrap .deliveryBlock_rw_reservation > dd {
    margin-top: 1.3333333333vmin;
    font-size: 2.6666666667vmin;
  }
}
#goodsspec_body .goodscomment_ .rw_reservation{
	border: 1px solid #cccccc;
	padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
	margin-bottom: 15px;
	}
	
@media screen and (max-width: 767px) {}
	
#goodsspec_body .goodscomment_ .rw_reservation dt{
  color: #ff872b;
  font-size: 16px;
	margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
	#goodsspec_body .goodscomment_ .rw_reservation dt{
		font-size:2.9333333333vmin;
	}
	}
#goodsspec_body .goodscomment_ .rw_reservation dd{
		font-size: 14px;
	
	}
@media screen and (max-width: 767px) {
	#goodsspec_body .goodscomment_ .rw_reservation dd{font-size:2.6666666667vmin;}
}

a.related-link:link,a.related-link:visited{
	display: block;
	text-align: center;
	margin:80px auto 0;
	border-bottom: 1px solid #333;
	width:16em;
}
@media screen and (max-width: 767px) {
	a.related-link:link,a.related-link:visited{
		font-size:3.2vw;
		margin:18.6666666667vmin auto 0;
	}
}
a.related-link:hover{
	opacity: 0.5;
}

.lineup-anchor-button {
  text-align: center;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .lineup-anchor-button {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .lineup-anchor-button {
    margin-top: 9.3333333333vmin;
    margin-bottom: 9.3333333333vmin;
  }
}
.lineup-anchor-button .lineup-anchor-button__link {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  letter-spacing: 0.16rem;
}
@media screen and (min-width: 768px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 45px;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 85px;
    padding-bottom: 20px;
    padding-left: 85px;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    border-radius: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    padding-right: 5.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    padding-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    padding-left: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .lineup-anchor-button .lineup-anchor-button__link {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6vmin;
    padding: 2.6666666667vmin 10.6666666667vmin;
    font-size: 2.6666666667vmin;
  }
}
.lineup-anchor-button .lineup-anchor-button__link:before, .lineup-anchor-button .lineup-anchor-button__link:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.lineup-anchor-button .lineup-anchor-button__link:before {
  background: linear-gradient(75deg, #ff872b 0%, #999999 100%);
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .lineup-anchor-button .lineup-anchor-button__link:before {
    width: 38px;
    height: 38px;
    top: 15px;
    right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:before {
    width: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:before {
    height: 2.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:before {
    top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:before {
    right: 1.375vw;
  }
}
@media screen and (max-width: 767px) {
  .lineup-anchor-button .lineup-anchor-button__link:before {
    width: 5.0666666667vmin;
    height: 5.0666666667vmin;
    top: 2.4vmin;
    right: 2.9333333333vmin;
  }
}
.lineup-anchor-button .lineup-anchor-button__link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: solid transparent;
  border-left: solid transparent;
  border-top: solid #ffffff;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 9px;
    top: 30px;
    right: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    border-right-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    border-left-width: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    border-top-width: 0.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    top: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    right: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .lineup-anchor-button .lineup-anchor-button__link:after {
    border-right-width: 0.6666666667vmin;
    border-left-width: 0.6666666667vmin;
    border-top-width: 1.2vmin;
    top: 4.5333333333vmin;
    right: 4.8vmin;
  }
}
@media screen and (min-width: 768px) {
  .lineup-anchor-button .lineup-anchor-button__link:hover {
    opacity: 0.7;
  }
}

.wrapper_ .cartlist_ img {
	width: auto;
}

.section-ls + .faq {
  margin-top: 0;
}
.section-ls {
  position: relative;
  background-color: #ffffff;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .section-ls {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls {
    margin-top: 6.25vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls {
    margin-top: 16vmin;
    padding: 16vmin 6.66666666667vmin;
  }
}
.section-ls__inner {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .section-ls__inner {
    width: 1100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__inner {
    width: 68.75vw;
  }
}
.section-ls .section-ls__h2 {
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__h2 {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls .section-ls__h2 {
    font-size: 5.6vmin;
  }
}

.section-ls .section-ls__box {
  background-color: #f1efeb;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box {
    margin-top: 50px;
    padding: 70px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box {
    margin-top: 50px;
    padding: 4.375vw;
    border-radius: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
    .section-ls .section-ls__box {
      margin-top: 8vmin;
      padding: 10vmin 6.66666666667vmin;
      border-radius: 2.66666666667vmin;
    }
}

.section-ls .section-ls__box__balloon {
  display: block;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__balloon {
    width: 570px;
    aspect-ratio: 36 / 11;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__balloon {
    width: 35.625vw;
  }
}
@media screen and (max-width: 767px) {
    .section-ls .section-ls__box__balloon {
      width: 100%;
      aspect-ratio: 550 / 307;
    }
}
.section-ls .section-ls__box__balloon img {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__columns {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    margin-top: 60px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__columns {
    margin-top: 3.75vw;
    max-width: 55vw;
  }
}
@media screen and (max-width: 767px) {
    .section-ls .section-ls__box__columns {
      margin-top: 9.33333333333vmin;
    }
}

@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__columns__column:nth-child(1) {
    width: 380px;
  }
  .section-ls .section-ls__box__columns__column:nth-child(2) {
    margin-top: 30px;
    width: 440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__columns__column:nth-child(1) {
    width: 23.75vw;
  }
  .section-ls .section-ls__box__columns__column:nth-child(2) {
    margin-top: 1.875vw;
    width: 27.5vw;
  }
}
.section-ls .section-ls__box__product {
  display: block;
  aspect-ratio: 191 / 211;
}
@media screen and (max-width: 767px) {
    .section-ls .section-ls__box__product {
      display: block;
      margin-top: 5vmin;
      margin-left: auto;
      margin-right: auto;
      width: 69.6vmin;
      aspect-ratio: 191 / 211;
    }
}
.section-ls .section-ls__box__product img {
  height: auto;
}

.section-ls .section-ls__box__subheading {
  text-align: center;
  line-height: 1;
}
.section-ls .section-ls__box__subheading span {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__subheading span {
    font-size: 20px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__subheading span {
    font-size: 1.25vw;
    padding: 0 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls .section-ls__box__subheading span {
    font-size: 4vmin;
    padding: 0 4vmin;
  }
}
.section-ls .section-ls__box__subheading span:before,
.section-ls .section-ls__box__subheading span:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 1px;
  background-color: #333333;
}
.section-ls .section-ls__box__subheading span:before {
    inset: 0 auto 0 0;
    rotate: -45deg;
}
.section-ls .section-ls__box__subheading span:after {
    inset: 0 0 0 auto;
    rotate: 45deg;
}

.section-ls .section-ls__box__heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ff8d36;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__heading {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__heading {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls .section-ls__box__heading {
    margin-top: 2vmin;
  }
}
.section-ls .section-ls__box__heading__em {
  line-height: 1;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__heading__em {
    font-size: 74px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__heading__em {
    font-size: 4.625vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls .section-ls__box__heading__em {
    font-size: 15.7333333333vmin;
  }
}
.section-ls .section-ls__box__heading__small {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__heading__small {
    font-size: 32px;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__heading__small {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls .section-ls__box__heading__small {
    font-size: 6.93333333333vmin;
    letter-spacing: -0.01em;
  }
}

.section-ls .section-ls__box__paragraph {
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .section-ls .section-ls__box__paragraph {
    margin-top: 30px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls .section-ls__box__paragraph {
    margin-top: 1.825vw;
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls .section-ls__box__paragraph {
    font-size: 3.73333333333vmin;
  }
}
.section-ls__button {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-ls__button {
    line-height: 1;
    width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button {
    width: 27.5vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls__button {
    margin-top: 3.3333333333vmin;
  }
}
.section-ls__button__anchor {
  display: block;
  position: relative;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-window.png);
  background-repeat: no-repeat;
  background-position: top right;
  line-height: 1.2 !important;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .section-ls__button__anchor {
    font-size: 18px;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    background-size: 21px;
    background-position: right 2vw center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button__anchor {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button__anchor {
    padding-top: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button__anchor {
    padding-right: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button__anchor {
    padding-bottom: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button__anchor {
    padding-left: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .section-ls__button__anchor {
    background-size: 1.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .section-ls__button__anchor {
    width: 100%;
    font-size: 3.73333333333vmin;
    padding-left: 2vmin;
    padding-right: 2vmin;
    padding-top: 4.3333333333vmin;
    padding-bottom: 4.3333333333vmin;
    background-size: 3.86666666667vmin;
    background-position: right 5.3333333333vmin center;
  }
}
.section-ls__button__anchor:hover {
  opacity: 0.7;
}

.wrapper_ .tab-wrap {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .wrapper_ .tab {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper_ .tab {
    margin-top: 6.6666666667vmin;
  }
}

@media screen and (min-width: 768px) {
  .wrapper_ .tab__box {
    margin-left: auto;
    margin-right: auto;
    width: 1250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab__box {
    width: 78.125vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper_ .tab__box {
    padding: 0 9.3333333333vmin;
  }
}
.wrapper_ .tab__box__area {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .wrapper_ .tab__box__area {
    margin-left: -6.66666666667vmin;
    margin-right: -6.66666666667vmin;
  }
}

.wrapper_ .tab__box__area__one {
  display: block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: ease 0.5s;
  width: 25%;
  border-bottom: solid 3px #e2e1e0;
}
@media screen and (min-width: 768px) {
  .wrapper_ .tab__box__area__one {
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab__box__area__one {
    font-size: 1.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab__box__area__one {
    padding-top: 0.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab__box__area__one {
    padding-bottom: 0.75vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper_ .tab__box__area__one {
    font-size: 4vmin;
    padding: 2.066667vmin 0 3.066667vmin 0px;
    border-width: 2px;
  }
}
.wrapper_ .tab__box__area__one:hover {
  cursor: pointer;
}
.wrapper_ .tab__box__area__one.is-select {
  border-color: #ed6c00;
}
.wrapper_ .tab__box__area__one.is-select .tab__box__area__one__txt {
  font-weight: bold;
}

.wrapper_ .tab__box__area__one__txt {
  line-height: 1.5;
}
.container_ .tab__contents {
  padding-bottom: 180px;
}
@media screen and (min-width: 768px) {
  .container_ .tab__contents {
    padding-bottom: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .container_ .tab__contents {
    padding-bottom: 10.625vw;
  }
}
@media screen and (max-width: 767px) {
  .container_ .tab__contents {
    padding-bottom: 24vmin;
  }
}
.wrapper_ .tab__contents__main {
  display: none;
  transition: ease 0.5s;
}
.wrapper_ .tab__contents__main.is-show {
  display: block;
}
@media screen and (min-width: 768px) {
  .wrapper_ .tab__contents__main__inner {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab__contents__main__inner {
    padding-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper_ .tab__contents__main__inner {
    padding-top: 9.33333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .wrapper_ .tab__contents__main--sizeguide .tab__contents__main__inner {
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab__contents__main--sizeguide .tab__contents__main__inner {
    width: 78.125vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper_ .tab__contents__main--sizeguide .tab__contents__main__inner {
    padding: 8vmin 9.3333333333vmin 0 9.3333333333vmin;
  }
}
.wrapper_ .tab .size-guide-wrap .size-guide__content {
    display: block;
}
@media screen and (min-width: 768px) {
  .wrapper_ .tab .size-guide-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .wrapper_ .tab .size-guide-wrap.type-is-set {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .wrapper_ .tab .size-guide-wrap__item {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .wrapper_ .tab .size-guide-wrap__item {
    width: 37.5vw;
  }
}
.wrapper_ .tab .size-guide-wrap__item {
  display: none;
}
.wrapper_ .tab .size-guide-wrap.type-is-set .size-guide-wrap__item {
  display: block;
}
.wrapper_ .tab .size-guide-wrap.type-is-tops .size-guide-wrap__item:first-of-type {
  display: block;
}
.wrapper_ .tab .size-guide-wrap.type-is-bottoms .size-guide-wrap__item:last-of-type {
  display: block;
}

.tab .product {
  margin-top: 0;
  padding-top: 0;
}
.tab .product:before {
  content: none;
}
.tab .product .comprehensive-h2 {
  display: none;
}
.tab .product .product__links {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .product-description {
    height: auto!important;
  }
}
@media screen and (max-width: 767px) {
  .product-description {
    position: relative;
    height: 80vh;
    overflow-y: hidden;
  }
  .product-description:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    bottom: 0;
    height: 40vmin;
    background: linear-gradient(0deg, rgb(248, 247, 245) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 5;
  }
  .product-description.is-active:before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .product-description.product-description--sleep-ss {
    margin-top: -9.33333333333vw;
  }
}
.js-product-description-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 81.3333333333vmin;
  text-align: center;
  border: 1px solid #d1d1d1;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .js-product-description-button {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .js-product-description-button {
    font-size: 3.7333333333vmin;
    padding: 3.7333333333vmin 2.6666666667vmin;
  }
}
.js-product-description-button:before, .js-product-description-button:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #000000;
  top: calc(50% - 1px);
  right: 0;
  transition: ease 0.5s;
}

@media screen and (max-width: 767px) {
  .js-product-description-button:before, .js-product-description-button:after {
    width: 4vmin;
    height: 0.1333333333vmin;
    right: 4vmin;
  }
}
.js-product-description-button:after {
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .js-product-description-button.is-active {
    margin-top: 8vmin;
  }
}
.js-product-description-button.is-active:before {
  opacity: 0;
}
.js-product-description-button.is-active:after {
  transform: rotate(0);
}

.tab .rw-vs-wrap {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .tab .rw-vs-wrap {
    margin-top: 50px;
    width: 570px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tab .rw-vs-wrap {
    margin-top: 3.125vw;
    width: 36vw;
  }
}
@media screen and (max-width: 767px) {
  .tab .rw-vs-wrap {
     margin-top: 6vmin;
  }
}
/*============================
  CP開催中告知エリア
============================*/
.newlife_product_list {
  position: relative;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/bnr-newlife_rw_totebag_bg_pc.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
  background-color: #feedeb;
}
@media screen and (min-width: 768px) {
  .newlife_product_list {
    margin-top: 150px;
    padding-bottom: 56px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .newlife_product_list {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .newlife_product_list {
    background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/bnr-newlife_rw_totebag_bg_sp.png);
    background-size: 100%;
    margin-top: 13.3333333333vmin;
    padding-top: 6.6666666667vmin;
    padding-bottom: 14.666667vmin;
  }
}
@media screen and (min-width: 1601px) {
  #wrapper #main .newlife_product_list img {
    max-width: 1300px;
  }
}
.newlife_product_list__img {
  inset: 0;
  pointer-events: none;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
    .newlife_product_list_box {
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 767px) {
    .newlife_product_list_box {
        margin-top: 9.3333333333vmin;
    }
}
@media screen and (min-width: 768px) {
    .newlife_product_list_box--reverse {
        flex-direction: row-reverse;
    }
}
.newlife_product_list_box_2 {
    margin-top: 9.3333333333vmin;
}
.newlife_product_list--img {
    box-shadow: 0 0 15px 5px rgba(235, 75, 128, 0.1);
    border-radius: 45px;
}
@media screen and (min-width: 768px) {
    .newlife_product_list--img {
        width: 50%;
    }
}
@media screen and (min-width: 768px) {
    .newlife_product_list--txt {
        padding-left: 89px;
        width: 50%;
        text-align: left;
    }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
    .newlife_product_list--txt {
        padding-left: 4.625vw;
    }
}
@media screen and (min-width: 768px) {
    .newlife_product_list_box--reverse .newlife_product_list--txt {
        padding-left: 0;
        padding-right: 89px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
    .newlife_product_list_box--reverse .newlife_product_list--txt {
        padding-left: 0;
        padding-right: 4.625vw;
    }
}
@media screen and (min-width: 768px) {
    .newlife_top {
        font-size: 29px;
        letter-spacing: 0.12rem;
        line-height: 1.575;
    }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
    .newlife_top {
        font-size: 1.8vw;
    }
}
@media screen and (max-width: 767px) {
    .newlife_top {
        text-align: center;
        font-size: 5.2vmin;
        letter-spacing: 0rem;
        line-height: 1.541;
        margin-top: 5.333333vmin;
    }
}
.newlife-bottom {
    margin-top: 1.25vw;
    line-height: 2.136;
}
@media screen and (min-width: 768px) {
    .newlife-bottom {
        font-size: 16px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
    .newlife-bottom {
        font-size: 1vw;
    }
}
@media screen and (max-width: 767px) {
    .newlife-bottom {
        font-size: 3.4666666667vmin;
        line-height: 2.038;
        text-align: left;
    }
}
.accordion-content {
    display: none;
    padding-top: 70px;
}
@media screen and (max-width: 767px) {
    .accordion-content {
        padding-top: 20px;
    }
}
.accordion-content.is-active {
    display: block;
}
.js-accordion_newlife {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px;
    cursor: pointer;
    position: relative;
    max-width: 300px;
    margin: 0 auto 0;
    border-radius: 30px;
    background-color: #f45f6e;
}
@media screen and (max-width: 767px) {
    .js-accordion_newlife {
        padding: 9px;
        max-width: 246px;
    }
}
.js-accordion_newlife.is-clicked {
    background-color: #f45f6e;
}
.js-accordion_newlife span {
    color: #fff;
}
.accordion-content.is-active {
    max-height: 1000px;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}
.js-accordion_end {
    margin-top: 40px;
}
.icon_button {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}
.icon_button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: translateY(-50%);
}
.icon_button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #fff;
    transform: translateX(-50%);
    transition: transform 0.3s;
}
.js-accordion_start.is-clicked .icon_button::after {
    transform: translateX(-50%) rotate(90deg);
}
.js-accordion_end .icon_button::after {
    transform: translateX(-50%) rotate(90deg);
}
/* --- oversizedt_26SS ボタン --- */
.fix-oversizedt_26SS-btn {
  display: none;
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 12rem;
  height: 12rem;
  font-size: 1rem;
  z-index: 10;
}
@media screen and (max-width: 767.99px) {
    .fix-oversizedt_26SS-btn {
        right: 0.5rem;
        bottom: 0.5rem;
        width: 6rem;
        height: 6rem;
    }
}
.fix-oversizedt_26SS-btn .fix-oversizedt_26SS-btn__open {
  display: block;
  height: 100%;
  border-radius: 10rem;
  background: linear-gradient(to bottom, #dc6464, #e09184);
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
  font-size: 1.3rem;
  padding: 2.8rem 0.3rem;
  font-weight: bold;
}
@media screen and (max-width: 767.99px) {
  .fix-oversizedt_26SS-btn .fix-oversizedt_26SS-btn__open {
    line-height: 1;
    font-size: 0.8rem;
    padding: 1rem 0.3rem;
  }
}
.fix-oversizedt_26SS-btn .fix-oversizedt_26SS-btn__close {
    position: absolute;
    top: -.2rem;
    right: -.2rem;
    width: 1.5rem;
    height: 1.5rem;
}
@media screen and (max-width: 767.99px) {
    .fix-oversizedt_26SS-btn .fix-oversizedt_26SS-btn__close {
        top: -1rem;
    }
}
.fix-oversizedt_26SS-btn:hover,
.fix-oversizedt_26SS-btn .fix-oversizedt_26SS-btn__close:hover {
    cursor: pointer;
}
/*============================
  コンフォートロングシャツ商品説明エリア
============================*/
@media screen and (max-width: 767px) {
  .comfortlongshirt_features {
    margin-top: 8vmin;
  }
} 
.comfort-h2__eng {
  text-align: center;
  color: #ff872b;
  border-radius: 100px;
  border: 1px solid #ff872b;
  background-color: #ffffff;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .comfort-h2__eng {
    font-size: 18px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 10px;
    width: 470px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comfort-h2__eng {
    font-size: 1vw;
    padding-top: 0.5625vw;
    padding-right: 0.625vw;
    padding-bottom: 0.5625vw;
    padding-left: 0.625vw;
    width: 435px;
  }
}
@media screen and (max-width: 767px) {
  .comfort-h2__eng {
    line-height: 1;
    padding: 2.8vmin 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
.comfort_2 {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .comfort_2 {
    margin-top: 36px;
  }
}
@media screen and (max-width: 767px) {
  .comfort_2 {
    margin-top: 8vmin;
  }
}
@media screen and (min-width: 768px) {
  .comfort__columns_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .comfort__columns_box {
    margin-top: 5vmin;
  }
}
@media screen and (max-width: 767px) {
  .comfort__columns_box:first-child {
    margin-top: 0;
  }
}
.comfort__columns_box_2 {
  margin-top:9.3333333333vmin;
}
@media screen and (min-width: 768px) {
  .comfort__columns_box_2 {
    margin-top:2vw;
  }
}
@media screen and (min-width: 768px) {
  .comfort__columns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .comfort__columns_box.comfort__columns_box--reverse .comfort__columns__column--img {
    order: 2;
  }
  .comfort__columns_box.comfort__columns_box--reverse .comfort__columns__column--txt {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .comfort__columns__column--img {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .comfort__item__imgbox {
    margin-top: 5.333333vmin;
  }
}
.comfort_2 .comfort__item__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .comfort__columns__column--txt {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .comfort__columns__column--txt {
    padding-left: 89px;
  }
  .comfort__columns_box.comfort__columns_box--reverse .comfort__columns__column--txt {
    padding-left: 0;
    padding-right: 89px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comfort__columns__column--txt {
    padding-left: 4.625vw;
  }
  .comfort__columns_box.comfort__columns_box--reverse .comfort__columns__column--txt {
    padding-left: 0;
    padding-right: 4.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comfort__columns__column--txt {
    padding-top: 5.333333vmin;
  }
}
@media screen and (min-width: 768px) {
  .comfort-top {
    font-size: 29px;
    letter-spacing: 0.12rem;
    line-height: 1.575;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comfort-top {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 767px) {
  .comfort-top {
    text-align: center;
    font-size: 5.2vmin;
    letter-spacing: 0rem;
    line-height: 1.541;
  }
}
.comfort-bottom {
  margin-top: 1.25vw;
  line-height: 2.136;
}
@media screen and (min-width: 768px) {
  .comfort-bottom {
    font-size: 16px;
    line-height: 2.136;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comfort-bottom {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .comfort-bottom {
    font-size: 3.4666666667vmin;
    line-height: 2.038;
  }
}
.comfort__annotation {
  font-size: 16px;
  background-color: #f1efeb;
  padding: 22px 40px 23px 40px;
  margin-top: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comfort__annotation {
    font-size: 1.05vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .comfort__annotation {
    font-size: 2.7vmin;
    padding: 2.65vmin 4vmin 2.65vmin 4vmin;
    margin-top: 8vmin;
  }
}
.comprehensive-comfort__slick {
  display: flex;
}
@media screen and (min-width: 768px) {
  .comprehensive-comfort__slick {
    margin-top: 50px;
    gap: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-comfort__slick {
    margin-top: 3.125vw;
    gap: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-comfort__slick {
    margin-top: 6.6666666667vmin;
    gap: 3.5vmin;
    margin-bottom: 21.5vmin;
  }
}
.comprehensive-comfort__slick__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .comprehensive-comfort__slick__item {
    width: 520px;
  }
}
.comprehensive-comfort__slick__item__h4 {
  text-align: center;
  border-radius: 100px;
  border: 1px solid #231815;
}
@media screen and (min-width: 768px) {
  .comprehensive-comfort__slick__item__h4 {
    font-size: 18px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-comfort__slick__item__h4 {
    font-size: 1vw;
    padding-top: 0.5625vw;
    padding-right: 0.625vw;
    padding-bottom: 0.5625vw;
    padding-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-comfort__slick__item__h4 {
    line-height: 1;
    padding: 1.6vmin 2.6666666667vmin;
    font-size: 3.2vmin;
  }
}
.comprehensive-comfort__slick__item__main-img {
  aspect-ratio: 62 / 66;
}
@media screen and (min-width: 768px) {
  .comprehensive-comfort__slick__item__main-img {
    margin-top: 25px;
    gap: 20px;
    display: flex;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .comprehensive-comfort__slick__item__main-img {
    margin-top: 1.5625vw;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-comfort__slick__item__main-img {
    margin-top: 3.5vmin;
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-comfort__slick__item__main-img_02 {
    margin-top: 3.5vmin;
  }
}
@media screen and (min-width: 768px) {
  .tab .comprehensive_comfort-h2__ja {
    text-align: left;
  }
}
.sleep-concept__sub-top-columns__column__paragraph_comfort {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .sleep-concept__sub-top-columns__column__paragraph_comfort {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .sleep-concept__sub-top-columns__column__paragraph_comfort {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .sleep-concept__sub-top-columns__column__paragraph_comfort {
    letter-spacing: 0;
  }
}

.cp-kv__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .cp-kv__item__txt {
    text-align: center;
    position: absolute;
    top: 55%;
    left: 17%;
    z-index: 100;
    width: 31%;
  }
}
@media screen and (max-width: 767px) {
  .cp-kv__item__txt {
    text-align: center;
    position: absolute;
    top: calc(32*var(--rem));
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }
}
.cp-kv__item__txt__effect {
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .cp-kv__item__txt__effect {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .cp-kv__item__txt__effect {
    font-size: calc(3.5*var(--rem));
  }
}
@media screen and (min-width: 768px) {
  .cp-kv__item__txt__logo {
    margin-top: calc(1*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .cp-kv__item__txt__logo {
    margin-top: calc(1*var(--rem));
    width: calc(52*var(--rem));
  }
}
.cp-kv__item__txt__medical {
  display: inline-block;
  border: 1px solid #ffffff;
  color: #ffffff;
  letter-spacing: 0.16rem;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 0 10px;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .cp-kv__item__txt__medical {
    margin-top: calc(2*var(--rem));
    padding-top: 0.5vw;
    padding-right: 1vw;
    padding-bottom: 0.5vw;
    padding-left: 1vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .cp-kv__item__txt__medical {
    margin-top: calc(3 * var(--rem));
    font-size: calc(2.5 * var(--rem));
    padding: calc(2 * var(--rem)) calc(2.2 * var(--rem));
    line-height: 1em;
  }
}

@media screen and (min-width: 768px) {
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt {
    top: 50%;
    left: inherit;
    right: 6%;
    transform: translateY(-50%);
  }
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt__effect {
    color: #000000;
    font-size: 1.3vw;
  }
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt__medical {
    border: 1px solid #000000;
    color: #000000;
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt {
    top: calc(29 * var(--rem));
  }
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt__effect {
    font-size: calc(2.5*var(--rem));
  }
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt__logo {
    width: calc(44 * var(--rem));
  }
  .cp-kv__item.cp-kv__item--nagatomorw26ss .cp-kv__item__txt__medical {
    margin-top: calc(2 * var(--rem));
    font-size: calc(2 * var(--rem));
    padding: calc(1 * var(--rem)) calc(1.2 * var(--rem));
  }
}


.material {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .material:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(58*var(--rem));
    background-color: #f1efea;
  }
  .material.material--feature-sleep:before {
    background-color: #0f1114;
  }
}
.section.material {
  padding-top: calc(13*var(--rem));
}
@media screen and (min-width: 768px) {
  .section.material {
    padding-bottom: calc(10*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .section.material {
    padding-top: calc(10*var(--rem));
  }
}
.section.material .comprehensive-h2__ja {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .section.material .comprehensive-h2__ja {
    text-align: left;
  }
}
.material .material__list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .material .material__list {
    margin-top: calc(5.5*var(--rem));
    margin-left: calc(-2.5*var(--rem));
    padding-bottom: calc(5*var(--rem));
  }
}
@media screen and (min-width: 768px) {
    .material .material__inner .slick-list {
        margin-left: auto;
        width: 100vw;
    }
}
@media screen and (max-width: 767px) {
  .material .material__inner {
    margin-top: calc(6*var(--rem));
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
    padding-bottom: calc(11*var(--rem));
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

}
.material .material__inner.material__inner--sleep {
  background-color: #1c1f23;
  color: #ffffff;
}
.material .material__lead {
  text-align: center;
  font-size: calc(2.6*var(--rem));
}
@media screen and (max-width: 767px) {
  .material .material__lead {
    font-size: calc(3.4*var(--rem));
  }
}
.material .material__h2logo {
  margin-top: calc(1*var(--rem));
  margin-left: auto;
  margin-right: auto;
  width: calc(37.4*var(--rem));
}
@media screen and (max-width: 767px) {
  .material .material__h2logo {
    margin-top: calc(2.5*var(--rem));
    width: calc(53.4*var(--rem));
  }
}

@media screen and (max-width: 767px) {
  .material .slick-track {
    display: flex;
    align-items: stretch;
  }
}
.material .slick-slide {
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .material .slick-slide {
    height: auto!important;
  }
  .material .slick-slide > div {
    height: 100%!important;
  }
}
.material .material__list__item {
  position: relative;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .material .material__list__item {
    width: calc(44*var(--rem))!important;
    margin-left: calc(2.5*var(--rem));
    margin-right: calc(2.5*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .material .material__list__item {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .material .material__list__item__inner {
    padding: calc(11*var(--rem)) calc(10*var(--rem));
  }
  .material .material__list__item__inner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: var(--img);
    height: 100%;
  }
}
.material .material__inner.material__inner--sleep .material__list__item:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.material .slick-center .material__list__item:before {
  opacity: 0;
}
.material__list__item__point {
  text-align: center;
  background: linear-gradient(75deg, #f67205 0%, #f8a731 100%);
  color: #ffffff;
  font-size: calc(1.8*var(--rem));
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .material__list__item__point {
    font-size: calc(2.7*var(--rem));
  }
}
.material .material__list__item__h3 {
  margin-top: calc(3*var(--rem));
  text-align: center;
  font-size: calc(2.4 * var(--rem));
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .material .material__list__item__h3 {
    color: #fff;
    font-size: calc(3.4 * var(--rem));
    line-height: calc(54/34);
  }
}
@media screen and (max-width: 767px) {
  .material .material__list__item__h3 small {
    font-size: calc(2 * var(--rem));
  }
}
.material__list__item__img,
.material__list__item__movie {
  display: block;
  margin-top: calc(3*var(--rem));
}
.material__list__item__movie {
  text-align: center;
  background-color: #f8f7f5;
  line-height: 0;
  aspect-ratio: 500 / 542;
  overflow: hidden;
}
.material__list__item__movie video {
  height: 100%;
  width: auto;
}
.material .material__list__item__txt {
  margin-top: calc(2.5*var(--rem));
  font-size: calc(1.6 * var(--rem));
  line-height: calc(29/16);
}
@media screen and (max-width: 767px) {
  .material .material__list__item__txt {
    color: #fff;
    margin-top: calc(2.5*var(--rem));
    font-size: calc(2.6 * var(--rem));
    line-height: calc(53/26);
  }
}
.material .material__list__item__txt em {
  background-color: #fee2cd;
}
.material .material__inner.material__inner--sleep .material__list__item__txt em {
  background-color: #bb6728;
}

.material .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  .material .slick-arrow {
    width: 74px;
    height: 74px;
    left: -120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .material .slick-arrow {
    width: 4.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .material .slick-arrow {
    height: 4.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .material .slick-arrow {
    left: -7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .material .slick-arrow {
    bottom: 50%;
    width: 8vmin;
    height: 8vmin;
    background-color: rgb(255 255 255 / 10%);
    border-radius: 100vmin;
  }
}
.material .slick-arrow.slick-prev {
  bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .material .slick-arrow.slick-prev {
    bottom: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .material .slick-arrow.slick-prev {
    bottom: 50%;
    transform: translateY(-50%);
    left: 3vmin;
  }
}
.material .slick-arrow.slick-next {
  bottom: 105px;
  transform: scaleX(-1);
}
@media screen and (max-width: 1600px) {
  .material .slick-arrow.slick-next {
    bottom: 6.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .material .slick-arrow.slick-next {
    bottom: 50%;
    transform: scaleX(-1) translateY(-50%);
    right: 3vmin;
  }
}
@media screen and (min-width: 768px) {
  .material .slick-arrow:hover {
    opacity: 0.4;
  }
}
#main .material .slick-dots {
  position: absolute;
  width: 100%;
  left: calc(50% + 2 * var(--rem));
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #main .material .slick-dots {
    top: calc(100% - 0.2 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  #main .material .slick-dots {
    left: 50%;
    bottom: calc(10 * var(--rem));
  }
}
.material .slick-dots li {
  display: flex;
  line-height: 1;
}
.material .slick-dots li button {
  background-color: #ffffff;
  font-size: 0;
  -webkit-appearance: none;
    -moz-appearance: none;
      appearance: none;
  outline: 0;
  border: 0;
  box-shadow: 0;
}
.material .slick-dots li button {
  width: calc(5.2 * var(--rem));
  height: calc(0.2 * var(--rem));
}
.material .slick-dots li:not(:first-child) {
  margin-left: calc(2.2 * var(--rem));
}
.material__inner.material__inner--sleep .slick-dots li button {
  background-color: #77797b;
}
.material .slick-dots li.slick-active button {
  background-color: #ed6c00;
}


body.is-look-fixed {
  overscroll-behavior: none;
  overflow: hidden;
}
.lookmod-wrap.modal-container {
  background: none;
}
.lookmod-wrap.modal-container .modal-container-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  overflow-y: scroll;
  touch-action: none;
}
.lookmod-wrap.modal-container .modal-container-bg:before,
.lookmod-wrap.modal-container .modal-container-bg:after {
  content: "";
  width: 1px;
  height: calc(100% + 1px);
  display: flex;
}
@media screen and (max-width: 767px) {
  .lookmod-wrap.modal-container .modal-body .modal-content {
    overflow: scroll;
    max-height: 80vh;
    padding-top: calc(4 * var(--rem));
    padding-right: calc(4 * var(--rem));
    padding-bottom: calc(4 * var(--rem));
    padding-left: calc(4 * var(--rem));
  }
}
.lookmod-wrap.modal-container .modal-body {
    margin-top: 3vw;
}
@media screen and (max-width: 767px) {
  .lookmod-wrap.modal-container .modal-body {
    width: calc(100% - 6 * var(--rem));
  }
}
.lookmod-wrap.modal-container .modal-body .modal-content .modal-close {
  z-index: 999;
  top: -3.5vw;
}
@media screen and (max-width: 767px) {
  .lookmod-wrap.modal-container .modal-body .modal-content .modal-close {
    top: -9.5vw;
  }
}
.lookmod-wrap.modal-container .modal-body .modal-content .modal-close:before,
.lookmod-wrap.modal-container .modal-body .modal-content .modal-close:after {
    background-color: #fff;
}
.lookmod__flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(2.5*var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__flex {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .lookmod__main__columns__column--txt {
    margin-top: calc(2*var(--rem));
  }
}
.lookmod__flex .lookmod__flex__item__img {
  width: calc(20*var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__flex .lookmod__flex__item__img {
    width: calc(15*var(--rem));
  }
}
.lookmod__flex .lookmod__flex__item__product-name {
  font-size: calc(2.4*var(--rem));
}
.lookmod__flex .lookmod__flex__item__price {
  font-weight: bold;
  font-size: calc(3.6*var(--rem));
}
.lookmod__flex .lookmod__flex__item__price .lookmod__flex__item__price__tax {
  font-weight: normal;
  font-size: calc(1.6*var(--rem));
}
.lookmod__color {
  margin-top: calc(2*var(--rem));
}
.lookmod__color .lookmod__color__heading {
  font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__color .lookmod__color__heading {
    font-size: calc(2*var(--rem));
  }
}
.lookmod__color .lookmod__color__list {
  margin-top: calc(0.5*var(--rem));
  padding: calc(1.5*var(--rem)) calc(3.5*var(--rem));
  display: flex;
  flex-wrap: wrap;
  gap: calc(1*var(--rem));
  border: 1px solid #f0f0f0;
}
@media screen and (max-width: 767px) {
  .lookmod__color .lookmod__color__list {
    padding: calc(1.5*var(--rem)) calc(2.5*var(--rem));
  }
}
.lookmod__color .lookmod__color__list.lookmod__color__list--three .lookmod__color__list__item {
  width: calc(33.333% - 1*var(--rem));
}
.lookmod__color .lookmod__color__list__item {
  position: relative;
  padding-left: calc(3*var(--rem));
  font-size: calc(1.2*var(--rem));
  width: calc(50% - 1*var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__color .lookmod__color__list__item {
    font-size: calc(1.7 * var(--rem));
    padding-left: calc(4 * var(--rem));
    line-height: 2;
  }
}
.lookmod__color .lookmod__color__list__item:before {
  content: "";
  display: block;
  width: calc(2*var(--rem));
  height: calc(2*var(--rem));
  background-color: #f00;
  border-radius: calc(10*var(--rem));
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .lookmod__color .lookmod__color__list__item:before {
    width: calc(3*var(--rem));
    height: calc(3*var(--rem));
  }
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--black:before {
  background-color: #25292d;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--warmgray:before {
  background-color: #cdbeb7;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--charcoalgray:before {
  background-color: #4B4744;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--khaki:before {
  background-color: #4F5440;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--lightgray:before {
  background-color: #D3CFCC;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--beige:before {
  background-color: #e5d9ca;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--lightbeige:before {
  background-color: #e5d9ca;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--navy:before {
  background-color: #172450;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--white:before {
  background-color: #ffffff;
  border: 1px solid #D3CFCC;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--lightblue:before {
  background-color: #D4E2F2;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--clearpink:before {
  background-color: #FDE6E6;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--clearblue:before {
  background-color: #E2EEFA;
}
.lookmod__color .lookmod__color__list__item.lookmod__color__list__item--fighters:before {
  background-color: #1f1f1f;
}
.lookmod__size {
  margin-top: calc(2*var(--rem));
}
.lookmod__size .lookmod__size__heading {
  font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__size .lookmod__size__heading {
    font-size: calc(2*var(--rem));
  }
}
.lookmod__size table {
  width: 100%;
  text-align: center;
  border: 1px solid #d1d1d1;
}
@media screen and (min-width: 768px) {
  .lookmod__size table {
    margin-top: calc(0.5*var(--rem));
    font-size: calc(1.2*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .lookmod__size table {
    margin-top: calc(1.5*var(--rem));
    font-size: calc(1.8*var(--rem));
  }
}
.lookmod__size table thead {
  background-color: #f6f2f2;
}
.lookmod__size table thead tr th {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lookmod__size table thead tr th {
    padding: calc(0.4*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .lookmod__size table thead tr th {
    padding: calc(0.4*var(--rem)) calc(1*var(--rem));
  }
}
.lookmod__size table thead tr th:nth-of-type(n+2) {
  border-left: 1px solid #e4e4e3;
}
.lookmod__size table tbody tr {
  border-top: 1px solid #e4e4e3;
}
.lookmod__size table tbody tr td {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lookmod__size table tbody tr td {
    padding-top: calc(0.4*var(--rem));
    padding-left: calc(0.4*var(--rem));
    padding-bottom: calc(0.4*var(--rem));
    padding-right: calc(0.4*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .lookmod__size table tbody tr td {
    padding: calc(0.4*var(--rem)) 0;
  }
}
@media screen and (min-width: 768px) {
  .lookmod__size table tbody tr td:nth-child(1) {
    width: calc(6.5*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .lookmod__size table tbody tr td:nth-child(1) {
    width: calc(8.5*var(--rem));
  }
}
.lookmod__size table tbody tr td:nth-of-type(n+2) {
  border-left: 1px solid #d1d1d1;
}
.lookmod__size .lookmod__size__sup {
  margin-top: calc(0.5*var(--rem));
  text-align: right;
  font-size: calc(1.2*var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__size .lookmod__size__sup {
    font-size: calc(1.8*var(--rem));
  }
}
.lookmod__button {
  margin-top: calc(3*var(--rem));
  text-align: center;
}
.lookmod__button .lookmod__button__link {
  display: inline-block;
  padding: calc(1.5*var(--rem)) calc(4*var(--rem));
  font-size: calc(1.5*var(--rem));
  color: #ffffff;
  background-color: #000000;
  border-radius: calc(10*var(--rem));
  transition: .5s;
}
@media screen and (max-width: 767px) {
  .lookmod__button .lookmod__button__link {
    padding: calc(2.5 * var(--rem)) calc(7 * var(--rem));
    font-size: calc(2 * var(--rem));
  }
}
.lookmod__button .lookmod__button__link:hover {
  opacity: .7;
}

.lookmodtab__contents {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lookmodtab__contents {
    max-height: 65vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.lookmod__main {
  display: none;
  padding: calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
  .lookmod__main {
    padding: calc(3 * var(--rem));
  }
}
.lookmod__main.is-show {
  display: block;
}
@media screen and (min-width: 768px) {
  .lookmod__main__columns {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: calc(6.5*var(--rem));
  }
  .lookmod__main__columns .lookmod__main__columns__column {
    width: 50%;
  }
}
.js-lookmod-slick .slick-arrow {
  position: absolute;
  border: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-look-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(5*var(--rem));
  height: calc(5*var(--rem));
  z-index: 999;
  transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  .js-lookmod-slick .slick-arrow {
    width: calc(5*var(--rem));
    height: calc(5*var(--rem));
  }
}
.js-lookmod-slick .slick-arrow.slick-prev {
  left: calc(-2.5*var(--rem));
  transform: scaleX(-1) translateY(-50%);
}
.js-lookmod-slick .slick-arrow.slick-next {
  right: calc(-2.5*var(--rem));
}
#main .lookmodtab__box {
}

#main .lookmodtab__box__area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #main .lookmodtab__box__area {
    min-height: calc(6 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  #main .lookmodtab__box__area {
    min-height: calc(6 * var(--rem));
  }
}
#main .lookmodtab__box__area__one {
  display: block;
  text-decoration: none;
  text-align: center;
  background: #eeeeee;
  cursor: pointer;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  #main .lookmodtab__box__area__one {
    font-size: calc(2 * var(--rem));
    padding-top: calc(1.2 * var(--rem));
    padding-bottom: calc(1.2 * var(--rem));
	border-radius: calc(3 * var(--rem)) calc(3 * var(--rem)) 0 0;
	width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #main .lookmodtab__box__area__one {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(2.8 * var(--rem));
    padding-top: calc(1.2 * var(--rem));
    padding-bottom: calc(1.2 * var(--rem));
	border-radius: calc(2 * var(--rem)) calc(2 * var(--rem)) 0 0;
	width: calc(50% - 4px);
  }
  #main .lookmodtab__box__area__one + .lookmodtab__box__area__one {
  }
}
#main .lookmodtab__box__area__one:hover {
  cursor: pointer;
}
#main .lookmodtab__box__area__one.is-select {
  background: inherit;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
#main .lookmodtab__box__area__one__txt {
  line-height: 1.5;
  display: inline-block;
}


/*============================
  tobira kv
============================*/
.tobira-kv {
  position: relative;
  z-index: 3;
}
.tobira-kv .slick-dots {
  position: absolute;
  display: flex;
}
@media screen and (min-width: 768px) {
  .tobira-kv .slick-dots {
    bottom: 50px;
    right: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobira-kv .slick-dots {
    bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobira-kv .slick-dots {
    right: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv .slick-dots {
    bottom: 4vmin;
    right: 4vmin;
  }
}
.tobira-kv .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.tobira-kv .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 100px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .tobira-kv .slick-dots li button {
    width: 21px;
    height: 21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobira-kv .slick-dots li button {
    width: 1.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobira-kv .slick-dots li button {
    height: 1.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv .slick-dots li button {
    width: 1.8666666667vmin;
    height: 1.8666666667vmin;
    border: 1px solid #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .tobira-kv .slick-dots li button:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #000000;
  }
}
@media screen and (min-width: 768px) {
  .tobira-kv .slick-dots li.slick-active button {
    border-color: #000000;
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv .slick-dots li.slick-active button {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .tobira-kv .slick-dots li:not(:first-child) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobira-kv .slick-dots li:not(:first-child) {
    margin-left: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv .slick-dots li:not(:first-child) {
    margin-left: 1.8666666667vmin;
  }
}
.tobira-kv__item__img img {
  width: 100%;
}
.tobira-kv__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .tobira-kv__item__txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv__item__txt {
    text-align: center;
    position: absolute;
    width: calc(60 * var(--rem));
    top: calc(24*var(--rem));
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }
}
.tobira-kv__item__txt__effect {
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .tobira-kv__item__txt__effect {
    font-size: calc(3.4*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv__item__txt__effect {
    font-size: calc(4.2*var(--rem));
  }
}
@media screen and (min-width: 768px) {
  .tobira-kv__item__txt__logo {
    margin-top: calc(3*var(--rem));
    width: calc(51.6*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv__item__txt__logo {
    margin-top: calc(3*var(--rem));
    margin-left: auto;
    margin-right: auto;
    width: calc(41*var(--rem));
  }
}
.tobira-kv__item__txt__medical {
  display: inline-block;
  border: 1px solid #ffffff;
  color: #ffffff;
  letter-spacing: 0.16rem;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 0 10px;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px;
}
@media screen and (min-width: 768px) {
  .tobira-kv__item__txt__medical {
    margin-top: calc(2*var(--rem));
    padding: calc(2 * var(--rem)) calc(2.2 * var(--rem));
    font-size: calc(2 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .tobira-kv__item__txt__medical {
    margin-top: calc(2 * var(--rem));
    font-size: calc(2 * var(--rem));
    padding: calc(1.5 * var(--rem)) calc(1.5 * var(--rem));
    line-height: 1em;
  }
}
._kv-cp-bnr {
  position: relative;
  z-index: 3;
}

#wrapper #main .nagatomoslide {
  position: relative;
  margin-top: calc(10*var(--rem));
}
#wrapper #main .nagatomoslide__scene {
    position: relative;
    display:flex;
    flex-direction: column;
}
#wrapper #main .nagatomoslide__scene__item {
  position: relative;
  height: calc(72*var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide__scene__item {
    height: calc(91*var(--rem));
  }
}
#wrapper #main .nagatomoslide__scene__item:nth-of-type(1) {
    z-index: 1
}

#wrapper #main .nagatomoslide__scene__item:nth-of-type(2) {
    z-index: 2
}
#wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__img img {
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    vertical-align: bottom
}
#wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__txtwrap {
    position: absolute;
    width: calc(110 * var(--rem));
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__txtwrap {
    width: calc(61 * var(--rem));
    top: auto;
    left: calc(7 * var(--rem));
    top: calc(37 * var(--rem));
    transform: inherit;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
  }
}
#wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__colorjp {
  font-size: calc(3.4 * var(--rem));
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__colorjp {
    font-size: calc(4 * var(--rem));
  }
}
#wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__colorjp small {
  font-size: calc(1.6 * var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__colorjp small {
    font-size: calc(2.2 * var(--rem));
  }
}
#wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__main {
  margin-top: calc(3 * var(--rem));
  font-size: calc(3.6 * var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__main {
    margin-top: calc(4 * var(--rem));
    font-size: calc(4.2 * var(--rem));
  }
}
#wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__text {
  margin-top: calc(2.2 * var(--rem));
  font-size: calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide__scene__item .nagatomoslide__scene__item__text {
    margin-top: calc(2.2 * var(--rem));
    font-size: calc(2.6 * var(--rem));
    line-height: calc(43/26);
  }
}
#wrapper #main .nagatomoslide .nagatomoslide__scene__dots-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s;
}
#wrapper #main .nagatomoslide .nagatomoslide__scene__dots-wrap.is-show {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__dots {
    position: absolute;
    width: calc(110 * var(--rem));
    bottom: calc(3 * var(--rem));
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__dots {
    position: absolute;
    right: calc(3 * var(--rem));
    bottom: calc(3 * var(--rem));
  }
}
#wrapper #main .nagatomoslide .nagatomoslide__scene__dots .nagatomoslide__scene__dots__item {
  width: calc(1 * var(--rem));
  height: calc(1 * var(--rem));
  border: 1px solid #ffffff;
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__dots .nagatomoslide__scene__dots__item {
    width: calc(1.2 * var(--rem));
    height: calc(1.2 * var(--rem));
  }
}
#wrapper #main .nagatomoslide .nagatomoslide__scene__dots .nagatomoslide__scene__dots__item.is-active {
  background-color: #ffffff;
}
#wrapper #main .nagatomoslide .nagatomoslide__scene__dots .nagatomoslide__scene__dots__item:not(:first-child) {
  margin-left: calc(1 * var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__dots .nagatomoslide__scene__dots__item:not(:first-child) {
    margin-left: 0;
    margin-top: calc(1.5 * var(--rem));
  }
}
#wrapper #main .nagatomoslide .nagatomoslide__scene__item__badge {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(255, 137, 46) 0%, rgb(254, 164, 79) 100%);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__item__badge {
    top: 40px;
    right: 40px;
    width: 110px;
    height: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__item__badge {
    top: 2.5vw;
    right: 2.5vw;
    width: 6.875vw;
    height: 6.875vw;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__item__badge {
    top: 9.33333333333vmin;
    right: 9.33333333333vmin;
    width: 17.3333333333vmin;
    height: 17.3333333333vmin;
  }
}


#wrapper #main .nagatomoslide .nagatomoslide__scene__item__badge span {
  color: #fff;
  font-size: calc(2.2 * var(--rem));
  line-height: calc(29/22);
}
@media screen and (max-width: 767px) {
  #wrapper #main .nagatomoslide .nagatomoslide__scene__item__badge span {
    font-size: calc(2.6 * var(--rem));
    line-height: calc(34/26);
  }
}
#wrapper #main .tobira-ranking {
  margin-top: calc(10 * var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .tobira-ranking {
    margin-top: calc(6.5 * var(--rem));
  }
}
#wrapper #main .tobira-ranking__img {
  margin-left: auto;
  margin-right: auto;
  width: calc(70 * var(--rem));
}
@media screen and (max-width: 767px) {
  #wrapper #main .tobira-ranking__img {
    width: 100%;
  }
}
#wrapper #main .tobira-ranking__note {
  margin-top: calc(2 * var(--rem));
  counter-reset: rankingnote 0;
}
@media screen and (max-width: 767px) {
  #wrapper #main .tobira-ranking__note {
    margin-top: calc(4 * var(--rem));
  }
}
#wrapper #main .tobira-ranking__note__item {
  position: relative;
  font-size: calc(1.4 * var(--rem));
  padding-left: 2em;
}
@media screen and (max-width: 767px) {
  #wrapper #main .tobira-ranking__note__item {
    font-size: calc(2 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main .tobira-ranking__note__item:not(:first-child) {
    margin-top: calc(1 * var(--rem));
  }
}
#wrapper #main .tobira-ranking__note__item:before {
  counter-increment: rankingnote 1;
  content: "※" counter(rankingnote);
  position: absolute;
  top: 0;
  left: 0;
}

.about__lead {
  position: relative;
}
@media screen and (min-width: 768px) {
  .about__lead {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .about__lead {
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .about__lead {
    padding-top: 14.6666666667vmin;
  }
}
.about__lead:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(90deg, #ff872b 0%, #999999 100%);
}
@media screen and (min-width: 768px) {
  .about__lead:before {
    height: 650px;
  }
}
@media screen and (max-width: 767px) {
  .about__lead:before {
    height: 114vmin;
  }
}
.about__lead .section__inner {
  position: relative;
}
.about__lead__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .about__lead__img {
    margin-top: 60px;
    margin-left: -150px;
    margin-right: -150px;
    aspect-ratio: 160 / 53;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .about__lead__img {
    margin-top: 3.75vw;
    margin-left: -9.375vw;
    margin-right: -9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .about__lead__img {
    margin-top: 9.6666666667vmin;
    aspect-ratio: 61 / 39;
  }
}
.about__columns {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .about__columns {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .about__columns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .about__columns__column__txt {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .about__columns__column__txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .about__columns__column__txt {
    margin-top: 4vmin;
  }
}
.about__columns__column__txt__inline {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .about__columns__column .comprehensive-h2__ja {
    letter-spacing: -0.04em;
    margin-right: -5.3333333333vmin;
  }
}
.about__columns__column .comprehensive-h2__ja__inline {
  display: inline-block;
}
.about .about__info {
  margin-top: calc(1 * var(--rem));
}
@media screen and (max-width: 767px) {
  .about .about__info {
    margin-top: calc(3 * var(--rem));
  }
}
.about .about__info .about__info__button {
  display: inline-block;
  padding: calc(1 * var(--rem)) calc(4 * var(--rem)) calc(1 * var(--rem)) calc(1 * var(--rem));
  font-size: calc(1.6 * var(--rem));
  border: 1px solid #ff8d36;
  background-color: #fff;
  color: #ff8d36;
  background-repeat: no-repeat;
  background-position: right calc(1.2 * var(--rem)) center;
  background-image: url("../img/comprehensive/ic-info.png");
  background-size: calc(2.2 * var(--rem));
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .about .about__info .about__info__button {
    padding: calc(1 * var(--rem)) calc(6 * var(--rem)) calc(1 * var(--rem)) calc(1 * var(--rem));
    font-size: calc(2.4 * var(--rem));
    background-position: right calc(1.2 * var(--rem)) center;
    background-size: calc(3.2 * var(--rem));
  }
}
.about-modal-container.modal-container {
  background: none;
}
@media screen and (min-width: 768px) {
  .about-modal-container.modal-container .modal-body {
      max-width: calc(60 * var(--rem));
  }
}
.about-modal-container.modal-container .modal-container-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  overflow-y: scroll;
  touch-action: none;
}
.about-modal-container.modal-container .modal-container-bg:before,
.about-modal-container.modal-container .modal-container-bg:after {
  content: "";
  width: 1px;
  height: calc(100% + 1px);
  display: flex;
}
.about-modal-container .about-info__title {
  text-align: center;
  font-size: calc(2.2 * var(--rem));
}
@media screen and (max-width: 767px) {
  .about-modal-container .about-info__title {
    font-size: calc(3.2 * var(--rem));
  }
}
.about-modal-container .about-info__txt {
  margin-top: calc(1.6 * var(--rem));
  font-size: calc(1.6 * var(--rem));
}
@media screen and (max-width: 767px) {
  .about-modal-container .about-info__txt {
    font-size: calc(2 * var(--rem));
  }
}

.nagatomo.nagatomo--tobira {
  margin-top: calc(4.5*var(--rem));
}
.nagatomo.nagatomo--tobira .comprehensive-h2__ja {
  text-align: center;
}
.nagatomo.nagatomo--tobira .comprehensive-h2__ja:not(:first-child) {
  margin-top: calc(4.5*var(--rem));
}

.effect.effect--tobira {
  margin-top: calc(10*var(--rem));
}
@media screen and (max-width: 767px) {
    .effect.effect--tobira .effect__columns__column--txt {
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.tobira-mechanism {
  overflow: hidden;
  margin-top: calc(14*var(--rem));
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .tobira-mechanism__columns {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .tobira-mechanism__columns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .tobira-mechanism__columns__column__txt {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobira-mechanism__columns__column__txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .tobira-mechanism__columns__column__txt {
    margin-top: 4vmin;
  }
}
.tobira-mechanism__columns__column__txt__inline {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .tobira-mechanism__columns__column .comprehensive-h2__ja {
    letter-spacing: -0.04em;
    margin-right: -5.3333333333vmin;
  }
}
.tobira-mechanism__columns__column .comprehensive-h2__ja__inline {
  display: inline-block;
}

.section.line {
  position: relative;
  z-index: 3;
}
.section.line.line--sleep {
  position: initial;
  z-index: 1;
  margin-top: calc(11*var(--rem));
  padding-top: calc(17*var(--rem));
  padding-bottom: calc(16*var(--rem));
  color: #ffffff;
  background-color: #1c1f23;
}
@media screen and (max-width: 767px) {
  .section.line.line--sleep {
    padding-top: calc(15*var(--rem));
    padding-bottom: calc(15*var(--rem));
  }
}
.line .line-attractive {
  margin-top: calc(10*var(--rem));
}
@media screen and (max-width: 767px) {
  .line .line-attractive {
    margin-top: calc(12*var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .line.line--sleep .line-attractive {
    margin-top: 0;
  }
}
.line.line--sleep .line-attractive {
  margin-top: calc(0*var(--rem));
}
.line .line-attractive .comprehensive-h2__ja {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .line .line-attractive .comprehensive-h2__ja {
    text-align: left;
  }
}
.line .line-attractive .comprehensive-h2__lead {
  margin-top: calc(1*var(--rem));
  text-align: center;
  font-size: calc(2*var(--rem));
}
@media screen and (max-width: 767px) {
  .line .line-attractive .comprehensive-h2__lead {
    margin-top: calc(1*var(--rem));
    text-align: left;
    font-size: calc(2.6*var(--rem));
  }
}
.line .line-attractive .line-attractive__list {
  position: relative;
  margin-top: calc(8*var(--rem));
}
.line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(1) {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(1) {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(2) {
    position: absolute;
    top: 7%;
    right: 0;
    width: 27.2727273%;
  }
}
@media screen and (max-width: 767px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(2) {
    margin-top: calc(10*var(--rem));
    margin-left: auto;
    margin-right: calc(-2*var(--rem));
    width: calc(38.6*var(--rem));
  }
}
@media screen and (min-width: 768px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(3) {
    position: absolute;
    top: 40%;
    right: 26.363636363%;
    width: 16.818181818%;
  }
}
@media screen and (max-width: 767px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(3) {
    margin-top: calc(-6*var(--rem));
    margin-left: calc(-2*var(--rem));
    width: calc(20.4*var(--rem));
  }
}
@media screen and (min-width: 768px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(4) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 21.818181818%;
  }
}
@media screen and (max-width: 767px) {
  .line .line-attractive .line-attractive__list .line-attractive__list__item:nth-child(4) {
    margin-top: calc(-11*var(--rem));
    margin-left: auto;
    margin-right: calc(4*var(--rem));
    width: calc(26*var(--rem));
  }
}

.pickup {
  margin-top: calc(11*var(--rem));
}
@media screen and (min-width: 768px) {
  .pickup .comprehensive-h2__ja {
    text-align: center;
  }
}
.pickup .list-product {
  margin-top: calc(3*var(--rem));
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .pickup .list-product {
    margin-top: calc(3*var(--rem));
    margin-left: -9.3333333333vmin;
    margin-right: -9.3333333333vmin;
  }
}
.pickup .slick-track {
  display: flex;
  gap: calc(2*var(--rem));
  
}
@media screen and (max-width: 767px) {
  .pickup .slick-track {
    gap: calc(4*var(--rem));
    align-items: stretch;
  }
}
.pickup .slick-track .slick-slide {
  height: auto!important;
}
.pickup .slick-track .slick-slide > div {
  height: 100%!important;
}
.pickup .list-product__item {
  margin: 0;
  background-color: #fff;
  width: auto;
  padding: 0 calc(3.5*var(--rem)) calc(3.5*var(--rem)) calc(3.5*var(--rem));
  color: #222222;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .pickup .list-product__item {
    padding: 0 calc(5*var(--rem)) calc(3.5*var(--rem)) calc(5*var(--rem));
  }
}
#main .pickup .slick-arrow {
  position: absolute;
  border: 0;
  background-color: #ffffff;
  border-radius: 100vmin;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-slick.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  z-index: 10;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  #main .pickup .slick-arrow {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #main .pickup .slick-arrow {
    width: 3.125vw;
    height: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #main .pickup .slick-arrow {
    width: 10vmin;
    height: 10vmin;
  }
}
#main .pickup .slick-arrow.slick-prev {
  transform: translateY(-50%);
  bottom: 50%;
}
@media screen and (min-width: 768px) {
  #main .pickup .slick-arrow.slick-prev {
    left: -50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #main .pickup .slick-arrow.slick-prev {
    left: -3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #main .pickup .slick-arrow.slick-prev {
    left: 3vmin;
  }
}
#main .pickup .slick-arrow.slick-next {
  bottom: 50%;
  right: 3vmin;
  transform: scaleX(-1) translateY(-50%);
}
@media screen and (min-width: 768px) {
  #main .pickup .slick-arrow.slick-next {
    right: -50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #main .pickup .slick-arrow.slick-next {
    right: -3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #main .pickup .slick-arrow.slick-next {
    right: 3vmin;
  }
}
@media screen and (min-width: 768px) {
  #main .pickup .slick-arrow:hover {
    opacity: 0.4;
  }
}
#main .pickup .slick-dots {
  margin-top:  calc(4*var(--rem));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.pickup .slick-dots li {
  display: flex;
  line-height: 1;
}
.pickup .slick-dots li button {
  background-color: #dfdad2;
  font-size: 0;
  -webkit-appearance: none;
    -moz-appearance: none;
      appearance: none;
  outline: 0;
  border: 0;
  box-shadow: 0;
}
.pickup .slick-dots li button {
  width: calc(5.2 * var(--rem));
  height: calc(0.2 * var(--rem));
}
.pickup .slick-dots li:not(:first-child) {
  margin-left: calc(2.2 * var(--rem));
}
.pickup__inner.pickup__inner--sleep .slick-dots li button {
  background-color: #77797b;
}
.pickup .slick-dots li.slick-active button {
  background-color: #ed6c00;
}
@media screen and (max-width: 767px) {
    .pickup .list-product__item__heading {
        margin-top: 2vmin;
    }
}
@media screen and (max-width: 767px) {
    .pickup .list-product__item__heading a {
        font-size: 3.933333vmin;
    }
}
@media screen and (max-width: 767px) {
    .pickup .list-product__item__text__price {
        font-size: 6vmin;
    }
}
@media screen and (max-width: 767px) {
    .pickup .list-product__item__text {
        font-size: 3.666667vmin;
    }
}
.pickup .pickup-anchor-button {
  margin-top: calc(3.5*var(--rem));
}
.pickup .pickup-anchor-button {
  margin-top: calc(6.5*var(--rem));
}
.pickup .pickup-anchor-button .pickup-anchor-button__link {
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  width: calc(30*var(--rem));
  height: calc(6*var(--rem));
  background: linear-gradient(90deg, rgb(255, 137, 46) 0%, rgb(254, 164, 79) 100%);
  color: #fff;
  font-size: calc(1.8*var(--rem));
  border-radius: calc(0.6*var(--rem));
  transition: opacity 0.5s;
}
@media screen and (max-width: 767px) {
  .pickup .pickup-anchor-button .pickup-anchor-button__link {
    width: calc(52*var(--rem));
    height: calc(10*var(--rem));
    font-size: calc(2.6*var(--rem));
  }
}
.pickup .pickup-anchor-button .pickup-anchor-button__link:hover {
  opacity: 0.7;
}
.pickup .pickup-anchor-button .pickup-anchor-button__link:before {
  content: '';
  width: calc(1*var(--rem));
  height: calc(1*var(--rem));
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
  right: calc(3*var(--rem));
  top: calc(50% - 0.75*var(--rem));
  transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
  .pickup .pickup-anchor-button .pickup-anchor-button__link:before {
    width: calc(1.5*var(--rem));
    height: calc(1.5*var(--rem));
    right: calc(5*var(--rem));
    top: calc(50% - 1*var(--rem));
  }
}

.tobiravoice {
  margin-top: calc(11*var(--rem));
  margin-bottom: calc(14*var(--rem));
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .tobiravoice__headcolumns {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .tobiravoice__headcolumns__column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .tobiravoice__headcolumns__column__lead {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobiravoice__headcolumns__column__lead {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .tobiravoice__headcolumns__column__lead {
    margin-top: 4vmin;
  }
}
.tobiravoice__headcolumns__column__lead__inline {
  display: inline-block;
}
.tobiravoice__headcolumns__column .comprehensive-h2__ja__inline {
  display: inline-block;
}
.tobiravoice__columns {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: .4s;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
@media screen and (min-width: 768px) {
  .tobiravoice__columns {
    margin-top: 50px;
    gap: 30px 20px;
    height: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobiravoice__columns {
    margin-top: 3.125vw;
    gap: 1.875vw 1.25vw;
    height: 37.5vw;
  }
}
@media screen and (max-width: 767px) {
  .tobiravoice__columns {
    margin-top: calc(6*var(--rem));
    gap: calc(3*var(--rem)) calc(2*var(--rem));
    height: calc(70*var(--rem));
  }
}
.tobiravoice__columns.active{
  -webkit-mask-image: none;
  mask-image: none;
}
@media screen and (min-width: 768px) {
  .tobiravoice__columns .tobiravoice__columns__column {
    width: 260px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .tobiravoice__columns .tobiravoice__columns__column {
    width: 16.25vw;
  }
}
@media screen and (max-width: 767px) {
  .tobiravoice__columns .tobiravoice__columns__column {
    width: calc(29.5*var(--rem));
  }
}
.tobiravoice__reviewer {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(2*var(--rem));
  margin-top: calc(2*var(--rem));
}
.tobiravoice__reviewer .tobiravoice__reviewer__icon {
  width: calc(7*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobiravoice__reviewer .tobiravoice__reviewer__icon {
    width: calc(9*var(--rem));
  }
}
.tobiravoice__reviewer .tobiravoice__reviewer__info {
  width: calc(17.5*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobiravoice__reviewer .tobiravoice__reviewer__info {
    width: calc(20*var(--rem));
  }
}
.tobiravoice__reviewer .tobiravoice__reviewer__info .tobiravoice__reviewer__info__name {
  font-size: calc(1.8*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobiravoice__reviewer .tobiravoice__reviewer__info .tobiravoice__reviewer__info__name {
    font-size: calc(2.6*var(--rem));
  }
}
.tobiravoice__reviewer .tobiravoice__reviewer__info .tobiravoice__reviewer__info__profession {
  font-size: calc(1.2*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobiravoice__reviewer .tobiravoice__reviewer__info .tobiravoice__reviewer__info__profession {
    font-size: calc(2*var(--rem));
  }
}
.tobiravoice__columns__column__main-img {
  display: block;
  position: relative;
  transition: opacity .5s;
}
.tobiravoice__columns__column__main-img:hover {
  opacity: 0.7;
  cursor: pointer;
}
.tobiravoice__columns__column__main-img:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(/wellness/sixpad/common/recoverywear/img/comprehensive/ic-zoom.png) no-repeat center center;
  background-size: contain;
  width: calc(4.2*var(--rem));
  height: calc(4.2*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobiravoice__columns__column__main-img:before {
    width: calc(5*var(--rem));
    height: calc(5*var(--rem));
  }
}
.tobiravoice .tobiravoice__more {
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  width: calc(25*var(--rem));
  height: calc(6.2*var(--rem));
  background: #fff;
  font-size: calc(2*var(--rem));
  border: 1px solid #222222;
  border-radius: calc(30*var(--rem));
  transition: opacity 0.5s;
}
@media screen and (max-width: 767px) {
  .tobiravoice .tobiravoice__more {
    width: calc(32*var(--rem));
    height: calc(8*var(--rem));
    font-size: calc(2.6*var(--rem));
  }
}
.tobiravoice .tobiravoice__more:hover {
  opacity: 0.7;
  cursor: pointer;
}
.tobiravoice__columns.active + .tobiravoice__more {
  margin-top: calc(3*var(--rem));
}

.tobira-gift {
  position: relative;
  z-index: 3;
  background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/bg_gift-wrapping_pc.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1920 / 540;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tobira-gift {
    background-image: url(/wellness/sixpad/common/recoverywear/img/comprehensive/bg_gift-wrapping_sp.jpg);
    aspect-ratio: 750 / 860;
  }
}
@media screen and (min-width: 768px) {
  .tobira-gift .section__inner {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .tobira-gift .tobira-gift__column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(57*var(--rem));
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tobira-gift__txtwrap {
    text-align: center;
    padding-top: calc(7*var(--rem));
    margin-left: calc(-3*var(--rem));
    margin-right: calc(-3*var(--rem));
  }
}
.tobira-gift .tobira-gift__txtwrap .tobira-gift__head {
  font-size: calc(4.6*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobira-gift .tobira-gift__txtwrap .tobira-gift__head {
    font-size: calc(5.5*var(--rem));
  }
}
.tobira-gift .tobira-gift__txtwrap .tobira-gift__lead {
  margin-top: calc(2*var(--rem));
  font-size: calc(2.4*var(--rem));
  line-height: calc(38/24);
}
@media screen and (max-width: 767px) {
  .tobira-gift .tobira-gift__txtwrap .tobira-gift__lead {
    margin-top: calc(2*var(--rem));
    font-size: calc(2.8*var(--rem));
    line-height: calc(51/28);
  }
}
.tobira-gift .tobira-gift__txtwrap .tobira-gift__att {
  margin-top: calc(1*var(--rem));
  font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
  .tobira-gift .tobira-gift__txtwrap .tobira-gift__att {
    margin-top: calc(1*var(--rem));
    font-size: calc(2*var(--rem));
  }
}

.rwarticles {
  margin-top: calc(11 * var(--rem));
  padding-bottom: calc(14 * var(--rem));
  position: relative;
  z-index: 3;
}
.rwarticles .rwarticles__more {
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  width: calc(25*var(--rem));
  height: calc(6.2*var(--rem));
  background: #fff;
  font-size: calc(2*var(--rem));
  border: 1px solid #222222;
  border-radius: calc(30*var(--rem));
  transition: opacity 0.5s;
}
@media screen and (max-width: 767px) {
  .rwarticles .rwarticles__more {
    width: calc(32*var(--rem));
    height: calc(8*var(--rem));
    font-size: calc(2.6*var(--rem));
  }
}
.rwarticles .rwarticles__more:hover {
  opacity: 0.7;
  cursor: pointer;
}
.rwarticles__columns.active + .rwarticles__more {
  margin-top: calc(3*var(--rem));
}
.p-content__main--list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
  overflow: hidden;
  transition: .4s;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
@media screen and (min-width: 768px) {
	.p-content__main--list {
    margin-top: 60px;
		column-gap: 40px;
		row-gap: 40px;
    height: 600px;
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list {
    margin-top: 3.75vw;
		column-gap: 2.0833333333vw;
		row-gap: 2.0833333333vw;
    height: 37.5vw;
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list {
    margin-top: 6.6666666667vw;
		justify-content: space-between;
		row-gap: 2vw;
    height: 60vw;
	}
}
.p-content__main--list.active{
  -webkit-mask-image: none;
  mask-image: none;
}
.p-content__main--list.active + .rwarticles__more {
    margin-top: calc(3 * var(--rem));
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item {
		width: calc(33.333% - 40px)
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item {
		width: calc(33.333% - 2.0833333333vw)
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item {
		width: calc(50% - 1.333333vw)
	}
}
.p-content__main--list .item.is-hide {
	display: none
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .ttl {
		font-size: 28px;
		line-height: 1.3214285714;
		letter-spacing: 0em;
		font-weight: 500
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .ttl {
		font-size: 1.4583333333vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .ttl {
		font-size: calc(26/750*100vw);
		line-height: 1.4230769231;
		letter-spacing: 0em;
		font-weight: 500
	}
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .ttl {
		margin: 16px 0 14px
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .ttl {
		margin: .8333333333vw 0 .7291666667vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .ttl {
		margin: 2.6666666667vw 0 2.1333333333vw
	}
}
.p-content__main--list .item .text {
	color: #999
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .text {
		font-size: 20px;
		line-height: 1.45;
		letter-spacing: 0em;
		font-weight: 500
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .text {
		font-size: 1.0416666667vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .text {
		font-size: calc(20/750*100vw);
		line-height: 1.45;
		letter-spacing: 0em;
		font-weight: 500
	}
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .text {
		margin-bottom: 20px
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .text {
		margin-bottom: 1.0416666667vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .text {
		margin-bottom: 2.6666666667vw;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}
}
.p-content__main--list .item .list {
	display: flex;
	flex-wrap: wrap
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .list {
		column-gap: 10px;
		row-gap: 10px
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .list {
		column-gap: .5208333333vw;
		row-gap: .5208333333vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .list {
		column-gap: 1.3333333333vw;
		row-gap: 1.3333333333vw
	}
}
.p-content__main--list .item .list li {
	border: 1px solid #000
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .list li {
		font-size: 16px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .list li {
		font-size: .8333333333vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .list li {
		font-size: calc(16/750*100vw);
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500
	}
}
@media screen and (min-width: 768px) {
	.p-content__main--list .item .list li {
		padding: 10px 15px;
		border-radius: 19px
	}
}
@media screen and (max-width: 1600px)and (min-width: 768px) {
	.p-content__main--list .item .list li {
		padding: .5208333333vw .78125vw;
		border-radius: .9895833333vw
	}
}
@media screen and (max-width: 767px) {
	.p-content__main--list .item .list li {
		padding: 1.3333333333vw 2vw;
		border-radius: 2.5333333333vw
	}
}

.bnr-guide {
  margin-top: calc(10 * var(--rem));
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .bnr-guide {
    margin-top: calc(7 * var(--rem));
  }
}
.bnr-guide a {
  transition: opacity .5s;
}
.bnr-guide a:hover {
  opacity: 0.7;
}
.bnr-guide .bnr-guide__img {
  display: block;
  max-width: calc(85 * var(--rem));
  margin-left: auto;
  margin-right: auto;
}