@charset "UTF-8";
/*-- globalフォルダの直下の_index.scss --*/
/*-- settingフォルダの中の_index.scss --*/
/* ===============================================
  webFont
=============================================== */
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
/* ==================================================
  cache busting設定（scssの最上部に記載）
================================================== */
/*-- mixinフォルダの中の_index.scss --*/
/* ==================================================
  breakpoint & medea query
================================================== */
/*-- commonフォルダの中の_index.scss --*/
/* ===============================================
  htmlでのデザイン制御
=============================================== */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3vw;
}
@media (width < 1100px) {
  .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.flex_row_rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fw400 {
  font-weight: 400;
}

.fw700 {
  font-weight: 700;
}

.fw900 {
  font-weight: 900;
}

.is-open {
  display: block;
}

.is-close {
  display: none;
}

.sp {
  display: none;
}
@media (width < 768px) {
  .sp {
    display: block;
  }
}

@media (width < 768px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .is-sp {
    display: none;
  }
}

@media (width < 768px) {
  .is-mobile {
    display: none;
  }
}
@media (width >= 1100px) {
  .is-mobile {
    display: none;
  }
}

@media (width < 1100px) {
  .is-pc {
    display: none;
  }
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.left {
  -moz-text-align-last: left;
       text-align-last: left;
}

.right {
  text-align: right;
}

.fz10 {
  font-size: 1rem;
}

.fz12 {
  font-size: 1.2rem;
}

.fz14 {
  font-size: 1.4rem;
}

.fz16 {
  font-size: 1.6rem;
}

.fz18 {
  font-size: 1.8rem;
}

.fz20 {
  font-size: 2rem;
}

.fz30 {
  font-size: 3rem;
}

.miauto {
  margin-inline: auto;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mt100 {
  margin-top: 100px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.w10 {
  width: calc(10% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w10 {
    width: 100%;
  }
  .w10 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w20 {
  width: calc(20% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w20 {
    width: 100%;
  }
  .w20 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w30 {
  width: calc(30% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w30 {
    width: 100%;
  }
  .w30 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w40 {
  width: calc(40% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w40 {
    width: 100%;
  }
  .w40 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w50 {
  width: calc(50% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w50 {
    width: 100%;
  }
  .w50 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w60 {
  width: calc(60% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w60 {
    width: 100%;
  }
  .w60 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w70 {
  width: calc(70% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w70 {
    width: 100%;
  }
  .w70 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w80 {
  width: calc(80% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w80 {
    width: 100%;
  }
  .w80 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.w90 {
  width: calc(90% - 1.5vw);
  margin-inline: auto;
}
@media (width < 768px) {
  .w90 {
    width: 100%;
  }
  .w90 figure {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }
}

.list_wrapper {
  list-style: none;
}
.list_wrapper > li {
  position: relative;
  padding-left: 15px;
}
.list_wrapper > li:nth-of-type(n + 2) {
  margin-top: 5px;
}
.list_wrapper > li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  border-radius: 5px;
}

.items120 .item:nth-of-type(n + 2) {
  margin-top: 120px;
}
@media (width < 768px) {
  .items120 .item:nth-of-type(n + 2) {
    margin-top: 60px;
  }
}

.items80 .item:nth-of-type(n + 2) {
  margin-top: 80px;
}
@media (width < 768px) {
  .items80 .item:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}

.items60 .item:nth-of-type(n + 2) {
  margin-top: 60px;
}
@media (width < 768px) {
  .items60 .item:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}

.items40 .item:nth-of-type(n + 2) {
  margin-top: 40px;
}
@media (width < 768px) {
  .items40 .item:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}

/* ==================================================
  共通の全体設定
================================================== */
html {
  font-size: 62.5%;
}
@media (width < 768px) {
  html {
    font-size: 54.6875%;
  }
}

body {
  color: #404040;
  font-size: 1.6rem;
  font-family: "Zen Maru Gothic", sans-serif;
  line-height: 1.5;
  text-align: justify;
  font-weight: 700;
  background-color: #FFFFFF;
}

.wrapper {
  background-color: #FFFFFF;
  overflow-x: hidden;
}

.font {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: normal;
}

img:not([class*=wp-image-]) {
  width: 100%;
  height: auto;
}
img[class*=wp-image-].alignright {
  display: block;
  margin: 0 0 0 auto;
}
img[class*=wp-image-].alignleft {
  display: block;
  margin: 0 auto 0 0;
}
img[class*=wp-image-].aligncenter {
  display: block;
  margin: 0 auto;
}

.inner {
  width: 95%;
  max-width: 1100px;
  margin: 0 auto;
}
@media (width < 768px) {
  .inner {
    width: 90%;
  }
}

.bcn-display {
  margin-top: 20px;
  font-size: 1.4rem;
}

#add_dashboard_widget.postbox {
  background-color: yellow !important;
}

.main-cts {
  padding-top: 146px;
}
@media (width < 1100px) {
  .main-cts {
    padding-top: 70px;
  }
}

a,
button {
  cursor: pointer;
}
a:hover,
button:hover {
  opacity: 0.8;
}

.btn_cts a,
.btn_cts button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  height: 75px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: calc(100% - 20px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 314px;
}
@media (width < 768px) {
  .btn_cts a,
  .btn_cts button {
    height: 60px;
  }
}
.btn_cts a:hover,
.btn_cts button:hover {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.greeting_btn a,
.greeting_btn button {
  background: #83b7d2;
  border: 2px solid #83b7d2;
  color: #fff;
}
.greeting_btn a:hover,
.greeting_btn button:hover {
  background: #fff;
  color: #83b7d2;
  opacity: 1;
}
.greeting_btn.type_white a,
.greeting_btn.type_white button {
  background: #fff;
  color: #83b7d2;
}
.greeting_btn.type_white a:hover,
.greeting_btn.type_white button:hover {
  background: #83b7d2;
  color: #fff;
  opacity: 1;
}

.flow_btn a,
.flow_btn button {
  background: #d8c26b;
  border: 2px solid #d8c26b;
  color: #fff;
}
.flow_btn a:hover,
.flow_btn button:hover {
  background: #fff;
  color: #d8c26b;
  opacity: 1;
}
.flow_btn.type_white a,
.flow_btn.type_white button {
  background: #fff;
  color: #d8c26b;
}
.flow_btn.type_white a:hover,
.flow_btn.type_white button:hover {
  background: #d8c26b;
  color: #fff;
  opacity: 1;
}

.blog_btn a,
.blog_btn button {
  background: #d8a0a0;
  border: 2px solid #d8a0a0;
  color: #fff;
}
.blog_btn a:hover,
.blog_btn button:hover {
  background: #fff;
  color: #d8a0a0;
  opacity: 1;
}
.blog_btn.type_white a,
.blog_btn.type_white button {
  background: #fff;
  color: #d8a0a0;
}
.blog_btn.type_white a:hover,
.blog_btn.type_white button:hover {
  background: #d8a0a0;
  color: #fff;
  opacity: 1;
}

/* ===============================================
 下層ページタイトル
=============================================== */
.subpege_title_section {
  aspect-ratio: 1600/406;
  /* Firefox対応 */
  clip-path: url(#waveClip);
  min-height: 203px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.subpege_title_section .inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2;
}
.subpege_title_section .ttl {
  background: #fff;
  border-radius: 20px;
  font-size: 3.6rem;
  font-weight: 500;
  padding: clamp(8px, 1.4545454545vw, 16px) clamp(32px, 5.8181818182vw, 64px);
}
.subpege_title_section .bg-img {
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100%;
}
.subpege_title_section .bg-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.subpege_title_section .bg-img:after {
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.subpege_title_section .bg-img.type-green:after {
  background: rgba(192, 229, 190, 0.6);
}
.subpege_title_section .bg-img.type-orange:after {
  background: rgba(250, 211, 167, 0.6);
}
.subpege_title_section .bg-img.type-purple:after {
  background: rgba(208, 205, 239, 0.6);
}
.subpege_title_section .bg-img.type-yellow:after {
  background: rgba(234, 218, 165, 0.6);
}
.subpege_title_section .bg-img.type-pink:after {
  background: rgba(230, 182, 184, 0.6);
}
.subpege_title_section .bg-img.type-blue:after {
  background: rgba(190, 219, 233, 0.6);
}
.subpege_title_section .bg-img.type-red:after {
  background: rgba(255, 176, 166, 0.6);
}
.subpege_title_section:before {
  aspect-ratio: 225/255;
  content: "";
  display: block;
  background: url(../img/subsection/pagetitle-1.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(4.5454545455vw, 50px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(14.0625vw, 225px);
  z-index: 1;
}
@media (width < 768px) {
  .subpege_title_section:before {
    left: 0;
  }
}
.subpege_title_section:after {
  aspect-ratio: 384/300;
  bottom: 0;
  content: "";
  display: block;
  background: url(../img/subsection/pagetitle-2.webp?ver=u19pgy5) no-repeat center/contain;
  position: absolute;
  right: max(1.2727272727vw, 14px);
  width: min(24vw, 384px);
  z-index: 1;
}
@media (width < 768px) {
  .subpege_title_section:after {
    bottom: 6%;
    right: 0;
  }
}

/* ===============================================
 下層ページセクション
=============================================== */
.subsection_cts {
  overflow-x: hidden;
}

/* ===============================================
 下層ページセクションタイトル
=============================================== */
.subsection_ttl {
  font-size: 3.6rem;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.subsection_ttl:after {
  aspect-ratio: 16/5;
  content: "";
  display: block;
  background: url(../img/subsection/section-title.webp?ver=u19pgy5) no-repeat center/contain;
  margin: 0 auto;
  width: 3.56em;
}

/* ===============================================
 テキストカード
=============================================== */
.textcard_box {
  position: relative;
}
.textcard_box:before, .textcard_box:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.textcard_box .ttl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  gap: 0 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 28px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.textcard_box .ttl:before, .textcard_box .ttl:after {
  aspect-ratio: 183/28;
  content: "";
  display: block;
  background: url(../img/subsection/reaf.webp?ver=u19pgy5) no-repeat center/contain;
  width: clamp(91px, 16.6363636364vw, 183px);
}
.textcard_box .ttl:before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (width < 768px) {
  .textcard_box .ttl:before {
    bottom: -10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
  }
}
@media (width < 768px) {
  .textcard_box .ttl:after {
    display: none;
  }
}
.textcard_box p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.33;
}
.textcard_box p + p {
  margin-top: 5px;
}
.textcard_box p + .ttl {
  margin-top: clamp(30px, 8.7272727273vw, 96px);
}
.textcard_box .em {
  color: #D49E7D;
  font-size: 2rem;
  line-height: 2.1;
}
.textcard_box.type_cloud {
  background: #fff;
  border-radius: 30px;
  padding: clamp(42px, 7.6363636364vw, 84px) 20px;
  text-align: center;
}
.textcard_box.type_cloud:before {
  aspect-ratio: 227/150;
  background: url(../img/subsection/clowd-sun-icon.webp?ver=u19pgy5) no-repeat center/contain;
  right: max(-11.2727272727vw, -124px);
  top: max(-4.2727272727vw, -47px);
  width: clamp(113px, 20.6363636364vw, 227px);
}
.textcard_box.type_cloud:after {
  aspect-ratio: 140/166;
  bottom: max(-6.9090909091vw, -76px);
  background: url(../img/subsection/watering-pot.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-6.3636363636vw, -70px);
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  width: clamp(70px, 12.7272727273vw, 140px);
}
.textcard_box.type_flower {
  background: #fff6f6;
  border-radius: 40px;
  padding: clamp(20px, 3.4545454545vw, 38px) 20px;
}
.textcard_box.type_flower p {
  margin-left: auto;
  margin-right: auto;
  max-width: 924px;
}
.textcard_box.type_flower:before {
  aspect-ratio: 162/92;
  background: url(../img/subsection/flower1.webp?ver=u19pgy5) no-repeat center/contain;
  right: max(-3.1818181818vw, -35px);
  top: max(-1.3636363636vw, -15px);
  width: clamp(81px, 14.7272727273vw, 162px);
}
.textcard_box.type_flower:after {
  aspect-ratio: 162/92;
  bottom: max(-0.6363636364vw, -7px);
  background: url(../img/subsection/flower2.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-4vw, -44px);
  width: clamp(81px, 14.7272727273vw, 162px);
}

/* ===============================================
 風船カード
=============================================== */
.balloon_list {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 37px 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 1100px) {
  .balloon_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 20px 0;
  }
}

.balloon_card {
  border-radius: 30px;
  padding: 40px 0 0 7px;
  position: relative;
  width: calc((100% - 32px) / 2);
}
@media (width < 1100px) {
  .balloon_card {
    padding-top: 80px;
    width: 100%;
  }
}
.balloon_card .ttl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 74/91;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-size: clamp(14px, 1.6363636364vw, 1.8rem);
  gap: 0.1em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 0 0 clamp(20px, 2.7272727273vw, 30px);
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: clamp(98px, 13.4545454545vw, 148px);
}
.balloon_card .ttl .em {
  font-size: clamp(18px, 2.1818181818vw, 2.4rem);
}
.balloon_card .ttl::after {
  bottom: -21px;
  content: "";
  display: block;
  height: 26px;
  background: url(../img/top/grewup_baloon_cord.svg?ver=u19pgy5) no-repeat center/contain;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(80%, 0);
          transform: translate(80%, 0);
  width: 4px;
}
.balloon_card .txt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  font-weight: 400;
  height: 183px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 2;
  padding-left: calc(clamp(74px, 13.4545454545vw, 148px) / 3 * 2);
  text-align: center;
  width: 100%;
}
@media (width < 1100px) {
  .balloon_card .txt {
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.balloon_card.type-red .ttl {
  background: url(../img/top/ballon1.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-red .txt {
  background: #fff8f8;
}
.balloon_card.type-orange .ttl {
  background: url(../img/top/ballon2.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-orange .txt {
  background: #fff8f3;
}
.balloon_card.type-yellow .ttl {
  background: url(../img/top/ballon3.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-yellow .txt {
  background: #fffde5;
}
.balloon_card.type-green .ttl {
  background: url(../img/top/ballon4.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-green .txt {
  background: #f7fded;
}
.balloon_card.type-cyan .ttl {
  background: url(../img/top/ballon5.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-cyan .txt {
  background: #f5fbfb;
}
.balloon_card.type-blue .ttl {
  background: url(../img/top/ballon6.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-blue .txt {
  background: #f2f7ff;
}
.balloon_card.type-purple .ttl {
  background: url(../img/top/ballon7.webp?ver=u19pgy5) no-repeat center/contain;
}
.balloon_card.type-purple .txt {
  background: #f5f4f9;
}

/* ===============================================
 テーブル
=============================================== */
.table_card {
  background: #fff;
  table-layout: fixed;
  width: 100%;
}
.table_card th,
.table_card td {
  border: 1px solid rgba(230, 153, 105, 0.6);
  line-height: 1.75;
}
.table_card th {
  background: rgba(254, 218, 196, 0.6);
  font-size: 1.8rem;
  padding: 14px;
  text-align: center;
  width: 30%;
}
@media (width < 768px) {
  .table_card th {
    font-size: 1.6rem;
    padding: 14px 5px;
  }
}
.table_card td {
  font-weight: 400;
  padding: 14px 35px;
}
@media (width < 768px) {
  .table_card td {
    padding: 14px;
  }
}
.table_card .dotted {
  padding-left: 1em;
  text-indent: -1em;
}
.table_card .dotted::before {
  color: #e69969;
  content: "・";
}

/* ===============================================
 カードリンク
=============================================== */
.cardlink_list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 1100px) {
  .cardlink_list {
    gap: 40px 20px;
  }
}
.cardlink_list:has(.cardlink_card:nth-of-type(3)) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cardlink_card {
  text-align: center;
  width: calc((100% - 120px) / 3);
}
@media (width < 1100px) {
  .cardlink_card {
    width: calc((100% - 20px) / 2);
  }
}
.cardlink_card a {
  display: block;
  width: 100%;
}
.cardlink_card .img {
  aspect-ratio: 109/80;
  background: #e3e3e3;
  border-radius: 20px;
  margin: 0 auto;
  max-width: 327px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
.cardlink_card .img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.cardlink_card .ttl {
  font-size: 1.8rem;
  margin: 10px 0 0;
}

/* ===============================================
 横並びカード 季節
=============================================== */
.symmetry-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 140px 0;
}
@media (width < 1100px) {
  .symmetry-list {
    gap: 60px 0;
  }
}

.symmetry-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (width < 768px) {
  .symmetry-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 40px 0;
  }
}
.symmetry-card .img-box {
  aspect-ratio: 61/32;
  max-width: 100%;
  position: relative;
  width: clamp(366px, 49.9090909091vw, 549px);
}
@media (width < 768px) {
  .symmetry-card .img-box {
    width: 100%;
  }
}
.symmetry-card .img-box:before {
  content: "";
  display: block;
  position: absolute;
}
.symmetry-card .img {
  background: #fff;
  border-radius: 30px;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.symmetry-card .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.symmetry-card .detail {
  width: calc(50% - 78px);
}
@media (width < 768px) {
  .symmetry-card .detail {
    padding: 0 40px;
    width: 100%;
  }
}
@media (width < 768px) {
  .symmetry-card .detail {
    padding: 0;
  }
}
.symmetry-card .detail .ttl {
  font-size: 3.6rem;
  margin: 0 0 40px;
  position: relative;
  z-index: 1;
}
@media (width < 768px) {
  .symmetry-card .detail .ttl {
    margin: 0 0 20px;
  }
}
.symmetry-card .detail .ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: -1;
}
.symmetry-card .detail .txt {
  display: table-row;
}
@media (width < 768px) {
  .symmetry-card .detail .txt {
    display: block;
    padding-bottom: 1em;
  }
}
.symmetry-card .detail .txt:last-of-type dt,
.symmetry-card .detail .txt:last-of-type dd {
  padding-bottom: 0;
}
.symmetry-card .detail .txt dt,
.symmetry-card .detail .txt dd {
  display: table-cell;
  padding-bottom: 1em;
}
@media (width < 768px) {
  .symmetry-card .detail .txt dt,
  .symmetry-card .detail .txt dd {
    display: block;
    padding-bottom: 0;
  }
}
.symmetry-card .detail .txt dt {
  font-size: 2rem;
  white-space: nowrap;
}
.symmetry-card .detail .txt dd {
  font-weight: 400;
  padding-left: 1em;
  text-indent: -1em;
}
@media (width < 768px) {
  .symmetry-card .detail .txt dd {
    padding-left: 0;
    text-indent: 0;
  }
}
.symmetry-card .detail .txt dd:before {
  content: "：";
}
@media (width < 768px) {
  .symmetry-card .detail .txt dd:before {
    display: none;
  }
}
@media (width < 1100px) {
  .symmetry-card .detail .txt dd br {
    display: none;
  }
}
.symmetry-card:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media (width < 768px) {
  .symmetry-card:nth-of-type(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.symmetry-card.type-spring .img-box:before {
  aspect-ratio: 131/99;
  background: url(../img/subsection/symmetry_img_spring.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-2.8181818182vw, -31px);
  top: max(-3.4545454545vw, -38px);
  width: clamp(84px, 11.9090909091vw, 131px);
}
.symmetry-card.type-spring .detail .ttl:before {
  aspect-ratio: 97/98;
  background: url(../img/subsection/symmetry_ttl_spring.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-3.6363636364vw, -40px);
  width: clamp(65px, 8.8181818182vw, 97px);
}
.symmetry-card.type-spring .detail .txt dt {
  color: #d8a0a0;
}
.symmetry-card.type-summer .img-box:before {
  aspect-ratio: 160/113;
  background: url(../img/subsection/symmetry_img_summer.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-6.7272727273vw, -74px);
  top: max(-2.7272727273vw, -30px);
  width: clamp(106px, 14.5454545455vw, 160px);
}
.symmetry-card.type-summer .detail .ttl:before {
  aspect-ratio: 99/98;
  background: url(../img/subsection/symmetry_ttl_summer.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-3.6363636364vw, -40px);
  width: clamp(66px, 9vw, 99px);
}
.symmetry-card.type-summer .detail .txt dt {
  color: #85bc91;
}
.symmetry-card.type-autumn .img-box:before {
  aspect-ratio: 189/92;
  bottom: max(-4.2727272727vw, -47px);
  background: url(../img/subsection/symmetry_img_autumn.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-5.4545454545vw, -60px);
  width: clamp(126px, 17.1818181818vw, 189px);
}
.symmetry-card.type-autumn .detail .ttl:before {
  aspect-ratio: 116/109;
  background: url(../img/subsection/symmetry_ttl_autumn.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-3.0909090909vw, -34px);
  width: clamp(77px, 10.5454545455vw, 116px);
}
.symmetry-card.type-autumn .detail .txt dt {
  color: #ca916e;
}
.symmetry-card.type-winter .img-box:before {
  aspect-ratio: 113/131;
  background: url(../img/subsection/symmetry_img_winter.webp?ver=u19pgy5) no-repeat center/contain;
  right: max(-1.1818181818vw, -13px);
  top: max(-3.2727272727vw, -36px);
  width: clamp(75px, 10.2727272727vw, 113px);
}
.symmetry-card.type-winter .detail .ttl:before {
  aspect-ratio: 1/1;
  background: url(../img/subsection/symmetry_ttl_winter.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-3vw, -33px);
  width: clamp(56px, 7.6363636364vw, 84px);
}
.symmetry-card.type-winter .detail .txt dt {
  color: #70abc9;
}

/* ===============================================
 横並びカード 影付き
=============================================== */
.flexcard_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 40px 0;
}

.flexcard_card {
  padding-top: 40px;
  position: relative;
}
@media (width < 768px) {
  .flexcard_card {
    padding-top: 128px;
  }
}
.flexcard_card .img {
  aspect-ratio: 185/137;
  background: #e3e3e3;
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: clamp(256px, 35vw, 385px);
  z-index: 1;
}
@media (width < 768px) {
  .flexcard_card .img {
    left: 0;
    margin: auto;
    right: 0;
  }
}
.flexcard_card .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.flexcard_card .detail {
  background: #fff;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 273px;
  padding: 30px;
  position: relative;
  width: clamp(380px, 69.0909090909vw, 760px);
}
@media (width < 768px) {
  .flexcard_card .detail {
    padding-top: 85px;
    width: 100%;
  }
}
.flexcard_card .detail:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.flexcard_card .detail .ttl {
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.flexcard_card .detail .label {
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin: 20px 0 0;
  padding: 2px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.flexcard_card .detail .txt {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin: 30px 0 0;
}
.flexcard_card:nth-of-type(2n + 1) .img {
  left: 0;
}
.flexcard_card:nth-of-type(2n + 1) .detail {
  margin-left: auto;
  padding-left: min(15%, max(80px, 80px + 1155px - 100vw));
}
@media (width < 768px) {
  .flexcard_card:nth-of-type(2n + 1) .detail {
    padding-left: 30px;
  }
}
.flexcard_card:nth-of-type(2n) .img {
  right: 0;
}
.flexcard_card:nth-of-type(2n) .detail {
  margin-right: auto;
  padding-right: min(15%, max(80px, 80px + 1155px - 100vw));
}
@media (width < 768px) {
  .flexcard_card:nth-of-type(2n) .detail {
    padding-right: 30px;
  }
}
.flexcard_card.type-red .detail {
  -webkit-box-shadow: 0 0 13px 0 rgba(227, 185, 185, 0.3);
          box-shadow: 0 0 13px 0 rgba(227, 185, 185, 0.3);
}
.flexcard_card.type-red .detail .label {
  background: #E3B9B9;
}
.flexcard_card.type-red .detail:before {
  height: 56px;
  background: url(../img/subsection/active-icon1.webp?ver=u19pgy5) no-repeat center/contain;
  right: 32px;
  top: -10px;
  width: 50px;
}
.flexcard_card.type-yellow .detail {
  -webkit-box-shadow: 0 0 13px 0 rgba(222, 206, 142, 0.3);
          box-shadow: 0 0 13px 0 rgba(222, 206, 142, 0.3);
}
.flexcard_card.type-yellow .detail .label {
  background: #DECE8E;
}
.flexcard_card.type-yellow .detail:before {
  height: 57px;
  background: url(../img/subsection/active-icon2.webp?ver=u19pgy5) no-repeat center/contain;
  left: -8px;
  top: -10px;
  width: 54px;
}
.flexcard_card.type-blue .detail {
  -webkit-box-shadow: 0 0 13px 0 rgba(172, 201, 216, 0.3);
          box-shadow: 0 0 13px 0 rgba(172, 201, 216, 0.3);
}
.flexcard_card.type-blue .detail .label {
  background: #ACC9D8;
}
.flexcard_card.type-blue .detail:before {
  height: 110px;
  background: url(../img/subsection/active-icon3.webp?ver=u19pgy5) no-repeat center/contain;
  right: -6px;
  top: -18px;
  width: 70px;
}
.flexcard_card.type-khaki .detail {
  -webkit-box-shadow: 0 0 13px 0 rgba(217, 182, 148, 0.3);
          box-shadow: 0 0 13px 0 rgba(217, 182, 148, 0.3);
}
.flexcard_card.type-khaki .detail .label {
  background: #D9B694;
}
.flexcard_card.type-khaki .detail:before {
  height: 76px;
  background: url(../img/subsection/active-icon4.webp?ver=u19pgy5) no-repeat center/contain;
  left: -26px;
  top: -13px;
  width: 56px;
}
.flexcard_card.type-green .detail {
  -webkit-box-shadow: 0 0 13px 0 rgba(178, 210, 185, 0.3);
          box-shadow: 0 0 13px 0 rgba(178, 210, 185, 0.3);
}
.flexcard_card.type-green .detail .label {
  background: #B2D2B9;
}
.flexcard_card.type-green .detail:before {
  height: 78px;
  background: url(../img/subsection/active-icon5.webp?ver=u19pgy5) no-repeat center/contain;
  right: 34px;
  top: -9px;
  width: 62px;
}
.flexcard_card.type-purple .detail {
  -webkit-box-shadow: 0 0 13px 0 rgba(205, 195, 223, 0.3);
          box-shadow: 0 0 13px 0 rgba(205, 195, 223, 0.3);
}
.flexcard_card.type-purple .detail .label {
  background: #CDC3DF;
}
.flexcard_card.type-purple .detail:before {
  height: 49px;
  background: url(../img/subsection/active-icon6.webp?ver=u19pgy5) no-repeat center/contain;
  left: -26px;
  top: -25px;
  width: 63px;
}

/* ===============================================
 BLOGカード
=============================================== */
.blogcard_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(34px, 6vw, 66px) clamp(28px, 5vw, 55px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blogcard_list:has(.blogcard_card:nth-of-type(3)) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blogcard_card {
  width: calc((100% - clamp(28px, 5vw, 55px) * 2) / 3);
}
@media (768px <= width < 1100px) {
  .blogcard_card {
    width: calc((100% - clamp(28px, 5vw, 55px)) / 2);
  }
}
@media (width < 768px) {
  .blogcard_card {
    width: 100%;
  }
}
.blogcard_card a {
  background: #fff;
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
  display: block;
  height: 100%;
  padding: 15px 15px 35px;
}
.blogcard_card .custom-blog_image {
  aspect-ratio: 100/63;
  background: #d9d9d9;
  margin: 0 0 24px;
  overflow: hidden;
  width: 100%;
}
.blogcard_card .custom-blog_image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.blogcard_card .date_box {
  color: #d2b74c;
  font-size: 2rem;
}
.blogcard_card h3 {
  font-size: 1.8rem;
  margin: 14px 0 0;
}

/* ===============================================
  ページャー
=============================================== */
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 70px;
}
.pagination a,
.pagination .current,
.pagination .dots {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  background: #fff;
  border: 2px solid #D8C26B;
  border-radius: 50%;
  color: #D8C26B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: 57px;
}
@media (width < 1100px) {
  .pagination a,
  .pagination .current,
  .pagination .dots {
    font-size: 2rem;
    width: 42px;
  }
}
.pagination .current {
  background: #D8C26B;
  color: #fff;
}
.pagination .prev,
.pagination .next {
  padding: 0 0 5px;
}
.pagination .dots {
  background: transparent;
  border: none;
}
.pagination.type-red a,
.pagination.type-red .current,
.pagination.type-red .dots {
  border-color: #d8a0a0;
  color: #d8a0a0;
}
.pagination.type-red .current {
  background: #d8a0a0;
  color: #fff;
}

/* ===============================================
  タブコンテンツ
=============================================== */
.tb-list input[name^=tb-] {
  display: none;
}
.tb-list .tb-ttl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (width < 768px) {
  .tb-list .tb-ttl {
    gap: 0;
  }
}
.tb-list .tb-ttl-btn {
  width: calc((100% - 36px) / 3);
}
@media (width < 768px) {
  .tb-list .tb-ttl-btn {
    width: 33.3333333333%;
  }
}
.tb-list .tb-ttl-btn label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px 30px 0 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(1.6rem, 2.1818181818vw, 2.4rem);
  height: 77px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (width < 768px) {
  .tb-list .tb-ttl-btn label {
    height: 60px;
    padding: 0 5px;
  }
}
.tb-list .tb-ttl-btn label span {
  border-bottom: 2px solid transparent;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tb-list .tb-ttl-btn.type-tb-time-01 label {
  background: #f2c2c2;
}
.tb-list .tb-ttl-btn.type-tb-time-02 label {
  background: #83b7d2;
}
.tb-list .tb-ttl-btn.type-tb-time-03 label {
  background: #98caa3;
}
.tb-list .tb-body {
  -webkit-box-shadow: 0 4px 24px 0 rgba(194, 194, 194, 0.25);
          box-shadow: 0 4px 24px 0 rgba(194, 194, 194, 0.25);
  padding: 75px min(9.0909090909vw, 100px) 40px;
}
@media (width < 768px) {
  .tb-list .tb-body {
    padding: 40px 20px 20px;
  }
}
.tb-list .time-schedule-box {
  display: none;
}
.tb-list .time-schedule-box .time-schedule-ttl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px solid;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  height: 57px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 42px;
}
@media (width < 768px) {
  .tb-list .time-schedule-box .time-schedule-ttl {
    margin-bottom: 20px;
  }
}
.tb-list .time-schedule-box .timeline {
  position: relative;
}
.tb-list .time-schedule-box .timeline:before {
  bottom: 0;
  content: "";
  display: block;
  height: calc(100% - 54px);
  left: 47px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 7px;
  z-index: 1;
}
@media (width < 768px) {
  .tb-list .time-schedule-box .timeline:before {
    left: 23px;
    width: 4px;
  }
}
.tb-list .time-schedule-box .timecard {
  border-bottom: 1px solid #e9e9e9;
  padding: 27px 0;
  position: relative;
}
.tb-list .time-schedule-box .timecard:last-of-type {
  border-bottom: none;
}
.tb-list .time-schedule-box .timecard-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tb-list .time-schedule-box .timecard-inner .time {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  z-index: 2;
}
@media (width < 768px) {
  .tb-list .time-schedule-box .timecard-inner .time {
    font-size: 1.6rem;
    width: 50px;
  }
}
.tb-list .time-schedule-box .timecard-inner .txt {
  padding-left: min(5.625vw, 90px);
  width: calc(100% - 100px);
}
@media (width < 768px) {
  .tb-list .time-schedule-box .timecard-inner .txt {
    width: calc(100% - 50px);
  }
}
.tb-list .time-schedule-box .timecard-inner .txt p {
  font-size: 2rem;
  padding-left: 1.5em;
  text-indent: -1.5em;
  text-shadow: 0 0 5px #fff;
}
.tb-list .time-schedule-box .timecard-inner .txt p + p {
  margin: 20px 0 0;
}
.tb-list .time-schedule-box .timecard-inner .txt p:before {
  content: "●";
  padding-right: 0.5em;
}
.tb-list .time-schedule-box.type-tb-time-01 .time-schedule-ttl {
  border-color: #f9d3d6;
}
.tb-list .time-schedule-box.type-tb-time-01 .timeline:before {
  background: #f9d3d6;
}
.tb-list .time-schedule-box.type-tb-time-01 .timecard-inner .time {
  background: url(../img/subsection/life-circle1.webp?ver=u19pgy5) no-repeat center/contain;
}
.tb-list .time-schedule-box.type-tb-time-01 .timecard-inner .txt p:before {
  color: #f9d3d6;
}
.tb-list .time-schedule-box.type-tb-time-02 .time-schedule-ttl {
  border-color: #83b7d2;
}
.tb-list .time-schedule-box.type-tb-time-02 .timeline:before {
  background: #83b7d2;
}
.tb-list .time-schedule-box.type-tb-time-02 .timecard-inner .time {
  background: url(../img/subsection/life-circle2.webp?ver=u19pgy5) no-repeat center/contain;
}
.tb-list .time-schedule-box.type-tb-time-02 .timecard-inner .txt p:before {
  color: #83b7d2;
}
.tb-list .time-schedule-box.type-tb-time-03 .time-schedule-ttl {
  border-color: #b8e0c1;
}
.tb-list .time-schedule-box.type-tb-time-03 .timeline:before {
  background: #b8e0c1;
}
.tb-list .time-schedule-box.type-tb-time-03 .timecard-inner .time {
  background: url(../img/subsection/life-circle3.webp?ver=u19pgy5) no-repeat center/contain;
}
.tb-list .time-schedule-box.type-tb-time-03 .timecard-inner .txt p:before {
  color: #b8e0c1;
}
.tb-list .icon-01 {
  position: relative;
  z-index: 1;
}
.tb-list .icon-01:after {
  aspect-ratio: 177/102;
  content: "";
  display: block;
  background: url(../img/subsection/life-icon.webp?ver=u19pgy5) no-repeat center/contain;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: clamp(59px, 16.0909090909vw, 177px);
  z-index: -1;
}
@media (width < 768px) {
  .tb-list .icon-01:after {
    right: 0;
    top: -35px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.tb-list .icon-02 {
  -ms-flex-line-pack: center;
      align-content: center;
  height: 117px;
  position: relative;
  z-index: 1;
}
@media (width < 768px) {
  .tb-list .icon-02 {
    height: 69px;
  }
}
.tb-list .icon-02:after {
  aspect-ratio: 138/117;
  content: "";
  display: block;
  background: url(../img/subsection/life-icon2.webp?ver=u19pgy5) no-repeat center/contain;
  position: absolute;
  right: min(7.4545454545vw, 82px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: clamp(69px, 12.5454545455vw, 138px);
  z-index: -1;
}
.tb-list .icon-03 {
  position: relative;
  z-index: 1;
}
.tb-list .icon-03:after {
  aspect-ratio: 278/101;
  content: "";
  display: block;
  background: url(../img/subsection/life-icon3.webp?ver=u19pgy5) no-repeat center/contain;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: clamp(139px, 25.2727272727vw, 278px);
  z-index: -1;
}
@media (width < 768px) {
  .tb-list .icon-03:after {
    right: 0;
    top: -12px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#tb-time-01:checked ~ .tb-ttl .type-tb-time-01 label span {
  border-bottom-color: #fff;
}
#tb-time-01:checked ~ .tb-body .type-tb-time-01 {
  display: block;
}

#tb-time-02:checked ~ .tb-ttl .type-tb-time-02 label span {
  border-bottom-color: #fff;
}
#tb-time-02:checked ~ .tb-body .type-tb-time-02 {
  display: block;
}

#tb-time-03:checked ~ .tb-ttl .type-tb-time-03 label span {
  border-bottom-color: #fff;
}
#tb-time-03:checked ~ .tb-body .type-tb-time-03 {
  display: block;
}

/* ===============================================
 カード状リスト
=============================================== */
.content_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px 35px;
}

.content_card {
  width: calc((100% - 35px) / 2);
}
@media (width < 1100px) {
  .content_card {
    width: 100%;
  }
}
.content_card .card_inner {
  background: #fffbfb;
  border: 3px solid;
  border-radius: 20px;
  height: 100%;
  padding: 0 30px;
}
.content_card .ttl {
  border-bottom: 2px solid;
  font-size: 2.4rem;
  padding: 29px 0 24px;
}
.content_card .txt {
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 2.4rem;
  font-weight: 400;
  min-height: 102px;
  padding: 15px 0;
}
.content_card.type-blue .card_inner {
  border-color: #cde8f5;
}
.content_card.type-blue .ttl {
  border-color: #cde8f5;
}
.content_card.type-green .card_inner {
  border-color: #d0eed7;
}
.content_card.type-green .ttl {
  border-color: #d0eed7;
}
.content_card.type-orange .card_inner {
  border-color: #f5dfbf;
}
.content_card.type-orange .ttl {
  border-color: #f5dfbf;
}
.content_card.type-red .card_inner {
  border-color: #f2c2c2;
}
.content_card.type-red .ttl {
  border-color: #f2c2c2;
}

/* ===============================================
 問い合わせ
=============================================== */
.contact_box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f1e6e6;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 25px;
}
@media (width < 768px) {
  .contact_box {
    padding: 30px 15px;
  }
}
.contact_box p:not([class]) {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.17;
}
.contact_box .tel {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(2rem, 2.9090909091vw, 3.2rem);
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px 0 0;
}
.contact_box .tel:before {
  aspect-ratio: 1/1;
  content: "";
  display: block;
  background: url(../img/consult/tel-illust1.webp?ver=u19pgy5) no-repeat center/contain;
  width: clamp(20px, 3.8181818182vw, 42px);
}
.contact_box .tel a {
  color: inherit;
}

/* ===============================================
 円形リスト
=============================================== */
.circle_list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 150px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 1100px) {
  .circle_list {
    gap: 50px;
  }
}

.circle_card {
  aspect-ratio: 348/410;
  width: 348px;
}
.circle_card p {
  font-size: 1.8rem;
  margin: 0 auto 36px;
  text-align: center;
}
.circle_card .img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  position: relative;
  width: 100%;
}
.circle_card .img img {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
}
.circle_card.type-red .img {
  background: #fad5d5;
}
.circle_card.type-blue .img {
  background: #c3e1ef;
}
.circle_card.type-green .img {
  background: #bcddc3;
}

/* ===============================================
 募集要項
=============================================== */
.application_box .ttl {
  border-radius: 50px;
  color: #fff;
  font-size: 2.4rem;
  margin: 0 0 45px;
  padding: 17px 10px;
  text-align: center;
}
.application_box .ttl.type-blue {
  background: #83b7d2;
}
.application_box .ttl.type-red {
  background: #d8a0a0;
}
.application_box .ttl.type-green {
  background: #bcddc3;
}
.application_box > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 708px;
}
.application_box .detail {
  margin: 38px 0;
  text-align: center;
}
.application_box .detail dt {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 10px;
}
.application_box .detail dd {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.application_box .detail dd p {
  font-size: 1.8rem;
  font-weight: 500;
}

/* ===============================================
  詳細カード
=============================================== */
.news_detail_card {
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
  margin: 0 0 70px;
  padding: 46px clamp(15px, 4.5454545455vw, 50px) 80px;
}
@media (width < 768px) {
  .news_detail_card {
    padding: 20px 15px 40px;
  }
}
.news_detail_card .news_header {
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 20px;
}
.news_detail_card .news_header .news_date {
  color: #d2b74c;
  font-size: 2rem;
  margin: 0 0 10px;
}
.news_detail_card .news_header .news_title {
  font-size: 2.4rem;
}
.news_detail_card .news_content {
  padding: 34px 0 0;
}
.news_detail_card .news_content p {
  line-height: 2;
}
.news_detail_card .news_content p + .wp-block-gallery {
  margin-top: 70px;
}
@media (width < 768px) {
  .news_detail_card .news_content p + .wp-block-gallery {
    margin-top: 40px;
  }
}

/* ===============================================
 fadeInアニメーション
=============================================== */
/* 初期状態のスタイル */
.fade_in_item {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

/* アニメーションのキーフレーム定義 */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* アニメーションの適用 */
.fade_in_item.animated {
  -webkit-animation: fadeInUp 0.8s ease forwards;
          animation: fadeInUp 0.8s ease forwards;
}

/* ===============================================
  header
=============================================== */
.header {
  background: url(../img/common/header_bottom.png?ver=u19pgy5) repeat-x bottom left/235px;
  background-color: #fff;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media (width < 1100px) {
  .header {
    background-size: 118px;
  }
}

.header_inner {
  margin: 0 auto;
  max-width: 1600px;
}

.global-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 146px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (width < 1100px) {
  .global-nav {
    height: 70px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 3vw;
    width: 100%;
  }
}

.global-nav__lists {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: clamp(300px, 25vw, 400px);
}
@media (width < 1100px) {
  .global-nav__lists {
    display: none;
  }
}

.global-nav__list {
  font-size: 1.8rem;
  font-weight: 400;
  width: 92px;
}
.global-nav__list a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
@media (width < 1100px) {
  .global-nav__list a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.global-nav__list a::before {
  content: "";
  display: block;
  height: 56px;
  width: 100%;
}
@media (width < 1100px) {
  .global-nav__list a::before {
    width: 40px;
  }
}
.global-nav__list.type-about a:before {
  background: url(../img/common/icon1.webp?ver=u19pgy5) no-repeat center top/contain;
}
.global-nav__list.type-active a:before {
  background: url(../img/common/icon2.webp?ver=u19pgy5) no-repeat center top/contain;
}
.global-nav__list.type-flow a:before {
  background: url(../img/common/icon3.webp?ver=u19pgy5) no-repeat center top/contain;
}
.global-nav__list.type-requirements a:before {
  background: url(../img/common/icon4.webp?ver=u19pgy5) no-repeat center top/contain;
}
.global-nav__list.type-consult a:before {
  background: url(../img/common/icon5.webp?ver=u19pgy5) no-repeat center top/contain;
}
.global-nav__list.type-blog a:before {
  background: url(../img/common/icon6.webp?ver=u19pgy5) no-repeat center top/contain;
}

.header-logo {
  margin: -12px 1.5% 0;
  min-width: 210px;
  width: 420px;
}
@media (width < 1100px) {
  .header-logo {
    height: 42px;
    margin: auto 0;
    min-width: none;
  }
}
.header-logo h1 {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.header-logo img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

/* ===============================================
  hamburger_menu
=============================================== */
.hamburger_wrapper {
  display: none;
}
@media (width < 1100px) {
  .hamburger_wrapper {
    display: block;
  }
}

.hamburger_menu {
  display: none;
  overflow-y: scroll;
}
.hamburger_menu.open {
  background-color: #fff;
  display: block;
  height: 100vh;
  left: 0;
  padding: 80px 0 100px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 888;
}

.hamburger_menu_wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 clamp(100px, 12.5vw, 200px);
}
@media (width < 768px) {
  .hamburger_menu_wrapper {
    padding: 0 40px;
  }
}
.hamburger_menu_wrapper ul {
  border-bottom: #404040 1px dashed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1em;
  padding: 1em 0;
  width: 100%;
}
.hamburger_menu_wrapper ul li {
  font-size: 2rem;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.hamburger_menu_wrapper .global-nav__list a:before {
  background-position: center;
}

/* Hamburger menu */
.hamburger {
  border: 0;
  cursor: pointer;
  display: none;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 40px;
  z-index: 999;
}
@media (width < 1100px) {
  .hamburger {
    display: block;
  }
}

.hamburger:focus {
  outline: 0;
}

.hamburger .line {
  background-color: #E3B9B9;
  display: block;
  height: 1px;
  margin: 8px auto;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  width: 30px;
}

.hamburger.open .line:nth-child(1) {
  -webkit-transform: translateY(9px) rotate(45deg);
          transform: translateY(9px) rotate(45deg);
}

.hamburger.open .line:nth-child(2) {
  opacity: 0;
}

.hamburger.open .line:nth-child(3) {
  -webkit-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
}

.footer {
  background: #F8F6F2;
}

.footer_wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 338px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (width < 1100px) {
  .footer_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px 0;
    height: auto;
    padding: 60px 0;
  }
}
.footer_wrapper address {
  margin: 24px 0 0;
}
@media (width < 768px) {
  .footer_wrapper address {
    margin: 20px 0 0;
  }
}
.footer_wrapper .tel {
  font-size: 2.4rem;
  font-weight: 700;
}
.footer_wrapper .address {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 12px 0 0;
}
.footer_wrapper .address span {
  padding-right: 1em;
}

.footer_logo_area {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 0 20px;
  text-align: center;
}
.footer_logo_area .footer_logo {
  width: 300px;
}
@media (width < 768px) {
  .footer_logo_area .footer_logo {
    width: 280px;
  }
}

.footer_link_area {
  font-size: 1.6rem;
  padding: 0 20px;
  width: 50%;
}
@media (width < 1100px) {
  .footer_link_area {
    width: 100%;
  }
}
@media (width < 768px) {
  .footer_link_area {
    text-align: center;
  }
}
.footer_link_area .footer_link_main {
  color: #D8A0A0;
  margin: 0 0 30px;
}
@media (width < 768px) {
  .footer_link_area .footer_link_main {
    margin: 0 0 20px;
  }
}
.footer_link_area .footer_link_sub {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (width < 768px) {
  .footer_link_area .footer_link_sub {
    gap: 20px 0;
  }
}
.footer_link_area .footer_link_sub > li {
  width: 50%;
}
@media (width < 768px) {
  .footer_link_area .footer_link_sub > li {
    width: 100%;
  }
}

.footer_info_area {
  background: #D8A0A0;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
}
.footer_info_area .footer_info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 24px;
  height: 66px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/*-- pageフォルダの中の_index.scss --*/
.front_page {
  /* ===============================================
    section共通
  =============================================== */
}
.front_page .topsection_cts {
  overflow: hidden;
}
.front_page .topsection_cts .inner {
  position: relative;
}
@media (width < 768px) {
  .front_page .topsection_cts .inner {
    width: calc(100vw - 80px);
  }
}
.front_page .topsection_cts .section_ttl {
  font-size: 2rem;
  font-weight: 500;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.front_page .topsection_cts .section_ttl span {
  display: block;
  font-family: "Amatic SC", sans-serif;
  font-size: 6.4rem;
  line-height: 1;
}
.front_page {
  /* ===============================================
    mv
  =============================================== */
}
.front_page .mv .img {
  background: #d9d9d9;
  height: 100vh;
}
@media (width < 1100px) {
  .front_page .mv .img {
    height: 70vh;
  }
}
.front_page .mv .img {
  width: 100%;
}
.front_page .mv .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.front_page {
  /* ===============================================
    GREW UP
  =============================================== */
}
.front_page .grewup_section {
  background: url(../img/top/feature-bg.webp?ver=u19pgy5) no-repeat top right/min(calc(1332/1600*100vw), 1132px);
  background-color: #fff;
  padding: clamp(79px, 14.3636363636vw, 158px) 0 clamp(71px, 12.9090909091vw, 142px);
}
.front_page .grewup_section .inner:before {
  aspect-ratio: 206/183;
  background: url(../img/top/grew-up1.webp?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  position: absolute;
  right: max(-4.3636363636vw, -48px);
  top: max(-6.8181818182vw, -75px);
  width: clamp(103px, 18.7272727273vw, 206px);
}
.front_page .grewup_section .inner:after {
  aspect-ratio: 190/207;
  background: url(../img/top/grew-up2.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: max(-2vw, -22px);
  content: "";
  display: block;
  left: max(-9.7272727273vw, -107px);
  position: absolute;
  width: clamp(95px, 17.2727272727vw, 190px);
}
.front_page .grewup_section .section_ttl {
  margin: 0 0 65px;
  padding: 40px 40px 0;
}
@media (width < 768px) {
  .front_page .grewup_section .section_ttl {
    padding: 40px 0 0;
  }
}
.front_page .grewup_section .section_ttl::before {
  background: url(../img/top/grewUp-icon.webp?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 33px;
}
.front_page .grewup_section .section_ttl span {
  font-size: 9.6rem;
}
.front_page .grewup_section .grewup_list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px clamp(35px, 6.3636363636vw, 70px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (768px <= width < 1100px) {
  .front_page .grewup_section .grewup_list {
    gap: 40px clamp(17px, 3.1818181818vw, 35px);
  }
}
@media (width < 768px) {
  .front_page .grewup_section .grewup_list {
    gap: 40px 20px;
  }
}
.front_page .grewup_section .grewup_list .balloon_card {
  padding: 0;
  width: clamp(108px, 19.6363636364vw, 216px);
}
@media (width < 768px) {
  .front_page .grewup_section .grewup_list .balloon_card {
    min-width: calc((100% - clamp(35px, 6.3636363636vw, 70px)) / 2);
    width: auto;
  }
}
.front_page .grewup_section .grewup_list .balloon_card .ttl {
  margin: 0 auto;
  position: static;
  width: 100%;
}
@media (width < 768px) {
  .front_page .grewup_section .grewup_list .balloon_card .ttl {
    max-width: 231px;
  }
}
.front_page {
  /* ===============================================
    GREETING
  =============================================== */
}
.front_page .greeting_section {
  background: #F8F6F2;
  padding: clamp(106px, 19.5454545455vw, 215px) 0;
  position: relative;
}
.front_page .greeting_section:before, .front_page .greeting_section:after {
  aspect-ratio: 320/29;
  background: url(../img/top/greeting_bg.png?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.front_page .greeting_section:before {
  background-position: top center;
  top: 0;
}
.front_page .greeting_section:after {
  background-position: bottom center;
  bottom: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.front_page .greeting_section .section_ttl {
  margin: 0 auto 60px;
  text-align: center;
}
.front_page .greeting_section .section_ttl::after {
  background: url(../img/top/greeting-title.webp?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  height: 106px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-4%, -28%);
          transform: translate(-4%, -28%);
  width: 227px;
  z-index: -1;
}
@media (width < 768px) {
  .front_page .greeting_section .section_ttl::after {
    aspect-ratio: 227/106;
    -webkit-transform: translate(1%, -20%);
            transform: translate(1%, -20%);
    width: clamp(152px, 20.6363636364vw, 227px);
  }
}
.front_page .greeting_section .greeting_txt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 768px) {
  .front_page .greeting_section .greeting_txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 40px;
  }
}
.front_page .greeting_section .greeting_txt .img-box {
  aspect-ratio: 1/1;
  position: relative;
  width: clamp(180px, 32.7272727273vw, 360px);
}
.front_page .greeting_section .greeting_txt .img-box:before {
  aspect-ratio: 98/108;
  background: url(../img/top/greeting-illust.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: max(-3.1818181818vw, -35px);
  width: clamp(49px, 8.9090909091vw, 98px);
}
.front_page .greeting_section .greeting_txt .img {
  background: #d9d9d9;
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
@media (width < 768px) {
  .front_page .greeting_section .greeting_txt .img {
    max-width: 100%;
    width: 240px;
  }
}
.front_page .greeting_section .greeting_txt .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.front_page .greeting_section .greeting_txt .txt {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.17;
  padding: 0 min(6.9090909091vw, 76px);
  width: calc(100% - (clamp(180px, 32.7272727273vw, 360px) + 20px));
}
@media (width < 768px) {
  .front_page .greeting_section .greeting_txt .txt {
    width: 100%;
  }
}
.front_page .greeting_section .btn_cts {
  margin: 72px auto 0;
}
.front_page {
  /* ===============================================
    GOAL
  =============================================== */
}
.front_page .goal_section {
  padding: clamp(79px, 14.3636363636vw, 158px) 0 clamp(124px, 22.5454545455vw, 248px);
}
.front_page .goal_section .section_ttl {
  margin: 0 auto 54px;
  padding: 25px 0;
  text-align: center;
  width: clamp(200px, 34vw, 374px);
}
.front_page .goal_section .section_ttl:before, .front_page .goal_section .section_ttl:after {
  aspect-ratio: 64/64;
  background: url(../img/top/goal_ttl_icon.webp?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  position: absolute;
  width: 64px;
  width: clamp(32px, 5.8181818182vw, 64px);
}
.front_page .goal_section .section_ttl:before {
  left: 0;
  top: 0;
}
.front_page .goal_section .section_ttl:after {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.front_page .goal_section .goal_txt {
  background: url(../img/top/goal-bg.webp?ver=u19pgy5) no-repeat top center/cover;
  background-color: #fef2f2;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: clamp(24px, 4.3636363636vw, 48px) 0;
  padding: clamp(65px, 11.8181818182vw, 130px) min(11.8181818182vw, 130px);
  position: relative;
}
@media (width < 768px) {
  .front_page .goal_section .goal_txt {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.front_page .goal_section .goal_txt:before, .front_page .goal_section .goal_txt:after {
  content: "";
  display: block;
  position: absolute;
}
.front_page .goal_section .goal_txt:before {
  aspect-ratio: 127/103;
  background: url(../img/top/goal-icon1.webp?ver=u19pgy5) no-repeat center/contain;
  right: max(-1.3636363636vw, -15px);
  top: max(-2.7272727273vw, -30px);
  width: clamp(64px, 11.5454545455vw, 127px);
}
.front_page .goal_section .goal_txt:after {
  aspect-ratio: 494/177;
  background: url(../img/top/goal-icon2.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: max(-4.7272727273vw, -52px);
  left: max(-4.5454545455vw, -50px);
  width: clamp(247px, 44.9090909091vw, 494px);
}
.front_page .goal_section .goal_txt p {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.65;
}
.front_page {
  /* ===============================================
    active
  =============================================== */
}
.front_page .active_section {
  background: url(../img/top/active-bg.webp?ver=u19pgy5) no-repeat center top/100%;
  background-color: #f1f7fc;
  padding: clamp(107px, 19.4545454545vw, 214px) 0 clamp(65px, 11.8181818182vw, 130px);
}
.front_page .active_section .section_ttl {
  margin: 0 auto 60px;
  text-align: center;
}
.front_page .active_section .section_ttl::after {
  background: #404040;
  content: "";
  display: block;
  height: 1px;
  margin: 12px auto 0;
  width: 45px;
}
.front_page .active_section .section_ttl .en {
  font-size: 6.4rem;
}
.front_page .active_section .active_list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 66px 44px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 768px) {
  .front_page .active_section .active_list {
    gap: 40px 44px;
  }
}
.front_page .active_section .active_card {
  max-width: calc(100% - 20px);
  position: relative;
  position: relative;
  width: 337px;
}
.front_page .active_section .active_card:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.front_page .active_section .active_card .img {
  aspect-ratio: 164/121;
  background: #e3e3e3;
  border-radius: 20px;
  display: block;
  margin: 0 0 0 auto;
  max-width: calc(100% - 10px);
  overflow: hidden;
  width: 327px;
}
.front_page .active_section .active_card .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.front_page .active_section .active_card .ttl {
  bottom: 0;
  left: 0;
  padding: 0 0 15px;
  position: absolute;
}
.front_page .active_section .active_card .ttl span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.front_page .active_section .active_card .ttl .jp {
  background: #fff;
  font-size: 2rem;
  padding: 7px 18px;
}
.front_page .active_section .active_card .ttl .en {
  background: #e3b9b9;
  color: #fff;
  font-size: 1.4rem;
  margin: 10px 0 0;
  padding: 2px 14px;
}
.front_page .active_section .active_card:nth-of-type(1):before {
  aspect-ratio: 104/220;
  background: url(../img/top/top-active-icon1.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-6.5454545455vw, -72px);
  top: max(-6.7272727273vw, -74px);
  width: clamp(52px, 9.4545454545vw, 104px);
}
.front_page .active_section .active_card:last-of-type:before {
  aspect-ratio: 122/166;
  background: url(../img/top/top-active-icon2.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: max(-7.4545454545vw, -82px);
  right: max(-8.6363636364vw, -95px);
  width: clamp(61px, 11.0909090909vw, 122px);
}
.front_page .active_section .active_card:nth-of-type(2n) .ttl .en {
  background: #dece8e;
}
.front_page .active_section .active_card:nth-of-type(3n) .ttl .en {
  background: #acc9d8;
}
.front_page .active_section .active_card:nth-of-type(4n) .ttl .en {
  background: #d9b694;
}
.front_page .active_section .active_card:nth-of-type(5n) .ttl .en {
  background: #b2d2b9;
}
.front_page .active_section .active_card:nth-of-type(6n) .ttl .en {
  background: #cdc3df;
}
.front_page .active_section .btn_cts {
  margin: 110px auto 0;
}
.front_page {
  /* ===============================================
    FLOW
  =============================================== */
}
.front_page .flow_section {
  padding: clamp(87px, 15.8181818182vw, 174px) 0 clamp(182px, 33.1818181818vw, 365px);
  position: relative;
}
.front_page .flow_section .flow-txt {
  background: #f8f6f2;
  border-radius: 50px;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 112px clamp(95px, 17.2727272727vw, 190px) 130px;
  position: relative;
  z-index: 1;
}
@media (width < 768px) {
  .front_page .flow_section .flow-txt {
    padding: 60px 20px;
  }
}
.front_page .flow_section .flow-txt:before, .front_page .flow_section .flow-txt:after {
  content: "";
  display: block;
  position: absolute;
}
.front_page .flow_section .flow-txt:before {
  background: url(../img/top/top-flow_circle.webp?ver=u19pgy5) no-repeat center/contain;
  left: max(-3.6363636364vw, -40px);
  top: max(-2.4545454545vw, -27px);
  width: clamp(92px, 16.7272727273vw, 184px);
  aspect-ratio: 184/165;
}
.front_page .flow_section .flow-txt:after {
  background: url(../img/top/top-flow_flower.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: max(-2.4545454545vw, -27px);
  right: max(-1.5454545455vw, -17px);
  width: clamp(49px, 8.9090909091vw, 98px);
  aspect-ratio: 98/112;
}
.front_page .flow_section .flow-txt p {
  font-size: 1.8rem;
  line-height: 2.17;
}
.front_page .flow_section .flow-txt .btn_cts {
  bottom: -38px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.front_page .flow_section .bg-img {
  background: #e8e8e8;
  bottom: 0;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.front_page .flow_section .bg-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.front_page .flow_section .section_ttl {
  margin: 0 auto 35px;
  text-align: center;
}
.front_page .flow_section .section_ttl:after {
  background: url(../img/top/top-flow_title.webp?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  margin: 0 auto;
  width: clamp(116px, 21.0909090909vw, 232px);
  aspect-ratio: 232/50;
}
.front_page {
  /* ===============================================
    BLOG
  =============================================== */
}
.front_page .blog_section {
  background: url(../img/top/top-blog_bg.webp?ver=u19pgy5) no-repeat center top/100%;
  padding: clamp(86px, 15.6363636364vw, 172px) 0 127px;
}
.front_page .blog_section .section_ttl {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1em;
  margin-bottom: 64px;
  z-index: 1;
}
.front_page .blog_section .section_ttl:after {
  background: url(../img/top/blog_ttl_icon.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: -33px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: clamp(105px, 19vw, 209px);
  aspect-ratio: 209/53;
  z-index: -1;
}
.front_page .blog_section .blog_list {
  position: relative;
}
.front_page .blog_section .blog_list::before {
  background: url(../img/top/blog-icon2.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: max(-14.9090909091vw, -164px);
  content: "";
  display: block;
  left: max(-17.5454545455vw, -193px);
  position: absolute;
  width: clamp(146px, 26.6363636364vw, 293px);
  aspect-ratio: 293/267;
}
.front_page .blog_section .btn_cts a,
.front_page .blog_section .btn_cts button {
  margin: 63px 0 0 auto;
}
.front_page {
  /* ===============================================
    gallery
  =============================================== */
}

/* ===============================================
  ついてくるナビ
=============================================== */
.float_nv {
  position: fixed;
  right: 0;
  top: 212px;
  z-index: 100;
}
@media (width < 768px) {
  .float_nv {
    bottom: 0;
    top: auto;
  }
}
.float_nv .nv_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 25px 0;
}
.float_nv .nv_list .float_nav_list a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.08em;
  padding: 15px 0 20px;
  width: 56px;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}
@media (width < 768px) {
  .float_nv .nv_list .float_nav_list a {
    width: 42px;
  }
}
.float_nv .nv_list .float_nav_list a:before {
  content: "";
  display: block;
  margin: 0 auto 10px;
}
.float_nv .nv_list .float_nav_list.type-download a {
  background: #e0d9ee;
}
.float_nv .nv_list .float_nav_list.type-download a:before {
  background: url(../img/top/download-icon.webp?ver=u19pgy5) no-repeat center/contain;
  height: 26px;
  width: 26px;
}
.float_nv .nv_list .float_nav_list.type-news a {
  background: #d5eee1;
}
.float_nv .nv_list .float_nav_list.type-news a:before {
  background: url(../img/top/news-icon.webp?ver=u19pgy5) no-repeat center/contain;
  height: 20px;
  width: 26px;
}
.float_nv .nv_list .float_nav_list.type-recruit a {
  background: #f8eec2;
}
.float_nv .nv_list .float_nav_list.type-recruit a:before {
  background: url(../img/top/recruit-icon.webp?ver=u19pgy5) no-repeat center/contain;
  height: 18px;
  width: 29px;
}

.page-about .subsection_cts.type-bg {
  background: #f8f6f2;
}
.page-about {
  /* ===============================================
    リード文
  =============================================== */
}
.page-about .read_section {
  padding: 80px 0 clamp(85px, 15.4545454545vw, 170px);
}
.page-about .read_section .inner {
  position: relative;
}
.page-about .read_section .inner:before, .page-about .read_section .inner:after {
  background: #404040;
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - clamp(175px, 23.9090909091vw, 263px));
}
.page-about .read_section .inner:before {
  margin: 0 0 0 auto;
}
.page-about .read_section .inner:after {
  margin: 0 auto 0 0;
}
.page-about .read_section .read-text {
  font-size: 2rem;
  line-height: 2.1;
  padding: 100px 68px;
  position: relative;
}
@media (width < 768px) {
  .page-about .read_section .read-text {
    padding: 80px 5px;
  }
}
.page-about .read_section .read-text:before {
  aspect-ratio: 288/155;
  background: url(../img/about/garland.webp?ver=u19pgy5) no-repeat center/contain;
  content: "";
  display: block;
  left: -36px;
  position: absolute;
  top: -40px;
  width: clamp(192px, 26.1818181818vw, 288px);
}
.page-about .read_section .read-text:after {
  aspect-ratio: 305/183;
  background: url(../img/about/sheet-music.webp?ver=u19pgy5) no-repeat center/contain;
  bottom: -40px;
  content: "";
  display: block;
  position: absolute;
  right: -36px;
  width: clamp(203px, 27.7272727273vw, 305px);
}
.page-about {
  /* ===============================================
    教育・保育目標
  =============================================== */
}
.page-about .goals_section {
  padding: clamp(54px, 9.7272727273vw, 107px) 0 clamp(75px, 13.6363636364vw, 150px);
}
.page-about .goals_section .subsection_ttl {
  margin-bottom: 50px;
}
.page-about .goals_section .textcard_box p:not(.em):not(.ttl) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}
.page-about {
  /* ===============================================
    未来へつながる７つの育ち
  =============================================== */
}
.page-about .grow_section {
  padding: clamp(59px, 10.7272727273vw, 118px) 0 clamp(57px, 10.3636363636vw, 114px);
}
.page-about .grow_section .subsection_ttl {
  margin-bottom: 100px;
}
@media (width < 768px) {
  .page-about .grow_section .subsection_ttl {
    margin-bottom: 20px;
  }
}
.page-about {
  /* ===============================================
    園の概要
  =============================================== */
}
.page-about .summary_section {
  padding: clamp(60px, 10.9090909091vw, 120px) 0 clamp(69px, 12.5454545455vw, 138px);
}
.page-about .summary_section .subsection_ttl {
  margin-bottom: 40px;
}
.page-about {
  /* ===============================================
    ダウンロード書類
  =============================================== */
}
.page-about .download_section {
  padding: clamp(69px, 12.5454545455vw, 138px) 0 clamp(112px, 20.3636363636vw, 224px);
  position: relative;
}
.page-about .download_section:before, .page-about .download_section:after {
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}
.page-about .download_section:before {
  aspect-ratio: 1603/78;
  background: url(../img/about/download-bg.webp?ver=u19pgy5) no-repeat center top/100%;
  top: 0;
}
.page-about .download_section:after {
  aspect-ratio: 1603/209;
  background: url(../img/about/download-bg2.webp?ver=u19pgy5) no-repeat center bottom/100%;
  bottom: 0;
}
.page-about .download_section .inenr {
  z-index: 2;
}
.page-about .download_section .subsection_ttl {
  margin-bottom: 54px;
}

.page-active {
  /* ===============================================
    園の活動
  =============================================== */
}
.page-active .active_section {
  padding: 25px 0 154px;
}
.page-active .active_section .subsection_ttl {
  margin-bottom: 64px;
}

.page-blog {
  /* ===============================================
    ブログ一覧
  =============================================== */
}
.page-blog .blog_section {
  padding: 27px 0 154px;
}
.page-blog .blog_section .subsection_ttl {
  margin-bottom: 61px;
}
.page-blog {
  /* ===============================================
    ブログ詳細
  =============================================== */
}
.page-blog .detailblog_section {
  padding: 28px 0 110px;
}
.page-blog .detailblog_section .subsection_ttl {
  margin-bottom: 60px;
}
.page-blog .detailblog_section .news_detail_card .news_header .news_date {
  color: #d2b74c;
}

.page-news {
  /* ===============================================
    ニュース一覧
  =============================================== */
}
.page-news .news_section {
  padding: 27px 0 154px;
}
.page-news .news_section .subsection_ttl {
  margin-bottom: 61px;
}
.page-news .news_section .news_list {
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
  padding: 70px 64px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 50px;
}
@media (width < 768px) {
  .page-news .news_section .news_list {
    padding: 30px 15px 40px;
    gap: 30px;
  }
}
.page-news .news_section .news_list .news_card {
  border-bottom: 1px solid #D9D9D9;
  font-size: 1.8rem;
  padding: 0 0 30px;
}
.page-news .news_section .news_list .news_card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 38px;
}
@media (width < 1100px) {
  .page-news .news_section .news_list .news_card a {
    display: block;
  }
}
.page-news .news_section .news_list .news_card .date_box {
  font-size: 2rem;
  color: #D8A0A0;
}
.page-news {
  /* ===============================================
    ニュース詳細
  =============================================== */
}
.page-news .detailnews_section {
  padding: 28px 0 110px;
}
.page-news .detailnews_section .subsection_ttl {
  margin-bottom: 60px;
}
.page-news .detailnews_section .news_detail_card .news_header .news_date {
  color: #D8A0A0;
}

.page-consult {
  /* ===============================================
  相談センター事業「みらいか」
  =============================================== */
}
.page-consult .read_section {
  padding: 30px 0 48px;
}
.page-consult .read_section .subsection_ttl {
  margin-bottom: 60px;
}
.page-consult .read_section .consult_icon {
  aspect-ratio: 1/1;
  margin: 0 auto 26px;
  width: 160px;
}
.page-consult .read_section .consult_icon img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.page-consult .read_section p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-consult .read_section .textcard_box {
  margin-top: 47px;
}
.page-consult .read_section .textcard_box p {
  font-size: 1.6rem;
}
.page-consult {
  /* ===============================================
  大切な3つの約束
  =============================================== */
}
.page-consult .balloon_section {
  padding: 48px 0 50px;
}
.page-consult .balloon_section .subsection_ttl {
  margin-bottom: 76px;
}
.page-consult {
  /* ===============================================
  相談内容
  =============================================== */
}
.page-consult .content_section {
  padding: 50px 0;
}
.page-consult .content_section .subsection_ttl {
  margin-bottom: 50px;
}
.page-consult {
  /* ===============================================
  相談の流れ
  =============================================== */
}
.page-consult .flow_section {
  padding: 50px 0 98px;
}
.page-consult .flow_section .subsection_ttl {
  margin-bottom: 45px;
}
.page-consult {
  /* ===============================================
  相談を希望される方へ
  =============================================== */
}
.page-consult .notice_section {
  background: url(../img/consult/soudan-bg.webp?ver=u19pgy5) no-repeat center/cover;
  padding: 115px 0 82px;
}
.page-consult .notice_section .notice_card {
  background: #fffbfb;
  border: 3px solid #f2c2c2;
  border-radius: 20px;
  padding: 68px 15px 54px;
}
.page-consult .notice_section .notice_card .ttl {
  font-size: 3.6rem;
  margin: 0 0 48px;
  text-align: center;
}
@media (width < 768px) {
  .page-consult .notice_section .notice_card .ttl {
    font-size: 3rem;
  }
}
.page-consult .notice_section .notice_card .txt {
  font-weight: 400;
  margin: 0 auto;
  max-width: 950px;
}
.page-consult .notice_section .notice_card .dotted-list {
  font-size: 1.8rem;
}
.page-consult .notice_section .notice_card .dotted-list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.page-consult .notice_section .notice_card .dotted-list > li:before {
  content: "・";
}
.page-consult .notice_section .notice_card .caution {
  font-size: 1.6rem;
  margin: 12px 0 0;
  padding-left: 1em;
  text-indent: -1em;
}

.page-flow {
  /* ===============================================
    一日の流れ
  =============================================== */
}
.page-flow .schedule_section {
  padding: 28px 0 50px;
}
.page-flow .schedule_section .subsection_ttl {
  margin-bottom: 52px;
}
.page-flow {
  /* ===============================================
    年間行事
  =============================================== */
}
.page-flow .events_section {
  padding: 50px 0 110px;
}
.page-flow .events_section .subsection_ttl {
  margin-bottom: 70px;
}

.page-requirements {
  /* ===============================================
    制服紹介
  =============================================== */
}
.page-requirements .introduction_section {
  padding: 28px 0 53px;
}
.page-requirements .introduction_section .subsection_ttl {
  margin-bottom: 76px;
}
.page-requirements .introduction_section .circle_card:nth-of-type(1) .img img {
  aspect-ratio: 422/332;
  height: 332px;
}
@media (width < 768px) {
  .page-requirements .introduction_section .circle_card:nth-of-type(1) .img img {
    height: auto;
    width: 100%;
  }
}
.page-requirements .introduction_section .circle_card:nth-of-type(2) .img img {
  aspect-ratio: 413/344;
  height: 344px;
}
@media (width < 768px) {
  .page-requirements .introduction_section .circle_card:nth-of-type(2) .img img {
    height: auto;
    width: 100%;
  }
}
.page-requirements .introduction_section .circle_card:nth-of-type(3) {
  margin-top: -20px;
}
@media (width < 1100px) {
  .page-requirements .introduction_section .circle_card:nth-of-type(3) {
    margin-top: 0;
  }
}
.page-requirements .introduction_section .circle_card:nth-of-type(3) .img img {
  aspect-ratio: 365/239;
  height: 239px;
}
@media (width < 768px) {
  .page-requirements .introduction_section .circle_card:nth-of-type(3) .img img {
    height: auto;
    width: 100%;
  }
}
.page-requirements {
  /* ===============================================
    園児募集
  =============================================== */
}
.page-requirements .application_section {
  padding: 53px 0 110px;
}
.page-requirements .application_section .subsection_ttl {
  margin-bottom: 50px;
}
.page-requirements .application_section .read_txt {
  font-weight: 400;
  margin: 0 auto 84px;
  max-width: 825px;
}
.page-requirements .application_section .application_box {
  margin-bottom: 80px;
}
.page-requirements .application_section .application_box:last-of-type {
  margin-bottom: 0;
}
.page-requirements .application_section .application_box .btn_cts {
  font-size: 1.8rem;
  margin-top: 34px;
}
.page-requirements .application_section .application_box .application_btn a,
.page-requirements .application_section .application_box .application_btn button {
  width: 294px;
}
.page-requirements .application_section .application_box .hp_btn a,
.page-requirements .application_section .application_box .hp_btn button {
  width: 359px;
  max-width: 100%;
}

/* ===============================================
  404
=============================================== */
.not-found .not-found__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100dvh - 550px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 100px 0;
}
@media (width < 1100px) {
  .not-found .not-found__wrapper {
    min-height: auto;
  }
}
.not-found .not-found__head {
  margin-bottom: 40px;
  font-size: clamp(4rem, 7.5vw, 8rem);
  font-weight: 700;
  line-height: 1;
  color: #D8A0A0;
}
.not-found__lead {
  margin-bottom: 40px;
  font-size: clamp(2rem, 3vw, 3rem);
  color: #999;
}
.not-found .btn_cts {
  margin: 50px 0 0;
}