@charset "UTF-8";

/* --------------------------------------------------------------
   共通
-------------------------------------------------------------- */
a {
  color: #000;
}

.container {
  width: 7.48rem;
  margin: 0 auto;
}

#phcl_202604 h1 {
  margin: 0px;
}

#phcl_202604 .rel {
  position: relative;
}

#phcl_202604 .abs {
  position: absolute;
}

#phcl_202604 img {
  display: block;
  height: auto;
}

#header,
.block-benefits,
.pane-footer {
  display:none;
}
.pane-main {
  padding: 0;
}

/*  ----------------------------------------------------------------------------- */
/* ルートフォントサイズ設定 ---------- */
/* PC用設定 */
html {
  font-size: 100px;
}

body {
  min-width: auto;
}

@media screen and (max-width: 828px) {
  html {
    font-size: 12.07vw;
  }
}

#chatplusview,
chat {
  display: none !important;
}

#phcl_202604 {
  max-width: 828px;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  z-index: 2;
  font-family: "Yu Gothic Medium",
    "游ゴシック Medium",
    YuGothic,
    "游ゴシック体",
    "ヒラギノ角ゴ Pro W3",
    "メイリオ",
    sans-serif;
  /*アニメーション後*/
  /*アニメーション後*/
}

@media screen and (max-width: 828px) {
  #phcl_202604 {
    font-size: 12vw;
  }
}

#phcl_202604 .cmn_btn01 .btn_anim {
  display: block;
  position: relative;
  overflow: hidden;
}

#phcl_202604 .cmn_btn01 .btn_anim::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -1.8rem;
  left: 0;
  width: 30px;
  height: 1.23rem;
  background-color: #fff;
  -webkit-animation: btn_anim 3s ease-in-out infinite;
  animation: btn_anim 3s ease-in-out infinite;
}

@media screen and (max-width: 768px) {
  #phcl_202604 .cmn_btn01 .btn_anim {
    width: 100%;
  }
}

@-webkit-keyframes btn_anim {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

#phcl_202604 .marker {
  padding: 0 .05rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcffb), to(#ffcffb));
  background-image: -webkit-linear-gradient(#ffcffb, #ffcffb);
  background-image: linear-gradient(#ffcffb, #ffcffb);
  background-size: 0 100%;
  /*幅をゼロにしておく*/
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: .8s;
  transition: .8s;
}

#phcl_202604 .marker.active {
  background-size: 100% 50%;
  /*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}

#phcl_202604 .marker02 {
  padding: 0 .05rem;
  background-size: 0 20%;
  /*幅をゼロにしておく*/
  background-position: left bottom;
  background-repeat: no-repeat;
  -webkit-transition: .8s;
  transition: .8s;
}

#phcl_202604 .marker02.active {
  background-size: 100% 20%;
  /*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}



/* MV ---------- */
#phcl_202604 .mv {
  position: relative;
}
#phcl_202604 .mv h1 img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#phcl_202604 .mv .txt {
  width: 63.406%;
  position: absolute;
  left: 5%;
  top: 27.5%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: .7s cubic-bezier(0.25, 1, 0.5, 1);
  transition: .7s cubic-bezier(0.25, 1, 0.5, 1);
  transition-property: opacity, transform;
  -webkit-transition-property: opacity, transform;
}

#phcl_202604 .mv .zoom_item_load.show {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

#phcl_202604 .mv .lists {
  position: absolute;
  top: 57%;
  left: 1%;
}
#phcl_202604 .mv .lists li {
  display: inline-block;
  transform: translateY(20px);
  -webkit-transition: 1.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: 1.5s cubic-bezier(0.25, 1, 0.5, 1);
  opacity: 0;
}
#phcl_202604 .mv .lists.show li {
  transform: translateY(0);
  opacity: 1;
  transition-delay: .4s;
}
#phcl_202604 .mv .lists.show li:nth-child(2) {
  transition-delay: .6s;
}
#phcl_202604 .mv .lists.show li:nth-child(3) {
  transition-delay: .8s;
}
#phcl_202604 .mv .lists > li:first-child {
  text-align: center;
  display: block;
  margin-bottom: -11%;
}
#phcl_202604 .mv .lists > li:nth-child(2) {
  margin-left: 3%;
}
#phcl_202604 .mv .lists > li:nth-child(3) {
  margin-left: -6%;
}
#phcl_202604 .mv .lists li img {
  margin: auto;
  max-width: 204px;
}
@media screen and (max-width: 828px) {
  #phcl_202604 .mv .lists {
    left: 0;
  }
  #phcl_202604 .mv .lists > li:nth-child(2) {
    margin-left: 6%;
  }
  #phcl_202604 .mv .lists > li:nth-child(3) {
    margin-left: -12%;
  }
  #phcl_202604 .mv .lists li img {
    width: 24.637vw;
  }
}


/* sec01 ---------- */
#phcl_202604 .sec01 .check {
  top: -1%;
  left: 51%;
  transform: translateX(-50%);
  width: 97.103%;
  z-index: 3;
}

#phcl_202604 .sec01 .txt {
  font-size: .3rem;
  text-align: center;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .04em;
  top: 68%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

#phcl_202604 .sec01 .txt .desc .fs01 {
  margin-left: .08rem;
  font-size: .36rem;
}

#phcl_202604 .sec01 .txt .desc:not(:last-of-type) {
  margin: 0.1rem auto .3rem;
}

#phcl_202604 .sec01 .txt .desc:nth-of-type(2) {
  margin-bottom: .17rem;
}

#phcl_202604 .sec01 .txt .desc .marker {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff4d1), to(#fff4d1));
  background-image: -webkit-linear-gradient(#fff4d1, #fff4d1);
  background-image: linear-gradient(#fff4d1, #fff4d1);
}

#phcl_202604 .sec01 .txt .desc .marker img {
  width: 2.8rem;
  display: inline-block;
}

#phcl_202604 .sec01 .txt .desc .marker.active {
  background-size: 100% 100%;
}

#phcl_202604 .sec01 .sec01_cv {
  top: -2%;
  left: 50%;
  transform: translateX(-50%);
  width: 95.6523%;
}
#phcl_202604 .sec01 .sec01_cv a {
    bottom: 14%;
    z-index: 4;
    display: block;
    left: 50.7%;
    transform: translateX(-50%);
    width: 87.88%;
}

#phcl_202604 .sec01 .sec01_anc {
  top: 66%;
  left: 50.5%;
  transform: translateX(-50%);
  width: 94%;
  z-index: 4;
  display: block;

}


/* sec02 ---------- */
#phcl_202604 .sec02 {
  background-color: #ffe8ed;
}
#phcl_202604 .sec02_voice {
  position: relative;
  width: 79.76%;
}
#phcl_202604 .sec02_voice.white {
  margin-left: 20.25%;
}

#phcl_202604 .sec02_voice .txt {
  font-size: .3rem;
  font-feature-settings: "palt";
  letter-spacing: .02rem;
  line-height: 1.6;
}
#phcl_202604 .sec02_voice.pink .txt {
  background-color: rgba(255, 147, 178, 0.6);
  border-radius: 0 20px 20px 0;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(251, 105, 148, 0.7);
}
#phcl_202604 .sec02_voice.white .txt {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 20px 0 0 20px;
}
#phcl_202604 .sec02_voice .icon {
  background-color: #ff6994;
  border-radius: 99px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
#phcl_202604 .sec02_voice span {
  color: #fff;
  font-size: .34rem;  line-height: 1.2;
  text-align: center;
}
#phcl_202604 .sec02_voice span small {
  font-size: .8em;
  display: block;
}

#phcl_202604 .sec02_voice.voice01 {
  margin-bottom: 22px;
}
#phcl_202604 .sec02_voice.voice01 .txt {
  padding: .4rem .5rem .4rem .8rem;
}
#phcl_202604 .sec02_voice.voice01 .icon {
  right: -1.1rem;
}
#phcl_202604 .sec02_voice.voice02 {
  margin-bottom: -.2rem;
  z-index: 3;
  position: relative;
  width: 73.7%;
  margin-left: 26.3%;
}
#phcl_202604 .sec02_voice.voice02 .txt {
  padding: .4rem .4rem .4rem .6rem;
}
#phcl_202604 .sec02_voice.voice02 .icon {
  left: -1.1rem;
}
#phcl_202604 .sec02_voice.voice03 {
  margin-bottom: .4rem;
  width: 73.7%;
  margin-right: 26.3%;
}
#phcl_202604 .sec02_voice.voice03 .txt {
  padding: .4rem;
}
#phcl_202604 .sec02_voice.voice03 .icon {
  right: -1.2rem;
  top: 60%;
}
#phcl_202604 .sec02_voice.voice04 {
  width: 78.5%;
  margin-left: 22.5%;
}
#phcl_202604 .sec02_voice.voice04 .txt {
  padding: .4rem .4rem .4rem .9rem;
}
#phcl_202604 .sec02_voice.voice04 .icon {
  left: -.9rem;
}
@media screen and (max-width: 828px) {
  #phcl_202604 .sec02_voice.pink .txt {
    border-radius: 0 2.415vw 2.415vw 0;
  }
  #phcl_202604 .sec02_voice.white .txt {
    border-radius: 2.415vw 0 0 2.415vw;
  }
}


/* sec03 ---------- */
#phcl_202604 .sec03 {
  padding: 1.15rem 0 .6rem;
  position: relative;
  text-align: center;
  background-color: #ffe1ea;
}

#phcl_202604 .sec03::before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}

#phcl_202604 .sec03::before {
  top: 0;
  height: 100%;
  background-image: url(../img/sec03/bg_before.png);
  background-size: 100% auto;
}

#phcl_202604 .sec03 .tit {
  margin-bottom: .3rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

#phcl_202604 .sec03 .tit img {
  width: 64.493%;
  margin: auto;
}

#phcl_202604 .sec03 .wrap {
  position: relative;
  z-index: 1;
}

#phcl_202604 .sec03 .bg01 {
  padding-bottom: .6rem;
  background-color: #ffe1ea;
}

#phcl_202604 .sec03 .bg02 {
  padding: .6rem .4rem .6rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/sec03/conts02_bg.jpg);
}

#phcl_202604 .sec03 .bg03 {
  padding: .6rem .4rem 2.1rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../img/sec03/conts03_bg.png);
}

#phcl_202604 .sec03 .bg03::after {
  content: "";
  width: 1.32rem;
  height: .68rem;
  position: absolute;
  bottom: auto;
  left: .96rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/sec03/conts03_bg_add.png);
}

#phcl_202604 .sec03 .bg03::before {
  content: "";
  width: 7.41rem;
  height: 1.33rem;
  position: absolute;
  bottom: .34rem;
  left: .5rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/sec03/after_txt.png);
}

#phcl_202604 .sec03 .list_tit {
  margin-right: -.75rem;
  margin-bottom: 0;
}

#phcl_202604 .sec03 .list_tit img {
  width: 7.44rem;
}

#phcl_202604 .sec03 .list_tit02 {
  padding-bottom: .25rem;
  margin-bottom: .25rem;
  border-bottom: .05rem solid #ffd2df;
  line-height: 0;
}

#phcl_202604 .sec03 .list_tit02 .clt01 {
  width: 6.36rem;
  margin: auto;
}

#phcl_202604 .sec03 .list_tit02 .clt03 {
  width: 5.71rem;
  margin: auto;
}

#phcl_202604 .sec03 .list_tit02 .clt04 {
  width: 4.08rem;
  margin: auto;
}

#phcl_202604 .sec03 .list_tit02 .clt05 {
  width: 4.87rem;
  margin: auto;
}

#phcl_202604 .sec03 .list_tit02.nm {
  margin-top: -.45rem;
}

#phcl_202604 .sec03 .txt01 {
  line-height: 1.6;
  font-size: .3rem;
  text-align: left;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .03em;
  text-align: justify;
}

#phcl_202604 .sec03 .conts {
  padding: .4rem .4rem .5rem;
  border-radius: .16rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0.05rem 0.15rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0.05rem 0.15rem;
  background-color: #fff;
}

#phcl_202604 .sec03 .conts01 .conts {
  padding: .35rem 0 .5rem;
}

#phcl_202604 .sec03 .conts01 .wrap02 {
  padding: 0 .4rem;
}

#phcl_202604 .sec03 .conts01 .txt01 .strong {
  position: relative;
  color: #ff6994;
}

#phcl_202604 .sec03 .conts01 .txt01 .strong::after {
  content: "";
  width: 1.63rem;
  height: .05rem;
  position: absolute;
  bottom: -.04rem;
  left: calc(50% - .815rem);
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/sec03/txt_add.png);
}

#phcl_202604 .sec03 .conts01 video {
  width: 100%;
  height: auto;
  margin: .2rem 0 .3rem;
  display: block;
}

#phcl_202604 .sec03 .conts01 .balloon {
  margin-top: .2rem;
  padding: .35rem .3rem .3rem .4rem;
  line-height: 1.7;
  font-size: .26rem;
  border-radius: .15rem;
  color: #2cadd5;
  background-color: #eafaff;
  position: relative;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .04em;
  font-weight: 500;
  text-align: center;
}

#phcl_202604 .sec03 .conts01 .balloon::after {
  content: "";
  width: .29rem;
  height: .25rem;
  position: absolute;
  top: -.24rem;
  left: calc(50% - .145rem);
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/sec03/arrow.png);
}

#phcl_202604 .sec03 .conts01 .inner {
  padding: .4rem 0 .2rem;
  margin-top: .6rem;
  background-color: #fffcf3;
}

#phcl_202604 .sec03 .conts01 .inner .inner_tit {
  margin-right: -0.78rem;
}

#phcl_202604 .sec03 .conts01 .inner .inner_tit img {
  width: 7.53rem;
  margin: auto;
}

#phcl_202604 .sec03 .conts01 .inner .inner_wrap {
  padding: 0 .4rem;
}

#phcl_202604 .sec03 .conts01 .inner .txt {
  font-size: .3rem;
  line-height: 1.6;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .03em;
}

#phcl_202604 .sec03 .conts01 .inner .txt .desc01 {
  letter-spacing: .04em;
}
#phcl_202604 .sec03 .conts01 .inner .txt.desc02 {
  position: relative;
}
#phcl_202604 .sec03 .conts01 .inner .txt.desc02::after {
  content: "";
  width: 90%;
  height: 3.2rem;
  display: block;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../img/sec03/conts01_img02.png);
}

#phcl_202604 .sec03 .conts01 .inner .txt.desc02 p {
  position: absolute;
  top: 19%;
  right: 0;
  text-align: center;
}

#phcl_202604 .sec03 .conts01 .inner .img {
  margin: .17rem 0 0;
}

#phcl_202604 .sec03 .conts01 .inner .img img {
  width: 6.69rem;
}

#phcl_202604 .sec03 .conts01 .wrap03 {
  margin-top: .43rem;
  padding: 0 .4rem 0 .4rem;
}

#phcl_202604 .sec03 .conts01 .wrap03 .img02 {
  margin: .23rem -.18rem 0 -.18rem;
}

#phcl_202604 .sec03 .conts01 .wrap03 .img02 img {
  width: 6.88rem;
}

#phcl_202604 .sec03 .conts01 .wrap03 .txt {
  margin-top: -.12rem;
}

#phcl_202604 .sec03 .conts01 .wrap03 .txt .desc {
  margin: .26rem 0 .05rem;
  font-size: .3rem;
  line-height: 1.6;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

#phcl_202604 .sec03 .conts01 .wrap03 .txt .desc .d01 {
  letter-spacing: .089em;
}

#phcl_202604 .sec03 .conts01 .wrap03 .txt .desc .d02 {
  letter-spacing: .04em;
}

#phcl_202604 .sec03 .conts01 .wrap03 .txt .desc .notes {
  letter-spacing: .04em;
  display: block;
  font-size: .2rem;
}

#phcl_202604 .sec03 .conts02 .conts {
  padding: .4rem .4rem .6rem;
}

#phcl_202604 .sec03 .conts02 .img03 {
  margin-top: .4rem;
}

#phcl_202604 .sec03 .conts02 .img03 img {
  width: 6.73rem;
}

#phcl_202604 .sec03 .conts03 .conts {
  padding: .4rem .4rem .4rem;
}

#phcl_202604 .sec03 .conts03 .lists {
  margin: .4rem 0 .62rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#phcl_202604 .sec03 .conts03 .lists li {
  box-shadow: 5px 5px 15px #00000014;
  border-radius: 50%;
  overflow: hidden;
}
#phcl_202604 .sec03 .conts03 .lists li img {
  width: 1.55rem;
}

#phcl_202604 .sec03 .conts03 .img_sec {
  padding: .35rem 0 0;
  line-height: 0;
  position: relative;
  background-color: #f8f9f9;
}

#phcl_202604 .sec03 .conts03 .img_sec .img_sec_tit {
  position: absolute;
  top: -.23rem;
  left: 50%;
  transform: translateX(-50%);
}

#phcl_202604 .sec03 .conts03 .img_sec .img_sec_tit img {
  width: 3.33rem;
}

#phcl_202604 .sec03 .conts03 .notes {
  margin: .15rem 0 .7rem;
  font-size: .2rem;
  line-height: 1.5;
  text-align: left;
}

#phcl_202604 .sec03 .conts03 .img04 {
  margin: .3rem 0 0;
}

#phcl_202604 .sec03 .conts03 .img04 img {
  width: 6.77rem;
}

#phcl_202604 .sec03 .conts03 .txt01 {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .03em;
}

#phcl_202604 .sec03 .item {
  margin-top: -.6rem;
}
#phcl_202604 .sec03 .item .abs {
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
  width: 79.712%;
  transition: 1s cubic-bezier(0.25, 1, 0.5, 1);
  opacity: 0;
}
#phcl_202604 .sec03 .item .abs.show {
  top: 22%;
  opacity: 1;
}
@media screen and (max-width: 828px) {
   #phcl_202604 .sec03 .conts01 .inner .txt.desc02 p {
    font-size: .28rem;
   }
}


/* cta02 ---------- */
#phcl_202604 .cta02 {
  position: relative;
  background-color: #e9fafe;
  padding-bottom: 0.7rem;
}

#phcl_202604 .cta02::before,
#phcl_202604 .cta02::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#phcl_202604 .cta02::before {
  position: absolute;
  left: 0;
  top: -.7rem;
  background-image: url(../img/cta/bg_before.png);
}

#phcl_202604 .cta02::after {
  display: block;
  bottom: -.64rem;
  background-image: url(../img/cta/bg_after.png);
}
#phcl_202604 .cta02 .rel {
  z-index: 3;
  text-align: center;
}
#phcl_202604 .cta02 .tit {
  margin: 0 auto;
  text-align: center;
}
#phcl_202604 .cta02 .tit img {
  margin: 0 auto;
  width: 97.707%;
}
#phcl_202604 .cta02 .bg01 > img {
  width: 95.411%;
  margin: auto;
  transform: translateX(1.3%);
}
#phcl_202604 .cta02 .bg01 .cmn_btn01 {
  top: 82.5%;
  left: 51%;
  transform: translateX(-50%);
  width: 85%;
}
#phcl_202604 .cta02 .bg02 {
  margin-top: -.2rem;
}
#phcl_202604 .cta02 .bg02 img {
  width: 95.411%;
  margin: auto;
}
#phcl_202604 .cta02 .bg02 .cmn_btn02 {
  top: 60%;
  left: 50.7%;
  transform: translateX(-50%);
  width: 100%;
}
#phcl_202604 .cta02 .bg02 .cmn_btn02 a {
  display: inline-block;
  line-height: 1;
  width: 87.88%;
}


/* cta03 ---------- */
#phcl_202604 .cta03 .tit {
  margin: 0 auto;
  text-align: center;
}
#phcl_202604 .cta03 .cmn_btn {
  width: 55.2%;
}
#phcl_202604 .cta03 .bg03 .cmn_btn {
  bottom: -2%;
  left: 3.4%;
}
#phcl_202604 .cta03 .bg04 .cmn_btn {
  bottom: -2%;
  right: 3.4%;
}
#phcl_202604 .cta03 .bg05 .cmn_btn {
  bottom: -2%;
  left: 3.4%;
}
#phcl_202604 .cta03 .bg06 .cmn_btn {
  bottom: 10%;
  right: 3.4%;
}
#phcl_202604 .cta03 .bg07 .zoom_item {
  top: -2%;
  left: 50%;
  transform: translateX(-50%) scale(.5);
  width: 85.992%;
  opacity: 0;
  transition: .8s cubic-bezier(0.25, 1, 0.5, 1);
}
#phcl_202604 .cta03 .bg07 .zoom_item.show {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  transition-delay: .2s;
}
#phcl_202604 .cta03 .bg07 .txt {
  top: 38%;
  left: 10%;
}
#phcl_202604 .cta03 .bg07 .txt .desc01 {
  font-size: .37rem;
  font-feature-settings: "palt";
  line-height: 1.6;
  color: #ff6994;
  margin-bottom: .2rem;
}
#phcl_202604 .cta03 .bg07 .txt .desc01 .marker {
  font-size: 1.2em;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdf2cf), to(#fdf2cf));
  background-image: -webkit-linear-gradient(#fdf2cf, #fdf2cf);
  background-image: linear-gradient(#fdf2cf, #fdf2cf);
  background-size: 0 70%;
  background-position: 0 100%

}
#phcl_202604 .cta03 .bg07 .txt .desc01 .marker.active {
  transition-delay: .5s;
  background-size: 100% 70%;
  background-position: 0 100%
}

#phcl_202604 .cta03 .bg07 .txt .desc02 {
  font-size: .28rem;
  line-height: 1.4;
}

#phcl_202604 .cta_after .bg08 {
  background-color: #fff7d7;
  padding: .4rem 0;
  text-align: center;
}
#phcl_202604 .cta_after .bg08 > img {
  width: 95.411%;
  margin: auto;
  transform: translateX(1.3%);
}
#phcl_202604 .cta_after .bg08 .cmn_btn {
  top: 80.5%;
  left: 51%;
  transform: translateX(-50%);
  width: 85%;
}



#phcl_202604 .sec08 {
  padding: .84rem 0 .75rem;
  background-color: #f1f1f1;
}

#phcl_202604 .sec08 .tit {
  margin: 0 0 .7rem;
  text-align: center;
  font-size: .56rem;
  color: #ff6994;
  letter-spacing: .04em;
  font-family: "Yu Gothic Medium",
    "游ゴシック Medium",
    YuGothic,
    "游ゴシック体",
    "ヒラギノ角ゴ Pro W3",
    "メイリオ",
    sans-serif;
}

#phcl_202604 .sec08 .lists dt,
#phcl_202604 .sec08 .lists dd {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .03em;
}

#phcl_202604 .sec08 .lists dt {
  font-weight: 700;
  font-size: .26rem;
}

#phcl_202604 .sec08 .lists dt:first-of-type {
  font-weight: 400;
  font-size: .24rem;
}

#phcl_202604 .sec08 .lists .mt {
  margin-top: -.1rem;
}

#phcl_202604 .sec08 .lists dd {
  margin-top: -.05rem;
  font-weight: 400;
  font-size: .24rem;
  line-height: 1.58;
  letter-spacing: .02em;
  text-align: justify;
}

#phcl_202604 .sec08 .lists dd:first-of-type {
  font-weight: 700;
  font-size: .26rem;
}

#phcl_202604 .sec08 .lists dd:not(:last-of-type) {
  margin-bottom: .34rem;
}

#phcl_202604 .sec08 .lists dd ul li {
  padding-left: 1em;
  position: relative;
}

#phcl_202604 .sec08 .lists dd ul li::before {
  content: "・";
  position: absolute;
  left: 0;
}

#phcl_202604 .sec08 .lists .mb {
  margin-bottom: .3rem;
}

#phcl_202604 .sec08 .lists .ls {
  letter-spacing: .045em;
}

#phcl_202604 .sec08 .lists01 {
  padding-bottom: .54rem;
  margin-bottom: .56rem;
  border-bottom: dotted .02rem #78828b;
}

#phcl_202604 .footer {
  padding: 0 0 0.5rem;
  line-height: 0;
}

#phcl_202604 .footer .logo {
  margin-bottom: .1rem;
}

#phcl_202604 .footer .logo img {
  width: 100%;
}

#phcl_202604 .footer dl {
  text-align: center;
  letter-spacing: .03em;
}

#phcl_202604 .footer dl dt,
#phcl_202604 .footer dl dd {
  font-size: .17rem;
  line-height: 1.5;
}

#phcl_202604 .fixed_bnr_area {
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 100;
}

@media screen and (min-width: 1460px) {
  #phcl_202604 .fixed_bnr_area {
    display: block;
    position: fixed;
    bottom: 0;
    left: calc(50% - -4.3rem);
    z-index: 100;
    width: 2.82rem;
  }
}

@media screen and (max-width: 1461px) {
  #phcl_202604 .fixed_bnr_area {
    display: block;
    position: fixed;
    bottom: 0;
    left: auto;
    right: 0;
    z-index: 100;
    width: 2.82rem;
  }
}

@media screen and (max-width: 828px) {
  #phcl_202604 .fixed_bnr_area {
    width: 100%;
    bottom: 0;
    right: auto;
    left: 0;
  }

  #phcl_202604 .footer {
    padding: 0 0 1.7rem;
  }
}