@charset "UTF-8";



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

html {

  font-size: 62.5%;

}



body {

  -webkit-tap-highlight-color: transparent;

}



#Wrap,

#Contents {

  width: auto;

  max-width: unset;

}



#FooterWrap {

  position: relative;

}



:root {

  --font_regular: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;

  --font_eng: pragmatica, sans-serif;

  --font_ttl: "Barlow Semi Condensed", serif;

  --color_01: #CE577C;

  --color_02: #3C8D6B;

  --color_bg_01: #FAF5F7;

  --color_regular: #777;

}



.LP_page * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 1;

}



.LP_page {

  position: relative;

  background: #fff;

  font-family: var(--font_regular);

  color: var(--color_regular);

  overflow-x: clip;

  opacity: 0;

  transition: opacity 2s;

}



.LP_page.active {

  opacity: 1;

}



.LP_page picture {

  display: block;

  font-size: 0;

}



.LP_page a {

  display: block;

  color: inherit;

}



.LP_page a:hover {

  opacity: 1 !important;

}



.LP_page img {

  width: 100%;

  height: auto;

  vertical-align: bottom;

}

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



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

.main_ttl {

  margin-bottom: 8rem;

}



.main_lead_wrap {

  position: relative;

  width: 116rem;

  margin: 0 auto 11rem;

  text-align: center;

}



.main_lead_wrap .txt_schedule {

  margin-bottom: 7.2rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  line-height: 2.3;

  letter-spacing: .04em;

}



.main_lead_wrap .txt_schedule .txt_pink {

  color: var(--color_01)

}



.main_lead_wrap h2 {

  margin-bottom: 7rem;

  font-family: var(--font_ttl);

  font-size: 3.8rem;

  font-weight: 300;

  letter-spacing: .04em;

  color: var(--color_01);

}



.main_lead_wrap .main_lead,

.main_lead_wrap .main_lead span {

  font-size: 1.6rem;

  line-height: 2.7;

  letter-spacing: .04em;

}

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



/*navigation---------------------*/

.navigation_main {

  margin-bottom: 10.5rem;

}



.navigation_fixed {

  position: fixed;

  z-index: 5;

  bottom: 0;

  width: 100%;

  translate: 0 100%;

  transition: translate .6s;

}



.navigation_fixed.active {

  translate: 0 0;

}



.navigation_list {

  display: flex;

  justify-content: center;

  background: var(--color_01)

}



.navigation_list li {

  position: relative;

}



.navigation_list li:nth-of-type(n+2)::before {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: .1rem;

  height: 2rem;

  background: #fff;

  content: "";

}



.navigation_list li a {

  display: grid;

  place-items: center;

  height: 6rem;

  padding: 0 1.8rem;

  font-family: var(--font_ttl);

  font-size: 2.2rem;

  font-weight: 300;

  letter-spacing: .08em;

  color: #fff;

}

/*---------------------navigation*/



/*product------------------------*/

#MakeupProducts .each_area,

#OtherProducts .each_area  {

  padding: 10rem 0 8.5rem;

}



#OtherProducts .each_area:nth-last-of-type(1) {

  padding-bottom: 15rem;

}



#MakeupProducts .each_area:nth-of-type(odd),

#OtherProducts .each_area:nth-of-type(odd) {

  background: var(--color_bg_01);

}



.area_inner {

  position: relative;

  width: 116rem;

  margin: 0 auto;

}



#MakeupProducts .area_inner,

#OtherProducts .area_inner {

  display: flex;

  align-items: center;

}



#MakeupProducts .area_inner {

  gap: 6rem;

}



#OtherProducts .area_inner {

  justify-content: space-between;

}



.area_ttl_wrap {

  position: relative;

  z-index: 1;

}



.each_area:nth-of-type(even) .area_ttl_wrap {

  order: 2;

}



.area_ttl_txt {

  position: absolute;

  top: 0;

  margin-top: -.5rem;

  font-family: var(--font_ttl);

  font-size: 4.5rem;

  font-weight: 300;

  letter-spacing: .08em;

  writing-mode: vertical-lr;

}



.each_area:nth-of-type(odd) .area_ttl_txt {

  right: 100%;

  margin-right: 1.5rem;

  color: var(--color_01);

}



.each_area:nth-of-type(even) .area_ttl_txt {

  left: 100%;

  margin-left: 2rem;

  color: var(--color_02);

}



#OtherProducts .each_area:nth-of-type(odd) .area_ttl_txt:nth-of-type(1):not(#OtherProducts .each_area:nth-last-of-type(1) .area_ttl_txt) {

  right: auto;

  left: 100%;

  margin-left: 2rem;

}



#OtherProducts .each_area:nth-of-type(even) .area_ttl_txt:nth-of-type(1):not(#OtherProducts .each_area:nth-last-of-type(1) .area_ttl_txt) {

  left: auto;

  right: 100%;

  margin-right: 1rem;

}



#OtherProducts .area_ttl_txt:nth-of-type(2) {

  top: auto;

  bottom: 0;

  margin-bottom: 1rem;

}



.area_ttl_img {

  width: 53rem;

}



.product_detail {

  position: relative;

  z-index: 1;

}



#MakeupProducts .product_detail {

  flex: 1;

}



.product_cath {

  margin-bottom: 4rem;

  font-size: 1.7rem;

  line-height: 2;

  letter-spacing: .04em;

  text-align: center;

}



.each_area:nth-of-type(odd) .product_cath {

  color: var(--color_01);

}



.each_area:nth-of-type(even) .product_cath {

  color: var(--color_02);

}



.product_img_wrap a {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 2rem;

}



.product_img {

  width: 29rem;

}

 

#OtherProducts .each_area:nth-of-type(4) .product_img {

  width: 32rem;

}



.product_name {

  font-size: 1.4rem;

  line-height: 2;

  letter-spacing: 0;

  white-space: nowrap;

}



#MakeupProducts .each_area:nth-of-type(1) .product_name,

#MakeupProducts .each_area:nth-of-type(2) .product_name,

#OtherProducts .each_area:nth-of-type(1) .product_name {

  padding-bottom: 3rem;

}



.variation_list {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 3rem .5rem;

  margin-top: 6rem;

  text-align: center;

}



#MakeupProducts .each_area:nth-of-type(1) .variation_list {

  margin-top: 3rem;

}



#MakeupProducts .each_area:nth-of-type(1) .variation_list li {

  width: 18rem;

}



#MakeupProducts .each_area:nth-of-type(2) .variation_list li {

  width: 17rem;

}



#MakeupProducts .each_area:nth-of-type(3) .variation_list li {

  width: 24rem;

}



#OtherProducts  .each_area:nth-of-type(4) .variation_list li {

  width: 29rem;

}



.variation_texture {

  width: 10rem;

  margin: 0 auto 1rem;

}



.variation_name {

  margin-bottom: .8rem;

  font-family: var(--font_eng);

  font-size: 1.3rem;

  line-height: 1.7;

  letter-spacing: .04em;

}



.each_area:nth-of-type(odd) .variation_name {

  color: var(--color_01);

}



.each_area:nth-of-type(even) .variation_name {

  color: var(--color_02);

}



.variation_caption {

  font-size: 1.3rem;

  line-height: 1.9;

  letter-spacing: 0;

}



.fragranceNote_figure {

  width: 43.6rem;

  margin: 6rem auto 0;

}



.product_caption {

  margin-top: 3rem;

  font-size: 1.2rem;

  letter-spacing: 0;

  text-align: center;

}

/*------------------------product*/



/*Makeup look--------------------*/

.makeupLook_area {

  padding: 14rem 0;

}



.makeupLook_area .area_inner {

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 84.6rem;

  text-align: center;

}



.makeupLook_area .area_ttl {

  width: 48rem;

  margin-bottom: 10rem;

  font-family: var(--font_ttl);

  font-size: 5.5rem;

  font-weight: 300;

  letter-spacing: .08em;

  color: var(--color_02);

}



.makeupLook_area .area_img {

  position: absolute;

  z-index: 1;

  top: 0;

  right: 0;

  width: 59.8rem;

}



.makeupLook_area .txt_wrap {

  width: 48rem;

}



.makeupLook_area .txt_wrap .to_link {

  width: fit-content;

  margin: 0 auto 4.5rem;

}



.makeupLook_area .txt_wrap .to_link a {

  font-size: 3.4rem;

  letter-spacing: .04em;

  color: var(--color_02);

}



.makeupLook_area .txt_wrap .area_lead {

  font-size: 2rem;

  letter-spacing: 0;

}

/*--------------------Makeup look*/



/*novelty------------------------*/

#Novelty,

#LimitedShopper,

#ReleaseDay,

#Designer {

  background: var(--color_bg_01);

}



#Novelty {

  padding: 8rem 0 4.5rem;

}



#Novelty .area_ttl,

#LimitedShopper .area_ttl {

  margin-bottom: 7rem;

  font-family: var(--font_ttl);

  font-size: 4.5rem;

  font-weight: 300;

  letter-spacing: .08em;

  text-align: center;

  color: var(--color_01);

}



.novelty_list {

  position: relative;

  z-index: 1;

  display: flex;

  justify-content: center;

  gap: 3.6rem;

}



.novelty_list li {

  width: 53rem;

}



.novelty_list li .novelty_img {

  margin-bottom: 3.5rem;

}



.novelty_list li p {

  font-size: 1.7rem;

  line-height: 1.9;

  letter-spacing: .04em;

  text-align: center;

}

/*------------------------novelty*/



/*limited shopper----------------*/

#LimitedShopper {

  padding: 8rem 0 10.5rem;

}



.shopper_img {

  position: relative;

  z-index: 1;

  width: 53rem;

  margin: 0 auto 3rem;

}



#LimitedShopper p {

  position: relative;

  z-index: 1;

  font-size: 1.6rem;

  line-height: 2;

  letter-spacing: .04em;

  text-align: center;

}

/*----------------limited shopper*/



/*release day--------------------*/

#ReleaseDay {

  padding: 2rem 0 4.5rem;

}



#ReleaseDay .area_inner {

  padding-top: 10rem;

  border-top: solid var(--color_01);

  border-width: .1rem;

}



#ReleaseDay .area_ttl {

  margin-bottom: 4rem;

  font-size: 2rem;

  font-weight: 600;

  letter-spacing: .04em;

  text-align: center;

  color: var(--color_01);

}



.release_list {

  position: relative;

  z-index: 1;

  text-align: center;

}



.release_list li:nth-of-type(n+2) {

  margin-top: 3.8rem;

}



.release_list li h5 {

  margin-bottom: .6rem;

  font-size: 1.6rem;

  font-weight: 600;

  letter-spacing: .04em;

}



.release_list li p {

  font-size: 1.4rem;

  line-height: 2;

  letter-spacing: .04em;

}

/*--------------------release day*/



/*designer-----------------------*/

#Designer {

  padding: 5rem 0 20rem;

}



#Designer .area_inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 9.5rem 0 8.5rem 6rem;

  border-top: solid var(--color_01);

  border-bottom: solid var(--color_01);

  border-width: .1rem;

}



#Designer .area_ttl {

  width: 35rem;

  padding-top: 3rem;

}



.designer_detail {

  position: relative;

  z-index: 1;

  width: 63rem;

}



.designer_detail h5 {

  margin-bottom: 4rem;

  font-size: 1.8rem;

  font-weight: 600;

  letter-spacing: .04em;

  text-align: center;

  color: var(--color_01);

}



.designer_detail p {

  font-size: 1.4rem;

  line-height: 2;

  letter-spacing: .04em;

  text-align: justify;

}

/*-----------------------designer*/



/*デコレーション--------------------*/

/* ▼ Parallax ▼ */

.for_decoration {

  position: absolute;

  content: "";

  transform: translateY(2rem);

  transition: translate 2s, opacity 1s, transform 1s;

  opacity: 0;

  pointer-events: none;

}



.for_decoration.active {

  opacity: 1;

  transform: translateY(0);

}



.for_decoration::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

}

/* ▲ Parallax ▲ */



.main_lead_wrap .decoration_01 {

  top: 0;

  right: 100%;

  width: 52.4rem;

  height: 52.4rem;

  margin: 2rem -10.5rem 0 0;

}



.main_lead_wrap .decoration_01::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 182deg;

}



.main_lead_wrap .decoration_02 {

  top: 0;

  left: 100%;

  width: 25.2rem;

  height: 25.2rem;

  margin: -.5rem 0 0 3rem;

}



.main_lead_wrap .decoration_02::before {

  background: url(../img/deco_010.png) center center / cover no-repeat;

  rotate: -112deg;

}



.main_lead_wrap .decoration_03 {

  bottom: 0;

  right: 0;

  width: 25rem;

  height: 25rem;

  margin: 0 -5.5rem -8rem 0;

}



.main_lead_wrap .decoration_03::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: -8deg;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_01 {

  top: 0;

  left: 100%;

  width: 41rem;

  height: 41rem;

  margin: -19rem 0 0 -13.8rem;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_01::before {

  background: url(../img/deco_013.png) center center / cover no-repeat;

  rotate: 184deg;

  scale: 1 -1;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_02 {

  bottom: 0;

  right: 100%;

  width: 29.4rem;

  height: 29.4rem;

  margin: 0 -13rem -22rem 0;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_02::before {

  background: url(../img/deco_011.png) center center / cover no-repeat;

  rotate: 135deg;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_01 {

  top: 0;

  left: 100%;

  width: 58rem;

  height: 58rem;

  margin: -37rem 0 0 -12rem;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_01::before {

  background: url(../img/deco_005.png) center center / cover no-repeat;

  rotate: 111deg;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_02 {

  top: 0;

  right: 100%;

  width: 42rem;

  height: 42rem;

  margin: 20rem 0 0 -2rem;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_02::before {

  background: url(../img/deco_003.png) center center / cover no-repeat;

  rotate: 59deg;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_03 {

  bottom: 0;

  left: 100%;

  width: 38.4rem;

  height: 38.4rem;

  margin: 0 0 -5.5rem 3.2rem;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_03::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 44deg;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_01 {

  z-index: 1;

  top: 0;

  left: 0;

  width: 20rem;

  height: 20rem;

  margin: -15rem 0 0 46.2rem;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_01::before {

  background: url(../img/deco_012.png) center center / cover no-repeat;

  rotate: -77deg;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_02 {

  bottom: 0;

  left: 0;

  width: 35.8rem;

  height: 35.8rem;

  margin: 0 0 -17.5rem -18.5rem;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_02::before {

  background: url(../img/deco_013.png) center center / cover no-repeat;

  rotate: -92deg;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_03 {

  top: 0;

  left: 100%;

  width: 24.6rem;

  height: 24.6rem;

  margin: 7rem 0 0 5rem;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_03::before {

  background: url(../img/deco_010.png) center center / cover no-repeat;

  rotate: 46deg;

  scale: 1 -1;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_04 {

  bottom: 0;

  left: 100%;

  width: 20.2rem;

  height: 20.2rem;

  margin: 0 0 14.8rem -4.8rem;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_04::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: 205deg;

  scale: 1 -1;

}



.makeupLook_area .decoration_01 {

  z-index: 1;

  top: 0;

  left: 100%;

  width: 55rem;

  height: 55rem;

  margin: -29rem 0 0 -17rem;

}



.makeupLook_area .decoration_01::before {

  background: url(../img/deco_006.png) center center / cover no-repeat;

  rotate: 28deg;

}



.makeupLook_area .decoration_02 {

  top: 0;

  left: 0;

  width: 44.2rem;

  height: 44.2rem;

  margin: -18rem 0 0 31.5rem;

}



.makeupLook_area .decoration_02::before {

  background: url(../img/deco_004.png) center center / cover no-repeat;

  rotate: 166deg;

}



.makeupLook_area .decoration_03 {

  z-index: 1;

  bottom: 0;

  left: 0;

  width: 19rem;

  height: 19rem;

  margin: 0 0 4rem 43rem;

}



.makeupLook_area .decoration_03::before {

  background: url(../img/deco_010.png) center center / cover no-repeat;

  rotate: 151deg;

}



.makeupLook_area .decoration_04 {

  top: 0;

  right: 100%;

  width: 55.8rem;

  height: 55.8rem;

  margin: -4.5rem -3.5rem 0 0;

}



.makeupLook_area .decoration_04::before {

  background: url(../img/deco_005.png) center center / cover no-repeat;

  rotate: 22deg;

  scale: 1 -1;

}



.makeupLook_area .decoration_05 {

  z-index: 1;

  bottom: 0;

  left: 100%;

  width: 37.2rem;

  height: 37.2rem;

  margin: 0 0 -16.5rem -9rem;

}



.makeupLook_area .decoration_05::before {

  background: url(../img/deco_003.png) center center / cover no-repeat;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_01 {

  z-index: 1;

  top: 0;

  left: 0;

  width: 45rem;

  height: 45rem;

  margin: -38rem 0 0 -21rem;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_01::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 142deg;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_02 {

  top: 0;

  left: 100%;

  width: 25rem;

  height: 25rem;

  margin: 3.5rem 0 0 .5rem;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_02::before {

  background: url(../img/deco_011.png) center center / cover no-repeat;

  rotate: 171deg;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_05 {

  bottom: 0;

  left: 0;

  width: 19rem;

  height: 19rem;

  margin: 0 0 13.5rem 57rem;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_05::before {

  background: url(../img/deco_016.png) center center / cover no-repeat;

  rotate: -167deg;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_01 {

  top: 0;

  left: 100%;

  width: 45.7rem;

  height: 45.7rem;

  margin: -25rem 0 0 -13rem;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_01::before {

  background: url(../img/deco_009.png) center center / cover no-repeat;

  rotate: 111deg;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_02 {

  z-index: 2;

  bottom: 0;

  left: 0;

  width: 16.2rem;

  height: 16.2rem;

  margin: 0 0 -5rem 51.8rem;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_02::before {

  background: url(../img/deco_010.png) center center / cover no-repeat;

  rotate: 324deg;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_03 {

  top: 0;

  right: 100%;

  width: 40rem;

  height: 40rem;

  margin: -4.8rem -6rem 0 0;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_03::before {

  background: url(../img/deco_008.png) center center / cover no-repeat;

  rotate: -99deg;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_01 {

  top: 0;

  left: 0;

  width: 38.5rem;

  height: 38.5rem;

  margin: -30rem 0 0 -21rem;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_01::before {

  background: url(../img/deco_015.png) center center / cover no-repeat;

  rotate: -45deg;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_02 {

  top: 0;

  left: 100%;

  width: 55.7rem;

  height: 55.7rem;

  margin: -8rem 0 0 -8rem;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_02::before {

  background: url(../img/deco_005.png) center center / cover no-repeat;

  rotate: -162deg;

  scale: 1 -1;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_03 {

  top: 0;

  right: 100%;

  width: 24.4rem;

  height: 24.4rem;

  margin: 13rem -12.2rem 0 0;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_03::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 21deg;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_04 {

  top: 0;

  left: 0;

  width: 25.4rem;

  height: 25.4rem;

  margin: 28.5rem 0 0 38.5rem;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_04::before {

  background: url(../img/deco_011.png) center center / cover no-repeat;

  rotate: 171deg;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_01 {

  top: 0;

  right: 0;

  width: 43rem;

  height: 43rem;

  margin: -30.2rem -5.5rem 0 0;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_01::before {

  background: url(../img/deco_003.png) center center / cover no-repeat;

  rotate: -33deg;

  scale: -1 1;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_02 {

  top: 0;

  left: 100%;

  width: 25.6rem;

  height: 25.6rem;

  margin: 39.5rem 0 0 -6.2rem;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_02::before {

  background: url(../img/deco_012.png) center center / cover no-repeat;

  rotate: 39deg;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_03 {

  top: 0;

  right: 100%;

  width: 50.5rem;

  height: 50.5rem;

  margin: -2.8rem -8.2rem 0 0;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_03::before {

  background: url(../img/deco_007.png) center center / cover no-repeat;

  rotate: 285deg;

  scale: 1 -1;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_05 {

  bottom: 0;

  right: 0;

  width: 29.8rem;

  height: 29.8rem;

  margin: 0 -8rem -32.3rem 0;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_05::before {

  background: url(../img/deco_018.png) center center / cover no-repeat;

  rotate: -5deg;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_06 {

  bottom: 0;

  right: 100%;

  width: 38.8rem;

  height: 38.8rem;

  margin: 0 1rem -30rem 0;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_06::before {

  background: url(../img/deco_013.png) center center / cover no-repeat;

  rotate: 177deg;

  scale: 1 -1;

}



#Novelty .decoration_01 {

  top: 0;

  left: 100%;

  width: 41.8rem;

  height: 41.8rem;

  margin: 28.2rem 0 0 -3.8rem;

}



#Novelty .decoration_01::before {

  background: url(../img/deco_003.png) center center / cover no-repeat;

  rotate: 34deg;

}



#Novelty .decoration_02 {

  z-index: 1;

  top: 0;

  right: 100%;

  width: 17.9rem;

  height: 17.9rem;

  margin: 31.7rem -4.8rem 0 0;

}



#Novelty .decoration_02::before {

  background: url(../img/deco_017.png) center center / cover no-repeat;

  rotate: 7deg;

}



#Novelty .decoration_03 {

  z-index: 1;

  bottom: 0;

  left: 0;

  width: 27.2rem;

  height: 27.2rem;

  margin: 0 0 3.8rem -11rem;

}



#Novelty .decoration_03::before {

  background: url(../img/deco_011.png) center center / cover no-repeat;

  rotate: 93deg;

}



#LimitedShopper .decoration_01 {

  top: 0;

  right: 0;

  width: 50.8rem;

  height: 50.8rem;

  /*margin: -15rem -30.8rem 0 0;*/

  margin: 5rem -30.8rem 0 0;

}



#LimitedShopper .decoration_01::before {

  background: url(../img/deco_014.png) center center / cover no-repeat;

  rotate: -4deg;

}



#LimitedShopper .decoration_02 {

  bottom: 0;

  right: 0;

  width: 38.8rem;

  height: 38.8rem;

  margin: 0 2.7rem 17rem 0;

}



#LimitedShopper .decoration_02::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 134deg;

  scale: 1 -1;

}



#LimitedShopper .decoration_03 {

  top: 0;

  right: 100%;

  width: 68.8rem;

  height: 68.8rem;

  margin: 17.2rem -25.5rem 0 0;

}



#LimitedShopper .decoration_03::before {

  background: url(../img/deco_007.png) center center / cover no-repeat;

  rotate: 288deg;

  scale: 1 -1;

}



#ReleaseDay .decoration_01 {

  top: 0;

  right: 0;

  width: 29.3rem;

  height: 29.3rem;

  margin: 17rem -13rem 0 0;

}



#ReleaseDay .decoration_01::before {

  background: url(../img/deco_011.png) center center / cover no-repeat;

  rotate: 153deg;

}



#ReleaseDay .decoration_02 {

  top: 0;

  left: 0;

  width: 27.4rem;

  height: 27.4rem;

  margin: -13.8rem 0 0 -12rem;

}



#ReleaseDay .decoration_02::before {

  background: url(../img/deco_016.png) center center / cover no-repeat;

  rotate: -153deg;

}



#Designer .decoration_01 {

  top: 0;

  right: 100%;

  width: 50.8rem;

  height: 50.8rem;

  margin: -23.5rem -15.5rem 0 0;

}



#Designer .decoration_01::before {

  background: url(../img/deco_009.png) center center / cover no-repeat;

  rotate: 74deg;

  scale: 1 -1;

}



#Designer .decoration_02 {

  top: 0;

  left: 100%;

  width: 68.6rem;

  height: 68.6rem;

  margin: 2.2rem 0 0 -17.3rem;

}



#Designer .decoration_02::before {

  background: url(../img/deco_007.png) center center / cover no-repeat;

  rotate: 265deg;

}



#Designer .decoration_03 {

  top: 100%;

  left: 0;

  width: 47.8rem;

  height: 47.8rem;

  margin: -9.3rem 0 0 4.5rem;

}



#Designer .decoration_03::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 122deg;

  scale: 1 -1;

}

/*--------------------デコレーション*/



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

@media screen and  (max-width:768px) {



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

.LP_page .only_pc {

  display: none;

}



#share {

  z-index: 5 !important;

  transition: translate .6s;

}



#share.move {

  translate: 0 -8rem;

}



.share-txt {

  display: none !important;

}



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



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

.main_ttl {

  margin-bottom: 10rem;

}



.main_lead_wrap {

  width: auto;

  margin: 0 auto 9rem;

}



.main_lead_wrap .txt_schedule {

  margin-bottom: 6.5rem;

  font-size: 2.2rem;

  line-height: 1.9;

}



.main_lead_wrap h2 {

  margin-bottom: 7.5rem;

  font-size: 4rem;

}



.main_lead_wrap .main_lead,

.main_lead_wrap .main_lead span {

  font-size: 2.4rem;

  line-height: 2.1;

}



.accordion_wrap {

  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows .8s;

}



.open .accordion_wrap {

  grid-template-rows: 1fr;

}



.accordion_inner {

  overflow: hidden;

}



.accordion_btn {

  width: fit-content;

  margin: 4rem auto 0;

}



.accordion_btn span {

  font-family: var(--font_eng);

  font-size: 2.2rem;

  letter-spacing: 0;

  text-decoration: underline;

  color: var(--color_01);

}



.accordion_btn .to_open,

.open .accordion_btn .to_close {

  display: block;

}



.open .accordion_btn .to_open,

.accordion_btn .to_close {

  display: none;

}



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



/*navigation---------------------*/

.navigation_main {

  margin-bottom: 11rem;

}



.navigation_list li a {

  height: 8.3rem;

}

/*---------------------navigation*/



/*product------------------------*/

#MakeupProducts .each_area,

#OtherProducts .each_area  {

  padding: 12rem 0 11rem;

}



#OtherProducts .each_area:nth-last-of-type(1) {

  padding-bottom: 16rem;

}



.area_inner {

  width: auto;

}



#MakeupProducts .area_inner,

#OtherProducts .area_inner {

  display: block;

}



.area_ttl_wrap {

  width: 57rem;

  margin: 0 auto 5rem;

}



.area_ttl_txt {

  margin-top: 0;

  font-size: 5rem;

}



.each_area:nth-of-type(odd) .area_ttl_txt {

  margin-right: 1.5rem;

}



.each_area:nth-of-type(even) .area_ttl_txt {

  margin-left: 1.5rem;

}



#OtherProducts .each_area:nth-of-type(odd) .area_ttl_txt:nth-of-type(1) {

  margin-left: .5rem;

}



#OtherProducts .each_area:nth-of-type(even) .area_ttl_txt:nth-of-type(1) {

  margin-right: 1.5rem;

}



#OtherProducts .area_ttl_txt:nth-of-type(2) {

  margin-bottom: -.5rem;

}



#OtherProducts .each_area:nth-last-of-type(1) .area_ttl_txt {

  left: auto;

  right: 100%;

  margin-right: 1rem;

}



.area_ttl_img {

  width: 100%;

}



#MakeupProducts .each_area:nth-of-type(odd) .area_ttl_img {

  translate: 1rem 0;

}



#MakeupProducts .each_area:nth-of-type(even) .area_ttl_img {

  translate: -1rem 0;

}



.product_cath {

  margin-bottom: 5.5rem;

  font-size: 2.6rem;

  line-height: 2.1;

}



.product_img {

  width: 34rem;

}



#OtherProducts .each_area:nth-of-type(4) .product_img {

  width: 34rem;

}



.product_name {

  font-size: 2.2rem;

  line-height: 1.6;

}



#MakeupProducts .each_area:nth-of-type(1) .product_name,

#MakeupProducts .each_area:nth-of-type(2) .product_name {

  padding-bottom: 4rem;

}



.variation_list {

  gap: 5rem .5rem;

  margin-top: 4rem;

}



#MakeupProducts .each_area:nth-of-type(1) .variation_list {

  margin-top: 4rem;

}



#MakeupProducts .each_area:nth-of-type(1) .variation_list li {

  width: 22rem;

}



#MakeupProducts .each_area:nth-of-type(2) .variation_list li {

  width: 22rem;

}



#MakeupProducts .each_area:nth-of-type(3) .variation_list li {

  width: 24rem;

}



#OtherProducts  .each_area:nth-of-type(4) .variation_list li {

  width: 32rem;

}



.variation_texture {

  width: 14rem;

  margin: 0 auto 1rem;

}



#MakeupProducts .each_area:nth-of-type(3) .variation_texture {

  width: 10rem;

}



.variation_name {

  margin-bottom: 1.5rem;

  font-size: 1.7rem;

  line-height: 1.5;

}



.variation_caption {

  font-size: 1.8rem;

  line-height: 1.6;

}



.fragranceNote_figure {

  width: 60rem;

  margin: 14rem auto 0;

}



.product_caption {

  font-size: 1.6rem;

}

/*------------------------product*/



/*Makeup look--------------------*/

.makeupLook_area {

  padding: 12rem 0 13rem;

}



.makeupLook_area .area_inner {

  display: block;

  height: auto;

}



.makeupLook_area .area_ttl {

  width: auto;

  margin-bottom: 7rem;

}



.makeupLook_area .area_img {

  position: static;

  width: auto;

  margin-bottom: 6rem;

}



.makeupLook_area .txt_wrap {

  width: auto;

}



.makeupLook_area .txt_wrap .to_link {

  margin: 0 auto 3rem;

}



.makeupLook_area .txt_wrap .to_link a {

  font-size: 4rem;

}



.makeupLook_area .txt_wrap .area_lead {

  font-size: 2.2rem;

}

/*--------------------Makeup look*/



/*novelty------------------------*/

#Novelty {

  padding: 8rem 0 6rem;

}



#Novelty .area_ttl,

#LimitedShopper .area_ttl {

  margin-bottom: 5rem;

  font-size: 5rem;

}



.novelty_list {

  display: block;

}



.novelty_list li {

  width: auto;

}



.novelty_list li:nth-of-type(n+2) {

  margin-top: 11rem;

}



.novelty_list li .novelty_img {

  width: 57rem;

  margin: 0 auto 5rem;

}



.novelty_list li p {

  font-size: 2.6rem;

  line-height: 2.1;

}

/*------------------------novelty*/



/*limited shopper----------------*/

#LimitedShopper {

  padding: 8rem 0 7rem;

}



.shopper_img {

  width: 57rem;

  margin: 0 auto 5rem;

}



#LimitedShopper p {

  font-size: 2.6rem;

  line-height: 2.1;

}

/*----------------limited shopper*/



/*release day--------------------*/

#ReleaseDay {

  padding: 2rem 0 4.5rem;

}



#ReleaseDay .area_inner {

  width: 63.5rem;

  padding-top: 10rem;

}



#ReleaseDay .area_ttl {

  margin-bottom: 7rem;

  font-size: 2.5rem;

}



.release_list li:nth-of-type(n+2) {

  margin-top: 5rem;

}



.release_list li h5 {

  margin-bottom: .8rem;

  font-size: 2.2rem;

}



.release_list li p {

  font-size: 2.2rem;

  line-height: 2;

}

/*--------------------release day*/



/*designer-----------------------*/

#Designer {

  padding: 5rem 0 12rem;

}



#Designer .area_inner {

  display: block;

  width: 63.5rem;

  padding: 8rem 3rem;

}



#Designer .area_ttl {

  width: 31.4rem;

  margin: 0 auto 8rem;

}



.designer_detail {

  width: auto;

}



.designer_detail h5 {

  margin-bottom: 5rem;

  font-size: 2.5rem;

}



.designer_detail p {

  font-size: 2rem;

  line-height: 1.7;

}

/*-----------------------designer*/



/*デコレーション--------------------*/

.main_lead_wrap .decoration_01 {

  width: 38rem;

  height: 38rem;

  margin: 12rem -18rem 0 0;

}



.main_lead_wrap .decoration_01::before {

  rotate: 177deg;

}



.main_lead_wrap .decoration_02 {

  width: 22.6rem;

  height: 22.6rem;

  margin: -3.8rem 0 0 -16rem;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_01 {

  width: 40.6rem;

  height: 40.6rem;

  margin: -22.5rem 0 0 -33.5rem;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_01::before {

  rotate: 165deg;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_02 {

  bottom: auto;

  top: 0;

  right: 100%;

  width: 29.4rem;

  height: 29.4rem;

  margin: 64.5rem -22.2rem 0 0;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_02::before {

  rotate: 107deg;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_03 {

  bottom: 0;

  right: 0;

  width: 29.6rem;

  height: 29.6rem;

  margin: 0 -14.2rem 49.7rem 0;

}



#MakeupProducts .each_area:nth-of-type(1) .decoration_03::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: -102deg;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_01 {

  width: 48.4rem;

  height: 48.4rem;

  margin: 49rem 0 0 -28.2rem;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_01::before {

  rotate: 124deg;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_04 {

  top: 0;

  left: 0;

  width: 53rem;

  height: 53rem;

  margin: -30rem 0 0 -25rem;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_04::before {

  background: url(../img/deco_004.png) center center / cover no-repeat;

  rotate: -18deg;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_05 {

  bottom: 0;

  left: 0;

  width: 29.4rem;

  height: 29.4rem;

  margin: 0 0 39.5rem -14rem;

}



#MakeupProducts .each_area:nth-of-type(2) .decoration_05::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: -93deg;

  scale: 1 -1;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_01 {

  left: auto;

  right: 0;

  width: 29.6rem;

  height: 29.6rem;

  margin: -19.5rem -10rem 0 0;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_01::before {

  rotate: -58deg;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_02 {

  bottom: auto;

  top: 0;

  margin: 51.5rem 0 0 -9rem;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_02::before {

  rotate: -79deg;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_03 {

  top: 0;

  left: auto;

  right: 0;

  width: 24rem;

  height: 24rem;

  margin: 95rem -7.5rem 0 0;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_04 {

  bottom: 0;

  left: 0;

  width: 25.8rem;

  height: 25.8rem;

  margin: 0 0 -28rem 14rem;

}



#MakeupProducts .each_area:nth-of-type(3) .decoration_04::before {

  rotate: -10deg;

  scale: 1;

}



.makeupLook_area .decoration_01 {

  left: 100%;

  width: 43.4rem;

  height: 43.4rem;

  margin: -14.2rem 0 0 -19rem;

}



.makeupLook_area .decoration_03 {

  bottom: auto;

  top: 0;

  width: 15rem;

  height: 15rem;

  margin: 8.8rem 0 0 5.2rem;

}



.makeupLook_area .decoration_03::before {

  rotate: 77deg;

}



.makeupLook_area .decoration_04 {

  top: auto;

  bottom: 0;

  right: 100%;

  width: 42.4rem;

  height: 42.4rem;

  margin: 0 -13.5rem 10rem 0;

}



.makeupLook_area .decoration_04::before {

  rotate: -28deg;

  scale: 1;

}



.makeupLook_area .decoration_05 {

  left: auto;

  right: 0;

  width: 37.1rem;

  height: 37.1rem;

  margin: 0 -6rem 0 0;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_01 {

  width: 49.8rem;

  height: 49.8rem;

  margin: -25rem 0 0 -24.5rem;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_01::before {

  rotate: 172deg;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_02 {

  top: 0;

  left: auto;

  right: 0;

  width: 25.4rem;

  height: 25.4rem;

  margin: 66rem -6.5rem 0 0;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_02::before {

  rotate: 121deg;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_03 {

  top: 0;

  left: 0;

  width: 35.4rem;

  height: 35.4rem;

  margin: 94.5rem 0 0 -17rem;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_03::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: -49deg;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_04 {

  bottom: 0;

  left: auto;

  right: 0;

  width: 37rem;

  height: 37rem;

  margin: 0 -13rem 33.5rem 0;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_04::before {

  background: url(../img/deco_003.png) center center / cover no-repeat;

  rotate: -28deg;

  scale: -1 1;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_05 {

  width: 31.2rem;

  height: 31.2rem;

  margin: 0 0 16rem -15rem;

}



#OtherProducts .each_area:nth-of-type(1) .decoration_05::before {

  rotate: -51deg;

  scale: 1 -1;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_01 {

  width: 49rem;

  height: 49rem;

  margin: -28rem 0 0 -26.5rem;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_02 {

  bottom: auto;

  top: 0;

  width: 21.4rem;

  height: 21.4rem;

  margin: 69.5rem 0 0 -4rem;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_02::before {

  rotate: 110deg;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_03 {

  top: auto;

  bottom: 0;

  right: 0;

  width: 36rem;

  height: 36rem;

  margin: 0 -19.5rem 11.5rem 0;

}



#OtherProducts .each_area:nth-of-type(2) .decoration_03::before {

  rotate: -253deg;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_01 {

  width: 32.6rem;

  height: 32.6rem;

  margin: -22rem 0 0 -10rem;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_01::before {

  rotate: 30deg;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_02 {

  top: auto;

  bottom: 0;

  margin: 0 0 2.5rem -14rem;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_03 {

  top: 0;

  right: 100%;

  width: 24.4rem;

  height: 24.4rem;

  margin: 13rem -12.2rem 0 0;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_05 {

  bottom: 0;

  left: 0;

  width: 28.2rem;

  height: 28.2rem;

  margin: 0 0 9rem -8rem;

}



#OtherProducts .each_area:nth-of-type(3) .decoration_05::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: -21deg;

}





#OtherProducts .each_area:nth-of-type(4) .decoration_02 {

  left: auto;

  right: 0;

  width: 27.6rem;

  height: 27.6rem;

  margin: -19rem 2rem 0 0;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_02::before {

  rotate: 10deg;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_03 {

  top: 0;

  right: auto;

  left: 0;

  width: 44.1rem;

  height: 44.1rem;

  margin: 25.5rem 0 0 -18.5rem;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_04 {

  z-index: 1;

  top: 0;

  left: 0;

  width: 25.4rem;

  height: 25.4rem;

  margin: 67rem 0 0 2.5rem;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_04::before {

  background: url(../img/deco_002.png) center center / cover no-repeat;

  rotate: -5deg;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_05 {

  top: 0;

  right: 0;

  width: 24.5rem;

  height: 24.5rem;

  margin: 98rem -4rem 0 0;

}



#OtherProducts .each_area:nth-of-type(4) .decoration_06 {

  right: auto;

  left: 0;

  width: 33.5rem;

  height: 33.5rem;

  margin: 0 0 13rem -20rem;

}



#Novelty .decoration_01 {

  left: auto;

  right: 0;

  margin: -23.5rem -18rem 0;

}



#Novelty .decoration_01::before {

  rotate: 1deg;

}



#Novelty .decoration_02 {

  right: auto;

  left: 0;

  width: 21.3rem;

  height: 21.3rem;

  margin: -2rem 0 0 -5rem;

}



#Novelty .decoration_03 {

  bottom: auto;

  top: 0;

  left: 0;

  margin: 79rem 0 0 -5.5rem;

}



#Novelty .decoration_04 {

  top: 0;

  right: 0;

  width: 68.8rem;

  height: 68.8rem;

  margin: 74.5rem -30rem 0 0;

}



#Novelty .decoration_04::before {

  background: url(../img/deco_007.png) center center / cover no-repeat;

  rotate: 94deg;

  scale: 1 -1;

}



#Novelty .decoration_05 {

  bottom: 0;

  right: 0;

  width: 36.2rem;

  height: 36.2rem;

  margin: 0 -18.5rem 6.2rem 0;

}



#Novelty .decoration_05::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 105deg;

  scale: 1 -1;

}



#Novelty .decoration_06 {

  bottom: 0;

  left: 0;

  width: 37.2rem;

  height: 37.2rem;

  margin: 0 0 -31rem -20.5rem;

}



#Novelty .decoration_06::before {

  background: url(../img/deco_001.png) center center / cover no-repeat;

  rotate: 124deg;

  scale: 1 -1;

}



#LimitedShopper .decoration_01 {

  width: 34.2rem;

  height: 34.2rem;

  margin: -12rem -10.5rem 0 0;

}



#LimitedShopper .decoration_01::before {

  rotate: 27deg;

}



#LimitedShopper .decoration_02 {

  right: auto;

  left: 0;

  width: 47.8rem;

  height: 47.8rem;

  margin: 0 0 11rem -29rem;

}



#LimitedShopper .decoration_02::before {

  rotate: 324deg;

}



#ReleaseDay .decoration_01 {

  width: 19.8rem;

  height: 19.8rem;

  margin: -2rem -3.2rem 0 0;

}



#ReleaseDay .decoration_02 {

  width: 25.2rem;

  height: 25.2rem;

  margin: 45rem 0 0 -16.5rem;

}



#ReleaseDay .decoration_02::before {

  rotate: -169deg;

}



#Designer .decoration_01 {

  top: 0;

  right: 0;

  width: 41.7rem;

  height: 41.7rem;

  margin: -10.5rem -26rem 0 0;

}



#Designer .decoration_02 {

  top: 0;

  left: 0;

  width: 53.8rem;

  height: 53.8rem;

  margin: 38.5rem 0 0 -31.5rem;

}



#Designer .decoration_02::before {

  rotate: 263deg;

  scale: 1 -1;

}



#Designer .decoration_03 {

  top: 100%;

  left: auto;

  right: 0;

  width: 37.2rem;

  height: 37.2rem;

  margin: -10rem -5rem 0 0;

}

/*--------------------デコレーション*/

}



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



/*PC------------------------------------------------------*/

@media screen and  (min-width:769px) {

  .only_sp {

    display: none;

  }

}

/*------------------------------------------------------PC*/



/*レスポンシブ＆タブレット対応-------------------------------*/

@media screen and (min-width: 751px) and (max-width: 1600px){

  html {

    font-size: calc(10 * (100vw / 1600));

  }

}



@media screen and (max-width: 750px){

  html {

    font-size: calc(10 * (100vw / 750));

  }

}

/*-------------------------------レスポンシブ＆タブレット対応*/