@charset "UTF-8";

/* コンテンツ部分のみ横幅100%に調整 */
#Wrap,
.wrapBottom,
.wrapTop {
  width: 100%;
  background-color: #fffcf4;
}
#header{
  background-color: #fffcf4;
}
#Header,
#Foot {
  width: 1000px;
  margin: 0 auto;
}
.breadcrumb_wrapper {
  position: absolute;
  z-index: 999;
  top: 10rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 110rem;
  margin: 0 auto;
}
.breadcrumbs * {
  color: #fff;
}

.lp_contents .img {
  width: 100%;
}
#Contents {
  padding: 0;
}

.femcare02 a {
  color: #4d4d4d;
}
.femcare02 .sp {
  display: none;
}
.femcare02 img {
    width: 100%;
}
.femcare02 a:hover{
  opacity: 0.7;
}

#main_container{
  padding-bottom: 11rem;
  background: url(../../Contents/ImagesPkg/lp/femcare02/bg.png) repeat;
  background-size: 160px;
  color: #4d4d4d;
}

/* heading */
.femcare02 .heading{
  max-width: 100%;
  width: 140rem;
  margin: auto;
  margin-bottom: 9.4rem;
}
.femcare02 .heading_img{
  margin: auto;
  margin-bottom: 8.7rem;
}
.femcare02 .heading_ttl{
  font-size: 3rem;
  font-family: montserrat, noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #024e4d;
  text-align: center;
  line-height: 9.8rem;
  letter-spacing: 0.1em;
}
.femcare02 .heading_txt{
  font-size: 2rem;
  line-height: 4.5rem;
  letter-spacing: 0.05em;
  text-align: center;
}
/* //heading */

.femcare02 .part01_banner{
  margin-bottom: 9.7rem;
}
.femcare02 .part01_banner .banner_img{
  width: 62.2rem;
  margin: auto;
}
.femcare02 .pms_area{
  margin-bottom: 15.8rem;
  padding-top: 5.6rem;
  padding-bottom: 9.3rem;
  background-image: url(../../Contents/ImagesPkg/lp/femcare02/bgimg01_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.femcare02 .pms_area .heading_ttl{
  font-family: noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 6.6rem;
}


/* section */
.femcare02 .section{
  width: 120rem;
  background-color: white;
  margin: auto;
  padding-top: 6rem;
  padding-bottom: 3rem;
}
.femcare02 .content_ttl{
  font-size: 3rem;
  line-height: 4.2rem;
  letter-spacing: 0.1em;
  text-align: center;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #E34B25;
}
.femcare02 .content_ttl{
  margin-bottom: 5.6rem;
}

/* item */
.femcare02 .content_txt{
  font-size: 2rem;
  line-height: 2.25;
  letter-spacing: 0.05em;
}

.item_list{
  margin: auto;
  margin-bottom: 9.5rem;
  width: 70rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item_inner{
  width: 31.42rem;
}
.item_inner:nth-child(3),
.item_inner:nth-child(4){
  margin-top: 6rem;
}
.item_img{
  width: 31rem;
  border: 0.2rem solid #024e4d;
}

/* @-moz-document url-prefix() {
  .item_img {
    margin-bottom: -0.6rem;
  }
} */
.item_detail{
  display: block;
  margin-bottom: 2.5rem;
  width: 31.42rem;
  background: #024e4d;
  background-position: right 7.2rem center;
  background-repeat: no-repeat;
  background-size: 1.8rem 1.8rem;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-size: 1.8rem;
  line-height: 2.8;
  letter-spacing: 0.05em;
  font-weight: 600;
  padding: 0 0 0.5rem;
  color: #fff;
  text-align: center;
}
.detail{
    background-image: url(../../Contents/ImagesPkg/lp/femcare02/item_detail.svg);
}

.item_ttl{
  margin-bottom: 1rem;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
  text-align: center;
}

.item_txt{
  font-family: yu-gothic-pr6n,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
}

/* btn */
.all_item{
  width: 38rem;
  margin: auto;
}
.all_item a{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
  height: 7rem;
  color: #fff;
  background: #E34B25;
  white-space: nowrap;
}

.section .con_inner{
  width: 110rem;
  margin: auto;
}
/* sec02*/
.sec02 .con_inner._01{
  position: relative;
  padding-bottom: 9.5rem;
}

.sec02 .con_inner._01::before{
  position: absolute;
  content: "";
  border: 1px solid #E34B25;
  width: 110rem;
  bottom: 0;
}

.sec02 .con_inner._02{
  padding-top: 8rem;
  padding-bottom: 6rem;
}
.femcare02 .section.sec03{
  padding-bottom: 8rem;
}

.all_ckbtn{
  width: 38rem;
  margin: 9.7rem auto 0;
}
.all_ckbtn a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 9.7rem;
  border-radius: 1rem;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  background: #E34B25;
  white-space: nowrap;
}

/*=======================================
                  Tablet
========================================*/
/* for Tablet */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #main_container {
      font-size: calc(10* (100vw / 1400))!important;
  }

}


/*=======================================
                SP
========================================*/
@media only screen and (max-width: 768px) {
  .femcare02 .pc_only {
    display: none;
  }
  .femcare02 .sp {
    display: block;
  }

  #Wrap {
    padding-top: calc(69 * (100vw / 586));
  }

#main_container{
  padding-bottom: calc(100* (100vw / 750));
  background-size: 130px;
  /* background: url(../../Contents/ImagesPkg/lp/femcare02/sp_bg.jpg) no-repeat;
  background-size: cover; */
}
/* heading */
.femcare02 .heading{
  width: 100%;
  margin-bottom: calc(150* (100vw / 750));
}
.femcare02 .heading_img{
  margin-bottom: calc(110* (100vw / 750));
}
.femcare02 .heading_ttl{
  font-size: calc(44* (100vw / 750));
  line-height: calc(64* (100vw / 750));
  letter-spacing: 0.1em;
  margin-bottom: calc(67* (100vw / 750));
}
.femcare02 .heading_txt{
  font-size: calc(25* (100vw / 750));
  line-height: calc(49* (100vw / 750));
  letter-spacing: 0;
}
/* //heading */

.femcare02 .part01_banner{
  margin-bottom:calc(173* (100vw / 750));
}
.femcare02 .part01_banner .banner_img{
  width: calc(700* (100vw / 750));
}
.femcare02 .pms_area{
  margin-bottom:calc(258* (100vw / 750));
  padding-top: calc(168* (100vw / 750));
  padding-bottom: calc(178* (100vw / 750));
  background-image: url(../../Contents/ImagesPkg/lp/femcare02/bgimg01_sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.femcare02 .pms_area .heading_ttl{
  line-height: calc(64* (100vw / 750));
}

/* section */
.femcare02 .section.sec01 {
  padding-top: calc(50* (100vw / 750));
}
.femcare02 .sec01 .content_ttl{
  margin-bottom: calc(85* (100vw / 750));
}
.femcare02 .section{
  width: calc(700* (100vw / 750));
  padding-top: calc(114* (100vw / 750));
  padding-bottom: calc(30* (100vw / 750));
}
.femcare02 .content_ttl{
  font-size: calc(32* (100vw / 750));
  line-height: calc(42* (100vw / 750));
  letter-spacing: 0.05em;
}
.femcare02 .content_ttl{
  margin-bottom: calc(65* (100vw / 750));
}

/* item */
.femcare02 .content_txt{
  width: calc(650* (100vw / 750));
  font-size: calc(22* (100vw / 750));
  line-height: calc(48* (100vw / 750));
  margin: auto;
}

.item_list{
  flex-wrap: wrap;
  margin-bottom: calc(30* (100vw / 750));
  width: calc(640* (100vw / 750));
}
.item_inner{
  width: calc(301* (100vw / 750));
  margin-bottom: calc(68* (100vw / 750));
}
.item_inner:nth-child(3),
.item_inner:nth-child(4){
  margin-top: 0;
}
.item_img{
  width: calc(294* (100vw / 750));
  border: 1px solid #024e4d;
}

.item_detail{
  display: block;
  margin-bottom: calc(30* (100vw / 750));
  background-position: right calc(52* (100vw / 750)) center;
  background-size: calc(16* (100vw / 750)) calc(16* (100vw / 750));
  font-size: calc(18* (100vw / 750));
  line-height: calc(48* (100vw / 750));
  letter-spacing: 0.05em;
  padding: 0 0 calc(2* (100vw / 750)) 0;
  width: calc(298* (100vw / 750));
}
.item_ttl{
  margin-bottom: calc(26* (100vw / 750));
  font-size: calc(24* (100vw / 750));
  line-height: calc(42* (100vw / 750));
  letter-spacing: 0.05em;
}
.item_txt{
  font-size: calc(20* (100vw / 750));
  line-height: calc(31* (100vw / 750));
}


/* btn */
.all_item{
  width: calc(530* (100vw / 750));
}
.all_item a{
  border-radius: calc(10* (100vw / 750));
  font-size: calc(28* (100vw / 750));
  line-height: calc(50* (100vw / 750));
  letter-spacing: 0.05em;
  height: calc(100* (100vw / 750));
}
.section .con_inner{
  width: 100%;
}
/* sec02*/
.sec02 .con_inner._01{
  padding-bottom: calc(130* (100vw / 750));
}
.sec02 .con_inner._01::before{
  width: calc(650* (100vw / 750));
  border: 0.5px solid #E34B25;
  left: 0;
  right: 0;
  margin: auto;
}
.sec02 .con_inner._02{
  padding-top: calc(130* (100vw / 750));
  padding-bottom: calc(100* (100vw / 750));
}

.femcare02 .section.sec03{
  padding-bottom: calc(100* (100vw / 750));
}

.all_ckbtn{
  width: calc(530* (100vw / 750));
  margin: calc(115* (100vw / 750)) auto 0;
}

.all_ckbtn a{
  height: calc(150* (100vw / 750));
  border-radius: calc(10* (100vw / 750));
  font-size: calc(28* (100vw / 750));
  line-height: calc(50* (100vw / 750));
  letter-spacing: 0.05em;
}


}