/*========================================================================================

共通設定

=========================================================================================*/
/*GOOGLEFONT*/
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Zen+Maru+Gothic:wght@500;700&display=swap');
p, a, li, dt, dd, time, h1, h2, h3, h4, h5, h6, th, td, span, label, input {
  font-family: "Zen Maru Gothic", serif, "Helvetica Neue", Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 500;
  font-style: normal !important;
  color: #61573b;
}
/*セクション共通指定*ベースcolor: BR#61573b;　GR#3c963d*/
*, *::before, *::after {
  box-sizing: border-box !important;
}
body {
  background: url(/wp-content/uploads/2025/06/orange@4x-8.png) repeat left top/90%
}
html {
  font-size: 10px;
}
main {
  overflow: hidden;
}
section {
  padding: clamp(60px, 16vw, 140px) 0 clamp(60px, 16vw, 140px);
  margin: 0px;
}
section.home-section01 {
  margin-top: 10vw;
}
.home section:first-child {
  margin-top: 5vw;
}
p {
  margin-bottom: 0px;
}
.footer-nav-wrap p {
  margin-bottom: 1em;
}
section.slider {
  margin-bottom: 0px;
}
a {
  transition: all .3s;
  cursor: pointer;
}
/*ボタンのパターン★*/
.btn01 {
  border: 1px solid #ea5617;
  background-color: #ea5617;
}
.see-more-btn {
  height: 60px;
  position: relative;
  text-decoration: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  transition: all .3s ease;
  font-size: 1.8rem;
  font-weight: 700;
}
.see-more-btn .arrow {
  width: 60px;
  height: 60px;
  position: relative;
  display: grid;
  place-items: center;
  background-color: #ea5617;
  border-radius: 30px;
  overflow: hidden;
}
.see-more-btn .arrow span {
  margin-left: 7px;
  clip-path: polygon(20% 0, 60% 50%, 20% 100%, 0% 100%, 40% 50%, 0% 0%);
  height: 14px;
  aspect-ratio: 1;
  background-color: #fff;
}
.see-more-btn .arrow__item02 {
  position: absolute;
  transform: translateX(-400%);
}
.see-more-btn:hover .arrow__item01 {
  transform: translateX(400%);
  transition: all .3s ease-in-out;
}
.see-more-btn:hover .arrow__item02 {
  transform: translateX(0);
  transition: all .3s ease-in-out 0.1s;
}
#breadcrumbs {
  padding-bottom: 0px !important;
  margin-bottom: 10vw !important;
}
/*PC以外ホバー禁止*/
@media(hover: hover) {
  .btn01:hover {
    color: #ea5617 !important;
    border: 1px solid #ea5617 !important;
  }
  .btn01:hover .btn-arrow {
    fill: #ea5617 !important;
  }
}
/*TOPボタン*/
#page-top {
  right: 10px;
  bottom: 10px;
}
#page-top img {
  max-height: 120px;
  transition: all 0.3s;
}
/*ふわっと出現*/
/*下から*/
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*左から*/
.fadeLeft {
  animation-name: fadeLeftAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*右から*/
.fadeRight {
  animation-name: fadeRightAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*はじめに透過0を指定*/
.fadeInTrigger, .fadeUpTrigger, .fadeDownTrigger, .fadeLeftTrigger, .fadeRightTrigger {
  opacity: 0;
}
/*タブメニュー*/
/*タブ*/
.tab-list {
  display: flex;
  justify-content: space-around;
}
.tab-item {
  width: 30%;
  padding: 1em 0;
  background: #ffffff;
  color: #ea5617;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  transition: .3s ease-in-out;
  border-radius: 100px;
  font-size: clamp(1.6rem, 1.5vw, 2.4rem);
  margin-top: 5em;
  border: 1px solid #ea5617;
}
/*PC以外ホバー禁止*/
@media(hover: hover) {
  .tab-item:hover {
    color: #ffffff;
    background-color: #ea5617;
  }
  .tab-item:hover .fa-solid.fa-calendar-days, .tab-item:hover .fa-solid.fa-clock {
    color: #ffffff !important;
  }
}
.tab-item.is-active {
  color: #ffffff;
  background-color: #ea5617;
}
.tab-item.is-active .fa-solid.fa-calendar-days, .tab-item.is-active .fa-solid.fa-clock {
  color: #ffffff !important;
}
/* パネル */
.panel-item {
  display: none;
  width: 100%;
  border-radius: 40px;
  background: url(/wp-content/uploads/2024/07/tree-line@1.5x-8.png) repeat-x left bottom / 50%, url(/wp-content/uploads/2024/07/img-noise-1000x1000-1.jpg) repeat left bottom / 100%;
}
.panel-item.is-active {
  display: block;
  animation: panel-show .9s ease-in-out forwards;
}
/* パネル切り替えのアニメーション */
@keyframes panel-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*=====デフォルトフィードの調整=====*/
/*ボックスの縦揃え*/
.info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8em 15em 4em;
  background: #ffeccd;
  border-radius: 60px;
}
.info .news-list01 {
  flex: 1;
}
.news-img.news-img img {
  height: auto !important;
  aspect-ratio: 3 / 2;
}
.news-list02 {
  margin-bottom: 3em;
  flex: 1;
}
.news-list01 {
  margin-bottom: 6em;
}
.com-box02-list li {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.com-box02-txt {
  flex: 1;
}
.com-box02-img img {
  height: auto;
  aspect-ratio: 3 / 2;
}
.title02 {
  margin-bottom: 4em;
}
/*インスタグラム色変更*/
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
  color: #ffffff !important;
  background-color: #544936;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, span.sbi_btn_text {
  color: #ffffff !important;
}
#sb_instagram #sbi_load .sbi_follow_btn.sbi_custom span {
  color: #ffffff !important;
}
#sb_instagram #sbi_images {
  padding: 0 0 80px;
}
/*iflameの調整*/
iframe.youtube-content {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
iframe.g-map {
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
}
/*下層タイトル*/
.sub-header-txt {
  font-size: clamp(2rem, 1.273rem + 3.64vw, 4rem);
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*背景バリエーション*/
.bg-dot01 {
  margin: 0 calc(50% - 50vw);
  padding: clamp(60px, 15vw, 140px) calc(50vw - 50%);
  background-image: radial-gradient(#e7fafd 20%, transparent 20%), radial-gradient(#e7fafd 20%, transparent 20%);
  width: 100vw;
}
.bg-st01 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: clamp(60px, 15vw, 140px) calc(50vw - 50%);
  background: repeating-linear-gradient(-45deg, #ebf9fe, #ebf9fe 5px, #fff 0, #fff 10px);
}
.bg-hogan01 {
  background-image: linear-gradient(0deg, transparent 19px, #ebf9fe 20px), linear-gradient(90deg, transparent 19px, #ccc 20px);
  background-size: 20px 20px;
}
.bg-check {
  margin: 2em auto;
  padding: 2em;
  background-image: linear-gradient(90deg, rgba(111, 111, 111, .1) 50%, transparent 50%), linear-gradient(rgba(111, 111, 111, .1) 50%, transparent 50%);
  background-size: 15px 15px;
}
.bg-zurashi {
  margin: 2em auto;
  padding: 2em;
  background: none;
  border: 1px solid #ccc;
  position: relative;
}
.bg-zurashi:after {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/*ブロックあしらいバリエーション*/
/*ーシャドウー*/
.or-shadow {
  box-shadow: 15px 15px 0px 0px #ffdda6;
  border-radius: 40px;
}
.img {
  box-shadow: 0px 50px 70px rgba(12, 70, 104, 0.16);
}
/*ー円形トリミングー*/
.circle img {
  width: 240px;
  height: 240px;
  object-fit: cover;
  border-radius: 100vw;
}
/*見出しバリエーション*/
/*TOPタイトル*/
/*大タイトル1*/
.title-head {
  margin-bottom: clamp(40px, 12vw, 120px);
  text-align: center;
}
.title-head span.title-ja {
  color: #61573b;
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: .1em;
  font-weight: 700;
  position: relative;
  z-index: 0;
}
.title-head span.title-ja::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 150px;
  background: url(/wp-content/uploads/2025/06/bu-bird@3x-8.png) no-repeat center bottom / 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0%;
  z-index: -1;
}
.title-head span.title-en {
  font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
  display: block;
  text-align: center;
  color: #ea5617;
  font-size: clamp(2rem, 4vw, 4rem);
  padding-top: 0.5em;
  position: relative;
  z-index: 1;
}
/*大タイトル2*/
/*下層見出し1*/
.title-head {
  margin-bottom: clamp(40px, 5vw, 60px);
  color: #509f60;
  font-size: clamp(2rem, 1.636rem + 1.82vw, 3rem);
  letter-spacing: .1em;
  font-weight: 700;
  text-align: center;
}
.head-icon {
  width: clamp(60px, 5vw, 100px);
}
.head-icon img {
  width: 100%;
}
/*下層見出し2*/
.ba-deco-title {
  color: #61573b;
  font-size: clamp(2.4rem, 4vw, 4rem);
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  position: relative;
  margin-bottom: 2em;
}
.ba-deco-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/06/wind-right@1.5x-8.png) no-repeat 10% 5% / 20%;
  left: 0%;
  bottom: 0%;
  z-index: 1;
}
.ba-deco-title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/06/wind-left@1.5x-8.png) no-repeat 90% 5% / 20%;
  left: 0%;
  bottom: 0%;
  z-index: 1;
}
/*デフォルトタイトル*/
.title01::before {
  width: 80px;
  background: transparent;
  border-radius: 20px;
}
/*ースラッシュタイトルー*/
.slash-title {
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto 2em;
  font-size: clamp(1.8rem, 1.364rem + 2.18vw, 3rem) !important;
}
.slash-title::before, .slash-title::after {
  content: '';
  border-radius: 50px;
  width: 4px;
  height: 40px;
  background-color: #ea5617;
}
.slash-title::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}
.slash-title:after {
  margin-left: 30px;
  transform: rotate(35deg)
}
/*ー斜線タイトルー*/
.under-stripe {
  position: relative;
  text-align: center;
  font-size: clamp(1.8rem, 1.582rem + 1.09vw, 2.4rem) !important;
  padding-bottom: .5em;
  margin-bottom: 2em;
}
.under-stripe:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: 200px;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #eac800, #eac800 2px, #fffcf5 2px, #fffcf5 4px);
  background: repeating-linear-gradient(-45deg, #f7b249, #f7b249 2px, #fffcf5 2px, #fffcf5 4px);
}
/*ーサイズ・文字色・下線ー*/
.lead-txt {
  font-size: clamp(1.8rem, 1.364rem + 2.18vw, 3rem);
  line-height: 2;
  font-weight: 700;
}
.font-or {
  color: #e89922;
}
.font-ge {
  color: #389935;
}
.linear {
  background: linear-gradient(transparent 60%, #ffec51 30%);
}
/*クラス指定*/
.margin-auto {
  margin-inline: auto;
}
.text-center {
  text-align: center;
}
.align-center {
  align-items: center;
}
.none {
  display: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.bold {
  font-weight: 500;
}
.ex-bold {
  font-weight: 700;
}
.reverse {
  flex-direction: row-reverse;
}
.radius20 {
  border-radius: 20px;
}
.radius40 {
  border-radius: 40px;
}
.radius50 {
  border-radius: 50px;
}
.radius60 {
  border-radius: 60px;
}
.mb-ten5em {
  margin-bottom: 0.5em;
}
.mb-1em {
  margin-bottom: 1em;
}
.mb-2em {
  margin-bottom: 2em;
}
.mb-short {
  margin-bottom: clamp(40px, 4vw, 80px);
}
.mb-mid {
  margin-bottom: clamp(60px, 6vw, 100px);
}
.mb-large {
  margin-bottom: clamp(80px, 10vw, 120px);
}
.mb-xlarge {
  margin-bottom: clamp(80px, 20vw, 180px);
}
.aspect2-3, img.aspect2-3 {
  aspect-ratio: 2 / 3;
}
.aspect3-4, img.aspect3-4 {
  aspect-ratio: 3 / 4;
}
.aspect3-2, img.aspect3-2 {
  aspect-ratio: 3 / 2;
}
.aspect2-1, img.aspect2-1 {
  aspect-ratio: 2 / 1;
}
.aspect19-7, img.aspect19-7 {
  aspect-ratio: 19 / 7;
}
/*内包の余白０*/
.width1200 .width1200, .width1200 .width900 {
  padding: 0px;
}
/*ボックス幅*/
.width20 {
  width: 20%;
}
.width23 {
  width: 23%;
}
.width25 {
  width: 25%;
}
.width28 {
  width: 28%;
}
.width30 {
  width: 30%;
}
.width32 {
  width: 32%;
}
.width35 {
  width: 35%;
}
.width40 {
  width: 40%;
}
.width45 {
  width: 45%;
}
.width48 {
  width: 48%;
}
.width50 {
  width: 50%;
}
.width55 {
  width: 55%;
}
.width60 {
  width: 60%;
}
.width65 {
  width: 65%;
}
.width70 {
  width: 70%;
}
.width80 {
  width: 80%;
}
.flex1 {
  flex: 1;
}
/*テーブルの調整*/
/*デフォルト*/
.tablepress > :where(tbody) > tr > td.column-2 {
  color: #544936 !important;
}
.tablepress.tablepress-id-10 > :where(tbody) > tr.row-1 > td.column-2 {
  color: #ffffff !important;
}
.tablepress tbody th, .tablepress tbody td {
  border: none;
}
/*概要*/
table.tablepress {
  border: none;
}
.tablepress > * + tbody > * > *, .tablepress > tbody > * ~ * > *, .tablepress > tfoot > * > * {
  border-top: none !important;
}
table tbody tr:not(:first-child) {
  border-top: 1px solid #61573b !important;
}
.tablepress tbody td.column-2 {
  color: #61573b;
}
.tablepress-table-name, .tablepress-table-description {
  display: none !important;
}
.tablepress > :where(tbody) > tr > .column-1 {
  color: #ffffff !important;
}
.page-id-1874 .tablepress tbody td.column-1, .page-id-1874 .tablepress tbody td.column-3 {
  width: 20%;
}
.page-id-1874 .tablepress tbody td.column-2 {
  width: 60%;
}
/*未就学児*/
.tablepress.tablepress-id-10 tbody .row-1 td.column-1, .tablepress.tablepress-id-10 tbody .row-1 td.column-2, .tablepress.tablepress-id-10 tbody .row-1 td.column-3 {
  color: #fff;
  background-color: #ea5617;
}
/*========<!-- ヘッダー　-->========*/
.header-menu {
  background-color: transparent;
}
.header-menu > li a {
  padding: 0 20px;
}
.header-box01 {
  margin-bottom: 0px;
}
.header-box01 .logo {
  max-width: 300px;
}
@media screen and (min-width: 1025px) {
  .header-content02 {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
/*========<!-- お問い合わせ　-->========*/
/*送信ボタン*/
input[type="submit"], input[type="button"] {
  width: 60%;
  border-radius: 50px;
  transition: all 0.3s;
  background: #4cb592 !important;
  border: 1px solid #4cb592 !important;
}
input[type="submit"]:hover, input[type="button"]:hover {
  color: #4cb592 !important;
  background: #fff !important;
}
input[type="text"], textarea, input[type="email"], input[type="tel"], input[type="radio"] {
  background-color: #ffffff;
}
table.contact-form01 {
  border-collapse: separate;
  border-spacing: 0px 1px;
  margin-bottom: 8em;
}
table.contact-form01 th {
  border-right: #fff 1px solid;
  color: #fff;
  background: #4cb597;
}
table.contact-form01 td {
  border-bottom: #fff 1px solid;
  border-left: #fff 1px solid;
  font-size: 11px;
  background: #e6f8d4;
}
.wpcf7-list-item-label {
  font-size: 1.6rem;
}
.required {
  color: #509f60;
  background-color: #ffffff;
}
.privacy-check {
  margin-bottom: 6em;
}
.privacy-check a {
  color: #50bbfd;
}
/*========<!-- フッター　-->========*/
.footer-logo {
  width: 70%;
  margin: 0 auto 40px;
  padding-bottom: 40px;
  border-bottom: 5px dotted #544936;
  margin-bottom: 40px;
}
.footer-address p, .footer-address a, .footer-menu a, .sns-icon-title p, .sns-sub-nav li a, .copyright p, .sns-icon-title span {
  color: #544936 !important;
  font-weight: 700;
}
.footer-menu-title {
  background-color: #544936;
  color: #ffffff;
  font-weight: 700;
}
.footer-menu > li > a {
  border-bottom: 1px dashed #544936;
}
.sns-icon-wrap.flex .line {
  background-color: #544936 !important;
}
@media screen and (max-width: 1024px) {
  .footer-menu a {
    color: #544936 !important;
    font-weight: 700;
  }
}
/*========================================================================================

HOME

=========================================================================================*/
/*=====全階層共通背景色柄余白の指定=====*/
.header {
  background: url(/wp-content/uploads/2024/07/curtain-green@3x-8.png) repeat-x left top / 6%;
}
.slider {
  position: relative;
  z-index: -1;
}
.slider::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/06/hero4-8.png) no-repeat center 10%/100%;
  top: 0%;
  left: 0%;
  z-index: 2;
}
.slider::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/06/tree-line@1.5x-8.png) no-repeat center bottom/90%;
  bottom: 0%; /*/wp-content/uploads/2024/07/apple-house@1.5x-8.png*/
  left: 0%;
  z-index: 1;
}
.footer {
  background: url(/wp-content/uploads/2025/06/curtain-green@3x-8.png) repeat-x left top / 6%;
  left: 0%;
}
section {
  background: url(/wp-content/uploads/2025/06/tree-left2@1.5x-8.png) no-repeat 5% top/30%, url(/wp-content/uploads/2025/06/tree-right2@1.5x-8.png) no-repeat 95% top/30%
}
section.slider, .single section {
  background: transparent;
}
/*========<!-- トップスライダー　-->========*/
/*スライダーの形状*/
.n2-ss-slider .n2-ss-slide-background-image img {
  border-radius: 100vw 100vw 0 0 !important;
}
.n2-ss-slider-2 .n2-ow {
  border-radius: 100vw 100vw 0 0 !important;
}
/*========<!-- home-section01 お知らせ -->========*/
/*保護者専用ページリンク*/
.card-bnr {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: auto;
  margin-inline: auto;
  aspect-ratio: 5 / 2;
  border-radius: 40px;
}
.card-bnr img {
  height: auto;
  transition: transform .3s ease;
  position: absolute;
  aspect-ratio: 5 / 2;
  border-radius: 40px;
}
.card-bnr:hover img {
  transform: scale(1.1);
}
.card-bnr a {
  font-size: clamp(2rem, 2vw, 3rem);
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 80%; /* テキストを横幅いっぱいにならないようにする */
  margin-inline: auto;
  z-index: 2;
  border-radius: 40px;
}
.card-bnr::before {
  background: rgba(0, 0, 0, .5); /* マスクの色(黒の50%) */
  bottom: 0;
  content: '';
  height: auto;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .6s ease;
  width: 100%;
  z-index: 1;
  aspect-ratio: 3 / 2;
  border-radius: 40px;
}
.card-bnr:hover::before {
  opacity: 0;
}
/*ループスライドショー*/
.loop-slider-wrapper {
  display: flex;
  width: 100vw;
  overflow: hidden;
  margin: 7vw calc(50% - 50vw) 0;
}
.loop-slider-wrapper .loop-slider {
  display: flex;
  width: auto;
  height: 100%;
}
.loop-slide {
  width: calc(100vw / 5);
  height: calc(100vw / 5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
/*.loop-slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2024/07/leaf-circle@3x-8-1.png) no-repeat center / contain;
  left: 0%;
  bottom: 0%;
  z-index: 1;
}*/
.loop-slider-wrapper .loop-slide img {
  width: 90%;
  height: 90%;
  object-position: center;
  object-fit: cover;
}
ul.loop-slider .loop-slide:nth-child(odd) {
  margin: 15vw auto 0;
  width: calc(100vw / 8);
  height: calc(100vw / 8);
}
ul.loop-slider .circle.loop-slide:nth-child(odd) img {
  width: 90%;
  height: 90%;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop-slider-wrapper .loop-slider:first-child {
  animation: loop 90s -45s linear infinite;
}
.loop-slider-wrapper .loop-slider:last-child {
  animation: loop2 90s linear infinite;
}
/*========<!-- home-section02 各ページメニュー -->========*/
.grid.link-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
}
.card-box__inner {
  position: relative;
  cursor: pointer;
}
.card-box-img {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
}
.card-box-img img {
  aspect-ratio: 3/2;
  border-radius: 40px;
}
.box-text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.box-text p {
  font-size: 2.4rem;
  color: #fff !important;
  margin-bottom: 0px;
  font-weight: 500;
}
.box-text .sec-icon {
  width: 24%;
}
a.link-banner-detail .box-text {
  transition: .3s ease-in-out;
}
a.link-banner-detail .box-text:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/*========================================================================================

ごあいさつ

=========================================================================================*/
.greeting-txt {
  text-align: left;
}
.greeting-txt h3 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2em;
}
.greeting-txt p:not(.name) {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 2em;
}
.greeting-txt .name {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: right;
}
.greeting-image {
  position: relative;
  z-index: 0;
  left: 5%;
}
.greeting-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/06/brash-leaf@2x-8.png) no-repeat left top/70%;
  left: -10%;
  top: 0%;
  z-index: 1;
}
.greeting-image img {
  width: 85%;
  border-radius: 100vw 100vw 0 0;
  box-shadow: 15px 15px 0px 0px #e6f8d4;
  position: relative;
  top: 40px;
}
.bg-arch {
  border-radius: 100vw 100vw 0 0;
  padding: 8em;
  /*background-color: #ffeccd;
  background-image: 
    url(/wp-content/uploads/2025/06/vine-left0A@1.5x-8.png),
    url(/wp-content/uploads/2025/06/vine0A-right@1.5x-8.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 10% 0, 90% 0;
  background-size: 30%, 30%;*/
  background: #ffeccd url(/wp-content/uploads/2025/06/tree-line@1.5x-8.png) no-repeat center bottom/90%;
}
.bg-arch h3 {
  position: relative;
  z-index: 0;
  color: #61573b;
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3em;
  padding-bottom: 1em;
}
.bg-arch h3::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/06/green@3x-8.png) no-repeat 10% 5% / 35%;
  left: 26.5%;
  bottom: -70%;
  z-index: -1;
}
/*.bg-arch h3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2024/07/wind-right-8.png) no-repeat 90% 5%/20%;
  left: 0%;
  bottom: 0%;
  z-index: 1;
}*/
.font-lead {
  font-size: 2.0rem;
  line-height: 2;
  text-align: center;
}
/*========================================================================================

園の特色

=========================================================================================*/
/*========================================================================================

園の生活

=========================================================================================*/
.com-list02-sub {
  display: none;
}
/*========================================================================================

入園案内

=========================================================================================*/
.select-box .wpcf7-form-control-wrap {
  position: relative;
  border-radius: 5px;
  font-size: 1.4rem;
  padding: 10px 15px;
  width: 100%;
  color: #1a1a1a;
  line-height: 1;
  background-color: #ffffff;
}
.date-select-box {
  margin-bottom: 30px;
}

.date-select-box select {
  margin-right: 5px;
}
/*========================================================================================

未就学児（子育て支援）

=========================================================================================*/
/*========================================================================================

アクセス

=========================================================================================*/
.overview-section .flex {
  margin-top: 10em;
}
/*========================================================================================

お問い合わせ

=========================================================================================*/


/*========================================================================================

header追加

=========================================================================================*/
.home .header-content {
    padding: 50px 0 0px;
}
.header-content {
    padding: 50px 0 30px;
}
.g-sub-nav {
    top: 0;
}
.g-sub-nav .g-sub-nav-list.flex a {
    font-size: 1.8rem;
    letter-spacing: 2.5px;
    display: block;
    padding: 5px 15px;
    border-radius: 0 0 15px 15px;
    text-align: center;
    margin-left: 15px;
    border: solid 2px var(--main);
    background-color: var(--main);
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 600;
}