@charset "UTF-8";

html {
  font-size: 62.5%;
}

/* #Header {
  width: 100rem;
  margin: 0 auto;
} */

#Wrap,
#Contents,
.wrapBottom,
.wrapTop,
#allWrap,
.lp_contents {
  width: 100% !important;
  min-width: 120rem;
}

#Foot {
  width: 1000px;
  clear: both;
  margin: 0 auto;
}

#Contents {
  padding: 0 0;
}
.sp_only {
  display: none;
}

.lp_contents *,
.lp_contents *:before,
.lp_contents *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a,
a:before,
a:after,
a img {
  transition: opacity .3s ease-in-out,
    color .3s ease-in-out,
    background-color .3s ease-in-out,
    border-color .3s ease-in-out,
    text-shadow .3s ease-in-out,
    text-weight .3s ease-in-out;
}

.lp_contents {
  width: 100%;
  margin: 0 auto;
  padding:0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 3rem;
  background-color: #fff;
  color: #333333;
  overflow: hidden;
}

.lp_contents ul,
.lp_contents li {
  list-style: none;
}

.lp_contents a:hover {
  opacity: 0.7;
}

.lp_contents img {
  max-width: 100%;
}
.flexBox{
  display: flex;
}
/* -- js fix -- */
.js-fix.is-fixed {
  position: fixed;
  top: 10rem;
  width: inherit;
}

/* -- mainvisual -- */
.mainvisual{
  width: 140rem;
  margin: 0 auto;
  position: relative;
}
.mainvisual::before{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_back.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 120VW;
  height: 106rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.mainvisual::after{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_Tline.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 25rem;
  height: 25rem;
  top: 4rem;
  left: -25rem; 
}
.mainvisual .firstview{
  padding-top: 15rem;
  position: relative;
  z-index: 1;
}

.mainvisual .firstview::after{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_topline.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 105rem;
  height: 0.5rem;
  bottom: -10rem;
  right: -24.6rem;
}
.mainvisual .firstview .mainvisual_img{
  width: 83rem;
  margin-left: -3rem;
}
.mainvisual .firstview .mainvisual_txt{
  margin-top: 4rem;
  width: 60rem;
}
.mainvisual .firstview .mainvisual_txt h3{
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 8.6rem;
  letter-spacing: 0.2em;
  color: #009DB7;
}
.mainvisual .firstview .mainvisual_txt h3 span{
  display: inline-block;
  font-size: 8.1rem;
  letter-spacing: 0.1em;
}
.mainvisual .firstview .mainvisual_txt p{
  margin-top: 6rem;
  font-size: 3rem;
  line-height: 4.6rem;
  letter-spacing: 0.05em;
  color: #000;
}

.mainvisual .main_btn{
  margin: 24.5rem auto 0;
  width: 140rem;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.mainvisual .main_btn .list a{
  padding: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 33rem;
  height: 16.7rem;
  text-align: center;
  background-color: #fff;
}
.mainvisual .main_btn .list a::before{
  position: absolute;
  content: " ";
  background-size: 100%;
  background-repeat: no-repeat;
  height: 100%;
  top: -2rem;
  z-index: 1;
}
.mainvisual .main_btn .list._01 a::before{
  width: 3.8rem;
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_01.png);
}
.mainvisual .main_btn .list._02 a::before{
  width: 4.7rem;
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_02.png);
}
.mainvisual .main_btn .list._03 a::before{
  width: 4.7rem;
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_03.png);
}
.mainvisual .main_btn .list._04 a::before{
  width: 4.9rem;
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_04.png);
}

.mainvisual .shimodayuka_area{
  width: 100rem;
  margin: 32rem auto 9rem;
  align-items: center;
  position: relative;
}
.mainvisual .shimodayuka_area::before{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_caption.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  width: 33.5rem;
  left: -3.6rem;
  right: 0;
  margin: auto;
  top: -12rem;
}

.mainvisual .shimodayuka_area .shimodayuka_img{
  width: 24.8rem;
  margin-right: 6rem;
}
.mainvisual .shimodayuka_area .shimodayuka_txt p{
  font-size: 2rem;
  line-height: 4rem;
}
.mainvisual .shimodayuka_area .shimodayuka_txt p:nth-child(2){
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #009DB7;
}
/* -- mainvisual -- */


/* -- sec 共通 -- */
.sec{
  position: relative;
  z-index: 1;
}
.sec .title{
  padding-top: 18rem;
  padding-bottom: 11rem;
  font-size: 3rem;
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #009DB7;
  text-align: center;
  position: relative;
  z-index: 1;
}
.sec .title::after{
  position: absolute;
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.sec .title::before{
  position: absolute;
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
/* -- sec 共通 -- */
.back-btm{
  width: 100%;
  height: 0;
}
/* -- sec_yuragi -- */
.sec_yuragi .title{
  letter-spacing: 0.2em;
}
.sec_yuragi .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_ttl01.png);
  top: 15.5rem;
  width: 10rem;
  height: 100%;
}
.sec_yuragi .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_line01.png);
  top: 15.5rem;
  width: 77rem;
  height: 9rem;
}
.sec_yuragi{
  position: relative;
  background-color: #f2f2f2;
  padding-bottom: 7rem;
  z-index: 1;
}

/* .sec_yuragi::before{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_back02.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 120VW;
  height: 790rem;
  left: 50%;
  transform: translateX(-50%);
  top: -2rem;
  z-index: -99;
} */
.sec_yuragi .yuragi_descrption{
  position: relative;
  margin: 0 auto;
  padding: 7rem 6rem;
  max-width: 107rem;
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.sec_yuragi .yuragi_descrption::before{
  position: absolute;
  content: "";
  border: 2px solid #009DB7;
  width: 107rem;
  height: 100%;
  top: 3rem;
  left: 3rem;
  z-index: -1;
}
.sec_yuragi .yuragi_descrption h4{
  margin-bottom: 5rem;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
}
.sec_yuragi .yuragi_descrption p{
  width: 93.7rem;
  font-size: 2rem;
  line-height: 4rem;
  margin: 0 auto;
}

/* -- sec_clean -- */
.sec_clean{
  background-color: #f2f2f2;
  /* margin-top: 7rem; */
}
.sec_clean .title,
.sec_web .title{
  line-height: 4.3rem;
  letter-spacing: 0.1em;
}
.sec_clean .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_ttl02.png);
  top: 18rem;
  width: 11.2rem;
  height: 100%;
}
.sec_clean .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_line02.png);
  top: 18rem;
  width: 78rem;
  height: 9rem;
}
.sec_item{
  margin: 0 auto;
  width: 140rem;
}
.sec_con{
  margin-left: 15rem;
}
.sec_con:not(:nth-of-type(1)){
  margin-top: 25rem;
}
.item_con .item_area:not(:nth-child(1)){
  padding-top: 14rem;
}
 .item_area{
  position: relative;
}
.item_area:not(:last-child)::after{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_item_line.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 87rem;
  height: 1rem;
  bottom: -7rem;
}
.sec_web .item_area:not(:last-child)::after{
  width: 110rem;
  margin: auto;
  left: -6.5rem;
  right: 0;
}
.img_right{
  flex-direction: row-reverse;
}
.item_con{
  width: 87rem;
  margin-right: 10rem;
}
 .item_area .item_img{
  width: 30rem;
}

.item_con .img_left .item_txt{
  margin-left: 7rem;
  width: 49rem;
  letter-spacing: 0;
}
.item_con .img_right .item_txt{
  width: 49rem;
  margin-right: 7rem;
}
.item_con .item_area .item_txt h4{
  margin-bottom: 3rem;
}
.item_area .item_txt p{
  line-height: 3rem;
}
.item_area .item_txt .item_btn a{
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35rem;
  height: 5.5rem;
  border-radius: 3rem;
  background-color: #009DB7;
  color: #fff;
  letter-spacing: 0.2em;
}
.sec_con .laber{
  padding-top: 11rem;
  width: 28rem;
  border: 2px solid #009DB7;
  background-color: #fff;
  color: #009DB7;
}
.sec_con .laber p{
  padding-right: 4rem;
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3rem;
  letter-spacing: 0.1em;
  text-align: right;
}
.sec_con .laber p span{
  font-size: 2.5rem;
  letter-spacing: 0;
}

/* -- sec_web -- */
.sec_web{
  margin: 16rem auto 0;
  width: 93rem;
}
.sec_web .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_ttl03.png);
  top: 20rem;
  width: 11.7rem;
  height: 100%;
}
.sec_web .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_line03.png);
  top: 20rem;
  width: 77rem;
  height: 9rem;
}
.sec_web .item_area .item_txt{
  margin-left: 5rem;
  width: 57.8rem;
  letter-spacing: 0;
}
.sec_web .item_area .item_txt h4{
  margin-bottom: 6rem;
  line-height: 4rem;
}
.sec_web .item_area:not(:nth-of-type(1)){
  padding-top: 14rem;
}

/* -- sec_novelty -- */
.sec_novelty{
  position: relative;
  z-index: 1;
}
.sec_novelty .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_ttl04.png);
  top: 28rem;
  width: 12rem;
  height: 100%;
}
.sec_novelty .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_line04.png);
  top: 28rem;
  width: 76.5rem;
  height: 9rem;
}
.sec_novelty::before{
  position: absolute;
  content: "";
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/pc_back03.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 120VW;
  height: 160rem;
  left: 50%;
  transform: translateX(-50%);
  top: 15rem;
  z-index: -99;
}
.sec_novelty .title{
  padding-top: 30rem;
  letter-spacing: 0.1em;
}
.sec_novelty p{
  font-size: 2rem;
  line-height: 4rem;
  text-align: center;
}
.sec_novelty h4{
  margin: 9rem auto 2.5rem;
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 0;
  color: #009DB7;
}
.sec_novelty .present{
  margin: 7rem auto 0;
  width: 110rem;
  justify-content: space-between;
}
.present_item{
  padding: 5.6rem 2rem 5.4rem;
  width: 52.3rem;
  background-color: #fff;
}
.present_item02{
  padding: 4rem 2rem 5.4rem;
}
.present_img01{
  width: 36rem;
  margin: auto;
}
.present_img02{
  width: 20rem;
  margin: auto;
}
.present_item h5,
.present_item p{
  font-size: 2rem;
  line-height: 4rem;
  letter-spacing: 0;
  text-align: center;
}
.present_item01 h5{
  margin: 5rem auto 3rem;
}
.present_item02 h5{
  margin: 2.8rem auto 7.5rem;
}
.novelty_area .item_btn a{
  margin: 9rem auto 14.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35rem;
  height: 5.5rem;
  border-radius: 3rem;
  background-color: #009DB7;
  color: #fff;
  letter-spacing: 0.2em;
}
/* ============================================
                     for tablet 
=============================================== */

@media only screen and ( min-width: 768px ) and ( max-width: 1920px ){
  html {
   font-size: calc(10* (100vw / 1920));
  }
}
/* ============================================
                   for tablet 
=============================================== */




/* ============================================
                     for sp
=============================================== */

@media only screen and (max-width: 767px) {
  .sp_only {
    display:block;
  }
  .pc_only{
    display: none;
  }
  #Wrap,
  #Contents,
  .wrapBottom,
  .wrapTop,
  #allWrap,
  .lp_contents {
    min-width: calc(750* (100vw / 750));
  }
  h2,h3, h4,p,ul,li{
    margin: 0;
    padding: 0;
  }
  #Foot {
    width: 100%;
    clear: both;
    margin: 0 auto;
  }

  .lp_contents {
    font-size: calc(24* (100vw / 750));
    line-height: calc(40* (100vw / 750));
  }
  .flexBox{
    flex-wrap: wrap;
  }

/* -- mainvisual -- */
.mainvisual{
  width: calc(750* (100vw / 750));
  margin: 0 auto calc(120* (100vw / 750));
}
.mainvisual::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_back.png);
  width: 100%;
  height: calc(1730* (100vw / 750));
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: inherit;
}
.mainvisual::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_Tline.png);
  width: calc(210* (100vw / 750));
  height: calc(210* (100vw / 750));
  top: calc(50* (100vw / 750));
  left: 0; 
}
.mainvisual .firstview{
  padding-top: calc(200* (100vw / 750));
}
.mainvisual .firstview::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_topline.png);
  width: calc(537* (100vw / 750));
  height: 2px;
  bottom: calc(-90* (100vw / 750));
  right: 0;
}
.mainvisual .firstview .mainvisual_img{
  width: 100%;
  margin: calc(120* (100vw / 750)) auto 0;
}
.mainvisual .firstview .mainvisual_txt{
  margin: 0 auto;
  width: calc(595* (100vw / 750));
  text-align: center;
}
.mainvisual .firstview .mainvisual_txt h3{
  font-size: calc(86* (100vw / 750));
}
.mainvisual .firstview .mainvisual_txt h3 span{
  font-size: calc(81* (100vw / 750));
}
.mainvisual .firstview .mainvisual_txt p{
  margin-top: calc(50* (100vw / 750));
  font-size: calc(30* (100vw / 750));
  line-height: calc(46* (100vw / 750));
}

.mainvisual .main_btn{
  margin: calc(240* (100vw / 750)) auto 0;
  width: calc(700* (100vw / 750));
}
.mainvisual .main_btn .list a{
  padding: 0;
  width: calc(336* (100vw / 750));
  height: calc(180* (100vw / 750));
  font-size: calc(23* (100vw / 750));
  line-height: calc(34* (100vw / 750));
  letter-spacing: 0.05em;
  color: #000;
}
.mainvisual .main_btn .list a::before{
  top: calc(-20* (100vw / 750));
  height: calc(36* (100vw / 750));
}
.mainvisual .main_btn .list._01 a::before{
  width: calc(35* (100vw / 750));
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_01.png);
}
.mainvisual .main_btn .list._02 a::before{
  width: calc(45* (100vw / 750));
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_02.png);
}
.mainvisual .main_btn .list._03 a::before{
  width: calc(45* (100vw / 750));
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_03.png);
}
.mainvisual .main_btn .list._04 a::before{
  width: calc(49* (100vw / 750));
  background-image:url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_04.png);
}
.mainvisual .main_btn .list:nth-child(3),
.mainvisual .main_btn .list:nth-child(4){
  margin-top: calc(100* (100vw / 750));
}
.mainvisual .shimodayuka_area{
  width: 100%;
  margin: 0 auto;
  align-items: inherit;
}
.mainvisual .shimodayuka_area::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_caption.png);
  height: calc(130* (100vw / 750));
  width: calc(555* (100vw / 750));
  left: calc(-80* (100vw / 750));
  top: calc(220* (100vw / 750));
}
.mainvisual .shimodayuka_area .shimodayuka_img{
  width: calc(340* (100vw / 750));
  margin: calc(450* (100vw / 750)) auto 0;
}
.mainvisual .shimodayuka_area .shimodayuka_txt{
  margin: 0 auto;
}
.mainvisual .shimodayuka_area .shimodayuka_txt p{
  text-align: center;
  font-size: calc(27* (100vw / 750));
  line-height: calc(72* (100vw / 750));
  letter-spacing: 0.1em;
}
.mainvisual .shimodayuka_area .shimodayuka_txt p:nth-child(1){
  margin-top: calc(50* (100vw / 750));
}
.mainvisual .shimodayuka_area .shimodayuka_txt p:nth-child(2){
  margin-top: calc(60* (100vw / 750));
  padding-top: 0;
  border-top: inherit;
}
/* -- mainvisual -- */

/* -- sec 共通 -- */
.sec .title{
  padding-top: calc(200* (100vw / 750));
  padding-bottom: calc(130* (100vw / 750));
  font-size: calc(45* (100vw / 750));
}
/* -- sec 共通 -- */

/* -- sec_yuragi -- */
.sec_yuragi{
  padding-bottom: calc(30* (100vw / 750));
}
.sec_yuragi .title{
  letter-spacing: 0.2em;
}
.sec_yuragi .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_ttl01.png);
  top: calc(150* (100vw / 750));
  width: calc(160* (100vw / 750));
  height: calc(160* (100vw / 750));
}
.sec_yuragi .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_line01.png);
  top: calc(165* (100vw / 750));
  width: calc(700* (100vw / 750));
  height: calc(130* (100vw / 750));
}
/* .sec_yuragi::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_back02.png);
  width: 100%;
  height: calc(17340* (100vw / 750));
  left: 0;
  transform: inherit;
  top: 0;
} */
.sec_yuragi .yuragi_descrption{
  padding: calc(90* (100vw / 750)) calc(35* (100vw / 750)) calc(135* (100vw / 750));
  max-width: calc(680* (100vw / 750));
}
.sec_yuragi .yuragi_descrption::before{
  width: calc(680* (100vw / 750));
  height: 100%;
  top: calc(20* (100vw / 750));
  left: calc(20* (100vw / 750));
}
.sec_yuragi .yuragi_descrption h4{
  margin-bottom: calc(70* (100vw / 750));
  font-size: calc(27* (100vw / 750));
  line-height: calc(43* (100vw / 750));
}
.sec_yuragi .yuragi_descrption p{
  width: calc(610* (100vw / 750));
  font-size: calc(24* (100vw / 750));
  line-height: calc(47* (100vw / 750));
  margin: auto;
}

/* -- sec_clean -- */
/* .sec_clean{
  margin-top: calc(30* (100vw / 750));
} */
.sec_clean .title,
.sec_web .title{
  line-height: calc(55* (100vw / 750));
  letter-spacing: 0.2em;
}
.sec_clean .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_ttl02.png);
  top: calc(220* (100vw / 750));
  width: calc(200* (100vw / 750));
  height: calc(152* (100vw / 750));
}
.sec_clean .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_line02.png);
  top: calc(205* (100vw / 750));
  width: calc(700* (100vw / 750));
  height: calc(210* (100vw / 750));
}
.sec_item{
  width: 100%;
}
.sec_con{
  margin: 0 auto;
  flex-direction: column-reverse;
  width: 100%;
}
.sec_con:not(:nth-of-type(1)){
  margin-top: calc(150* (100vw / 750));
}
.item_con .item_area:not(:nth-child(1)){
  padding-top: calc(30* (100vw / 750));
}
.item_area:not(:last-child)::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_item_line.png);
  width: calc(700* (100vw / 750));
  height: 2px;
  bottom: calc(-90* (100vw / 750));
  left: 0;
  right: 0;
  margin: auto;
}
.sec_web .item_area:not(:last-child)::after{
  width: calc(700* (100vw / 750));
  margin: auto;
  left: 0;
  right: 0;
}
.img_right{
  flex-direction: inherit;
}
.item_con{
  width: 100%;
  margin-right: 0;
}
 .item_area .item_img{
  margin: calc(50* (100vw / 750)) auto 0;
  width: calc(400* (100vw / 750));
}
.item_con .img_left .item_txt,
.item_con .img_right .item_txt{
  margin: calc(40* (100vw / 750)) auto 0;
  width: calc(700* (100vw / 750));
}
.item_con .item_area h4{
  margin: calc(140* (100vw / 750)) auto 0;
  width: 100%;
  text-align: center;
}
.item_area .item_txt p{
  line-height: calc(42* (100vw / 750));
}
.item_area .item_txt .item_btn a{
  margin: calc(60* (100vw / 750)) auto 0;
  width: calc(480* (100vw / 750));
  height: calc(80* (100vw / 750));
  border-radius: calc(50* (100vw / 750));
}
.sec_con .laber{
  padding: calc(40* (100vw / 750)) calc(50* (100vw / 750)) calc(40* (100vw / 750)) 0;
  margin: auto;
  width: calc(700* (100vw / 750));
}
.sec_con .laber p{
  padding-right: 0;
  font-size: calc(45* (100vw / 750));
}
.sec_con .laber p span{
  font-size: calc(40* (100vw / 750));
}

/* -- sec_web -- */
.sec_web{
  margin: calc(130* (100vw / 750)) auto 0;
  width: 100%;
}
.sec_web .title{
  padding-top: calc(250* (100vw / 750));
}
.sec_web .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_ttl03.png);
  top: calc(270* (100vw / 750));
  width: calc(200* (100vw / 750));
  height: calc(160* (100vw / 750));
}
.sec_web .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_line03.png);
  top: calc(256* (100vw / 750));
  width: calc(700* (100vw / 750));
  height: calc(210* (100vw / 750));
}
.sec_web .item_area .item_txt{
  margin: calc(60* (100vw / 750)) auto 0;
  width: calc(700* (100vw / 750));
}
.sec_web .item_area .item_txt h4{
  margin-bottom: calc(50* (100vw / 750));
  line-height: calc(40* (100vw / 750));
}
.sec_web .item_area:not(:nth-of-type(1)){
  padding-top: calc(130* (100vw / 750));
}

/* -- sec_novelty -- */
.sec_novelty .title::after{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_ttl04.png);
  top: calc(350* (100vw / 750));
  width: calc(216* (100vw / 750));
  height: calc(160* (100vw / 750));
}
.sec_novelty .title::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_line04.png);
  top: calc(365* (100vw / 750));
  width: calc(700* (100vw / 750));
  height: calc(135* (100vw / 750));
}
.sec_novelty::before{
  background-image: url(../../../Contents/ImagesPkg/lp/2022springskincare/sp_back03.png);
  width: 100%;
  height: calc(3329* (100vw / 750));
  left: 0;
  transform: inherit;
  top: calc(190* (100vw / 750));
}
.sec_novelty .title{
  padding-top: calc(400* (100vw / 750));
  letter-spacing: 0.1em;
}
.sec_novelty p{
  font-size: calc(26* (100vw / 750));
  line-height: calc(60* (100vw / 750));
}
.sec_novelty h4{
  margin: calc(200* (100vw / 750)) auto calc(45* (100vw / 750));
  font-size: calc(45* (100vw / 750));
  letter-spacing: 0.05em;
}
.sec_novelty .present{
  margin: calc(75* (100vw / 750)) auto 0;
  width: calc(700* (100vw / 750));
  justify-content: inherit;
}
.present_item{
  padding: calc(50* (100vw / 750)) 0;
  width: calc(700* (100vw / 750));
}
.present_item02{
  padding: calc(50* (100vw / 750)) 0;
  margin-top: calc(134* (100vw / 750));
}
.present_img01{
  width: calc(480* (100vw / 750));
}
.present_img02{
  width: calc(268* (100vw / 750));
}
.present_item h5,
.present_item p{
  font-size: calc(24* (100vw / 750));
  line-height: calc(40* (100vw / 750));
  letter-spacing: 0.05em;
}
.present_item p{
    line-height: calc(53* (100vw / 750));
}
.present_item01 h5{
  margin: calc(80* (100vw / 750)) auto calc(60* (100vw / 750));
}
.present_item02 h5{
  margin: calc(50* (100vw / 750)) auto calc(80* (100vw / 750));
}
.novelty_area .item_btn a{
  margin: calc(130* (100vw / 750)) auto calc(250* (100vw / 750));
  width: calc(480* (100vw / 750));
  height: calc(80* (100vw / 750));
  border-radius: calc(50* (100vw / 750));
}

}


/* IE */
@media all and (-ms-high-contrast: none) {
  /* ここに書く */

}