@charset "UTF-8";
@media (max-width: 737px) {
  .pc_only {
    display: none;
  }
}

@media (min-width: 736px) {
  .sp_only {
    display: none;
  }
}

/*----------------------------------------------
	Common
---------------------------------------------*/
.clearfix {
  clear: both;
  display: block;
  overflow: hidden;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wrapper {
  background-color: #ebf2f8;
  box-sizing: border-box;
  min-width: 1000px;
  width: 100%;
}

.f_main {
  font-size: 16px;
  background: #fff;
}
@media screen and (max-width: 736px) {
  .f_main {
    font-size: 4.2666666667vw;
  }
}
.f_main.f_main-menoshita {
  color: #000;
}

.l_wrapper {
  background-color: #fff;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 110px 50px;
  position: relative;
  width: 100%;
}
.l_wrapper p {
  line-height: 1.7;
  margin-bottom: 0;
}
.l_wrapper.l_wrapper-secondary {
  margin: 0 auto;
  max-width: 895px;
  padding: 0 162.5px;
}

/*----------------------------------------------
	penis_boost page
---------------------------------------------*/
/* Section Common */
.p_sec {
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
}

.p_sec__block {
  min-height: 232px;
  padding-bottom: 9px;
  padding-left: 395px;
  position: relative;
}
.p_sec__block.one {
  padding-bottom: 30px;
}
.p_sec__block img {
  left: 0;
  position: absolute;
  top: 9px;
  width: auto;
}

.p_sec__head {
  color: #0085ce;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.7;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 21px;
}
.p_sec__head span {
  display: block;
}

.p_sec__subhead img {
  left: auto;
  position: relative;
  top: -2px;
}

.l_wrapper p.p_sec__txt {
  line-height: 2;
  margin-bottom: 0;
}

/* Section Banner
------------------------------------------------------ */
.f_banner {
  background: url(../images/penis_boost_bg.webp) no-repeat center center/cover;
}
.f_banner p {
  margin: 0;
}

.p_banner {
  height: max(500px, 36.6032210835vw);
  max-width: max(1140px, 83.4553440703vw);
  position: relative;
  margin: 0 auto;
  padding-top: max(32px, 2.3426061493vw);
  box-sizing: border-box !important;
}
@media screen and (max-width: 736px) {
  .p_banner {
    background-image: url(../images/penis_boost_bg_sp.webp);
    height: 161.0666666667vw;
    padding-top: 8vw;
  }
}

.p_banner__img {
  max-width: max(662px, 48.4626647145vw);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  transition: 0.7s;
  opacity: 0;
  transform: translateX(max(530px, 38.7994143485vw));
}
@media screen and (max-width: 736px) {
  .p_banner__img {
    width: 100%;
    max-width: inherit;
    transform: translateX(30%);
    top: 58.1333333333vw;
  }
}
.p_banner__img img {
  aspect-ratio: 662/500;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .p_banner__img img.spnone {
    display: none;
  }
}
.p_banner__img img.pcnone {
  display: none;
}
@media screen and (max-width: 736px) {
  .p_banner__img img.pcnone {
    display: block;
  }
}
.p_banner__img.anim {
  transform: translateX(max(290px, 21.2298682284vw));
  opacity: 1;
}
@media screen and (max-width: 736px) {
  .p_banner__img.anim {
    transform: none;
  }
}

.p_banner__box {
  max-width: max(1000px, 73.2064421669vw);
  margin: 0 auto;
  transition: 0.5s;
  transition-delay: 0.4s;
  opacity: 0;
  transform: translateY(10px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 736px) {
  .p_banner__box {
    max-width: 100%;
    position: relative;
    z-index: 1;
  }
}
.p_banner__box.anim {
  transform: none;
  opacity: 1;
}

.p_banner__box__circle {
  position: absolute;
  top: max(-16px, -1.1713030747vw);
  left: max(436px, 31.9180087848vw);
  z-index: 3;
  width: max(120px, 8.78477306vw);
  height: max(120px, 8.78477306vw);
  border-radius: max(224px, 16.3982430454vw);
  background: linear-gradient(90deg, #00cceb 0%, #006fb1 100%);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 736px) {
  .p_banner__box__circle {
    top: -4vw;
    left: 76vw;
    z-index: 3;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
  }
}
.p_banner__box__circle .time {
  font-size: max(21px, 1.5373352855vw);
  padding-top: max(23px, 1.6837481698vw);
}
@media screen and (max-width: 736px) {
  .p_banner__box__circle .time {
    font-size: 3.7333333333vw;
    padding: 4.1333333333vw 0 0;
  }
}
.p_banner__box__circle .number {
  font-size: max(56px, 4.0995607613vw);
  letter-spacing: max(-2.8px, -0.2049780381vw);
}
@media screen and (max-width: 736px) {
  .p_banner__box__circle .number {
    font-size: 9.8666666667vw;
    letter-spacing: -0.496vw;
  }
}
.p_banner__box__circle .minutes {
  font-size: max(24px, 1.756954612vw);
  padding-left: max(2px, 0.1464128843vw);
}
@media screen and (max-width: 736px) {
  .p_banner__box__circle .minutes {
    font-size: 4.2666666667vw;
    padding-left: 0.5333333333vw;
  }
}

.p_banner__txt {
  font-size: max(32px, 2.3426061493vw);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: max(16px, 1.1713030747vw);
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 736px) {
  .p_banner__txt {
    text-align: left;
    padding-left: 5.0666666667vw;
    font-feature-settings: "palt" on;
    font-size: 5.6vw;
    line-height: 1.5;
    margin-bottom: 3vw;
  }
}

.p_banner__ttl {
  width: max(488px, 35.7247437775vw);
  margin-top: max(16px, 1.1713030747vw);
}
@media screen and (max-width: 736px) {
  .p_banner__ttl {
    width: 100vw;
    margin: 0 auto;
    padding-top: 2.1333333333vw;
  }
}
.p_banner__ttl img {
  aspect-ratio: 488/320;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .p_banner__ttl img {
    aspect-ratio: 375/479;
  }
}

.f_banner__achievements {
  position: absolute;
  bottom: 0;
  right: max(-80px, -5.8565153734vw);
  z-index: 3;
  max-width: max(333px, 24.3777452416vw);
  width: 100%;
}
@media screen and (max-width: 736px) {
  .f_banner__achievements {
    top: 93.3333333333vw;
    right: 3.4666666667vw;
    max-width: 89.8666666667vw;
  }
}
.f_banner__achievements .wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: max(9px, 0.6588579795vw);
}
@media screen and (max-width: 736px) {
  .f_banner__achievements .wrap {
    padding-bottom: 1.6vw;
    max-width: 52.8vw;
    margin-left: auto;
  }
}
.f_banner__achievements .batch {
  width: max(160px, 11.7130307467vw);
}
.f_banner__achievements .batch img {
  width: 100%;
}
@media screen and (max-width: 736px) {
  .f_banner__achievements .batch {
    width: 25.6vw;
  }
}
.f_banner__achievements .text {
  color: #1a1a1a;
  font-family: "Noto Sans JP", sans-serif;
  font-size: max(10px, 0.7320644217vw);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  text-indent: 0;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 736px) {
  .f_banner__achievements .text {
    font-size: 2.6666666667vw;
  }
}

/* section 00
------------------------------------------------------ */
.f_sec00 {
  background: #f2f9fd;
}
.f_sec00 .l_wrapper {
  padding: 48px 0 0;
  background: #f2f9fd;
}

@media screen and (max-width: 736px) {
  .f_sec00 .l_wrapper {
    padding: 8vw 0 0;
  }
}
.p_sec00__ttl {
  text-align: center;
  margin-top: 0;
  margin-bottom: 107px;
}
.p_sec00__ttl .txt1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  width: auto;
}
.p_sec00__ttl .txt1 br {
  display: block;
}
.p_sec00__ttl .txt2 {
  color: #1184ca;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.5;
  background-image: linear-gradient(to top, #fff500 0.46em, transparent 0.46em);
}

@media screen and (max-width: 736px) {
  .p_sec00__ttl {
    margin-bottom: 17.8666666667vw;
    text-align: left;
    padding-left: 2.4vw;
  }
}
@media screen and (max-width: 736px) {
  .p_sec00__ttl .txt1 {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .p_sec00__ttl .txt2 {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 736px) {
  .p_sec00__ttl .txt2 .small {
    font-size: 6.4vw;
  }
}
.p_sec00__box {
  box-sizing: unset;
  padding: 68px 84px 38px;
  background: #fff;
  border: 20px solid #00cceb;
  -o-border-image: linear-gradient(to right, #00cceb, #006fb1);
  border-image: linear-gradient(to right, #00cceb, #006fb1);
  border-image-slice: 1;
  position: relative;
}

@media screen and (max-width: 736px) {
  .p_sec00__box {
    border-width: 1.3333333333vw;
    padding: 13.6vw 1.3333333333vw 6.6666666667vw;
  }
}
.p_sec00__box_ttl {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  border-radius: 400px;
  padding: 8px 64px;
  position: absolute;
  top: -71px;
  left: 84px;
  background: linear-gradient(90deg, #00cceb 0%, #006fb1 100%);
  margin: 0;
}

@media screen and (max-width: 736px) {
  .p_sec00__box_ttl {
    font-size: 5.6vw;
    padding: 0.5333333333vw 6.4vw;
    top: -9.0666666667vw;
    left: 1.3333333333vw;
  }
}
.p_sec00__box_img {
  width: 502px;
  position: absolute;
  bottom: 0;
  right: 39px;
}

@media screen and (max-width: 736px) {
  .p_sec00__box_img {
    width: 58.1333333333vw;
    right: -6.1333333333vw;
    bottom: auto;
    top: -26.1333333333vw;
  }
}
.p_sec00__box_list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.p_sec00__box_list_item {
  position: relative;
  padding-left: 30px;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
}
.p_sec00__box_list_item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 27px;
  height: 29px;
  background: url("../images/icon-checkbox.png") center/contain no-repeat;
}

@media screen and (max-width: 736px) {
  .p_sec00__box_list_item {
    font-size: 4.8vw;
    padding-left: 7.2vw;
  }
}
@media screen and (max-width: 736px) {
  .p_sec00__box_list_item::before {
    width: 6.4vw;
    height: 6.4vw;
  }
}
/* Section 01
------------------------------------------------------ */
.p_sec01 {
  margin-top: 40px;
}

.p_sec01__row {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.p_sec01__row_img {
  flex-shrink: 0;
  width: 450px;
  max-width: 100%;
}

.p_sec01__row_ttl {
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #1184ca;
}

.p_sec01__row_txt {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  color: #1a1a1a;
}

.p_sec01__info {
  margin-top: 50px;
  border-radius: 20px;
}

.p_sec01__info_head {
  padding: 17px 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  text-align: center;
  color: #fff;
  background: #1184ca;
}

.p_sec01__info_ttl {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}

.p_sec01__info_body {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding: 30px 70px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  background: #ebf2f8;
}

.p_sec01__info_txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  color: #1a1a1a;
}

.p_sec01__info_img {
  flex-shrink: 0;
  width: 300px;
  max-width: 100%;
}

/* section 02
------------------------------------------------------ */
.p_sec02 {
  margin-top: 40px;
}

.p_sec02__row {
  display: flex;
  gap: 40px;
}
.p_sec02__row:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.p_sec02__row:not(:first-child) {
  margin-top: 50px;
}

.p_sec02__row_ttl {
  margin-top: 0;
  margin-bottom: -1px;
  padding-left: 10px;
  border-left: 5px solid #1184ca;
  border-bottom: 1px solid #1184ca;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #1184ca;
}

.p_sec02__row_lead {
  margin-top: 25px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.5;
  color: #1a1a1a;
}

.p_sec02__row_txt {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  color: #1a1a1a;
}

.p_sec02__row_img {
  flex-shrink: 0;
  width: 450px;
  max-width: 100%;
}

/* Section 03
------------------------------------------------------ */
.p_sec03 {
  margin-top: 40px;
}

.p_sec03__row {
  display: flex;
  align-items: center;
  gap: 40px;
}

.p_sec03__row_img {
  flex-shrink: 0;
  width: 482px;
  max-width: 100%;
}

.p_sec03__row_list_item {
  position: relative;
  margin: 0;
  padding-left: 35px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #1184ca;
}
.p_sec03__row_list_item::before {
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  content: "";
  width: 30px;
  height: 30px;
  background: url("../images/icon-checkmark.png") center/contain no-repeat;
}
.p_sec03__row_list_item:not(:first-child) {
  margin-top: 20px;
}

.p_sec03__txt {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  color: #1a1a1a;
}

/* Section 05
------------------------------------------------------ */
.p_sec05 {
  margin-top: 40px;
}

.p_sec05__row {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 40px;
}
.p_sec05__row:not(:first-child) {
  margin-top: 40px;
}

.p_sec05__row_label {
  display: inline-block;
  padding: 6px 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #1184ca;
}

.p_sec05__row_ttl {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #1184ca;
}

.p_sec05__row_txt {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  color: #1a1a1a;
}

.p_sec05__row_img {
  width: 450px;
  flex-shrink: 0;
}

/* Section 4 */
.f_sec04 {
  position: relative;
  padding-top: 0px;
}
.f_sec04::before {
  content: "";
  background: url(../images/sec04-bg.webp) no-repeat center center/contain;
  width: 1920px;
  height: 400px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 736px) {
  .f_sec04::before {
    background: url(../images/sec04-bg-sp.webp) no-repeat center center/contain;
    width: 100vw;
    height: 23.4666666667vw;
  }
}
.f_sec04 .f_sec04__sub {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 8px;
}
@media screen and (max-width: 736px) {
  .f_sec04 .f_sec04__sub {
    font-size: 3.4666666667vw;
    padding-bottom: 2.1333333333vw;
  }
}
.f_sec04 .l_wrapper {
  background: none;
  padding-bottom: 36px;
}

.f_sec04 .l_wrapper {
  padding-bottom: 48px;
}

.p_sec04__wrap {
  margin-bottom: 48px;
  background: #f2f9fd;
  padding: 20px 40px;
}
.p_sec04__wrap .slick-arrow {
  width: 60px;
  height: 60px;
  top: 137px;
  transform: none;
  z-index: 1;
}
.p_sec04__wrap .slick-arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/slider-arrow.svg) no-repeat center center/cover;
}
.p_sec04__wrap .slick-prev {
  left: -30px;
}
.p_sec04__wrap .slick-next {
  right: -30px;
}
.p_sec04__wrap .slick-prev::before {
  transform: scale(-1, 1);
}

.p_sec04__list {
  background: #fff;
  padding: 20px;
}

.p_sec04__step {
  width: 235px;
  margin-right: 20px;
  position: relative;
}
.p_sec04__step:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: solid 14px #0085ce;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  transform: rotate(-90deg);
  top: 70px;
  right: -20px;
}

.p_sec04__head {
  border-bottom: 1px solid #0185cf;
  color: #0185cf;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-end;
  margin-top: 20px;
}
.p_sec04__head span {
  background-color: #0185cf;
  color: #fff;
  text-align: center;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  margin-right: 6px;
  width: 30px;
  font-size: 18px;
}
@media screen and (max-width: 736px) {
  .p_sec04__head span {
    height: 8vw;
    line-height: 8vw;
    margin-right: 1.6vw;
    width: 8vw;
    font-size: 4.8vw;
  }
}

p.p_sec04__txt {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 736px) {
  p.p_sec04__txt {
    font-size: 4.2666666667vw;
  }
}
p.p_sec04__txt .small {
  display: block;
  font-size: 0.8em;
}

.f_sec04 .p_content__ttl {
  margin-bottom: 40px;
}

.p_sec04__box {
  background-color: #e8e8e8;
  padding: 15px 30px 30px;
}

.p_sec04__ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 24px;
  text-align: center;
}

.p_sec04__tbl {
  width: 100%;
  background-color: #fff;
  border-left: none;
  border-top: none;
  margin: 0;
}
.p_sec04__tbl tr {
  border-bottom: 1px dashed #aaa;
  border-left: 20px solid #fff;
  border-right: 20px solid #fff;
}
.p_sec04__tbl tr:first-child {
  border-top: 10px solid #fff;
}
.p_sec04__tbl tr:last-child {
  border-bottom: 5px solid #fff;
}
.p_sec04__tbl th,
.p_sec04__tbl td {
  background-color: #fff;
  border: none;
  font-size: 16px;
  padding: 15px;
  vertical-align: top;
}
.p_sec04__tbl th {
  width: 160px;
  text-align: center;
}
.p_sec04__tbl td {
  padding-right: 0;
}
.p_sec04__tbl td small {
  font-size: 14px;
}
.p_sec04__tbl ul {
  width: 100%;
}
.p_sec04__tbl ul li {
  display: block;
  padding-left: 18px;
  position: relative;
}
.p_sec04__tbl ul li:before {
  background-color: #000;
  border-radius: 50%;
  content: "";
  height: 3px;
  left: 6px;
  position: absolute;
  top: 10px;
  width: 3px;
}

/* Section 6 */
.p_sec06__box {
  background-color: #f1f9fc;
  padding: 30px 50px;
}

.p_sec06__tbl {
  background-color: #fff;
  margin: 0 auto 5px;
}
.p_sec06__tbl th,
.p_sec06__tbl td {
  font-size: 20px;
  font-weight: 700;
  padding: 14px 0;
  text-align: center;
  vertical-align: middle;
}
.p_sec06__tbl th:nth-child(1),
.p_sec06__tbl td:nth-child(1) {
  width: 60%;
}
.p_sec06__tbl th {
  background-color: #0085ce;
  color: #fff;
}

.p_sec06__note {
  font-size: 16px;
  text-align: right;
}

/* Section 08
------------------------------------------------------ */
.f_sec08 .l_wrapper {
  padding-bottom: 70px;
}

.p_sec08 {
  margin-top: 40px;
}

.p_sec08__box {
  max-width: 900px;
  padding: 30px 50px;
  margin: 0 auto;
  color: #1a1a1a;
  background: #ebf2f8;
}

.p_sec08__box_txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}
.p_sec08__box_txt > p:not(:first-child) {
  margin-top: 30px;
}

/*----------------------------------------------
	Media
---------------------------------------------*/
@media only screen and (max-width: 736px) {
  .wrapper {
    min-width: 100%;
  }
  .l_wrapper {
    max-width: 100%;
    padding: 0;
    padding-bottom: 8vw;
  }
  .l_wrapper.l_wrapper-secondary {
    max-width: 100%;
    padding: 0;
    padding-bottom: 8vw;
  }
  .l_wrapper p.p_sec__last2 {
    margin-bottom: 7.4666666667vw;
  }
  .f_main-menoshita .c_ttl {
    margin-left: 5.0666666667vw;
    margin-right: 5.0666666667vw;
  }
  .f_main-menoshita .p_content__subttl {
    margin: 0 5.0666666667vw 1.3333333333vw;
  }
  .f_main-menoshita .p_content__ttl {
    margin-bottom: 5.3333333333vw;
  }
  /* .f_sec02 .l_wrapper,
  .f_sec03 .l_wrapper,
  .f_sec04 .l_wrapper, */
  .f_sec04 .l_wrapper {
    padding-bottom: 0;
  }
  /* section Banner（SP）
  ------------------------------------------------------ */
  .p_banner {
    background-image: url(../images/penis_boost_bg_sp.webp);
    height: 154.6666666667vw;
    padding-top: 8vw;
  }
  .p_banner__img {
    width: 100%;
    transform: translateX(30%);
    top: 58.1333333333vw;
  }
  .p_banner__img.anim {
    transform: none;
  }
  .p_banner__img img.spnone {
    display: none;
  }
  .p_banner__img img.pcnone {
    display: block;
  }
  .p_banner__box {
    position: relative;
    z-index: 1;
  }
  .p_banner__txt {
    font-size: 5.6vw;
    line-height: 1.5;
    margin-bottom: 3vw;
  }
  .p_banner__ttl {
    width: 100vw;
    margin: 0 auto;
    padding-top: 2.1333333333vw;
  }
  .p_banner__ttl img {
    aspect-ratio: 375/479;
    width: 100%;
  }
  /* Section Common ? */
  .p_sec {
    max-width: 100%;
  }
  .p_sec__block {
    min-height: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .p_sec__block.one {
    padding-bottom: 0;
  }
  .p_sec__block img {
    left: auto;
    position: relative;
    top: auto;
    width: 100%;
  }
  .p_sec__wrap {
    padding: 6.6666666667vw 5.0666666667vw 8vw;
  }
  .p_sec__block.one .p_sec__wrap {
    padding-bottom: 6.6666666667vw;
    padding-top: 1.3333333333vw;
  }
  .p_sec__block.two .p_sec__wrap {
    padding-top: 1.3333333333vw;
  }
  .p_sec__img.one {
    padding-left: 5.0666666667vw;
  }
  .p_sec__img.two {
    padding-right: 5.0666666667vw;
  }
  .p_sec__head {
    font-size: 5.6vw;
    letter-spacing: normal;
    line-height: 1.5;
    padding-bottom: 4vw;
  }
  .p_sec__head span {
    display: none;
  }
  .p_sec__block.two .p_sec__head {
    text-align: right;
  }
  .l_wrapper p.p_sec__txt {
    line-height: 1.7;
  }
  /* Section 00（SP）
  ------------------------------------------------------ */
  .p_sec00 {
    padding: 0 2.6666666667vw;
  }
  /* section 01（SP）
  ------------------------------------------------------ */
  .p_sec01 {
    margin-top: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .p_sec01__row {
    display: block;
  }
  .p_sec01__row_img {
    margin-left: auto;
    margin-right: auto;
  }
  .p_sec01__row_ttl {
    margin-top: 5.3333333333vw;
    font-size: 5.6vw;
    text-align: center;
  }
  .p_sec01__row_txt {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .p_sec01__info {
    margin-top: 8vw;
  }
  .p_sec01__info_head {
    padding: 2.6666666667vw;
  }
  .p_sec01__info_ttl {
    font-size: 4.8vw;
  }
  .p_sec01__info_body {
    display: block;
    padding: 5.3333333333vw 2.6666666667vw;
  }
  .p_sec01__info_txt {
    font-size: 4.2666666667vw;
  }
  .p_sec01__info_img {
    margin-top: 5.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* section 02（SP）
  ------------------------------------------------------ */
  .p_sec02 {
    margin-top: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .p_sec02__row {
    flex-direction: column !important;
    gap: 5.3333333333vw;
  }
  .p_sec02__row:not(:first-child) {
    margin-top: 8vw;
  }
  .p_sec02__row_box {
    display: contents;
  }
  .p_sec02__row_ttl {
    order: -2;
    font-size: 5.6vw;
  }
  .p_sec02__row_img {
    order: -1;
  }
  .p_sec02__row_lead {
    margin-top: 0;
    font-size: 4.8vw;
  }
  .p_sec02__row_txt {
    margin-top: 0;
    font-size: 4.2666666667vw;
  }
  /* Section 03（SP）
  ------------------------------------------------------ */
  .p_sec03 {
    margin-top: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .p_sec03__row {
    display: block;
  }
  .p_sec03__row_img {
    margin-left: auto;
    margin-right: auto;
  }
  .p_sec03__row_list {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
  .p_sec03__row_list_item {
    padding-left: 6.1333333333vw;
    font-size: 4.8vw;
  }
  .p_sec03__row_list_item::before {
    top: 1.2vw;
    width: 4.8vw;
    height: 4.8vw;
  }
  .p_sec03__row_list_item:not(:first-child) {
    margin-top: 2.6666666667vw;
  }
  .p_sec03__txt {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  /* Section 05（SP）
  ------------------------------------------------------ */
  .p_sec05 {
    margin-top: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .p_sec05__row {
    flex-direction: column-reverse;
    gap: 0;
  }
  .p_sec05__row_img {
    overflow-y: hidden;
    width: calc(100% + 10.6666666667vw);
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
    height: 48vw;
  }
  .p_sec05__row_img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
  }
  .p_sec05__row_box {
    position: relative;
    z-index: 1;
    margin-top: -13.3333333333vw;
    padding: 5.3333333333vw 3.2vw;
    background: #fff;
  }
  .p_sec05__row_label {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
  }
  .p_sec05__row_ttl {
    margin-top: 0;
    font-size: 5.6vw;
  }
  .p_sec05__row_txt {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  /* section 4 */
  .p_sec04__wrap {
    display: none;
  }
  .p_sec04__list {
    display: flex;
    flex-direction: column;
    gap: 6.9333333333vw;
    margin: 0 8.5333333333vw 5.3333333333vw;
    padding: 0;
  }
  .p_sec04__step {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
  }
  .p_sec04__step:not(:last-child)::after {
    display: none;
  }
  .p_sec04__step img {
    order: 1;
    width: 38.6%;
  }
  .p_sec04__head {
    order: 0;
    width: 100%;
    margin: 0 0 5.3333333333vw;
    font-size: 4.8vw;
  }
  p.p_sec04__txt {
    order: 2;
    width: 58.2%;
  }
  .p_sec04__ttl {
    font-size: 4.2666666667vw;
    padding-bottom: 3.7333333333vw;
    letter-spacing: 0;
  }
  .p_sec04__box {
    border-bottom: 8vw solid #fff;
    margin-left: 2.6666666667vw;
    margin-right: 2.6666666667vw;
    padding: 3.4666666667vw 2.4vw 5.3333333333vw;
    width: auto;
  }
  .p_sec04__tbl tr {
    border-left: 3.4666666667vw solid #fff;
    border-right: 3.4666666667vw solid #fff;
  }
  .p_sec04__tbl tr:first-child {
    border-top: none;
  }
  .p_sec04__tbl tr:last-child {
    border-bottom: none;
  }
  .p_sec04__tbl th,
  .p_sec04__tbl td {
    font-size: 3.4666666667vw;
    padding: 2.6666666667vw 1.3333333333vw;
  }
  .p_sec04__tbl th {
    min-width: auto;
    padding-left: 1.0666666667vw;
    padding-right: 1.0666666667vw;
    width: 16vw;
  }
  .p_sec04__tbl td {
    padding-right: 0;
  }
  .p_sec04__tbl td small {
    font-size: 2.9333333333vw;
  }
  .p_sec04__tbl ul li {
    padding-left: 4vw;
  }
  .p_sec04__tbl ul li:before {
    top: 2.1333333333vw;
  }
  /* section 6 */
  .p_sec06__box {
    margin: 0 2.6666666667vw 8vw;
    padding: 2.6666666667vw 2.4vw 1.3333333333vw;
  }
  .p_sec06__tbl {
    margin-bottom: 1.8666666667vw;
  }
  .p_sec06__tbl th,
  .p_sec06__tbl td {
    font-size: 3.4666666667vw;
  }
  .p_sec06__note {
    font-size: 3.4666666667vw;
  }
  /* Section 08（SP）
  ------------------------------------------------------ */
  .f_sec08 .l_wrapper {
    padding-bottom: 8vw;
  }
  .p_sec08 {
    margin-top: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .p_sec08__box {
    padding: 5.3333333333vw 3.2vw;
  }
  .p_sec08__box_txt {
    font-size: 4.2666666667vw;
  }
  .p_sec08__box_txt > p:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
.dl-qa {
  margin: 0 auto 10px;
  max-width: 100%;
  padding: 0 50px;
}
.dl-qa dt {
  background: linear-gradient(180deg, rgb(247, 247, 247) 0%, rgb(249, 249, 249) 46%, rgb(240, 240, 240) 51%, rgb(247, 247, 247) 100%);
  border: #d6d6d6 1px solid;
  font-size: 20px;
  line-height: 40px;
  margin-top: 10px;
  padding: 15px 20px;
}
.dl-qa dt div {
  background: url("../images/icon-q.jpg") no-repeat;
  font-weight: 700;
  min-height: 50px;
  padding-left: 70px;
  line-height: 50px;
}
.dl-qa dd {
  background: url("../images/icon-a.jpg") no-repeat #fff;
  font-size: 18px;
  background-position: 20px 15px;
  border: #d6d6d6 1px solid;
  border-top: none;
  padding: 20px 70px 20px 90px;
  line-height: 1.8;
}

.accT {
  position: relative;
  cursor: pointer;
}
.accT:after {
  content: url("../images/icon-open.png");
  position: absolute;
  right: 20px;
  top: 20px;
}
.accT.open:after {
  content: url("../images/icon-close.png");
}

@media only screen and (max-width: 736px) {
  br.pcnone {
    display: inline !important;
  }
  .dl-qa {
    width: auto;
    padding: 0;
    margin: 0 5.0666666667vw;
    margin-bottom: 0;
  }
  .dl-qa dt {
    font-size: 4.8vw;
    line-height: 1.5;
    padding: 2.4vw 9.3333333333vw 3.4666666667vw 2.6666666667vw;
    background-color: #fafafa;
  }
  .dl-qa dt div {
    background-image: url("../images/icon-q-sp.jpg");
    min-height: 8vw;
    padding-left: 10.6666666667vw;
    padding-top: 1.0666666667vw;
    line-height: 1.2;
  }
  .dl-qa dd {
    background-image: url("../images/icon-a-sp.jpg");
    background-position: 2.6666666667vw 2.4vw;
    font-size: 4.2666666667vw;
    padding: 2.6666666667vw 6.6666666667vw 2.6666666667vw 13.3333333333vw;
    line-height: 1.5;
  }
  .accT:after {
    content: url("../images/icon-open-sp.png");
    right: 2.6666666667vw;
    top: 3.4666666667vw;
    width: auto;
    height: auto;
  }
  .accT.open:after {
    content: url("../images/icon-close-sp.png");
  }
  .f_sec07 .l_wrapper {
    padding-top: 13.3333333333vw;
    padding-bottom: 8vw;
  }
}
/* ------------------------------------------------------
/* Section 09
------------------------------------------------------ */
.f_sec09 {
  background: url(../images/sec09-bg.webp) no-repeat top center/1920px 520px;
}
.f_sec09 .l_wrapper {
  padding-top: 40px !important;
  background: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 736px) {
  .f_sec09 .l_wrapper {
    box-sizing: border-box;
    padding: 8vw 5.0666666667vw 0 !important;
  }
}

.f_sec09_ttl {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: 0;
  margin-bottom: 48px;
}
@media screen and (max-width: 736px) {
  .f_sec09_ttl {
    font-size: 6.4vw;
    margin-bottom: 8vw;
  }
}
.f_sec09_ttl .span-big {
  font-size: 48px;
  color: #1184ca;
  background-image: linear-gradient(to top, #fff500 0.46em, transparent 0.46em);
}
@media screen and (max-width: 736px) {
  .f_sec09_ttl .span-big {
    font-size: 8.5333333333vw;
  }
}

.f_sec09_row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  max-width: 860px;
  margin: 0 auto 48px;
}
@media screen and (max-width: 736px) {
  .f_sec09_row {
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw;
    max-width: none;
    margin-bottom: 8vw;
  }
}

.f_sec09_row_img {
  width: 450px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .f_sec09_row_img {
    width: auto;
    max-width: 89.8666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec09_row_img img {
    width: 100%;
  }
}

.f_sec09__texts {
  max-width: 370px;
}
@media screen and (max-width: 736px) {
  .f_sec09__texts {
    max-width: 98.6666666667vw;
  }
}

.f_sec09_row_txt {
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 736px) {
  .f_sec09_row_txt {
    font-size: 4.2666666667vw;
  }
}
.f_sec09_row_txt.__1 {
  padding-bottom: 16px;
}

.f_sec09_wrap {
  border-radius: 20px 20px 0px 0px;
  background: #f2f9fd;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
  }
}

.f_sec09_wrap_ttl {
  text-align: center;
  background: linear-gradient(90deg, #00cceb 0%, #006fb1 100%);
  color: #fff;
  padding: 10px 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_ttl {
    font-size: 5.6vw;
  }
}

.f_sec09_wrap_box {
  padding: 40px 80px;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_box {
    padding: 5.3333333333vw 2.6666666667vw 8vw;
  }
}
.f_sec09_wrap_box .list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_box .list {
    margin-bottom: 5.3333333333vw;
    justify-content: center;
    gap: 4.2666666667vw;
  }
}
.f_sec09_wrap_box .list_item {
  width: 253px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_box .list_item {
    width: 25.3333333333vw;
  }
}
.f_sec09_wrap_box .list_item .txt {
  padding: 4px 0;
  color: #fff;
  background: #1184ca;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_box .list_item .txt {
    font-size: 2.6666666667vw;
    padding: 0.5333333333vw 0;
  }
}
.f_sec09_wrap_box .list_item:not(:last-child)::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  right: -28px;
  margin: auto;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #1184ca;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_box .list_item:not(:last-child)::before {
    border-left-width: 1.8666666667vw;
    border-bottom-width: 1.3333333333vw;
    border-top-width: 1.3333333333vw;
    right: -3.2vw;
  }
}
.f_sec09_wrap_box .txt2 {
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 736px) {
  .f_sec09_wrap_box .txt2 {
    font-size: 4.2666666667vw;
  }
}

.f_sec09_bnr {
  margin-top: 32px;
  aspect-ratio: 1000/392;
}
@media screen and (max-width: 736px) {
  .f_sec09_bnr {
    margin-top: 4.2666666667vw;
    aspect-ratio: 337/410;
  }
}

/* end_Section 09
------------------------------------------------------ */
.mainColor {
  color: #1184ca;
}

.f_sec10 {
  position: relative;
  padding-top: 12px;
}
.f_sec10::before {
  content: "";
  position: absolute;
  width: 1920px;
  height: 800px;
  top: -386px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/sec10-bg.webp) no-repeat center center/contain;
}
@media screen and (max-width: 736px) {
  .f_sec10::before {
    width: 512vw;
    height: 149.3333333333vw;
    top: -86.1333333333vw;
    transform: translateX(-50%) rotate(4deg);
  }
}
.f_sec10::after {
  content: "";
  position: absolute;
  width: 1920px;
  height: 850px;
  bottom: -217px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/sec10-bg2.webp) no-repeat center center/contain;
}
.f_sec10 .l_wrapper {
  background: none;
  z-index: 1;
  position: relative;
}
.f_sec10 .l_wrapper::before {
  content: "";
  position: absolute;
  top: -30px;
  right: 120px;
  width: 160px;
  height: 160px;
  background: url(../images/medal-3.webp) center/cover no-repeat;
}
@media screen and (max-width: 736px) {
  .f_sec10 .l_wrapper::before {
    width: 32vw;
    height: 32vw;
    top: -8vw;
    right: 2.6666666667vw;
  }
}
.f_sec10 .f_sec10__float {
  position: absolute;
  color: #1a1a1a;
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 100%;
  font-size: 11px;
  top: 78px;
  right: 307px;
  letter-spacing: 1px;
}
@media screen and (max-width: 736px) {
  .f_sec10 .f_sec10__float {
    font-size: 2.6666666667vw;
    top: 26.6666666667vw;
    right: 3.2vw;
    letter-spacing: 0.2666666667vw;
  }
}

@media screen and (max-width: 736px) {
  .f_sec10 {
    padding-top: 17.0666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10::after {
    background: url(../images/sec10-bg2_sp.webp) no-repeat center center/cover;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -4.8vw;
    height: 196vw;
    transform: none;
  }
}
.f_sec10_ttl {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 48px;
}
@media screen and (max-width: 736px) {
  .f_sec10_ttl {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    margin-bottom: 13.8666666667vw;
    padding-right: 34.6666666667vw;
  }
}
.f_sec10_ttl .span-small {
  font-size: 32px;
}
@media screen and (max-width: 736px) {
  .f_sec10_ttl .span-small {
    font-size: 4.8vw;
  }
}

@media screen and (max-width: 736px) {
  .f_sec10_ttl .color-blue {
    font-size: 8.5333333333vw;
  }
}
.f_sec10_list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-bottom: 130px;
}
.f_sec10_list li {
  margin-bottom: 0;
}

@media screen and (max-width: 736px) {
  .f_sec10_list {
    gap: 10.6666666667vw;
    margin-bottom: 21.3333333333vw;
  }
  .f_sec10_list li {
    margin-bottom: 2.1333333333vw;
  }
}
.f_sec10_list_item {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item img {
    width: 100%;
  }
}
.f_sec10_list_item .img {
  width: 450px;
}
.f_sec10_list_item .box {
  flex: 1;
}
.f_sec10_list_item .box_txt1 {
  margin-bottom: 10px;
}
.f_sec10_list_item .box_txt1 .txt {
  display: inline-block;
  background: #1184ca;
  color: #fff;
  padding: 6px 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item .box_txt1 .txt {
    padding: 1.6vw 2.6666666667vw;
    font-size: 4.8vw;
  }
}
.f_sec10_list_item .box_ttl {
  margin-bottom: 30px;
  color: #1184ca;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
}
.f_sec10_list_item .box_txt2 {
  font-size: 18px;
  line-height: 1.7;
}
.f_sec10_list_item .box_txt2 .small {
  display: block;
  font-size: 13px;
  margin-top: 20px;
}
.f_sec10_list_item:nth-child(even) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 736px) {
  .f_sec10_list_item {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item .img {
    width: auto;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item .box {
    margin-top: -16vw;
    padding: 0 5.0666666667vw;
  }
  .f_sec10_list_item .box p {
    margin: 0 0 0;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item .box_txt1 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item .box_ttl {
    background: #fff;
    padding: 5.3333333333vw 0 5.3333333333vw 3.4666666667vw;
    font-size: 5.6vw;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item .box_txt2 {
    background: #fff;
    padding: 0 3.4666666667vw;
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_list_item:nth-child(even) {
    flex-direction: column;
  }
}
.f_sec10_row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.f_sec10_row .img {
  padding-top: 11px;
  width: 391px;
}
.f_sec10_row .box {
  flex: 1;
}
.f_sec10_row .box_ttl {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 30px;
}
.f_sec10_row .box_txt {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
}
.f_sec10_row .box_txt .yellow {
  background: #fff500;
  color: #1184ca !important;
  line-height: 2;
}

@media screen and (max-width: 736px) {
  .f_sec10_row {
    flex-direction: column;
    align-items: center;
    padding: 0 5.0666666667vw;
    gap: 0;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_row .img {
    padding-top: 0;
    width: 73.8666666667vw;
    order: 1;
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_row .box {
    display: contents;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_row .box_ttl {
    order: 0;
    font-size: 6.4vw;
    margin-bottom: 5.3333333333vw;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .f_sec10_row .box_txt {
    order: 2;
    font-size: 4.2666666667vw;
  }
}
.f_sec11 {
  background: #bfe3f7;
  padding-top: 270px;
  margin-top: -156px;
}
.f_sec11 .l_wrapper {
  background: none;
  padding: 0 110px 0px;
}

@media screen and (max-width: 736px) {
  .f_sec11 {
    margin-top: -26.6666666667vw;
    padding-top: 42.6666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11 .l_wrapper {
    box-sizing: border-box;
    padding: 0 5.0666666667vw;
  }
}
.f_sec11_ttl {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.5;
  margin-right: 260px;
  margin-bottom: 57px;
  margin-top: 0;
}
.f_sec11_ttl .txt1 {
  display: block;
  width: auto;
}
.f_sec11_ttl .txt2 {
  color: #1184ca;
  background-image: linear-gradient(to top, #fff500 0.46em, transparent 0.46em);
}

@media screen and (max-width: 736px) {
  .f_sec11_ttl {
    font-size: 8.5333333333vw;
    margin-right: 0;
    margin-bottom: 8vw;
    text-align: left;
  }
}
.f_sec11_img {
  position: absolute;
  width: 295px;
  top: -176px;
  right: 220px;
}

@media screen and (max-width: 736px) {
  .f_sec11_img {
    width: 43.4666666667vw;
    top: -16.8vw;
    right: 0;
  }
}
.f_sec11_list {
  display: flex;
  flex-direction: column;
  gap: 90px;
  margin-bottom: 113px;
}

@media screen and (max-width: 736px) {
  .f_sec11_list {
    gap: 13.3333333333vw;
    margin-bottom: 13.3333333333vw;
  }
}
.f_sec11_list_item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.f_sec11_list_item .img {
  width: 450px;
  position: relative;
  z-index: 1;
}
.f_sec11_list_item .box {
  width: 510px;
  color: #fff;
  margin-top: 80px;
  position: relative;
}
.f_sec11_list_item .box::before {
  content: "";
  position: absolute;
  top: -40px;
  width: 2000px;
}
.f_sec11_list_item .box_ttl {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #fff;
  border-left: 5px solid #fff;
  padding-left: 10px;
  margin-bottom: 25px;
  position: relative;
  margin-top: 0;
}
.f_sec11_list_item .box_txt1 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  margin-bottom: 25px;
}
.f_sec11_list_item .box_txt2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
  position: relative;
}
.f_sec11_list_item:nth-child(1) .box::before {
  height: 276px;
  background: #1184ca;
  left: -160px;
}
.f_sec11_list_item:nth-child(2) .box::before {
  height: 275px;
  background: #339dd8;
  right: -160px;
}
.f_sec11_list_item:nth-child(2) .img {
  order: 2;
}
.f_sec11_list_item:nth-child(2) .box {
  order: 1;
}
.f_sec11_list_item:nth-child(3) .box::before {
  height: 276px;
  background: #1184ca;
  left: -160px;
}
.f_sec11_list_item:nth-child(4) .box::before {
  height: 276px;
  background: #339dd8;
  right: -160px;
}
.f_sec11_list_item:nth-child(4) .img {
  order: 2;
}
.f_sec11_list_item:nth-child(4) .box {
  order: 1;
}

@media screen and (max-width: 736px) {
  .f_sec11_list_item {
    flex-direction: column;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item .img {
    max-width: 89.8666666667vw;
    width: auto;
    margin: 0 auto 7.2vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item .box {
    width: auto;
    margin-top: 0;
    padding-left: 20px;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item .box::before {
    top: -26.6666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item .box_ttl {
    font-size: 6.4vw;
    padding-bottom: 1.0666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item .box_txt1 {
    font-size: 4.8vw;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item .box_txt2 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(1) .box::before {
    height: 85.3333333333vw;
    left: -2.4vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(2) .box::before {
    height: 78.4vw;
    right: -2.4vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(2) .img {
    order: 1;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(2) .box {
    order: 2;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(3) .box::before {
    height: 85.3333333333vw;
    left: -2.4vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(4) .box::before {
    height: 92.8vw;
    right: -2.4vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(4) .img {
    order: 1;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_list_item:nth-child(4) .box {
    order: 2;
  }
}
.f_sec11_wrap {
  border-radius: 20px 20px 0px 0px;
  background: #f2f9fd;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 736px) {
  .f_sec11_wrap {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
}
.f_sec11_wrap_ttl {
  text-align: center;
  background: linear-gradient(90deg, #00cceb 0%, #006fb1 100%);
  color: #fff;
  padding: 10px 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}

@media screen and (max-width: 736px) {
  .f_sec11_wrap_ttl {
    font-size: 5.6vw;
  }
}
.f_sec11_wrap_box {
  padding: 30px 80px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 39px;
}
.f_sec11_wrap_box .box {
  box-sizing: border-box;
  width: 352px;
  background: #7290a1;
  padding: 20px 40px;
}
.f_sec11_wrap_box .box_ttl {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 10px;
}
.f_sec11_wrap_box .box_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.f_sec11_wrap_box .box_list_item {
  background: #fff;
  color: #7290a1;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 0;
}
.f_sec11_wrap_box .list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
.f_sec11_wrap_box .list_item {
  padding-left: 35px;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
}
.f_sec11_wrap_box .list_item::before {
  content: "";
  background: url(../images/check.webp) no-repeat center center/contain;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 3px;
  left: 0;
}

@media screen and (max-width: 736px) {
  .f_sec11_wrap_box {
    padding: 5.3333333333vw 2.6666666667vw;
    gap: 5.3333333333vw;
    flex-direction: column;
    align-items: start;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .box {
    width: 100%;
    padding: 5.3333333333vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .box_ttl {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .box_list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .box_list_item {
    font-size: 4.8vw;
    width: calc((100% - 2.6666666667vw) / 2);
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .box_list_item:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .list {
    gap: 3.7333333333vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .list_item {
    padding-left: 7.7333333333vw;
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec11_wrap_box .list_item::before {
    width: 6.4vw;
    height: 6.4vw;
    top: 0;
  }
}
.f_sec11__improvement {
  padding: 56px 0 72px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement {
    padding: 10.6666666667vw 0 10.6666666667vw;
  }
}
.f_sec11__improvement::before {
  content: "";
  position: absolute;
  width: 1920px;
  height: 1152px;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/versus-04.webp) no-repeat center center/contain;
  z-index: 0;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement::before {
    background: url(../images/versus-04-sp.webp) no-repeat center center/cover;
    width: 100vw;
    height: 224vw;
  }
}
.f_sec11__improvement::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -125px;
  width: 284px;
  height: 264px;
  background: url(../images/versus-03.webp) center/cover no-repeat;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement::after {
    width: 37.3333333333vw;
    height: 55.4666666667vw;
    left: -5.0666666667vw;
    background: url(../images/versus-03-sp.webp) center/cover no-repeat;
  }
}
.f_sec11__improvement .ttl {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
  padding-bottom: 32px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .ttl {
    font-size: 5.6vw;
    padding-bottom: 6.4vw;
  }
}
.f_sec11__improvement .ttl .large {
  color: #1a1a1a;
  font-family: "Noto Sans";
  font-size: 48px;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .ttl .large {
    font-size: 6.9333333333vw;
  }
}
.f_sec11__improvement .ttl .color-blue {
  color: #1184ca;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  display: block;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .ttl .color-blue {
    color: var(--, #1184ca);
    font-size: 6.9333333333vw;
  }
}
.f_sec11__improvement .ttl .span-small {
  color: #1184ca;
  font-family: "Noto Sans";
  font-size: 32px;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .ttl .span-small {
    font-size: 5.6vw;
  }
}
.f_sec11__improvement .cards {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto 32px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .cards {
    gap: 2.4vw;
    margin: 0 auto 6.4vw;
  }
}
.f_sec11__improvement .vs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 84px;
  height: 84px;
  justify-content: center;
  align-items: center;
  border-radius: 152px;
  background: #fff500;
  color: #1184ca;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 56px;
  font-weight: 700;
  z-index: 2;
  line-height: 70px;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .vs {
    font-size: 6.7466666667vw;
    width: 10.1333333333vw;
    height: 10.1333333333vw;
    line-height: 8.5333333333vw;
  }
}
.f_sec11__improvement .card {
  max-width: 488px;
  width: 100%;
  padding: 24px 0;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .card {
    max-width: 100%;
    padding: 6.4vw 0;
  }
}
.f_sec11__improvement .card.__1 {
  background: #7290a1;
}
.f_sec11__improvement .card.__2 {
  background: #1184ca;
}
.f_sec11__improvement .categiry {
  margin: 0 auto 12px;
  color: #7290a1;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 32px;
  font-weight: 700;
  width: 218px;
  height: 40px;
  border-radius: 136px;
  background: #fff;
  line-height: 38px;
}
.f_sec11__improvement .categiry.__2 {
  color: #1184ca;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .categiry {
    margin: 0 auto 2.4vw;
    font-size: 4.2666666667vw;
    width: 26.9333333333vw;
    height: 5.3333333333vw;
    line-height: 5.0666666667vw;
  }
}
.f_sec11__improvement .feature {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 24px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .feature {
    font-size: 5.6vw;
    padding-bottom: 4.2666666667vw;
  }
}
.f_sec11__improvement .img {
  width: 410px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .img {
    width: 39.7333333333vw;
  }
}
.f_sec11__improvement .support {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 21px;
  font-weight: 700;
  line-height: 170%;
  padding-bottom: 8px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .support {
    font-size: 4.8vw;
    padding-bottom: 4.2666666667vw;
  }
}
.f_sec11__improvement .expectations {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .expectations {
    font-size: 5.6vw;
    width: 55.7333333333vw;
    text-align: left;
    margin-left: auto;
  }
}
.f_sec11__improvement .expectations span {
  color: #1184ca;
  font-size: 32px;
  border-bottom: 3px solid #1184ca;
}
@media screen and (max-width: 736px) {
  .f_sec11__improvement .expectations span {
    font-size: 5.6vw;
    border-bottom: 0.5333333333vw solid #1184ca;
  }
}

.p-improvement {
  background: url(../images/graph-bg.webp) center/cover no-repeat;
  padding: 56px 0 24px;
}
@media screen and (max-width: 736px) {
  .p-improvement {
    padding: 8.5333333333vw 0 4.2666666667vw;
    background: url(../images/graph-bg-sp.webp) center/cover no-repeat;
  }
}
.p-improvement .sub {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 8px;
}
@media screen and (max-width: 736px) {
  .p-improvement .sub {
    font-size: 3.4666666667vw;
    padding-bottom: 2.1333333333vw;
  }
}
.p-improvement .main {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 32px;
}
@media screen and (max-width: 736px) {
  .p-improvement .main {
    font-size: 6.9333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
.p-improvement .main .small {
  color: #fff;
  font-size: 32px;
  padding-bottom: 32px;
}
@media screen and (max-width: 736px) {
  .p-improvement .main .small {
    font-size: 21px;
    padding-bottom: 0;
  }
}
.p-improvement .main .yellow {
  color: #fff500;
  font-size: 48px;
}
@media screen and (max-width: 736px) {
  .p-improvement .main .yellow {
    font-size: 6.9333333333vw;
  }
}
.p-improvement .explanation {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2.4px;
  padding-bottom: 40px;
  margin: 0;
}
@media screen and (max-width: 736px) {
  .p-improvement .explanation {
    font-size: 4.2666666667vw;
    letter-spacing: 0.4266666667vw;
    padding-bottom: 12.8vw;
  }
}
.p-improvement .box {
  padding-bottom: 32px;
  display: flex;
  justify-content: space-between;
  max-width: 540px;
  margin: 0 auto;
  position: relative;
  padding: 0 14px 32px;
}
@media screen and (max-width: 736px) {
  .p-improvement .box {
    max-width: 100%;
    padding: 0 3.7333333333vw 7.4666666667vw;
  }
}
.p-improvement .rate {
  position: absolute;
  bottom: 28px;
  left: 58%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 736px) {
  .p-improvement .rate {
    font-size: 3.4666666667vw;
    bottom: 22.4vw;
    left: 79%;
    white-space: nowrap;
  }
}
.p-improvement .charts {
  position: relative;
}
.p-improvement .charts.__1 {
  max-width: 260px;
}
@media screen and (max-width: 736px) {
  .p-improvement .charts.__1 {
    max-width: 54.6666666667vw;
    width: 100%;
  }
}
.p-improvement .charts.__2 {
  max-width: 200px;
  margin-top: 27px;
}
@media screen and (max-width: 736px) {
  .p-improvement .charts.__2 {
    max-width: 34.6666666667vw;
    width: 100%;
    margin-top: 0;
  }
}
.p-improvement .chart__float {
  color: #1184ca;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  background: #fff500;
  width: 161px;
  height: 52px;
  line-height: 50px;
  position: absolute;
  top: -10px;
  left: -70px;
  z-index: 1;
}
@media screen and (max-width: 736px) {
  .p-improvement .chart__float {
    width: 21.3333333333vw;
    height: 8.8vw;
    font-size: 5.6vw;
    top: -2.6666666667vw;
    left: 1.0666666667vw;
    line-height: 8.8vw;
  }
}
.p-improvement .chart__float.__2 {
  top: -6px;
  left: -50px;
  width: 124px;
  height: 40px;
  background: #fff;
  color: #1a1a1a;
  text-align: center;
  font-size: 18.462px;
  line-height: 38px;
}
@media screen and (max-width: 736px) {
  .p-improvement .chart__float.__2 {
    width: 21.3333333333vw;
    height: 6.9333333333vw;
    line-height: 6.4vw;
    font-size: 3.4666666667vw;
    top: -2.4vw;
    left: -6.6666666667vw;
  }
}
.p-improvement #chart14 {
  width: 260px;
}
.p-improvement #chart15 {
  width: 200px;
}
.p-improvement .chart .chart-main {
  width: 100%;
  margin: auto;
  position: relative;
}
.p-improvement .chart .chart-txt {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5vw;
  line-height: 1;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-family: "Oswald";
}
.p-improvement .chart .chart-number {
  display: inline-block;
  transition: opacity 0.4s;
  color: #fff500;
  text-align: right;
  font-size: 110px;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 736px) {
  .p-improvement .chart .chart-number {
    font-size: 21.3333333333vw;
  }
}
.p-improvement .chart .chart-number.__2 {
  font-size: 90px;
  color: #ffffff;
}
@media screen and (max-width: 736px) {
  .p-improvement .chart .chart-number.__2 {
    font-size: 13.3333333333vw;
  }
}
.appear .p-improvement .chart .chart-number {
  opacity: 1;
}
.p-improvement .chart .chart-percentage {
  opacity: 1;
  transition: opacity 0.4s;
  color: #fff500;
  text-align: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 736px) {
  .p-improvement .chart .chart-percentage {
    font-size: 5.6vw;
  }
}
.p-improvement .chart .chart-percentage.__2 {
  color: #ffffff;
}
.appear .p-improvement .chart .chart-percentage {
  opacity: 1;
}
.p-improvement .checks {
  padding-bottom: 38px;
}
@media screen and (max-width: 736px) {
  .p-improvement .checks {
    width: 79.7333333333vw;
    text-align: left;
    margin: 0 auto;
    padding-left: 9.3333333333vw;
    padding-bottom: 6.4vw;
  }
}
.p-improvement .check {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 21px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 auto;
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 736px) {
  .p-improvement .check {
    font-size: 4.8vw;
    white-space: initial;
    text-align: left;
  }
}
.p-improvement .check.__1 {
  max-width: 790px;
}
@media screen and (max-width: 736px) {
  .p-improvement .check.__1 {
    max-width: 100%;
  }
}
.p-improvement .check.__2 {
  max-width: 440px;
}
@media screen and (max-width: 736px) {
  .p-improvement .check.__2 {
    max-width: 100%;
  }
}
.p-improvement .check:not(:last-of-type) {
  margin-bottom: 8px;
}
@media screen and (max-width: 736px) {
  .p-improvement .check:not(:last-of-type) {
    margin-bottom: 4.2666666667vw;
  }
}
.p-improvement .check::before {
  content: "";
  position: absolute;
  top: 40%;
  transform: translateY(-50%) rotate(-45deg);
  left: -40px;
  width: 30px;
  height: 12px;
  border-left: 5.4px solid #fff500;
  border-bottom: 5.4px solid #fff500;
}
@media screen and (max-width: 736px) {
  .p-improvement .check::before {
    top: 10%;
    left: -10.6666666667vw;
    width: 8vw;
    height: 3.2vw;
    border-left: 1.44vw solid #fff500;
    border-bottom: 1.44vw solid #fff500;
  }
}
.p-improvement .quote {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  padding-left: 620px;
  margin: 0;
}
@media (max-width: 1500px) {
  .p-improvement .quote {
    padding-left: 20vw;
  }
}
@media screen and (max-width: 736px) {
  .p-improvement .quote {
    padding-left: 0;
    text-align: left;
    font-size: 2.6666666667vw;
    line-height: 130%;
    padding-left: 2.6666666667vw;
    font-feature-settings: "palt" 1;
    letter-spacing: -0.08vw;
  }
}

.p-compare {
  padding: 72px 0;
  position: relative;
  background-color: #f2f9fd;
}
@media screen and (max-width: 736px) {
  .p-compare {
    padding: 8.5333333333vw 0;
  }
}
.p-compare::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 800px;
  background: #133667;
  clip-path: polygon(0 100%, 100% 75%, 100% 100%, 0 100%);
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .p-compare::after {
    height: 106.6666666667vw;
  }
}
.p-compare .treatment-comparison {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison {
    padding: 0 5.0666666667vw;
  }
}
.p-compare .treatment-comparison .ttl {
  margin-top: 0;
  margin-bottom: 40px;
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .ttl {
    color: #1a1a1a;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 6.9333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.p-compare .treatment-comparison .ttl .span-small {
  font-size: 32px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .ttl .span-small {
    color: #1a1a1a;
    font-family: "Noto Sans";
    font-size: 5.6vw;
    font-weight: 700;
    line-height: 100%;
  }
}
.p-compare .treatment-comparison .ttl .highlight {
  color: #1184ca;
  font-size: 48px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .ttl .highlight {
    font-family: "Noto Sans";
    font-size: 6.9333333333vw;
    font-weight: 700;
    line-height: 100%;
  }
}
.p-compare .treatment-comparison .comparison-table {
  width: 100%;
  box-shadow: 16px 16px 20px 0px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  border: 0;
  border-radius: 32px 32px 0px 32px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table {
    box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8.5333333333vw 8.5333333333vw 0px 8.5333333333vw;
  }
}
.p-compare .treatment-comparison .comparison-table tr {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4px;
  display: grid;
  border-radius: 32px 0px 0px 0px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table tr {
    gap: 0.5333333333vw;
  }
}
.p-compare .treatment-comparison .comparison-table th,
.p-compare .treatment-comparison .comparison-table td {
  vertical-align: middle;
  border-right: none;
  border-bottom: none;
  height: 103px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table th,
  .p-compare .treatment-comparison .comparison-table td {
    height: 20.88vw;
  }
}
.p-compare .treatment-comparison .comparison-table td {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  display: block;
  background: #ffffff;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table td {
    font-feature-settings: "palt" on;
    font-size: 3.4666666667vw;
  }
}
.p-compare .treatment-comparison .comparison-table thead th {
  background: #898989;
  font-weight: bold;
  border-radius: 32px 32px 0px 0px;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table thead th {
    font-size: 4vw;
    border-radius: 4.2666666667vw 4.2666666667vw 0px 0px;
  }
}
.p-compare .treatment-comparison .comparison-table .heading.__1 {
  opacity: 0;
}
.p-compare .treatment-comparison .comparison-table .heading.__2 {
  position: relative;
}
.p-compare .treatment-comparison .comparison-table .heading.__2::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 217px;
  height: 632px;
  border-radius: 32px 32px 0px 0px;
  border: 7px solid #d73563;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .heading.__2::after {
    width: 21.6vw;
    height: 126.9333333333vw;
    border-radius: 5.0666666667vw 5.0666666667vw 0px 0px;
    border: 1.0666666667vw solid #d73563;
    top: -0.8vw;
    left: -1.0666666667vw;
  }
}
.p-compare .treatment-comparison .comparison-table tbody {
  grid-template-columns: 1fr;
  gap: 4px;
  display: grid;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table tbody {
    gap: 0.5333333333vw;
  }
}
.p-compare .treatment-comparison .comparison-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.p-compare .treatment-comparison .comparison-table .list {
  background: #92b1c1;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .list {
    font-size: 4.2666666667vw;
  }
}
.p-compare .treatment-comparison .comparison-table .list.__first {
  border-radius: 32px 0px 0px 0px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .list.__first {
    border-radius: 4.2666666667vw 0 0px 0px;
  }
}
.p-compare .treatment-comparison .comparison-table .list.__last {
  border-radius: 0 0px 0px 32px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .list.__last {
    border-radius: 0 0 0px 4.2666666667vw;
  }
}
.p-compare .treatment-comparison .comparison-table .highlight-prpg {
  background-color: #0085ce;
  color: white;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .highlight-prpg {
    font-size: 5.6vw;
  }
}
.p-compare .treatment-comparison .comparison-table .symbol {
  display: block;
  width: 48px;
  margin: 21px auto 4px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .symbol {
    width: 6.9333333333vw;
    margin: 4.16vw auto 1.0666666667vw;
  }
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .symbol.__two-tiers {
    margin: 2.0266666667vw auto 1.6vw;
  }
}
.p-compare .treatment-comparison .comparison-table .symbol.__Cross {
  width: 36px;
  margin: 24px auto 9px;
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .symbol.__Cross {
    width: 4.8vw;
    margin: 5.76vw auto 1.6vw;
  }
}
@media screen and (max-width: 736px) {
  .p-compare .treatment-comparison .comparison-table .symbol.__Cross.__two-tiers {
    margin: 3.8933333333vw auto 1.6vw;
  }
}
.p-compare .treatment-comparison .comparison-table tbody tr:nth-child(even) {
  background-color: #ebf2f8;
}

@media screen and (max-width: 736px) {
  .f_sec04 {
    padding-top: 0px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 736px) {
  .f_sec04::before {
    bottom: 0;
  }
}
.f_sec04_ttl {
  padding: 0;
  margin-top: 0;
  margin-bottom: 40px;
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 736px) {
  .f_sec04_ttl {
    font-size: 6.9333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}

.f_sec04 .p_sec04__box {
  border-bottom: none;
}

.f_sec06 {
  background: #bfe3f7;
  margin-top: -2px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .f_sec06 {
    margin-top: 0;
    padding-top: 8.5333333333vw;
  }
}
.f_sec06 .l_wrapper {
  padding: 0 110px 0px;
}
@media screen and (max-width: 736px) {
  .f_sec06 .l_wrapper {
    padding-bottom: 8.5333333333vw;
  }
}
.f_sec06::before {
  content: "";
  background: url(../images/sec06-bg.webp) no-repeat center center/cover;
  width: 1920px;
  height: 400px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 736px) {
  .f_sec06::before {
    background: url(../images/sec06-bg-sp.webp) no-repeat center center/cover;
    width: 100vw;
    height: 12.8vw;
  }
}
.f_sec06 .l_wrapper {
  background: none;
}
.f_sec06 .f_sec06__sub {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 8px;
}
@media screen and (max-width: 736px) {
  .f_sec06 .f_sec06__sub {
    font-size: 3.4666666667vw;
    padding-bottom: 2.1333333333vw;
  }
}
.f_sec06 .f_sec06_ttl {
  margin: 0 0 40px;
  color: #1184ca;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%; /* 48px */
}
@media screen and (max-width: 736px) {
  .f_sec06 .f_sec06_ttl {
    font-size: 6.9333333333vw;
    margin: 0 0 4.2666666667vw;
  }
}
.f_sec06 .price-section {
  max-width: 900px;
  margin: 0 auto 0 !important;
}
.f_sec06 .newcost-table {
  background: #fff;
}
.f_sec06 .newcost-table:not(:last-of-type) {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 736px) {
  .f_sec06 .newcost-table:not(:last-of-type) {
    margin-bottom: 5.3333333333vw !important;
  }
}
@media screen and (max-width: 736px) {
  .f_sec06 .newcost-table th {
    padding: 2.6666666667vw;
  }
}

@media screen and (max-width: 736px) {
  .f_sec06 .l_wrapper {
    box-sizing: border-box;
    padding-left: 5.0666666667vw;
    padding-right: 5.0666666667vw;
  }
}
.f_sec06_bnr1 {
  margin-bottom: 30px;
}

@media screen and (max-width: 736px) {
  .f_sec06_bnr1 {
    max-width: 89.8666666667vw;
    margin: 0 auto 5.3333333333vw;
  }
}
@media screen and (max-width: 736px) {
  .f_sec06_bnr2 {
    max-width: 89.8666666667vw;
    margin: 0 auto;
  }
}
.sec-newcost-box {
  background: none;
}
@media screen and (max-width: 736px) {
  .sec-newcost-box {
    font-size: 3.4666666667vw;
  }
}
.sec-newcost-box h4 {
  background: #1184ca;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 14px 0;
}
.sec-newcost-box h4.pre_col {
  background: linear-gradient(180deg, #133667 0%, #006fb1 100%);
}
.sec-newcost-box h4.pre_col::after {
  content: attr(note);
  display: block;
  color: #fff;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 736px) {
  .sec-newcost-box h4.pre_col::after {
    font-size: 3.4666666667vw;
  }
}

@media screen and (max-width: 736px) {
  .sec-newcost-box h4 {
    font-size: 4vw;
    padding: 2.4vw 0 !important;
  }
}
.f_sec07 {
  background: #ebf2f8;
}
.f_sec07 .f_sec07__sub {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 8px;
}
@media screen and (max-width: 736px) {
  .f_sec07 .f_sec07__sub {
    font-size: 3.4666666667vw;
    padding-bottom: 2.1333333333vw;
  }
}
.f_sec07 .l_wrapper {
  background: none;
  padding-top: 50px;
}
@media screen and (max-width: 736px) {
  .f_sec07 .l_wrapper {
    padding-top: 4.2666666667vw;
  }
}

.f_sec07_ttl {
  margin: 0;
  padding-bottom: 40px;
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%; /* 48px */
}
@media screen and (max-width: 736px) {
  .f_sec07_ttl {
    font-size: 6.9333333333vw;
    padding-bottom: 4.2666666667vw;
  }
}

.foot-btn_penis {
  display: none;
}

.foot-btn_penis2 {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top: 1px solid;
  -o-border-image: linear-gradient(to right, #00cceb, #006fb1) 1;
  border-image: linear-gradient(to right, #00cceb, #006fb1) 1;
  padding: 6px 0 13px;
}
.foot-btn_penis2 .list {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.foot-btn_penis2 .list_item {
  width: 108px;
}
.foot-btn_penis2 .list_item a {
  display: flex;
  justify-content: center;
  gap: 4px;
  border-radius: 5px;
  overflow: hidden;
  padding: 9px 0 8px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
  position: relative;
}
.foot-btn_penis2 .list_item a::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 5px;
  background: linear-gradient(180deg, #ddd 0%, #fff 50%, #222 50%, #aaa 100%);
  opacity: 0.15;
}
.foot-btn_penis2 .list_item .icon {
  position: relative;
}
.foot-btn_penis2 .list_item .txt {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}
.foot-btn_penis2 .list_item:nth-child(1) a {
  background: #e36630;
}
.foot-btn_penis2 .list_item:nth-child(1) .icon {
  width: 18px;
  margin-top: 1px;
}
.foot-btn_penis2 .list_item:nth-child(2) a {
  background: #44c22c;
}
.foot-btn_penis2 .list_item:nth-child(2) .icon {
  width: 17px;
}
.foot-btn_penis2 .list_item:nth-child(3) a {
  background: #018bc2;
}
.foot-btn_penis2 .list_item:nth-child(3) .icon {
  width: 16px;
  margin-top: 1px;
}

.f_sec06 .c-ttl,
.f_sec06 .p-content-subttl,
.f_sec06 .none {
  display: none;
}


/******************************************************
 * 症例写真
*******************************************************/
.f_casePhoto {
  background: linear-gradient(to bottom, #f2f9fd, #ffffff);
}
.f_casePhoto .f_casePhoto_ttl {
  color: #1a1a1a;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
  margin: 0 auto 32px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .f_casePhoto .f_casePhoto_ttl {
    margin: 0 auto 6.4vw;
    font-size: 6.9333333333vw;
  }
}

.casePhoto {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}
@media screen and (max-width: 736px) {
  .casePhoto {
    gap: 5.3vw;
    max-width: none;
  }
}
.casePhoto p {
  margin: 0;
}
.casePhoto_box {
  background: linear-gradient(to bottom, #fff, #f2f9fd);
  padding: 24px 48px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .casePhoto_box {
    padding: 4.2666666667vw 2.1333333333vw;
  }
}
.casePhoto_box .imgs {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 8px;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .imgs {
    flex-direction: column;
    margin-bottom: 2.7vw;
  }
  .casePhoto_box .imgs img {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .casePhoto_box .imgs_img {
    width: auto;
  }
}
.casePhoto_box .imgs_img img {
  height: auto;
}
.casePhoto_box .imgs_img._before, .casePhoto_box .imgs_img._after {
  position: relative;
}
.casePhoto_box .imgs_img._before::after, .casePhoto_box .imgs_img._after::after {
  content: "術前";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 2px 8px 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 2px;
  background: #595959;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .imgs_img._before::after, .casePhoto_box .imgs_img._after::after {
    font-size: 4.5vw;
  }
}
.casePhoto_box .imgs_img._after::after {
  content: "術後";
  background: #1184ca;
}
.casePhoto_box .imgs_img._after::before {
  content: "";
  font-size: 0;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
  border-left: 16px solid #1184ca;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .imgs_img._after::before {
    border-left-width: 3.4vw;
    border-top-width: 3.4vw;
    border-bottom-width: 3.4vw;
    top: -6%;
    left: 50%;
    transform: rotate(90deg);
  }
}
.casePhoto_box .imgs_chuui {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.casePhoto_box .imgs_chuui::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0;
  transition: 0.3s;
}
.casePhoto_box .imgs_chuui:hover::before {
  opacity: 0.6;
}
.casePhoto_box .imgs_chuui img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.casePhoto_box .desc {
  font-size: 16px;
  border: 2px solid #1184ca;
  display: flex;
  margin-bottom: 7px;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .desc {
    font-size: 3.5vw;
    line-height: 1.5;
    margin-bottom: 2vw;
    display: block;
  }
}
.casePhoto_box .desc_ttl {
  background: #1184ca;
  width: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .desc_ttl {
    width: auto;
  }
}
.casePhoto_box .desc_txt {
  background: #fff;
  flex: 1;
  padding: 10px 14px;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .desc_txt {
    padding: 1.5vw 2vw 2.5vw;
  }
}
.casePhoto_box .txt {
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5;
}
@media screen and (max-width: 736px) {
  .casePhoto_box .txt {
    font-size: 2.9vw;
  }
}

@media screen and (max-width: 736px) {
  .p_casePhoto {
    padding: 0 5.3vw;
  }
}

@media screen and (max-width: 736px) {
  .f_casePhoto .l_wrapper-symptoms__padding {
    padding: 0;
  }
}

.l_wrapper-symptoms {
  margin: 0 auto;
  max-width: 1220px;
  position: relative;
  width: 100%;
  padding: 48px 0 80px;
}
@media screen and (max-width: 736px) {
  .l_wrapper-symptoms {
    padding: 8.5333333333vw 0;
  }
}

.l_wrapper-symptoms__table {
  padding-bottom: 21px;
}

@media (max-width: 767px) {
  .l_wrapper-symptoms__table {
    padding-bottom: 0.2666666667vw;
  }
}
@media (max-width: 767px) {
  .price-section__price {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .wel-prp_penis_boost-flow-l_wrapper-symptoms {
    padding-bottom: 8vw;
  }
}
.l_wrapper-symptoms-question {
  margin: 0 auto;
  max-width: 1220px;
  position: relative;
  width: 100%;
  padding-bottom: 53px;
}

.l_wrapper-symptoms-question__padding {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.l_wrapper-symptoms__padding {
  padding: 0 110px;
}

@media (max-width: 767px) {
  .l_wrapper-symptoms__padding {
    padding: 0 5.0666666667vw;
  }
}
/* ------------------------------------------------------
/* pre_desc
------------------------------------------------------ */
.pre_desc {
  background: url(../images/pre_desc-bg.webp) no-repeat top center/1920px 872px;
  background-color: #133667;
  color: #fff;
}
.pre_desc .l_wrapper {
  padding-top: 40px;
  width: 900px;
  background: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 736px) {
  .pre_desc .l_wrapper {
    box-sizing: border-box;
    padding: 8vw 5.0666666667vw 0 !important;
  }
}

.pre_desc_ttl {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: 0;
  margin-bottom: 48px;
}
@media screen and (max-width: 736px) {
  .pre_desc_ttl {
    font-size: 4.8vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pre_desc_ttl .span-big {
  font-size: 56px;
  font-family: serif;
  font-style: italic;
}
@media screen and (max-width: 736px) {
  .pre_desc_ttl .span-big {
    font-size: 8.5333333333vw;
  }
}

.pre_desc_row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  max-width: 860px;
  margin: 0 auto 48px;
}
@media screen and (max-width: 736px) {
  .pre_desc_row {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 5.3333333333vw;
    max-width: none;
    margin-bottom: 8vw;
  }
}

.pre_desc_row_img {
  width: 355px;
}
@media screen and (max-width: 736px) {
  .pre_desc_row_img {
    width: auto;
    max-width: 40vw;
    margin-bottom: -39.4666666667vw;
  }
}
.pre_desc_row_img figure {
  margin: 0;
}
@media screen and (max-width: 736px) {
  .pre_desc_row_img img {
    width: 100%;
  }
}

.pre_desc__texts {
  max-width: 470px;
}
@media screen and (max-width: 736px) {
  .pre_desc__texts {
    max-width: 98.6666666667vw;
  }
}

.pre_desc_row_copy {
  font-size: 30px;
  font-weight: bold;
  line-height: 1 !important;
  padding-bottom: 48px;
}
@media screen and (max-width: 736px) {
  .pre_desc_row_copy {
    line-height: 1.3 !important;
    font-size: 5.6vw;
    padding-bottom: 10.6666666667vw;
  }
}
.pre_desc_row_copy strong {
  color: #fff500;
  font-size: 48px;
  line-height: 1;
}
@media screen and (max-width: 736px) {
  .pre_desc_row_copy strong {
    font-size: 10.6666666667vw;
    line-height: 1.3;
  }
}

.pre_desc_row_txt {
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 736px) {
  .pre_desc_row_txt {
    font-size: 4.2666666667vw;
  }
}
.pre_desc_row_txt.__1 {
  padding-bottom: 16px;
}

/* end_pre_desc
------------------------------------------------------ */
/* ------------------------------------------------------
/* pre_com
------------------------------------------------------ */
.pre_com {
  position: relative;
  padding: 0 0 72px;
  background-color: #133667;
  background: linear-gradient(180deg, #133667 0%, #006fb1 100%);
  z-index: 1;
}
@media screen and (max-width: 736px) {
  .pre_com {
    padding: 8.5333333333vw 0;
  }
}
.pre_com::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 800px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 75%, 100% 100%, 0 100%);
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .pre_com::after {
    height: 106.6666666667vw;
  }
}
.pre_com .treatment-comparison {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  max-width: 900px;
  margin: 0 auto;
  z-index: 3;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison {
    padding: 0 5.0666666667vw;
  }
}
.pre_com .treatment-comparison .ttl {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  font-family: "Noto Sans";
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .ttl {
    text-align: center;
    font-family: "Noto Sans";
    font-size: 6.9333333333vw;
    margin-bottom: 4.2666666667vw;
    line-height: 1.3;
  }
}
.pre_com .treatment-comparison .ttl .span-small {
  font-size: 26px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .ttl .span-small {
    font-family: "Noto Sans";
    font-size: 5.6vw;
    font-weight: 700;
    line-height: 100%;
  }
}
.pre_com .treatment-comparison .ttl .highlight {
  color: #fff500;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .ttl .highlight {
    font-family: "Noto Sans";
    font-size: 6.9333333333vw;
    font-weight: 700;
    line-height: 100%;
  }
}
.pre_com .treatment-comparison .comparison-table {
  width: 100%;
  box-shadow: 16px 16px 20px 0px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  border: 0;
  border-radius: 32px 32px 0px 32px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table {
    box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8.5333333333vw 8.5333333333vw 0px 8.5333333333vw;
  }
}
.pre_com .treatment-comparison .comparison-table tr {
  grid-template-columns: 0.7fr 1fr 1fr;
  gap: 4px;
  display: grid;
  border-radius: 32px 0px 0px 0px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table tr {
    gap: 0.5333333333vw;
  }
}
.pre_com .treatment-comparison .comparison-table th,
.pre_com .treatment-comparison .comparison-table td {
  vertical-align: middle;
  border-right: none;
  border-bottom: none;
  height: 103px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table th,
  .pre_com .treatment-comparison .comparison-table td {
    height: 20.88vw;
  }
}
.pre_com .treatment-comparison .comparison-table td {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  background: #fff;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table td {
    font-feature-settings: "palt" on;
    font-size: 3.4666666667vw;
  }
}
.pre_com .treatment-comparison .comparison-table td div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pre_com .treatment-comparison .comparison-table td div span {
  display: block;
  color: #fff;
  background-color: #d73563;
  padding: 0 4px 2px;
  margin-top: 4px;
}
.pre_com .treatment-comparison .comparison-table thead th {
  background: #e7839f;
  font-weight: bold;
  border-radius: 32px 32px 0px 0px;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table thead th {
    font-size: 4.8vw;
    border-radius: 4.2666666667vw 4.2666666667vw 0px 0px;
  }
}
.pre_com .treatment-comparison .comparison-table .heading.__1 {
  opacity: 0;
}
.pre_com .treatment-comparison .comparison-table tbody {
  grid-template-columns: 1fr;
  gap: 4px;
  display: grid;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table tbody {
    gap: 0.5333333333vw;
  }
}
.pre_com .treatment-comparison .comparison-table .list {
  background: #999;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .list {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.pre_com .treatment-comparison .comparison-table .list.__first {
  border-radius: 32px 0px 0px 0px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .list.__first {
    border-radius: 4.2666666667vw 0 0px 0px;
  }
}
.pre_com .treatment-comparison .comparison-table .list.__last {
  border-radius: 0 0px 0px 32px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .list.__last {
    border-radius: 0 0 0px 4.2666666667vw;
  }
}
.pre_com .treatment-comparison .comparison-table .highlight-prpg {
  background: linear-gradient(180deg, #00cceb 0%, #006fb1 100%);
  color: white;
}
.pre_com .treatment-comparison .comparison-table .symbol {
  display: block;
  width: 48px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .symbol {
    width: 9.6vw;
  }
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .symbol.__two-tiers {
    margin: 2.0266666667vw auto 1.6vw;
  }
}
.pre_com .treatment-comparison .comparison-table .symbol.__Cross {
  width: 36px;
  margin: 24px auto 9px;
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .symbol.__Cross {
    width: 4.8vw;
    margin: 5.76vw auto 1.6vw;
  }
}
@media screen and (max-width: 736px) {
  .pre_com .treatment-comparison .comparison-table .symbol.__Cross.__two-tiers {
    margin: 3.8933333333vw auto 1.6vw;
  }
}

/* end_pre_com
------------------------------------------------------ *//*# sourceMappingURL=style.css.map */