@charset "UTF-8";
:root {
  --fontBase: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS  PGothic", sans-serif;
  --fontSen: "senobi-gothic", sans-serif;
  --color_brown: #7c5050;
  --color_brown2: #886663;
  --color_pink: #ff678b;
  --color_yellow: #fff9bc;
  --color_bg-yellow: #fffae8;
  --color_bg-blue: #e6eff5;
  --color_bg-gray: #f7f7f6;
  --color_bg-gray2: #f5f5f5;
  --color_bg-pink: #ffeef1;
}

/* ==================================
common
================================== */
.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.title-md {
  display: flex;
  align-items: center;
  gap: 1.7rem;
  font-weight: 700;
  font-size: 2.4rem;
  color: #966561;
}
.title-md:before, .title-md:after {
  content: "";
  width: 0.1rem;
  height: 2.8rem;
  background: #966561;
  flex-shrink: 0;
}
.title-md:before {
  transform: rotate(-30deg);
}
.title-md:after {
  transform: rotate(30deg);
}
.title-sm {
  padding-left: 1.5rem;
  font-weight: 700;
  color: #503c3a;
}
.bl_tt {
  margin: 0 auto 4rem;
  text-align: center;
  width: 60%;
}
.bl_tt--bb {
  border-bottom: 2px solid #7c5050;
  padding-bottom: 2rem;
}
.box-gray {
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: left;
  background: #f2f2f2;
  padding: 1.5rem 3rem 2.1rem;
  margin-top: 1.4rem;
}
.c-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.9rem;
  height: 5rem;
  background: #f4959b;
  border-radius: 2.5rem;
  font-weight: 700;
  color: #fff !important;
  position: relative;
  margin: auto;
}
.c-btn:after {
  content: "";
  width: 0.8rem;
  height: 1.4rem;
  background: url("../img_renew2/icon_btn.webp") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.1rem;
  margin: auto;
}

.accordion-trigger {
  cursor: pointer;
}
.accordion-target {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}

/* ==================================
bl01
================================== */
.bl01 {
  background: var(--color_bg-yellow);
  text-align: center;
  padding: 6.7rem 0 6rem;
}
.bl01 .accordion {
  margin: 0 2rem 0;
  overflow: hidden;
}
.bl01 .accordion + .accordion {
  margin-top: 3rem;
}
.bl01 .accordion-trigger {
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.5909090909;
  color: #fff;
  background: var(--color_pink);
  border-radius: 1rem;
  border-bottom: solid 0.4rem #e04368;
  padding: 0.8rem 7.4rem 0.6rem;
  position: relative;
}
.bl01 .accordion-trigger em {
  color: var(--color_yellow);
  font-style: normal;
}
.bl01 .accordion-trigger.active:after {
  transform: rotate(180deg);
}
.bl01 .accordion-trigger:after {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  background: url("../img/icon_arrow_pink.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3rem;
  margin: auto;
  transition: transform 0.3s;
}
.bl01 .accordion-inner {
  background: #fff;
  padding: 1.7rem 4rem 3.4rem;
}
.bl01 .accordion-inner >img {
  width: 87%;
  margin: 2rem auto;
}
.bl01 .accordion-inner p {
  color: var(--color_brown2);
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.7;
  text-align: left;
  padding-bottom: 2rem;
}

/* ==================================
chart
================================== */
.l-charts {
  padding-block: 5.5rem 7rem;
}
.l-charts:before {
  background: var(--color_bg-yellow);
}
.is-bg {
  background: var(--color_bg-blue);
  position: relative;
  perspective: 0.1rem;
}
.is-bg:before {
  content: "";
  width: 100%;
  height: 7.5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.is-bg:after {
  content: "";
  width: 100%;
  height: 7.5rem;
  -webkit-mask: url("../img/bg_chart.webp") no-repeat;
          mask: url("../img/bg_chart.webp") no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: var(--color_bg-blue);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
} 
.l-charts .title {
  margin-bottom: 3.6rem;
}
.l-charts .title-lg {
  width: 38.8rem;
  margin-top: 1rem;
}
.l-charts .title-md {
  letter-spacing: -0.05em;
}
.l-charts .accordion + .accordion {
  margin-top: 2.4rem;
}
.l-charts .accordion-trigger {
  position: relative;
  cursor: pointer;
}
.l-charts .accordion-trigger .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #886663;
  border-bottom: solid 0.6rem #503c3a;
  border-radius: 1rem;
  padding: 1rem 2rem 1rem;
}
.l-charts .accordion-trigger .ttl {
  font-weight: 700;
  font-size: 2.5rem;
  color: #fff;
}
.l-charts .accordion-trigger .ttl em {
  font-size: 3.5rem;
  color: #fff9bc;
  font-style: normal;
}
.l-charts .accordion-trigger.active:after {
  transform: rotate(0deg);
}
.l-charts .accordion-trigger:after {
  position: absolute;
  content: "";
  width: 3rem;
  height: 3rem;
  background: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/icon_arrow.webp") no-repeat;
  background-size: contain;
  right: 0;
  top: 2.5rem;
  bottom: 0;
  right: 3rem;
  transform: rotate(-180deg);
  transition: transform 0.3s;
}
.l-charts .accordion-trigger .serect {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin-top: 1rem;
}
.l-charts .accordion-trigger .serect .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  border-radius: 2rem;
  border: 0.2rem solid #f3636c;
  color: #f3636c;
  width: 30rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  height: 9rem;
}
.l-charts .accordion-trigger .serect .btn.blue {
  border: 0.2rem solid #54a2d3;
  color: #54a2d3;

}
.l-charts .accordion-trigger .serect .btn span {
  font-size: 1.8rem;
}
.l-charts .accordion-inner {
  padding-top: 2rem;
}
.l-charts .accordion-inner .flex {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.l-charts .accordion-inner .flex:has(.flex-no) .flex-yes {
  padding-bottom: 4rem;
}
.l-charts .accordion-inner .flex .ttl {
  display: flex;
  justify-content: center;
  margin-bottom: 10rem;
}
.l-charts .accordion-inner .flex .ttl--red {
  --bg: #f3636c;
}
.l-charts .accordion-inner .flex .ttl--red:before {
  height: 4rem;
}
.l-charts .accordion-inner .flex .ttl--red:after {
  top: 4rem;
}
.l-charts .accordion-inner .flex .ttl--blue {
  --bg: #54a2d3;
}
.l-charts .accordion-inner .flex .ttl--blue:before {
  height: calc(100% - 5rem);
}
.l-charts .accordion-inner .flex .ttl--blue:after {
  bottom: 4rem;
}
.l-charts .accordion-inner .flex .ttl:before {
  content: "";
  width: 0.8rem;
  background: var(--bg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.l-charts .accordion-inner .flex .ttl:after {
  content: "";
  width: 3rem;
  height: 2rem;
  background: var(--bg);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.l-charts .accordion-inner .flex .ttl img {
  height: 2.1rem;
}
.l-charts .accordion-inner .flex-yes {
  width: 46rem;
  position: relative;
}
.l-charts .accordion-inner .flex-yes .box {
  background: #fff;
  border: 0.2rem solid #f3636c;
  border-radius: 2rem;
  position: relative;
}
.l-charts .accordion-inner .flex-yes .box-ttl {
  display: flex;
  align-items: center;
  height: 7.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  font-weight: 700;
  font-size: 2.5rem;
  color: #f3636c;
  padding: 0 0 1.6rem 5.8rem;
  position: absolute;
  top: -2.8rem;
  left: 0;
  right: 0;
  margin: auto;
}
.l-charts .accordion-inner .flex-yes .box-ttl--01 {
  width: 30rem;
  background-image: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/bg_ttl_1.webp");
}
.l-charts .accordion-inner .flex-yes .box-ttl--02 {
  width: 35.1rem;
  background-image: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/bg_ttl_2.webp");
}
.l-charts .accordion-inner .flex-yes .box-ttl--03 {
  width: 36.6rem;
  background-image: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/bg_ttl_3.webp");
  padding-left: 7.4rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn {
  padding: 6rem 2rem 3.4rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .txt {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  padding-right: 0.5rem;
  gap: 1.1rem 0.3rem;
  font-weight: 700;
  color: #886663;
  line-height: 1;
}
.l-charts .accordion-inner .flex-yes .box-ctn .txt .lg {
  font-size: 3.6rem;
  letter-spacing: 0.05em;
}
.l-charts .accordion-inner .flex-yes .box-ctn .txt .lg:has(span) {
  letter-spacing: -0.08em;
}
.l-charts .accordion-inner .flex-yes .box-ctn .txt .lg span {
  font-size: 2.8rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .txt .md {
  font-size: 2.4rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.3rem;
  padding-left: 0.5rem;
  margin-top: 2.5rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .price-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  width: 8.5rem;
  height: 5.7rem;
  border: 0.1rem solid #f3636c;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2777777778;
  color: #f3636c;
  margin-bottom: 0.5rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .price-img {
  width: auto;
  height: 6.6rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .dot {
  background: #ffeff0;
  list-style-type: none;
  padding: 2rem 1.8rem;
  margin-top: 2.2rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .dot li {
  position: relative;
  color: #886663;
  letter-spacing: -0.03em;
  padding-left: 3rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .dot li + li {
  margin-top: 0.9rem;
}
.l-charts .accordion-inner .flex-yes .box-ctn .dot li:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/icon_check.webp") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.6rem;
  left: 0;
}
.l-charts .accordion-inner .flex-yes .box-ctn .c-btn {
  margin-top: 2.5rem;
}
.l-charts .accordion-inner .flex-no {
  width: 20rem;
  position: relative;
}
.l-charts .accordion-inner .flex-no .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 6.8rem;
  background: #fff;
  border-radius: 2rem;
  font-weight: 700;
  color: #54a2d3;
  position: absolute;
  top: 5.5rem;
  left: 0;
}

/* ==================================
bl02
================================== */
.bl02 {
  --is-bg: var(--color_bg-gray);
  text-align: center;
  padding: 6.5rem 0 7rem;
}
.bl02 .btn-form{
  padding: 0 0 3.8rem;
}
.bl02 .scroll {
  padding: 0 2rem;
}
.bl02 .scroll p {
  font-size: 2.2rem;
  text-align: center;
  background-image: url("../img/img05.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 64% 100%;
  margin: 0 auto 1%;
}
.bl02 .scroll .img {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.bl02 .img img {
  display: block;
  min-width: 800px;
  height: auto;
}
.bl02 .noted {
  font-size: 1.6rem;
  line-height: 1.3888888889;
  text-align: left;
  margin-top: 0.9rem;
  padding-left: 3rem;
}

@media only screen and (max-width: 979px) {
  .bl02 .img img {
    min-width: 520px;
  }
}

/* ==================================
bl03
================================== */
.bl03 {
  background-color: var(--color_bg-pink);;
  text-align: center;
  padding: 6.6rem 0 7rem;
}
.bl03 .scroll {
  padding: 0 2rem;
}
.bl03 .scroll p {
  font-size: 2.2rem;
  text-align: center;
  background-image: url("../img/img05.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 64% 100%;
  margin: 0 auto 1%;
}
.bl03 .scroll .img {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.bl03 p.txt {
  color: var(--color_brown);
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1.5rem;
  font-size: 2.5rem;
}
.bl03 p span {
  color: var(--color_pink);
}
.bl03 .btn-form {
  padding-bottom: 0;
}

/* slider */
.bl03 .container {
  max-width: 100%;
  padding-top: 1rem;
  margin: 0 auto 7rem;
}
.bl03 .container + .container {
  margin-top: 40px;
}
.bl03 .slider-contents {
  margin-top: 3%;
}
.bl03 .slider_inner {
  margin-bottom: 20px;
}
.bl03 .slider_inner__item {
  width: 100%;
  margin: auto;
  padding-bottom: 1px;
}
.bl03 .photoSlider__item {
  padding: 0 10px;
}
.bl03 .photoSlider__item figure {
  text-align: center;
}
.bl03 .photoSlider__item figure img {
  margin: auto;
}
.bl03 .slick-prev,
.bl03 .slick-next {
  display: none !important;
}
.bl03 .slick-track {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 979px) {
  .bl03 .slider-contents {
    padding: 0 3vw;
  }
  .bl03 .container .slider_inner__item {
      width: 100%;
  }
  .bl03 .container .photoSlider__item {
      padding: 0 1vw;
  }
}


/* ==================================
bl04
================================== */
.bl04 {
  padding: 6.6rem 0 7rem;
  background: var(--color_bg-yellow);
  text-align: center;
}
.bl04 .container {
  background-color: #fff;
  border-radius: 2rem;
  padding: 4rem 2rem;
  margin: 0 1rem;
}
.bl04 .container + .container {
  margin-top: 4rem;
}
.bl04 .accordion {
  margin: 3rem 3rem 0;
  overflow: hidden;
}
.bl04 .accordion + .accordion {
  margin-top: 3rem;
}
.bl04 .accordion-trigger {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.1;
  color: #fff;
  background: var(--color_pink);
  border-radius: 1rem;
  border-bottom: solid 0.4rem #e04368;
  padding: 1.6rem 7.4rem 1.2rem;
  position: relative;
}
.bl04 .accordion-trigger em {
  color: var(--color_yellow);
  font-style: normal;
}
.bl04 .accordion-trigger.active:after {
  transform: rotate(180deg);
}
.bl04 .accordion-trigger:after {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  background: url("../img/icon_arrow_pink.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3rem;
  margin: auto;
  transition: transform 0.3s;
}
.bl04 .accordion-inner {
  background: #fff;
  padding: 1.7rem 1rem 0;
}
.bl04 #forever .accordion-inner img {
  width: 60%;
  margin: 2rem auto;
}
.bl04 #shumatsu .accordion-inner img {
  width: 70%;
  margin: 2rem auto 0;
}
.bl04 #qc .accordion-inner img {
  width: 90%;
  margin: 2rem auto 0;
}
.bl04 .accordion-inner p.accordion-tt {
  color: var(--color_pink);
  text-align: center;
  font-size: 2.9rem;
  font-weight: 900;
}
.bl04 .accordion-inner p.accordion-txt {
  color: var(--color_brown2);
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.7;
  text-align: left;
}
.bl04 .box-gray {
  margin: 1.4rem 1rem 0;
}

.bl04 .btn-form {
  padding-bottom: 0;
}

/* ==================================
bl05
================================== */
.bl05 {
  padding: 7rem 0 4rem;
  background: var(--color_bg-gray);
}
.bl05__tt {
  text-align: center;
  margin-bottom: 3.3rem;
}
.bl05__tt img {
  width: 63.1rem;
}
.bl05-list {
  max-width: 67rem;
  margin-inline: auto;
}
.bl05-item {
  list-style: none;
  background: #fff;
  border-radius: 2rem;
  border: 1px solid #9e7773;
  border-radius: 3rem;
  padding: 2.6rem 7.5rem 2.6rem 3.3rem;
  min-height: 20rem;
  display: flex;
  align-items: center;
  position: relative;
}
.bl05-item + .bl05-item {
  margin-top: 1.9rem;
}
.bl05-item__num {
  width: 5rem;
  height: 6rem;
  font-size: 3rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #fff9bc;
  font-family: var(--fontSen);
  padding-bottom: 0.6rem;
  letter-spacing: -0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 5rem;
  background: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/ic_num.webp") top/100% no-repeat;
}
.bl05-item__img {
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.bl05-item__content {
  flex: 1;
  padding-left: 2.1rem;
}
.bl05-item__tt {
  color: #503c3a;
  font-size: 3rem;
  line-height: 1.3333333333;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.bl05-item__tt em {
  font-style: normal;
  font-size: 2.8rem;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.bl05-item__tt small {
  font-size: 2.4rem;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.bl05-item__tt span {
  color: #f3636c;
}
.bl05-item__txt {
  margin-top: 0.3rem;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" 1;
}


/* ==================================
bl06
================================== */
.bl06 {
  padding: 4.5rem 0 7.4rem;
}
.bl06__tt {
  text-align: center;
  margin-bottom: 3.6rem;
}
.bl06__tt img {
  width: 49.7rem;
}
.bl06__stt {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 0.3rem;
  margin-bottom: 2.1rem;
}
.bl06__stt span {
  display: block;
  font-size: 4.5rem;
  line-height: 1.5;
  color: #f3636c;
  font-weight: bold;
  font-feature-settings: "palt" 1;
  position: relative;
  perspective: 1px;
  padding-inline: 1rem;
}
.bl06__stt span:after {
  content: "";
  width: 100%;
  height: 1.7rem;
  background: #fff595;
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  z-index: -1;
}
.bl06__stt span em {
  font-size: 3.6rem;
  font-style: normal;
}
.bl06__stt small {
  display: block;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #886663;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" 1;
  margin-top: 0.7rem;
}
.bl06-list {
  padding: 0 2rem;
}
.bl06-list li {
  list-style: none;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" 1;
  font-weight: 500;
  color: #503c3a;
}
.bl06-list li strong {
  font-weight: 700;
}

/* ==================================
bl07
================================== */
.bl07 {
  margin-bottom: 7.1rem;
}
.bl07-box {
  background: var(--color_bg-blue);
  max-width: 67rem;
  margin-inline: auto;
  padding: 0 3rem 6.8rem;
}
.bl07-box__tt {
  text-align: center;
  margin-bottom: 2.4rem;
}
.bl07-box__tt img {
  width: 51.8rem;
  display: inline-block;
  margin-top: -1.7rem;
  margin-right: 7.6rem;
}
.bl07-box__stt {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" 1;
  color: #966561;
  margin-bottom: 2.1rem;
}
.bl07-box__stt span {
  font-size: 3.5rem;
  line-height: 1.1428571429;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" 1;
  color: #f3636c;
}
.bl07-box__list {
  list-style: none;
}
.bl07-box__item {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  padding: 1.5rem 1.8rem 1.8rem 9rem;
  position: relative;
}
.bl07-box__item:before {
  content: "";
  width: 3.1rem;
  height: 3.2rem;
  background: url("https://www.s-b-c-biyougeka.net/lp/eyelid_shumatsu/img_renew2/ic_check.webp") top/100% no-repeat;
  position: absolute;
  left: 3rem;
  top: 50%;
  transform: translateY(-50%);
}
.bl07-box__item + .bl07-box__item {
  margin-top: 2rem;
}
.bl07-box__item .tt {
  display: block;
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: bold;
  color: #54a2d3;
  letter-spacing: 0.05em;
}
.bl07-box__item .ct {
  display: block;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 500;
  color: #886663;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" 1;
}
/* ==================================
bl08
================================== */
.bl08 {
  text-align: center;
  padding-block: 3rem 7rem; 
}
/* slider */
.bl08 .container {
  max-width: 100%;
  padding-top: 1rem;
  margin: 0 auto;
}
.bl08 .container + .container {
  margin-top: 40px;
}
.bl08 .slider-contents {
  margin-top: 3%;
}
.bl08 .slider_inner {
  margin-bottom: 20px;
  width: 100%;
}
.bl08 .slider_inner__item {
  width: 100%;
  margin: auto;
  padding-bottom: 1px;
}
.bl08 .stepSlider__item {
  padding: 0 10px;
}
.bl08 .stepSlider__item figure {
  text-align: center;
}
.bl08 .stepSlider__item figure img {
  margin: auto;
}
.bl08 .slick-prev, .slick-next {
  background-color: white;
  border-radius: 25px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.bl08 .slick-prev {
  left: 2.5%;
  margin-top: 0;
}
.bl08 .slick-prev::before {
  background-image: url(https://s-b-c.net/assets/images/common/ico_chevron-right.png);
  transform: rotate(180deg);
}
.bl08 .slick-next {
  right: 2.5%;
  margin-top: 0;
}
.bl08 .slick-next::before {
  background-image: url(https://s-b-c.net//assets/images/common/ico_chevron-right.png);
}
.bl08 .slick-track {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 979px) {
  .bl08 .slider-contents {
    padding: 0 3vw;
  }
  .bl08 .container .slider_inner__item {
      width: 100%;
  }
  .bl08 .container .stepSlider__item {
      padding: 0 1vw;
  }
  .bl08 .slick-prev, .slick-next {
    display: block !important;
  }
  .bl08 .slick-prev {
    left: 2.5%;
  }
  .bl08 .slick-next {
    right: 2.5%;
  }
  .bl08 .slick-prev, 
  .bl08 .slick-next {
    width: 30px;
    height: 30px;
  }
  .bl08 .slick-prev::before, 
  .bl08 .slick-next::before {
    width: 30px;
    height: 30px;
  }
}


/* ==================================
l-qa
================================== */
.l-qa {
  background: var(--color_bg-yellow);
  padding-block: 6.7rem 7rem;
}
.l-qa .accordion {
  margin: 0 2rem 0;
  overflow: hidden;
}
.l-qa .accordion + .accordion {
  margin-top: 1.2rem;
}
.l-qa .accordion-trigger {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.5909090909;
  color: #fff;
  background: var(--color_pink);
  border-radius: 1rem;
  border-bottom: solid 0.4rem #e04368;
  padding: 0.8rem 7.4rem 0.6rem;
  position: relative;
}
.l-qa .accordion-trigger em {
  color: var(--color_yellow);
  font-style: normal;
}
.l-qa .accordion-trigger.active:after {
  transform: rotate(180deg);
}
.l-qa .accordion-trigger:after {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  background: url("../img/icon_arrow_pink.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3rem;
  margin: auto;
  transition: transform 0.3s;
}
.l-qa .accordion-inner {
  background: #fff;
  padding: 1.7rem 4rem 2rem;
}
.l-qa .accordion-inner a {
  color: inherit;
  border-bottom: 1px solid var(--color_brown);
}
.l-qa .accordion-inner >img {
  width: 87%;
  margin: 2rem auto;
}
.l-qa .accordion-inner p {
  color: var(--color_brown2);
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.7;
  text-align: left;
}

/* ==================================
bl09
================================== */
.bl09 {
  padding-block: 6.7rem 7rem;
  text-align: center;
}

.bl09 .btn-form {
  padding-bottom: 0;
}

/* === */

.banner img {
  max-width: 75rem;
}

.btn-form {
  padding: 3.1rem 0 3.8rem;
}
.btn-form img {
  max-width: 71rem;
  height: auto;
  display: block;
  margin: auto;
}












#jiyushinryo {
  margin-bottom: 0;
  background-color: #E4E4E4;
  border-color: #C0C0C0;
  font-size: 10px;
}
#jiyushinryo br.sm-display {
	display: none;
}

html {
  font-size: 10px !important;
}
@media (max-width: 749px) {
  html {
    font-size: 1.3333333333vw !important;
  }
}

@media (max-width: 979px) {
  .sm-display {
    display: block;
  }
}
body {
  font-family: var(--fontBase);
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  color: #000;
}
main {
  max-width: 750px;
  margin: 0 auto;
}

main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none !important;
}

.row {
  width: 75rem;
  padding-inline: 2rem;
  margin-inline: auto;
}/*# sourceMappingURL=style.css.map */