@charset "UTF-8";
.sp {
  display: none!important;
}
.femcare01 img {
    width: 100%;
}
/* コンテンツ部分のみ横幅100%に調整 */
#Wrap,
.wrapBottom,
.wrapTop {
  width: 100%;
  background-color: #fffcf4;
}

#header{
  background-color: #fffcf4;
}

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

.femcare01 a:hover{
  opacity: 0.7;
}

#main_container{
  padding-bottom: 19rem;
  background-color: #fff1e6;
  font-family: noto-sans,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.femcare01 .heading{
  max-width: 100%;
  width: 140rem;
  margin: auto;
  margin-bottom: 9.4rem;
}

.femcare01 .heading_img{
  margin: auto;
  margin-bottom: 8.7rem;
}

.femcare01 .heading_ttl{
  font-size: 3rem;
  line-height: 2.9;
  font-family: montserrat, noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #024e4d;
  text-align: center;
  letter-spacing: 0.1em;
}

.femcare01 .heading_txt{
  font-size: 2rem;
  line-height: 2.25;
  letter-spacing: 0.05em;
  text-align: center;
}

.femcare01 .menu_area{
  margin-bottom: 15.8rem;
  padding-top: 4rem;
  padding-bottom: 5.8rem;
  background-image: url(../../Contents/ImagesPkg/lp/femcare01/bg_01pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.femcare01 .menu_area .heading_ttl{
  line-height: 2.8;
  letter-spacing: 0.06em;
}

.femcare01 .menu_list{
  display: flex;
  justify-content: space-between;
  width: 110rem;
  margin: auto;
  margin-top: 4rem;
}

.femcare01 .menu_btn{
  width: 23.4rem;
  padding: 1.6rem 0;
  border-radius: 1.5rem;
  background-color: #e34b25;
}

.femcare01 .menu_txt{
  font-size: 2.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: white;
}

.femcare01 .content_ttl{
  font-size: 3rem;
  line-height: 1.4333;
  letter-spacing: 0.1em;
  text-align: center;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #e34b25;
}

.femcare01 .content_txt{
  font-size: 2rem;
  line-height: 2.25;
  letter-spacing: 0.05em;
}

.femcare01 .section{
  max-width: 100%;
  width: 120rem;
  background-color: white;
  margin: auto;
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.femcare01 .padding{
  padding: 0 5rem;
}

.femcare01 .list_ttl{
  margin-bottom: 4.1rem;
  font-size: 5rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: montserrat, noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #024e4d;
}

.femcare01 .list_ttl .ttl02{
  font-size: 3.5rem;
  line-height: 1.7714;
  letter-spacing: 0.01em;
  margin-left: 5.3rem;
}

.femcare01 .point_ttl{
  width: 39.2rem;
  margin: auto;
  margin-bottom: 2.5rem;
}

.sec01 .content_ttl{
  margin-bottom: 5.6rem;
}

.item_list{
  margin: auto;
  margin-bottom: 9.5rem;
  width: 110rem;
  display: flex;
  justify-content: space-between;
}

.item_inner{
  width: 31.42rem;
}

.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/femcare01/item_detail.svg);
  }

.item_ttl{
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.75;
  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: 1.8235;
  letter-spacing: 0.05em;
}

.femcare01 .annotation{
  font-size: 1.4rem;
}


.all_item{
  width: 37.72rem;
  margin: auto;
}


.femcare01 .section.sec01{
  margin-bottom: 10rem;
}

.sec01 .content_ttl:nth-of-type(2){
  margin-bottom: 5rem;
}

.sec01 .pie_chart{
  width: 37.17rem;
  margin: auto;
  margin-bottom: 2.8rem;
}

.sec01 .pie_chart_txt{
  width: 39rem;
  margin: auto;
  margin-bottom: 7.7rem;
}

.sec01 .question_img{
  width: 100%;
  margin: auto;
}

.sec02 .content_ttl{
  margin-bottom: 3.2rem;
}

.sec02 .content_ttl.ttl02{
  margin-bottom: 4.8rem;
}

.sec02 .content_txt.txtmb{
  margin-bottom: 7rem;
}

.sec02 .content_list{
  margin: auto;
  margin-top: 9.3rem;
  margin-bottom: 10.5rem;
  width: 110rem;
  display: flex;
  justify-content: space-between;
}

.sec02 .content_img{
  width: 44.4rem;
}

.sec02 .content_list .content_txt{
  /*width: 58.31rem;*/
  width: 100%;
}

.sec02 .content_ttl:nth-of-type(2){
  margin-bottom: 4.8rem;
  margin-top: 7rem;
}

.femcare01 .section.sec03{
  margin-bottom: 10rem;
  padding-bottom: 13rem;
}

.sec03 .content_ttl{
  margin-top: 7rem;
  margin-bottom: 4.7rem;
}

.sec03 .content_list{
  margin: auto;
  margin-top: 1.3rem;
  margin-bottom: 10.5rem;
  width: 110rem;
  display: flex;
  justify-content: space-between;
}

.sec03 .content_img{
  width: 44.4rem;
}

.sec03 .content_list .content_txt{
  /*width: 58.31rem;*/
  width: 100%;
}

.femcare01 .sec03 .list_ttl .ttl02{
  font-size: 3.5rem;
  line-height: 1.7714;
  letter-spacing: 0.01em;
  margin-left: 4.3rem;
}

.femcare01 .section.sec04{
  margin-bottom: 10rem;
  padding-bottom: 8.4rem;
}

.sec04 .content_ttl{
  margin-bottom: 3rem;
}

.sec04 .content_txt{
  margin-bottom: 4.8rem;
}

.femcare01 .section.sec05{
  padding-bottom: 5.8rem;
  padding-top: 6.5rem;
}

.sec05 .content_ttl{
  margin-bottom: 5.6rem;
}

.sec05 .model_area{
  margin: auto;
  width: 104rem;
  display: flex;
  justify-content: space-between;
}

.sec05 .model_img{
  width: 30rem;
}

.sec05 .model_txt{
  width: 66.27rem;
  font-size: 2rem;
  line-height: 2.25;
  letter-spacing: 0.05em;
}

.sec05 .model_name{
  margin-top: 0.6rem;
  font-size: 2.5rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.sec05 .model_task{
  margin-bottom: -3.6rem;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/************************
SPデバイス調整
************************/
@media only screen and (max-width: 768px) {
  .sp {
    display: block!important;
  }

  .pc {
    display: none!important;
  }

  /* common */
#Wrap {
    padding-top: 0;
}


#share {
  z-index: 10!important;
}

#main_container{
  padding-bottom: 19rem;
  background-color: #fff1e6;
  font-family: noto-sans,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.femcare01 .heading{
  width: 100%;
  margin: auto;
  margin-bottom: calc(60* (100vw / 750));
}

.femcare01 .heading_img{
  margin: auto;
  margin-bottom: calc(110* (100vw / 750));
}

.femcare01 .heading_ttl{
  font-size: calc(46* (100vw / 750));
  line-height: 1.325;
  letter-spacing: 0.075em;
  margin-bottom: calc(67* (100vw / 750));
}

.femcare01 .menu_area .heading_ttl{
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: calc(56* (100vw / 750));
}

.femcare01 .heading_txt{
  font-size: calc(24* (100vw / 750));
  line-height: 2.03;
  letter-spacing: 0.05em;
  text-align: center;
}

.femcare01 .menu_area{
  margin-bottom: calc(118* (100vw / 750));
  padding-top: calc(156* (100vw / 750));
  padding-bottom: calc(216* (100vw / 750));
  background-image: url(../../Contents/ImagesPkg/lp/femcare01/bg_01sp.jpg);
}

.femcare01 .menu_list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(630* (100vw / 750));
  margin: auto;
  margin-top: calc(36* (100vw / 750));
}

.femcare01 .menu_btn{
  width: calc(295* (100vw / 750));
  padding: calc(53* (100vw / 750)) 0;
  border-radius: 3rem;
  margin-bottom: calc(40* (100vw / 750));
}

.femcare01 .menu_txt{
  font-size: calc(37* (100vw / 750));
  line-height: 1.0945;
  text-align: center;
  color: white;
}

.femcare01 .content_ttl{
  font-size: calc(32* (100vw / 750));
  line-height: 1.34375;
  letter-spacing: 0.05em;
  text-align: center;
  font-family: noto-sans-cjk-jp,sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #e34b25;
}

.femcare01 .content_txt{
  width: calc(626* (100vw / 750));
  font-size: calc(22* (100vw / 750));
  line-height: 2.22727;
  margin: auto;
}

.femcare01 .section{
  width: calc(700* (100vw / 750));
  background-color: white;
  margin: auto;
  padding-top: calc(114* (100vw / 750));
  padding-bottom: calc(90* (100vw / 750));
}

.femcare01 .padding{
  padding: 0 calc(14* (100vw / 750));
}

.femcare01 .list_ttl{
  margin-bottom: calc(16* (100vw / 750));
  font-size: calc(67* (100vw / 750));
  line-height: 1.5074;
  color: #024e4d;
  text-align: center;
}

.femcare01 .list_ttl .ttl02{
  font-size: calc(48* (100vw / 750));
  line-height: 1.75;
  letter-spacing: 0.01em;
  margin-left: calc(70* (100vw / 750));
}

.femcare01 .point_ttl{
  width: calc(640* (100vw / 750));
  margin: auto;
  margin-bottom: calc(70* (100vw / 750));
}

.section .content_list .content_img{
  order: 1;
}

.section .content_list .content_txt{
  order: 2;
}

.sec01 .content_ttl{
  margin-bottom: calc(84* (100vw / 750));
}

.item_list{
  margin: auto;
  margin-bottom: calc(30* (100vw / 750));
  width: calc(640* (100vw / 750));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item_inner{
  width: calc(301.7* (100vw / 750));
  margin-bottom: calc(68* (100vw / 750));
}

.item_img{
  width: calc(294* (100vw / 750));
  border: calc(4* (100vw / 750)) solid #024e4d;
}

@-moz-document url-prefix() {
  .item_img {
    margin-bottom: calc(-10* (100vw / 750));
  }
}

.item_detail{
  background-position: right calc(52* (100vw / 750)) center;
  background-size: calc(16* (100vw / 750)) calc(16* (100vw / 750));
  margin-bottom: calc(30* (100vw / 750));
  padding-bottom: calc(2* (100vw / 750));
  width: calc(301.4* (100vw / 750));
  font-size: calc(18* (100vw / 750));
  line-height: 3;
}

.item_ttl{
  margin-bottom: calc(26* (100vw / 750));
  font-size: calc(24* (100vw / 750));
  text-align: center;
}

.item_txt{
  font-family: yu-gothic-pr6n,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20* (100vw / 750));
  line-height: 1.55;
}

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

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

.femcare01 .section.sec01{
  margin-bottom: calc(98* (100vw / 750));
}

.sec01 .content_ttl:nth-of-type(2){
  margin-bottom: calc(56* (100vw / 750));
}

.sec01 .pie_chart{
  width: calc(476* (100vw / 750));
  margin: auto;
  margin-bottom: calc(64* (100vw / 750));
}

.sec01 .pie_chart_txt{
  width: calc(574* (100vw / 750));
  margin: auto;
  margin-bottom: calc(112* (100vw / 750));
}

.sec01 .question_img{
  width: 100%;
  margin: auto;
}

.femcare01 .section.sec02{
  padding-bottom: calc(108* (100vw / 750));
  margin-bottom: calc(100* (100vw / 750));
}

.sec02 .content_ttl{
  margin-bottom: calc(64* (100vw / 750));
}

.sec02 .content_ttl:nth-of-type(2){
  margin-bottom: calc(56* (100vw / 750));
  margin-top: 0;
}

.sec02 .content_list{
  margin: auto;
  margin-top: calc(164* (100vw / 750));
  margin-bottom: calc(98* (100vw / 750));
  width: calc(583* (100vw / 750));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sec02 .content_img{
  width: calc(500* (100vw / 750));
  margin: auto;
  margin-bottom: calc(56* (100vw / 750));
}

.sec02 .content_list .content_txt{
  width: calc(583* (100vw / 750));
}

.sec02 .content_ttl:nth-of-type(3){
  font-size: calc(42* (100vw / 750));
  margin-bottom: calc(90* (100vw / 750));
  margin-top: calc(84* (100vw / 750));
}

.femcare01 .section.sec03{
  margin-bottom: calc(106* (100vw / 750));
  padding-bottom: calc(114* (100vw / 750));
}

.sec03 .content_ttl{
  font-size: calc(42* (100vw / 750));
  margin-top: calc(86* (100vw / 750));
  margin-bottom: calc(92* (100vw / 750));
}

.sec03 .content_list{
  margin: auto;
  margin-top: calc(13* (100vw / 750));
  margin-bottom: calc(100* (100vw / 750));
  width: calc(583* (100vw / 750));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sec03 .content_img{
  width: calc(500* (100vw / 750));
  margin: auto;
  margin-top: calc(60* (100vw / 750));
  margin-bottom: calc(56* (100vw / 750));
}

.sec03 .content_list .content_txt{
  width: calc(583* (100vw / 750));
}

.femcare01 .sec03 .list_ttl .ttl02{
  font-size: calc(48* (100vw / 750));
  line-height: 1.75;
  letter-spacing: 0.01em;
  margin-left: calc(58* (100vw / 750));
}

.femcare01 .section.sec05{
  padding-bottom: calc(110* (100vw / 750));
  padding-top: calc(114* (100vw / 750));
}

.sec05 .content_ttl{
  margin-bottom: calc(48* (100vw / 750));
}

.sec05 .model_area{
  margin: auto;
  width: calc(592* (100vw / 750));
  display: flex;
  flex-direction: column;
  justify-content: normal;
}

.sec05 .model_img{
  width: calc(358* (100vw / 750));
  margin: auto;
}

.sec05 .model_txt{
  width: calc(592* (100vw / 750));
  font-size: calc(22* (100vw / 750));
  line-height: 2.227272;
}

.sec05 .model_name{
  margin-top: calc(58* (100vw / 750));
  font-size: calc(33* (100vw / 750));
  line-height: 1.484848;
  letter-spacing: 0.05em;
}

.sec05 .model_task{
  margin-bottom: calc(-36* (100vw / 750));
  font-size: calc(22* (100vw / 750));
  line-height: 1.1;
  letter-spacing: 0.05em;
}

}

/* for Tablet */
@media screen and (min-width: 768px) and (max-width: 1500px) {

  /*=======================================
                  Tablet
========================================*/
  /* ===================
　　 General
=================== */
  #main_container {
      font-size: calc(10* (100vw / 1500))!important;
  }

  * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

}