@charset "UTF-8";

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

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

#Wrap {
  width: auto;
}

main {
  max-width: unset;
}

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

.LP_page {
  background: #fff;
  color: #000;
  font-family: 'Mulish', "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  overflow-x: clip;
  padding-bottom: 11.5rem;
  opacity: 0;
  transition: opacity .3s;
}

.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;
}

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

.activePoint.active,
.activePoint.active > .activeDelay {
  opacity: 1;
  transform: translateY(0) !important;
}

.activeDelay.delay1 {
  transition-delay: .3s !important;
}

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

/*mv-----------------------------*/
.mv_wrap {
  position: relative;
  margin-bottom: 6.2rem;
}

.mv_wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(650 * (100vw / 1400));
  height: 100%;
  background: linear-gradient(to right, #9E9E9E, rgba(255, 255, 255, 0));
  content: "";
  opacity: 0;
}

.brand-logo {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(218 * (100vw / 1400));
  margin: calc(25 * (100vw / 1400)) calc(15 * (100vw / 1400)) 0 0;
  opacity: 0;
}

.main_ttl_wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: calc(650 * (100vw / 1400));
  opacity: 0;
}

.main_ttl {
  width: fit-content;
  margin: calc(85 * (100vw / 1400)) auto 0;
  font-weight: 400;
  font-size: calc(17 * (100vw / 1400));
  line-height: 2.5;
  letter-spacing: .1em;
  white-space: nowrap;
  color: #fff;
}

.main_ttl .txt_line {
  position: relative;
  display: block;
  width: fit-content;
  margin-bottom: calc(38 * (100vw / 1400));
  padding: 0 calc(2 * (100vw / 1400)) calc(7 * (100vw / 1400)) calc(5 * (100vw / 1400));
  font-weight: 600;
  font-size: calc(26 * (100vw / 1400));
  letter-spacing: .11em;
}

.main_ttl .txt_line::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1.7246 * (100vw / 1400));
  background: #fff;
  content: "";
}

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

/*lead---------------------------*/
.main_lead_wrap {
  margin-bottom: 9.5rem;
  font-size: 1.2rem;
  letter-spacing: .075em;
  text-align: center;
}

.LP_page .accordion_wrap {
  overflow: hidden;
  transition: max-height .3s, padding .3s;
}

.main_lead_wrap .accordion_wrap {
  position: relative;
  max-height: 13.1rem;
}

.main_lead_wrap .accordion_wrap::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(transparent, #fff 60%);
  content: "";
}

.LP_page .accordion_wrap.active {
  max-height: 100rem;
}

.main_lead_wrap .accordion_wrap.active {
  padding-bottom: 3rem;
}

.main_lead_wrap .accordion_wrap.active::before {
  display: none;
}

.LP_page .btn_accordion {
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
}

.LP_page .btn_accordion span {
  position: relative;
  display: inline-block;
  padding-right: 1.2rem;
  font-size: 1.1rem;
  letter-spacing: .1em;
  transition: opacity .2s;
}

.LP_page .btn_accordion span::before {
  position: absolute;
  top: 50%;
  right: 0;
  border-right: solid #000;
  border-bottom: solid #000;
  border-width: .1rem;
  width: .5rem;
  height: .5rem;
  margin-right: -.3rem;
  content: "";
}

.LP_page .btn_accordion .toOpen {
 display: block;
}

.LP_page .btn_accordion .toOpen::before {
  transform: translateY(calc(-50% - .1rem)) rotate(45deg);
}

.LP_page .btn_accordion .toClose {
  display: none;
}

.LP_page .btn_accordion.switch .toClose {
  display: block;
}

.LP_page .btn_accordion.switch .toClose::before {
  transform: translateY(calc(-50% + .2rem)) rotate(-135deg);
}

.LP_page .btn_accordion.switch .toOpen {
  display: none;
}

.main_lead_wrap .main_lead {
  line-height: 2;
}

.main_lead_wrap .main_lead:nth-of-type(n+2) {
  margin-top: 1.2rem;
}

.lead_emphasis {
  width: fit-content;
  margin: 2.2rem auto 0;
  padding: 1.5rem 2.8rem 1.7rem;
  background: #F1F1F1;
  line-height: 2;
}

.lead_emphasis sup {
  font-size: .7rem;
  letter-spacing: 0;
}

.main_lead_wrap .notes {
  margin-top: 1.6rem;
  font-size: 1rem;
  letter-spacing: .075em;
}
/*---------------------------lead*/

/*campaign-----------------------*/
.campaign_wrap {
  position: relative;
  border: solid #DDDACC;
  border-width: .3rem;
  width: 50rem;
  margin: 0 auto 8rem;
  padding: 6.8rem 2rem 1.7rem;
}

.campaign_wrap::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 20rem;
  height: .6rem;
  margin-top: -.3rem;
  background: #fff;
  content: "";
}

.campaign_wrap > dt {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -2rem;
  font-size: 3rem;
  letter-spacing: .1em;
  text-align: center;
}

.campaign_wrap > dt .txt_S {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: .1em;
}

.campaign_wrap > dd p {
  text-align: center;
}

.campaign_wrap > dd .txt_M {
  font-size: 1.3rem;
  letter-spacing: .1em;
}

.campaign_wrap > dd .txt_emphasis {
  margin-top: 1.6rem;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: .1em;
}

.campaign_wrap > dd .txt_emphasis .txt_S {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto .3rem;
  padding: 0 1.1rem;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: .075em;
}

.campaign_wrap > dd .txt_emphasis .txt_S::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-30deg);
  width: .1rem;
  height: 1.3rem;
  margin-top: .2rem;
  background: #9E9E9E;
  content: "";
}

.campaign_wrap > dd .txt_emphasis .txt_S::after {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(30deg);
  width: .1rem;
  height: 1.3rem;
  margin-top: .2rem;
  background: #9E9E9E;
  content: "";
}

.campaign_wrap > dd .txt_emphasis .txt_L {
  font-size: 3rem;
  letter-spacing: .1em;
  vertical-align: -.2rem;
}

.campaign_wrap .schedule_wrap {
  border: solid #9E9E9E;
  border-width: .1rem;
  width: 27rem;
  margin: 2.5rem auto 0;
  font-size: 1.1rem;
  letter-spacing: .075em;
  text-align: center;
}

.campaign_wrap .schedule_wrap dt {
  border-bottom: solid #9E9E9E;
  border-width: .1rem;
  padding: .9rem 1rem .6rem;
  background: #ddd;
}

.campaign_wrap .schedule_wrap dd {
  padding: 1rem 1rem 1.1rem;
}

.campaign_wrap .schedule_wrap dd ul li:nth-of-type(n+2) {
 margin-top: 1.1rem;
}

.campaign_wrap > dd > .txt_S {
  margin-top: 1.6rem;
  font-size: 1.1rem;
  letter-spacing: .075em;
}

.campaign_wrap > dd > .txt_S a {
  display: inline-block;
  text-decoration: underline;
}

.campaign_wrap > dd >.txt_S .notes {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
}
/*-----------------------campaign*/

/*shop list----------------------*/
body.no_scroll {
  height: 100vh;
  overflow: hidden;
}

header.hide {
  opacity: 0;
  pointer-events: none;
}

.modal_outside.hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.modal_outside {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  transition: all .3s;
  visibility: visible;
}

.modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal_inner {
  position: relative;
  width: 71rem;
  margin: 0 auto;
  padding: 2rem 0 4rem;
  background: #D1D1D1;
}

.modal_inner .btn_close {
  position: absolute;
  z-index: 1;
	top: 0;
	right: 0;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  margin: -1rem -1rem 0 0;
  background: #4D4D4D;
  transform: rotate(45deg);
  cursor: pointer;
}

.modal_inner .btn_close::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4rem;
  height: .1rem;
  background: #fff;
  content: "";
}

.modal_inner .btn_close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .1rem;
  height: 1.4rem;
  background: #fff;
  content: "";
}

.modal_inner .sec_ttl {
  margin-bottom: 2rem;
  font-size: 1.5rem !important;
  letter-spacing: .13em !important;
  color: #fff;
}

.modal_content {
	width: 59rem;
  height: 40.8rem;
  margin: 0 auto;
  padding: 2rem 3rem;
  background: #fff;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal_content::-webkit-scrollbar {
  display:none;
}

.simplebar-track {
  width: .4rem !important;
  height: 90%;
  margin: auto 1.3rem auto 0;
  padding: 0;
  background: #ddd;
}

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

.simplebar-track .simplebar-scrollbar::before {
  top: 0 !important;
  right: 0;
  bottom: 0 !important;
  left: 0;
  border-radius: 0;
  width: 100%;
  background: #B7B7B7;
}

.district_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1rem;
  padding: 1rem;
  background: #ddd;
}

.district_list::after {
  display: block;
  width: 12rem;
  content: "";
}

.district_list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 2.5rem;
  background: #fff;
  font-size: 1.1rem;
  letter-spacing: .13em;
  color: #4D4D4D;
}

.district_list li a::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-top: solid .3rem #B7B7B7;
  border-right: solid .25rem transparent;
  border-left: solid .25rem transparent;
  margin-right: .7rem;
  content: "";
}

.shop_list li:nth-of-type(1) {
  padding-top: 2.6rem;
}

.shop_list li:nth-of-type(n+2) {
  padding-top: 2.2rem;
}

.shop_list dt {
  margin-bottom: .9rem;
  font-size: 1.3rem;
  letter-spacing: .13em;
  text-align: center;
}

.shop_list dd {
  width: 40rem;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: .075em;
}
/*----------------------shop list*/

/*feature------------------------*/
.LP_page .sec_ttl {
  font-weight: 400;
  font-size: 3.6rem;
  letter-spacing: .1em;
  text-align: center;
}

.feature_area > .sec_ttl {
  position: relative;
  z-index: 1;
  padding: 5rem 0;
  font-size: 3rem;
}

.feature_area > .sec_ttl::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg_001.jpg) center center/ cover no-repeat;
  opacity: .7;
  content: "";
}

.feature_area > .sec_ttl .series_name {
  position: relative;
  display: block;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  font-weight: 200;
  font-size: 2.8rem;
}

.feature_area > .sec_ttl .series_name::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2rem;
  height: .2rem;
  background: #808080;
  content: "";
}

.feature_area > .sec_ttl .series_name .txt_S {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.5rem;
  letter-spacing: .1em;
}

/*concept------------------------*/
.concept_area {
  position: relative;
  z-index: 1;
  background: rgba(221, 221, 221, .3);
}

.concept_area::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: calc(830 * (100vw / 1400));
  height: 100%;
  background: url(../img/bg_002.jpg) top left / 83rem 100% no-repeat;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 72.9rem, #000 calc(100% - 72.9rem));
  mask-image: linear-gradient(to right, transparent, #000 72.9rem, #000 calc(100% - 72.9rem));
  opacity: .7;
  content: "";
}

@media screen and  (min-width:1400px) {
.concept_area::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: calc(830 * (100vw / 1400) - 63rem);
  height: 100%;
  background: linear-gradient(to right, transparent, #f5f5f5 20rem);
  content: "";
}
}

.concept_area .sec_inner {
  width: 94rem;
  margin: 0 auto;
  padding: 10rem 0 9.3rem;
}

.concept_area .sec_ttl {
  text-align: left;
  margin-bottom: 8rem;
  letter-spacing: .075em;
  color: #333;
}

.concept_wrap dt {
  margin-bottom: 3.3rem;
  font-size: 2rem;
  letter-spacing: .075em;
}

.concept_wrap dt .txt_S {
  display: block;
  margin-top: 2rem;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: .075em;
}

.concept_wrap dd p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: .075em;
}

.concept_wrap dd p:nth-of-type(n+2) {
  margin-top: 2.65rem;
}

.concept_wrap dd .txt_emphasis {
  position: relative;
  width: fit-content;
  margin-top: 2.2rem !important;
  font-size: 2rem;
}

.concept_wrap dd .txt_emphasis::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - .4rem);
  height: .1rem;
  margin-bottom: .5rem;
  background: #000;
  content: "";
}
/*------------------------concept*/

/*selling points-----------------*/
.selling-points_area {
  position: relative;
  z-index: 1;
  padding-bottom: 7.5rem;
  background: #f5f5f5;
}

.selling-points_area::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 30rem;
  background: url(../img/bg_003.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(#000 18.17311rem, #000 calc(100% - 18.17311rem), transparent);
  mask-image: linear-gradient(#000 18.17311rem, #000 calc(100% - 18.17311rem), transparent);
  content: "";
  opacity: .6;
}

.selling-points_area .sec_ttl {
  height: 30rem;
  margin-bottom: 5.2rem;
  padding-top: 8rem;
  font-size: 3.2rem;
  letter-spacing: .075em;
  color: #333;
}

.selling-points_wrap {
  text-align: center;
}

.selling-points_wrap > dt {
  margin-bottom: 4.3rem;
  font-size: 1.8rem;
  letter-spacing: .1em;
}

.selling-points_wrap > dd > p {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .075em;
}

.selling-points_wrap > dd > p .txt_B {
  font-weight: 600;
}

.selling-points_wrap > dd > p:nth-of-type(n+2) {
  margin-top: 2.2rem;
}

.selling-points_list {
  margin-top: 5.4rem;
}

.selling-points_list li:nth-of-type(n+2) {
  margin-top: 4.5rem;
}

.selling-points_list li dt {
  margin-bottom: 2rem;
  font-size: 2rem;
  letter-spacing: .075em;
  text-align: center;
}

.selling-points_list li dt .point_num {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid #808080;
  border-width: .133rem;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 2.5rem;
  font-size: 2.8rem;
  color: #808080;
}

.selling-points_list li dt .point_num .txt_S {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-left: -2rem;
  padding: .4rem 0;
  font-size: 1rem;
  letter-spacing: 0;
  background: #f5f5f5;
}

.selling-points_list li dt .icon {
  display: block;
  border-radius: 10rem;
  width: fit-content;
  margin: 0 auto 1.6rem;
  padding: .4rem 1.5rem .3rem;
  background: #ddd;
  font-size: 1rem;
  letter-spacing: .13em;
}

.selling-points_list li dd {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .075em;
}

.selling-points_list li dd .txt_emphasis {
  color: #80272D;
}

.selling-points_list li dd .notes {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
}

.selling-points_list li dd sup {
  font-size: .7rem;
  letter-spacing: 0;
}

/*selling points-----------------*/

.key-ingredients_area {
  position: relative;
}

.key-ingredients_area > .sec_ttl {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8rem;
  font-weight: 200;
  white-space: nowrap;
  color: #fff;
}

/*cultivate moisture-------------*/
.each_ingredients_area {
  position: relative;
  z-index: 1;
  padding: 8rem 0;
}

.each_ingredients_area::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.cultivate-moisture_area {
  padding-top: 16.6rem;
}

.cultivate-moisture_area::before {
  background: url(../img/bg_004.jpg) center center / cover no-repeat;
  opacity: .7;
}

.cultivate-moisture_area::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#CBDBEB, #EAEFF4);
  opacity: .3;
  content: "";
}

.each_ingredients_area .sec_ttl {
  margin-bottom: 5rem;
  font-size: 3rem;
  letter-spacing: .13em;
}

.ingredients_list {
  display: flex;
  justify-content: center;
  gap: 8rem;
}

.ingredients_list li sup {
  font-size: .7rem;
  letter-spacing: 0;
}

.ingredients_list li dl:nth-of-type(1) dt {
  border-radius: 50%;
  width: 18rem;
  height: 18rem;
  margin: 0 auto 2.4rem;
  padding-top: 3rem;
  background: #fff;
  font-size: 2.5rem;
  letter-spacing: .075em;
  text-align: center;
}

.ingredients_list li dl:nth-of-type(1) dt .icon {
  display: block;
  border-radius: 10rem;
  width: fit-content;
  margin: 0 auto 1rem;
  padding: .4rem 1.5rem .3rem;
  font-size: 1rem;
  letter-spacing: .13em;
}

.cultivate-moisture_area .ingredients_list li dl:nth-of-type(1) dt .icon {
  background: #CCDBE8;
}

.ingredients_list li dl:nth-of-type(1) dt .txt_S {
  display: block;
  margin-top: 1rem;
  font-size: 1.1rem;
  letter-spacing: .075em;
}

.ingredients_list li dl:nth-of-type(1) dt figure {
  width: 5rem;
  margin: .8rem auto 0;
}

.ingredients_list li dl:nth-of-type(1) dd {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .075em;
  text-align: center;
}

.ingredients_list li dl:nth-of-type(1) dd .notes {
  display: block;
  margin-top: 1.1rem;
  font-size: 1rem;
}

.ingredients_list li .external-link_wrap {
  margin-top: 6rem;
  text-align: center;
}

.ingredients_list li .external-link_wrap dt {
  width: fit-content;
  margin: 0 auto 4rem;
  font-size: 2rem;
  letter-spacing: .075em;
}

.ingredients_list li .external-link_wrap dt sup {
  font-size: 1.2rem;
}

.ingredients_list li .external-link_wrap .link {
  width: fit-content;
  margin: 0 auto 1.5rem;
}

.ingredients_list li .external-link_wrap .link a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  border: solid #4D4D4D;
  border-width: .1rem;
  width: 12.6rem;
  height: 2.2rem;
}

.ingredients_list li .external-link_wrap .link a span {
  position: relative;
  padding-right: 2.2rem;
  font-size: 1.1rem;
  letter-spacing: .075em;
}

.ingredients_list li .external-link_wrap .link a span::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/icon_001.svg) center center/ cover no-repeat;
  content: "";
}

.ingredients_list li .external-link_wrap .notes {
  font-size: 1rem;
  letter-spacing: .075em;
}
/*-------------cultivate moisture*/

/*spread moisture----------------*/
.spread-moisture_area::before {
  background: url(../img/bg_005.jpg) center center / cover no-repeat;
  opacity: .5;
}

.spread-moisture_area .sec_ttl {
  color: #9C8B7B;
}

.spread-moisture_area .ingredients_list li {
  width: 42rem;
}

.spread-moisture_area .ingredients_list li sup {
  font-size: 1rem;
  letter-spacing: 0;
}

.spread-moisture_area .ingredients_list li dl:nth-of-type(1) dt .icon {
  margin: 0 auto 1.2rem;
  background: #DED9CF;
}

.spread-moisture_area .ingredients_list li dl:nth-of-type(1) dt {
  padding-top: 4.5rem;
  font-size: 1.8rem;
  letter-spacing: .1em;
}

.spread-moisture_area .ingredients_list li dl:nth-of-type(1) dt figure {
  width: 6rem;
  margin: 1.2rem auto 0;
}
/*----------------spread moisture*/

/*give moisture------------------*/
.give-moisture_area::before {
  background: url(../img/bg_006.jpg) top center / cover no-repeat;
  opacity: .4;
}

.give-moisture_area .sec_ttl {
  margin-bottom: 4.6rem;
}

.give-moisture_area sup {
  font-size: .7rem;
  letter-spacing: 0;
}

.give-moisture_area .lead_wrap {
  margin-bottom: 4rem;
}

.give-moisture_area .lead_wrap p {
  font-size: 1.2rem;
  letter-spacing: .075em;
  text-align: center;
}

.give-moisture_area .lead_wrap .txt_emphasis {
  position: relative;
  width: fit-content;
  margin: 0 auto 3rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  letter-spacing: .08em;
}

.give-moisture_area .lead_wrap .txt_emphasis::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + .8rem);
  height: .1rem;
  background: #000;
  content: "";
}

.give-moisture_area .lead_wrap .txt_emphasis .txt_L {
  font-size: 2.3rem;
  vertical-align: -.1rem;
}

.give-moisture_area .accordion_wrap {
  max-height: 0;
  opacity: 0;
  transition: max-height .3s, opacity .3s, padding .3s;
}

.give-moisture_area .accordion_wrap.active {
  padding-bottom: 4rem;
  opacity: 1;
}

.ingredients_list_wrap {
  display: flex;
  justify-content: center;
  gap: 4rem;
}

.new-ingredients {
  width: 48.2rem;
}

.continuation-ingredients {
  width: 16.2rem;
}

.ingredients_list_wrap dt {
  position: relative;
  margin-bottom: 1.9rem;
  font-size: 1.3rem;
  letter-spacing: .075em;
}

.ingredients_list_wrap dt::before {
  position: absolute;
  top: 50%;
  right: 0;
  height: .1rem;
  background: #000;
  content: "";
}

.new-ingredients dt::before {
  width: 37.8rem;
}

.continuation-ingredients dt::before {
  width: 4.3rem;
}

.ingredients_list_wrap ul {
  display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 19rem;
  gap: 3.8rem;
	row-gap: 1.5rem;
}

.ingredients_list_wrap li {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.1rem;
  letter-spacing: .075em;
}

.ingredients_list_wrap figure {
  border: solid #000;
  border-width: .05rem;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
  background: #fff;
  overflow: hidden;
}

.give-moisture_area .notes {
  margin-top: 3rem;
  font-size: 1rem;
  letter-spacing: .1em;
  text-align: center;
}
/*------------------give moisture*/

/*certification------------------*/
.certification_area {
  padding: 8rem 0 7.3rem;
  background: rgba(221, 221, 221, .3);
}

.certification_area .sec_ttl {
  margin-bottom: 5rem;
}

.certification_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  width: 54rem;
  margin: 0 auto 2.5rem;
  padding: 3rem 0;
  background: #fff;
}

.certification_img {
  width: 10rem;
}

.certification_name {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: .075em;
  text-align: center;
}

.certification_name span {
  letter-spacing: .15em;
}

.certification_caption {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .075em;
  text-align: center;
}
/*------------------certification*/

/*aroma--------------------------*/
.aroma_area {
  padding-bottom: 8rem;
  background: rgba(198, 211, 229, .3);
}

.aroma_area .sec_ttl {
  position: relative;
  z-index: 1;
  height: 50rem;
  margin-bottom: 4.5rem;
  padding-top: 8rem;
}

.aroma_area .sec_ttl::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg_007.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(#000 18.17311rem, #000 calc(100% - 18.17311rem), transparent);
  mask-image: linear-gradient(#000 18.17311rem, #000 calc(100% - 18.17311rem), transparent);
  opacity: .7;
  content: "";
}

.aroma_area .lead {
  margin-bottom: 2.5rem;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .075em;
  text-align: center;
}

.point_wrap {
  border-radius: 2rem;
  width: 52rem;
  margin: 0 auto;
  padding: 2.8rem 1rem 2.6rem;
  background: #fff;
  text-align: center;
}

.point_wrap dt {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: .1em;
  color: #666;
}

.point_wrap dd {
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: .075em;
}

.point_wrap dd sup {
  font-size: .7rem;
  letter-spacing: 0;
}

.aroma_area .notes {
  margin-top: 2rem;
  font-size: 1rem;
  letter-spacing: .075em;
  text-align: center;
}

.pyramid_wrap {
  width: 84.2rem;
  margin: 5rem auto 0;
}

.aroma_list_wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7.2rem;
  overflow: hidden;
}

.aroma_list_wrap::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}

.aroma_list_wrap.top::after {
  z-index: 2;
  border-bottom: solid #E5E9ED 14.1rem;
  border-right: solid transparent 5.4rem;
  border-left: solid transparent 5.4rem;
  margin-left: 10.6rem;
}

.aroma_list_wrap.middle::after {
  z-index: 1;
  border-bottom: solid #DEE3EA 28.2rem;
  border-right: solid transparent 10.7rem;
  border-left: solid transparent 10.7rem;
  margin-left: 5.3rem;
}

.aroma_list_wrap.last::after {
  border-bottom: solid #C6D3E5 42.3rem;
  border-right: solid transparent 16rem;
  border-left: solid transparent 16rem;
}

.pyramid_wrap .aroma_list_wrap:nth-of-type(n+2)::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 68rem;
  height: .1rem;
  background: linear-gradient(to right, #9FA0A0 .3rem, transparent .2rem);
  background-size: .5rem .1rem;
  content: "";
}

.aroma_list_wrap dt {
  position: relative;
  z-index: 3;
  width: 21.6rem;
  padding-left: 10.8rem;
  font-weight: 600;
  font-size: 1.87rem;
  letter-spacing: .07em;
  text-align: center;
}

.aroma_list_wrap dt span {
  display: block;
}

.aroma_list_wrap.top dt span {
  margin-top: 3.4rem;
}

.aroma_list_wrap.last dt span {
  margin-bottom: 2rem;
}

.aroma_list {
  display: flex;
  gap: 4.4rem;
  padding: 1.6rem 0;
}

.aroma_list_wrap.top .aroma_list {
  margin-left: 5.2rem;
}

.aroma_list_wrap.last .aroma_list {
  margin-left: 8rem;
}

.aroma_list li {
  width: fit-content;
}

.aroma_list li .aroma_name {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  letter-spacing: .05em;
  text-align: center;
}

.aroma_list li .aroma_name .txt_S {
  display: block;
  margin-top: .5rem;
  font-size: 1rem;
  letter-spacing: .075em;
}

.aroma_list li figure {
  border-radius: 50%;
  width: 7rem;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}
/*--------------------------aroma*/
/*------------------------feature*/

/*review-------------------------*/
.review_area {
  padding: 8rem 0;
  background: rgba(221, 221, 221, .3);
}

.review_area .sec_ttl {
  margin-bottom: 5.2rem;
}

.review_area .lead {
  margin-bottom: 3rem;
  font-size: 1.2rem;
  letter-spacing: .075em;
  text-align: center;
}

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

.review_list li {
  border-radius: 2rem;
  width: 36rem;
  padding: 3rem 4rem 2.5rem;
  background: #fff;
}

.review_list li .reviewer_name {
  border-bottom: solid #ddd;
  border-width: .1rem;
  margin-bottom: .8rem;
  padding-bottom: 1.5rem;
  font-size: 1.2rem;
  letter-spacing: .075em;
  text-align: center;
}

.review_list li .review {
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: .075em;
}

/*-------------------------review*/

/*products-----------------------*/
.product_area .sec_ttl {
  position: relative;
  z-index: 1;
  height: 50rem;
  margin-bottom: 12rem;
  padding-top: 8rem;
}

.product_area .sec_ttl::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg_008.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(#000 18.17311rem, #000 calc(100% - 18.17311rem), transparent);
  mask-image: linear-gradient(#000 18.17311rem, #000 calc(100% - 18.17311rem), transparent);
  content: "";
}

.product_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10rem;
  width: 100rem;
  margin: 0 auto;
}

.product_list > li {
  width: 45rem;
}

.product_list > li.set-item {
  transform: translateY(-.7rem);
}

.product_list > li > .content_wrap {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
}

.product_list > li > .content_wrap .txt_wrap {
  flex: 1;
}

.product_list > li .product_img {
  width: 15rem;
}

.product_list > li.set-item .product_img {
  width: 24rem;
}

.product_list > li.set-item .txt_wrap {
  order: 2;
}

.product_list > li .product_name {
  margin-bottom: 2.5rem;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: .1em;
}

.product_list > li .product_name span {
  letter-spacing: .15em;
}

.product_list > li .product_capacity {
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  letter-spacing: .1em;
}

.product_list > li .product_price {
  margin-bottom: 3rem;
  font-size: 1.2rem;
  letter-spacing: .1em;
}

.product_list > li .product_price .txt_S {
  font-size: 1.1rem;
  vertical-align: -.1rem;
}

.product_list > li .product_link a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  background: #666;
  font-size: 1.5rem;
  letter-spacing: .1em;
  color: #fff;
}

.product_feature_wrap {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2.6rem;
}

.product_feature_wrap dt {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  width: 6rem;
  height: 1.8rem;
  background: #B7B7B7;
  font-size: 1.1rem;
  letter-spacing: .1em;
  color: #fff;
}

.product_feature_wrap dt span {
  margin-top: .1rem;
}

.product_feature_wrap dd {
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: .075em;
}

.set_lineup_wrap {
  position: relative;
  border: solid #D1D1D1;
  border-width: .1rem;
  width: 40rem;
  margin: 3.8rem auto 0;
  padding: 2.2rem 1rem 2rem;
}

.set_lineup_wrap dt {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -.6rem;
  padding: 0 1rem;
  background: #fff;
  font-size: 1.2rem;
  letter-spacing: .1em;
}

.product_area .accordion_wrap {
  position: relative;
  max-height: 11.8rem;
}

.product_area .accordion_wrap::before {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7rem;
  background: linear-gradient(transparent, #fff 65%);
  content: "";
}

.product_area .accordion_wrap.active {
  padding-bottom: 3rem;
}

.product_area .accordion_wrap.active::before {
  display: none;
}

.set_lineup_wrap ul {
  width: fit-content;
  margin: 0 auto;
}

.set_lineup_wrap ul li {
  font-size: 1.2rem;
  letter-spacing: .075em;
}

.set_lineup_wrap ul li:nth-of-type(n+2){
  margin-top: 1.2rem;
}

.product_caption_list {
  margin-top: 2.4rem;
}

.product_list > li.set-item .product_caption_list {
  width: fit-content;
  margin: 2.4rem auto 0;
}

.product_caption_list li {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: .075em;
}

.product_list > li.set-item .product_caption_list li {
  margin-left: -2rem;
}

.product_caption_list li::before {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: .3rem;
  height: .3rem;
  margin-top: .8rem;
  background: #9E9E9E;
  content: "";
}

.product_caption_list li sup {
  font-size: .7rem;
  letter-spacing: 0;
}

.product_caption_list li:nth-of-type(n+2) {
  margin-top: .5rem;
}

.product_list .notes {
  margin-top: .5rem;
  padding-left: 1.2rem;
  font-size: 1rem;
  letter-spacing: .075em;
}
/*-----------------------products*/

/*campaign(footer)---------------*/
.campaign_area {
  padding-top: 9.5rem;
}

.campaign_wrap.footer {
  margin-bottom: 3.5rem;
}

.notes_list {
  width: 45rem;
  margin: 0 auto;
}

.notes_list li {
  position: relative;
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: .075em;
}

.notes_list li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  line-height: 2;
  content: "・";
}
/*---------------campaign(footer)*/

/*campaign btn-------------------*/
.btn_cp_wrap {
  position: fixed;
  z-index: 5;
  bottom: 0;
  right: 0;
  margin: 0 3rem 3rem 0;
  transform: translateX(calc(100% + 3rem));
  transition: transform .5s, opacity .3s;
}

.btn_cp_wrap.active {
  transform: translateX(0);
}

.btn_cp_wrap.hide {
  opacity: 0;
  pointer-events: none;
}

.btn_cp_wrap .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
  margin: -.2rem -.2rem 0 0;
  transform: rotate(45deg);
  cursor: pointer;
}

.btn_cp_wrap .btn_close::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: .1rem;
  background: #666;
  content: "";
}

.btn_cp_wrap .btn_close::after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: .1rem;
  height: 100%;
  background: #666;
  content: "";
}

.btn_cp_wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 18rem;
  height: 18rem;
  background: #DDDACC;
  letter-spacing: .1em;
  text-align: center;
  color: #333;
}

.btn_cp_wrap a > p {
  padding-bottom: .8rem;
}

.btn_cp_wrap a .txt_line {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
  font-size: 1.584rem;
  line-height: 1.6363;
}

.btn_cp_wrap a .txt_line::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + .1rem);
  height: .1rem;
  margin-bottom: .2rem;
  background: #333;
  content: "";
}

.btn_cp_wrap a .txt_B {
  display: block;
  margin-top: .4rem;
  font-weight: 500;
  font-size: 1.728rem;
  line-height: 1.3;
}

.btn_cp_wrap a .txt_L {
  font-weight: 700;
  font-size: 2.88rem;
  letter-spacing: .12em;
  vertical-align: .3rem;
}

.btn_cp_wrap a .txt_S {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .3821rem;
  width: 9.36rem;
  height: 2.16rem;
  margin: .6rem auto 0;
  background: #666;
  font-size: 1.44rem;
  letter-spacing: .075em;
  color: #fff;
}

.btn_cp_wrap a .txt_S::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  border-top: solid #fff;
  border-right: solid #fff;
  border-width: .1rem;
  width: .4rem;
  height: .4rem;
  margin-right: .8rem;
  content: "";
}

/*-------------------campaign btn*/

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

#share {
  right: auto !important;
  left: 5%;
  z-index: 5 !important;
}

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

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

.activePoint {
  transform: translateY(calc(30 * (100vw / 750)));
}
/*----------------------------all*/

/*mv-----------------------------*/
.mv_wrap {
  margin-bottom: calc(68 * (100vw / 750));
}

.mv_wrap::before {
  top: auto;
  bottom: 0;
  width: 100%;
  height: calc(350 * (100vw / 750));
  background: linear-gradient(to top, #9E9E9E, rgba(255, 255, 255, 0));
}

.brand-logo {
  width: calc(240 * (100vw / 750));
  margin: calc(15 * (100vw / 750)) calc(6 * (100vw / 750)) 0 0;
}

.main_ttl_wrap {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto;
}

.main_ttl {
  margin: 0 auto calc(30 * (100vw / 750));
  font-size: calc(21 * (100vw / 750));
  line-height: 1.714;
  text-align: center;
}

.main_ttl .txt_line {
  margin: 0 auto calc(30 * (100vw / 750));
  padding: 0 calc(2 * (100vw / 750)) calc(4 * (100vw / 750)) calc(2 * (100vw / 750));
  font-size: calc(36 * (100vw / 750));
}

.main_ttl .txt_line::before {
  height: calc(2 * (100vw / 750));
}

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

/*lead---------------------------*/
.main_lead_wrap {
  margin-bottom: calc(160 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.main_lead_wrap .accordion_wrap {
  max-height: calc(230 * (100vw / 750));
}

.main_lead_wrap .accordion_wrap::before {
  height: calc(150 * (100vw / 750));
  background: linear-gradient(transparent, #fff 70%);
}

.LP_page .accordion_wrap.active {
  max-height: calc(2000 * (100vw / 750));
}

.main_lead_wrap .accordion_wrap.active {
  padding-bottom: calc(80 * (100vw / 750));
}

.LP_page .btn_accordion span {
  padding-right: calc(20 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.LP_page .btn_accordion span::before {
  border-width: calc(2 * (100vw / 750));
  width: calc(8 * (100vw / 750));
  height: calc(8 * (100vw / 750));
  margin-right: calc(-10 * (100vw / 750));
}

.LP_page .btn_accordion .toOpen::before {
  transform: translateY(calc(-50% - calc(4 * (100vw / 750)))) rotate(45deg);
}

.LP_page .btn_accordion.switch .toClose::before {
  transform: translateY(calc(-50% + calc(2 * (100vw / 750)))) rotate(-135deg);
}

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

.lead_emphasis {
  margin: calc(32 * (100vw / 750)) auto 0;
  padding: calc(22 * (100vw / 750)) calc(54 * (100vw / 750)) calc(18 * (100vw / 750));
}

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

.main_lead_wrap .notes {
  margin-top: calc(30 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}
/*---------------------------lead*/

/*campaign-----------------------*/
.campaign_wrap {
  border-width: calc(5 * (100vw / 750));
  width: calc(680 * (100vw / 750));
  margin: 0 auto calc(140 * (100vw / 750));
  padding: calc(103 * (100vw / 750)) calc(10 * (100vw / 750)) calc(36 * (100vw / 750));
}

.campaign_wrap::before {
  width: calc(340 * (100vw / 750));
  height: calc(10 * (100vw / 750));
  margin-top: calc(-5 * (100vw / 750));
}

.campaign_wrap > dt {
  margin-top: calc(-25 * (100vw / 750));
  font-size: calc(48 * (100vw / 750));
}

.campaign_wrap > dt .txt_S {
  margin-top: calc(20 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.campaign_wrap > dd .txt_M {
  font-size: calc(25 * (100vw / 750));
}

.campaign_wrap > dd .txt_emphasis {
  margin-top: calc(33 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
}

.campaign_wrap > dd .txt_emphasis .txt_S {
  margin: 0 auto calc(8 * (100vw / 750));
  padding: 0 calc(26 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.campaign_wrap > dd .txt_emphasis .txt_S::before {
  width: calc(2 * (100vw / 750));
  height: calc(23 * (100vw / 750));
  margin-top: calc(4 * (100vw / 750));
}

.campaign_wrap > dd .txt_emphasis .txt_S::after {
  width: calc(2 * (100vw / 750));
  height: calc(23 * (100vw / 750));
  margin-top: calc(4 * (100vw / 750));
}

.campaign_wrap > dd .txt_emphasis .txt_L {
  font-size: calc(60 * (100vw / 750));
  vertical-align: calc(-2 * (100vw / 750));
}

.campaign_wrap .schedule_wrap {
  border-width: calc(2 * (100vw / 750));
  width: calc(540 * (100vw / 750));
  margin: calc(30 * (100vw / 750)) auto 0;
  font-size: calc(22 * (100vw / 750));
}

.campaign_wrap .schedule_wrap dt {
  border-width: calc(2 * (100vw / 750));
  padding: calc(16 * (100vw / 750)) calc(10 * (100vw / 750)) calc(12 * (100vw / 750));
}

.campaign_wrap .schedule_wrap dd {
  padding: calc(14 * (100vw / 750)) calc(10 * (100vw / 750)) calc(16 * (100vw / 750));
}

.campaign_wrap .schedule_wrap dd ul li:nth-of-type(n+2) {
 margin-top: calc(24 * (100vw / 750));
}

.campaign_wrap > dd > .txt_S {
  margin-top: calc(30 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.campaign_wrap > dd >.txt_S .notes {
  margin-top: calc(20 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}
/*-----------------------campaign*/

.modal_inner {
  width: calc(660 * (100vw / 750));
  padding: calc(50 * (100vw / 750)) 0;
}

.modal_inner .btn_close {
  width: calc(40 * (100vw / 750));
  height: calc(40 * (100vw / 750));
  margin: calc(-20 * (100vw / 750)) calc(-20 * (100vw / 750)) 0 0;
}

.modal_inner .btn_close::before {
  width: calc(28 * (100vw / 750));
  height: calc(1 * (100vw / 750));
}

.modal_inner .btn_close::after {
  width: calc(1 * (100vw / 750));
  height: calc(28 * (100vw / 750));
}

.modal_inner .sec_ttl {
  margin-bottom: calc(50 * (100vw / 750));
  font-size: calc(28 * (100vw / 750)) !important;
}

.modal_content {
	width: calc(600 * (100vw / 750));
  height: calc(750 * (100vw / 750));
  padding: calc(30 * (100vw / 750));
}

.simplebar-track {
  width: calc(8 * (100vw / 750)) !important;
  height: 92%;
  margin: auto calc(11 * (100vw / 750)) auto 0;
}

.district_list {
  row-gap: calc(10 * (100vw / 750));
  padding: calc(20 * (100vw / 750));
}

.district_list::after {
  width: calc(240 * (100vw / 750));
}

.district_list li a {
  width: calc(240 * (100vw / 750));
  height: calc(50 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.district_list li a::before {
  border-top: solid calc(6 * (100vw / 750)) #B7B7B7;
  border-right: solid calc(5 * (100vw / 750)) transparent;
  border-left: solid calc(5 * (100vw / 750)) transparent;
  margin-right: calc(15 * (100vw / 750));
}

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

.shop_list li:nth-of-type(n+2) {
  padding-top: calc(40 * (100vw / 750));
}

.shop_list dt {
  margin-bottom: calc(24 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.shop_list dd {
  width: calc(500 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  line-height: 1.818181;
}
/*----------------------shop list*/

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

.feature_area > .sec_ttl {
  padding: calc(80 * (100vw / 750)) 0 calc(84 * (100vw / 750));
  font-size: calc(40 * (100vw / 750));
}

.feature_area > .sec_ttl::before {
  background: url(../img/bg_001_sp.jpg) center center/ cover no-repeat;
}

.feature_area > .sec_ttl .series_name {
  margin-bottom: calc(50 * (100vw / 750));
  padding-bottom: calc(48 * (100vw / 750));
  font-size: calc(44 * (100vw / 750));
}

.feature_area > .sec_ttl .series_name::before {
  width: calc(50 * (100vw / 750));
  height: calc(2 * (100vw / 750));
}

.feature_area > .sec_ttl .series_name .txt_S {
  margin-top: calc(20 * (100vw / 750));
  font-size: calc(28 * (100vw / 750));
}

/*concept------------------------*/
.concept_area::before {
  width: calc(470 * (100vw / 750));
  background: url(../img/bg_002_sp.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 calc(232 * (100vw / 750)), #000 calc(100% - calc(232 * (100vw / 750))));
  mask-image: linear-gradient(to right, transparent, #000 calc(232 * (100vw / 750)), #000 calc(100% - calc(232 * (100vw / 750))));
}

.concept_area::after {
  display: none;
}

.concept_area .sec_inner {
  width: calc(660 * (100vw / 750));
  padding: calc(138 * (100vw / 750)) 0 calc(130 * (100vw / 750));
}

.concept_area .sec_ttl {
  margin-bottom: calc(100 * (100vw / 750));
  letter-spacing: .1em;
  color: #000;
}

.concept_wrap dt {
  margin-bottom: calc(38 * (100vw / 750));
  font-size: calc(28 * (100vw / 750));
}

.concept_wrap dt .txt_S {
  margin-top: calc(24 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.concept_wrap dd p {
  font-size: calc(22 * (100vw / 750));
}

.concept_wrap dd p:nth-of-type(n+2) {
  margin-top: calc(45 * (100vw / 750));
}

.concept_wrap dd .txt_emphasis {
  margin-top: calc(38 * (100vw / 750)) !important;
  font-size: calc(32 * (100vw / 750));
}

.concept_wrap dd .txt_emphasis::before {
  width: calc(100% - calc(6 * (100vw / 750)));
  height: calc(1.9612 * (100vw / 750));
  margin-bottom: calc(3 * (100vw / 750));
}
/*------------------------concept*/

/*selling points-----------------*/
.selling-points_area {
  padding: calc(140 * (100vw / 750)) 0 calc(130 * (100vw / 750));
}

.selling-points_area::before {
  height: calc(732.2689 * (100vw / 750));
  background: url(../img/bg_003_sp.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(#000 calc(355 * (100vw / 750)), #000 calc(100% - calc(355 * (100vw / 750))), transparent);
  mask-image: linear-gradient(#000 calc(355 * (100vw / 750)), #000 calc(100% - calc(355 * (100vw / 750))), transparent);
}

.selling-points_area .sec_ttl {
  height: auto;
  margin-bottom: calc(128 * (100vw / 750));
  padding-top: 0;
  font-size: calc(40 * (100vw / 750));
  letter-spacing: .1em;
  color: #000;
}

.selling-points_wrap > dt {
  margin-bottom: calc(60 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
  line-height: 1.8333;
  letter-spacing: .075em;
}

.selling-points_wrap > dd > p {
  font-size: calc(24 * (100vw / 750));
  letter-spacing: .1em;
}

.selling-points_wrap > dd > p:nth-of-type(n+2) {
  margin-top: calc(26 * (100vw / 750));
}

.selling-points_list {
  margin-top: calc(85 * (100vw / 750));
}

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

.selling-points_list li dt {
  margin-bottom: calc(38 * (100vw / 750));
  font-size: calc(36 * (100vw / 750));
}

.selling-points_list li dt .point_num {
  border-width: calc(2 * (100vw / 750));
  width: calc(90 * (100vw / 750));
  height: calc(90 * (100vw / 750));
  margin: 0 auto calc(50 * (100vw / 750));
  font-size: calc(42 * (100vw / 750));
}

.selling-points_list li dt .point_num .txt_S {
  margin-left: calc(-32 * (100vw / 750));
  padding: calc(7 * (100vw / 750)) 0;
  font-size: calc(16 * (100vw / 750));
}

.selling-points_list li dt .icon {
  border-radius: calc(100 * (100vw / 750));
  margin: 0 auto calc(20 * (100vw / 750));
  padding: calc(8 * (100vw / 750)) calc(32 * (100vw / 750)) calc(6 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.selling-points_list li dd {
  font-size: calc(24 * (100vw / 750));
  letter-spacing: .1em;
}

.selling-points_list li dd .notes {
  margin-top: calc(20 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.selling-points_list li dd sup {
  font-size: calc(13 * (100vw / 750));
}

/*selling points-----------------*/

.key-ingredients_area > .sec_ttl {
  margin-top: calc(138 * (100vw / 750));
}

/*cultivate moisture-------------*/
.each_ingredients_area {
  padding: calc(140 * (100vw / 750)) 0;
}

.cultivate-moisture_area {
  padding-top: calc(276 * (100vw / 750));
}

.cultivate-moisture_area::before {
  background: url(../img/bg_004_sp.jpg) center center / cover no-repeat;
}

.each_ingredients_area .sec_ttl {
  margin-bottom: calc(50 * (100vw / 750));
  font-size: calc(50 * (100vw / 750));
}

.ingredients_list {
  display: block;
}

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

.ingredients_list li sup {
  font-size: calc(13 * (100vw / 750));
}

.ingredients_list li dl:nth-of-type(1) dt {
  width: calc(360 * (100vw / 750));
  height: calc(360 * (100vw / 750));
  margin: 0 auto calc(70 * (100vw / 750));
  padding-top: calc(60 * (100vw / 750));
  font-size: calc(50 * (100vw / 750));
}

.ingredients_list li dl:nth-of-type(1) dt .icon {
  border-radius: calc(100 * (100vw / 750));
  margin: 0 auto calc(20 * (100vw / 750));
  padding: calc(8 * (100vw / 750)) calc(32 * (100vw / 750)) calc(6 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.ingredients_list li dl:nth-of-type(1) dt .txt_S {
  margin-top: calc(20 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: .1em;
}

.ingredients_list li dl:nth-of-type(1) dt figure {
  width: calc(100 * (100vw / 750));
  margin: calc(20 * (100vw / 750)) auto 0;
}

.ingredients_list li dl:nth-of-type(1) dd {
  font-size: calc(22 * (100vw / 750));
}

.ingredients_list li dl:nth-of-type(1) dd .notes {
  margin-top: calc(15 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.ingredients_list li .external-link_wrap {
  margin-top: calc(100 * (100vw / 750));
}

.ingredients_list li .external-link_wrap dt {
  margin: 0 auto calc(38 * (100vw / 750));
  font-size: calc(40 * (100vw / 750));
}

.ingredients_list li .external-link_wrap dt sup {
  font-size: calc(20 * (100vw / 750));
}

.ingredients_list li .external-link_wrap .link {
  margin: 0 auto calc(32 * (100vw / 750));
}

.ingredients_list li .external-link_wrap .link a {
  border-radius: calc(100 * (100vw / 750));
  border-width: calc(2 * (100vw / 750));
  width: calc(250 * (100vw / 750));
  height: calc(42 * (100vw / 750));
}

.ingredients_list li .external-link_wrap .link a span {
  padding-right: calc(40 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.ingredients_list li .external-link_wrap .link a span::before {
  width: calc(26 * (100vw / 750));
  height: calc(26 * (100vw / 750));
}

.ingredients_list li .external-link_wrap .notes {
  font-size: calc(20 * (100vw / 750));
}
/*-------------cultivate moisture*/

/*spread moisture----------------*/
.spread-moisture_area::before {
  background: url(../img/bg_005_sp.jpg) center center / cover no-repeat;
}

.spread-moisture_area .ingredients_list li {
  width: auto;
}

.spread-moisture_area .ingredients_list.activePoint.active > .activeDelay {
  opacity: 0;
  transform: translateY(calc(15 * (100vw / 750))) !important;
  transition-delay: 0s !important;
}

.spread-moisture_area .ingredients_list.activePoint.active > .activeDelay.active {
  opacity: 1;
  transform: translateY(0) !important;
}

.spread-moisture_area .ingredients_list li sup {
  font-size: calc(20 * (100vw / 750));
}

.spread-moisture_area .ingredients_list li dl:nth-of-type(1) dt .icon {
  margin: 0 auto calc(25 * (100vw / 750));
}

.spread-moisture_area .ingredients_list li dl:nth-of-type(1) dt {
  margin: 0 auto calc(52 * (100vw / 750));
  padding-top: calc(90 * (100vw / 750));
  font-size: calc(36 * (100vw / 750));
}

.spread-moisture_area .ingredients_list li dl:nth-of-type(1) dt figure {
  width: calc(120 * (100vw / 750));
  margin: calc(26 * (100vw / 750)) auto 0;
}
/*----------------spread moisture*/

/*give moisture------------------*/
.give-moisture_area::before {
  background: url(../img/bg_006_sp.jpg) top center / cover no-repeat;
}

.give-moisture_area .sec_ttl {
  margin-bottom: calc(56 * (100vw / 750));
}

.give-moisture_area sup {
  font-size: calc(13 * (100vw / 750));
}

.give-moisture_area .lead_wrap {
  margin-bottom: calc(35 * (100vw / 750));
}

.give-moisture_area .lead_wrap p {
  font-size: calc(22 * (100vw / 750));
  line-height: 2;
}

.give-moisture_area .lead_wrap .txt_emphasis {
  margin: 0 auto calc(48 * (100vw / 750));
  padding-bottom: calc(5 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
  line-height: 1;
}

.give-moisture_area .lead_wrap .txt_emphasis::before {
  width: calc(100% + calc(14 * (100vw / 750)));
  height: calc(2 * (100vw / 750));
}

.give-moisture_area .lead_wrap .txt_emphasis .txt_L {
  font-size: calc(46 * (100vw / 750));
  vertical-align: calc(-2 * (100vw / 750));
}

.give-moisture_area .accordion_wrap.active {
  padding: calc(23 * (100vw / 750)) 0 calc(42 * (100vw / 750));
}

.ingredients_list_wrap {
  display: block;
}

.ingredients_list_wrap dl {
  width: calc(466 * (100vw / 750));
  margin: 0 auto;
}

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

.ingredients_list_wrap dt {
  width: calc(100% - calc(20 * (100vw / 750)));
  margin: 0 0 calc(30 * (100vw / 750)) calc(4 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.ingredients_list_wrap dt::before {
  height: calc(1 * (100vw / 750));
}

.new-ingredients dt::before {
  width: calc(270 * (100vw / 750));
}

.continuation-ingredients dt::before {
  width: calc(250 * (100vw / 750));
}

.ingredients_list_wrap ul {
  display: block;
	height: auto;
}

.ingredients_list_wrap li {
  gap: calc(30 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

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

.ingredients_list_wrap figure {
  border-width: calc(1 * (100vw / 750));
  width: calc(70 * (100vw / 750));
  height: calc(70 * (100vw / 750));
}

.give-moisture_area .notes {
  margin-top: calc(24 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
  line-height: 2;
}
/*------------------give moisture*/

/*certification------------------*/
.certification_area {
  padding: calc(138 * (100vw / 750)) 0 calc(130 * (100vw / 750));
}

.certification_area .sec_ttl {
  margin-bottom: calc(80 * (100vw / 750));
}

.certification_wrap {
  display: block;
  width: calc(540 * (100vw / 750));
  margin: 0 auto calc(70 * (100vw / 750));
  padding: calc(50 * (100vw / 750)) 0 calc(46 * (100vw / 750));
}

.certification_img {
  width: calc(200 * (100vw / 750));
  margin: 0 auto calc(40 * (100vw / 750));
}

.certification_name {
  font-size: calc(24 * (100vw / 750));
  letter-spacing: .1em;
}

.certification_caption {
  font-size: calc(24 * (100vw / 750));
  letter-spacing: .1em;
}
/*------------------certification*/

/*aroma--------------------------*/
.aroma_area {
  padding-bottom: 0;
}

.aroma_area .sec_ttl {
  height: calc(800 * (100vw / 750));
  margin-bottom: calc(78 * (100vw / 750));
  padding-top: calc(140 * (100vw / 750));
}

.aroma_area .sec_ttl::before {
  background: url(../img/bg_007_sp.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(#000 calc(181.7311  * (100vw / 750)), #000 calc(100% - calc(181.7311  * (100vw / 750))), transparent);
  mask-image: linear-gradient(#000 calc(181.7311  * (100vw / 750)), #000 calc(100% - calc(181.7311  * (100vw / 750))), transparent);
}

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

.point_wrap {
  border-radius: calc(20 * (100vw / 750));
  width: calc(680 * (100vw / 750));
  padding: calc(50 * (100vw / 750)) calc(10 * (100vw / 750)) calc(40 * (100vw / 750));
}

.point_wrap dt {
  margin-bottom: calc(18 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.point_wrap dd {
  font-size: calc(22 * (100vw / 750));
}

.point_wrap dd sup {
  font-size: calc(13 * (100vw / 750));
}

.aroma_area .notes {
  margin-top: calc(28 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.pyramid_wrap {
  width: auto;
  margin: calc(78 * (100vw / 750)) auto 0;
}

.aroma_list_wrap {
  z-index: 1;
  display: block;
  overflow: visible;
  padding: calc(50 * (100vw / 750)) 0;
}

.aroma_list_wrap.last {
  padding-bottom: calc(140 * (100vw / 750))
}

.aroma_list_wrap::after {
  bottom: auto;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1 !important;
  border: none !important;
  margin-left: 0 !important;
}

.aroma_list_wrap.top::after {
  background: #E5E9ED;
}

.aroma_list_wrap.middle::after {
  background: #DEE3EA;
}

.aroma_list_wrap.last::after {
  background: #C6D3E5;
}

.pyramid_wrap .aroma_list_wrap:nth-of-type(n+2)::before {
  display: none;
}

.aroma_list_wrap dt {
  width: auto;
  margin-bottom: calc(50 * (100vw / 750));
  padding-left: 0;
  font-size: calc(26 * (100vw / 750));
}

.aroma_list_wrap dt span {
  display: block;
}

.aroma_list_wrap.top dt span {
  margin-top: 0;
}

.aroma_list_wrap.last dt span {
  margin-bottom: 0;
}

.aroma_list {
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(50 * (100vw / 750));
  row-gap: calc(52 * (100vw / 750));
  padding: 0;
}

.aroma_list_wrap.top .aroma_list {
  margin-left: 0;
}

.aroma_list_wrap.last .aroma_list {
  margin-left: 0;
}

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

.aroma_list li .aroma_name {
  margin-bottom: calc(28 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: .1em;
}

.aroma_list li .aroma_name .txt_S {
  margin-top: calc(12 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.aroma_list li figure {
  width: calc(150 * (100vw / 750));
}
/*--------------------------aroma*/
/*------------------------feature*/

/*review-------------------------*/
.review_area {
  padding: calc(140 * (100vw / 750)) 0;
}

.review_area .sec_ttl {
  margin-bottom: calc(70 * (100vw / 750));
}

.review_area .lead {
  margin-bottom: calc(50 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  line-height: 2;
  letter-spacing: .1em;
}

.review_list {
  display: block;
}

.review_list li {
  border-radius: calc(20 * (100vw / 750));
  width: calc(680 * (100vw / 750));
  margin: 0 auto;
  padding: calc(42 * (100vw / 750)) calc(60 * (100vw / 750)) calc(30 * (100vw / 750));
}

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

.review_list li .reviewer_name {
  border-width: calc(2 * (100vw / 750));
  margin-bottom: calc(20 * (100vw / 750));
  padding-bottom: calc(24 * (100vw / 750));
  font-size: calc(28.17 * (100vw / 750));
}

.review_list li .review {
  padding: 0 calc(10 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

/*-------------------------review*/

/*products-----------------------*/
.product_area .sec_ttl {
  height:  calc(808 * (100vw / 750));
  margin-bottom: calc(100 * (100vw / 750));
  padding-top: calc(140 * (100vw / 750));
}

.product_area .sec_ttl::before {
  background: url(../img/bg_008_sp.jpg) center center / cover no-repeat;
  -webkit-mask-image: linear-gradient(#000 calc(355 * (100vw / 750)), #000 calc(100% - calc(355 * (100vw / 750))), transparent);
  mask-image: linear-gradient(#000 calc(355 * (100vw / 750)), #000 calc(100% - calc(355 * (100vw / 750))), transparent);
}

.product_list {
  display: block;
  width: auto;
}

.product_list > li {
  width: calc(650 * (100vw / 750));
  margin: 0 auto;
}

.product_list > li.set-item {
  width: calc(680 * (100vw / 750));
  transform: translateY(0);
}

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

.product_list > li > .content_wrap {
  gap: calc(40 * (100vw / 750));
}

.product_list > li.set-item > .content_wrap {
  position: relative;
  display: block;
  padding-bottom: calc(108 * (100vw / 750));
}

.product_list > li .product_img {
  width: calc(280 * (100vw / 750));
}

.product_list > li.set-item .product_img {
  width: auto;
}

.product_list > li .product_name {
  margin-bottom: calc(30 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.product_list > li.set-item .product_name {
  margin-bottom: calc(20 * (100vw / 750));
  text-align: center;
}

.product_list > li .product_capacity {
  margin-bottom: calc(20 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

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

.product_list > li.set-item .product_price {
  margin-bottom: calc(30 * (100vw / 750));
  text-align: center;
}

.product_list > li .product_price .txt_S {
  font-size: calc(19.07 * (100vw / 750));
  vertical-align: 0;
}

.product_list > li .product_link a {
  height: calc(80 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
}

.product_list > li.set-item .product_link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.product_feature_wrap {
  gap: calc(20 * (100vw / 750));
  width: fit-content;
  margin: calc(46 * (100vw / 750)) auto 0;
}

.product_feature_wrap dt {
  border-radius: calc(15 * (100vw / 750));
  width: calc(118 * (100vw / 750));
  height: calc(40 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.product_feature_wrap dt span {
  margin-top: calc(2 * (100vw / 750));
}

.product_feature_wrap dd {
  font-size: calc(22 * (100vw / 750));
}

.set_lineup_wrap {
  border-width: calc(2 * (100vw / 750));
  width: auto;
  margin: calc(60 * (100vw / 750)) auto 0;
  padding: calc(40 * (100vw / 750)) calc(60 * (100vw / 750)) calc(20 * (100vw / 750));
}

.set_lineup_wrap dt {
  margin-top: calc(-10 * (100vw / 750));
  padding: 0 calc(30 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.product_area .accordion_wrap {
  max-height: calc(240 * (100vw / 750));
}

.product_area .accordion_wrap::before {
  height: calc(150 * (100vw / 750));
  background: linear-gradient(transparent, #fff 50%);
}

.product_area .accordion_wrap.active {
  padding-bottom: calc(50 * (100vw / 750));
}

.set_lineup_wrap ul {
  width: auto;
}

.set_lineup_wrap ul li {
  font-size: calc(22 * (100vw / 750));
  line-height: 2;
}

.set_lineup_wrap ul li:nth-of-type(n+2){
  margin-top: 0;
}

.product_caption_list {
  width: calc(600 * (100vw / 750));
  margin: calc(40 * (100vw / 750)) auto 0;
}

.product_list > li.set-item .product_caption_list {
  width: calc(600 * (100vw / 750));
  margin: calc(40 * (100vw / 750)) auto 0;
}

.product_caption_list li {
  padding-left: calc(30 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

.product_list > li.set-item .product_caption_list li {
  margin-left: 0;
}

.product_caption_list li::before {
  width: calc(6 * (100vw / 750));
  height: calc(6 * (100vw / 750));
  margin-top: calc(16 * (100vw / 750));
}

.product_caption_list li sup {
  font-size: calc(13 * (100vw / 750));
}

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

.product_list .notes {
  width: calc(600 * (100vw / 750));
  margin: calc(10 * (100vw / 750)) auto 0;
  padding-left: calc(30 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}
/*-----------------------products*/

/*campaign(footer)---------------*/
.campaign_area {
  padding-top: calc(160 * (100vw / 750));
}

.campaign_wrap.footer {
  margin-bottom: calc(30 * (100vw / 750));
}

.notes_list {
  width: calc(613 * (100vw / 750));
}

.notes_list li {
  padding-left: calc(30 * (100vw / 750));
  font-size: calc(20 * (100vw / 750));
}

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

.notes_list li::before {
  font-size: calc(20 * (100vw / 750));
}
/*---------------campaign(footer)*/

/*campaign btn-------------------*/
.btn_cp_wrap {
  margin: 0 calc(20 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
  transform: translateX(calc(100% + calc(20 * (100vw / 750))));
}

.btn_cp_wrap .btn_close {
  width: calc(28 * (100vw / 750));
  height: calc(28 * (100vw / 750));
  margin: calc(-4 * (100vw / 750)) calc(-4 * (100vw / 750)) 0 0;
}

.btn_cp_wrap .btn_close::before {
  height: calc(2 * (100vw / 750));
}

.btn_cp_wrap .btn_close::after {
  width: calc(2 * (100vw / 750));
}

.btn_cp_wrap a {
  width: calc(250 * (100vw / 750));
  height: calc(250 * (100vw / 750));
}

.btn_cp_wrap a > p {
  padding-bottom: calc(6 * (100vw / 750));
}

.btn_cp_wrap a .txt_line {
  font-size: calc(22 * (100vw / 750));
}

.btn_cp_wrap a .txt_line::before {
  width: calc(100% - calc(2 * (100vw / 750)));
  height: calc(1.5 * (100vw / 750));
  margin-bottom: calc(6 * (100vw / 750));
}

.btn_cp_wrap a .txt_B {
  margin-top: calc(2 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.btn_cp_wrap a .txt_L {
  font-size: calc(40 * (100vw / 750));
  letter-spacing: .12em;
  vertical-align: calc(2 * (100vw / 750));
}

.btn_cp_wrap a .txt_S {
  border-radius: calc(5.306 * (100vw / 750));
  width: calc(130 * (100vw / 750));
  height: calc(30 * (100vw / 750));
  margin: calc(8 * (100vw / 750)) auto 0;
  font-size: calc(20 * (100vw / 750));
}

.btn_cp_wrap a .txt_S::before {
  border-width: calc(1 * (100vw / 750));
  width: calc(5 * (100vw / 750));
  height: calc(5 * (100vw / 750));
  margin-right: calc(10 * (100vw / 750));
}

}

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

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

  html {
    overflow-y: scroll;
  }
}
/*------------------------------------------------------PC*/

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