@charset "UTF-8";
body, h1, h2, h3, h4, h5, p, ul, ol, li, a, dl, dt, dd, table, tr, th, td, span, figure {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: inherit;
  list-style: none;
  outline: none;
}

* {
  line-height: 1.2;
  letter-spacing: 0;
  box-sizing: border-box;
}

.slick-slide:focus {
  outline: none;
}

picture {
  display: block;
}

button, input, select, textarea {
  background-color: unset;
  border: none;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  color: var(--c-main);
  font-weight: var(--f-main_w);
  font-family: var(--f-main_ff);
}

table {
  border-collapse: collapse;
}

select::-ms-expand {
  display: none;
}

@font-face {
  font-family: zen;
  src: url(../fonts/Zen_Maru_Gothic/ZenMaruGothic-Medium.ttf) format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: zen;
  src: url(../fonts/Zen_Maru_Gothic/ZenMaruGothic-Bold.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: zennew;
  src: url(../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.ttf) format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: zennew;
  src: url(../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: noto;
  src: url(../fonts/NotoSansJP/NotoSansJP-Regular.otf) format("opentype");
  font-weight: normal;
}
@font-face {
  font-family: mon;
  src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
  font-weight: normal;
}
:root {
  --c-fff: #FFF;
  --c-000: #000;
  --c-333: #333;
  --c-FFF6D4: #FFF6D4;
  --c-FFEF90: #FFEF90;
  --c-FFFFAA: #FFFFAA;
  --c-FFF9DB: #FFF9DB;
  --c-FDEE8F: #FDEE8F;
  --c-7A4506: #7A4506;
  --c-D94647: #D94647;
  --c-EF9B00: #EF9B00;
  --c-E6191A: #E6191A;
  --c-D03E7B: #D03E7B;
  --c-FE9A9B: #FE9A9B;
  --c-665059: #665059;
  --c-E0E0E0: #E0E0E0;
  --c-E0CCD4: #E0CCD4;
  --c-F8F0F3: #F8F0F3;
  --c-EFFBEC: #EFFBEC;
  --c-E6F4FE: #E6F4FE;
  --c-E4EFF2: #E4EFF2;
  --c-FFF1F6: #FFF1F6;
  --c-DAE2EB: #DAE2EB;
  --c-2A7C2D: #2A7C2D;
  --c-0D5C40: #0D5C40;
  --c-009D66: #009D66;
  --c-5DAE5F: #5DAE5F;
  --c-589E5B: #589E5B;
  --c-A7C5A9: #A7C5A9;
  --c-0075C2: #0075C2;
  --c-0D6DC0: #0D6DC0;
  --c-C0DCF4: #C0DCF4;
  --c-CEE8FF: #CEE8FF;
  --f-main_ff: zen, sans-serif;
  --f-zennew: zennew, sans-serif;
  --f-noto: noto, sans-serif;
  --f-mon: mon, sans-serif;
  --p-sec_top-bottom: 7.5rem 15.4rem;
}

@media screen and (max-width: 768px) {
  :root {
    --p-sec_top-bottom: 3.4rem 8.3rem;
  }
}
html, body {
  font-size: 0.6944444444vw;
  font-family: var(--f-main_ff);
  position: relative;
  color: var(--c-333);
}

a {
  display: inline-block;
  color: var(--c-333);
  transition: all 0.2s;
}

input {
  transition: all 0.2s;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

img, svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  html, body {
    font-size: 2.6666666667vw;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
#youho .header {
  padding-block: 1.6rem;
  background-color: var(--c-FFF6D4);
}
@media screen and (max-width: 768px) {
  #youho .header {
    padding-block: 0.8rem 1.6rem;
  }
}
#youho .header .inner {
  padding-inline: 5rem;
}
@media screen and (max-width: 768px) {
  #youho .header .inner {
    padding-inline: 1.6rem;
  }
}
#youho .header .inner .logo {
  width: 100%;
  max-width: 18.6rem;
}
@media screen and (max-width: 768px) {
  #youho .header .inner .logo {
    max-width: 12.9rem;
  }
}
#youho .header .inner .logo .link {
  display: block;
}

#youho .footer {
  background-color: var(--c-fff);
  padding-block: 2.4rem 2rem;
}
#youho .footer .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .footer .inner {
    padding-inline: 1.6rem;
  }
}
#youho .footer .inner .logo {
  width: 100%;
  max-width: 16.1rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #youho .footer .inner .logo {
    max-width: 15.1rem;
  }
}
#youho .footer .inner .logo .link {
  display: block;
}
#youho .footer .inner .copy {
  font-size: 1.2rem;
  text-align: center;
  font-family: var(--f-mon);
  margin-top: 1.5rem;
}

#youho main {
  overflow: hidden;
}
#youho .bold {
  font-weight: bold;
}
#youho .fade {
  display: block;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
#youho .fade.-up {
  transform: translateY(2rem);
}
@media screen and (max-width: 768px) {
  #youho .fade.-sp_stop {
    opacity: 1;
    transform: translateY(0);
  }
}
#youho .fade._d2 {
  transition-delay: 0.3s;
}
#youho .fade._d3 {
  transition-delay: 0.5s;
}
#youho .fade._d4 {
  transition-delay: 0.7s;
}
#youho .fade._d5 {
  transition-delay: 0.9s;
}
#youho .fade.vis {
  opacity: 1;
}
#youho .fade.vis.-up {
  transform: translateY(0);
}
#youho .mv {
  background-color: var(--c-FFF6D4);
  padding-block: 5rem 15.1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .mv::after {
    content: "";
    display: block;
    position: absolute;
    top: 22.8rem;
    left: 0;
    width: 100%;
    height: 26.5rem;
    background: url(../img/mv_bg01-sp.webp) top center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  #youho .mv {
    padding-block: 2.4rem 8.3rem;
  }
}
#youho .mv .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner {
    padding-inline: 1.6rem;
  }
}
#youho .mv .inner::before, #youho .mv .inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 31.8rem;
  height: 18.8rem;
  background: url(../img/mv_obj01.webp) center center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner::before, #youho .mv .inner::after {
    display: none;
  }
}
#youho .mv .inner::before {
  top: -3.3rem;
  right: -18rem;
}
#youho .mv .inner::after {
  bottom: -5.7rem;
  left: -22.7rem;
}
#youho .mv .inner .txtBlk {
  position: relative;
  width: 100%;
  max-width: calc(100% - 55.8rem);
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk {
    max-width: 100%;
  }
}
#youho .mv .inner .txtBlk .txtImg {
  display: block;
  width: 100%;
}
#youho .mv .inner .txtBlk .txtImg._01 {
  max-width: 28.9rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txtImg._01 {
    max-width: 18.7rem;
  }
}
#youho .mv .inner .txtBlk .txtImg._02 {
  max-width: 48rem;
  margin: 5.6rem auto 0;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txtImg._02 {
    max-width: 34.3rem;
    margin-top: 1.6rem;
  }
}
#youho .mv .inner .txtBlk .txt {
  color: var(--c-7A4506);
  text-align: center;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt {
    font-size: 2.4rem;
    font-weight: bold;
  }
}
#youho .mv .inner .txtBlk .txt._01 {
  margin-top: 1.7rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt._01 {
    margin-top: 0.7rem;
  }
}
#youho .mv .inner .txtBlk .txt._02 {
  margin-top: 0.7rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt._02 {
    margin-top: 0.4rem;
    margin-right: -1.2rem;
  }
}
#youho .mv .inner .txtBlk .txt._03 {
  margin-top: 0.8rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt._03 {
    margin-top: 0.3rem;
  }
}
#youho .mv .inner .txtBlk .txt .ten {
  position: relative;
  display: inline-block;
  margin-right: 3.6rem;
  font-size: 6.4rem;
  color: var(--c-D94647);
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt .ten {
    margin-right: 1.6rem;
  }
}
#youho .mv .inner .txtBlk .txt .ten::before, #youho .mv .inner .txtBlk .txt .ten::after {
  position: absolute;
}
#youho .mv .inner .txtBlk .txt .ten::before {
  content: "“";
  top: -2rem;
  left: -3.6rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt .ten::before {
    left: -1.8rem;
  }
}
#youho .mv .inner .txtBlk .txt .ten::after {
  content: "”";
  bottom: -4.2rem;
  right: -3.6rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt .ten::after {
    bottom: -3rem;
    right: -2.1rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt .ten {
    font-size: 3.6rem;
    margin-right: 2.2rem;
  }
}
#youho .mv .inner .txtBlk .txt .ten::before, #youho .mv .inner .txtBlk .txt .ten::after {
  font-size: 7.2rem;
  color: var(--c-FE9A9B);
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt .ten::before, #youho .mv .inner .txtBlk .txt .ten::after {
    font-size: 4.8rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .txt .ten::after {
    right: -2.3rem;
  }
}
#youho .mv .inner .txtBlk .lead {
  text-align: center;
  margin-top: 2.1rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .lead {
    margin-top: 3.4rem;
  }
}
#youho .mv .inner .txtBlk .lead .line {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  color: var(--c-7A4506);
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .lead .line {
    font-size: 1.8rem;
  }
}
#youho .mv .inner .txtBlk .lead .line::before, #youho .mv .inner .txtBlk .lead .line::after {
  content: "";
  display: block;
  position: absolute;
  width: 2.7rem;
  height: 2.7rem;
  top: 0.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .lead .line::before, #youho .mv .inner .txtBlk .lead .line::after {
    width: 1.8rem;
    height: 1.8rem;
    top: 0.6rem;
  }
}
#youho .mv .inner .txtBlk .lead .line::before {
  left: -3rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2727%27%20height%3D%2727%27%20viewBox%3D%270%200%2027%2027%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M5.90108%200.358719C6.37937%200.0825771%206.99081%200.246413%207.26696%200.724706L21.4091%2025.2196C21.6852%2025.6979%2021.5214%2026.3093%2021.0431%2026.5855C20.5648%2026.8616%2019.9534%2026.6978%2019.6772%2026.2195L5.53509%201.7246C5.25895%201.24631%205.42278%200.634862%205.90108%200.358719Z%27%20fill%3D%27%237A4506%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .lead .line::before {
    left: -2.1rem;
  }
}
#youho .mv .inner .txtBlk .lead .line::after {
  right: -3rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2725%27%20height%3D%2727%27%20viewBox%3D%270%200%2025%2027%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M19.3185%201.00015L5.17635%2025.4951%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .lead .line::after {
    right: -2rem;
  }
}
#youho .mv .inner .txtBlk .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .mv .inner .txtBlk .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
#youho .mv .inner .txtBlk .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .mv .inner .txtBlk .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk {
  position: absolute;
  top: 0;
  right: -55.8rem;
  width: 100%;
  max-width: 55.8rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk {
    position: static;
    max-width: 26.6rem;
    margin: 1.3rem auto 0;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -5.1rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list {
    margin-top: -4.2rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk {
  width: 100%;
  max-width: 19rem;
  flex: 0 0 19rem;
  height: 19rem;
  background-color: var(--c-fff);
  border: 0.5rem solid var(--c-FFEF90);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk {
    max-width: 12rem;
    flex: 0 0 12rem;
    height: 12rem;
    border-width: 0.3rem;
    gap: 0.4rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk:nth-of-type(1) {
  background-color: var(--c-FFEF90);
  margin-right: -1rem;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk:nth-of-type(1) {
    margin-right: -0.9rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk:nth-of-type(2) {
  z-index: 1;
}
#youho .mv .inner .txtBlk .imgBlk .list .blk:nth-of-type(3) {
  margin-left: -1rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk:nth-of-type(3) {
    margin-left: -0.9rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk .txt {
  display: block;
  color: var(--c-333);
  font-weight: bold;
  text-align: center;
}
#youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-32 {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-32 {
    font-size: 2rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-28 {
  font-size: 2.8rem;
  margin-top: -0.6rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-28 {
    font-size: 1.8rem;
    margin-top: -0.4rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-24 {
    font-size: 1.6rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-20 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-20 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-14 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt.fz-12 {
    font-size: 1.2rem;
  }
}
#youho .mv .inner .txtBlk .imgBlk .list .blk .txt .en {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .mv .inner .txtBlk .imgBlk .list .blk .txt .en {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px) {
  #youho .mv .inner ._d5 {
    transition-delay: 0s;
  }
}
#youho .sec01 {
  background-color: var(--c-EFFBEC);
  position: relative;
  padding-block: var(--p-sec_top-bottom);
}
#youho .sec01::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec01_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec01::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec01::before {
    background-image: url(../img/sec01_bg01-sp.webp);
  }
}
#youho .sec01 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec01 .inner .ttlBlk {
  text-align: center;
}
#youho .sec01 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec01 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec01 .inner .ttlBlk .txtBox::before, #youho .sec01 .inner .ttlBlk .txtBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.1rem;
  height: 8.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .ttlBlk .txtBox::before, #youho .sec01 .inner .ttlBlk .txtBox::after {
    width: 1.5rem;
    height: 4.6rem;
  }
}
#youho .sec01 .inner .ttlBlk .txtBox::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M17%202L2%2017%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2023.0206L5.52811%2030.7988%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2063.7268L5.52811%2055.9486%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2086.1406L2%2071.1406%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M33.0003%2043.3737H7.54446%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  right: -6.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .ttlBlk .txtBox::before {
    right: -3.1rem;
  }
}
#youho .sec01 .inner .ttlBlk .txtBox::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M18.0004%202L33.0004%2017%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2023.0206L29.4722%2030.7988%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2063.7268L29.4722%2055.9486%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M18.0004%2086.1406L33.0004%2071.1406%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M2%2043.3737H27.4558%27%20stroke%3D%27%232A7C2D%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  left: -7.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .ttlBlk .txtBox::after {
    left: -3.4rem;
  }
}
#youho .sec01 .inner .ttlBlk .txtBox .waku {
  display: inline-block;
  width: 100%;
  vertical-align: super;
  max-width: 16.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .ttlBlk .txtBox .waku {
    max-width: 8.6rem;
  }
}
#youho .sec01 .inner .list {
  display: flex;
  justify-content: center;
  gap: 4rem 3rem;
  margin-top: 10.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .list {
    flex-direction: column;
    margin-top: 5.4rem;
  }
}
#youho .sec01 .inner .list .blk {
  position: relative;
  width: 48.3rem;
  border: 0.2rem solid var(--c-2A7C2D);
  border-radius: 1.2rem 0 1.2rem 1.2rem;
  background-color: var(--c-fff);
  padding: 3rem 1.8rem 3rem 19.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .list .blk {
    width: 100%;
    border-radius: 0.8rem 0 0.8rem 0.8rem;
    padding: 1.3rem 3rem 1.3rem 11.8rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .list .blk:first-of-type .icon {
    top: -4.6rem;
  }
}
#youho .sec01 .inner .list .blk .name {
  position: absolute;
  top: -3.6rem;
  right: -0.2rem;
  font-size: 2rem;
  color: var(--c-fff);
  font-family: var(--f-noto);
  background-color: var(--c-2A7C2D);
  border-radius: 1.2rem 1.2rem 0 0;
  padding: 0.6rem 6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .list .blk .name {
    top: -2.5rem;
    font-size: 1.4rem;
    border-radius: 0.8rem 0.8rem 0 0;
    padding: 0.4rem 3.2rem;
  }
}
#youho .sec01 .inner .list .blk .icon {
  position: absolute;
  top: -4.8rem;
  left: 2.5rem;
  display: block;
  width: 100%;
  max-width: 12.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .list .blk .icon {
    max-width: 7.3rem;
    top: -2.7rem;
    left: 2.1rem;
  }
}
#youho .sec01 .inner .list .blk .txt {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .list .blk .txt {
    font-size: 1.4rem;
  }
}
#youho .sec01 .inner .txtBlk {
  position: relative;
  margin-top: 6.6rem;
  padding-inline: 23rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk {
    padding-inline: 0;
    margin-top: 5rem;
  }
}
#youho .sec01 .inner .txtBlk .subTtl {
  text-align: center;
  font-size: 2.4rem;
  color: var(--c-2A7C2D);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .subTtl {
    font-size: 1.6rem;
  }
}
#youho .sec01 .inner .txtBlk .subTtl .ten {
  position: relative;
  display: inline-block;
  margin-right: 3.6rem;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .subTtl .ten {
    margin-right: 1.6rem;
  }
}
#youho .sec01 .inner .txtBlk .subTtl .ten::before, #youho .sec01 .inner .txtBlk .subTtl .ten::after {
  position: absolute;
}
#youho .sec01 .inner .txtBlk .subTtl .ten::before {
  content: "“";
  top: -2rem;
  left: -3.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .subTtl .ten::before {
    left: -1.8rem;
  }
}
#youho .sec01 .inner .txtBlk .subTtl .ten::after {
  content: "”";
  bottom: -4.2rem;
  right: -3.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .subTtl .ten::after {
    bottom: -3rem;
    right: -2.1rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .subTtl .ten {
    font-size: 2.4rem;
    margin-right: 2.2rem;
  }
}
#youho .sec01 .inner .txtBlk .subTtl .ten::before, #youho .sec01 .inner .txtBlk .subTtl .ten::after {
  font-size: 5.4rem;
  color: var(--c-5DAE5F);
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .subTtl .ten::before, #youho .sec01 .inner .txtBlk .subTtl .ten::after {
    font-size: 4rem;
  }
}
#youho .sec01 .inner .txtBlk .txtBox {
  margin-top: 5.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .txtBox {
    margin-top: 2.7rem;
  }
}
#youho .sec01 .inner .txtBlk .txtBox .lead {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .txtBox .lead {
    font-size: 1.6rem;
  }
}
#youho .sec01 .inner .txtBlk .txtBox .lead + .lead {
  margin-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .txtBox .lead + .lead {
    margin-top: 2.1rem;
  }
}
#youho .sec01 .inner .txtBlk .txtBox .lead .line {
  font-weight: bold;
  padding-bottom: 0.2rem;
  background: linear-gradient(to bottom, transparent 0, transparent 46%, var(--c-FFFFAA) 46%, var(--c-FFFFAA) 100%);
}
#youho .sec01 .inner .txtBlk .limit {
  display: grid;
  grid-template-columns: 2rem auto;
  gap: 1rem;
  justify-content: center;
  align-items: flex-end;
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .limit {
    grid-template-columns: 1.5rem auto;
    gap: 0.8rem;
    margin-top: 2.9rem;
  }
}
#youho .sec01 .inner .txtBlk .limit .txt {
  font-size: 2.4rem;
  color: var(--c-2A7C2D);
  font-family: var(--f-zennew);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .limit .txt {
    font-size: 1.8rem;
    margin-bottom: -0.4rem;
  }
}
#youho .sec01 .inner .txtBlk .limit .txt .num {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .limit .txt .num {
    font-size: 2.8rem;
  }
}
#youho .sec01 .inner .txtBlk .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec01 .inner .txtBlk .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .btn {
    margin-top: 3.2rem;
  }
}
#youho .sec01 .inner .txtBlk .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec01 .inner .txtBlk .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .txtBlk .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .sec01 .inner .obj {
  display: block;
  position: absolute;
  width: 100%;
}
#youho .sec01 .inner .obj._01 {
  max-width: 30.8rem;
  top: 0;
  left: -10.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .obj._01 {
    max-width: 15.7rem;
    top: 32.5rem;
    left: -4.1rem;
  }
}
#youho .sec01 .inner .obj._02 {
  max-width: 25.9rem;
  top: 12.6rem;
  left: -9.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .obj._02 {
    max-width: 13.3rem;
    top: 39.1rem;
    left: -2.2rem;
  }
}
#youho .sec01 .inner .obj._03 {
  max-width: 22.7rem;
  top: 27.5rem;
  right: -6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .obj._03 {
    max-width: 14.7rem;
    top: 69rem;
    right: -4.4rem;
  }
}
#youho .sec01 .inner .obj._04 {
  max-width: 30.3rem;
  top: 34.4rem;
  right: -6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .obj._04 {
    max-width: 19.6rem;
    top: 73.4rem;
    right: -2.4rem;
  }
}
#youho .sec01 .inner .obj._05 {
  max-width: 22.8rem;
  top: 86rem;
  left: -1.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .obj._05 {
    display: none;
  }
}
#youho .sec01 .inner .obj._06 {
  max-width: 30.3rem;
  top: 76rem;
  left: 0.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec01 .inner .obj._06 {
    display: none;
  }
}
#youho .sec02 {
  position: relative;
  background-color: var(--c-FFF9DB);
  padding-block: var(--p-sec_top-bottom);
}
#youho .sec02::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec02_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec02::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec02::before {
    background-image: url(../img/sec02_bg01-sp.webp);
  }
}
#youho .sec02 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec02 .inner .obj {
  display: block;
  width: 100%;
  position: absolute;
}
#youho .sec02 .inner .obj._01 {
  max-width: 24.9rem;
  top: -2.2rem;
  left: -12.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .obj._01 {
    display: none;
  }
}
#youho .sec02 .inner .obj._02 {
  max-width: 22.6rem;
  top: 14.6rem;
  left: -9.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .obj._02 {
    max-width: 13.8rem;
    top: 4.6rem;
    left: auto;
    right: -1.9rem;
  }
}
#youho .sec02 .inner .obj._03 {
  max-width: 25.8rem;
  top: 4.2rem;
  right: -5.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .obj._03 {
    max-width: 13.7rem;
    top: 51.6rem;
    right: 0.4rem;
  }
}
#youho .sec02 .inner .obj._04 {
  max-width: 20.7rem;
  top: 66.9rem;
  right: -0.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .obj._04 {
    display: none;
  }
}
#youho .sec02 .inner .obj._05 {
  max-width: 30.1rem;
  top: 65.2rem;
  right: -7.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .obj._05 {
    max-width: 18.7rem;
    top: 97.8rem;
    right: auto;
    left: -1.6rem;
  }
}
#youho .sec02 .inner .ttlBlk {
  text-align: center;
}
#youho .sec02 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec02 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec02 .inner .ttlBlk .txtBox::before, #youho .sec02 .inner .ttlBlk .txtBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.1rem;
  height: 8.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .ttlBlk .txtBox::before, #youho .sec02 .inner .ttlBlk .txtBox::after {
    width: 1.5rem;
    height: 4.6rem;
  }
}
#youho .sec02 .inner .ttlBlk .txtBox::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M17%202L2%2017%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2023.0205L5.52811%2030.7987%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2063.7268L5.52811%2055.9486%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2086.1406L2%2071.1406%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M33.0003%2043.3738H7.54446%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  right: -6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .ttlBlk .txtBox::before {
    right: -2.8rem;
  }
}
#youho .sec02 .inner .ttlBlk .txtBox::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M18.0004%202L33.0004%2017%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2023.0205L29.4722%2030.7987%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2063.7268L29.4722%2055.9486%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M18.0004%2086.1406L33.0004%2071.1406%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M2%2043.3738H27.4558%27%20stroke%3D%27%237A4506%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  left: -6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .ttlBlk .txtBox::after {
    left: -3.1rem;
  }
}
#youho .sec02 .inner .ttlBlk .txtBox .waku {
  display: inline-block;
  width: 100%;
  vertical-align: super;
  max-width: 3rem;
  vertical-align: text-top;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .ttlBlk .txtBox .waku {
    max-width: 1.8rem;
  }
}
#youho .sec02 .inner .list {
  display: flex;
  justify-content: center;
  gap: 2.4rem 3rem;
  margin-top: 6.4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list {
    flex-direction: column;
    margin-top: 3.7rem;
  }
}
#youho .sec02 .inner .list .blk {
  width: 100%;
  max-width: 38rem;
  border-radius: 0.8rem;
  background-color: var(--c-fff);
  border: 0.2rem solid var(--c-FDEE8F);
  overflow: hidden;
  height: 35.5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk {
    height: 25rem;
  }
}
#youho .sec02 .inner .list .blk .subTtl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background-color: var(--c-FDEE8F);
  padding-block: 1.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .subTtl {
    gap: 1.3rem;
    padding-block: 1rem;
  }
}
#youho .sec02 .inner .list .blk .subTtl .num {
  display: block;
  width: 100%;
}
#youho .sec02 .inner .list .blk .subTtl .txt {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--c-7A4506);
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .subTtl .txt {
    font-size: 1.8rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk {
  padding: 2.4rem 3.2rem 2.4rem 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk {
    padding: 1.3rem 1.6rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc {
  font-family: var(--f-zennew);
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc {
    font-size: 1.6rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc + .dsc {
  margin-top: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc + .dsc {
    margin-top: 1.4rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc .dscTtl {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc .dscTtl {
    gap: 0.8rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc .dscTtl::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--c-7A4506);
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc .dscTtl::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc .dscTtl + .dscTxt {
  padding-left: 2.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc .dscTtl + .dscTxt {
    padding-left: 1.5rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc .dscTxt {
  margin-top: 0.7rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc .dscTxt {
    margin-top: 0.4rem;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .dsc .dscTxt .notes {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .dsc .dscTxt .notes {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
#youho .sec02 .inner .list .blk .txtBlk .img {
  margin-top: 2.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk .txtBlk .img {
    width: 100%;
    max-width: 29rem;
    margin: 0 auto;
  }
}
#youho .sec02 .inner .list .blk:nth-of-type(1) .subTtl .num {
  max-width: 2.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk:nth-of-type(1) .subTtl .num {
    max-width: 1.9rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk:nth-of-type(2) {
    transition-delay: 0s;
    height: 17rem;
  }
}
#youho .sec02 .inner .list .blk:nth-of-type(2) .subTtl .num {
  max-width: 2.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk:nth-of-type(2) .subTtl .num {
    max-width: 2rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk:nth-of-type(3) {
    transition-delay: 0s;
  }
}
#youho .sec02 .inner .list .blk:nth-of-type(3) .subTtl .num {
  max-width: 2.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .list .blk:nth-of-type(3) .subTtl .num {
    max-width: 2rem;
  }
}
#youho .sec02 .inner .notesBlk {
  margin-top: 2.4rem;
  position: relative;
}
#youho .sec02 .inner .notesBlk .lead {
  font-size: 1.6rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .notesBlk .lead {
    font-size: 1.4rem;
  }
}
#youho .sec02 .inner .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
  margin-top: 5.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec02 .inner .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .btn {
    margin-top: 4rem;
  }
}
#youho .sec02 .inner .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec02 .inner .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec02 .inner .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .sec03 {
  position: relative;
  background-color: var(--c-E6F4FE);
  padding-block: var(--p-sec_top-bottom);
}
#youho .sec03::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec03_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec03::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec03::before {
    background-image: url(../img/sec03_bg01-sp.webp);
  }
}
#youho .sec03 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec03 .inner .obj {
  display: block;
  position: absolute;
  width: 100%;
}
#youho .sec03 .inner .obj._01 {
  max-width: 35.3rem;
  top: 9.6rem;
  right: -4.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._01 {
    max-width: 15.1rem;
    left: auto;
    right: -4rem;
    top: 56.3rem;
  }
}
#youho .sec03 .inner .obj._02 {
  max-width: 37.9rem;
  top: 8.3rem;
  right: -7.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._02 {
    max-width: 17.5rem;
    top: 56.7rem;
    right: -3.8rem;
  }
}
#youho .sec03 .inner .obj._03 {
  max-width: 40.1rem;
  top: 32.2rem;
  left: -12.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._03 {
    display: none;
  }
}
#youho .sec03 .inner .obj._04 {
  max-width: 22.4rem;
  top: 39.8rem;
  left: -12.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._04 {
    max-width: 14.6rem;
    left: auto;
    right: 0;
    top: 90.4rem;
  }
}
#youho .sec03 .inner .obj._05 {
  max-width: 33.5rem;
  top: 76.2rem;
  right: 5.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._05 {
    display: none;
  }
}
#youho .sec03 .inner .obj._06 {
  max-width: 35.3rem;
  top: 107.9rem;
  left: -10.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._06 {
    display: none;
  }
}
#youho .sec03 .inner .obj._07 {
  max-width: 31.2rem;
  top: 107.9rem;
  left: -17.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .obj._07 {
    max-width: 17.5rem;
    top: 127.7rem;
    left: -2.6rem;
  }
}
#youho .sec03 .inner .ttlBlk {
  text-align: center;
}
#youho .sec03 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec03 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec03 .inner .ttlBlk .txtBox::before, #youho .sec03 .inner .ttlBlk .txtBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.1rem;
  height: 8.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .ttlBlk .txtBox::before, #youho .sec03 .inner .ttlBlk .txtBox::after {
    width: 1.5rem;
    height: 4.6rem;
  }
}
#youho .sec03 .inner .ttlBlk .txtBox::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M17%202L2%2017%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2023.0205L5.52811%2030.7987%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2063.7268L5.52811%2055.9486%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2086.1406L2%2071.1406%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M33.0003%2043.3738H7.54446%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  right: -6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .ttlBlk .txtBox::before {
    right: -3rem;
  }
}
#youho .sec03 .inner .ttlBlk .txtBox::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M18.0004%202L33.0004%2017%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2023.0205L29.4722%2030.7987%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2063.7268L29.4722%2055.9486%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M18.0004%2086.1406L33.0004%2071.1406%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M2%2043.3738H27.4558%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  left: -6.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .ttlBlk .txtBox::after {
    left: -2.9rem;
  }
}
#youho .sec03 .inner .ttlBlk .txtBox .waku {
  display: inline-block;
  width: 100%;
  vertical-align: super;
  max-width: 21.3rem;
  vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .ttlBlk .txtBox .waku {
    max-width: 11rem;
  }
}
@media screen and (min-width: 769px) {
  #youho .sec03 .inner .ttlBlk .txtBox .fade {
    width: 34.5rem;
  }
}
#youho .sec03 .inner .txtBlk {
  position: relative;
  width: 44rem;
  height: 29.2rem;
  margin: 6.2rem auto 0;
  background: url(../img/sec03_img01.webp) center center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .txtBlk {
    width: 34.3rem;
    height: 23rem;
    margin-top: 4.1rem;
  }
}
#youho .sec03 .inner .txtBlk .txtBox {
  padding-top: 3.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .txtBlk .txtBox {
    padding-top: 2.8rem;
  }
}
#youho .sec03 .inner .txtBlk .txtBox .logo {
  width: 100%;
  max-width: 18.6rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .txtBlk .txtBox .logo {
    max-width: 11.4rem;
  }
}
#youho .sec03 .inner .txtBlk .txtBox .txt {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-noto);
  text-align: center;
  margin-top: 1.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .txtBlk .txtBox .txt {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
}
#youho .sec03 .inner .list {
  position: relative;
  padding-inline: 20.5rem;
  margin-top: 5.9rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list {
    padding-inline: 0;
    margin-top: 4rem;
    gap: 2.9rem;
  }
}
#youho .sec03 .inner .list .blk .dsc .dscTtl {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: var(--c-fff);
  background-color: var(--c-0075C2);
  border-radius: 0.4rem 0.4rem 0 0;
  padding: 0.9rem 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .dsc .dscTtl {
    font-size: 1.6rem;
    padding: 0.6rem 1.3rem;
  }
}
#youho .sec03 .inner .list .blk .dsc .dscTxt {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: bold;
  background-color: var(--c-fff);
  border-radius: 0 0.4rem 0.4rem 0.4rem;
  padding: 1.2rem 5.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .dsc .dscTxt {
    font-size: 2rem;
    padding: 0.8rem 0.8rem;
  }
}
#youho .sec03 .inner .list .blk .lead {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .lead {
    font-size: 1.6rem;
    margin-top: 1.8rem;
  }
}
#youho .sec03 .inner .list .blk .txtBox {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.6rem 3.1rem;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 1.4rem;
  padding-left: 4.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .txtBox {
    flex-direction: column;
    margin-top: 1.6rem;
    padding-inline: 1.6rem;
  }
}
#youho .sec03 .inner .list .blk .txtBox .txt {
  position: relative;
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
  background-color: var(--c-fff);
  border-radius: 0.8rem;
  padding: 1.8rem 0.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .txtBox .txt {
    font-size: 1.6rem;
    padding: 1.9rem 1.6rem;
    width: 100%;
    max-width: 30rem;
  }
}
#youho .sec03 .inner .list .blk .txtBox .txt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2.4rem;
  height: 2.7rem;
  background-color: var(--c-fff);
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .txtBox .txt:nth-of-type(1) {
    margin: 0 0 0 auto;
  }
}
#youho .sec03 .inner .list .blk .txtBox .txt:nth-of-type(1)::before {
  clip-path: polygon(0 100%, 0 0, 100% 0);
  right: -2.3rem;
}
#youho .sec03 .inner .list .blk .txtBox .txt:nth-of-type(2) {
  margin-top: 5.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .list .blk .txtBox .txt:nth-of-type(2) {
    margin-top: 0;
  }
}
#youho .sec03 .inner .list .blk .txtBox .txt:nth-of-type(2)::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  left: -2.3rem;
}
#youho .sec03 .inner .list .blk .txtBox .txt .c-blue {
  color: var(--c-0075C2);
  font-weight: bold;
}
#youho .sec03 .inner .par {
  text-align: center;
  margin-top: 5.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .par {
    margin-top: 3.5rem;
  }
}
#youho .sec03 .inner .par .txt {
  position: relative;
  font-size: 2rem;
  line-height: 1.6;
  color: var(--c-0075C2);
  font-weight: bold;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .par .txt {
    font-size: 1.6rem;
  }
}
#youho .sec03 .inner .par .txt::before, #youho .sec03 .inner .par .txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.4rem;
  width: 3.9rem;
  height: 3.9rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#youho .sec03 .inner .par .txt::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2740%27%20height%3D%2742%27%20viewBox%3D%270%200%2040%2042%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M8.28223%201L30.9096%2040.1918%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  left: -6.4rem;
}
#youho .sec03 .inner .par .txt::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2740%27%20height%3D%2742%27%20viewBox%3D%270%200%2040%2042%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M30.9097%201L8.28226%2040.1918%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  right: -4.6rem;
}
#youho .sec03 .inner .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
  margin-top: 2.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec03 .inner .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .btn {
    margin-top: 1.4rem;
  }
}
#youho .sec03 .inner .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec03 .inner .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec03 .inner .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .sec04 {
  position: relative;
  background-color: var(--c-F8F0F3);
  padding-block: var(--p-sec_top-bottom);
}
#youho .sec04::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec04_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec04::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec04::before {
    background-image: url(../img/sec04_bg01-sp.webp);
  }
}
#youho .sec04 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec04 .inner .obj {
  display: block;
  position: absolute;
  width: 100%;
}
#youho .sec04 .inner .obj._01 {
  max-width: 27.7rem;
  top: 5.7rem;
  left: -5.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._01 {
    max-width: 14.1rem;
    top: 12.8rem;
    left: -5.8rem;
  }
}
#youho .sec04 .inner .obj._02 {
  max-width: 32.1rem;
  top: 46.5rem;
  right: -12.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._02 {
    max-width: 14.4rem;
    top: 23.9rem;
    right: -5.2rem;
  }
}
#youho .sec04 .inner .obj._03 {
  max-width: 28.2rem;
  top: 35rem;
  right: -8.7rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._03 {
    max-width: 14rem;
    top: 18.4rem;
    right: -3.8rem;
  }
}
#youho .sec04 .inner .obj._04 {
  max-width: 34rem;
  top: 76.6rem;
  left: -2.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._04 {
    max-width: 13.7rem;
    top: 118.4rem;
    left: -2.1rem;
  }
}
#youho .sec04 .inner .obj._05 {
  max-width: 30.2rem;
  top: 135.2rem;
  left: -8.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._05 {
    max-width: 22.3rem;
    top: 117.6rem;
    left: -6.3rem;
    z-index: -1;
  }
}
#youho .sec04 .inner .obj._06 {
  max-width: 31.1rem;
  top: 161.4rem;
  right: -6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._06 {
    max-width: 13.7rem;
    top: 110.7rem;
    right: -1.6rem;
  }
}
#youho .sec04 .inner .obj._07 {
  max-width: 32.5rem;
  top: 167.2rem;
  right: -5.9rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._07 {
    max-width: 20.7rem;
    top: 110.3rem;
    right: -5.9rem;
  }
}
#youho .sec04 .inner .obj._08 {
  max-width: 34.1rem;
  top: 210.9rem;
  left: -11.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._08 {
    display: none;
  }
}
#youho .sec04 .inner .obj._09 {
  max-width: 30.6rem;
  top: 250.5rem;
  right: -7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._09 {
    display: none;
  }
}
#youho .sec04 .inner .obj._10 {
  max-width: 32rem;
  top: 258.3rem;
  left: -18.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .obj._10 {
    display: none;
  }
}
#youho .sec04 .inner .ttlBlk {
  text-align: center;
}
#youho .sec04 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec04 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec04 .inner .ttlBlk .txtBox::before, #youho .sec04 .inner .ttlBlk .txtBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.1rem;
  height: 8.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .ttlBlk .txtBox::before, #youho .sec04 .inner .ttlBlk .txtBox::after {
    width: 1.5rem;
    height: 4.6rem;
  }
}
#youho .sec04 .inner .ttlBlk .txtBox::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M17%202L2%2017%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2023.0205L5.52811%2030.7987%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2063.7266L5.52811%2055.9484%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2086.1406L2%2071.1406%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M33.0003%2043.3735H7.54446%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  right: -6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .ttlBlk .txtBox::before {
    right: -2.8rem;
  }
}
#youho .sec04 .inner .ttlBlk .txtBox::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M18.0004%202L33.0004%2017%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2023.0205L29.4722%2030.7987%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2063.7266L29.4722%2055.9484%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M18.0004%2086.1406L33.0004%2071.1406%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M2%2043.3735H27.4558%27%20stroke%3D%27%23D03E7B%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  left: -5.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .ttlBlk .txtBox::after {
    left: -3.3rem;
  }
}
#youho .sec04 .inner .ttlBlk .txtBox .waku {
  display: inline-block;
  width: 100%;
  vertical-align: super;
  max-width: 11.4rem;
  vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .ttlBlk .txtBox .waku {
    max-width: 5.9rem;
  }
}
@media screen and (min-width: 769px) {
  #youho .sec04 .inner .ttlBlk .txtBox .fade {
    width: 32.6rem;
  }
}
#youho .sec04 .inner .txtBlk {
  position: relative;
}
#youho .sec04 .inner .txtBlk._01 {
  margin-top: 4rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .txtBlk._01 {
    margin-top: 3.2rem;
  }
}
#youho .sec04 .inner .txtBlk._01 .lead {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .txtBlk._01 .lead {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .txtBlk._01 .txt {
  font-size: 2.8rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  margin-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .txtBlk._01 .txt {
    font-size: 2rem;
    line-height: 1.3;
  }
}
#youho .sec04 .inner .txtBlk._01 .txt .c-pink {
  color: var(--c-D03E7B);
}
#youho .sec04 .inner .txtBlk._02 {
  text-align: center;
}
#youho .sec04 .inner .txtBlk._02 .dsc {
  background-color: var(--c-fff);
  border-radius: 0.4rem;
  display: inline-block;
  text-align: left;
  padding: 2rem 3.2rem;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .txtBlk._02 .dsc {
    padding: 1.9rem 2.7rem;
  }
}
#youho .sec04 .inner .txtBlk._02 .dsc .dscTtl {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .txtBlk._02 .dsc .dscTtl {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .txtBlk._02 .dsc .dscTxt {
  font-size: 2rem;
  margin-top: 1.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .txtBlk._02 .dsc .dscTxt {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .tabWrap {
  padding-inline: 20.5rem;
  margin-top: 2.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap {
    padding-inline: 0;
    margin-top: 2.3rem;
  }
}
#youho .sec04 .inner .tabWrap .tab {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 5.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tab {
    gap: 0.8rem;
    margin-top: 4.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tab .blk {
  width: 100%;
}
#youho .sec04 .inner .tabWrap .tab .blk .link {
  display: block;
  background-color: var(--c-E0CCD4);
  border-radius: 1.2rem 1.2rem 0 0;
  position: relative;
  width: 100%;
  padding-block: 2.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tab .blk .link {
    border-radius: 0.8rem 0.8rem 0 0;
    padding-block: 1.8rem;
  }
}
#youho .sec04 .inner .tabWrap .tab .blk .link.current {
  background-color: var(--c-D03E7B);
}
#youho .sec04 .inner .tabWrap .tab .blk .link.current .txt {
  color: var(--c-fff);
}
#youho .sec04 .inner .tabWrap .tab .blk .link .icon {
  display: inline-block;
  position: absolute;
  top: -2.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  background-color: var(--c-fff);
  border-radius: 0.4rem;
  padding: 0.8rem 4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tab .blk .link .icon {
    font-size: 1.6rem;
    padding: 0.7rem 1rem;
    width: 11.8rem;
    text-align: center;
  }
}
#youho .sec04 .inner .tabWrap .tab .blk .link .icon::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -0.9rem;
  margin: auto;
  width: 1.1rem;
  height: 1rem;
  background-color: var(--c-fff);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tab .blk .link .icon::after {
    bottom: -0.5rem;
  }
}
#youho .sec04 .inner .tabWrap .tab .blk .link .txt {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  color: var(--c-665059);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tab .blk .link .txt {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk {
  background-color: var(--c-fff);
  border-radius: 1.2rem;
  border: 0.3rem solid var(--c-D03E7B);
  position: relative;
  padding-block: 4rem 4.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk {
    border-radius: 0.8rem;
    border-width: 0.2rem;
    padding-block: 2.8rem 3.1rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk::before {
  height: 23rem;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='248' viewBox='0 0 15 248' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.65864 247.708C7.04926 248.098 7.68242 248.098 8.07285 247.707L14.4352 241.342C14.8256 240.951 14.8255 240.318 14.4349 239.928C14.0442 239.537 13.4111 239.537 13.0206 239.928L7.36521 245.586L1.70693 239.931C1.31631 239.54 0.683142 239.541 0.292717 239.931C-0.0977093 240.322 -0.0975498 240.955 0.293073 241.345L6.65864 247.708ZM7.30334 0.000488281L6.30334 0.000740186L6.36557 247.001L7.36557 247L8.36557 247L8.30334 0.000236376L7.30334 0.000488281Z' fill='%23D03E7B'/%3E%3C/svg%3E");
}
#youho .sec04 .inner .tabWrap .tabBlk.js-tab__cont {
  display: none;
}
#youho .sec04 .inner .tabWrap .tabBlk::before {
  content: "";
  display: block;
  position: absolute;
  top: 6.7rem;
  left: 4.2rem;
  width: 1.5rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk::before {
    top: 5rem;
    left: 1.4rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content {
  padding-inline: 10.3rem 4.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content {
    padding-inline: 4.7rem 1.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: var(--c-fff);
  font-family: var(--f-zennew);
  background-color: var(--c-D03E7B);
  border-radius: 0.4rem;
  padding: 0.7rem 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg {
    font-size: 1.6rem;
    padding: 0.9rem 1.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.8rem;
  margin: auto;
  width: 1rem;
  height: 1.1rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 6.19757C-0.166667 5.81267 -0.166667 4.85042 0.5 4.46552L8 0.13539C8.66667 -0.24951 9.5 0.231615 9.5 1.00142L9.5 9.66167C9.5 10.4315 8.66667 10.9126 8 10.5277L0.5 6.19757Z' fill='%23D03E7B'/%3E%3C/svg%3E");
}
#youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg:nth-of-type(n+2) {
  margin-top: 2.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg:nth-of-type(n+2) {
    margin-top: 1.8rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg + .txt {
  font-size: 2rem;
  font-family: var(--f-zennew);
  margin-top: 1.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .ttlBg + .txt {
    font-size: 1.6rem;
    margin-top: 0.9rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame {
  position: relative;
  background-color: var(--c-FFF1F6);
  border-radius: 0.4rem;
  padding: 1.6rem 1.2rem;
  margin-top: 2.5rem;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame {
    margin-top: 1.9rem;
    padding: 1.8em 1.2rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  left: 0.8rem;
  width: 1.1rem;
  height: 1rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.46564 0.5C4.85054 -0.166667 5.81279 -0.166667 6.19769 0.5L10.5278 8C10.9127 8.66667 10.4316 9.5 9.66179 9.5L1.00154 9.5C0.231738 9.5 -0.249387 8.66667 0.135513 8L4.46564 0.5Z' fill='%23FFF1F6'/%3E%3C/svg%3E");
}
#youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame .dscTtl {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame .dscTtl {
    font-size: 1.4rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame .dscTxt {
  font-size: 1.6rem;
  margin-top: 0.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .txtFrame .dscTxt {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .flow {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .flow {
    margin-top: 1.9rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .flow + .flow {
  margin-top: 2.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .flow + .flow {
    margin-top: 1.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTtl {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 0.8rem;
  font-family: var(--f-zennew);
}
#youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTtl .num, #youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTtl .txt {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTtl .num, #youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTtl .txt {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTxt {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
  margin-top: 0.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .flow .dscTxt {
    font-size: 1.6rem;
    margin-top: 0.7rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .cir {
  position: relative;
}
#youho .sec04 .inner .tabWrap .tabBlk .content .cir::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -6.3rem;
  margin: auto;
  width: 1.4rem;
  height: 1.4rem;
  border: 0.2rem solid var(--c-D03E7B);
  border-radius: 50%;
  background-color: var(--c-fff);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .cir::after {
    left: -3.5rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk .content .cir.c-pink::after {
  background-color: var(--c-D03E7B);
  width: 1.8rem;
  height: 1.8rem;
  left: -6.5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk .content .cir.c-pink::after {
    left: -3.6rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk.current {
  display: block;
}
#youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab1] {
  border-radius: 0 1.2rem 1.2rem 1.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab1] {
    border-radius: 0 0.8rem 0.8rem 0.8rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab2] {
  border-radius: 1.2rem 0 1.2rem 1.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab2] {
    border-radius: 0.8rem 0 0.8rem 0.8rem;
  }
}
#youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab1]::before, #youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab2]::before {
  height: 57.6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='569' viewBox='0 0 15 569' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.65691 568.707C7.04743 569.098 7.6806 569.098 8.07112 568.707L14.4351 562.343C14.8256 561.953 14.8256 561.319 14.4351 560.929C14.0446 560.538 13.4114 560.538 13.0209 560.929L7.36401 566.586L1.70716 560.929C1.31664 560.538 0.68347 560.538 0.292946 560.929C-0.0975784 561.319 -0.0975784 561.953 0.292946 562.343L6.65691 568.707ZM7.36401 0L6.36401 0L6.36401 568H7.36401H8.36401L8.36401 0L7.36401 0Z' fill='%23D03E7B'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab1]::before, #youho .sec04 .inner .tabWrap .tabBlk[data-tab=tab2]::before {
    height: 55.6rem;
  }
}
#youho .sec04 .inner .tabWrap .goal {
  text-align: center;
  padding-inline: 10.3rem 4.4rem;
  margin-top: 3.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .goal {
    padding-inline: 1.6rem;
    margin-top: 2rem;
  }
}
#youho .sec04 .inner .tabWrap .goal .txt {
  display: block;
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  background-color: var(--c-D03E7B);
  font-family: var(--f-zennew);
  border-radius: 0.4rem;
  padding-block: 1.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .tabWrap .goal .txt {
    padding-block: 0.7rem;
  }
}
#youho .sec04 .inner .tabWrap .goal .txt span {
  display: inline-block;
}
#youho .sec04 .inner .par {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  margin-top: 6.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .par {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 3.3rem;
  }
}
#youho .sec04 .inner .par .line {
  padding-bottom: 0.2rem;
  background: linear-gradient(to bottom, transparent 0, transparent 46%, var(--c-FFFFAA) 46%, var(--c-FFFFAA) 100%);
}
#youho .sec04 .inner .par .c-pink {
  color: var(--c-D03E7B);
}
#youho .sec04 .inner .par + .tabBlk {
  margin-top: 6.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .par + .tabBlk {
    margin-top: 2.1rem;
  }
}
#youho .sec04 .inner .btnBlk {
  display: grid;
  grid-template-columns: repeat(2, 42rem);
  justify-content: center;
  gap: 2.4rem 3.2rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .btnBlk {
    grid-template-columns: 1fr;
    margin-top: 2.3rem;
  }
}
#youho .sec04 .inner .btnBlk .btn {
  margin-top: 0;
}
#youho .sec04 .inner .entryWrap {
  padding-inline: 22.5rem;
  margin-top: 10.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap {
    padding-inline: 0;
    margin-top: 4.5rem;
  }
}
#youho .sec04 .inner .entryWrap .subTtl {
  text-align: center;
}
#youho .sec04 .inner .entryWrap .subTtl .txt {
  font-size: 3.2rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  color: var(--c-D03E7B);
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .subTtl .txt {
    font-size: 2rem;
  }
}
#youho .sec04 .inner .entryWrap .subTtl .txt::before, #youho .sec04 .inner .entryWrap .subTtl .txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  width: 2.5rem;
  height: 2.7rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .subTtl .txt::before, #youho .sec04 .inner .entryWrap .subTtl .txt::after {
    top: 0.8rem;
    width: 1.9rem;
    height: 1.8rem;
  }
}
#youho .sec04 .inner .entryWrap .subTtl .txt::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='27' viewBox='0 0 25 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.17627 1L19.3184 25.4949' stroke='%23D03E7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  left: -2.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .subTtl .txt::before {
    left: -2.2rem;
  }
}
#youho .sec04 .inner .entryWrap .subTtl .txt::after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='27' viewBox='0 0 25 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3185 1L5.17635 25.4949' stroke='%23D03E7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  right: -2.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .subTtl .txt::after {
    right: -2rem;
  }
}
#youho .sec04 .inner .entryWrap .lead {
  font-size: 2rem;
  text-align: center;
  font-family: var(--f-zennew);
  color: var(--c-000);
  margin-top: 2.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .lead {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 1.7rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc {
  text-align: center;
  margin-top: 3.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc {
    margin-top: 2.5rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTtl {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--c-fff);
  background-color: var(--c-D03E7B);
  border-radius: 0.8rem;
  padding: 1rem 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTtl {
    font-size: 1.6rem;
    border-radius: 0.4rem;
    padding-block: 0.6rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt {
  margin-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTxt {
    margin-top: 1.6rem;
    padding-left: 1.6rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt .list {
  display: flex;
  justify-content: center;
  gap: 1.6rem 5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTxt .list {
    flex-direction: column;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk {
  background-color: var(--c-fff);
  border: 0.2rem solid var(--c-D03E7B);
  border-radius: 0.8rem;
  position: relative;
  padding: 1.8rem 3.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk {
    padding-block: 1rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2.1rem;
  margin: auto;
  font-size: 2rem;
  font-weight: bold;
  color: var(--c-fff);
  width: 4.2rem;
  height: 4.2rem;
  background-color: var(--c-D03E7B);
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .num {
    font-size: 1.6rem;
    width: 3.2rem;
    height: 3.2rem;
    left: -1.7rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .txt {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .txt {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .txt .c-pink {
  color: var(--c-D03E7B);
  font-weight: bold;
}
#youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .txt .notes {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .dsc .dscTxt .list .blk .txt .notes {
    font-size: 1.4rem;
  }
}
#youho .sec04 .inner .entryWrap .txtLink {
  text-align: center;
  margin-top: 3.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .txtLink {
    margin-top: 2rem;
  }
}
#youho .sec04 .inner .entryWrap .txtLink .link {
  display: inline-grid;
  grid-template-columns: auto 1.8rem;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
  position: relative;
  transition: all 0.2s;
}
#youho .sec04 .inner .entryWrap .txtLink .link:hover {
  opacity: 0.6;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .txtLink .link {
    grid-template-columns: auto 1.5rem;
  }
}
#youho .sec04 .inner .entryWrap .txtLink .link::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.4rem;
  width: 100%;
  height: 1px;
  background-color: var(--c-333);
}
#youho .sec04 .inner .entryWrap .txtLink .link .txt {
  font-size: 2rem;
  font-weight: bold;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .txtLink .link .txt {
    font-size: 1.6rem;
  }
}
#youho .sec04 .inner .entryWrap .par {
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
  font-family: var(--f-zennew);
  color: var(--c-000);
  margin-top: 6.4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .par {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 4.4rem;
  }
}
#youho .sec04 .inner .entryWrap .img {
  width: 100%;
  max-width: 45.6rem;
  margin: 3.8rem auto 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .img {
    margin-top: 2.1rem;
  }
}
#youho .sec04 .inner .entryWrap .btn {
  margin-top: 4.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .entryWrap .btn {
    margin-top: 4rem;
  }
}
#youho .sec04 .inner .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec04 .inner .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
#youho .sec04 .inner .btn.-entry {
  background-color: var(--c-009D66);
  box-shadow: 0 0.4rem 0 var(--c-0D5C40);
}
#youho .sec04 .inner .btn.-entry .free {
  color: var(--c-009D66);
}
#youho .sec04 .inner .btn.-entry:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
#youho .sec04 .inner .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec04 .inner .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec04 .inner .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .sec05 {
  position: relative;
  background-color: var(--c-EFFBEC);
  padding-block: var(--p-sec_top-bottom);
}
#youho .sec05::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec05_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec05::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec05::before {
    background-image: url(../img/sec05_bg01-sp.webp);
  }
}
#youho .sec05 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec05 .inner .obj {
  display: block;
  position: absolute;
  width: 100%;
}
#youho .sec05 .inner .obj._01 {
  max-width: 31.6rem;
  top: -2.9rem;
  right: -12.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .obj._01 {
    max-width: 19.6rem;
    top: 4.6rem;
    right: -10.2rem;
  }
}
#youho .sec05 .inner .obj._02 {
  max-width: 23.8rem;
  top: 5.3rem;
  right: 2.1rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .obj._02 {
    max-width: 14.7rem;
    top: 10.2rem;
    right: -1.7rem;
  }
}
#youho .sec05 .inner .obj._03 {
  max-width: 24.3rem;
  top: 87.1rem;
  left: -7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .obj._03 {
    max-width: 13.3rem;
    top: 122.7rem;
    left: -3.2rem;
  }
}
#youho .sec05 .inner .obj._04 {
  max-width: 28.9rem;
  top: 75rem;
  left: -7.8rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .obj._04 {
    max-width: 15.7rem;
    top: 115.3rem;
    left: -2.6rem;
  }
}
#youho .sec05 .inner .obj._05 {
  max-width: 31.6rem;
  top: 160.6rem;
  right: -7.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .obj._05 {
    display: none;
  }
}
#youho .sec05 .inner .obj._06 {
  max-width: 23.7rem;
  top: 168.6rem;
  right: 3.3rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .obj._06 {
    display: none;
  }
}
#youho .sec05 .inner .ttlBlk {
  text-align: center;
}
#youho .sec05 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec05 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec05 .inner .ttlBlk .txtBox::before, #youho .sec05 .inner .ttlBlk .txtBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.1rem;
  height: 8.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .ttlBlk .txtBox::before, #youho .sec05 .inner .ttlBlk .txtBox::after {
    width: 1.5rem;
    height: 4.6rem;
  }
}
#youho .sec05 .inner .ttlBlk .txtBox::before {
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='89' viewBox='0 0 35 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 2L2 17' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M19.0004 23.0205L5.52817 30.7987' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M19.0004 63.7266L5.52817 55.9484' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M17 86.1406L2 71.1406' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M33.0004 43.374H7.54452' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  right: -6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .ttlBlk .txtBox::before {
    right: -2.9rem;
  }
}
#youho .sec05 .inner .ttlBlk .txtBox::after {
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='89' viewBox='0 0 35 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0002 2L33.0002 17' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M16 23.0205L29.4722 30.7987' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M16 63.7266L29.4722 55.9484' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M18.0002 86.1406L33.0002 71.1406' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M2 43.374H27.4558' stroke='%232A7C2D' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  left: -6.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .ttlBlk .txtBox::after {
    left: -2.8rem;
  }
}
#youho .sec05 .inner .ttlBlk .txtBox .waku {
  display: inline-block;
  width: 100%;
  vertical-align: super;
  max-width: 11rem;
  vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .ttlBlk .txtBox .waku {
    max-width: 5.7rem;
  }
}
@media screen and (min-width: 769px) {
  #youho .sec05 .inner .ttlBlk .txtBox .fade {
    width: 28.2rem;
  }
}
#youho .sec05 .inner .lead {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
  text-align: center;
  margin-top: 6.3rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .lead {
    font-size: 1.6rem;
    margin-top: 3.5rem;
  }
}
#youho .sec05 .inner .list {
  display: flex;
  justify-content: center;
  gap: 2.4rem 3rem;
  margin-top: 5.8rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list {
    flex-direction: column;
    margin-top: 3.2rem;
  }
}
#youho .sec05 .inner .list .blk {
  width: 100%;
  background-color: var(--c-fff);
  border-radius: 1.6rem;
  overflow: hidden;
  border: 0.2rem solid var(--c-2A7C2D);
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk {
    border-radius: 0.8rem;
  }
}
#youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .list .blk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
#youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .list .blk:nth-of-type(1) {
  width: 100%;
}
#youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .list .blk:nth-of-type(1) .menu {
  padding-block: 1.8rem 1.4rem;
}
#youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .list .blk .menu {
  width: 22rem;
}
#youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .list .blk .menu .img {
  max-width: 12.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .dsc .dscTxt .txt {
    margin-right: 0;
  }
}
#youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .dsc .dscTxt .txt:not(:first-of-type) {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk:nth-of-type(2) .txtBlk .dsc .dscTxt .txt:not(:first-of-type) {
    margin-top: 1.1rem;
  }
}
#youho .sec05 .inner .list .blk .subTtl {
  background-color: var(--c-2A7C2D);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  padding-block: 1.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .subTtl {
    padding-block: 0.8erm;
  }
}
#youho .sec05 .inner .list .blk .subTtl .num {
  font-size: 2.2rem;
  color: var(--c-fff);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border: 0.2rem solid var(--c-fff);
  border-radius: 50%;
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .subTtl .num {
    font-size: 1.8rem;
    width: 2.6rem;
    height: 2.6rem;
    padding-bottom: 0.2rem;
  }
}
#youho .sec05 .inner .list .blk .subTtl .txt {
  font-size: 2.4rem;
  color: var(--c-fff);
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .subTtl .txt {
    font-size: 1.8rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk {
  padding: 3.5rem 3.2rem 1.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk {
    padding: 2rem 1.6rem 3.2rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .txt {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .txt {
    font-size: 1.6rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list {
  gap: 4.6rem;
  margin-top: 2.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list {
    gap: 2.8rem;
    margin-top: 1.4rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk {
  width: 10.4rem;
  border: none;
  border-radius: 0;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk {
    width: 100%;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3.2rem;
  margin: auto;
  width: 2.1rem;
  height: 2.1rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12H0V9H9V0H12V9H21V12H12V21H9V12Z' fill='%232A7C2D'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk::after {
    width: 1.4rem;
    height: 1.4rem;
    top: -2.1rem;
    bottom: auto;
    left: 0;
    right: 0;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk:nth-of-type(1) {
  width: 22rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk:nth-of-type(1) {
    width: 100%;
    display: grid;
    grid-template-columns: 22rem 1fr;
    align-items: center;
    gap: 0.9rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk:nth-of-type(1)::after {
  display: none;
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk:nth-of-type(1) .menu {
  padding-block: 2.3rem 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk:nth-of-type(1) .menu {
    padding-block: 1.8rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .menu {
  border: 0.3rem solid var(--c-A7C5A9);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-block: 6.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk .menu {
    border-width: 0.2rem;
    padding-block: 0.3rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .img {
  width: 100%;
  max-width: 14.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .img {
    max-width: 13.3rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .par {
  font-size: 2rem;
  line-height: 1.6;
  font-family: var(--f-zennew);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .par {
    font-size: 1.6rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .cap {
  font-size: 2rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .cap {
    font-size: 1.6rem;
    margin-top: 1.3rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .cap .notes {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 0.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .list .blk .menu .cap .notes {
    display: inline;
    font-size: 1.4rem;
    margin-top: 0;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .time {
  font-size: 2rem;
  font-family: var(--f-noto);
  font-weight: bold;
  text-align: center;
  margin-top: 1.3rem;
}
#youho .sec05 .inner .list .blk .txtBlk .list .blk .time .num {
  font-size: 2.8rem;
}
#youho .sec05 .inner .list .blk .txtBlk .dsc {
  margin-top: 2.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc {
    margin-top: 2.2rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTtl {
  font-size: 2rem;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTtl {
    font-size: 1.6rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt {
    margin-top: 0.9rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.9rem;
  font-size: 2rem;
  font-family: var(--f-zennew);
  margin-right: 3.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt {
    font-size: 1.6rem;
    gap: 0 0.6rem;
    margin-right: 2.7rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--c-2A7C2D);
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt::before {
    width: 0.6rem;
    height: 0.6rem;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt:nth-of-type(3) {
  margin-right: 0;
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt.pc {
  display: inline-flex;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt.pc {
    display: none;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt.sp {
    display: inline-flex;
  }
}
#youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt .notes {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  margin-top: 1rem;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .list .blk .txtBlk .dsc .dscTxt .txt .notes {
    font-size: 1.4rem;
    margin-top: 0;
    padding-left: 1.1rem;
  }
}
#youho .sec05 .inner .subjectWrap {
  margin-top: 8.4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap {
    margin-top: 3.3rem;
  }
}
#youho .sec05 .inner .subjectWrap .subTtl {
  font-size: 2.4rem;
  color: var(--c-589E5B);
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .subTtl {
    font-size: 2rem;
    line-height: 1.6;
  }
}
#youho .sec05 .inner .subjectWrap .lead {
  margin-top: 4.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .lead {
    margin-top: 1.5rem;
  }
}
#youho .sec05 .inner .subjectWrap .table {
  width: 100%;
  background-color: var(--c-fff);
  border-radius: 1.6rem;
  overflow: hidden;
  font-family: var(--f-zennew);
  font-size: 1.6rem;
  text-align: center;
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table {
    width: 108.5rem;
    border-radius: 0.8rem;
    font-size: 1.4rem;
    margin-top: 2.2rem;
  }
}
#youho .sec05 .inner .subjectWrap .table tr:not(:first-of-type) th {
  background-color: var(--c-E6F4FE);
  padding-block: 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table tr:not(:first-of-type) th {
    padding-bottom: 0.9rem;
  }
}
#youho .sec05 .inner .subjectWrap .table th {
  font-weight: bold;
  line-height: 1.6;
}
#youho .sec05 .inner .subjectWrap .table td {
  line-height: 1.6;
  padding-block: 1.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table td {
    padding-block: 0.7rem;
  }
}
#youho .sec05 .inner .subjectWrap .table .th-header th {
  background-color: var(--c-C0DCF4);
  padding-block: 1.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table .th-header th {
    padding-block: 0.9rem;
  }
}
#youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(1) {
  width: 30.5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(1) {
    width: 27.5rem;
  }
}
#youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(2) {
  width: 41rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(2) {
    width: 37rem;
  }
}
#youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(3) {
  width: 25.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(3) {
    width: 26rem;
  }
}
#youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(4) {
  width: 15rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .table .th-header th:nth-of-type(4) {
    width: 11.8rem;
  }
}
#youho .sec05 .inner .subjectWrap .table .bdr {
  border-right: 1px solid var(--c-E0E0E0);
}
#youho .sec05 .inner .subjectWrap .table .bdb {
  border-bottom: 1px solid var(--c-E0E0E0);
}
#youho .sec05 .inner .subjectWrap .txt {
  font-size: 2.4rem;
  line-height: 1.6;
  text-align: center;
  font-family: var(--f-zennew);
  margin-top: 6rem;
  color: var(--c-000);
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .txt {
    font-size: 1.6rem;
    margin-top: 3.1rem;
  }
}
#youho .sec05 .inner .subjectWrap .txt .line {
  padding-bottom: 0.2rem;
  background: linear-gradient(to bottom, transparent 0, transparent 46%, var(--c-FFFFAA) 46%, var(--c-FFFFAA) 100%);
  font-size: 3.2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .txt .line {
    font-size: 2rem;
  }
}
#youho .sec05 .inner .subjectWrap .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
  margin-top: 6.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec05 .inner .subjectWrap .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .btn {
    margin-top: 3.5rem;
  }
}
#youho .sec05 .inner .subjectWrap .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec05 .inner .subjectWrap .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec05 .inner .subjectWrap .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .sec06 {
  position: relative;
  background-color: var(--c-E6F4FE);
  padding-block: var(--p-sec_top-bottom);
}
#youho .sec06::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec06_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec06::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec06::before {
    background-image: url(../img/sec06_bg01-sp.webp);
  }
}
#youho .sec06 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec06 .inner .obj {
  display: block;
  position: absolute;
  width: 100%;
}
#youho .sec06 .inner .obj._01 {
  max-width: 39.2rem;
  top: 2.1rem;
  right: -18.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .obj._01 {
    max-width: 22.2rem;
    top: 16rem;
    right: -6.4rem;
  }
}
#youho .sec06 .inner .obj._02 {
  max-width: 22.2rem;
  top: 2.9rem;
  right: -6.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .obj._02 {
    max-width: 12.5rem;
    top: 16rem;
    right: 0.2rem;
  }
}
#youho .sec06 .inner .obj._03 {
  max-width: 35.4rem;
  top: 142.5rem;
  left: -12.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .obj._03 {
    max-width: 12.9rem;
    top: 145.8rem;
    left: -5.2rem;
  }
}
#youho .sec06 .inner .ttlBlk {
  text-align: center;
}
#youho .sec06 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec06 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec06 .inner .ttlBlk .txtBox::before, #youho .sec06 .inner .ttlBlk .txtBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.1rem;
  height: 8.4rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ttlBlk .txtBox::before, #youho .sec06 .inner .ttlBlk .txtBox::after {
    width: 1.5rem;
    height: 4.6rem;
  }
}
#youho .sec06 .inner .ttlBlk .txtBox::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M17%202L2%2017%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2023.0205L5.52811%2030.7987%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M19.0003%2063.7266L5.52811%2055.9484%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2086.1406L2%2071.1406%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M33.0003%2043.374H7.54446%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  right: -6.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ttlBlk .txtBox::before {
    right: -2.9rem;
  }
}
#youho .sec06 .inner .ttlBlk .txtBox::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2735%27%20height%3D%2789%27%20viewBox%3D%270%200%2035%2089%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M18.0004%202L33.0004%2017%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2023.0205L29.4722%2030.7987%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M16%2063.7266L29.4722%2055.9484%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M18.0004%2086.1406L33.0004%2071.1406%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M2%2043.374H27.4558%27%20stroke%3D%27%230075C2%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
  left: -6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ttlBlk .txtBox::after {
    left: -3rem;
  }
}
#youho .sec06 .inner .priceList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.1rem;
  margin-top: 7.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceList {
    gap: 2.1rem;
    margin-top: 3.4rem;
  }
}
#youho .sec06 .inner .priceList .blk .dsc {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceList .blk .dsc {
    gap: 1.2rem;
    align-items: center;
  }
}
#youho .sec06 .inner .priceList .blk .dsc .dscTtl {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  padding-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceList .blk .dsc .dscTtl {
    font-size: 1.6rem;
    padding-top: 0.6rem;
  }
}
#youho .sec06 .inner .priceList .blk .dsc .dscTtl .txt {
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceList .blk .dsc .dscTtl .txt {
    display: block;
    font-size: 1.2rem;
  }
}
#youho .sec06 .inner .priceList .blk .dsc .dscTxt {
  font-size: 2.5rem;
  color: var(--c-0075C2);
  font-weight: bold;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceList .blk .dsc .dscTxt {
    font-size: 1.6rem;
  }
}
#youho .sec06 .inner .priceList .blk .dsc .dscTxt .num {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceList .blk .dsc .dscTxt .num {
    font-size: 2.4rem;
  }
}
#youho .sec06 .inner .ex {
  text-align: center;
  font-size: 2.4rem;
  font-family: var(--f-zennew);
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ex {
    font-size: 1.6rem;
  }
}
#youho .sec06 .inner .ex .num {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .ex .num {
    font-size: 2.4rem;
  }
}
#youho .sec06 .inner .par {
  font-size: 2.4rem;
  text-align: center;
  font-family: var(--f-zennew);
  margin-top: 3.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .par {
    font-size: 1.6rem;
    margin-top: 3.3rem;
  }
}
#youho .sec06 .inner .priceWrap {
  padding-inline: 10.2rem;
  position: relative;
  margin-top: 2.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap {
    padding-inline: 0;
    margin-top: 2.6rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk {
  background-color: var(--c-fff);
  border-radius: 0.8rem;
  padding: 3.8rem 3.2rem 3.2rem;
  margin-top: 4.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk {
    padding: 2.1rem 1.6rem 2rem;
    margin-top: 2.6rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk:not(:first-of-type) {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk:not(:first-of-type) {
    margin-top: 2.4rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk > .txt {
  font-size: 2rem;
  font-family: var(--f-zennew);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk > .txt {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk > .txt .c-blue {
  color: var(--c-0075C2);
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation {
    margin-top: 1.9rem;
    justify-content: flex-start;
    gap: 2rem 3.2rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box {
  background-color: var(--c-DAE2EB);
  border-radius: 0.6rem;
  position: relative;
  padding-block: 1.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box {
    border-radius: 0.4rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc {
  font-family: var(--f-zennew);
  text-align: center;
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc .dscTtl {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc .dscTtl {
    font-size: 1.4rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc .dscTxt {
  font-size: 1.8rem;
  margin-top: 0.7rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc .dscTxt {
    font-size: 1.4rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc .dscTxt .num {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box .dsc .dscTxt .num {
    font-size: 1.8rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._01 {
  width: 17.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._01 {
    width: 10.2rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._01::after {
  width: 3.2rem;
  height: 3.2rem;
  right: -5.6rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Crect%20y%3D%2712%27%20width%3D%2732%27%20height%3D%278%27%20fill%3D%27%23C0DCF4%27/%3E%3Crect%20x%3D%2712%27%20y%3D%2732%27%20width%3D%2732%27%20height%3D%278%27%20transform%3D%27rotate(-90%2012%2032)%27%20fill%3D%27%23C0DCF4%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._01::after {
    width: 1.6rem;
    height: 1.6rem;
    right: -2.4rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._02 {
  width: 30.3rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._02 {
    width: 14.9rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._02::after {
  width: 3rem;
  height: 2rem;
  right: -5.2rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2730%27%20height%3D%2720%27%20viewBox%3D%270%200%2030%2020%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Crect%20y%3D%2713.333%27%20width%3D%2730%27%20height%3D%276.66667%27%20fill%3D%27%23C0DCF4%27/%3E%3Crect%20x%3D%2730%27%20y%3D%276.66699%27%20width%3D%2730%27%20height%3D%276.66667%27%20transform%3D%27rotate(-180%2030%206.66699)%27%20fill%3D%27%23C0DCF4%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._02::after {
    width: 1.8rem;
    height: 1.2rem;
    right: -2.6rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 {
  width: 30.7rem;
  background-color: var(--c-C0DCF4);
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 {
    width: 100%;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc {
    gap: 0.8rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc .dscTtl {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc .dscTtl {
    font-size: 1.6rem;
    padding-bottom: 0.2rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc .dscTxt {
  font-size: 2.4rem;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc .dscTxt {
    font-size: 1.6rem;
  }
}
#youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc .dscTxt .num {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .priceBlk .calculation .box._03 .dsc .dscTxt .num {
    font-size: 3.2rem;
  }
}
#youho .sec06 .inner .priceWrap .lead {
  font-size: 2.4rem;
  line-height: 1.6;
  text-align: center;
  font-family: var(--f-zennew);
  margin-top: 4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .lead {
    font-size: 1.6rem;
    text-align: left;
    margin-top: 3.3rem;
  }
}
#youho .sec06 .inner .priceWrap .calculationBlk {
  display: flex;
  justify-content: space-between;
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .calculationBlk {
    margin-top: 3rem;
  }
}
#youho .sec06 .inner .priceWrap .calculationBlk .box {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  text-align: center;
  background-color: var(--c-DAE2EB);
  border-radius: 0.6rem;
  position: relative;
  width: 22rem;
  padding-block: 3.1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .calculationBlk .box {
    font-size: 1.4rem;
    border-radius: 0.4rem;
    width: 8.5rem;
    padding-block: 0.9rem;
  }
}
#youho .sec06 .inner .priceWrap .calculationBlk .box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#youho .sec06 .inner .priceWrap .calculationBlk .box._01 {
  background-color: var(--c-CEE8FF);
}
#youho .sec06 .inner .priceWrap .calculationBlk .box._01::after {
  width: 3rem;
  height: 2rem;
  right: -9.8rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2730%27%20height%3D%2720%27%20viewBox%3D%270%200%2030%2020%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Crect%20y%3D%2713.333%27%20width%3D%2730%27%20height%3D%276.66667%27%20fill%3D%27%23C0DCF4%27/%3E%3Crect%20x%3D%2730%27%20y%3D%276.66699%27%20width%3D%2730%27%20height%3D%276.66667%27%20transform%3D%27rotate(-180%2030%206.66699)%27%20fill%3D%27%23C0DCF4%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .calculationBlk .box._01::after {
    width: 1.6rem;
    height: 1.2rem;
    right: -3rem;
  }
}
#youho .sec06 .inner .priceWrap .calculationBlk .box._02::after {
  width: 3.2rem;
  height: 3.2rem;
  right: -10.2rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Crect%20y%3D%2712%27%20width%3D%2732%27%20height%3D%278%27%20fill%3D%27%23C0DCF4%27/%3E%3Crect%20x%3D%2712%27%20y%3D%2732%27%20width%3D%2732%27%20height%3D%278%27%20transform%3D%27rotate(-90%2012%2032)%27%20fill%3D%27%23C0DCF4%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .calculationBlk .box._02::after {
    width: 1.6rem;
    height: 1.6rem;
    right: -3rem;
  }
}
#youho .sec06 .inner .priceWrap .table {
  width: 100%;
  background-color: var(--c-fff);
  border-radius: 0.4rem;
  overflow: hidden;
  margin-top: 4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table {
    margin-top: 3.2rem;
  }
}
#youho .sec06 .inner .priceWrap .table th {
  background-color: var(--c-DAE2EB);
  font-size: 1.8rem;
  font-family: var(--f-noto);
  padding-block: 1.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table th {
    font-size: 1.3rem;
    padding-block: 1.1rem;
  }
}
#youho .sec06 .inner .priceWrap .table th:nth-of-type(1) {
  background-color: var(--c-0D6DC0);
  color: var(--c-fff);
  width: 38.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table th:nth-of-type(1) {
    width: 13.2rem;
  }
}
#youho .sec06 .inner .priceWrap .table th:nth-of-type(2) {
  width: 20.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table th:nth-of-type(2) {
    width: 7.7rem;
  }
}
#youho .sec06 .inner .priceWrap .table th:nth-of-type(3) {
  width: 40.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table th:nth-of-type(3) {
    width: 13.4rem;
  }
}
#youho .sec06 .inner .priceWrap .table td {
  padding: 2.8rem 3.2rem;
  font-size: 1.8rem;
  font-family: var(--f-zennew);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table td {
    font-size: 1.4rem;
    padding: 0.9rem 1rem;
  }
}
#youho .sec06 .inner .priceWrap .table .bdr {
  border-right: 1px solid var(--c-E4EFF2);
}
#youho .sec06 .inner .priceWrap .table .bdb {
  border-bottom: 1px solid var(--c-E4EFF2);
}
#youho .sec06 .inner .priceWrap .table .dsc {
  display: flex;
  gap: 0.6rem 2.4rem;
  font-family: var(--f-zennew);
  text-align: left;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .dsc {
    flex-direction: column;
  }
}
#youho .sec06 .inner .priceWrap .table .dsc .dscTtl {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .dsc .dscTtl {
    font-size: 1.4rem;
    text-align: center;
  }
}
#youho .sec06 .inner .priceWrap .table .dsc .dscTxt {
  font-size: 1.6rem;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .dsc .dscTxt {
    font-size: 1.2rem;
    line-height: 1.4166666667;
  }
}
#youho .sec06 .inner .priceWrap .table .txtBox {
  text-align: center;
  font-family: var(--f-zennew);
}
#youho .sec06 .inner .priceWrap .table .txtBox:not(:first-of-type) {
  margin-top: 2.9rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .txtBox:not(:first-of-type) {
    margin-top: 1.9rem;
  }
}
#youho .sec06 .inner .priceWrap .table .txtBox .txt {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .txtBox .txt {
    font-size: 1.4rem;
  }
}
#youho .sec06 .inner .priceWrap .table .txtBox .par {
  font-size: 1.6rem;
  margin-top: 0.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .txtBox .par {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
}
#youho .sec06 .inner .priceWrap .table .txtBox .price {
  font-size: 1.6rem;
  margin-top: 0.4rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .txtBox .price {
    font-size: 1.4rem;
    margin-top: 0.2rem;
  }
}
#youho .sec06 .inner .priceWrap .table .txtBox .price .num {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .txtBox .price .num {
    font-size: 1.6rem;
  }
}
#youho .sec06 .inner .priceWrap .table .txtBox .notes {
  font-size: 1.4rem;
  margin-top: 0.2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .table .txtBox .notes {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0.1rem;
  }
}
#youho .sec06 .inner .priceWrap .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec06 .inner .priceWrap .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .btn {
    margin-top: 4rem;
  }
}
#youho .sec06 .inner .priceWrap .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec06 .inner .priceWrap .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec06 .inner .priceWrap .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}
#youho .sec07 {
  position: relative;
  background-color: var(--c-FFF9DB);
  padding-block: var(--p-sec_top-bottom);
  padding-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 {
    padding-bottom: 6rem;
  }
}
#youho .sec07::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -7.4rem;
  height: 7.4rem;
  width: 100%;
  background: url(../img/sec07_bg01.webp) top center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #youho .sec07::before {
    height: 2.4rem;
    top: -2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #youho .sec07::before {
    background-image: url(../img/sec07_bg01-sp.webp);
  }
}
#youho .sec07 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner {
    padding-inline: 1.6rem;
  }
}
#youho .sec07 .inner .obj {
  display: block;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .obj {
    display: none;
  }
}
#youho .sec07 .inner .obj._01 {
  max-width: 24.8rem;
  top: 12.8rem;
  left: -3.9rem;
}
#youho .sec07 .inner .obj._02 {
  max-width: 22.6rem;
  top: 29.8rem;
  left: -6.3rem;
}
#youho .sec07 .inner .obj._03 {
  max-width: 30rem;
  top: 79.6rem;
  right: -11.8rem;
}
#youho .sec07 .inner .obj._04 {
  max-width: 20.6rem;
  top: 91.7rem;
  right: -2.8rem;
  z-index: -1;
}
#youho .sec07 .inner .obj._05 {
  max-width: 29.5rem;
  top: 99.7rem;
  left: -9.5rem;
}
#youho .sec07 .inner .ttlBlk {
  text-align: center;
}
#youho .sec07 .inner .ttlBlk .txtBox {
  position: relative;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: bold;
  display: inline-block;
  line-height: 1.2;
  font-family: var(--f-zennew);
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .ttlBlk .txtBox {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#youho .sec07 .inner .ttlBlk .txtBox .fade {
  display: inline-block;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .ttlBlk .txtBox .fade {
    line-height: 1.4;
  }
}
#youho .sec07 .inner .contain {
  padding-inline: 10.2rem;
  margin-top: 5.4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain {
    padding-inline: 0;
    margin-top: 4.3rem;
  }
}
#youho .sec07 .inner .contain .img {
  width: 100%;
  max-width: 48.2rem;
  margin: 0 auto;
}
#youho .sec07 .inner .contain .faq {
  font-family: var(--f-zennew);
  margin-top: 6rem;
  border-radius: 0.6rem;
  overflow: hidden;
  background-color: var(--c-fff);
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq {
    margin-top: 3rem;
  }
}
#youho .sec07 .inner .contain .faq:nth-of-type(n+2) {
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq:nth-of-type(n+2) {
    margin-top: 0.8rem;
  }
}
#youho .sec07 .inner .contain .faq .faqTtl {
  display: grid;
  grid-template-columns: max-content auto 1.9rem;
  align-items: center;
  gap: 2.5rem;
  cursor: pointer;
  padding: 2.4rem 2rem 2rem 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq .faqTtl {
    grid-template-columns: max-content auto 1.7rem;
    gap: 1.2rem;
    padding: 1.2rem;
  }
}
#youho .sec07 .inner .contain .faq .faqTtl.active .arrow {
  transform: rotateX(180deg);
}
#youho .sec07 .inner .contain .faq .faqTtl .icon {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--c-EF9B00);
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq .faqTtl .icon {
    font-size: 2rem;
  }
}
#youho .sec07 .inner .contain .faq .faqTtl .txt {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq .faqTtl .txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}
#youho .sec07 .inner .contain .faq .faqTtl .arrow {
  transition: all 0.4s;
}
#youho .sec07 .inner .contain .faq .faqTxt {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 2.5rem;
  display: none;
  padding: 0 2rem 2rem 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq .faqTxt {
    gap: 1.2rem;
    padding: 0 1.2rem 1.2rem 1.2rem;
  }
}
#youho .sec07 .inner .contain .faq .faqTxt .icon {
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq .faqTxt .icon {
    font-size: 2rem;
  }
}
#youho .sec07 .inner .contain .faq .faqTxt .txt {
  font-size: 1.8rem;
  line-height: 1.6;
  padding-right: 2rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .faq .faqTxt .txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-right: 2.4rem;
  }
}
#youho .sec07 .inner .contain .limited {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  font-family: var(--f-zennew);
  margin-top: 6.6rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .limited {
    font-size: 2.4rem;
    margin-top: 4.6rem;
  }
}
#youho .sec07 .inner .contain .limited .c-red {
  color: var(--c-D94647);
}
#youho .sec07 .inner .contain .lead {
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
  font-family: var(--f-zennew);
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .lead {
    font-size: 1.6rem;
    margin-top: 2.7rem;
  }
}
#youho .sec07 .inner .contain .btn {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr 1.4rem;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  background-color: var(--c-E6191A);
  border-radius: 60px;
  box-shadow: 0 0.4rem 0 #8D1516;
  margin: 1.9rem auto 0;
  padding: 0.8rem 2.5rem 0.8rem 0.8rem;
  transition: all 0.2s ease;
  margin-top: 5.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .btn {
    grid-template-columns: 4.2rem 1fr 1rem;
    padding: 0.7rem 2.1rem 0.7rem 0.8rem;
    margin-top: 1.7rem;
  }
}
#youho .sec07 .inner .contain .btn:hover {
  transform: translateY(0.4rem);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .btn {
    margin-top: 3.1rem;
  }
}
#youho .sec07 .inner .contain .btn .free {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: var(--c-fff);
  border-radius: 50%;
  font-size: 2rem;
  color: var(--c-E6191A);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .btn .free {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
#youho .sec07 .inner .contain .btn .btnTxt {
  font-size: 2.4rem;
  color: var(--c-fff);
  font-weight: bold;
  text-align: center;
  padding-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  #youho .sec07 .inner .contain .btn .btnTxt {
    font-size: 2rem;
    padding-right: 1.5rem;
  }
}/*# sourceMappingURL=style.css.map */