@charset "UTF-8";
@media print, screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 960px) {
  .pc {
    display: none !important;
  }
}

@media print, screen and (min-width: 961px) {
  .contents .detail_top {
    padding-top: 90px;
    min-height: 480px;
  }
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top > div {
    padding-left: 512px;
    position: relative;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top > div {
    padding: 9.7333333333vw 0 8vw;
  }
}
.contents .detail_top .product_image {
  text-align: center;
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image {
    width: 480px;
    height: 440px;
    position: absolute;
    top: -10px;
    left: 0;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image {
    margin-top: 6.1333333333vw;
    width: 100%;
  }
}
.contents .detail_top .product_image img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image img {
    max-width: 300px;
    max-height: 434px;
    -o-object-position: center top;
       object-position: center top;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image img {
    max-width: 46.4vw;
    max-height: 76vw;
  }
}
.contents .detail_top .product_image .status {
  display: -ms-grid;
  display: grid;
  place-items: center;
  border-radius: 100%;
  border-color: #cc0000;
  border-style: solid;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .status {
    width: 112px;
    height: 112px;
    border-width: 1px;
    left: -10px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .status {
    width: 17.8666666667vw;
    height: 17.8666666667vw;
    border-width: 1.5px;
  }
}
.contents .detail_top .product_image .status span {
  color: #cc0000;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .status span {
    font-size: 25px;
    line-height: 25px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .status span {
    font-size: 3.3333333333vw;
    line-height: 4vw;
  }
}
.contents .detail_top .product_image .status span small {
  display: block;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .status.status_renew span {
    font-size: 21px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .status.status_renew span {
    font-size: 3.2vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: -0.02em;
  }
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .status.status_renew span small {
    font-size: 18px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .status.status_renew span small {
    font-size: 2.9333333333vw;
  }
}
.contents .detail_top .product_image .swiper-button-next,
.contents .detail_top .product_image .swiper-button-prev {
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1.5px solid #a0a0a0;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .swiper-button-next,
  .contents .detail_top .product_image .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .contents .detail_top .product_image .swiper-button-next:hover,
  .contents .detail_top .product_image .swiper-button-prev:hover {
    border-color: #aaaaaa;
  }
  .contents .detail_top .product_image .swiper-button-next:hover::before,
  .contents .detail_top .product_image .swiper-button-prev:hover::before {
    border-color: #aaaaaa;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .swiper-button-next,
  .contents .detail_top .product_image .swiper-button-prev {
    width: 9.6vw;
    height: 9.6vw;
    border-width: 1px;
  }
}
.contents .detail_top .product_image .swiper-button-next::before,
.contents .detail_top .product_image .swiper-button-prev::before {
  content: "";
  display: block;
  border: solid #000000;
  position: absolute;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .swiper-button-next::before,
  .contents .detail_top .product_image .swiper-button-prev::before {
    padding: 6px;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: translateX(-3px) rotate(-45deg);
            transform: translateX(-3px) rotate(-45deg);
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .swiper-button-next::before,
  .contents .detail_top .product_image .swiper-button-prev::before {
    padding: 1.2vw;
    border-width: 0 1px 1px 0;
    -webkit-transform: translateX(-0.5333333333vw) rotate(-45deg);
            transform: translateX(-0.5333333333vw) rotate(-45deg);
  }
}
.contents .detail_top .product_image .swiper-button-next.swiper-button-prev,
.contents .detail_top .product_image .swiper-button-prev.swiper-button-prev {
  left: 0;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .swiper-button-next.swiper-button-prev::before,
  .contents .detail_top .product_image .swiper-button-prev.swiper-button-prev::before {
    -webkit-transform: translateX(3px) rotate(135deg);
            transform: translateX(3px) rotate(135deg);
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .swiper-button-next.swiper-button-prev::before,
  .contents .detail_top .product_image .swiper-button-prev.swiper-button-prev::before {
    -webkit-transform: translateX(0.5333333333vw) rotate(135deg);
            transform: translateX(0.5333333333vw) rotate(135deg);
  }
}
.contents .detail_top .product_image .swiper-button-next.swiper-button-next,
.contents .detail_top .product_image .swiper-button-prev.swiper-button-next {
  right: 0;
}
.contents .detail_top .product_image .swiper-button-next.swiper-button-disabled,
.contents .detail_top .product_image .swiper-button-prev.swiper-button-disabled {
  border-color: #E2E2E2;
  pointer-events: none;
}
.contents .detail_top .product_image .swiper-button-next.swiper-button-disabled::before,
.contents .detail_top .product_image .swiper-button-prev.swiper-button-disabled::before {
  border-color: #B2B2B2;
}
.contents .detail_top .product_image .swiper-pagination-bullets {
  position: relative;
  margin-top: 15px;
}
.contents .detail_top .product_image .swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  border-radius: 50%;
  background-color: #dde1e5;
  pointer-events: all;
  cursor: pointer;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.contents .detail_top .product_image .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .product_image .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 10px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .product_image .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 1.3333333333vw;
  }
}
.contents .detail_top .series {
  color: #000000;
  font-weight: 700;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .series {
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .series {
    font-size: 3.7333333333vw;
  }
}
.contents .detail_top h1 {
  font-weight: 400;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top h1 {
    margin-top: 10px;
    font-size: 35px;
    line-height: 45px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top h1 {
    margin-top: 2.6666666667vw;
    font-size: 6.9333333333vw;
    line-height: 8.6666666667vw;
  }
}
.contents .detail_top .brand-name {
  color: #a0a0a0;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .brand-name {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .brand-name {
    margin-top: 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.contents .detail_top .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .tag {
    margin-top: 22px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .tag {
    margin-top: 2.9333333333vw;
  }
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .tag li + li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .tag li + li {
    margin-left: 2.4vw;
  }
}
.contents .detail_top .tag .q-drug {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #14152e;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .tag .q-drug {
    padding: 4px 9px 5px;
    font-size: 12.5px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .tag .q-drug {
    padding: 0.5333333333vw 0.8vw;
    border-color: #a0a0a0;
    font-size: 2.9333333333vw;
  }
}
.contents .detail_top .tag .type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #eef1f2;
  border-radius: 100px;
  line-height: 1;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .tag .type {
    padding: 7px 26px 8px;
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .tag .type {
    padding: 1.3333333333vw 3.7333333333vw 1.6vw;
    font-size: 2.9333333333vw;
  }
}
.contents .detail_top .catch-copy {
  font-weight: 700;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .catch-copy {
    margin-top: 30px;
    font-size: 17px;
    line-height: 32px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .catch-copy {
    margin-top: 5.3333333333vw;
    font-size: 4vw;
    line-height: 6.6666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .body-copy {
    margin-top: 14px;
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .body-copy {
    margin-top: 2.4vw;
    font-size: 3.4666666667vw;
    line-height: 6.6666666667vw;
  }
}
.contents .detail_top .note {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .note {
    margin-top: 8px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .note {
    margin-top: 1.3333333333vw;
  }
}
.contents .detail_top .note sup {
  max-width: 3em;
}
.contents .detail_top .note span {
  width: calc(100% - 2em);
}
.contents .detail_top .note .txt_red_underline {
  color: #cc0000;
  font-weight: 600;
  text-decoration: underline;
}
@media print, screen and (min-width: 961px) {
  .contents .detail_top .note .txt_red_underline {
    margin-top: 14px;
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (max-width: 960px) {
  .contents .detail_top .note .txt_red_underline {
    margin-top: 2.4vw;
    font-size: 3.4666666667vw;
    line-height: 6.6666666667vw;
  }
}
.contents .detail_top .note .txt_red_underline:hover {
  color: #aaaaaa;
}

.cv {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 961px) {
  .cv.cv_single {
    margin-top: 46px;
    padding-left: 512px;
  }
}
@media screen and (max-width: 960px) {
  .cv.cv_single {
    margin-top: 0;
  }
}
.cv.cv_multi {
  text-align: center;
}
@media print, screen and (min-width: 961px) {
  .cv.cv_multi {
    margin-top: 46px;
  }
}
@media screen and (max-width: 960px) {
  .cv.cv_multi {
    margin-top: 0;
  }
}
.cv.cv_multi h3 {
  font-weight: 700;
}
@media print, screen and (min-width: 961px) {
  .cv.cv_multi h3 {
    margin-bottom: 19px;
    font-size: 18px;
  }
}
@media screen and (max-width: 960px) {
  .cv.cv_multi h3 {
    margin-bottom: 3.6vw;
    font-size: 4vw;
  }
}
.cv > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 961px) {
  .cv > ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  .cv > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 961px) {
  .cv > ul > li + li {
    margin-left: 14px;
  }
}
@media screen and (max-width: 960px) {
  .cv > ul > li + li {
    margin-top: 2.4vw;
  }
}
.cv > ul li:nth-child(1) {
  z-index: 3;
}
.cv > ul li:nth-child(2) {
  z-index: 2;
}
.cv > ul li:nth-child(3) {
  z-index: 1;
}
.cv .btn_general {
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .cv .btn_general {
    width: 332px;
    height: 70px;
  }
  .cv .btn_general:hover {
    color: #fff;
  }
}
@media screen and (max-width: 960px) {
  .cv .btn_general {
    width: 82.6666666667vw;
    height: 17.3333333333vw;
  }
}
.cv .btn_general small {
  display: block;
  margin-top: 6px;
  text-align: center;
}
@media print, screen and (min-width: 961px) {
  .cv .btn_general small {
    font-size: 13px;
  }
}
@media screen and (max-width: 960px) {
  .cv .btn_general small {
    font-size: 3.2vw;
  }
}
.cv .btn_general.is-open {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media print, screen and (min-width: 961px) {
  .cv .btn_general.is-open {
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 960px) {
  .cv .btn_general.is-open {
    border-radius: 4vw 4vw 0 0;
  }
}
.cv .accordion_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding-top: 0;
  border-left: 1px solid #14152e;
  border-right: 1px solid #14152e;
  -webkit-transition: none !important;
  transition: none !important;
  z-index: 2;
}
@media print, screen and (min-width: 961px) {
  .cv .accordion_content {
    width: 332px;
    border-radius: 0 0 20px 20px;
    position: absolute;
  }
}
@media screen and (max-width: 960px) {
  .cv .accordion_content {
    width: 82.6666666667vw;
    border-radius: 0 0 4vw 4vw;
  }
}
.cv .accordion_content li {
  width: 100%;
}
.cv .accordion_content li + li {
  border-top: 0;
}
.cv .accordion_content li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #fff;
  position: relative;
}
.cv .accordion_content li a::after {
  content: "";
  display: block;
  background-color: #a0a0a0;
  -webkit-mask-image: url(../img/common/icon_blank.svg);
          mask-image: url(../img/common/icon_blank.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media print, screen and (min-width: 961px) {
  .cv .accordion_content li a::after {
    width: 12px;
    height: 12px;
    right: 20px;
  }
}
@media screen and (max-width: 960px) {
  .cv .accordion_content li a::after {
    width: 2.5333333333vw;
    height: 2.5333333333vw;
    right: 4vw;
  }
}
.cv .accordion_content li a:hover {
  background-color: #eef1f2;
}
@media print, screen and (min-width: 961px) {
  .cv .accordion_content li a {
    height: 60px;
  }
}
@media screen and (max-width: 960px) {
  .cv .accordion_content li a {
    height: 13.8666666667vw;
  }
}
.cv .accordion_content img {
  mix-blend-mode: multiply;
}
@media print, screen and (min-width: 961px) {
  .cv .accordion_content img.amazon {
    width: 76px;
  }
}
@media screen and (max-width: 960px) {
  .cv .accordion_content img.amazon {
    width: 17.4666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .cv .accordion_content img.lohaco {
    width: 92px;
  }
}
@media screen and (max-width: 960px) {
  .cv .accordion_content img.lohaco {
    width: 21.4666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .cv .accordion_content img.rakuten {
    width: 70px;
  }
}
@media screen and (max-width: 960px) {
  .cv .accordion_content img.rakuten {
    width: 16.1333333333vw;
    width: 17.4666666667vw;
  }
}
.cv .accordion_content.is-open {
  border-bottom: 1px solid #14152e;
  -webkit-transition: max-height 0.5s ease !important;
  transition: max-height 0.5s ease !important;
}
.cv .accordion_content.is-open li {
  border-top: 1px solid #14152e;
}

section.bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1024px;
}
@media print, screen and (min-width: 961px) {
  section.bnr {
    margin-top: 70px;
  }
}
@media screen and (max-width: 960px) {
  section.bnr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 12vw;
  }
}
section.bnr a {
  margin-top: 20px;
}
@media print, screen and (min-width: 961px) {
  section.bnr a img {
    width: 426px;
  }
}
@media print, screen and (min-width: 961px) {
  section.bnr a + a {
    margin-left: 40px;
  }
}
@media screen and (max-width: 960px) {
  section.bnr a + a {
    margin-top: 5.3333333333vw;
  }
}

.detail_feature {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 961px) {
  .detail_feature {
    margin-top: 70px;
    padding: 120px 0;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature {
    margin-top: 16vw;
    padding: 16vw 0;
  }
}
.detail_feature::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: #eef1f2;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.detail_feature .box {
  background-color: #fff;
  overflow: hidden;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .box {
    padding: 70px 60px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .box {
    padding: 10.6666666667vw 6.6666666667vw 12vw 6.6666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .box + .box {
    margin-top: 30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .box + .box {
    margin-top: 4vw;
  }
}
.detail_feature h2 {
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .detail_feature h2 {
    margin-bottom: 40px;
    padding-left: 40px;
    font-size: 32px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h2 {
    margin-bottom: 6.6666666667vw;
    padding-left: 6.6666666667vw;
    font-size: 6.1333333333vw;
    line-height: 7.3333333333vw;
  }
}
.detail_feature h2::before {
  content: "";
  display: inline-block;
  background-color: #000000;
  -webkit-transform: skewX(-37deg);
          transform: skewX(-37deg);
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 961px) {
  .detail_feature h2::before {
    margin-left: 13.5px;
    margin-right: 17px;
    width: 6px;
    height: 31px;
    top: 2px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h2::before {
    margin-left: 1.8666666667vw;
    margin-right: 3.2vw;
    width: 1.3333333333vw;
    height: 5.8666666667vw;
    top: 0.8vw;
  }
}
.detail_feature h3 {
  font-weight: 700;
}
@media print, screen and (min-width: 961px) {
  .detail_feature h3 {
    margin-top: 40px;
    font-size: 20px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h3 {
    margin-top: 8vw;
    font-size: 4.2666666667vw;
  }
}
.detail_feature h3:has(+ .mod_carousel) {
  font-weight: 400 !important;
  letter-spacing: 0.075em;
}
@media print, screen and (min-width: 961px) {
  .detail_feature h3:has(+ .mod_carousel) {
    margin-top: 60px;
    font-size: 28px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h3:has(+ .mod_carousel) {
    margin-top: 9.3333333333vw;
    font-size: 5.3333333333vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature h3 + ul {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h3 + ul {
    margin-top: 2vw !important;
  }
}
.detail_feature h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.5em 1em;
  background-color: #000000;
  color: #fff;
  line-height: 1.5;
}
@media print, screen and (min-width: 961px) {
  .detail_feature h4:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h4:not(:first-child) {
    margin-top: 9.3333333333vw;
  }
}
.detail_feature h4 .num {
  padding-right: 1em;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 115%;
  word-break: keep-all;
}
.detail_feature h4 .txt {
  padding-left: 1em;
  border-left: 1px solid #fff;
}
.detail_feature h6,
.detail_feature p,
.detail_feature li {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 961px) {
  .detail_feature h6,
  .detail_feature p,
  .detail_feature li {
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature h6,
  .detail_feature p,
  .detail_feature li {
    font-size: 3.7333333333vw;
    line-height: 6.6666666667vw;
  }
}
.detail_feature h6 + ul:not(.disc, .disc_b, .icon),
.detail_feature p + ul:not(.disc, .disc_b, .icon),
.detail_feature li + ul:not(.disc, .disc_b, .icon) {
  margin-top: 0 !important;
}
.detail_feature h6 {
  margin-top: 1em;
}
.detail_feature h6 + ul {
  margin-top: 0 !important;
}
@media print, screen and (min-width: 961px) {
  .detail_feature ul li ul {
    margin-top: 15px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature ul li ul {
    margin-top: 2.6666666667vw;
  }
}
.detail_feature ul li ul li {
  font-weight: 400;
}
.detail_feature ul.disc > li {
  padding-left: 0.5em;
  position: relative;
}
.detail_feature ul.disc > li::before {
  content: "・";
  display: inline-block;
  position: absolute;
  left: 0;
}
.detail_feature ul.disc > li ul {
  margin-left: 0;
}
.detail_feature ul.disc_b > li {
  padding-left: 1em;
  position: relative;
}
.detail_feature ul.disc_b > li::before {
  content: "●";
  display: inline-block;
  position: absolute;
  left: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.detail_feature ul.disc_b > li ul {
  margin-left: 0;
}
.detail_feature ul.check li {
  padding-left: 2em;
  position: relative;
}
.detail_feature ul.check li::before {
  content: "";
  width: 1em;
  height: 1em;
  border: 1px solid #a0a0a0;
  position: absolute;
  left: 0.25em;
}
@media print, screen and (min-width: 961px) {
  .detail_feature ul.check li::before {
    top: 0.45em;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature ul.check li::before {
    top: 0.4em;
  }
}
.detail_feature ul.check li::after {
  content: "";
  width: 0.6em;
  height: 0.3em;
  border-left: 2px solid #14152e;
  border-bottom: 2px solid #14152e;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media print, screen and (min-width: 961px) {
  .detail_feature ul.check li::after {
    width: 0.55em;
    border-width: 2px;
    top: 0.7em;
    left: 0.5em;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature ul.check li::after {
    top: 0.6em;
    left: 0.465em;
  }
}
.detail_feature ul.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 961px) {
  .detail_feature ul.icon {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature ul.icon {
    margin-top: 4vw !important;
  }
}
.detail_feature ul.icon li {
  display: -ms-grid;
  display: grid;
  place-items: center;
  background-color: #a69177;
  color: #fff;
  line-height: 1;
}
@media print, screen and (min-width: 961px) {
  .detail_feature ul.icon li {
    margin-right: 10px;
    padding: 5px 10px 7px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature ul.icon li {
    margin-top: 2vw;
    margin-right: 2vw;
    padding: 2vw 0;
    width: calc((100% - 4vw) / 3);
  }
  .detail_feature ul.icon li:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .note + .icon {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .note + .icon {
    margin-top: 5.3333333333vw !important;
  }
}
.detail_feature p:not(:first-child),
.detail_feature ul:not(:first-child) {
  margin-top: 1em;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt:not(:first-child) {
    margin-top: 9.3333333333vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt figure {
    display: inline-block;
    margin-top: 30px;
    max-width: 385px;
    vertical-align: top;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt figure {
    margin-top: 4vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt figure + figure {
    margin-left: 30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt figure + figure {
    margin-top: 5.3333333333vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt figure figcaption {
    margin-top: 20px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt figure figcaption {
    margin-top: 4vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature h2 + .mod_txt {
    margin-top: -10px;
  }
}
.detail_feature .mod_img_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_img_txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_img_txt:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_img_txt:not(:first-child) {
    margin-top: 9.3333333333vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_img_txt div.img {
    max-width: 385px;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_img_txt div.txt {
    margin-left: 75px;
    max-width: 510px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_img_txt div.txt {
    margin-top: 4vw;
    width: 100%;
    line-height: 1.75;
  }
}
.detail_feature .mod_img_center {
  text-align: center;
}
.detail_feature .mod_img_center .kit1_image {
  display: block;
  margin: 1.5em auto 0;
}
.detail_feature .mod_movie {
  text-align: center;
}
.detail_feature .mod_movie iframe {
  text-align: left;
  aspect-ratio: 16/9;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_movie iframe {
    width: 760px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_movie iframe {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_movie + .mod_carousel {
    margin-top: 18.6666666667vw;
  }
}
.detail_feature .mod_carousel {
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel {
    margin-top: 100px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel {
    margin-top: 14.6666666667vw;
  }
}
.detail_feature .mod_carousel .swiper {
  padding-right: 0;
  overflow: visible;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper {
    margin-top: 20px;
    max-width: 904px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper {
    margin-top: 4.6666666667vw;
    max-width: 76vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide {
    width: 310px;
    min-width: 310px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide {
    width: 66.6666666667vw;
    min-width: 66.6666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide + .swiper-slide {
    margin-left: 30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide + .swiper-slide {
    margin-left: 5.3333333333vw;
  }
}
.detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide picture {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0;
}
.detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide picture img {
  width: 100%;
}
.detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide p {
    margin-top: 12.5px;
    letter-spacing: 0.1em;
    line-height: 25px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-wrapper .swiper-slide p {
    margin-top: 2.9333333333vw;
  }
}
.detail_feature .mod_carousel .swiper .swiper-button-next,
.detail_feature .mod_carousel .swiper .swiper-button-prev {
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1.5px solid #a0a0a0;
  border-radius: 100%;
  position: absolute;
  right: 0;
  cursor: pointer;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next,
  .detail_feature .mod_carousel .swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: -70px;
  }
  .detail_feature .mod_carousel .swiper .swiper-button-next:hover,
  .detail_feature .mod_carousel .swiper .swiper-button-prev:hover {
    border-color: #aaaaaa;
  }
  .detail_feature .mod_carousel .swiper .swiper-button-next:hover::before,
  .detail_feature .mod_carousel .swiper .swiper-button-prev:hover::before {
    border-color: #aaaaaa;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next,
  .detail_feature .mod_carousel .swiper .swiper-button-prev {
    width: 9.6vw;
    height: 9.6vw;
    border-width: 1px;
    top: -13.3333333333vw;
  }
}
.detail_feature .mod_carousel .swiper .swiper-button-next::before,
.detail_feature .mod_carousel .swiper .swiper-button-prev::before {
  content: "";
  display: block;
  border: solid #000000;
  position: absolute;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next::before,
  .detail_feature .mod_carousel .swiper .swiper-button-prev::before {
    padding: 6px;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: translateX(-3px) rotate(-45deg);
            transform: translateX(-3px) rotate(-45deg);
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next::before,
  .detail_feature .mod_carousel .swiper .swiper-button-prev::before {
    padding: 1.2vw;
    border-width: 0 1px 1px 0;
    -webkit-transform: translateX(-0.5333333333vw) rotate(-45deg);
            transform: translateX(-0.5333333333vw) rotate(-45deg);
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next.swiper-button-prev,
  .detail_feature .mod_carousel .swiper .swiper-button-prev.swiper-button-prev {
    right: 60px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next.swiper-button-prev,
  .detail_feature .mod_carousel .swiper .swiper-button-prev.swiper-button-prev {
    right: 12vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next.swiper-button-prev::before,
  .detail_feature .mod_carousel .swiper .swiper-button-prev.swiper-button-prev::before {
    -webkit-transform: translateX(3px) rotate(135deg);
            transform: translateX(3px) rotate(135deg);
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper .swiper-button-next.swiper-button-prev::before,
  .detail_feature .mod_carousel .swiper .swiper-button-prev.swiper-button-prev::before {
    -webkit-transform: translateX(0.5333333333vw) rotate(135deg);
            transform: translateX(0.5333333333vw) rotate(135deg);
  }
}
.detail_feature .mod_carousel .swiper .swiper-button-next.swiper-button-disabled,
.detail_feature .mod_carousel .swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.detail_feature .mod_carousel .swiper-pagination {
  color: #14152e;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper-pagination {
    font-size: 4.1333333333vw;
    bottom: -2vw;
  }
}
.detail_feature .mod_carousel .swiper-scrollbar {
  position: relative;
  margin-bottom: 0.275em;
  background-color: #dde1e5;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper-scrollbar {
    margin-top: 40px;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper-scrollbar {
    margin-top: 6.6666666667vw;
    margin-left: 17.7333333333vw;
    margin-bottom: 0.5em;
    width: 58.1333333333vw;
  }
}
.detail_feature .mod_carousel .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #1d1d1f;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper-scrollbar .swiper-scrollbar-drag {
    height: 4px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper-scrollbar .swiper-scrollbar-drag {
    height: 0.5333333333vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_accordion:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_accordion:not(:first-child) {
    margin-top: 6.4vw;
  }
}
.detail_feature .mod_accordion .accordion_button {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #eef1f2;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_accordion .accordion_button {
    padding: 20px;
    font-size: 17px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_accordion .accordion_button {
    padding: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.detail_feature .mod_accordion .accordion_button::after {
  content: "";
  display: inline-block;
  background-color: #000000;
  -webkit-mask-image: url("/assets/img/common/icon_plus.svg");
          mask-image: url("/assets/img/common/icon_plus.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_accordion .accordion_button::after {
    width: 10px;
    height: 10px;
    right: 24px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_accordion .accordion_button::after {
    width: 2.8vw;
    height: 2.8vw;
    right: 5.2vw;
  }
}
.detail_feature .mod_accordion .accordion_button.is-open::after {
  -webkit-mask-image: url("/assets/img/common/icon_minus.svg");
          mask-image: url("/assets/img/common/icon_minus.svg");
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_accordion .accordion_content.is-open {
    padding-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_accordion .accordion_content.is-open {
    padding-top: 7.2vw;
  }
}
.detail_feature .mod_voice .progress-pie-chart {
  margin: auto;
  border-radius: 50%;
  background-color: #d17f1c;
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart {
    width: 350px;
    height: 350px;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart {
    width: 46.6666666667vw;
    height: 46.6666666667vw;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
}
.detail_feature .mod_voice .progress-pie-chart .ppc-progress {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-progress {
    content: "";
    width: 350px;
    height: 350px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 175px);
    left: calc(50% - 175px);
    clip: rect(0, 350px, 350px, 175px);
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-progress {
    content: "";
    width: 46.6666666667vw;
    height: 46.6666666667vw;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 23.3333333333vw);
    left: calc(50% - 23.3333333333vw);
    clip: rect(0, 46.6666666667vw, 46.6666666667vw, 23.3333333333vw);
  }
}
.detail_feature .mod_voice .progress-pie-chart .ppc-progress .ppc-progress-fill {
  background: #eef1f2;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-progress .ppc-progress-fill {
    content: "";
    width: 350px;
    height: 350px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 175px);
    left: calc(50% - 175px);
    clip: rect(0, 175px, 350px, 0);
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-progress .ppc-progress-fill {
    content: "";
    width: 46.6666666667vw;
    height: 46.6666666667vw;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 23.3333333333vw);
    left: calc(50% - 23.3333333333vw);
    clip: rect(0, 23.3333333333vw, 46.6666666667vw, 0);
  }
}
.detail_feature .mod_voice .progress-pie-chart .ppc-percents {
  display: -ms-grid;
  display: grid;
  place-items: center;
  background: #fff;
  text-align: center;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents {
    content: "";
    width: 267px;
    height: 267px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 267px/2);
    left: calc(50% - 267px/2);
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents {
    content: "";
    width: 35.6vw;
    height: 35.6vw;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 35.6vw/2);
    left: calc(50% - 35.6vw/2);
  }
}
.detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper h3 {
  margin-top: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.5;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper h3 {
    max-width: 256px;
    font-size: 24px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper h3 {
    max-width: 34.1333333333vw;
    font-size: 3.2vw;
  }
}
.detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper h3 .bg_black {
  background-color: #000;
  color: #fff;
}
.detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper .number {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper .number {
    margin-top: 22px;
    font-size: 37px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper .number {
    margin-top: 2.4vw;
    font-size: 4.9333333333vw;
  }
}
.detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper .number b {
  margin-right: 0.05em;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper .number b {
    font-size: 61px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .ppc-percents .pcc-percents-wrapper .number b {
    font-size: 8.1333333333vw;
  }
}
.detail_feature .mod_voice .progress-pie-chart .product_image {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-80%);
          transform: translateX(-80%);
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .progress-pie-chart .product_image {
    width: 148px;
    height: 240px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .progress-pie-chart .product_image {
    width: 19.7333333333vw;
    height: 32vw;
  }
}
.detail_feature .mod_voice .progress-pie-chart .product_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
}
.detail_feature .mod_voice .source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detail_feature .mod_voice .source p {
  color: #666666;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .source p {
    margin-top: 20px;
    font-size: 13px;
    line-height: 20px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .source p {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
}
.detail_feature .mod_voice .source + .progress-pie-chart {
  margin-top: 1.5em;
}
.detail_feature .mod_voice .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  background-color: #eef1f2;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .comment {
    margin-top: 40px;
    padding: 30px;
    width: 310px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .comment {
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw;
    width: 66.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .comment .text {
    font-size: 3.7333333333vw;
    line-height: 6.6666666667vw;
  }
}
.detail_feature .mod_voice .comment .prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666666;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .comment .prof {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .comment .prof {
    font-size: 3.2vw;
  }
}
.detail_feature .mod_voice .comment .prof::before {
  content: "";
  display: block;
  border-radius: 50%;
  background: #fff;
  -webkit-mask-image: url(../img/common/icon_person.svg);
          mask-image: url(../img/common/icon_person.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .comment .prof::before {
    margin-right: 14px;
    width: 43px;
    height: 43px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .comment .prof::before {
    margin-right: 1.8666666667vw;
    width: 9.4666666667vw;
    height: 9.4666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .mod_carousel {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .mod_carousel {
    margin-top: 10.6666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_voice .mod_carousel .swiper .swiper-button-next,
  .detail_feature .mod_voice .mod_carousel .swiper .swiper-button-prev {
    top: -30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_voice .mod_carousel .swiper .swiper-button-next,
  .detail_feature .mod_voice .mod_carousel .swiper .swiper-button-prev {
    top: -8vw;
  }
}
.detail_feature .mod_column_three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_three {
    margin-top: 20px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2.6666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_three .column {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
  }
  .detail_feature .mod_column_three .column:nth-child(3n) {
    margin-right: 0;
  }
  .detail_feature .mod_column_three .column:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_three .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .detail_feature .mod_column_three .column + .column {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_three .column picture {
    width: 40vw;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_three .column picture + p {
    width: 31.7333333333vw;
    font-size: 3.7333333333vw;
    line-height: 6.6666666667vw;
  }
}
.detail_feature .mod_column_four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_four {
    margin-top: 20px;
    gap: 30px 0;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_four {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 2.6666666667vw;
    gap: 5.3333333333vw 0;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_four .column {
    width: calc((100% - 80px) / 4);
    margin-right: 20px;
  }
  .detail_feature .mod_column_four .column:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_four .column {
    width: calc((100% - 1.3333333333vw) / 2);
  }
  .detail_feature .mod_column_four .column picture {
    width: 100%;
  }
  .detail_feature .mod_column_four .column picture + p {
    margin-top: 1.3333333333vw;
  }
}
.detail_feature .mod_column_three .column p,
.detail_feature .mod_column_four .column p {
  margin: 0;
}
.detail_feature .mod_column_three .column picture,
.detail_feature .mod_column_four .column picture {
  display: block;
  border: 1px solid #e0e0e0;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_three .column picture,
  .detail_feature .mod_column_four .column picture {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_three .column picture + p,
  .detail_feature .mod_column_four .column picture + p {
    margin-top: 12.5px;
    font-size: 16px;
    line-height: 25px;
  }
}
.detail_feature .mod_column_three .column picture img,
.detail_feature .mod_column_four .column picture img {
  width: 100%;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_column_three .column .note,
  .detail_feature .mod_column_four .column .note {
    margin-top: 10px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_column_three .column .note,
  .detail_feature .mod_column_four .column .note {
    margin-top: 1.3333333333vw;
    width: 100%;
  }
}
.detail_feature .mod_txt .column {
  background-color: #eef1f2;
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column {
    margin-top: 60px;
    padding: 50px 60px 60px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column {
    margin-top: 10.6666666667vw;
    padding: 8vw 6.6666666667vw 6.6666666667vw;
  }
}
.detail_feature .mod_txt .column .balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #14152e;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .balloon {
    padding: 9px 30px 10px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column .balloon {
    padding: 1.3333333333vw 5.6vw 1.6vw;
    font-size: 3.4666666667vw;
  }
}
.detail_feature .mod_txt .column .balloon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 99%);
          transform: translate(-50%, 99%);
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .balloon::after {
    border-top: 10px solid #14152e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column .balloon::after {
    border-top: 1.3333333333vw solid #14152e;
    border-left: 1.3333333333vw solid transparent;
    border-right: 1.3333333333vw solid transparent;
  }
}
.detail_feature .mod_txt .column h4 {
  display: block;
  padding: 0;
  background: none;
  color: currentColor;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column h4 {
    font-size: 4.5333333333vw;
  }
}
.detail_feature .mod_txt .column h5 {
  font-weight: 700;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column h5 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column h5 {
    margin-top: 8vw;
  }
}
.detail_feature .mod_txt .column p {
  margin-top: 0.5em;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column p {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column figure {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column figure + h5 {
    margin-top: 9.3333333333vw;
  }
}
.detail_feature .mod_txt .column figure figcaption {
  text-align: right;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column figure figcaption {
    margin-top: 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column figure figcaption {
    margin-top: 1.6vw;
    font-size: 2.4vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .mod_pc_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 40px;
  }
  .detail_feature .mod_txt .column .mod_pc_col.col2 > * {
    width: calc((100% - 60px) / 2);
  }
  .detail_feature .mod_txt .column .mod_pc_col.col2 > *:nth-child(n+3) {
    margin-top: 70px;
  }
  .detail_feature .mod_txt .column .mod_pc_col.col3 > * {
    width: calc((100% - 120px) / 3);
  }
  .detail_feature .mod_txt .column .mod_pc_col.col_img-txt {
    margin-top: 20px;
  }
  .detail_feature .mod_txt .column .mod_pc_col.col_img-txt > * {
    max-width: calc(100% - 352px);
  }
  .detail_feature .mod_txt .column .mod_pc_col.col_img-txt.col_img-txt > figure {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .mod_pc_col > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column .mod_pc_col > * {
    margin-top: 8vw;
  }
  .detail_feature .mod_txt .column .mod_pc_col > * h3:first-child {
    margin-top: 13.3333333333vw;
  }
  .detail_feature .mod_txt .column .mod_pc_col > * h4:first-child {
    margin-top: 10.6666666667vw;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .mod_pc_col > * p {
    font-size: 16px;
    line-height: 2;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .mod_pc_col > * figure {
    margin-top: auto;
    padding-top: 27px;
  }
  .detail_feature .mod_txt .column .mod_pc_col > * figure img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    min-height: 355px;
    background-color: #fff;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_txt .column .mod_pc_col > * figure {
    margin-top: 6.6666666667vw;
  }
}
.detail_feature .mod_txt .column .mod_pc_col > * figure figcaption {
  color: #666;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_txt .column .mod_pc_col {
    margin-top: 30px;
  }
  .detail_feature .mod_txt .column .mod_pc_col > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .detail_feature .mod_txt .column .mod_pc_col > * h5 {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_img_txt.pc_inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    vertical-align: top;
    margin-right: 40px;
    max-width: calc((100% - 40px) / 2);
  }
  .detail_feature .mod_img_txt.pc_inline .txt {
    margin-left: 0;
  }
  .detail_feature .mod_img_txt.pc_inline div:not(:first-child) {
    margin-top: 20px;
  }
}
.detail_feature .mod_carousel + .note {
  margin-top: 2em;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .mod_carousel .swiper.is-single .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .detail_feature .mod_carousel .swiper.is-single .swiper-slide picture {
    max-width: 310px;
  }
  .detail_feature .mod_carousel .swiper.is-single .swiper-slide div:not(:first-child),
  .detail_feature .mod_carousel .swiper.is-single .swiper-slide .txt {
    margin-left: 30px;
  }
}
@media screen and (max-width: 960px) {
  .detail_feature .mod_carousel .swiper.is-single .swiper-slide {
    width: 100%;
  }
}
.detail_feature h2 + .mod_carousel {
  margin-top: 0;
}
@media print, screen and (min-width: 961px) {
  .detail_feature .pc_nowrap {
    white-space: nowrap;
  }
}
.detail_feature .group {
  margin-top: 1em;
}
.detail_feature .group p,
.detail_feature .group ul {
  margin-top: 0 !important;
}

@media print, screen and (min-width: 961px) {
  .lineup {
    margin-top: 120px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 960px) {
  .lineup {
    margin-top: 16vw;
  }
}
.lineup .chart {
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media print, screen and (min-width: 961px) {
  .lineup .chart {
    margin-top: 75px;
  }
}
@media screen and (max-width: 960px) {
  .lineup .chart {
    margin-top: 8vw;
    width: 100% !important;
  }
}
.lineup .chart#chart_skincare {
  aspect-ratio: 640/781;
  width: 640px;
  background-image: url(/assets/img/products/facecare/common/chart_skincare.png);
}
.lineup .chart#chart_skincare .m_oil_control {
  width: 8.05%;
  top: 9.56%;
  left: 19.01%;
}
.lineup .chart#chart_skincare .m_sc_coolwater {
  width: 8.06%;
  top: 32.5%;
  left: 14.39%;
}
.lineup .chart#chart_skincare .m_sc_water {
  width: 8.07%;
  top: 32.5%;
  left: 24.77%;
}
.lineup .chart#chart_skincare .m_sc_milky {
  width: 8.06%;
  top: 56.46%;
  left: 40.97%;
}
.lineup .chart#chart_skincare .m_sc_cream {
  width: 10.28%;
  top: 80.98%;
  left: 61.82%;
}
.lineup .chart#chart_skincare .perfect_cream_ex {
  width: 8.97%;
  top: 78.47%;
  left: 84.53%;
}
@media print, screen and (min-width: 961px) {
  .lineup .chart#chart_wax {
    aspect-ratio: 940/336;
    width: 940px;
    background-image: url(/assets/img/products/styling/common/chart_wax_pc.png);
  }
  .lineup .chart#chart_wax .wax_eh {
    width: 36.8%;
    height: 20%;
    top: 34.5%;
    left: 61.3%;
  }
  .lineup .chart#chart_wax .wax_eh img {
    width: 16.8%;
    top: -10%;
    left: 71%;
  }
  .lineup .chart#chart_wax .wax_gh {
    width: 27.9%;
    height: 20%;
    top: 8%;
    left: 51.6%;
  }
  .lineup .chart#chart_wax .wax_gh img {
    width: 21.8%;
    top: -13.2%;
    left: 78.1%;
  }
  .lineup .chart#chart_wax .wax_sh {
    width: 34.4%;
    height: 20%;
    top: 34.5%;
    left: 24.8%;
  }
  .lineup .chart#chart_wax .wax_sh img {
    width: 17.8%;
    top: -10.8%;
    left: 68%;
  }
  .lineup .chart#chart_wax .wax_vh {
    width: 34.4%;
    height: 20%;
    top: 59.5%;
    left: 6.4%;
  }
  .lineup .chart#chart_wax .wax_vh img {
    width: 17.8%;
    top: -10.8%;
    left: 71%;
  }
}
@media screen and (max-width: 960px) {
  .lineup .chart#chart_wax {
    aspect-ratio: 690/247;
    background-image: url(/assets/img/products/styling/common/chart_wax_sp.png);
  }
  .lineup .chart#chart_wax .wax_eh {
    width: 36.7%;
    height: 21%;
    top: 34.5%;
    left: 61.3%;
  }
  .lineup .chart#chart_wax .wax_eh img {
    width: 16.8%;
    top: -10%;
    left: 71%;
  }
  .lineup .chart#chart_wax .wax_gh {
    width: 27.8%;
    height: 21%;
    top: 8%;
    left: 51.6%;
  }
  .lineup .chart#chart_wax .wax_gh img {
    width: 21.8%;
    top: -13.2%;
    left: 80.5%;
  }
  .lineup .chart#chart_wax .wax_sh {
    width: 34.5%;
    height: 21%;
    top: 34.5%;
    left: 24.8%;
  }
  .lineup .chart#chart_wax .wax_sh img {
    width: 17.8%;
    top: -10.8%;
    left: 69%;
  }
  .lineup .chart#chart_wax .wax_vh {
    width: 34.5%;
    height: 21%;
    top: 59.5%;
    left: 6.4%;
  }
  .lineup .chart#chart_wax .wax_vh img {
    width: 17.8%;
    top: -10.8%;
    left: 75%;
  }
}
.lineup .chart#chart_onepushcolor {
  aspect-ratio: 640/360;
  width: 640px;
  background-image: url(/assets/img/products/hair_dye/common/chart_onepushcolor.png);
}
.lineup .chart#chart_onepushcolor .r_brown {
  width: 29.3%;
  height: 20.3%;
  top: 12.1%;
  left: 9.4%;
}
.lineup .chart#chart_onepushcolor .r_brown img {
  width: 14.2%;
  top: 7.4%;
  left: 77%;
}
.lineup .chart#chart_onepushcolor .n_brown {
  width: 29.3%;
  height: 20.3%;
  top: 34.3%;
  left: 9.4%;
}
.lineup .chart#chart_onepushcolor .n_brown img {
  width: 14.2%;
  top: 7.4%;
  left: 77%;
}
.lineup .chart#chart_onepushcolor .a_brown {
  width: 29.3%;
  height: 20.3%;
  top: 56.4%;
  left: 39.8%;
}
.lineup .chart#chart_onepushcolor .a_brown img {
  width: 14.2%;
  top: 7.4%;
  left: 77%;
}
.lineup .chart#chart_onepushcolor .d_brown {
  width: 29.3%;
  height: 20.3%;
  top: 56.4%;
  left: 9.4%;
}
.lineup .chart#chart_onepushcolor .d_brown img {
  width: 14.2%;
  top: 7.4%;
  left: 77%;
}
.lineup .chart#chart_onepushcolor .l_black {
  width: 29.3%;
  height: 20.3%;
  top: 12.1%;
  left: 70.1%;
}
.lineup .chart#chart_onepushcolor .l_black img {
  width: 14.2%;
  top: 7.4%;
  left: 77%;
}
.lineup .chart#chart_onepushcolor .n_black {
  width: 29.3%;
  height: 20.3%;
  top: 78.7%;
  left: 70.1%;
}
.lineup .chart#chart_onepushcolor .n_black img {
  width: 14.2%;
  top: 7.4%;
  left: 77%;
}
.lineup .chart#chart_onepushcolor img {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5333333333);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5333333333);
  border-radius: 1px;
}
.lineup .chart#chart_designcolor {
  aspect-ratio: 640/513;
  width: 640px;
  background-image: url(/assets/img/products/hair_dye/common/chart_designcolor.png);
}
.lineup .chart#chart_designcolor .dc_b_brown {
  width: 12.9%;
  height: 10%;
  top: 26.1%;
  left: 12.9%;
  border-radius: 7px;
}
.lineup .chart#chart_designcolor .dc_b_brown img {
  width: 33.8%;
  top: -90%;
  left: 54%;
}
.lineup .chart#chart_designcolor .dc_m_brown {
  width: 28.4%;
  height: 12%;
  top: 26.1%;
  left: 12.9%;
  border-radius: 7px;
}
.lineup .chart#chart_designcolor .dc_m_brown img {
  width: 22.8%;
  top: -64%;
  left: 58.2%;
}
.lineup .chart#chart_designcolor .dc_m_ash {
  width: 28.4%;
  height: 12%;
  top: 26.1%;
  left: 41.3%;
  border-radius: 7px;
}
.lineup .chart#chart_designcolor .dc_m_ash img {
  width: 22.8%;
  top: -64%;
  left: 58.2%;
}
.lineup .chart#chart_designcolor .dc_c_ash {
  width: 28.4%;
  height: 12%;
  top: 26.1%;
  left: 69.6%;
  border-radius: 7px;
}
.lineup .chart#chart_designcolor .dc_c_ash img {
  width: 22.8%;
  top: -64%;
  left: 58.2%;
}
.lineup .chart a {
  display: block;
  position: absolute;
}
.lineup .chart a img {
  position: absolute;
}
.lineup .chart a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  background-color: rgba(255, 255, 255, 0.1);
}
@media print, screen and (min-width: 961px) {
  .lineup .list {
    margin-top: 20px;
  }
}
@media screen and (max-width: 960px) {
  .lineup .list {
    margin-top: 2.6666666667vw;
  }
}
.lineup h2 + .list {
  margin-top: 0;
}

.recommend {
  position: relative;
}
.recommend::before {
  content: "";
  display: block;
  width: 100vw;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (min-width: 961px) {
  .recommend {
    padding-top: 110px;
  }
}
@media screen and (max-width: 960px) {
  .recommend {
    margin-top: 20vw;
  }
}

.detail_feature + .recommend {
  margin-top: 0;
}
.detail_feature + .recommend::before {
  display: none;
}

@media print, screen and (min-width: 961px) {
  #foaming .detail_top {
    min-height: 520px;
  }
}

@media print, screen and (min-width: 961px) {
  #m_sc_cream .detail_top .product_image img {
    width: 275px;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

#perfect_gel .icon li {
  background-color: #00a0ce;
}

#perfect_cream .icon li {
  background-color: #f39114;
}

@media print, screen and (min-width: 961px) {
  #water_h .product_image .swiper-slide:first-child img {
    -webkit-transform: translateX(-23px);
            transform: translateX(-23px);
  }
}
@media screen and (max-width: 960px) {
  #water_h .product_image .swiper-slide:first-child img {
    -webkit-transform: translateX(-3.7333333333vw);
            transform: translateX(-3.7333333333vw);
  }
}
@media print, screen and (min-width: 961px) {
  #water_h .detail_top {
    min-height: 530px;
  }
}

#r_brown .detail_top .note,
#r_brown .detail_top .note a,
#n_brown .detail_top .note,
#n_brown .detail_top .note a,
#a_brown .detail_top .note,
#a_brown .detail_top .note a,
#d_brown .detail_top .note,
#d_brown .detail_top .note a,
#l_black .detail_top .note,
#l_black .detail_top .note a,
#n_black .detail_top .note,
#n_black .detail_top .note a,
#dc_b_brown .detail_top .note,
#dc_b_brown .detail_top .note a,
#dc_m_brown .detail_top .note,
#dc_m_brown .detail_top .note a,
#dc_m_ash .detail_top .note,
#dc_m_ash .detail_top .note a,
#dc_c_ash .detail_top .note,
#dc_c_ash .detail_top .note a {
  color: #cc0000;
}
#r_brown .detail_top .note a:hover,
#r_brown .detail_top .note a span:hover,
#n_brown .detail_top .note a:hover,
#n_brown .detail_top .note a span:hover,
#a_brown .detail_top .note a:hover,
#a_brown .detail_top .note a span:hover,
#d_brown .detail_top .note a:hover,
#d_brown .detail_top .note a span:hover,
#l_black .detail_top .note a:hover,
#l_black .detail_top .note a span:hover,
#n_black .detail_top .note a:hover,
#n_black .detail_top .note a span:hover,
#dc_b_brown .detail_top .note a:hover,
#dc_b_brown .detail_top .note a span:hover,
#dc_m_brown .detail_top .note a:hover,
#dc_m_brown .detail_top .note a span:hover,
#dc_m_ash .detail_top .note a:hover,
#dc_m_ash .detail_top .note a span:hover,
#dc_c_ash .detail_top .note a:hover,
#dc_c_ash .detail_top .note a span:hover {
  color: #ffaaaa;
}

.cp_p_black__c1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3em auto;
}
.cp_p_black__c1 > div {
  text-align: center;
}
.cp_p_black__c1 > div > span {
  display: inline-block;
  font-size: 15px;
  white-space: nowrap;
  border: 1px solid #000;
  padding: 0.1333333333em 1em;
}
.cp_p_black__c1 > div img {
  display: block;
}
.cp_p_black__c1 > div + div {
  margin-left: 4em;
}
.cp_p_black__c1 > div + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp_p_black__c1 > div + div > div > div + div {
  margin-left: 2em;
}
.cp_p_black__c1 img {
  margin: 1em auto 0;
}
.cp_p_black__c1 img + span {
  font-size: 12px;
  display: block;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .cp_p_black__c1 > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 30%;
  }
  .cp_p_black__c1 > div > span {
    font-size: 0.8em;
  }
  .cp_p_black__c1 > div + div {
    margin-left: 2em;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    width: 60%;
  }
  .cp_p_black__c1 img + span {
    font-size: 0.8em;
  }
}

.detail_feature .all_deo_wash_graph {
  max-width: 781px;
  margin: 6em auto 6em;
}
.detail_feature .all_deo_wash_graph p {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  margin: 1em auto 0;
}
@media screen and (max-width: 960px) {
  .detail_feature .all_deo_wash_graph {
    margin: 3em auto;
  }
  .detail_feature .all_deo_wash_graph p {
    font-size: 3.2vw;
    line-height: 5.333333333vw;
    margin: 2em auto 0;
  }
}

.m_adv_detail .tt1 {
  font-size: 0.8888888889em;
  margin: 1em auto 0;
}
.m_adv_detail .tt1 + .disc {
  margin-top: 0.5em;
}
.m_adv_detail .tt1 + p {
  margin-top: 0.5em;
}
.m_adv_detail .features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
  margin: 1em auto 0;
}
.m_adv_detail .features > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m_adv_detail .ingredient {
  padding: 2em;
  background-color: #f4f4f4;
  margin: 2em auto 0;
}
.m_adv_detail .ingredient h3 {
  text-align: center;
  font-size: 1.4444444444em;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.m_adv_detail .ingredient .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
  margin: 1em auto 0;
}
.m_adv_detail .ingredient .list > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m_adv_detail .ingredient .list h4 {
  display: block;
  font-size: 1.2222222222em;
  font-weight: 500;
  color: #000;
  background: none;
  margin: 0;
  padding: 0;
}
.m_adv_detail .ingredient .list p {
  margin: 0.5em auto 0;
  height: 5em;
  line-height: 2;
}
.m_adv_detail .ingredient .list .img img {
  display: block;
  width: 100%;
  aspect-ratio: 795/400;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #fff;
}
@media screen and (max-width: 960px) {
  .m_adv_detail .features {
    display: block;
  }
  .m_adv_detail .features > div + div {
    margin-top: 1em;
  }
  .m_adv_detail .ingredient .list {
    display: block;
  }
  .m_adv_detail .ingredient .list > div + div {
    margin-top: 1em;
  }
  .m_adv_detail .ingredient .list p {
    height: auto;
  }
  .m_adv_detail .ingredient .list .img {
    margin: 1em auto 0;
  }
}

.m_adv_ct1 {
  border: 2px solid #ccc;
}
.m_adv_ct1 .hd {
  background-color: #ccc;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  min-height: 4em;
}
.m_adv_ct1 .hd h3 {
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.m_adv_ct1 .hd h3 strong {
  font-size: 1.3333333333em;
}
.m_adv_ct1 .body {
  background-color: #fff;
  padding: 1em 1em;
}
.m_adv_ct1 .body ul li {
  background-color: #f4f4f4;
  text-align: center;
  padding: 0.75em 0;
}
.m_adv_ct1 .body ul li + li {
  margin: 0.5em auto 0;
}
.m_adv_ct1 .body ul li h4 {
  display: block;
  background: none;
  color: #000;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}
.m_adv_ct1 .body ul li h4 small {
  font-size: 0.7777777778em;
}
.m_adv_ct1 .body ul li p {
  font-size: 0.8333333333em;
  line-height: 1.5;
  margin: 0.2666666667em auto 0;
}
.m_adv_ct1 .body .cap2 {
  font-size: 0.7777777778em;
  line-height: 1.5;
}
.m_adv_ct1 .body .caution {
  font-size: 0.7222222222em;
  color: #666;
  line-height: 1.5;
  margin: 1em auto 0;
}
.m_adv_ct1.color1 {
  border-color: #a69177;
}
.m_adv_ct1.color1 .hd {
  background-color: #a69177;
}
.m_adv_ct1.color2 {
  border-color: #a2d1d9;
}
.m_adv_ct1.color2 .hd {
  background-color: #a2d1d9;
}

.chart_skincare_2025 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3em auto 0;
}
.chart_skincare_2025 .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2em;
}
.chart_skincare_2025 .left p {
  text-align: center;
  font-weight: 500;
}
.chart_skincare_2025 .left > div {
  margin: 1em 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: url(../img/products/facecare/common/chart_skincare_arrow.png) center center no-repeat;
  background-size: 50% 100%;
}
.chart_skincare_2025 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1em;
}
.chart_skincare_2025 .right .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  padding: 0 0.25em;
}
.chart_skincare_2025 .right .hd p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  background-color: #000;
  color: #fff;
  padding: 0.5em 0;
}
.chart_skincare_2025 .right .body {
  margin: 0.5em auto 0;
  position: relative;
}
.chart_skincare_2025 .right .body table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.chart_skincare_2025 .right .body table td {
  width: 25%;
  border: 2px dashed #999;
  height: 7.5em;
}
.chart_skincare_2025 .right .body a {
  position: absolute;
  left: 2.5%;
  top: 1%;
  display: block;
  width: 10%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.chart_skincare_2025 .right .body a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 5em;
}
.chart_skincare_2025 .right .body a p {
  text-align: center;
  font-size: 0.7777777778em;
  margin: 0.2857142857em -1em 0;
  white-space: nowrap;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart_skincare_2025 .right .body a.m_sc_coolwater {
  left: 1%;
  top: 26%;
}
.chart_skincare_2025 .right .body a.m_oil_control {
  left: 7.5%;
  top: 1%;
}
.chart_skincare_2025 .right .body a.m_sc_water {
  left: 11%;
  top: 26%;
}
.chart_skincare_2025 .right .body a.m_sc_milky {
  left: 27.5%;
  top: 51%;
}
.chart_skincare_2025 .right .body a.m_sc_cream {
  left: 57.5%;
  top: 76%;
}
.chart_skincare_2025 .right .body a.perfect_cream_ex {
  left: 77.5%;
  top: 76%;
}
.chart_skincare_2025 .right .body a.m_adv_repair_lotion {
  left: 20%;
  top: 38.5%;
}
.chart_skincare_2025 .right .body a.m_adv_repair_milky {
  left: 37.5%;
  top: 51%;
}
.chart_skincare_2025 .right .body a.m_adv_repair_cream {
  left: 87.5%;
  top: 76%;
}
.chart_skincare_2025 .right .body a:hover img {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.chart_skincare_2025 .right .body a.is-new:after {
  content: "NEW";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: -1em;
  top: -2em;
  width: 3em;
  height: 3em;
  border: 2px solid #c00;
  color: #fff;
  background-color: #f00;
  border-radius: 50%;
  font-size: 0.6666666667em;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .chart_skincare_2025 {
    margin: 2em -3vw 0;
  }
  .chart_skincare_2025 .left {
    font-size: 0.5555555556em;
  }
  .chart_skincare_2025 .right {
    margin-left: 0.5em;
  }
  .chart_skincare_2025 .right .hd p {
    font-size: 0.6666666667em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .chart_skincare_2025 .right .body table td {
    height: 4.8em;
  }
  .chart_skincare_2025 .right .body a img {
    height: 3em;
  }
  .chart_skincare_2025 .right .body a p {
    font-size: 0.5555555556em;
  }
}

.chart_skincare_2025_01 {
  position: relative;
  margin: 3em auto 0;
  max-width: 849px;
}
.chart_skincare_2025_01 > img {
  display: block;
}
.chart_skincare_2025_01 a {
  display: block;
  position: absolute;
  width: 10%;
  height: 14%;
}
.chart_skincare_2025_01 a.m_sc_coolwater {
  left: 12.6%;
  top: 32.4%;
  width: 6.7%;
}
.chart_skincare_2025_01 a.m_oil_control {
  left: 19.8%;
  top: 10%;
  width: 7.5%;
}
.chart_skincare_2025_01 a.m_sc_water {
  left: 20.2%;
  top: 32.4%;
  width: 6.5%;
}
.chart_skincare_2025_01 a.m_sc_milky {
  left: 39.1%;
  top: 55%;
  width: 7%;
}
.chart_skincare_2025_01 a.m_sc_cream {
  left: 59%;
  top: 77.4%;
}
.chart_skincare_2025_01 a.perfect_cream_ex {
  left: 74%;
  top: 77.4%;
}
.chart_skincare_2025_01 a.m_adv_repair_lotion {
  left: 28%;
  top: 46.6%;
  width: 5.5%;
}
.chart_skincare_2025_01 a.m_adv_repair_milky {
  left: 47.5%;
  top: 55%;
  width: 6%;
}
.chart_skincare_2025_01 a.m_adv_repair_cream {
  left: 86.6%;
  top: 77.4%;
}

.perfect_cream_ex_renew_point_fig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2em;
  margin: 2em auto;
}
.perfect_cream_ex_renew_point_fig > div:first-child, .perfect_cream_ex_renew_point_fig > div:last-child {
  width: 10em;
  height: 10em;
}
.perfect_cream_ex_renew_point_fig > div:nth-child(2) {
  width: 10em;
  position: relative;
}
.perfect_cream_ex_renew_point_fig > div:nth-child(2):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5em;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #000;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
}
.perfect_cream_ex_renew_point_fig > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.perfect_cream_ex_renew_point_fig + .cautions {
  font-size: 0.7222222222em;
  line-height: 1.5;
  color: #666;
}