@charset "UTF-8";
:root {
  --color-base:#F5F3EF;
  --color-base2:#FAF8F9;
  --color-bg-yellow:#FAEFBD;
  --color-yellow:#FDD000;
  --color-blue:#BCD8D9;
  --color-note:#656565;
  --color-yoga:#6FBA2C;
  --innerW:87.179%;
  --headerH:13.21vw;
  --bdrW:0.38vw;
  --fs-copy:2.56vw;
  --fs-footernav:3.33vw;
  --fs-10-10:2.56vw;
  --fs-10-12:2.56vw;
  --fs-10-16:2.56vw;
  --fs-12-12:3.08vw;
  --fs-12-14:3.08vw;
  --fs-13-14:3.33vw;
  --fs-13-16:3.33vw;
  --fs-13-19:3.33vw;
  --fs-14-14:3.59vw;
  --fs-14-16:3.59vw;
  --fs-14-18:3.59vw;
  --fs-14-20:3.59vw;
  --fs-14-22:3.59vw;
  --fs-14-30:3.59vw;
  --fs-15-16:3.85vw;
  --fs-15-18:3.85vw;
  --fs-16-18:4.1vw;
  --fs-16-19:4.1vw;
  --fs-16-20:4.1vw;
  --fs-16-24:4.1vw;
  --fs-16-25:4.1vw;
  --fs-16-26:4.1vw;
  --fs-18-16:4.62vw;
  --fs-18-22:4.62vw;
  --fs-18-24:4.62vw;
  --fs-18-26:4.62vw;
  --fs-18-30:4.62vw;
  --fs-18-35:4.62vw;
  --fs-19-39:4.87vw;
  --fs-20-18:5.13vw;
  --fs-20-24:5.13vw;
  --fs-20-30:5.13vw;
  --fs-20-32:5.13vw;
  --fs-20-35:5.13vw;
  --fs-22-26:5.64vw;
  --fs-22-30:5.64vw;
  --fs-22-44:5.64vw;
  --fs-24-28:6.15vw;
  --fs-24-30:6.15vw;
  --fs-26-24:6.67vw;
  --fs-32-48:8.21vw;
}

@media all and (min-width: 864px) {
  :root {
    --innerW:81.77%;
    --headerH:83px;
    --bdrW:1.5px;
    --fs-10-10:1.0rem;
    --fs-10-12:max(1rem, 0.63vw);
    --fs-10-16:max(1rem, 0.83vw);
    --fs-12-12:1.2rem;
    --fs-12-14:max(1.4rem, 0.73vw);
    --fs-13-14:max(1.3rem, 0.73vw);
    --fs-13-19:max(1.3rem, 0.99vw);
    --fs-14-14:max(1.2rem, 0.73vw);
    --fs-14-16:max(1.4rem, 0.83vw);
    --fs-14-18:max(1.3rem, 0.94vw);
    --fs-14-20:max(1.4rem, 1.04vw);
    --fs-14-22:max(1.4rem, 1.15vw);
    --fs-14-30:max(1.4rem, 1.56vw);
    --fs-15-16:max(1.5rem, 0.83vw);
    --fs-15-18:max(1.5rem, 0.94vw);
    --fs-16-18:max(1.6rem, 0.94vw);
    --fs-16-19:max(1.6rem, 0.99vw);
    --fs-16-20:max(1.6rem, 1.04vw);
    --fs-16-24:max(1.6rem, 0.83vw);
    --fs-16-25:max(1.6rem, 1.3vw);
    --fs-16-26:max(1.6rem, 1.35vw);
    --fs-18-16:max(1.6rem, 0.83vw);
    --fs-18-22:max(1.8rem, 1.15vw);
    --fs-18-24:max(1.8rem, 1.25vw);
    --fs-18-26:max(1.8rem, 1.35vw);
    --fs-18-30:1.56vw;
    --fs-18-35:max(1.8rem, 1.82vw);
    --fs-19-39:max(1.9rem, 2.03vw);
    --fs-20-18:0.94vw;
    --fs-20-24:max(2rem, 1.25vw);
    --fs-20-30:max(2rem, 1.56vw);
    --fs-20-32:max(2rem, 1.67vw);
    --fs-20-35:max(2rem, 1.82vw);
    --fs-22-26:max(2.2rem, 1.35vw);
    --fs-22-28:max(2.2rem, 1.46vw);
    --fs-22-30:max(2.2rem, 1.56vw);
    --fs-22-44:min(2.29vw, 4.4rem);
    --fs-24-28:max(2.2rem, 1.46vw);
    --fs-24-30:max(2.3rem, 1.5vw);
    --fs-26-24:max(2.4rem, 1.25vw);
    --fs-32-48:max(3.2rem, 2.5vw);
    --fs-res-18-16:0.83vw;
    --fs-res-14-16:0.83vw;
    --fs-20:max(2rem, 1.04vw);
    --fs-max-18-24:max(1.8rem, 1.25vw);
    --fs-min-16-19:max(1.4rem, 0.99vw);
    --fs-max-13-19:max(1.3rem, 0.99vw);
    --fs-copy:0.83vw;
    --fs-footernav:0.83vw;
  }
}
@media all and (min-width: 1280px) {
  :root {
    --fs-max-18-24:1.25vw;
    --fs-min-16-19:0.99vw;
    --fs-max-13-19:0.99vw;
    --fs-24:1.25vw;
  }
}
@media all and (min-width: 1920px) {
  :root {
    --fs-14-20:2rem;
  }
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

html {
  font-size: 3.125vw;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
}

@media all and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
:root {
  --vh:100vh;
}

body {
  overflow-x: hidden;
  overflow-y: visible;
  color: #000;
  font-family: source-han-sans-japanese, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background: var(--color-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt" 1;
  overscroll-behavior-y: none;
  transition: opacity 1s ease;
}
body.disable {
  opacity: 0;
}

a {
  color: #000;
  text-decoration: none;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

img {
  vertical-align: top;
}

header#global_header {
  z-index: 10;
}

#glbnav {
  z-index: 9;
}

header#global_header {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  border-bottom: 0.38vw solid #000;
  background: var(--color-base);
}
header#global_header .header_inner {
  width: var(--innerW);
  margin: auto;
  height: var(--headerH);
  display: flex;
  align-items: center;
}
header#global_header nav ul {
  display: flex;
  align-items: center;
}
header#global_header nav ul li {
  position: relative;
}
header#global_header nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
header#global_header nav ul li .icon {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
header#global_header nav ul li .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
header#global_header nav ul li:nth-child(1) {
  width: 4.87vw;
  height: 4.87vw;
  margin-right: 5.13vw;
}
header#global_header nav ul li:nth-child(2) {
  width: 5.9vw;
  height: 6.15vw;
  display: none;
}
header#global_header a#btn_menu {
  width: 28.2%;
  height: var(--headerH);
  position: absolute;
  right: 0px;
  top: 0px;
  box-sizing: border-box;
  border-left: 0.38vw solid #000;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
}
header#global_header a#btn_menu .inr {
  display: flex;
  align-items: center;
}
header#global_header a#btn_menu .icon {
  width: 4.1vw;
  height: 2.82vw;
  position: relative;
}
header#global_header a#btn_menu .icon span {
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
  position: absolute;
}
header#global_header a#btn_menu .icon span:nth-of-type(1) {
  top: 0px;
}
header#global_header a#btn_menu .icon span:nth-of-type(2) {
  top: 1.28vw;
}
header#global_header a#btn_menu .icon span:nth-of-type(3) {
  top: 2.31vw;
}
header#global_header a#btn_menu span.txt {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  display: block;
  font-size: var(--fs-14-16);
  line-height: 1;
  letter-spacing: 0.06em;
  position: relative;
  top: -0.26vw;
  margin-left: 3.33vw;
}
header#global_header a#btn_menu span.txt_close {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  display: block;
  font-size: var(--fs-14-16);
  line-height: 1;
  letter-spacing: 0.06em;
  position: relative;
  top: -0.26vw;
  margin-left: 3.33vw;
  display: none;
}

#wrapper {
  padding: var(--headerH) 0 0 0;
}

footer {
  border-top: 0.38vw solid #000;
}
footer .footer_inner {
  width: var(--innerW);
  margin: auto;
  padding: 12.31vw 0 5.13vw 0;
}
footer .cols {
  display: flex;
  justify-content: space-between;
}
footer .col_l {
  width: 29.411%;
}
footer .col_l h6 {
  width: 100%;
}
footer .col_l h6 img {
  width: 100%;
  height: auto;
}
footer .col_r {
  width: 48.2%;
}
footer .sns {
  margin-bottom: 10.26vw;
}
footer .sns ul {
  display: flex;
  align-items: center;
}
footer .sns ul li {
  margin-right: 7.69vw;
}
footer .sns ul li:last-child {
  margin-right: 0px;
}
footer .sns ul li.disable {
  display: none;
}
footer .sns ul a {
  display: block;
}
footer .sns ul .icon {
  position: relative;
}
footer .sns ul .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
footer .sns ul li.sns_insta .icon {
  width: 7.44vw;
  height: 7.44vw;
}
footer .sns ul li.sns_twitter .icon {
  width: 7.44vw;
  height: 6.15vw;
}
footer .nav_footer ul li {
  font-size: var(--fs-footernav);
  line-height: 2.3;
  letter-spacing: 0.023em;
  margin-bottom: 1.28vw;
}
footer .copy {
  text-align: center;
  margin-top: 7.69vw;
}
footer .copy p {
  letter-spacing: 0.023em;
  font-size: var(--fs-copy);
  font-family: sofia-pro, sans-serif;
  font-weight: 300;
}

.ttl_h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 8.72vw;
}
.ttl_h3 h3 {
  position: relative;
  display: inline-block;
  padding-bottom: 2.56vw;
}
.ttl_h3 h3 span {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-24);
  letter-spacing: 0.09em;
  display: inline-block;
}
.ttl_h3 h3:after {
  content: "";
  width: 100%;
  height: 0.38vw;
  background: #000;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate3d(-50%, 0, 0);
}
.ttl_h3.row2 p {
  font-size: var(--fs-32-48);
  letter-spacing: 0.04em;
  line-height: 1;
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  margin-bottom: 0.6em;
}
.ttl_h3.row2 h3 {
  margin: auto;
  padding-bottom: 6.41vw;
}
.ttl_h3.row2 h3.ttl_mfu {
  width: 73.82%;
}

.ttl_h3.with_lead {
  width: 73.82%;
  margin: auto;
  position: relative;
  padding-bottom: 5.13vw;
  margin-bottom: 12.82vw;
}
.ttl_h3.with_lead:after {
  content: "";
  width: 100%;
  height: 0.38vw;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background: #000;
}
.ttl_h3.with_lead h3:after {
  display: none;
}
.ttl_h3.with_lead h4 {
  font-size: var(--fs-18-35);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-top: 3.08vw;
}

.ttl_h4 {
  width: var(--innerW);
  text-align: center;
  margin: auto;
  margin-bottom: 10vw;
  position: relative;
}

.ttl_h4 h4 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-24);
  letter-spacing: 0.09em;
  display: inline-block;
}

.ttl_h4 h5 {
  font-size: var( --fs-16-26);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.192em;
  line-height: 1.5;
  margin-top: 1.25vw;
}

.txt_link {
  width: 100%;
}
.txt_link a.btn_line {
  display: block;
  position: relative;
  padding-bottom: 6.15vw;
}
.txt_link a.btn_line:after {
  width: 100%;
  height: 0.38vw;
  display: block;
  content: "";
  background: #000;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.txt_link a.btn_line p.name {
  font-size: var(--fs-24-28);
  letter-spacing: 0.06em;
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  margin-bottom: 2.56vw;
}
.txt_link a.btn_line p.price {
  font-size: var(--fs-20-24);
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.txt_link a.btn_line p.price span.tax {
  font-size: var(--fs-16-19);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.txt_link a.btn_line .prices {
  display: flex;
  justify-content: space-between;
  margin-top: 4.1vw;
}
.txt_link a.btn_line .prices .regular_price {
  width: 36.8%;
}
.txt_link a.btn_line .prices .regular_price .icon_regular {
  margin-bottom: 0.25em;
}
.txt_link a.btn_line .prices .regular_price .icon_regular p {
  font-size: var(--fs-12-12);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
}
.txt_link a.btn_line .prices .regular_price p.price {
  font-size: var(--fs-20-24);
  letter-spacing: 0.06em;
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  position: relative;
}
.txt_link a.btn_line .prices .regular_price p.price span.tax {
  font-size: var(--fs-16-19);
}
.txt_link a.btn_line .prices .regular_price p.price:after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: 0px;
  left: 0px;
  background: #000;
}
.txt_link a.btn_line .prices .limited_price {
  width: 58%;
}
.txt_link a.btn_line .prices .limited_price .box_limited {
  width: 90%;
  display: flex;
  align-items: center;
  border: 1px solid #000;
  border-radius: 1.54vw;
  padding: 1.03vw 1.79vw;
  margin-left: 2%;
}
.txt_link a.btn_line .prices .limited_price .box_limited .icon {
  width: 10vw;
  height: 10vw;
  display: block;
  background: var(--color-yellow);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.txt_link a.btn_line .prices .limited_price .box_limited .icon p {
  font-size: var(--fs-12-12);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.15;
}
.txt_link a.btn_line .prices .limited_price .box_limited p.price {
  font-size: var(--fs-26-24);
  letter-spacing: 0em;
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
  margin-left: 1.79vw;
  white-space: nowrap;
}
.txt_link a.btn_line .prices .limited_price .box_limited p.price span.tax {
  font-size: var(--fs-13-19);
  margin-left: 1.79vw;
  letter-spacing: 0em;
}
.txt_link a.btn_line .prices .limited_price p.note {
  font-size: var(--fs-12-12);
  color: #656565;
  margin-top: 2.05vw;
  letter-spacing: 0.06em;
}
.txt_link a.btn_line .prices2 {
  display: flex;
  margin-top: 6vw;
  letter-spacing: 0.05em;
}
.txt_link a.btn_line .prices2 .title {
  font-size: var(--fs-14-18);
  margin-bottom: 0.6em;
}
.txt_link a.btn_line .prices2 .red {
  color: #FF0000;
}
.txt_link a.btn_line .prices2 .p-block {
  border: #000 1px solid;
  border-radius: 6px;
  padding: 0.75em 1em 1em;
}
.txt_link a.btn_line .prices2 .noTax {
  font-size: var(--fs-14-16);
  font-weight: bold;
  margin-bottom: 0.5em;
}
.txt_link a.btn_line .prices2 .noTax strong {
  font-size: var(--fs-24-30);
  line-height: 0.9;
  letter-spacing: 0;
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
}
.txt_link a.btn_line .prices2 .inTax {
  font-size: var(--fs-10-12);
  font-weight: bold;
}
.txt_link a.btn_line .prices2 .inTax strong {
  font-size: var(--fs-18-26);
  line-height: 0.9;
  letter-spacing: 0;
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
}
.txt_link a.btn_line .prices2 .normal {
  margin-right: 7vw;
}

#fixed_button {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  display: none;
}

@media all and (min-width: 864px) {
  .wrap_btn.anime.sp {
    display: none;
  }
}
@media all and (max-width: 863px) {
  .wrap_btn.anime {
    width: var(--innerW);
    margin: auto;
    padding: 4.87vw 0;
  }
  .wrap_btn.anime .liquid {
    position: absolute;
  }
  .wrap_btn.anime .liquid canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .wrap_btn.anime .liquid.l {
    top: 10%;
    left: 10%;
    width: 50%;
    height: 65%;
    transform: rotate(10deg);
  }
  .wrap_btn.anime .liquid.r {
    top: 20%;
    right: 5%;
    left: auto;
    width: 70%;
    height: 70%;
    transform: rotate(10deg);
  }
}
.wrap_btn {
  position: relative;
}
.wrap_btn .liquid {
  position: absolute;
  top: -5%;
  left: 8%;
  width: 84%;
  height: 120%;
}
.wrap_btn .liquid canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: rotate(-2deg);
}
.wrap_btn a.btn {
  position: relative;
}

.ball {
  position: absolute;
  width: 10px;
  height: 10px;
  display: block;
  background: red;
  z-index: 100;
}

@media all and (min-width: 864px) {
  .wrap_btn .liquid {
    top: -10%;
    left: 5%;
    width: 90%;
    height: 130%;
  }
  .wrap_btn .liquid canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(-6deg);
  }
  .wrap_btn a.btn {
    position: relative;
  }
  #fixed_button {
    display: none;
  }
  header#global_header {
    border-bottom: 1.5px solid #000;
  }
  header#global_header nav ul li:nth-child(1) {
    width: 26px;
    height: 34px;
    margin-right: 34px;
  }
  header#global_header nav ul li:nth-child(2) {
    width: 32px;
    height: 34px;
    display: none;
  }
  header#global_header a#btn_menu {
    width: 175px;
    border-left: 1.5px solid #000;
  }
  header#global_header a#btn_menu .icon {
    width: 16px;
    height: 11px;
  }
  header#global_header a#btn_menu .icon span:nth-of-type(1) {
    top: 0px;
  }
  header#global_header a#btn_menu .icon span:nth-of-type(2) {
    top: 5px;
  }
  header#global_header a#btn_menu .icon span:nth-of-type(3) {
    top: 10px;
  }
  header#global_header a#btn_menu span.txt, header#global_header a#btn_menu span.txt_close {
    position: relative;
    top: -1px;
    margin-left: 15px;
  }
  footer {
    border-top: 1.5px solid #000;
  }
  footer .footer_inner {
    padding: min(2.5vw, 48px) 0 min(4.17vw, 80px) 0;
  }
  footer .cols {
    align-items: flex-end;
  }
  footer .col_l {
    width: 8.02%;
  }
  footer .col_r {
    width: 91.98%;
    box-sizing: border-box;
    padding-left: 11%;
    position: relative;
    top: -2em;
  }
  footer .sns {
    margin-bottom: 1.46vw;
  }
  footer .sns ul li {
    margin-right: min(1.77vw, 34px);
  }
  footer .sns ul li.sns_insta .icon {
    width: min(1.77vw, 34px);
    height: min(1.77vw, 34px);
  }
  footer .sns ul li.sns_twitter .icon {
    width: min(1.77vw, 34px);
    height: min(1.46vw, 28px);
  }
  footer .nav_footer ul {
    display: flex;
    align-items: center;
  }
  footer .nav_footer ul li {
    line-height: 1;
    margin-right: 2.76vw;
    margin-bottom: 0;
  }
  footer .nav_footer ul li a:hover {
    text-decoration: underline;
  }
  footer .copy {
    position: relative;
    padding-left: 19.02%;
    text-align: left;
    margin-top: -0.8em;
  }
  .ttl_h3 {
    margin-bottom: min(4.06vw, 78px);
  }
  .ttl_h3 h3 {
    padding-bottom: min(0.83vw, 16px);
  }
  .ttl_h3 h3:after {
    height: 1.5px;
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .ttl_h3.row2 {
    text-align: left;
  }
  .ttl_h3.row2 p {
    margin-bottom: 0.6em;
  }
  .ttl_h3.row2 h3 {
    margin: 0;
    padding-bottom: min(1.88vw, 36px);
  }
  .ttl_h3.row2 h3.ttl_mfu {
    width: 85%;
  }
  .ttl_h3.with_lead {
    display: inline-block;
    width: auto;
    margin: 0;
    position: relative;
    padding-bottom: min(1.56vw, 30px);
    margin-bottom: min(6.25vw, 120px);
    text-align: left;
  }
  .ttl_h3.with_lead:after {
    height: 1.5px;
    left: 0px;
    transform: translate3d(0, 0, 0);
  }
  .ttl_h3.with_lead h3 {
    padding-bottom: 0px;
  }
  .ttl_h3.with_lead h3:after {
    display: none;
  }
  .ttl_h3.with_lead h4 {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 500;
    letter-spacing: 0.192em;
    line-height: 1.77;
    margin-top: min(0.42vw, 8px);
  }
  .ttl_h3.with_lead h4 br {
    display: none;
  }
  .ttl_h4 {
    width: auto;
    text-align: left;
    margin-bottom: 5vw;
  }
  #fragrance .section_inner .content:first-child {
    margin-bottom: 0vw;
  }
  
  .txt_link a.btn_line {
    padding-bottom: 28px;
  }
  .txt_link a.btn_line:after {
    width: 100%;
    height: 1.5px;
  }
  .txt_link a.btn_line p.name {
    margin-bottom: min(0.94vw, 18px);
  }
  .txt_link a.btn_line .prices {
    display: flex;
    justify-content: flex-start;
    margin-top: min(1.88vw, 36px);
  }
  .txt_link a.btn_line .prices .regular_price {
    width: 24%;
    min-width: 112px;
    margin-right: min(1.3vw, 25px);
  }
  .txt_link a.btn_line .prices .regular_price .icon_regular {
    margin-bottom: 0.25em;
  }
  .txt_link a.btn_line .prices .regular_price p.price {
    font-size: var(--fs-max-18-24);
    letter-spacing: 0.06em;
    font-family: sofia-pro, sans-serif;
    font-weight: 500;
    position: relative;
  }
  .txt_link a.btn_line .prices .regular_price p.price span.tax {
    font-size: var(--fs-min-16-19);
  }
  .txt_link a.btn_line .prices .regular_price p.price:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 0px;
    left: 0px;
    background: #000;
  }
  .txt_link a.btn_line .prices .limited_price {
    width: 41%;
    min-width: 176px;
  }
  .txt_link a.btn_line .prices .limited_price .box_limited {
    width: 100%;
    box-sizing: border-box;
    border-radius: min(0.31vw, 6px);
    padding: min(0.42vw, 8px) min(0.47vw, 9px);
    margin-left: 0px;
  }
  .txt_link a.btn_line .prices .limited_price .box_limited .icon {
    width: auto;
    min-width: 42px;
    padding: 0 min(0.57vw, 11px);
    height: min(1.56vw, 30px);
    background: var(--color-yellow);
    border-radius: min(1.56vw, 30px);
  }
  .txt_link a.btn_line .prices .limited_price .box_limited .icon p {
    line-height: 1;
    white-space: nowrap;
    font-size: var(--fs-10-12);
  }
  .txt_link a.btn_line .prices .limited_price .box_limited .icon p br.sp {
    display: none;
  }
  .txt_link a.btn_line .prices .limited_price .box_limited p.price {
    font-size: var(--fs-max-18-24);
    position: relative;
    top: max(-0.1vw, -2px);
    margin-left: min(0.73vw, 14px);
    white-space: nowrap;
  }
  .txt_link a.btn_line .prices .limited_price .box_limited p.price span.tax {
    font-size: var(--fs-max-13-19);
    margin-left: min(0.36vw, 7px);
  }
  .txt_link a.btn_line .prices .limited_price p.note {
    margin-top: min(0.63vw, 12px);
    font-size: var(--fs-10-12);
    line-height: 1.2;
  }
  .txt_link a.btn_line .prices2 {
    margin-top: 20px;
    letter-spacing: 0.06em;
  }
  .txt_link a.btn_line .prices2 .p-block {
    padding: 0.75em 1.2em 1em;
  }
  .txt_link a.btn_line .prices2 .noTax strong {
    letter-spacing: 0.02em;
  }
  .txt_link a.btn_line .prices2 .inTax strong {
    letter-spacing: 0.02em;
  }
  .txt_link a.btn_line .prices2 .normal {
    margin-right: 30px;
  }
}
@media all and (min-width: 1280px) {
  .txt_link a.btn_line .prices .regular_price, .txt_link a.btn_line .prices .limited_price {
    width: auto;
  }
}
#wrapper {
  position: relative;
}

#glbnav {
  width: 100%;
  height: 100%;
  min-height: 100svh;
  position: fixed;
  top: 0px;
  left: 0px;
  background: var(--color-base);
}
#glbnav .nav_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: auto;
}
#glbnav .nav_content {
  width: var(--innerW);
  margin: auto;
  padding: 129px 0 calc(16.41vw + env(safe-area-inset-bottom)) 0;
}
#glbnav .nav_brand {
  margin-bottom: 6.41vw;
}
#glbnav .nav_brand ul li:first-child figure {
  border-top: 0.51vw solid #000;
}
#glbnav .nav_brand ul li .cols {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#glbnav .nav_brand ul li .col_l {
  width: 30.29%;
}
#glbnav .nav_brand ul li .col_l figure {
  border-bottom: 0.51vw solid #000;
  border-left: 0.51vw solid #000;
  border-right: 0.51vw solid #000;
  box-sizing: border-box;
}
#glbnav .nav_brand ul li .col_l img {
  width: 100%;
  height: auto;
}
#glbnav .nav_brand ul li .col_r {
  width: 58.82%;
}
#glbnav .nav_brand ul li .col_r h6 {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  font-size: var(--fs-22-44);
  line-height: 1.272;
  margin-bottom: 1.03vw;
}
#glbnav .nav_brand ul li .col_r p {
  font-size: var(--fs-14-20);
  line-height: 1.5;
  letter-spacing: 0.023em;
}
#glbnav .nav_brand ul li .col_r p.note {
  color: var(--color-note);
  font-size: 70%;
  margin-top: 0.3em;
}
#glbnav .nav_brand ul li a.current {
  pointer-events: none;
}
#glbnav .nav_topics {
  margin-bottom: 10.26vw;
}
#glbnav .list_other ul li {
  margin-bottom: 3.85vw;
}
#glbnav .list_other ul li:last-child {
  margin-bottom: 0px;
}
#glbnav .sns {
  margin-top: 13.33vw;
}
#glbnav .sns dl {
  display: flex;
  align-items: center;
}
#glbnav .sns dl dt {
  font-size: var(--fs-14-22);
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-right: 8.46vw;
}
#glbnav .sns dl dd {
  margin-right: 4.36vw;
}
#glbnav .sns dl dd:nth-last-of-type(1) {
  margin-right: 0px;
}
#glbnav .sns dl dd a {
  position: relative;
  display: block;
}
#glbnav .sns dl dd .icon {
  position: relative;
}
#glbnav .sns dl dd .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  object-fit: contain;
}
#glbnav .sns dl dd.sns_insta .icon {
  width: 7.18vw;
  height: 7.18vw;
}
#glbnav .sns dl dd.sns_twitter .icon {
  width: 7.18vw;
  height: 5.9vw;
}
#glbnav .sns dl dd.disable {
  display: none;
}

.nav_topics {
  width: 100%;
}
.nav_topics a {
  display: block;
  width: 100%;
  position: relative;
}
.nav_topics a:after {
  content: "";
  width: 100%;
  height: 0.51vw;
  background: #000;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.nav_topics a .inr {
  position: relative;
  width: 100%;
  padding-bottom: 3.85vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav_topics a span.txt {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-30);
  letter-spacing: 0.06em;
}
.nav_topics a .icon_arrow {
  width: 6.41vw;
  height: 6.41vw;
  position: relative;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.nav_topics a .icon_arrow svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

a.btn {
  display: block;
}
a.btn.round {
  border: 0.51vw solid #000;
  border-radius: 10.26vw;
  background: #fff;
}
a.btn.round .inr {
  padding: 3.59vw 0 3.59vw 0;
  position: relative;
  text-align: center;
}
a.btn.round span.txt {
  font-size: var(--fs-16-20);
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
}
a.btn.round .icon {
  width: 6.41vw;
  height: 6.41vw;
  position: absolute;
  right: 3.85vw;
  top: 50%;
  margin-top: -3.21vw;
}
a.btn.round .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
a.btn.round.yellow {
  background: var(--color-yellow);
}
a.btn.round.black {
  background: #000;
}
a.btn.round.black span.txt {
  color: #fff;
}
a.btn.round.black .icon {
  border-radius: 50%;
  overflow: hidden;
}
a.btn.round.black .icon:before {
  content: "";
  width: 96%;
  height: 96%;
  position: absolute;
  left: 2%;
  top: 2%;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
a.btn.round.row2 {
  border-radius: 25.64vw;
}
a.btn.round.row2 .inr {
  text-align: left;
}
a.btn.round.row2 p.txt {
  padding-left: 8.21vw;
}
a.btn.round.row2 p.txt span.en {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-16);
  display: block;
  margin-bottom: 0.3em;
  letter-spacing: 0.06em;
}
a.btn.round.row2 p.txt span.en.txt_close {
  letter-spacing: 0.04em;
}
a.btn.round.row2 p.txt span.ja {
  font-size: var(--fs-14-16);
  line-height: 1.25;
  letter-spacing: 0.023em;
}

.more a.btn.round .inr {
  padding: 3.08vw 0 3.08vw 0;
  position: relative;
  text-align: center;
}
.more a.btn.round span.txt {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-16);
}

@media all and (min-width: 864px) {
  #glbnav .nav_content {
    padding: 173px 0 100px 0;
  }
  #glbnav .cols {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  #glbnav .nav_brand {
    margin-bottom: 0px;
    width: 42.86%;
  }
  #glbnav .nav_brand ul li:first-child figure {
    border-top: 1.5px solid #000;
  }
  #glbnav .nav_brand ul li .cols {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #glbnav .nav_brand ul li .col_l {
    width: 40.17%;
  }
  #glbnav .nav_brand ul li .col_l figure {
    border-bottom: 1.5px solid #000;
    border-left: 1.5px solid #000;
    border-right: 1.5px solid #000;
    box-sizing: border-box;
  }
  #glbnav .nav_brand ul li .col_r {
    width: 51.7%;
  }
  #glbnav .nav_brand ul li .col_r h6 {
    line-height: 1.272;
    margin-bottom: 0.52vw;
  }
  #glbnav .nav_brand ul li .col_r p {
    line-height: 1.6;
  }
  #glbnav .nav_others {
    width: 42.67%;
  }
  #glbnav .nav_topics {
    margin-bottom: 3.13vw;
  }
  #glbnav .list_other ul li {
    margin-bottom: 1.3vw;
  }
  #glbnav .sns {
    margin-top: 0;
    position: absolute;
    bottom: 0px;
  }
  #glbnav .sns dl {
    display: flex;
    align-items: center;
  }
  #glbnav .sns dl dt {
    margin-right: 3.54vw;
  }
  #glbnav .sns dl dd {
    margin-right: 1.72vw;
  }
  #glbnav .sns dl dd:nth-last-of-type(1) {
    margin-right: 0px;
  }
  #glbnav .sns dl dd.sns_insta .icon {
    width: 34px;
    height: 34px;
  }
  #glbnav .sns dl dd.sns_twitter .icon {
    width: 34px;
    height: 30px;
  }
  .nav_topics a:after {
    height: 2px;
  }
  .nav_topics a .inr {
    padding-bottom: 1.3vw;
  }
  .nav_topics a .icon_arrow {
    width: 1.35vw;
    height: 1.35vw;
  }
  a.btn.round {
    border: 1.5px solid #000;
    border-radius: 3.96vw;
  }
  a.btn.round .inr {
    padding: 1.51vw 0 1.61vw 0;
    text-align: left;
  }
  a.btn.round span.txt {
    padding-left: 1.35vw;
  }
  a.btn.round .icon {
    width: 1.35vw;
    height: 1.35vw;
    position: absolute;
    right: 0.83vw;
    margin-top: -0.68vw;
  }
  a.btn.round.row2 {
    border-radius: 3.96vw;
  }
  a.btn.round.row2 .inr {
    padding: 0.94vw 0 0.78vw 0;
    text-align: left;
  }
  a.btn.round.row2 p.txt {
    width: 70%;
    padding-left: 1.35vw;
  }
  a.btn.round.row2 p.txt span.en {
    letter-spacing: 0.06em;
  }
  a.btn.round.row2 p.txt span.ja br {
    display: none;
  }
  .more a.btn.round .inr {
    padding: 1.2vw 0 1.25vw 0;
    position: relative;
    text-align: left;
  }
  .more a.btn.round span.txt {
    font-family: sofia-pro, sans-serif;
    font-weight: 500;
    font-size: var(--fs-18-16);
  }
}
@media all and (min-width: 1280px) {
  #glbnav br.sp {
    display: none;
  }
}
@media all and (min-width: 1920px) {
  #glbnav .nav_content {
    width: 1570px;
  }
  #glbnav .nav_brand {
    width: 672px;
  }
  #glbnav .nav_brand ul li .col_r h6 {
    margin-bottom: 10px;
  }
  #glbnav .nav_others {
    width: 672px;
  }
  #glbnav .nav_topics {
    margin-bottom: 60px;
  }
  #glbnav .list_other ul li {
    margin-bottom: 25px;
  }
  #glbnav .sns dl dt {
    margin-right: 68px;
  }
  #glbnav .sns dl dd {
    margin-right: 33px;
  }
  #glbnav .sns dl dd.sns_twitter .icon {
    width: 34px;
    height: 30px;
  }
  .nav_topics a .inr {
    padding-bottom: 25px;
  }
  .nav_topics a .icon_arrow {
    width: 26px;
    height: 26px;
  }
  a.btn.round {
    border-radius: 76px;
  }
  a.btn.round .inr {
    padding: 29px 0 31px 0;
  }
  a.btn.round span.txt {
    padding-left: 26px;
  }
  a.btn.round .icon {
    width: 26px;
    height: 26px;
    right: 16px;
    margin-top: -13px;
  }
  a.btn.round.row2 {
    border-radius: 76px;
  }
  a.btn.round.row2 .inr {
    padding: 18px 0 15px 0;
  }
  a.btn.round.row2 p.txt {
    width: 70%;
    padding-left: 26px;
  }
  .more a.btn.round .inr {
    padding: 23px 0 24px 0;
  }
}
@media all and (min-height: 1080px) and (min-width: 864px) {
  #glbnav .nav_inner {
    display: flex;
    align-items: center;
  }
}
#logo {
  position: absolute;
  display: block;
  width: 22.05vw;
  z-index: 2;
  top: 3.85vw;
  left: 50%;
  margin-left: -11.03vw;
  border: var(--bdrW) solid #000;
  background: var(--color-base);
}
#logo h1 {
  margin: auto;
  overflow: hidden;
  transition: height 0.3s ease;
}
#logo .logo_inner {
  overflow: hidden;
  width: 100%;
  height: 27.18vw;
  display: flex;
  align-items: center;
  transition: height 0.3s ease;
}
#logo.logo_mfu {
  border-radius: 22.05vw;
}
#logo.logo_mfu .logo_inner {
  overflow: hidden;
  width: 100%;
  height: 27.18vw;
  display: flex;
  align-items: center;
  transition: height 0.3s ease;
}
#logo.logo_mfu h1 {
  width: 66.27%;
  height: 22.56vw;
}
#logo.logo_mfu .st0 {
  fill: #211714;
}
#logo.logo_mfu .st1 {
  -webkit-clip-path: url(#SVGID_00000106140043417349668760000004980526335346576285_);
          clip-path: url(#SVGID_00000106140043417349668760000004980526335346576285_);
}
#logo.logo_mfu .st2 {
  fill: #191210;
}
#logo.logo_mfu.shrink .logo_inner {
  height: 22.05vw;
}
#logo.logo_mfu.shrink h1 {
  height: 14.1vw;
}
#logo.logo_mqure {
  border-radius: 22.05vw;
}
#logo.logo_mqure h1 {
  width: 66.27%;
  height: 18.97vw;
}
#logo.logo_mqure.shrink .logo_inner {
  height: 22.05vw;
}
#logo.logo_mqure.shrink h1 {
  height: 14.1vw;
}

.show_menu {
  overflow: hidden;
}
.show_menu #logo.logo_mfu .logo_inner, .show_menu #logo.logo_mqure .logo_inner {
  height: 22.05vw;
}
.show_menu #logo.logo_mfu h1, .show_menu #logo.logo_mqure h1 {
  height: 14.1vw;
}

@media all and (min-width: 864px) {
  #logo {
    top: 18px;
    width: 126px;
    margin-left: -63px;
  }
  #logo.logo_mfu {
    border-radius: 126px;
  }
  #logo.logo_mfu .logo_inner {
    width: 100%;
    height: 159px;
  }
  #logo.logo_mfu h1 {
    width: 80px;
    height: 124px;
  }
  #logo.logo_mfu.shrink .logo_inner {
    height: 126px;
  }
  #logo.logo_mfu.shrink h1 {
    height: 77px;
  }
  #logo.logo_mqure {
    border-radius: 126px;
  }
  #logo.logo_mqure .logo_inner {
    width: 100%;
    height: 159px;
  }
  #logo.logo_mqure h1 {
    width: 80px;
    height: 102px;
  }
  #logo.logo_mqure.shrink .logo_inner {
    height: 126px;
  }
  #logo.logo_mqure.shrink h1 {
    height: 77px;
  }
  .show_menu #logo.logo_mfu .logo_inner, .show_menu #logo.logo_mqure .logo_inner {
    height: 126px;
  }
  .show_menu #logo.logo_mfu h1, .show_menu #logo.logo_mqure h1 {
    height: 77px;
  }
}
.point {
  width: 10px;
  height: 10px;
  display: block;
  background: red;
  position: absolute;
  z-index: 100;
}

[data-list-product] img {
  width: 100%;
}
[data-list-product] ul.list_product li {
  margin-bottom: 20.51vw;
  overflow: hidden;
}
[data-list-product] ul.list_product li:nth-child(1) .col_l .liquid {
  width: 115%;
  height: 120%;
  position: absolute;
  top: -5%;
  left: -12%;
}
[data-list-product] ul.list_product li:nth-child(1) .col_l .liquid canvas {
  transform: rotate(5deg);
}
[data-list-product] ul.list_product li:nth-child(2) .col_l .liquid {
  width: 115%;
  height: 120%;
  position: absolute;
  top: -5%;
  left: -2%;
}
[data-list-product] ul.list_product li:nth-child(2) .col_l .liquid canvas {
  transform: rotate(30deg);
}
[data-list-product] ul.list_product li:last-child {
  margin-bottom: 0px;
}
[data-list-product] ul.list_product li .col_l {
  position: relative;
  margin-bottom: 9.74vw;
}
[data-list-product] ul.list_product li .col_l .img {
  width: 70.58%;
  margin: auto;
  position: relative;
}
[data-list-product] ul.list_product li .col_l .liquid {
  width: 115%;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -7.5%;
}
[data-list-product] ul.list_product li .col_l .liquid canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-list-product] ul.list_product li .col_l figure {
  border: var(--bdrW) solid #000;
  border-radius: 61.54vw;
  overflow: hidden;
}
[data-list-product] ul.list_product li .col_l figure img {
  position: relative;
  height: auto;
}
[data-list-product] ul.list_product li .col_r .ttl {
  width: 73.82%;
  margin: auto;
  padding-bottom: 7.18vw;
  position: relative;
  margin-bottom: 5.13vw;
}
[data-list-product] ul.list_product li .col_r .ttl h3 {
  width: 37.6%;
  margin: auto;
}
[data-list-product] ul.list_product li .col_r .ttl h3 img {
  height: auto;
}
[data-list-product] ul.list_product li .col_r .ttl p.type {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: center;
  font-size: var(--fs-16-20);
  margin-top: 0.5em;
}
[data-list-product] ul.list_product li .col_r .ttl:after {
  content: "";
  width: 100%;
  height: 0.38vw;
  background: #000;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
[data-list-product] ul.list_product li .col_r .product_description h4 {
  font-size: var(--fs-18-22);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.66;
  text-align: center;
  margin-bottom: 1em;
}
[data-list-product] ul.list_product li .col_r .product_description p {
  font-size: var(--fs-14-14);
  letter-spacing: 0.04em;
  line-height: 2;
}
[data-list-product] ul.list_product li .col_r .more {
  margin-top: 10.26vw;
}
[data-list-product] ul.list_product li .col_r .more span.hide {
  display: none;
}
[data-list-product] ul.list_product li .col_r .links {
  margin-top: 10.26vw;
}
[data-list-product] ul.list_product li .col_r .links dl {
  margin-bottom: 6.41vw;
}
[data-list-product] ul.list_product li .col_r .links dl:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-list-product] ul.list_product li .col_r .links dl dt {
  font-size: var(--fs-14-14);
  line-height: 2;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  margin-bottom: 1.79vw;
}
[data-list-product] ul.list_product li .col_r .links dl dd a.btn.round.row2 p.txt {
  line-height: 1.25;
}
[data-list-product] ul.list_product li .col_r .links + .note {
  margin-top: 4.1vw;
}
[data-list-product] ul.list_product li .col_r .note {
  margin-top: 1.03vw;
}
[data-list-product] ul.list_product li .col_r .note p {
  font-size: var(--fs-10-12);
  color: var(--color-note);
}

@media all and (min-width: 864px) {
  [data-list-product] img {
    width: 100%;
  }
  [data-list-product] ul.list_product li {
    width: 100%;
    margin-bottom: 6.25vw;
    overflow: visible;
  }
  [data-list-product] ul.list_product li:last-child {
    margin-bottom: 0px;
  }
  [data-list-product] ul.list_product li:nth-child(1) .col_l .liquid {
    left: -15%;
    top: 2%;
    height: 110%;
  }
  [data-list-product] ul.list_product li:nth-child(1) .col_l .liquid canvas {
    transform: rotate(5deg);
  }
  [data-list-product] ul.list_product li:nth-child(2) .col_l .liquid {
    left: -4%;
    top: -2%;
    height: 110%;
  }
  [data-list-product] ul.list_product li:nth-child(2) .col_l .liquid canvas {
    transform: rotate(30deg);
  }
  [data-list-product] ul.list_product li .cols {
    display: flex;
    justify-content: space-between;
  }
  [data-list-product] ul.list_product li .col_l {
    width: 45%;
    position: relative;
    margin-bottom: 0px;
  }
  [data-list-product] ul.list_product li .col_l .liquid {
    width: 116%;
    height: 115%;
    position: absolute;
    top: 0%;
    left: -8%;
  }
  [data-list-product] ul.list_product li .col_l .img {
    width: 100%;
  }
  [data-list-product] ul.list_product li .col_l figure {
    width: 100%;
    border-radius: 23.44vw;
    overflow: hidden;
  }
  [data-list-product] ul.list_product li .col_r {
    width: 45%;
  }
  [data-list-product] ul.list_product li .col_r .ttl {
    width: 100%;
    margin: auto;
    padding-bottom: min(1.56vw, 30px);
    margin-bottom: min(1.04vw, 20px);
  }
  [data-list-product] ul.list_product li .col_r .ttl h3 {
    width: 36.82%;
  }
  [data-list-product] ul.list_product li .col_r .ttl p.type {
    font-size: var(--fs-20);
  }
  [data-list-product] ul.list_product li .col_r .ttl:after {
    height: 1.5px;
  }
  [data-list-product] ul.list_product li .col_r .product_description h4 {
    letter-spacing: 0.03em;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 1em;
  }
  [data-list-product] ul.list_product li .col_r .product_description p {
    letter-spacing: 0.023em;
  }
  [data-list-product] ul.list_product li .col_r .more {
    margin-top: min(1.56vw, 30px);
  }
  [data-list-product] ul.list_product li .col_r a.btn .icon {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0.83vw;
    margin-top: -13px;
  }
  [data-list-product] ul.list_product li .col_r a.btn span.txt {
    font-size: var(--fs-res-18-16);
  }
  [data-list-product] ul.list_product li .col_r a.btn.row2 p.txt span.en {
    font-size: var(--fs-res-18-16);
  }
  [data-list-product] ul.list_product li .col_r a.btn.row2 p.txt span.ja {
    font-size: var(--fs-res-14-16);
  }
  [data-list-product] ul.list_product li .col_r .links {
    margin-top: min(2.08vw, 40px);
  }
  [data-list-product] ul.list_product li .col_r .links dl {
    margin-bottom: min(1.3vw, 25px);
  }
  [data-list-product] ul.list_product li .col_r .links dl:nth-last-of-type(1) {
    margin-bottom: 0px;
  }
  [data-list-product] ul.list_product li .col_r .links dl dt {
    margin-bottom: 0.36vw;
  }
  [data-list-product] ul.list_product li .col_r .links + .note {
    margin-top: min(0.83vw, 16px);
  }
  [data-list-product] ul.list_product li .col_r .note {
    margin-top: 0.5em;
  }
  [data-list-product] ul.list_product li .col_r .note p {
    font-size: var(--fs-10-12);
    color: var(--color-note);
  }
  .list_product-vertical .cols {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .list_product-vertical .col_l {
    width: 62% !important;
  }
  .list_product-vertical .col_r {
    margin-top: min(3.85vw, 74px);
    width: 52% !important;
  }
  .list_product-vertical .note {
    font-size: var(--fs-12-12);
    line-height: 1.66;
    color: #656565;
  }
}
@media all and (min-width: 1180px) {
  [data-list-product] ul.list_product {
    display: flex;
    justify-content: space-between;
  }
  [data-list-product] ul.list_product li {
    width: 46.4%;
    margin-bottom: 0;
  }
  [data-list-product] ul.list_product li .col_l {
    width: 53.1%;
    position: relative;
    margin-bottom: 0;
  }
  [data-list-product] ul.list_product li .col_r {
    width: 37.89%;
  }
  [data-list-product] ul.list_product li .col_r .ttl h3 {
    width: 36.82%;
  }
  [data-list-product] ul.list_product li .col_r .ttl p.type {
    font-size: var(--fs-16-20);
  }
}
[data-list-topics] ul {
  width: var(--innerW);
  margin: auto;
}
[data-list-topics] ul li {
  margin-bottom: 6.41vw;
}
[data-list-topics] ul li a {
  display: block;
  box-sizing: border-box;
  border: var(--bdrW) solid #000;
}
[data-list-topics] ul li img {
  width: 100%;
  height: auto;
}
[data-list-topics] ul li .txt {
  background: #fff;
  border-bottom: var(--bdrW) solid #000;
  padding: 3.33vw 3.85vw 3.85vw 3.85vw;
  position: relative;
}
[data-list-topics] ul li .txt p.date {
  letter-spacing: 0.03em;
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-size: var(--fs-14-16);
  margin-bottom: 1em;
}
[data-list-topics] ul li .txt h4 {
  letter-spacing: 0.02em;
  font-size: var(--fs-13-14);
  line-height: 1.69;
}
[data-list-topics] ul li .txt h4 sup {
  font-size: 70%;
  vertical-align: super;
}
[data-list-topics] ul li .txt h4 p.notes {
  color: #656565;
}
[data-list-topics] ul li .txt .icon {
  position: absolute;
  width: 6.41vw;
  height: 6.41vw;
  top: 3.08vw;
  right: 3.85vw;
}
[data-list-topics] ul li .txt .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

[data-page=topics] #articles {
  padding-top: 76px;
}
[data-page=topics] article {
  padding-bottom: 15.38vw;
  border-bottom: var(--bdrW) solid #000;
  padding-top: 14.36vw;
}
[data-page=topics] article:nth-of-type(1) {
  padding-top: 0px;
}
[data-page=topics] article:nth-last-of-type(1) {
  border-bottom: none;
  margin-bottom: 0px;
}
[data-page=topics] article figure {
  box-sizing: border-box;
  border: var(--bdrW) solid #000;
  margin-bottom: 12.31vw;
}
[data-page=topics] article figure img {
  height: auto;
}
[data-page=topics] article .header {
  width: var(--innerW);
  margin: auto;
  margin-bottom: 9.74vw;
}
[data-page=topics] article .header.pc {
  display: none;
}
[data-page=topics] article .header p.date {
  color: #656565;
  font-size: var(--fs-16-18);
  letter-spacing: 0.03em;
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  margin-bottom: 1em;
}
[data-page=topics] article .header h2 {
  font-size: var(--fs-18-24);
  letter-spacing: 0.03em;
  line-height: 1.667;
}
[data-page=topics] article .header h2 span.sup {
  font-size: var(--fs-12-12);
  vertical-align: super;
}
[data-page=topics] article .body {
  width: var(--innerW);
  margin: auto;
}
[data-page=topics] article .body .lead {
  margin-bottom: 3.5em;
}
[data-page=topics] article .body .lead p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-page=topics] article .body .content p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-page=topics] article .body a {
  text-decoration: underline;
}
[data-page=topics] article .body p {
  font-size: var(--fs-14-16);
  line-height: 2.14;
  letter-spacing: 0.03em;
  margin-bottom: 2.5em;
}
[data-page=topics] article .body span.sup {
  font-size: var(--fs-10-10);
  vertical-align: super;
}
[data-page=topics] article .body .note {
  margin-top: 2em;
}
[data-page=topics] article .body .note p {
  font-size: var(--fs-10-12);
  color: var(--color-note);
  margin-bottom: 0;
}
[data-page=topics] article .body .more {
  margin-top: 7.69vw;
}
[data-page=topics] article .body .more.totyu {
  margin-bottom: 13vw;
}
[data-page=topics] article .body .more a {
  text-decoration: none;
}

@media all and (min-width: 864px) {
  [data-list-topics] ul {
    display: flex;
    flex-wrap: wrap;
  }
  [data-list-topics] ul li {
    width: 48.43%;
    margin-right: 3.05%;
    margin-bottom: 2.6vw;
  }
  [data-list-topics] ul li:nth-child(2n) {
    margin-right: 0px;
  }
  [data-list-topics] ul li a {
    display: block;
    box-sizing: border-box;
    border: var(--bdrW) solid #000;
  }
  [data-list-topics] ul li img {
    width: 100%;
  }
  [data-list-topics] ul li .txt {
    background: #fff;
    border-bottom: var(--bdrW) solid #000;
    padding: 1.2vw 1.3vw 0.78vw 1.15vw;
  }
  [data-list-topics] ul li .txt p.date {
    margin-bottom: 1em;
  }
  [data-list-topics] ul li .txt h4 {
    line-height: 2.14;
  }
  [data-list-topics] ul li .txt .icon {
    width: min(1.35vw, 26px);
    height: min(1.35vw, 26px);
    top: 0.94vw;
    right: 1.56vw;
  }
  [data-page=topics] footer {
    border-top: none;
  }
  [data-page=topics] #articles {
    padding-top: 0px;
  }
  [data-page=topics] #articles .cols {
    width: var(--innerW);
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  [data-page=topics] #articles .cols .col_l {
    width: 50%;
    position: relative;
  }
  [data-page=topics] #articles .cols .col_l figure {
    position: -webkit-sticky;
    position: sticky;
    top: var(--headerH);
    margin-bottom: 0px;
  }
  [data-page=topics] #articles .cols .col_r {
    width: 44.58%;
  }
  [data-page=topics] article {
    padding-bottom: 0px;
    margin-bottom: 0;
    padding-top: 0px;
    border: none;
    position: relative;
  }
  [data-page=topics] article:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: #000;
    display: block;
    height: var(--bdrW);
  }
  [data-page=topics] article.equal {
    position: relative;
  }
  [data-page=topics] article.equal figure {
    border-bottom: none;
  }
  [data-page=topics] article:nth-last-of-type(1) {
    border-bottom: none;
    margin-bottom: 0px;
  }
  [data-page=topics] article:nth-last-of-type(1).equal figure {
    border-bottom: none;
  }
  [data-page=topics] article:nth-of-type(1) .header {
    margin-top: 135px;
  }
  [data-page=topics] article figure {
    box-sizing: border-box;
    border-top: none;
    margin-bottom: 12.31vw;
  }
  [data-page=topics] article figure img {
    height: auto;
  }
  [data-page=topics] article .header {
    width: 100%;
    margin: min(5.99vw, 115px) 0 min(3.13vw, 60px) 0;
  }
  [data-page=topics] article .header.pc {
    display: block;
  }
  [data-page=topics] article .header.sp {
    display: none;
  }
  [data-page=topics] article .header p.date {
    margin-bottom: 2em;
  }
  [data-page=topics] article .body {
    width: 100%;
    margin: auto;
    padding-bottom: min(1.09vw, 21px);
  }
  [data-page=topics] article .body .lead {
    margin-bottom: 2em;
  }
  [data-page=topics] article .body p {
    font-size: var(--fs-14-16);
    line-height: 1.875;
    letter-spacing: 0.03em;
    margin-bottom: 2em;
  }
  [data-page=topics] article .body .more {
    margin-top: min(2.5vw, 48px);
    margin-bottom: min(6.3vw, 121px);
  }
  [data-page=topics] article .body .more.totyu {
    margin-bottom: min(4.5vw, 90px);
  }
}
@media all and (min-width: 1180px) {
  [data-list-topics] ul {
    display: flex;
    flex-wrap: wrap;
  }
  [data-list-topics] ul li {
    width: 31.26%;
    margin-right: 3.05%;
  }
  [data-list-topics] ul li:nth-child(2n) {
    margin-right: 3.05%;
  }
  [data-list-topics] ul li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media all and (min-width: 1440px) {
  [data-list-topics] ul {
    display: flex;
    flex-wrap: wrap;
  }
  [data-list-topics] ul li {
    width: 22.67%;
    margin-right: 3.05%;
  }
  [data-list-topics] ul li:nth-child(2n), [data-list-topics] ul li:nth-child(3n) {
    margin-right: 3.05%;
  }
  [data-list-topics] ul li:nth-child(4n) {
    margin-right: 0px;
  }
}
[data-page=top] #kv .img_kv {
  border-bottom: var(--bdrW) solid #000;
}
#kv {
  position: relative;
}
#kv img {
  width: 100%;
}
#kv .img_kv {
  width: 100%;
  height: 134.62vw;
  position: relative;
}
#kv .img_kv figure {
  width: 100%;
  height: 134.62vw;
}
#kv .img_kv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#kv .pc {
  display: none;
}
#kv .content {
  padding: 12.31vw 0;
  width: var(--innerW);
  margin: auto;
}

#kv .content h2 {
  font-size: var(--fs-19-39);
  letter-spacing: 0.09em;
  line-height: 1.684;
  margin-bottom: 6.67vw;
  position: absolute;
  top: min(5.3vw, 24px);
  left: min(5.3vw, 24px);
}
#kv .content p {
  font-size: var(--fs-18-16);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
}

#kv .content img {
  height: auto;
}
#kv .content p img + img, #kv .content .wrap_btn {
  margin-top: 6.41vw;
}
#kv .note p {
  font-size: var(--fs-10-12);
  color: white
}

#kv .note{
  position: absolute;
  bottom: min(2.4vw, 24px);
  right: min(2.4vw, 24px);
}

#kv .content h3.sp {
  margin-bottom: 6.42vw;
  text-align: center;
}
#kv .content h3.sp img{
  width: 48%;
  margin-bottom: 0px;
}

#kv .content .sp img {
  width: 63%;
  /* margin-bottom: 6.67vw; */
}

#product_lineup {
  border-bottom: var(--bdrW) solid #000;
}
#product_lineup .section_inner {
  width: var(--innerW);
  margin: auto;
  padding: 15.38vw 0 21.28vw 0;
}

#concept {
  border-bottom: var(--bdrW) solid #000;
  background: var(--color-base2);
}
#concept .section_inner {
  padding-bottom: 16.41vw;
}
#concept img {
  width: 100%;
}
#concept .col2 {
  width: 100%;
  position: relative;
}
#concept .col2 .col_l {
  margin-bottom: 15.9vw;
}
#concept .col2 figure {
  width: 100%;
  height: 102.05vw;
}
#concept .col2 figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}
#concept .col2 .col_r .ttl_h3 {
  position: absolute;
  top: 14.87vw;
}
#concept .col2 .col_r .lead {
  width: var(--innerW);
  margin: auto;
  margin-bottom: 7.69vw;
}
#concept .col2 .col_r .lead h4 {
  font-size: var(--fs-20-35);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.03em;
  margin-bottom: 4.1vw;
}
#concept .col2 .col_r .lead p {
  font-size: var(--fs-16-18);
  letter-spacing: 0.023em;
  line-height: 2;
}
#concept .col2 .col_r ul {
  width: var(--innerW);
  margin: auto;
}
#concept .col2 .col_r ul li {
  margin-bottom: 5.13vw;
}
#concept .col2 .col_r ul li:last-child {
  margin-bottom: 0px;
}

#topics .section_inner {
  padding: 15.38vw 0 22.56vw 0;
}
#topics .more {
  width: var(--innerW);
  margin: auto;
}
#topics .more a.btn .inr {
  text-align: left;
}
#topics .more a.btn .inr span.txt {
  padding-left: 6.67vw;
}

@media all and (min-width: 864px) {
  #kv {
    width: 100%;
    height: calc(100vh - var(--headerH));
    min-height: 700px;
    position: relative;
  }
  #kv .sp {
    display: none;
  }
  #kv .pc {
    display: block;
  }
  #kv .img_kv {
    width: 100%;
    height: 100%;
    min-height: 640px;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #kv .img_kv figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #kv .img_kv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #kv .product {
    position: absolute;
    left: 3.5vw;
    bottom: 1.875vw;
    width: 17.1vw;
    max-width: 286px;
  }

  #kv .content {
    width: 100%;
    height: 100%;
    min-height: 640px;
    position: absolute;
    top: 0px;
    left: 50%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    z-index: 5;
    transform: translate(-50%,0px);
  }
  #kv .content .content_inner {
    width: 16%;
    /* padding-bottom: min(4.6vw, 70px); */
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  #kv .content .content_inner h2{
    position: static
  }

  #kv .content .content_inner .note {
    margin-top: min(0.83vw, 16px);
  }
  #kv .content .content_inner .note p {
    font-size: var(--fs-10-12);
    color: var(--color-note);
  }
  #kv .content .content_inner .wrap_btn {
    padding: 2vw 0 0;
  }
  #kv .content .content_inner .wrap_btn .liquid {
    position: absolute;
  }
  #kv .content .content_inner .wrap_btn .liquid canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #kv .content .content_inner .wrap_btn .liquid.l {
    top: 10%;
    left: 0%;
  }
  #kv .content .content_inner .wrap_btn .liquid.r {
    top: 25%;
  }
  #kv .content h2 {
    width: 100%;
    line-height: 2;
    margin-bottom: min(3.8vw, 112px);
  }
  #kv .content h3 {
    filter: grayscale(100%) invert(100%);
    width: 46%;
    max-width: 300px;
    margin-bottom: min(3.125vw, 60px);
  }
  #kv .content p {
    color: #fff;
    line-height: 1.66;
    letter-spacing: 0.192em;
    margin-bottom: min(1.25vw, 24px);
    font-size: min(1.56vw, 3rem);
  }

  #kv .content .wrap_btn {
    width: 100%;
    max-width: 570px;
    margin-top: 0;
  }
  #kv .content .wrap_btn .liquid.l {
    top: -15%;
    left: -2%;
    width: min(10.42vw, 200px);
    height: min(6.25vw, 120px);
    transform: rotate(10deg);
  }
  #kv .content .wrap_btn .liquid.r {
    top: 5%;
    right: 0%;
    left: auto;
    width: min(15.63vw, 300px);
    height: min(6.25vw, 120px);
    transform: rotate(4deg);
  }
  #kv .content .wrap_btn a.btn .inr {
    text-align: center;
  }
  #kv .content .wrap_btn a.btn span.txt {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding-left: 0px;
  }
  #product_lineup .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(3.65vw, 70px) 0 min(4.17vw, 80px) 0;
  }
  #product_lineup .ttl_h3 {
    text-align: left;
  }
  #concept .section_inner {
    padding-bottom: 0;
  }
  #concept img {
    width: 100%;
  }
  #concept .col2 {
    display: flex;
    width: 100%;
    position: relative;
  }
  #concept .col2 .col_l {
    width: 55.9375%;
    min-height: 420px;
    margin-bottom: 0;
  }
  #concept .col2 figure {
    width: 100%;
    min-height: 420px;
    height: 40.94vw;
  }
  #concept .col2 figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
  }
  #concept .col2 .col_r {
    width: 44.0625%;
    display: flex;
    align-items: center;
  }
  #concept .col2 .col_r .r_inner {
    width: 82.74%;
    margin: auto;
  }
  #concept .col2 .col_r .ttl_h3 {
    position: static;
    top: auto;
    text-align: left;
    margin-bottom: min(3.13vw, 60px);
  }
  #concept .col2 .col_r .lead {
    width: 100%;
    margin: auto;
    margin-bottom: min(1.56vw, 30px);
  }
  #concept .col2 .col_r .lead h4 {
    margin-bottom: min(1.15vw, 22px);
  }
  #concept .col2 .col_r ul {
    width: 100%;
    max-width: 500px;
    margin: 0px;
  }
  #concept .col2 .col_r ul li {
    margin-bottom: 1.04vw;
  }
  #concept .col2 .col_r ul li:last-child {
    margin-bottom: 0px;
  }
  #topics .section_inner {
    padding: 3.85vw 0 4.58vw 0;
  }
  #topics .ttl_h3 h3:after {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
  #topics .more {
    width: 277px;
  }
  #topics .more a.btn .inr span.txt {
    padding-left: 1.35vw;
  }
}
[data-type=article] img {
  width: 100%;
}
[data-type=article] #kv_page .section_inner {
  padding-bottom: 15.38vw;
}
[data-type=article] #kv_page .img_kv {
  width: 100%;
}
[data-type=article] #kv_page .img_kv figure {
  width: 100%;
  height: 122.05vw;
  box-sizing: border-box;
  border-bottom: var(--bdrW) solid #000;
}
[data-type=article] #kv_page .img_kv figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-type=article] #kv_page .content {
  padding-top: 14.1vw;
}
[data-type=article] #kv_page .content .content_inner {
  width: var(--innerW);
  margin: auto;
}
[data-type=article] #kv_page .content h2 {
  width: 98.23%;
  margin: 0;
  margin-bottom: 7.18vw;
}
[data-type=article] #kv_page .content h2.txt_mqure {
  width: 55%;
}
[data-type=article] #kv_page .content h3 {
  font-size: var(--fs-20-30);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.7;
  margin-bottom: 6.92vw;
}
[data-type=article] #kv_page .content .ttl_note {
  margin-bottom: 7.69vw;
}
[data-type=article] #kv_page .content .ttl_note h3 {
  margin-bottom: 2.56vw;
}
[data-type=article] #kv_page .content .ttl_note p.note {
  font-size: var(--fs-12-12);
  color: #656565;
}
[data-type=article] #kv_page .content .note {
  line-height: 1.7;
  font-size: var(--fs-12-12);
  color: #656565;
  margin-bottom: 7.69vw;
}

[data-type=article] #kv_page .content .lead {
  margin-bottom: 10.26vw;
}
[data-type=article] #kv_page .content .lead h4 {
  font-size: var(--fs-18-24);
  line-height: 1.66;
  margin-bottom: 9.49vw;
  letter-spacing: 0.09em;
}
[data-type=article] #kv_page .content .lead p {
  font-size: var(--fs-14-20);
  line-height: 2.2;
  letter-spacing: 0.023em;
  margin-bottom: 1.5em;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
}
[data-type=article] #kv_page .content .lead p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-type=article] #kv_page .content .lead p br.pc {
  display: none;
}
[data-type=article] #kv_page .content .wrap_btn a.btn .inr span.txt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
}

[data-list-col2].align_top ul li .cols {
  align-items: start;
}


[data-list-col2] ul {
  width: var(--innerW);
  margin: auto;
}
[data-list-col2] ul li {
  margin-bottom: 7.69vw;
}
[data-list-col2] ul li:last-child {
  margin-bottom: 0px;
}
[data-list-col2] ul li .cols {
  display: flex;
  align-items: top;
  justify-content: space-between;
}
[data-list-col2] ul li .icon {
  width: 23.52%;
}
[data-list-col2] ul li .icon img {
  width: 100%;
}
[data-list-col2] ul li .col_r {
  width: 69.41%;
}
[data-list-col2] ul li p.approach {
  font-size: var(--fs-16-20);
  margin-bottom: 3.08vw;
  color: #656565;
}
[data-list-col2] ul li p.note {
  font-size: var(--fs-12-12);
  line-height: 1.66;
  color: #656565;
  margin-top: 0.5em;
}
[data-list-col2] ul li dl dt {
  font-size: var(--fs-16-25);
  line-height: 2;
  letter-spacing: 0.06em;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  margin-bottom: 0.3em;
}
[data-list-col2] ul li dl dd {
  font-size: var(--fs-14-20);
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: justify;
}
[data-list-col2] ul li dl dd br {
  display: none;
}
[data-list-col2] ul li dl span.sup {
  font-size: var(--fs-12-12);
  vertical-align: super;
}

[data-list-fragrance] .color_yoga {
  color: var(--color-yoga);
}


[data-list-fragrance] ul {
  width: var(--innerW);
  margin: auto;
}

[data-list-fragrance] ul li {
  margin-bottom: 7.69vw;
}
[data-list-fragrance] ul li .ttl_fragrance {
  margin-bottom: 2.56vw;
}
[data-list-fragrance] ul li .ttl_fragrance h5 {
  margin: auto;
}
[data-list-fragrance] ul li .img {
  width: 84.41%;
  margin: auto;
  margin-bottom: 8.72vw;
}
[data-list-fragrance] ul li .txt h6 {
  font-size: var(--fs-22-26);
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.15;
  margin-bottom: 5.13vw;
}
[data-list-fragrance] ul li .txt h6 span {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-24);
  letter-spacing: 0.06em;
  display: block;
  margin-top: 2.05vw;
}
[data-list-fragrance] ul li .txt p {
  font-size: var(--fs-14-16);
  letter-spacing: 0.023em;
  line-height: 1.875;
  text-align: justify;
}
[data-list-fragrance] ul li.fantasy h5 {
  width: 47.05%;
}
[data-list-fragrance] ul li.rose_rose h5 {
  width: 55.88%;
}
[data-list-fragrance] ul li.yoga h5 {
  width: 31.4%;
}
[data-list-fragrance] ul li.honest h5 {
  width: 44.11%;
}
[data-list-fragrance] ul li.sun h5 {
  width: 24.11%;
}
[data-list-fragrance] ul .chart {
  margin-top: 10.26vw;
}
[data-list-fragrance] ul .chart .chart_cols {
  display: flex;
}
[data-list-fragrance] ul .chart .chart_cols dl {
  width: 33.33%;
}
[data-list-fragrance] ul .chart .chart_cols dl dt {
  font-size: var(--fs-16-26);
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #656565;
  margin-bottom: 5.13vw;
  position: relative;
}
[data-list-fragrance] ul .chart .chart_cols dl dt:before {
  content: "";
  width: 100%;
  height: var(--bdrW);
  display: block;
  background: #000;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: 0;
}
[data-list-fragrance] ul .chart .chart_cols dl dt span {
  position: relative;
  background: var(--color-base2);
}
[data-list-fragrance] ul .chart .chart_cols dl dd {
  font-size: var(--fs-14-16);
  line-height: 1.85;
  letter-spacing: 0.06em;
}
[data-list-fragrance] ul .chart .chart_cols dl.l dt span {
  padding-right: 2em;
}
[data-list-fragrance] ul .chart .chart_cols dl.m dt, [data-list-fragrance] ul .chart .chart_cols dl.m dd {
  text-align: center;
}
[data-list-fragrance] ul .chart .chart_cols dl.m dt span {
  padding: 0 2em;
}
[data-list-fragrance] ul .chart .chart_cols dl.r dt, [data-list-fragrance] ul .chart .chart_cols dl.r dd {
  text-align: right;
}
[data-list-fragrance] ul .chart .chart_cols dl.r dt span {
  padding-left: 2em;
}

.steps ul {
  width: var(--innerW);
  margin: auto;
}
.steps ul li {
  padding-bottom: 32.82vw;
  margin-bottom: 19.49vw;
  position: relative;
}
.steps ul li:after {
  content: "";
  width: 10.77vw;
  height: 18.72vw;
  display: block;
  background: url(../images/common/icon_arrow_down.svg) top left no-repeat;
  background-size: auto 100%;
  position: absolute;
  bottom: 0px;
  left: 10.82%;
}
.steps ul li .cols {
  display: flex;
  justify-content: space-between;
}
.steps ul li .col_l {
  width: 48%;
}
.steps ul li .col_l img {
  width: 100%;
}
.steps ul li .col_r {
  width: 52%;
}
.steps ul li .col_r p.step_name {
  font-size: var(--fs-22-30);
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-bottom: 2.05vw;
  line-height: 1.18;
}
.steps ul li .col_r h5 {
  font-size: var(--fs-18-26);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.277;
  margin-bottom: 3.33vw;
  line-height: 1.277;
}
.steps ul li .col_r p.step_txt {
  font-size: var(--fs-14-18);
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: justify;
}
.steps ul li .col_r br.pc {
  display: none;
}
.steps ul li.step0 .col_l figure, .steps ul li.step1 .col_l figure {
  width: 62.57%;
  padding-left: 4.41%;
}
.steps ul li.step2 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.steps ul li.step2 figure {
  width: 84%;
}
.steps ul li.step2:after {
  display: none;
}

[data-nav-type] ul {
  border-top: var(--bdrW) solid #000;
}
[data-nav-type] ul li {
  width: 100%;
  border-bottom: var(--bdrW) solid #000;
  box-sizing: border-box;
}
[data-nav-type] ul li a {
  display: block;
}
[data-nav-type] ul li a.current {
  pointer-events: none;
}
[data-nav-type] ul li a.current .icon {
  transform: rotate(90deg);
}
[data-nav-type] ul li:nth-child(1) a.current {
  background: #cecece
}
[data-nav-type] ul li:nth-child(2) a.current {
  background: var(--color-yellow);
}
[data-nav-type] ul li:nth-child(3) a.current {
  background: var(--color-blue);
}
[data-nav-type] ul li .cols {
  display: flex;
  position: relative;
}
[data-nav-type] ul li .cols .img {
  width: 29.411%;
  border-right: var(--bdrW) solid #000;
  box-sizing: border-box;
}
[data-nav-type] ul li .cols .col_r {
  width: 70.589%;
  display: flex;
  align-items: center;
}
[data-nav-type] ul li .cols .icon {
  width: 6.41vw;
  height: 6.41vw;
  position: absolute;
  top: 50%;
  margin-top: -3.21vw;
  right: 6.67vw;
}
[data-nav-type] ul li .cols .icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
[data-nav-type] ul li .cols h3 {
  padding-left: 7.18vw;
}
[data-nav-type] ul li .cols h3 span {
  display: block;
}
[data-nav-type] ul li .cols h3 span.en {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-size: var(--fs-16-26);
  line-height: 1.565;
  letter-spacing: 0.06em;
}
[data-nav-type] ul li .cols h3 span.ja {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  font-size: var(--fs-14-22);
  line-height: 2;
  letter-spacing: 0.023em;
}
[data-nav-type] ul li .cols h3 span.lh1 {
  line-height: 1 !important;
}
[data-nav-type] ul li .cols h3 span.mt10 {
  margin-top: 10px;
}

[data-product-lineup] ul {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border-left: var(--bdrW) solid #000;
  border-top: var(--bdrW) solid #000;
}
[data-product-lineup] ul li {
  border-bottom: var(--bdrW) solid #000;
  box-sizing: border-box;
  width: 50%;
  border-right: var(--bdrW) solid #000;
  background: var(--color-base);
  position: relative;
}
[data-product-lineup] ul li .info .info_inner {
  padding: 4.62vw 0 19.23vw 0;
  width: 74.35%;
  margin: auto;
}
[data-product-lineup] ul li .info p.brand {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-size: var(--fs-14-16);
  margin-bottom: 1.54vw;
}
[data-product-lineup] ul li .info h5 {
  font-size: var(--fs-14-16);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.46;
  margin-bottom: 0.3em;
}
[data-product-lineup] ul li .info h5 span {
  display: block;
  font-size: var(--fs-12-14);
  margin-top: 0.3em;
}
[data-product-lineup] ul li .info p.description {
  font-size: var(--fs-14-14);
  margin-bottom: 3.85vw;
}
[data-product-lineup] ul li .info p.description span.amount {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 1em;
}
[data-product-lineup] ul li .info p.description span.price {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
}
[data-product-lineup] ul li .info p.description span.tax {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
}
[data-product-lineup] ul li .info .wrap_btn {
  position: absolute;
  bottom: 6.41vw;
  width: 74.35%;
}
[data-product-lineup] ul li .info a.btn .inr {
  text-align: left;
  padding: 2.56vw 0 2.56vw 1.2em;
}
[data-product-lineup] ul li .info a.btn span.txt {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-14-16);
}

@media all and (min-width: 864px) {
  [data-type=article] #kv_page .section_inner {
    padding-bottom: 0;
  }
  [data-type=article] #kv_page .cols {
    display: flex;
  }
  [data-type=article] #kv_page .img_kv {
    width: 50%;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: var(--headerH);
  }
  [data-type=article] #kv_page .img_kv figure {
    width: 100%;
    height: calc(100vh - var(--headerH));
    border-right: var(--bdrW) solid #000;
    border-bottom: none;
  }
  [data-type=article] #kv_page .img_kv figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  [data-type=article] #kv_page .content {
    width: 50%;
    padding: 156px 0 min(10.42vw, 200px) 0;
  }
  [data-type=article] #kv_page .content .content_inner {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding-left: 8.75%;
  }
  [data-type=article] #kv_page .content h2 {
    width: 54.41%;
    margin: 0;
    margin-bottom: min(2.34vw, 45px);
  }
  [data-type=article] #kv_page .content h2.txt_mqure {
    width: 25.72%;
  }
  [data-type=article] #kv_page .content h3 {
    letter-spacing: 0.12em;
    line-height: 1.55;
    margin-bottom: 1.2em;
  }
  [data-type=article] #kv_page .content .ttl_note {
    margin-bottom: min(3.13vw, 60px);
  }
  [data-type=article] #kv_page .content .ttl_note h3 {
    margin-bottom: 0.6em;
  }
  [data-type=article] #kv_page .content .ttl_note p.note {
    font-size: var(--fs-12-12);
    color: #656565;
  }
  [data-type=article] #kv_page .content .note{
    margin-bottom: 0px;
  }
  [data-type=article] #kv_page .content .note p.note {
    line-height: 1.7;
    font-size: var(--fs-12-12);
    color: #656565;
  }

  [data-type=article] #kv_page .content .lead {
    margin-bottom: min(4.17vw, 80px);
  }
  [data-type=article] #kv_page .content .lead h4 {
    line-height: 1.62;
    margin-bottom: 1.15em;
    letter-spacing: 0.12em;
  }
  [data-type=article] #kv_page .content .lead p {
    line-height: 2.12;
    letter-spacing: 0.12em;
    margin-bottom: 1.5em;
  }
  [data-type=article] #kv_page .content .lead p br.sp {
    display: none;
  }
  [data-type=article] #kv_page .content .lead p br.pc {
    display: block;
  }
  [data-type=article] #kv_page .content .wrap_btn {
    width: 62.5%;
    max-width: 600px;
  }
  [data-type=article] #kv_page .content .wrap_btn a.btn .inr {
    text-align: center;
  }
  [data-list-col2] ul {
    display: flex;
    flex-wrap: wrap;
  }
  [data-list-col2] ul li {
    width: 47.45%;
    margin-right: 5.1%;
    margin-bottom: min(4.69vw, 90px);
  }
  [data-list-col2] ul li:nth-child(2n) {
    margin-right: 0px;
  }
  [data-list-col2] ul li .icon {
    width: 26.84%;
  }
  [data-list-col2] ul li .col_r {
    width: 68.45%;
  }
  [data-list-col2] ul li .cols {
    align-items: top;
  }
  [data-list-col2] ul li p.approach {
    margin-bottom: min(0.83vw, 16px);
  }
  [data-list-col2] ul li p.note {
    font-size: var(--fs-12-12);
    line-height: 1.66;
    color: #656565;
    margin-top: 0.5em;
  }
  [data-list-col2] ul li dl dt {
    line-height: 1.7;
    margin-bottom: 0.14em;
  }
  [data-list-col2] ul li dl dd {
    line-height: 1.9;
  }
  [data-list-col2] ul li dl dd br {
    display: none;
  }
  [data-list-fragrance] ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  [data-list-fragrance] ul li {
    width: 44.91%;
    margin-bottom: min(2.5vw, 48px);
    margin-right: 10.18%;
  }
  [data-list-fragrance] ul li:nth-child(2n) {
    margin-right: 0px;
  }
  [data-list-fragrance] ul li .ttl_fragrance {
    margin-bottom: min(0.83vw, 16px);
    min-height: 6.25vw;
  }
  [data-list-fragrance] ul li .ttl_fragrance h5 {
    margin: auto;
  }
  [data-list-fragrance] ul li .img {
    width: 100%;
    margin: 0;
    margin-bottom: min(1.98vw, 38px);
  }
  [data-list-fragrance] ul li .txt h6 {
    line-height: 1.15;
    margin-bottom: min(1.25vw, 24px);
  }
  [data-list-fragrance] ul li .txt h6 span {
    line-height: 1.33;
    margin-top: min(0.31vw, 6px);
  }
  [data-list-fragrance] ul li .txt p {
    font-size: var(--fs-14-16);
    letter-spacing: 0.023em;
    line-height: 1.875;
  }
  [data-list-fragrance] ul li.fantasy h5 {
    width: 54%;
  }
  [data-list-fragrance] ul li.rose_rose h5 {
    width: 63.94%;
  }
  [data-list-fragrance] ul li.yoga h5 {
    width: 36.26%;
  }
  [data-list-fragrance] ul li.honest h5 {
    width: 50.98%;
  }
  [data-list-fragrance] ul li.sun h5 {
    width: 27.69%;
  }
  [data-list-fragrance] ul li .chart {
    margin-top: min(2.81vw, 54px);
  }
  [data-list-fragrance] ul li .chart .chart_cols dl dt {
    margin-bottom: 1em;
  }
  [data-list-fragrance].single ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  [data-list-fragrance].single ul li .txt h6 {
    font-size: var(--fs-22-30);
    line-height: 1.15;
    margin-bottom: min(1.25vw, 24px);
  }
  [data-list-fragrance].single ul li .txt h6 span {
    font-size: var(--fs-22-28);
    line-height: 1.33;
    margin-top: 0;
    display: inline-block;
    padding-left: 2em;
  }
  [data-list-fragrance].single ul li .cols {
    display: flex;
    justify-content: space-between;
  }
  [data-list-fragrance].single ul li .cols .col_l {
    width: 41.27%;
  }
  [data-list-fragrance].single ul li .cols .col_r {
    width: 49%;
  }
  [data-list-fragrance].single ul li .cols .txt p {
    font-size: var(--fs-14-18);
  }
  .steps ul {
    width: 96.56%;
    margin: auto;
    display: flex;
  }
  .steps ul li {
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
  }
  .steps ul li:after {
    content: "";
    width: 7.6vw;
    height: 4.38vw;
    background: url(../images/common/icon_arrow_right.svg) top left no-repeat;
    background-size: auto 100%;
    position: absolute;
    bottom: auto;
    top: 6.77vw;
    left: auto;
    right: 0;
  }
  .steps ul li .cols {
    display: block;
  }
  .steps ul li .col_l {
    width: 100%;
  }
  .steps ul li .col_r {
    width: 100%;
  }
  .steps ul li .col_r p.step_name {
    letter-spacing: 0.03em;
    margin-bottom: min(0.42vw, 8px);
    line-height: 1.18;
  }
  .steps ul li .col_r h5 {
    white-space: nowrap;
    margin-bottom: min(0.68vw, 13px);
  }
  .steps ul li .col_r p.step_txt {
    font-size: var(--fs-14-18);
    letter-spacing: 0.04em;
    line-height: 2;
  }
  .steps ul li .col_r br.pc {
    display: block;
  }
  .steps ul li .col_r br.sp {
    display: none;
  }
  .steps ul li.step0, .steps ul li.step1 {
    width: 17.81%;
    margin-right: 7.37%;
    padding-right: 9.63%;
  }
  .steps ul li.step0 .col_l, .steps ul li.step1 .col_l {
    margin-bottom: min(3.02vw, 58px);
  }
  .steps ul li.step0 .col_l figure, .steps ul li.step1 .col_l figure {
    width: 70%;
    padding-left: 0;
  }
  .steps ul li.step2 {
    width: 31.66%;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .steps ul li.step2 figure {
    width: 81.7%;
    margin-bottom: min(3.02vw, 58px);
  }
  .steps ul li.step2:after {
    display: none;
  }
  [data-nav-type] ul {
    display: flex;
  }
  [data-nav-type] ul li {
    width: 50%;
  }
  [data-nav-type] ul li:first-child {
    border-right: var(--bdrW) solid #000;
  }
  [data-nav-type] ul li a {
    display: block;
  }
  [data-nav-type] ul li a.current {
    background: var(--color-yellow);
    pointer-events: none;
  }
  [data-nav-type] ul li a.current .icon {
    transform: rotate(90deg);
  }
  [data-nav-type] ul li .cols {
    display: flex;
    position: relative;
  }
  [data-nav-type] ul li .cols .img {
    width: 22.9%;
  }
  [data-nav-type] ul li .cols .col_r {
    width: 77.1%;
    display: flex;
    align-items: center;
  }
  [data-nav-type] ul li .cols .icon {
    width: min(2.71vw, 52px);
    height: min(2.71vw, 52px);
    position: absolute;
    top: 50%;
    margin-top: max(-1.35vw, -26px);
    right: min(3.65vw, 70px);
  }
  [data-nav-type] ul li .cols h3 {
    padding-left: min(3.44vw, 66px);
  }
  [data-nav-type] ul li .cols h3 span {
    display: block;
  }
  [data-nav-type] ul li .cols h3 span.en {
    line-height: 1.565;
    letter-spacing: 0.06em;
  }
  [data-nav-type] ul li .cols h3 span.ja {
    line-height: 2;
    letter-spacing: 0.023em;
  }
  [data-product-lineup] ul {
    border-left: none;
    border-top: none;
  }
  [data-product-lineup] ul li {
    border: var(--bdrW) solid #000;
    width: 22.73%;
    margin-right: 3.026%;
    margin-bottom: min(2.6vw, 50px);
    position: relative;
  }
  [data-product-lineup] ul li:nth-child(4n) {
    margin-right: 0px;
  }
  [data-product-lineup] ul li .info .info_inner {
    padding: min(1.15vw, 22px) 0 min(5.73vw, 110px) 0;
    width: 84.2%;
  }
  [data-product-lineup] ul li .info p.brand {
    margin-bottom: min(0.36vw, 7px);
  }
  [data-product-lineup] ul li .info h5 {
    letter-spacing: 0.09em;
    line-height: 1.46;
    margin-bottom: min(0.73vw, 14px);
  }
  [data-product-lineup] ul li .info h5 span {
    margin-top: 0.1em;
  }
  [data-product-lineup] ul li .info p.description {
    margin-bottom: min(0.94vw, 18px);
  }
  [data-product-lineup] ul li .info p.description span.amount {
    display: inline;
    margin-bottom: 0;
    padding-right: 0.5em;
  }
  [data-product-lineup] ul li .info .wrap_btn {
    width: 84.2%;
    position: absolute;
    bottom: min(1.46vw, 2811px);
  }
  [data-product-lineup] ul li .info a.btn .inr {
    padding: min(0.52vw, 10px) 0 min(0.63vw, 12px) 0em;
  }
}
@media all and (min-width: 1180px) {
  [data-product-lineup] ul li .info .info_inner {
    padding-bottom: 4.58vw;
  }
}
@media all and (min-width: 1280px) {
  [data-list-fragrance] ul li {
    width: 28.98%;
    margin-right: 6.53%;
  }
  [data-list-fragrance] ul li:nth-child(2n) {
    margin-right: 6.53%;
  }
  [data-list-fragrance] ul li:nth-child(3n) {
    margin-right: 0px;
  }
  [data-list-fragrance] ul li .ttl_fregrance {
    min-height: 3.54vw;
  }
}
[data-page=foru] #kv_page {
  border-bottom: var(--bdrW) solid #000;
}
[data-page=foru] #what {
  background: var(--color-base2);
  border-bottom: var(--bdrW) solid #000;
}
[data-page=foru] #what .section_inner {
  padding: 17.44vw 0 28.72vw 0;
}
[data-page=foru] #what .content {
  width: var(--innerW);
  margin: auto;
}
[data-page=foru] #what .item .txt {
  margin-bottom: 10.26vw;
}
[data-page=foru] #what .item .txt h4 {
  font-size: var(--fs-20-35);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.7;
  margin-bottom: 10.26vw;
}
[data-page=foru] #what .item .txt p {
  font-size: var(--fs-14-18);
  line-height: 2;
  letter-spacing: 0.04em;
}
[data-page=foru] #formula {
  border-bottom: var(--bdrW) solid #000;
}
[data-page=foru] #formula .section_inner {
  padding: 16.92vw 0 33.33vw 0;
}
[data-page=foru] #fragrance {
  border-bottom: var(--bdrW) solid #000;
  background: var(--color-base2);
}
[data-page=foru] #fragrance .section_inner {
  padding: 16.92vw 0 33.33vw 0;
}
[data-page=foru] #howto_order {
  border-bottom: var(--bdrW) solid #000;
  background: var(--color-bg-yellow);
}
[data-page=foru] #howto_order .section_inner {
  padding: 16.92vw 0 33.33vw 0;
}
[data-page=foru] #research .section_inner {
  padding: 16.92vw 0 27.18vw 0;
}
[data-page=foru] #research .img {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16.67vw;
}
[data-page=foru] #research .img figure {
  width: 93.58%;
}
[data-page=foru] #research .col_r {
  width: var(--innerW);
  margin: auto;
}
[data-page=foru] #research .col_r .pc {
  display: none;
}
[data-page=foru] #research .col_r p {
  font-size: var(--fs-16-18);
  line-height: 2;
  letter-spacing: 0.023em;
  margin-bottom: 7.69vw;
  text-align: justify;
}
[data-page=foru] #research .col_r .wrap_btn a.btn .inr {
  text-align: left;
}
[data-page=foru] #research .col_r .wrap_btn a.btn .inr span.txt {
  padding-left: 1.5em;
}

@media all and (min-width: 864px) {
  [data-page=foru] #what .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(6.25vw, 120px) 0;
  }
  [data-page=foru] #what .cols {
    position: relative;
    width: 100%;
  }
  [data-page=foru] #what .col_l {
    width: 42.67%;
  }
  [data-page=foru] #what .content {
    width: 100%;
  }
  [data-page=foru] #what .ttl_h3 {
    margin-bottom: min(3.33vw, 64px);
  }
  [data-page=foru] #what .img {
    position: absolute;
    top: max(-6.25vw, -120px);
    right: -9.11vw;
    width: 68.53%;
  }
  [data-page=foru] #what .item .txt {
    margin-bottom: min(2.5vw, 48px);
  }
  [data-page=foru] #what .item .txt h4 {
    letter-spacing: 0.192em;
    line-height: 1.7;
    margin-bottom: min(2.81vw, 54px);
  }
  [data-page=foru] #what .item .txt p {
    line-height: 2.2;
    letter-spacing: 0.04em;
  }
  [data-page=foru] #formula .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(6.25vw, 120px) 0;
  }
  [data-page=foru] #formula [data-list-col2] ul {
    width: 100%;
  }
  [data-page=foru] #fragrance {
    background: var(--color-base2);
  }
  [data-page=foru] #fragrance .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(6.25vw, 120px) 0;
  }
  [data-page=foru] #howto_order {
    background: var(--color-bg-yellow);
  }
  [data-page=foru] #howto_order .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(6.25vw, 120px) 0;
  }
  [data-page=foru] #research .section_inner {
    padding: 0;
  }
  [data-page=foru] #research .cols {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    min-height: 480px;
  }
  [data-page=foru] #research .img {
    width: 44.79%;
    display: block;
    margin-bottom: 0;
    min-height: 480px;
    border-left: var(--bdrW) solid #000;
    box-sizing: border-box;
  }
  [data-page=foru] #research .img figure {
    width: 100%;
    min-height: 480px;
  }
  [data-page=foru] #research .img figure img {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
  }
  [data-page=foru] #research .ttl_h3.sp {
    display: none;
  }
  [data-page=foru] #research .col_r {
    width: 55.21%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [data-page=foru] #research .col_r .r_inner {
    width: 63.2%;
    margin: auto;
  }
  [data-page=foru] #research .col_r .ttl_h3.pc {
    display: block;
    margin-bottom: min(4.17vw, 80px);
  }
  [data-page=foru] #research .col_r p {
    margin-bottom: min(2.08vw, 40px);
  }
  [data-page=foru] #research .col_r .wrap_btn a.btn {
    transition: background 0.15s linear;
  }
  [data-page=foru] #research .col_r .wrap_btn a.btn .inr {
    text-align: left;
  }
  [data-page=foru] #research .col_r .wrap_btn a.btn .inr span.txt {
    padding-left: 1.5em;
  }
  [data-page=foru] #research .col_r .wrap_btn a.btn:hover {
    background: #000;
  }
  [data-page=foru] #research .col_r .wrap_btn a.btn:hover span.txt {
    color: #fff;
  }
  [data-page=foru] #research .col_r .wrap_btn a.btn:hover .icon {
    filter: invert(1);
  }
}
:is([data-page=deepmoist], [data-page=scalpcare]) #kv_page .section_inner {
  padding-bottom: 0px;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item {
  background: var(--color-base2);
  border-bottom: var(--bdrW) solid #000;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .section_inner {
  padding: 25.64vw 0 24.1vw 0;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .col_item {
  margin-bottom: 16.41vw;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item {
  width: 73.52%;
  margin: auto;
  position: relative;
  padding-bottom: 4.62vw;
  margin-bottom: 16.41vw;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item:after {
  content: "";
  width: 100%;
  position: absolute;
  height: var(--bdrW);
  bottom: 0px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background: #000;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item.ttl_deepmoist h3 {
  width: 100%;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item p {
  font-size: var(--fs-20-26);
  text-align: center;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-top: 2.05vw;
  line-height: 1.7;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .img {
  border-top: var(--bdrW) solid #000;
  margin-bottom: 14.36vw;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .img.pc {
  display: none;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead {
  width: var(--innerW);
  margin: auto;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead h4 {
  font-size: var(--fs-20-32);
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.03em;
  margin-bottom: 0.8em;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead h4 br.pc {
  display: none;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead p {
  font-size: var(--fs-12-12);
  color: #656565;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead span.sup {
  vertical-align: super;
  font-size: var(--fs-12-12);
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead p.note {
  line-height: 1.67;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead p.note span.sup {
  vertical-align: super;
  font-size: var(--fs-10-10);
}
:is([data-page=deepmoist], [data-page=scalpcare]) .block_product_list .ttl_h3 {
  width: var(--innerW);
  margin: auto;
  margin-bottom: 12.05vw;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #approach {
  border-bottom: var(--bdrW) solid #000;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner {
  padding: 16.41vw 0 21.54vw 0;
}

:is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner .content {
  margin-bottom: min(6.25vw, 120px)
}

:is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner .content:nth-child(2),
:is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .section_inner .content:first-child
{
  margin-bottom: min(12vw, 120px);
}

:is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner .content:last-child {
  margin-bottom: 0
}

:is([data-page=deepmoist], [data-page=scalpcare]) #fragrance {
  background: var(--color-base2);
  border-bottom: var(--bdrW) solid #000;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .section_inner {
  padding: 16.41vw 0 21.54vw 0;
}
:is([data-page=deepmoist], [data-page=scalpcare]) #other_product .section_inner {
  width: var(--innerW);
  margin: auto;
  padding: 16.41vw 0 21.54vw 0;
}

@media all and (min-width: 864px) {
  [data-page=deepmoist] ::selection {
    background: var(--color-yellow);
  }
  [data-page=scalpcare] ::selection {
    background: var(--color-blue);
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .section_inner {
    padding: 0 0 min(5.21vw, 100px) 0;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .col_item {
    margin-bottom: min(2.19vw, 42px);
    display: flex;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item {
    width: 85.35%;
    margin: 0;
    position: relative;
    padding-bottom: min(1.25vw, 24px);
    margin-bottom: min(3.33vw, 64px);
    padding-top: min(7.71vw, 148px);
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item p {
    font-size: var(--fs-20-26);
    text-align: left;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    margin-top: min(0.52vw, 10px);
    line-height: 1.7;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .ttl_item:after {
    left: 0px;
    transform: translate3d(0, 0, 0);
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .col_l {
    width: 50%;
    padding-left: 9.114%;
    box-sizing: border-box;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .col_r {
    width: 50%;
    box-sizing: border-box;
    position: relative;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .col_r:before {
    content: "";
    width: var(--bdrW);
    height: 100%;
    position: absolute;
    background: #000;
    left: calc(var(--bdrW) * -1);
    top: 0px;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .img {
    box-sizing: content-box;
    border-top: none;
    border-bottom: var(--bdrW) solid #000;
    margin-bottom: 0;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .img.sp {
    display: none;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .img.pc {
    display: block;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead {
    width: 92;
    margin: 0;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead h4 {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 500;
    line-height: 1.84;
    letter-spacing: 0.192em;
    margin-bottom: 0.8em;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead h4 br.pc {
    display: block;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #about_item .lead p {
    font-size: var(--fs-12-12);
    color: #656565;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) .block_product_list {
    width: var(--innerW);
    margin: auto;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) .block_product_list .ttl_h3 {
    width: auto;
    margin-bottom: min(3.65vw, 70px);
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(5.73vw, 110px) 0 min(5.73vw, 110px) 0;
  }

  :is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner .content{
    margin-bottom: min(6.25vw, 120px);
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #approach .section_inner .content:last-child{
    margin-bottom: 0px;
  }

  :is([data-page=deepmoist], [data-page=scalpcare]) #approach [data-list-col2] ul {
    width: 100%;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(5.73vw, 110px) 0 min(5.73vw, 110px) 0;
  }

  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .section_inner .content{
    margin-bottom: min(6.25vw, 120px);
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .section_inner .content:last-child{
    margin-bottom: 0px;
  }

  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .ttl_h3 {
    margin-bottom: min(2.81vw, 54px);
  }

  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .ttl_h3.mb {
    margin-bottom: min(6.25vw, 120px);
  }

  
  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .ttl_h3 h4 br {
    display: block;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #fragrance .ttl_h3 h4 br.sp {
    display: none;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #other_product .section_inner {
    padding: min(5.73vw, 110px) 0 min(5.73vw, 110px) 0;
  }
  :is([data-page=deepmoist], [data-page=scalpcare]) #other_product .ttl_h3 {
    margin-bottom: min(3.59vw, 69px);
    text-align: left;
  }
}
#product_detail {
  padding-top: 76px;
}
#product_detail header.header_item {
  margin-bottom: 7.69vw;
}
#product_detail header.header_item .ttl_product {
  width: var(--innerW);
  margin: auto;
}
#product_detail header.header_item .ttl_product p.en {
  color: #656565;
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-size: var(--fs-16-18);
  letter-spacing: 0.03em;
  margin-bottom: 1em;
}
#product_detail header.header_item .ttl_product h1 {
  font-size: var(--fs-18-24);
  letter-spacing: 0.03em;
  line-height: 1.77;
  margin-bottom: 0.3em;
}
#product_detail header.header_item .ttl_product p.notes {
  font-size: var(--fs-14-14);
}
#product_detail header.header_item .ttl_product p.txt_price span.price {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-size: var(--fs-20-18);
  letter-spacing: 0.03em;
  line-height: 1.25;
}
#product_detail header.header_item .ttl_product p.txt_price span.tax {
  font-size: var(--fs-14-14);
  letter-spacing: 0.023em;
}
#product_detail [data-slideshow] {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border: var(--bdrW) solid #000;
  background: #fff;
  padding: 6.41vw 0 9.74vw 0;
}
#product_detail [data-slideshow] .slide_inner {
  width: 83.84%;
  margin: auto;
}
#product_detail [data-slideshow] ul.slide {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
}
#product_detail [data-slideshow] ul.slide li {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#product_detail [data-slideshow] ul.slide li.active {
  opacity: 1;
}
#product_detail [data-slideshow] ul.slide li.slide_one {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
#product_detail [data-slideshow] ul.progress {
  display: none;
}
#product_detail [data-slideshow] a.btn_prev, #product_detail [data-slideshow] a.btn_next {
  position: absolute;
  width: 30%;
  height: 100%;
  top: 0%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#product_detail [data-slideshow] a.btn_prev svg, #product_detail [data-slideshow] a.btn_next svg {
  position: absolute;
  width: 6.41vw;
  height: 6.41vw;
  top: 50%;
  margin-top: -3.21vw;
}
#product_detail [data-slideshow] a.btn_prev {
  left: 0px;
}
#product_detail [data-slideshow] a.btn_prev svg {
  left: 3.85vw;
}
#product_detail [data-slideshow] a.btn_next {
  right: 0px;
}
#product_detail [data-slideshow] a.btn_next svg {
  right: 3.85vw;
}
#product_detail [data-slideshow].disable_ui ul.progress {
  display: none;
}
#product_detail [data-slideshow].disable_ui a.btn_prev, #product_detail [data-slideshow].disable_ui a.btn_next {
  display: none;
}
#product_detail nav.nav_slideshow {
  display: none;
}
#product_detail .btn_buy {
  position: relative;
  width: var(--innerW);
  margin: auto;
  border: var(--bdrW) solid #000;
  border-radius: 13.85vw;
  overflow: hidden;
  margin-top: 12.31vw;
  margin-bottom: 6.92vw;
  transition: border-radius 0.2s ease;
  transition-delay: 0.2s;
}
#product_detail .btn_buy.active {
  border-radius: 4.1vw;
  transition-delay: 0s;
}
#product_detail .btn_buy a.btn_toggle {
  width: 100%;
  background: var(--color-yellow);
  display: block;
}
#product_detail .btn_buy a.btn_toggle .inr {
  padding: 4.36vw 0 5.13vw 0;
  text-align: center;
  position: relative;
}
#product_detail .btn_buy a.btn_toggle .inr span {
  font-size: var(--fs-16-20);
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
#product_detail .btn_buy a.btn_toggle .inr .icon {
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0px;
  width: 8.97vw;
  box-sizing: border-box;
  border-left: var(--bdrW) solid #000;
}
#product_detail .btn_buy a.btn_toggle .inr .icon svg {
  width: 1.54vw;
  height: 1.79vw;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #fff;
  margin: -0.77vw 0 0 -0.9vw;
}
#product_detail .btn_buy .list_type {
  height: 0px;
  overflow: hidden;
  transition: height 0.3s ease;
}
#product_detail .btn_buy .list_type svg {
  fill: #000;
}
#product_detail .btn_buy .list_type ul li {
  border-bottom: var(--bdrW) solid #000;
}
#product_detail .btn_buy .list_type ul li:last-child {
  border-bottom: none;
}
#product_detail .btn_buy .list_type ul li a {
  display: block;
  background: #fff;
}
#product_detail .btn_buy .list_type ul li .inr {
  display: flex;
  align-items: center;
  position: relative;
  padding: 3.08vw 0 3.59vw 3.85vw;
  box-sizing: border-box;
}
#product_detail .btn_buy .list_type ul li .inr .icon {
  width: 5.9vw;
  height: 4.62vw;
  position: absolute;
  right: 1.79vw;
  top: 50%;
  margin-top: -2.31vw;
}
#product_detail .btn_buy .list_type ul li .inr .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
#product_detail .btn_buy .list_type ul li .inr span.jp {
  font-size: var(--fs-15-16);
  letter-spacing: 0.022em;
}
#product_detail .btn_buy .list_type ul li .inr span.price, #product_detail .btn_buy .list_type ul li .inr span.en {
  font-size: var(--fs-15-18);
  letter-spacing: 0.03em;
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
}
#product_detail .body {
  padding-bottom: 15.38vw;
}
#product_detail .lead {
  width: var(--innerW);
  margin: auto;
  margin-bottom: 13.85vw;
}
#product_detail .lead h2 {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  font-size: var(--fs-16-24);
  line-height: 1.875;
  letter-spacing: 0.023em;
  margin-bottom: 0.8em;
}
#product_detail .lead p {
  font-size: var(--fs-14-16);
  letter-spacing: 0.04em;
  line-height: 2;
}
#product_detail .lead .note {
  margin-top: 0.8em;
}
#product_detail .lead .note p {
  font-size: var(--fs-12-12);
  letter-spacing: 0.023em;
  color: #a0a0a0;
  line-height: 1.66;
}
#product_detail .lead sup, #product_detail .lead .sup {
  color: #a0a0a0;
}
#product_detail .lead span.sup {
  vertical-align: super;
  font-size: var(--fs-12-12);
}
#product_detail .block_fragrance {
  margin-bottom: 15.38vw;
}
#product_detail .block_fragrance [data-list-fragrance] ul li {
  width: 100%;
  margin-right: 0px;
}
#product_detail .block_fragrance [data-list-fragrance] ul li .ttl {
  margin-bottom: 5.13vw;
}
#product_detail .block_fragrance [data-list-fragrance] ul li .ttl h6 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-size: var(--fs-22-26);
  letter-spacing: 0.06em;
}
#product_detail .block_fragrance [data-list-fragrance] ul li .ttl h6 span.ja {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  font-size: var(--fs-18-24);
  display: block;
  margin-top: 2.05vw;
}
#product_detail .block_approach [data-list-col2] ul li dl dt {
  font-size: var(--fs-16-24);
}
#product_detail .block_approach [data-list-col2] ul li dl dd {
  font-size: var(--fs-14-16);
  line-height: 1.875;
}
#product_detail #howto {
  border-top: var(--bdrW) solid #000;
}
#product_detail #howto .section_inner {
  padding: 20.51vw 0 28.21vw 0;
}
#product_detail #howto .ttl_h3 {
  text-align: center;
}
#product_detail #howto .howtoList_item .howtoList_image img {
  height: auto;
}
#product_detail #howto .howtoList_text {
  letter-spacing: 0.023em;
  line-height: 1.875;
  text-align: justify;
}
#product_detail #howto .howtoList_text .note {
  font-size: var(--fs-12-12);
  line-height: 1.66;
  margin-top: 0.5em;
}
#product_detail #recommend {
  background: var(--color-base2);
  border-top: var(--bdrW) solid #000;
}
#product_detail #recommend .section_inner {
  padding: 20.51vw 0 28.21vw 0;
}
#product_detail #other_product {
  border-top: var(--bdrW) solid #000;
}
#product_detail #other_product .section_inner {
  width: var(--innerW);
  margin: auto;
  padding: 20.51vw 0 28.21vw 0;
}

@media all and (max-width: 863px) {
  #product_detail [data-slideshow] ul.slide li.slide_one img {
    height: 85vw;
    max-height: 522px;
  }
}
@media all and (min-width: 864px) {
  #product_detail [data-slideshow] ul.slide li.slide_one img {
    width: 7.24vw;
    max-width: 139px;
    height: auto;
  }
}
@media all and (max-width: 863px) {
  #product_detail #howto .howtoList_text {
    text-align: center;
    font-size: var(--fs-14-16);
    margin-top: 5.13vw;
  }
  #product_detail #howto .howtoList {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 7.69vw;
  }
  #product_detail #howto .howtoList_item {
    width: var(--innerW);
    margin: 0 auto;
  }
}
@media all and (min-width: 864px) {
  #product_detail #howto .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(4.69vw, 90px) 0 min(3.645vw, 70px) 0;
  }
  #product_detail #howto .ttl_h3 {
    text-align: left;
  }
  #product_detail #howto .howtoList {
    display: flex;
    justify-content: space-between;
    column-gap: 1em;
    padding: 0 min(1.04vw, 20px);
  }
  #product_detail #howto .howtoList_item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #product_detail #howto .howtoList_item .howtoList_image img {
    width: min(20vw, 385px);
  }
  #product_detail #howto .howtoList_text {
    font-size: 16px;
    margin-top: min(2.08vw, 40px);
  }
  #product_detail #howto .howtoList_text p {
    padding: 0 min(1.35vw, 26px);
  }
  #product_detail #howto .howtoList_text .note {
    font-size: 12px;
    margin-top: min(0.833vw, 16px);
  }
}
@media all and (min-width: 864px) {
  #product_detail {
    padding-top: 0;
  }
  #product_detail .cols {
    position: relative;
    width: var(--innerW);
    margin: auto;
  }
  #product_detail header.header_item {
    width: 44.58%;
    margin-left: 55.42%;
    padding-top: 135px;
    margin-bottom: min(2.19vw, 42px);
  }
  #product_detail header.header_item .ttl_product {
    width: 100%;
    margin: 0;
  }
  #product_detail header.header_item .ttl_product p.en {
    margin-bottom: min(1.77vw, 34px);
  }
  #product_detail header.header_item .ttl_product h1 {
    margin-bottom: 0.1em;
  }
  #product_detail .wrap_slideshow {
    position: absolute;
    width: 50%;
    top: 0px;
    left: 0px;
  }
  #product_detail [data-slideshow] {
    padding: min(3.13vw, 60px) 0 min(5.42vw, 104px) 0;
  }
  #product_detail [data-slideshow] .slide_inner {
    width: 77.19%;
  }
  #product_detail [data-slideshow] a.btn_prev svg, #product_detail [data-slideshow] a.btn_next svg {
    width: min(2.71vw, 52px);
    height: min(2.71vw, 52px);
    margin-top: max(-1.35vw, -26px);
    transition: opacity 0.15s linear;
  }
  #product_detail [data-slideshow] a.btn_prev:hover svg, #product_detail [data-slideshow] a.btn_next:hover svg {
    opacity: 0.3;
  }
  #product_detail [data-slideshow] a.btn_prev svg {
    left: min(1.56vw, 30px);
  }
  #product_detail [data-slideshow] a.btn_next svg {
    right: min(1.56vw, 30px);
  }
  #product_detail [data-slideshow] ul.progress {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: min(2.08vw, 40px);
    right: min(2.08vw, 40px);
  }
  #product_detail [data-slideshow] ul.progress li {
    width: min(2.6vw, 50px);
    height: 2px;
    position: relative;
    margin-right: min(0.52vw, 10px);
  }
  #product_detail [data-slideshow] ul.progress li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #dbdbdb;
  }
  #product_detail [data-slideshow] ul.progress li span:after {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.1);
    transition: width 0.2s ease;
  }
  #product_detail [data-slideshow] ul.progress li.active span:after {
    width: 100%;
    left: 0px;
    right: auto;
  }
  #product_detail nav.nav_slideshow {
    display: block;
    margin-top: min(0.83vw, 16px);
  }
  #product_detail nav.nav_slideshow ul {
    display: flex;
  }
  #product_detail nav.nav_slideshow ul li {
    width: 17.76%;
    margin-right: 2.54%;
  }
  #product_detail nav.nav_slideshow ul li:last-child {
    margin-right: 0px;
  }
  #product_detail nav.nav_slideshow ul li a {
    box-sizing: border-box;
    border: var(--bdrW) solid #dbdbdb;
    display: block;
    transition: border 0.3s ease;
  }
  #product_detail nav.nav_slideshow ul li a.active {
    border-color: #000;
  }
  #product_detail .btn_buy {
    width: 44.58%;
    margin-left: 55.42%;
    border-radius: min(3.96vw, 76px);
    margin-bottom: min(3.65vw, 70px);
  }
  #product_detail .btn_buy.active {
    border-radius: min(1.98vw, 38px);
  }
  #product_detail .btn_buy a.btn_toggle .inr {
    padding: min(1.41vw, 27px) 0 min(1.51vw, 29px) 0;
    text-align: center;
    position: relative;
  }
  #product_detail .btn_buy a.btn_toggle .inr .icon {
    width: min(2.5vw, 48px);
  }
  #product_detail .btn_buy a.btn_toggle .inr .icon svg {
    width: min(0.42vw, 8px);
    height: min(0.47vw, 9px);
    margin: max(-0.23vw, -4.5px) 0 0 max(-0.21vw, -4px);
    fill: #000;
  }
  #product_detail .btn_buy .list_type ul {
    border-top: var(--bdrW) solid #000;
  }
  #product_detail .btn_buy .list_type ul li .inr {
    padding: min(1.04vw, 20px) 0 min(1.04vw, 20px) 2em;
  }
  #product_detail .btn_buy .list_type ul li .inr .icon {
    width: min(1.46vw, 28px);
    height: min(1.15vw, 22px);
    right: min(0.78vw, 15px);
    margin-top: max(-0.57vw, -11px);
  }
  #product_detail .body {
    padding-bottom: min(4.69vw, 90px);
    margin-top: -10.1vw;
  }
  #product_detail .lead {
    width: 44.58%;
    margin-left: 55.42%;
    margin-bottom: min(4.38vw, 84px);
  }
  #product_detail .lead h2 {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 500;
    font-size: var(--fs-16-24);
    line-height: 1.875;
    letter-spacing: 0.023em;
    margin-bottom: 0.7em;
  }
  #product_detail .lead p {
    font-size: var(--fs-14-16);
    letter-spacing: 0.04em;
    line-height: 2;
  }
  #product_detail .lead .note {
    margin-top: 0.7em;
  }
  #product_detail .lead .note p {
    font-size: var(--fs-12-12);
    letter-spacing: 0.023em;
    color: #a0a0a0;
    line-height: 1.66;
  }
  #product_detail .block_fragrance, #product_detail .block_approach {
    width: 44.58%;
    margin-left: 55.42%;
  }
  #product_detail .block_fragrance .ttl_h3, #product_detail .block_approach .ttl_h3 {
    text-align: left;
  }
  #product_detail .block_fragrance {
    margin-bottom: min(4.06vw, 78px);
  }
  #product_detail .block_fragrance .ttl_h3 {
    margin-bottom: min(2.34vw, 45px);
  }
  #product_detail .block_fragrance [data-list-fragrance] ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  #product_detail .block_fragrance [data-list-fragrance] ul li .ttl {
    margin-bottom: min(1.04vw, 20px);
  }
  #product_detail .block_fragrance [data-list-fragrance] ul li .ttl h6 span.ja {
    display: inline-block;
    margin-left: 1em;
    margin-top: 0px;
  }
  #product_detail .block_fragrance [data-list-fragrance] ul li .img {
    width: 56.57%;
    margin-bottom: min(1.04vw, 20px);
  }
  #product_detail .block_approach .ttl_h3 {
    margin-bottom: min(2.81vw, 54px);
  }
  #product_detail .block_approach [data-list-col2] ul {
    width: 100%;
    display: block;
  }
  #product_detail .block_approach [data-list-col2] ul li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: min(1.25vw, 24px);
  }
  #product_detail .block_approach [data-list-col2] ul li .cols {
    width: 100%;
    justify-content: space-between;
  }
  #product_detail .block_approach [data-list-col2] ul li .icon {
    width: 17.14%;
  }
  #product_detail .block_approach [data-list-col2] ul li .col_r {
    width: 76%;
  }
  #product_detail .block_approach [data-list-col2] ul li .col_r p.approach {
    margin-bottom: 0.3em;
  }
  #product_detail .block_approach [data-list-col2] ul li dl dt {
    margin-bottom: 0.35em;
  }
  #product_detail #recommend .section_inner {
    width: var(--innerW);
    margin: auto;
    padding: min(4.69vw, 90px) 0 min(1.56vw, 30px) 0;
  }
  #product_detail #recommend .ttl_h3 {
    text-align: left;
  }
  #product_detail #other_product .ttl_h3 {
    text-align: left;
  }
  #product_detail #other_product .section_inner {
    padding: min(4.69vw, 90px) 0 min(3.91vw, 75px) 0;
  }
  #product_detail #other_product [data-list-product] ul.list_product li .cols {
    width: 100%;
  }
}
@media all and (min-width: 1280px) {
  #product_detail .lead h2, #product_detail .block_approach [data-list-col2] ul li dl dt {
    font-size: var(--fs-24);
  }
}
@media all and (min-width: 864px) {
  #glbnav .nav_brand ul li a h6 {
    display: inline-block;
    position: relative;
  }
  #glbnav .nav_brand ul li a h6:after {
    content: "";
    width: 0%;
    height: var(--bdrW);
    position: absolute;
    background: #000;
    display: block;
    transition: width 0.3s ease;
    bottom: 0px;
    right: 0px;
    left: auto;
  }
  #glbnav .nav_brand ul li a.current h6:after, #glbnav .nav_brand ul li a:hover h6:after {
    left: 0px;
    right: auto;
    width: 100%;
  }
  #glbnav .list_other ul li a {
    transition: background 0.15s linear;
  }
  #glbnav .list_other ul li:nth-child(2) a:hover, #glbnav .list_other ul li:nth-child(3) a:hover {
    background: #000;
  }
  #glbnav .list_other ul li:nth-child(2) a:hover span.txt, #glbnav .list_other ul li:nth-child(3) a:hover span.txt {
    color: #fff;
  }
  #glbnav .list_other ul li:nth-child(2) a:hover .icon, #glbnav .list_other ul li:nth-child(3) a:hover .icon {
    filter: invert(1);
  }
  #glbnav .sns a {
    transition: opacity 0.15s linear;
  }
  #glbnav .sns a:hover {
    opacity: 0.5;
  }
  footer .sns ul li a {
    transition: opacity 0.15s linear;
  }
  footer .sns ul li a:hover {
    opacity: 0.5;
  }
  #concept a.btn {
    transition: background 0.15s linear;
  }
  #concept a.btn:hover {
    background: #000;
  }
  #concept a.btn:hover p.txt {
    color: #fff;
  }
  #concept a.btn:hover .icon {
    filter: invert(1);
  }
  #topics .more a.btn {
    transition: background 0.15s linear;
  }
  #topics .more a.btn:hover {
    background: #000;
  }
  #topics .more a.btn:hover span.txt {
    color: #fff;
  }
  #topics .more a.btn:hover .icon {
    filter: invert(1);
  }
  [data-list-topics] ul li a {
    transition: opacity 0.15s linear;
  }
  [data-list-topics] ul li a:hover {
    opacity: 0.5;
  }
  #nav_mqure ul li a {
    transition: background-color 0.15s linear;
  }
  #nav_mqure ul li a .icon {
    transition: transform 0.3s ease;
  }
  #nav_mqure ul li:nth-child(1) a:hover {
    background-color: #c9c9c9;
  }
  #nav_mqure ul li:nth-child(1) a:hover .icon {
    transform: rotate(90deg);
  }
  #nav_mqure ul li:nth-child(2) a:hover {
    background-color: var(--color-yellow);
  }
  #nav_mqure ul li:nth-child(2) a:hover .icon {
    transform: rotate(90deg);
  }
  #nav_mqure ul li:nth-child(3) a:hover {
    background-color: var(--color-blue);
  }
  #nav_mqure ul li:nth-child(3) a:hover .icon {
    transform: rotate(90deg);
  }
  [data-product-lineup] ul li a.btn {
    transition: background 0.15s linear;
  }
  [data-product-lineup] ul li a.btn:hover {
    background: #fff;
  }
  [data-product-lineup] ul li a.btn:hover span.txt {
    color: #000;
  }
  [data-product-lineup] ul li a.btn:hover .icon {
    filter: invert(1);
  }
  [data-list-product] ul.list_product li a.btn {
    transition: background 0.15s linear;
  }
  [data-list-product] ul.list_product li a.btn:hover {
    background: #000;
  }
  [data-list-product] ul.list_product li a.btn:hover p.txt, [data-list-product] ul.list_product li a.btn:hover span.txt {
    color: #fff;
  }
  [data-list-product] ul.list_product li a.btn:hover .icon {
    filter: invert(1);
  }
}
#glbnav {
  transform: translate3d(0, -110%, 0);
  transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

header#global_header a#btn_menu .icon span {
  transition: transform 0.2s ease;
}

.show_menu {
  overscroll-behavior-y: none;
}
.show_menu body {
  overscroll-behavior-y: none;
}
.show_menu #glbnav {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.show_menu header#global_header a#btn_menu span.txt_close {
  display: block;
}
.show_menu header#global_header a#btn_menu span.txt {
  display: none;
}
.show_menu header#global_header a#btn_menu .icon span:nth-of-type(1) {
  transform: rotate(45deg);
  top: 1.28vw;
}
.show_menu header#global_header a#btn_menu .icon span:nth-of-type(2) {
  display: none;
}
.show_menu header#global_header a#btn_menu .icon span:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 1.28vw;
}

#product_lineup .ttl_h3 h3 span {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#product_lineup .ttl_h3 h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
#product_lineup [data-list-product] ul li {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#product_lineup .animate .ttl_h3 h3 span {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#product_lineup .animate .ttl_h3 h3:after {
  width: 100%;
  transition-delay: 0.2s;
}
#product_lineup .animate [data-list-product] ul li {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#product_lineup .animate [data-list-product] ul li:nth-child(1) {
  transition-delay: 0.4s;
}
#product_lineup .animate [data-list-product] ul li:nth-child(2) {
  transition-delay: 0.6s;
}

#other_product {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#other_product .ttl_h3 h3 span {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#other_product .ttl_h3 h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
#other_product [data-list-product] ul li {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#other_product.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#other_product.animate .ttl_h3 h3 span {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#other_product.animate .ttl_h3 h3:after {
  width: 100%;
  transition-delay: 0.4s;
}
#other_product.animate [data-list-product] ul li {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#other_product.animate [data-list-product] ul li:nth-child(1) {
  transition-delay: 0.4s;
}
#other_product.animate [data-list-product] ul li:nth-child(2) {
  transition-delay: 0.5s;
}

[data-page=top] #concept {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=top] #concept .ttl_h3 h3 span {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=top] #concept .ttl_h3 h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=top] #concept .lead, [data-page=top] #concept ul {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=top] #concept.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=top] #concept.animate .ttl_h3 h3 span {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=top] #concept.animate .ttl_h3 h3:after {
  width: 100%;
  transition-delay: 0.2s;
}
[data-page=top] #concept.animate .lead, [data-page=top] #concept.animate ul {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=top] #concept.animate .lead {
  transition-delay: 0.3s;
}
[data-page=top] #concept.animate ul {
  transition-delay: 0.4s;
}
[data-page=top] #topics {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=top] #topics .ttl_h3 h3 span {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=top] #topics .ttl_h3 h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=top] #topics .content {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=top] #topics.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=top] #topics.animate .ttl_h3 h3 span {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=top] #topics.animate .ttl_h3 h3:after {
  width: 100%;
  transition-delay: 0.2s;
}
[data-page=top] #topics.animate .content {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.4s;
}

[data-page=foru] #what {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #what .ttl_h3 p, [data-page=foru] #what .ttl_h3 img {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #what .ttl_h3 h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=foru] #what h4, [data-page=foru] #what p, [data-page=foru] #what .txt_link {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #what.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #what.animate .ttl_h3 p, [data-page=foru] #what.animate .ttl_h3 img {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #what.animate .ttl_h3 p {
  transition-delay: 0.2s;
}
[data-page=foru] #what.animate .ttl_h3 img {
  transition-delay: 0.3s;
}
[data-page=foru] #what.animate .ttl_h3 h3:after {
  width: 100%;
  transition-delay: 0.4s;
}
[data-page=foru] #what.animate h4, [data-page=foru] #what.animate p, [data-page=foru] #what.animate .txt_link {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #what.animate h4 {
  transition-delay: 0.5s;
}
[data-page=foru] #what.animate p {
  transition-delay: 0.6s;
}
[data-page=foru] #what.animate .txt_link {
  transition-delay: 0.7s;
}
[data-page=foru] #formula {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #formula .ttl_h3 h3, [data-page=foru] #formula .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #formula .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=foru] #formula [data-list-col2] {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #formula.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #formula.animate .ttl_h3 h3, [data-page=foru] #formula.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #formula.animate .ttl_h3:after {
  width: 100%;
}
[data-page=foru] #formula.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-page=foru] #formula.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-page=foru] #formula.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-page=foru] #formula.animate [data-list-col2] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.5s;
}
[data-page=foru] #fragrance {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #fragrance .ttl_h3 h3, [data-page=foru] #fragrance .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #fragrance .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=foru] #fragrance [data-list-fragrance] {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #fragrance.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #fragrance.animate .ttl_h3 h3, [data-page=foru] #fragrance.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #fragrance.animate .ttl_h3:after {
  width: 100%;
}
[data-page=foru] #fragrance.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-page=foru] #fragrance.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-page=foru] #fragrance.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-page=foru] #fragrance.animate [data-list-fragrance] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.5s;
}
[data-page=foru] #howto_order {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #howto_order .ttl_h3 h3, [data-page=foru] #howto_order .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #howto_order .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=foru] #howto_order .steps {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #howto_order.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #howto_order.animate .ttl_h3 h3, [data-page=foru] #howto_order.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #howto_order.animate .ttl_h3:after {
  width: 100%;
}
[data-page=foru] #howto_order.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-page=foru] #howto_order.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-page=foru] #howto_order.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-page=foru] #howto_order.animate .steps {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.5s;
}
[data-page=foru] #research {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #research .ttl_h3 h3, [data-page=foru] #research .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #research .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-page=foru] #research p, [data-page=foru] #research .wrap_btn {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-page=foru] #research.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #research.animate .ttl_h3 h3, [data-page=foru] #research.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #research.animate .ttl_h3:after {
  width: 100%;
}
[data-page=foru] #research.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-page=foru] #research.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-page=foru] #research.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-page=foru] #research.animate p, [data-page=foru] #research.animate .wrap_btn {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-page=foru] #research.animate p {
  transition-delay: 0.5s;
}
[data-page=foru] #research.animate .wrap_btn {
  transition-delay: 0.6s;
}

[data-type=article] #about_item {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #about_item .ttl_item h3, [data-type=article] #about_item .ttl_item p {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #about_item .ttl_item:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-type=article] #about_item .lead {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #about_item.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] #about_item.animate .ttl_item h3, [data-type=article] #about_item.animate .ttl_item p {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] #about_item.animate .ttl_item h3 {
  transition-delay: 0.2s;
}
[data-type=article] #about_item.animate .ttl_item p {
  transition-delay: 0.3s;
}
[data-type=article] #about_item.animate .ttl_item:after {
  width: 100%;
  transition-delay: 0.4s;
}
[data-type=article] #about_item.animate .lead {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.5s;
}
[data-type=article] .block_product_list .ttl_h3 h3, [data-type=article] .block_product_list .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] .block_product_list .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-type=article] .block_product_list [data-product-lineup] {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] .block_product_list.animate .ttl_h3 h3, [data-type=article] .block_product_list.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] .block_product_list.animate .ttl_h3:after {
  width: 100%;
}
[data-type=article] .block_product_list.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-type=article] .block_product_list.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-type=article] .block_product_list.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-type=article] .block_product_list.animate [data-product-lineup] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.4s;
}
[data-type=article] #approach {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #approach .ttl_h3 h3, [data-type=article] #approach .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #approach .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-type=article] #approach [data-list-col2] {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #approach.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] #approach.animate .ttl_h3 h3, [data-type=article] #approach.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] #approach.animate .ttl_h3:after {
  width: 100%;
}
[data-type=article] #approach.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-type=article] #approach.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-type=article] #approach.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-type=article] #approach.animate [data-list-col2] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.5s;
}
[data-type=article] #fragrance {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #fragrance .ttl_h3 h3, [data-type=article] #fragrance .ttl_h3 h4 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #fragrance .ttl_h3:after {
  width: 0px;
  transition: width 0.5s ease;
}
[data-type=article] #fragrance [data-list-fragrance] {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
[data-type=article] #fragrance.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] #fragrance.animate .ttl_h3 h3, [data-type=article] #fragrance.animate .ttl_h3 h4 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[data-type=article] #fragrance.animate .ttl_h3:after {
  width: 100%;
}
[data-type=article] #fragrance.animate .ttl_h3 h3 {
  transition-delay: 0.2s;
}
[data-type=article] #fragrance.animate .ttl_h3 h4 {
  transition-delay: 0.3s;
}
[data-type=article] #fragrance.animate .ttl_h3:after {
  transition-delay: 0.4s;
}
[data-type=article] #fragrance.animate [data-list-fragrance] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.5s;
}

@media all and (min-width: 864px) {
  .show_menu header#global_header a#btn_menu .icon span:nth-of-type(1), .show_menu header#global_header a#btn_menu .icon span:nth-of-type(3) {
    top: 5px;
  }
}
@media all and (max-width: 863px) {
  #kv .-option {
    width: 70%;
  }
}/*# sourceMappingURL=style.css.map */