@charset "UTF-8";

/*all----------------------------*/
html {
  font-size: 62.5%;
}

body {
  -webkit-tap-highlight-color: transparent;
}

#Wrap {
  width: auto;
}

footer {
  position: relative;
  z-index: 2;
}

.nav-top {
  display: none;
  z-index: 5;
}

:root {
  --font_jpn: "Roboto", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  --font_eng: "century-gothic", sans-serif;
  --color_regular: #000;
  --color_gray: #A9AAAA;
  --color_white: #fff;
  --color_01: #F6F6F6;
  --color_02: #C0C0C0;
  --color_03: #8D8D8D;
  --color_04: #808080;
  --color_05: #F0F0F0;
  --color_06: #D3D3D3;
  --color_07: #A7A7A7;
  --color_08: #DADADA;
  --color_09: #666;
}

.LP_page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  letter-spacing: .075em;
  font-feature-settings: "palt";
}

.LP_page {
  padding-bottom: 14rem;
  background: var(--color_white);
  font-family: var(--font_jpn);
  color: var(--color_regular);
  overflow-x: clip;
  opacity: 0;
  transition: opacity 1s;
}

.LP_page.active {
  opacity: 1;
}

.LP_page picture {
  display: block;
  font-size: 0;
}

.LP_page a {
  display: block;
}

.LP_page a:hover {
  opacity: 1 !important;
}

.LP_page img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.LP_page sup {
  font-size: .8rem;
}

.LP_page .activePoint,
.LP_page .activeDelay {
  opacity: 0;
  transform: translate(0, 2rem);
  transition: opacity 1s, transform 1s;
}

.LP_page .activeDelay.delay1 {
  transition-delay: .15s;
}

.LP_page .activeDelay.delay2 {
  transition-delay: .3s;
}

.LP_page .activeDelay.delay3 {
  transition-delay: .45s;
}

.LP_page .activeDelay.delay4 {
  transition-delay: .6s;
}

.LP_page .activePoint.active,
.LP_page .activePoint.active > .activeDelay {
  opacity: 1;
  transform: unset;
}
/*----------------------------all*/

/*mv-----------------------------*/
.mv_wrap {
  position: relative;
  width: 120rem;
  margin: 0 auto 7.9rem;
}

.mv_wrap .mv {
  width: 100%;
}

.mv_wrap .main_ttl {
  position: absolute;
  top: 0;
  right: 0;
  width: 60rem;
}

/*-----------------------------mv*/

/*navigation---------------------*/
.navigation_area {
  margin-bottom: 8rem;
}

.navigation_list {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.navigation_list li a {
  position: relative;
  width: 45rem;
  border: solid var(--color_08);
  border-width: .1rem;
  padding-bottom: 2rem;
  background: var(--color_08);
}

.navigation_list li a::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: solid .8rem var(--color_09);
  border-left: solid .6rem transparent;
  border-right: solid .6rem transparent;
  margin-bottom: .6rem;
  content: "";
}

.nav_txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/*---------------------navigation*/

/*Lineup-------------------------*/
.each_sec {
  padding: 8rem 0;
}

#Lineup {
  background: var(--color_01);
}

.each_sec .sec_inner {
  width: 110rem;
  margin: 0 auto;
}

.sec_ttl {
  font-size: 2.2rem;
  text-align: center;
}

#Lineup .sec_ttl {
  margin-bottom: 1.8rem;
}

.sec_ttl .txt_S {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
}

.sec_ttl .txt_eng {
  font-family: var(--font_eng);
}

.eact_itm:nth-of-type(n+2) {
  border-top: solid var(--color_02);
  border-width: .1rem;
  margin-top: 6rem;
  padding-top: 4rem;
}

.itm_overview {
  display: flex;
  align-items: center;
  justify-content: center;
}

#SkinOil .itm_overview {
  gap: 5rem;
  margin-bottom: 3.4rem;
}

#SheetMask .itm_overview {
  gap: 4.5rem;
  margin-bottom: 2.3rem;
}

#SkinOil .itm_img {
  width: 10rem;
}

#SheetMask .itm_img {
  width: 15rem;
}

#SkinOil .itm_overview .txt_wrap {
  padding: 4rem 3.5rem 0 0;
}

#SheetMask .itm_overview .txt_wrap {
  padding: 1rem 2.5rem 0 0;
}

.itm_overview .itm_caption {
  margin-bottom: 2rem;
  font-size: 1.6rem;
}

.itm_overview .itm_name {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.itm_overview .itm_price {
  display: flex;
  gap: 2rem;
  font-size: 1.2rem;
}

.itm_overview .itm_price .txt_S {
  font-size: 1rem;
}

.itm_link {
  width: fit-content;
}

.itm_overview .itm_link {
  margin-top: 3rem;
}

.itm_link a {
  display: grid;
  place-items: center;
  border-radius: 10rem;
  background: var(--color_02);
  color: var(--color_white);
}

.itm_link a span {
  padding-top: .3rem;
}

.itm_overview .itm_link a {
  width: 25rem;
  height: 3rem;
  font-size: 1.4rem;
}

.itm_lead {
  font-size: 1.3rem;
  line-height: 2;
  text-align: center;
}

#SkinOil .itm_lead  {
  margin-bottom: 3.3rem;
}

#SheetMask .itm_lead  {
  margin-bottom: 4rem;
}

.itm_lead .txt_B {
  font-weight: 700;
  line-height: 2;
}

.itm_lead .notes {
  display: block;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.feature_outside {
  border-radius: 2rem;
  margin-bottom: 4rem;
  padding: 4rem 0;
  background: var(--color_white);
}

.feature_outside > h3 {
  margin-bottom: 4rem;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}

.feature_outside > h3 .txt_eng {
  display: block;
  margin-top: 1rem;
  font-family: var(--font_eng);
  font-size: 2.2rem;
}

.feature_list {
  display: flex;
  justify-content: center;
  gap: 6rem;
}

.feature_list > div {
  width: 38rem;
}

.feature_list dt {
  position: relative;
  display: grid;
  place-items: center;
  background: rgba(179, 177, 173, .3);
  text-align: center;
  cursor: pointer;
}

#SkinOil .feature_list dt {
  height: 4.6rem;
}

#SheetMask .feature_list dt {
  height: 8rem;
}

.feature_list dt::before,
.feature_list dt::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.2rem;
  height: .1rem;
  margin-right: 1.5rem;
  background: var(--color_regular);
  content: "";
  transition: transform .3s;
}

.feature_list dt::after {
  transform: translateY(-50%) rotate(90deg);
}

.feature_list .open dt::after {
  transform: translateY(-50%) rotate(0);
}

.feature_list dt span {
  font-size: 1.5rem;
  line-height: 1.75;
}

#SheetMask .feature_list > div:nth-of-type(2) dt span {
  position: relative;
  padding-left: 6.3rem;
}

#SheetMask .feature_list > div:nth-of-type(2) dt span::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8.4rem;
  height: 8.4rem;
  margin: 0 0 -.5rem -4.5rem;
  background: url(../img/img_001.svg) center center / cover no-repeat;
  content: "";
}

.accordion_wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .5s;
}

.open .accordion_wrap {
  grid-template-rows: 1fr;
}

.accordion_inner {
  overflow: hidden;
}

.feature_list dd p {
  padding-top: 2.5rem;
  font-size: 1.3rem;
  line-height: 2;
  text-align: center;
}

#SkinOil .feature_list dd p {
  margin-bottom: -.4rem;
}

.feature_list dd p .notes {
  display: block;
  margin-top: 1.3rem;
  font-size: 1rem;
  line-height: 1.6;
}

.point_wrap {
  position: relative;
  margin: 0 auto;
  border: solid var(--color_03);
  border-width: .1rem;
  border-radius: 1.5rem;
}

#SkinOil .point_wrap {
  width: 58rem;
  margin-top: 10.8rem;
  padding-bottom: 2rem;
}

#SheetMask .point_wrap {
  width: 40rem;
  margin-top: 5.5rem;
  padding-bottom: 2.8rem;
}

.point_wrap .point_ttl {
  position: relative;
  width: fit-content;
  margin: -.8rem auto 0;
  padding: 0 1rem;
  background: var(--color_white);
  font-size: 1.8rem;
}

#SkinOil .point_wrap .point_ttl {
  margin-bottom: 3.2rem;
}

#SkinOil .point_wrap .point_ttl::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 11rem;
  height: 4.6rem;
  margin: 0 0 .8rem -3.5rem;
  background: url(../img/txt_003.svg) center center / cover no-repeat;
  content: "";
}

#SheetMask .point_wrap .point_ttl {
  margin-bottom: 3rem;
}

.point_wrap dl {
  width: fit-content;
  margin: 0 auto;
}

.point_wrap dl dt {
  position: relative;
  margin-bottom: 1.4rem;
  padding-left: 5.8rem;
  font-size: 1.4rem;
}

.point_wrap dl dt::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 2.8rem;
  margin: -.8rem 0 0 1.7rem;
  background: url(../img/icon_check.svg) center center / 100% auto no-repeat;
  content: "";
}

.point_wrap dl dt:nth-of-type(n+2) {
  margin-top: 2rem;
}

.point_wrap dl dd {
  position: relative;
  margin-left: 5.8rem;
  padding-left: 3rem;
  font-size: 1.4rem;
  line-height: 2;
}

.point_wrap dl dd::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6rem;
  height: 1.4rem;
  margin-top: .5rem;
  background: url(../img/icon_arrow.svg) center center / 100% auto no-repeat;
  content: "";
}

.point_wrap dl dd .txt_B {
  font-weight: 700;
  line-height: 2;
}

.point_wrap .point_txt {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.eact_itm .sec_inner > .itm_link {
  margin: 0 auto;
}

.eact_itm .sec_inner > .itm_link a {
  width: 28rem;
  height: 4rem;
  font-size: 1.6rem;
}
/*-------------------------Lineup*/

/*Review-------------------------*/
#Review {
  background: var(--color_05);
}

#Review .sec_ttl {
  margin-bottom: 4rem;
}

.review_list {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.simplebar-track.simplebar-vertical {
  display: none;
}

.review_list li > div {
  width: 30rem;
  height: 100%;
  border-radius: 2rem;
  padding: 2.5rem 3rem 2.4rem;
  background: var(--color_white);
}

.review_list li .staff_name {
  border-bottom: solid var(--color_04);
  border-width: .1rem;
  margin-bottom: 1rem;
  padding-bottom: 1.3rem;
  font-size: 1.1rem;
  text-align: center;
}

.review_list li .review_txt {
  font-size: 1.2rem;
  line-height: 2;
  text-align: justify;
}

/*-------------------------Review*/

/*Order of use-------------------*/
#OrderOfUse {
  background: var(--color_01);
}

#OrderOfUse .sec_ttl {
  margin-bottom: 3.8rem;
}

.each_step {
  position: relative;
}

.each_step:nth-of-type(n+2) {
  margin-top: 4rem;
}

.each_step h3 {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 30rem;
  height: 3rem;
  border-radius: 10rem;
  margin: 0 auto -1.5rem;
  font-family: var(--font_eng);
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  color: var(--color_white);
}

#Morning h3 {
  background: #E5CEBC;
}

#Night h3 {
  background: #B0BFCB;
}

.step_list_outside {
  border-radius: 2.75rem;
  padding: 8.3rem 5rem .6rem;
  background: #fff;
}

#Night .step_list_outside {
  padding-left: 18rem;
  padding-bottom: 4.5rem;
}

.step_list_wrap {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}

#Night .step_list_wrap {
  padding-bottom: 13.5rem;
}

.step_list_outside .step_list_wrap:nth-of-type(even) {
  margin-top: 3.6rem;
}

.step_list_wrap .howto_txt {
  width: 18rem;
  margin-top: -.5rem;
}

.step_list_wrap .howto_txt span {
  display: block;
  font-size: 1.5rem;
  text-align: center;
}

.step_list_wrap .howto_txt .txt_S {
  margin-bottom: 1rem;
  color: var(--color_gray);
}

.step_list_wrap .howto_txt .txt_L {
  position: relative;
  display: grid;
  place-items: center;
  height: 6rem;
  border-radius: 1rem;
  background: var(--color_02);
  color: var(--color_white);
}

.step_list_wrap .howto_txt .txt_L::before {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-left: solid 1rem var(--color_02);
  border-top: solid .7rem transparent;
  border-bottom: solid .7rem transparent;
  margin-left: -.2rem;
  content: "";
}

.step_list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  width: 62.4rem;
  padding: 0 4.4rem .4rem .8rem;
  text-align: center;
}

.step_list::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .1rem;
  background: var(--color_04);
  content: "";
}

.step_list::before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: .5rem;
  height: .5rem;
  margin-bottom: -.25rem;
  border-top: solid var(--color_04);
  border-right: solid var(--color_04);
  border-width: .1rem;
  box-sizing: border-box;
  transform: rotate(45deg);
  content: "";
}

.step_list_outside .step_list_wrap:nth-of-type(even) .step_list::after,
.step_list_outside .step_list_wrap:nth-of-type(even) .step_list::before {
  display: none;
}

.step_list li {
  position: relative;
}

.step_list li::before {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-top: -.1rem;
  background: var(--color_04);
  content: "";
}

.step_list_outside .step_list_wrap:nth-of-type(even) .step_list li::before {
  display: none;
}

.step_list li .notes {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 16rem;
  height: 6rem;
  margin-top: 3.9rem;
  border-radius: 1rem;
  background: var(--color_06);
  font-size: 1.2rem;
  line-height: 2;
  color: var(--color_white);
}

.step_list li .notes::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: solid 1rem var(--color_06);
  border-left: solid .7rem transparent;
  border-right: solid .7rem transparent;
  margin-bottom: -.1rem;
  content: "";
}

.step_list li .step_num {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 1.5rem;
  font-family: var(--font_eng);
  font-size: 1.3rem;
  white-space: nowrap;
}

.step_list_outside .step_list_wrap:nth-of-type(even) .step_list li .step_num {
  display: none;
}

.step_list li .itm_cat {
  width: fit-content;
  margin: 0 auto;
  padding: .2rem 1rem;
  border: solid var(--color_gray);
  border-width: .1rem;
  font-size: 1.2rem;
  color: var(--color_gray);
}

.nextPhase {
  position: relative;
  margin-left: 1.2rem;
}

#Morning .nextPhase {
  margin-left: 5rem;

}

.nextPhase p {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 11.5rem;
  font-size: 1.2rem;
  white-space: nowrap;
}

#Morning .nextPhase p {
  margin-top: 19.5rem;
}

.nextPhase p::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 11rem;
  height: 12rem;
  margin-bottom: 4.9rem;
  content: "";
}

#Morning .nextPhase p::before {
  margin-bottom: 2.9rem;
}

#Morning .nextPhase p::before {
  background: url(../img/img_002.png) center center / cover no-repeat;
}

#Night .nextPhase p::before {
  background: url(../img/img_003.png) center center / cover no-repeat;
}

.step_list_outside .step_list_wrap:nth-of-type(even) .nextPhase {
  display: none;
}

.each_step > .notes {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 4rem;
  font-size: 1.4rem;
  text-align: center;
  white-space: nowrap;
}
/*-------------------Order of use*/

/*Fragrance----------------------*/
#Fragrance {
  background: var(--color_05);
}

#Fragrance .sec_ttl {
  margin-bottom: 4rem;
  font-size: 2rem;
}

#Fragrance .sec_ttl .txt_S {
  margin-bottom: 1.4rem;
  font-size: 1.4rem;
}

.fragrance_img {
  width: 38rem;
  margin: 0 auto 2rem;
}

.fragrance_list_wrap {
  width: 38rem;
  margin: 2rem auto 3.2rem;
}

.fragrance_list {
  position: relative;
}

.fragrance_list::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18rem;
  height: 21.6rem;
  background: url(../img/bg_001.svg) center center / cover no-repeat;
  content: "";
}

.fragrance_list li {
  position: relative;
  display: flex;
}

.fragrance_list li:nth-of-type(1) {
  height: 9rem;
  padding-top: 3rem;
}

.fragrance_list li:nth-of-type(2) {
  height: 6.4rem;
  padding-top: .2rem;
}

.fragrance_list li:nth-of-type(3) {
  height: 6.2rem;
  padding-top: .5rem;
}

.fragrance_list li:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  right: 0;
  height: .15rem;
  background: linear-gradient(to right, var(--color_04) .2rem, transparent .2rem);
  background-repeat: repeat-x;
  background-size: .4rem 100%;
  content: "";
}

.fragrance_list li:nth-of-type(2)::before {
  width: 32.6rem;
}

.fragrance_list li:nth-of-type(3)::before {
  width: 35.4rem;
}

.fragrance_list li .fragrance_cat {
  display: grid;
  place-items: center;
  width: 18rem;
  font-family: var(--font_eng);
  font-size: 1.3rem;
}

.fragrance_list li .ingredient_name {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  white-space: nowrap;
}

.fragrance_list li:nth-of-type(1) .ingredient_name {
  margin-left: -3.8rem;
}

.fragrance_list li:nth-of-type(2) .ingredient_name {
  margin-left: -1rem;
}

.fragrance_list li:nth-of-type(3) .ingredient_name {
  margin-left: 1.4rem;
}

.fragrance_list_wrap .notes {
  margin-top: 1.8rem;
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}

.fragrance_lead {
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  line-height: 2;
  text-align: center;
}

.accordion_btn {
  width: fit-content;
  border-bottom: solid var(--color_gray);
  border-width: .1rem;
  margin: 0 auto;
  padding-bottom: .2rem;
  font-family: var(--font_eng);
  font-size: 1rem;
  color: var(--color_gray);
  cursor: pointer;
}

.accordion_btn span {
  position: relative;
  padding-right: 1.4rem;
}

.accordion_btn span::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: .6rem;
  height: .1rem;
  background: var(--color_gray);
  content: "";
}

.accordion_btn .to_open::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  width: .6rem;
  height: .1rem;
  background: var(--color_gray);
  content: "";
}

.accordion_btn .to_open,
.open .accordion_btn .to_close {
  display: block;
}

.accordion_btn .to_close,
.open .accordion_btn .to_open {
  display: none;
}

/*----------------------Fragrance*/

/*Series-------------------------*/
#Series {
  background: var(--color_01);
}

#Series .sec_inner {
  width: auto;
}

#Series .sec_ttl {
  margin-bottom: 5.8rem;
}

.series_itm_list {
  padding-bottom: 4.8rem;
  height: 53.16rem;
  opacity: 0;
  transition: opacity .3s;
}

.series_itm_list.active {
  height: auto;
  opacity: 1;
}

.series_itm_list .each_itm {
  margin: 0 1rem;
  transform: translateX(-3.5rem);
}

.series_itm_list .each_itm a {
  width: 22rem;
  border-radius: 2rem;
  padding: 3rem 0 2.5rem;
  background: #fff;
  text-align: center;
}

.series_itm_list .itm_cat {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.9rem;
}

.series_itm_list .itm_cat span {
  display: inline-block;
  border: solid var(--color_gray);
  border-width: .1rem;
  padding: .3rem 1rem;
  font-size: 1.2rem;
  color: var(--color_gray);
}

.series_itm_list .itm_img_wrap,
.series_itm_list .itm_img {
  position: relative;
  z-index: 1;
  width: 18rem;
  margin: 0 auto;
}

.series_itm_list .itm_feature {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  width: 8rem;
  height: 8rem;
  margin: 6.5rem -.5rem 0 0;
  padding-top: .5rem;
  border-radius: 50%;
  background: #E8BE89;
  font-size: 1.1rem;
  line-height: 1.5;
  color: var(--color_white);
}

.series_itm_list .itm_name {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
}

.series_itm_list .itm_price {
  margin-top: 1rem;
  font-family: var(--font_eng);
  font-size: 1.2rem;
}

.series_itm_list .itm_price .txt_S {
  font-size: 1rem;
}

.series_itm_list .itm_caption {
  position: relative;
  margin-top: 1.4rem;
  padding-top: 1rem;
  font-size: 1.1rem;
  line-height: 2;
}

.series_itm_list .itm_caption::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 18rem;
  height: .1rem;
  background: var(--color_02);
  content: "";
}

.series_itm_list .itm_caption span {
  position: relative;
  line-height: 2;
}

.series_itm_list .itm_caption span::before,
.series_itm_list .itm_caption span::after {
  position: absolute;
  bottom: 0;
  width: .1rem;
  height: 1.15rem;
  margin-bottom: .1rem;
  background: var(--color_09);
  content: "";
}

.series_itm_list .itm_caption span::before {
  right: 100%;
  margin-right: 1.5rem;
  transform: rotate(-30deg);
}

.series_itm_list .itm_caption span::after {
  left: 100%;
  margin-left: 1.5rem;
  transform: rotate(30deg);
}

.series_itm_list .itm_link {
  position: relative;
  display: grid;
  place-items: center;
  width: 12rem;
  height: 2rem;
  border-radius: 10rem;
  margin: 1rem auto 0;
  background: var(--color_02);
  font-family: var(--font_eng);
  font-size: 1.2rem;
  color: var(--color_white);
}

.series_itm_list .itm_link::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  width: .5rem;
  height: .5rem;
  border-top: solid var(--color_white);
  border-right: solid var(--color_white);
  border-width: .1rem;
  margin-right: 1rem;
  box-sizing: border-box;
  content: "";
}

.series_itm_list .slick-dots {
  bottom: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.series_itm_list .slick-dots li {
  width: fit-content;
  height: fit-content;
  margin: 0 .5rem;
}

.series_itm_list .slick-dots li button {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  border: solid var(--color_07);
  border-width: .1rem;
  padding: 0;
}

.series_itm_list .slick-dots li.slick-active button {
  background: var(--color_07);
}

.series_itm_list .slick-dots li button:before {
  display: none;
}

.btn_wrapup {
  width: fit-content;
  margin: 4rem auto 0;
}

.btn_wrapup a {
  position: relative;
  display: grid;
  place-items: center;
  width: 38rem;
  height: 4rem;
  border-radius: 10rem;
  background: var(--color_07);
  font-size: 1.6rem;
  color: #fff;
}

.btn_wrapup a::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  width: .6rem;
  height: .6rem;
  border-top: solid var(--color_white);
  border-right: solid var(--color_white);
  border-width: .1rem;
  margin-right: 2rem;
  box-sizing: border-box;
  content: "";
}
/*-------------------------Series*/

/*Smart phone---------------------------------------------*/
@media screen and  (max-width:768px) {
/*all----------------------------*/
.LP_page .only_pc {
  display: none;
}

.LP_page {
  padding-bottom: calc(120 * (100vw / 750));
}

#share {
  z-index: 5 !important;
  transition: transform .3s;
}

#share.move {
  transform: translateY(calc(-40 * (100vw / 750)));
}

.share-txt {
  margin: 0 !important;
  padding-bottom: calc(40 * (100vw / 750));
  background: var(--color_bg_02);
}

.LP_page sup {
  font-size: calc(14 * (100vw / 750));
}

.LP_page .activePoint,
.LP_page .activeDelay {
  transform: translate(0, calc(40 * (100vw / 750)));
}

/*----------------------------all*/

/*mv-----------------------------*/
.mv_wrap {
  width: 100%;
  margin: 0 auto calc(120 * (100vw / 750));
}

.mv_wrap .main_ttl {
  right: auto;
  left: 0;
  width: 100%;
}

/*-----------------------------mv*/

/*navigation---------------------*/
.navigation_area {
  margin-bottom: calc(118 * (100vw / 750));
}

.navigation_list {
  display: block;
  width: calc(675 * (100vw / 750));
  margin: 0 auto;
}

.navigation_list li:nth-of-type(n+2) {
  margin-top: calc(38 * (100vw / 750));
}

.navigation_list li a {
  width: auto;
  border-width: calc(2 * (100vw / 750));
  padding-bottom: calc(30 * (100vw / 750));
}

.navigation_list li a::before {
  border-top: solid calc(12 * (100vw / 750)) var(--color_09);
  border-left: solid calc(9 * (100vw / 750)) transparent;
  border-right: solid calc(9 * (100vw / 750)) transparent;
  margin-bottom: calc(9 * (100vw / 750));
}
/*---------------------navigation*/

/*Lineup-------------------------*/
.each_sec {
  padding: calc(100 * (100vw / 750)) 0;
}

.each_sec .sec_inner {
  width: auto;
}

.sec_ttl {
  font-size: calc(40 * (100vw / 750));
}

#Lineup .sec_ttl {
  margin-bottom: calc(48 * (100vw / 750));
}

.sec_ttl .txt_S {
  margin-bottom: calc(20 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.sec_ttl .txt_eng {
  font-family: var(--font_eng);
}

.eact_itm:nth-of-type(n+2) {
  position: relative;
  border: none;
  margin-top: calc(78 * (100vw / 750));
  padding-top: calc(70 * (100vw / 750));
}

.eact_itm:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(600 * (100vw / 750));
  height: calc(2 * (100vw / 750));
  background: var(--color_02);
  content: "";
}

#SkinOil .itm_overview {
  gap: calc(55 * (100vw / 750));
  margin-bottom: calc(38 * (100vw / 750));
}

#SheetMask .itm_overview {
  gap: calc(42 * (100vw / 750));
  margin-bottom: calc(34 * (100vw / 750));
}

#SkinOil .itm_img {
  width: calc(150 * (100vw / 750));
}

#SheetMask .itm_img {
  width: calc(243 * (100vw / 750));
}

#SkinOil .itm_overview .txt_wrap {
  padding: 0;
}

#SheetMask .itm_overview .txt_wrap {
  padding: 0 calc(8 * (100vw / 750)) 0 0;
}

.itm_overview .itm_caption {
  margin-bottom: calc(14 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
  line-height: 2;
}

.itm_overview .itm_name {
  margin-bottom: calc(16 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
  line-height: 2;
}

.itm_overview .itm_price {
  flex-direction: column;
  gap: calc(20 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.itm_overview .itm_price .txt_S {
  font-size: calc(20 * (100vw / 750));
}

.itm_overview .itm_link {
  margin-top: calc(38 * (100vw / 750));
}

.itm_link a {
  border-radius: calc(100 * (100vw / 750));
}

.itm_link a span {
  padding-top: calc(2 * (100vw / 750));
}

.itm_overview .itm_link a {
  width: calc(320 * (100vw / 750));
  height: calc(50 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.itm_lead {
  font-size: calc(24 * (100vw / 750));
}

#SkinOil .itm_lead  {
  margin-bottom: calc(50 * (100vw / 750));
}

#SheetMask .itm_lead  {
  margin-bottom: calc(50 * (100vw / 750));
}

.itm_lead .notes {
  margin-top: calc(12 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
  line-height: 2;
}

.feature_outside {
  width: calc(700 * (100vw / 750));
  border-radius: calc(20 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
  padding: calc(60 * (100vw / 750)) 0;
}

.feature_outside > h3 {
  margin-bottom: calc(64 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.feature_outside > h3 .txt_eng {
  margin-top: calc(15 * (100vw / 750));
  font-size: calc(36 * (100vw / 750));
}

.feature_list {
  display: block;
  width: calc(580 * (100vw / 750));
  margin: 0 auto;
}

.feature_list > div {
  width: auto;
}

.feature_list > div:nth-of-type(n+2) {
  margin-top: calc(52 * (100vw / 750));
}

.feature_list dt {
  padding: calc(12 * (100vw / 750)) 0 calc(8 * (100vw / 750));
}

#SkinOil .feature_list dt {
  height: auto;
}

#SheetMask .feature_list dt {
  height: auto;
}

.feature_list dt::before,
.feature_list dt::after {
  width: calc(20 * (100vw / 750));
  height: calc(2 * (100vw / 750));
  margin-right: calc(22 * (100vw / 750));
}

.feature_list dt span {
  font-size: calc(26 * (100vw / 750));
  line-height: 1.85;
}

#SheetMask .feature_list > div:nth-of-type(2) dt span {
  padding-left: calc(110 * (100vw / 750));
}

#SheetMask .feature_list > div:nth-of-type(2) dt span::before {
  width: calc(126 * (100vw / 750));
  height: calc(126 * (100vw / 750));
  margin: 0 0 calc(1 * (100vw / 750)) calc(-42 * (100vw / 750));
}

.accordion_inner {
  overflow: hidden;
}

.feature_list dd p {
  padding-top: calc(20 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

#SkinOil .feature_list dd p {
  margin-bottom: 0;
}

.feature_list dd p .notes {
  margin-top: calc(10 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
  line-height: 2;
}

.point_wrap {
  border-width: calc(2 * (100vw / 750));
  border-radius: calc(15 * (100vw / 750));
}

#SkinOil .point_wrap {
  width: calc(630 * (100vw / 750));
  margin-top: calc(175 * (100vw / 750));
  padding-bottom: calc(36 * (100vw / 750));
}

#SheetMask .point_wrap {
  width: calc(630 * (100vw / 750));
  margin-top: calc(80 * (100vw / 750));
  padding-bottom: calc(38 * (100vw / 750));
}

.point_wrap .point_ttl {
  margin: calc(-14 * (100vw / 750)) auto 0;
  padding: 0 calc(24 * (100vw / 750));
  font-size: calc(32 * (100vw / 750));
}

#SkinOil .point_wrap .point_ttl {
  margin-bottom: calc(42 * (100vw / 750));
}

#SkinOil .point_wrap .point_ttl::before {
  width: calc(220 * (100vw / 750));
  height: calc(92 * (100vw / 750));
  margin: 0 0 calc(16 * (100vw / 750)) calc(-70 * (100vw / 750));
}

#SheetMask .point_wrap .point_ttl {
  margin-bottom: calc(24 * (100vw / 750));
}

.point_wrap dl dt {
  margin-bottom: calc(28 * (100vw / 750));
  padding-left: calc(70 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.point_wrap dl dt::before {
  width: calc(50 * (100vw / 750));
  height: calc(50 * (100vw / 750));
  margin: calc(-12 * (100vw / 750)) 0 0 calc(-5 * (100vw / 750));
}

.point_wrap dl dt:nth-of-type(n+2) {
  margin-top: calc(42 * (100vw / 750));
}

.point_wrap dl dd {
  margin-left: calc(70 * (100vw / 750));
  padding-left: calc(62 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.point_wrap dl dd::before {
  width: calc(32 * (100vw / 750));
  height: calc(28 * (100vw / 750));
  margin-top: calc(10 * (100vw / 750));
}

.point_wrap .point_txt {
  font-size: calc(26 * (100vw / 750));
  line-height: 2;
}

.eact_itm .sec_inner > .itm_link a {
  width: calc(500 * (100vw / 750));
  height: calc(66 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}
/*-------------------------Lineup*/

/*Review-------------------------*/
#Review .sec_ttl {
  margin-bottom: calc(58 * (100vw / 750));
}

.review_list {
  justify-content: flex-start;
  gap: calc(40 * (100vw / 750));
  padding: 0 calc(75 * (100vw / 750));
}

.simplebar-wrapper {
  padding-bottom: calc(56 * (100vw / 750));
}

.simplebar-track {
  width: calc(600 * (100vw / 750));
  height: calc(6 * (100vw / 750)) !important;
  margin: 0 auto;
  padding: 0;
  background: var(--color_white);
}

.simplebar-content-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.simplebar-content-wrapper::-webkit-scrollbar {
  display:none;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 0;
  height: 100%;
}

.simplebar-track .simplebar-scrollbar::before {
  top: 0 ;
  right: 0 !important;
  bottom: 0 ;
  left: 0 !important;
  height: 100%;
  border-radius: 0 !important;
  background: var(--color_07);
}

.review_list li {
  position: relative;
}

.review_list li:nth-last-of-type(1)::before {
  position: absolute;
  top: 0;
  left: 100%;
  width: calc(75 * (100vw / 750));
  height: 1px;
  content: "";
}

.review_list li > div {
  width: calc(600 * (100vw / 750));
  border-radius: calc(20 * (100vw / 750));
  padding: calc(40 * (100vw / 750)) calc(50 * (100vw / 750)) calc(40 * (100vw / 750));
}

.review_list li .staff_name {
  border-width: calc(1 * (100vw / 750));
  margin-bottom: calc(18 * (100vw / 750));
  padding-bottom: calc(30 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.review_list li .review_txt {
  font-size: calc(24 * (100vw / 750));
}

/*-------------------------Review*/

/*Order of use-------------------*/
#OrderOfUse .sec_ttl {
  margin-bottom: calc(60 * (100vw / 750));
}

.each_step:nth-of-type(n+2) {
  margin-top: calc(50 * (100vw / 750));
}

.each_step h3 {
  width: calc(500 * (100vw / 750));
  height: calc(52 * (100vw / 750));
  border-radius: calc(100 * (100vw / 750));
  margin: 0 auto calc(-26 * (100vw / 750));
  font-size: calc(36 * (100vw / 750));
}

#OrderOfUse .simplebar-wrapper {
  padding-bottom: 0;
}

#OrderOfUse .simplebar-track {
  bottom: calc(80 * (100vw / 750));
  background: var(--color_08);
}

#OrderOfUse #Night .simplebar-track {
  bottom: calc(200 * (100vw / 750));
}

.step_list_outside {
  position: relative;
  width: fit-content;
  border-radius: calc(20 * (100vw / 750));
  margin: 0 calc(30 * (100vw / 750));
  padding: calc(166 * (100vw / 750)) calc(76 * (100vw / 750)) calc(74 * (100vw / 750)) calc(40 * (100vw / 750));
}

.step_list_outside::before {
  position: absolute;
  top: 0;
  left: 100%;
  width: calc(30 * (100vw / 750));
  height: 1px;
  content: "";
}

#Night .step_list_outside {
  padding-left: calc(18 * (100vw / 750));
  padding-bottom: calc(242 * (100vw / 750));
}

.step_list_wrap {
  gap: 0;
}

#Night .step_list_wrap {
  padding-bottom: calc(200 * (100vw / 750));
}

.step_list_outside .step_list_wrap:nth-of-type(even) {
  margin-top: calc(120 * (100vw / 750));
}

.step_list_wrap .howto_txt {
  width: calc(250 * (100vw / 750));
  margin-top: calc(20 * (100vw / 750));
  white-space: nowrap;
}

.step_list_wrap .howto_txt span {
  font-size: calc(26 * (100vw / 750));
}

.step_list_wrap .howto_txt .txt_S {
  margin-bottom: calc(20 * (100vw / 750));
}

.step_list_wrap .howto_txt .txt_L {
  height: calc(140 * (100vw / 750));
  border-radius: calc(10 * (100vw / 750));
  font-size: calc(28 * (100vw / 750));
  line-height: 2;
}

.step_list_wrap .howto_txt .txt_L::before {
  border-left: solid calc(20 * (100vw / 750)) var(--color_02);
  border-top: solid calc(14 * (100vw / 750)) transparent;
  border-bottom: solid calc(14 * (100vw / 750)) transparent;
  margin-left: calc(-1 * (100vw / 750));
}

.step_list {
  grid-template-columns: repeat(4, calc(240 * (100vw / 750)));
  gap: calc(60 * (100vw / 750));
  width: fit-content;
  padding: 0 calc(92 * (100vw / 750)) calc(12 * (100vw / 750)) calc(7 * (100vw / 750));
}

.step_list::after {
  left: auto;
  right: 0;
  width: calc(100% - calc(40 * (100vw / 750)));
  height: calc(2 * (100vw / 750));
}

.step_list::before {
  width: calc(10 * (100vw / 750));
  height: calc(10 * (100vw / 750));
  margin-bottom: calc(-4 * (100vw / 750));
  border-width: calc(2 * (100vw / 750));
}

.step_list li {
  width: calc(250 * (100vw / 750));
}

.step_list li::before {
  width: calc(20 * (100vw / 750));
  height: calc(20 * (100vw / 750));
  margin-top: 0;
}

.step_list li .notes {
  width: calc(320 * (100vw / 750));
  height: calc(120 * (100vw / 750));
  margin-top: calc(78 * (100vw / 750));
  border-radius: calc(10 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.step_list li .notes::before {
  border-bottom: solid calc(20 * (100vw / 750)) var(--color_06);
  border-left: solid calc(14 * (100vw / 750)) transparent;
  border-right: solid calc(14 * (100vw / 750)) transparent;
  margin-bottom: calc(-2 * (100vw / 750));
}

.step_list li .step_num {
  margin-bottom: calc(32 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
}

.step_list_outside .step_list_wrap:nth-of-type(even) .step_list li .step_num {
  display: block;
}

.step_list li .itm_cat {
  margin-bottom: calc(-4 * (100vw / 750));
  padding: calc(6 * (100vw / 750)) calc(32 * (100vw / 750)) calc(5 * (100vw / 750));
  border-width: calc(2 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.nextPhase {
  width: calc(190 * (100vw / 750));
  margin-left: calc(34 * (100vw / 750));
}

#Morning .nextPhase {
  margin-left: calc(90 * (100vw / 750));
}

.nextPhase p {
  left: 50%;
  transform: translateX(-50%);
  margin-top: calc(220 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

#Morning .nextPhase p {
  margin-top: calc(330 * (100vw / 750));
}

.nextPhase p::before {
  width: calc(190 * (100vw / 750));
  height: calc(207 * (100vw / 750));
  margin-bottom: calc(104 * (100vw / 750));
}

#Morning .nextPhase p::before {
  margin-bottom: calc(30 * (100vw / 750));
}

#Morning .nextPhase p::before {
  background: url(../img/img_002.png) center center / cover no-repeat;
}

#Night .nextPhase p::before {
  background: url(../img/img_003.png) center center / cover no-repeat;
}

.each_step > .notes {
  margin-bottom: calc(66 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  line-height: 2;
}
/*-------------------Order of use*/

/*Fragrance----------------------*/
#Fragrance .sec_ttl {
  margin-bottom: calc(56 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
}

#Fragrance .sec_ttl .txt_S {
  margin-bottom: calc(32 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.fragrance_img {
  width: calc(520 * (100vw / 750));
  margin: 0 auto calc(50 * (100vw / 750));
}

.fragrance_list_wrap {
  width: calc(630 * (100vw / 750));
  margin: calc(-10 * (100vw / 750)) auto calc(36 * (100vw / 750));
  padding-left: calc(10 * (100vw / 750));
}

.fragrance_list::before {
  width: calc(265 * (100vw / 750));
  height: calc(270 * (100vw / 750));
  background: url(../img/bg_001_sp.svg) center center / cover no-repeat;
}

.fragrance_list li:nth-of-type(1) {
  height: calc(118 * (100vw / 750));
  padding-top: calc(50 * (100vw / 750));
}

.fragrance_list li:nth-of-type(2) {
  height: calc(78 * (100vw / 750));
  padding-top: calc(6 * (100vw / 750));
}

.fragrance_list li:nth-of-type(3) {
  height: calc(74 * (100vw / 750));
  padding-top: calc(8 * (100vw / 750));
}

.fragrance_list li:nth-of-type(n+2)::before {
  height: calc(3 * (100vw / 750));
  background: linear-gradient(to right, var(--color_04) calc(3 * (100vw / 750)), transparent calc(4 * (100vw / 750)));
  background-size: calc(7 * (100vw / 750)) 100%;
}

.fragrance_list li:nth-of-type(2)::before {
  width: calc(542 * (100vw / 750));
}

.fragrance_list li:nth-of-type(3)::before {
  width: calc(581 * (100vw / 750));
}

.fragrance_list li .fragrance_cat {
  width: calc(265 * (100vw / 750));
  font-size: calc(23 * (100vw / 750));
}

.fragrance_list li .ingredient_name {
  font-size: calc(22 * (100vw / 750));
}

.fragrance_list li:nth-of-type(1) .ingredient_name {
  margin-left: calc(-60 * (100vw / 750));
}

.fragrance_list li:nth-of-type(2) .ingredient_name {
  margin-left: calc(-16 * (100vw / 750));
}

.fragrance_list li:nth-of-type(3) .ingredient_name {
  margin-left: calc(22 * (100vw / 750));
}

.fragrance_list_wrap .notes {
  margin-top: calc(40 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
  line-height: 2;
}

.fragrance_lead {
  margin-bottom: calc(40 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.accordion_btn {
  border-width: calc(2 * (100vw / 750));
  padding-bottom: calc(2 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.accordion_btn span {
  padding-right: calc(28 * (100vw / 750));
}

.accordion_btn span::before {
  width: calc(14 * (100vw / 750));
  height: calc(2 * (100vw / 750));
}

.accordion_btn .to_open::after {
  width: calc(14 * (100vw / 750));
  height: calc(2 * (100vw / 750));
}

/*----------------------Fragrance*/

/*Series-------------------------*/
#Series .sec_ttl {
  margin-bottom: calc(58 * (100vw / 750));
}

.series_itm_list {
  padding-bottom: calc(66 * (100vw / 750));
  height: calc(525 * (100vw / 750));
}

.series_itm_list .each_itm {
  margin: 0 calc(20 * (100vw / 750));
  transform: translateX(calc(155 * (100vw / 750)));
}

.series_itm_list .each_itm a {
  width: calc(440 * (100vw / 750));
  border-radius: calc(20 * (100vw / 750));
  padding: calc(60 * (100vw / 750)) 0 calc(50 * (100vw / 750));
}

.series_itm_list .itm_cat {
  gap: calc(15 * (100vw / 750));
  margin-bottom: calc(30 * (100vw / 750));
}

.series_itm_list .itm_cat span {
  border-width: calc(2 * (100vw / 750));
  padding: calc(6 * (100vw / 750)) calc(34 * (100vw / 750)) calc(5 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.series_itm_list .itm_img_wrap,
.series_itm_list .itm_img {
  width: calc(360 * (100vw / 750));
}

.series_itm_list .itm_feature {
  width: calc(164 * (100vw / 750));
  height: calc(164 * (100vw / 750));
  margin: calc(134 * (100vw / 750)) calc(-12 * (100vw / 750)) 0 0;
  padding-top: calc(5 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.series_itm_list .itm_name {
  margin-top: calc(30 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  line-height: 1.75;
}

.series_itm_list .itm_price {
  margin-top: calc(24 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.series_itm_list .itm_price .txt_S {
  font-size: calc(20 * (100vw / 750));
}

.series_itm_list .itm_caption {
  margin-top: calc(30 * (100vw / 750));
  padding-top: calc(20 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.series_itm_list .itm_caption::before {
  width: calc(360 * (100vw / 750));
  height: calc(2 * (100vw / 750));
}

.series_itm_list .itm_caption span::before,
.series_itm_list .itm_caption span::after {
  width: calc(1 * (100vw / 750));
  height: calc(23 * (100vw / 750));
  margin-bottom: calc(4 * (100vw / 750));
}

.series_itm_list .itm_caption span::before {
  margin-right: calc(30 * (100vw / 750));
}

.series_itm_list .itm_caption span::after {
  margin-left: calc(30 * (100vw / 750));
}

.series_itm_list .itm_link {
  width: calc(240 * (100vw / 750));
  height: calc(40 * (100vw / 750));
  border-radius: calc(100 * (100vw / 750));
  margin: calc(20 * (100vw / 750)) auto 0;
  font-size: calc(24 * (100vw / 750));
}

.series_itm_list .itm_link::before {
  width: calc(10 * (100vw / 750));
  height: calc(10 * (100vw / 750));
  border-width: calc(1 * (100vw / 750));
  margin-right: calc(20 * (100vw / 750));
}

.series_itm_list .slick-dots li {
  margin: 0 calc(10 * (100vw / 750));
}

.series_itm_list .slick-dots li button {
  width: calc(16 * (100vw / 750));
  height: calc(16 * (100vw / 750));
  border-width: calc(2 * (100vw / 750));
}

.btn_wrapup {
  margin: calc(50 * (100vw / 750)) auto 0;
}

.btn_wrapup a {
  width: calc(600 * (100vw / 750));
  height: calc(60 * (100vw / 750));
  border-radius: calc(100 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.btn_wrapup a::before {
  width: calc(12 * (100vw / 750));
  height: calc(12 * (100vw / 750));
  border-width: calc(2 * (100vw / 750));
  margin-right: calc(40 * (100vw / 750));
}
/*-------------------------Series*/

}

/*---------------------------------------------Smart phone*/

/*PC------------------------------------------------------*/
@media screen and  (min-width:769px) {
  .only_sp {
    display: none;
  }
}
/*------------------------------------------------------PC*/

/*レスポンシブ＆タブレット対応-------------------------------*/
@media screen and (max-width: 1400px){
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}
/*-------------------------------レスポンシブ＆タブレット対応*/