/********************************

	INIT

********************************/

:root {
--color-pale-aqua:#daeef2;
--color-lavender-gray:#dae2f2;
--color-lilac:#dedaf2;
--color-mauve:#eadaf2;
--color-powder-pink:#f2dae2;
--color-sage-mint:#daf2ea;
--color-snow:#f9f9f9;
--color-txt:#d3768c;
--color-dusty-pink:#e3a7be;
}


@media (min-width: 769px) {
.row-0			{margin-left:0px;	margin-right:0px;}
.row-0>div		{padding-right:0px;	padding-left:0px;}
.row-10			{margin-left:-5px;	margin-right:-5px;}	
.row-10>div		{padding-right:5px;	padding-left:5px;}
.row-20			{margin-left:-10px;	margin-right:-10px;}
.row-20>div		{padding-right:10px;padding-left:10px;}
.row-30			{margin-left:-15px;	margin-right:-15px;}
.row-30>div		{padding-right:15px;padding-left:15px;}
.row-40			{margin-left:-20px;	margin-right:-20px;}
.row-40>div		{padding-right:20px;padding-left:20px;}
.row-50			{margin-left:-25px;	margin-right:-25px;}
.row-50>div		{padding-right:25px;padding-left:25px;}
.row-60			{margin-left:-30px;	margin-right:-30px;}
.row-60>div		{padding-right:30px;padding-left:30px;}
.row-70			{margin-left:-35px;	margin-right:-35px;}
.row-70>div		{padding-right:35px;padding-left:35px;}
.row-80			{margin-left:-40px;	margin-right:-40px;}
.row-80>div		{padding-right:40px;padding-left:40px;}
.row-90			{margin-left:-45px;	margin-right:-45px;}
.row-90>div		{padding-right:45px;padding-left:45px;}
.row-100		{margin-left:-50px;	margin-right:-50px;}
.row-100>div	{padding-right:50px;padding-left:50px;}
.row-110		{margin-left:-55px;	margin-right:-55px;}
.row-110>div	{padding-right:55px;padding-left:55px;}
.row-120		{margin-left:-60px;	margin-right:-60px;}
.row-120>div	{padding-right:60px;padding-left:60px;}
}

.mb-5, .my-5 {margin-bottom:2rem}
.mb-6, .my-6 {margin-bottom:2.5rem}
.mb-7, .my-7 {margin-bottom:3rem}
.mb-8, .my-8 {margin-bottom:3.5rem}
.mb-9, .my-9 {margin-bottom:4rem}


a{
color: #d3768c;
text-decoration: none;
}
a:hover{
color: #51a696;
}
@media (hover: hover) and (pointer: fine) {
a:hover {
transition: .5s;
}
.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav > .menu-item > .gm-anchor{
transition: .1s;
}

}
@media (min-width:601px) {
a[href^="tel:"] {
pointer-events: none;
color: inherit;
}
}
.animate{
opacity: 0;
animation-fill-mode: forwards;
}
.animated {
opacity: 1;
animation-fill-mode: backwards;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform:translate3d(0, 50%, 0)
    }

    to {
        opacity: 1;
        transform:translateZ(0)
    }
}
iframe{
vertical-align: bottom;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}


::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
background: #F2F3F5;
}
::-webkit-scrollbar-thumb {
background: #feb91f;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
-webkit-filter: brightness(110%);
filter: brightness(110%);
}


.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--color3);
--bs-btn-border-color: #var(--color3);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #var(--color3);
--bs-btn-hover-border-color: #var(--color3);
--bs-btn-focus-shadow-rgb: 111,82,255;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #var(--color3);
--bs-btn-active-border-color: #var(--color3);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #var(--color3);
--bs-btn-disabled-border-color: #var(--color3);
}


.btn-secondary{
display: block;
margin: 1rem 0 0;
padding: .5rem .75rem;
border: 1px solid var(--color3);
width: fit-content;
color: var(--color3);
background-color: transparent;
}
.btn-secondary:hover{
color: #51a696;
background-color: var(--color5);
border: 1px solid var(--color3);
}


/********************************

	COMMON

********************************/

body{
margin-bottom: 0;
font-family: "Zen Kaku Gothic New", sans-serif;
background-color: #fff;
}



/********************************

	UTILITY

********************************/
.center-center {
display: grid;
place-content: center;
gap: 1ch;
}

.flex-pict{
display: flex;
margin: 0 auto;
padding: 0;
gap: 0;
justify-content: center;
align-items: flex-start;
width: 1800px;
max-width: 100%;
}

.flex-pict div:nth-child(2){
margin-top: 2.5rem;
}


/********************************

	LAYOUT

********************************/
.mv{
  position: relative;
}
.mv-img{
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
}
.mv::before{
  content: url(images/mv_before.webp);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -41px;
  width: 100%;
}
.mv section{
  position: relative;
  z-index: 3;
}

.heading{
position: relative;
margin: 0 0 2rem;
padding: 4rem 0 0;
}
.childcare .heading img,
.admission .heading img,
.overview .heading img,
.access .heading img,
.contact .heading img{
border-radius: 20px;
}
.childcare .heading h1,
.admission .heading h1,
.overview .heading h1,
.access .heading h1,
.contact .heading h1{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -40px;
}
.childcare .heading h1,
.admission .heading h1,
.overview .heading h1,
.access .heading h1,
.contact .heading h1{
padding: 1rem 1em 1rem 2em;
background-color: #fff;
border-radius: 100px;
width: fit-content;
}



.section{
position: relative;
padding: 4rem 0;
background-color: #fff;
}

h1,h2,h3,h4,h5,h6,dt {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}

.heading h1{
font-size: 2rem;
letter-spacing: 1em;
text-align: center;
}
.section-first {
background-image: url(images/bg_section.svg);
background-repeat: no-repeat;
background-position: center center;
background-position: center top;
background-size: 100% auto;
}

/********************************

	NAV

********************************/
#quadmenu.quadmenu-default_theme{
position: fixed;
top: 0;
width: 100%;
background-color: rgb(255 255 255 /.5);
backdrop-filter: blur(10px);
}

@media (min-width: 992px){
.quadmenu {
background-color: transparent; /* デスクトップ用 */
}
}
@media (max-width: 991px){
.navbar-offcanvas{
background-color: #333 !important; /* モバイル用 */
}
}
.site-id{
position: absolute;
z-index: 99999;
left: 30px;
top: 30px;
filter: drop-shadow(10px 10px 0px rgb(89 63 85 /.05));
animation: site-id 0.3s ease-out 0s both;
will-change: filter;
}
@keyframes site-id{
0%{ transform: scale(.9); opacity: 0; }
100%{ transform: scale(1); opacity: 1; }
}
.site-id{max-width: 200px;}
.home .site-id{max-width: 400px;}

ul.gm-navbar-nav li:has(a:is(:hover, :focus-visible)) {
anchor-name: --a;
}
ul.gm-navbar-nav li::after {
left: anchor(--a left);
width: anchor-size(--a width);
}

.gm-navbar-nav li {
font-weight: 600;
}

.gm-navbar-nav li a {
display: inline-block;
padding: 0.5rem 1.25rem;
}

.gm-navbar-nav a:is(:focus-visible, :hover),
ul.gm-navbar-nav:has(a:target:is(:focus-visible, :hover))::after {
	color: canvasText;
}

[data-no-anchor] ul:has(li:nth-of-type(1) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-1-y);
	--item-active-x: var(--item-1-x);
	--item-active-width: var(--item-1-width);
	--item-active-height: var(--item-1-height);
}
[data-no-anchor] ul:has(li:nth-of-type(2) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-2-y);
	--item-active-x: var(--item-2-x);
	--item-active-width: var(--item-2-width);
	--item-active-height: var(--item-2-height);
}
[data-no-anchor] ul:has(li:nth-of-type(3) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-3-y);
	--item-active-x: var(--item-3-x);
	--item-active-width: var(--item-3-width);
	--item-active-height: var(--item-3-height);
}
[data-no-anchor] ul:has(li:nth-of-type(4) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-4-y);
	--item-active-x: var(--item-4-x);
	--item-active-width: var(--item-4-width);
	--item-active-height: var(--item-4-height);
}
[data-no-anchor] ul:has(li:nth-of-type(5) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-5-y);
	--item-active-x: var(--item-5-x);
	--item-active-width: var(--item-5-width);
	--item-active-height: var(--item-5-height);
}
[data-no-anchor] ul:has(li:nth-of-type(6) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-6-y);
	--item-active-x: var(--item-6-x);
	--item-active-width: var(--item-6-width);
	--item-active-height: var(--item-6-height);
}
[data-no-anchor] ul:has(li:nth-of-type(7) a:is(:hover, :focus-visible)) {
	--item-active-y: var(--item-7-y);
	--item-active-x: var(--item-7-x);
	--item-active-width: var(--item-7-width);
	--item-active-height: var(--item-7-height);
}

[data-no-anchor] ul:has(li:nth-of-type(1) a:target) {
	--target-y: var(--item-1-y);
	--target-x: var(--item-1-x);
	--target-width: var(--item-1-width);
	--target-height: var(--item-1-height);
}
[data-no-anchor] ul:has(li:nth-of-type(2) a:target) {
	--target-y: var(--item-2-y);
	--target-x: var(--item-2-x);
	--target-width: var(--item-2-width);
	--target-height: var(--item-2-height);
}
[data-no-anchor] ul:has(li:nth-of-type(3) a:target) {
	--target-y: var(--item-3-y);
	--target-x: var(--item-3-x);
	--target-width: var(--item-3-width);
	--target-height: var(--item-3-height);
}
[data-no-anchor] ul:has(li:nth-of-type(4) a:target) {
	--target-y: var(--item-4-y);
	--target-x: var(--item-4-x);
	--target-width: var(--item-4-width);
	--target-height: var(--item-4-height);
}
[data-no-anchor] ul:has(li:nth-of-type(5) a:target) {
	--target-y: var(--item-5-y);
	--target-x: var(--item-5-x);
	--target-width: var(--item-5-width);
	--target-height: var(--item-5-height);
}
[data-no-anchor] ul:has(li:nth-of-type(6) a:target) {
	--target-y: var(--item-6-y);
	--target-x: var(--item-6-x);
	--target-width: var(--item-6-width);
	--target-height: var(--item-6-height);
}
[data-no-anchor] ul:has(li:nth-of-type(7) a:target) {
	--target-y: var(--item-7-y);
	--target-x: var(--item-7-x);
	--target-width: var(--item-7-width);
	--target-height: var(--item-7-height);
}

ul:has(a:is(:focus-visible, :hover)) {
  --intent: 1;
}

ul.gm-navbar-nav::before,
ul.gm-navbar-nav::after {
--transition: 0.18s;
content: "";
position: fixed;
pointer-events: none;
top: calc(var(--item-active-y) * 1px);
left: calc(var(--item-active-x) * 1px);
height: calc(var(--item-active-height) * 1px);
width: calc(var(--item-active-width) * 1px);
opacity: var(--intent, 0);
z-index: -1;
border-radius: 0px;
background: rgb(255 255 255 /.5);
transition:
all var(--transition),
top var(--transition),
left var(--transition),
height var(--transition),
opacity var(--transition),
color var(--transition),
width var(--transition);
transition-timing-function: linear(
0 0%, 0.2342 12.49%, 0.4374 24.99%,
0.6093 37.49%, 0.6835 43.74%,
0.7499 49.99%, 0.8086 56.25%,
0.8593 62.5%, 0.9023 68.75%, 0.9375 75%,
0.9648 81.25%, 0.9844 87.5%,
0.9961 93.75%, 1 100%
);
}

ul.gm-navbar-nav::after {
top: calc(var(--target-y) * 1px);
left: calc((var(--target-x) * 1px) + 1.25rem);
height: calc(var(--target-height) * 1px);
width: calc((var(--target-width) * 1px) - 2.5rem);
opacity: 1;
background: transparent;
border-radius: 0;
border-bottom: 2px solid currentColor;
view-transition-name: target;
}

/* Targeting */
@supports(anchor-name: --a) {
nav { --anchor: var(--item-active); }
	
nav li:nth-of-type(1) { anchor-name: --item-1; }
nav li:nth-of-type(2) { anchor-name: --item-2; }
nav li:nth-of-type(3) { anchor-name: --item-3; }
nav li:nth-of-type(4) { anchor-name: --item-4; }
nav li:nth-of-type(5) { anchor-name: --item-5; }
nav li:nth-of-type(6) { anchor-name: --item-6; }
nav li:nth-of-type(7) { anchor-name: --item-7; }


nav:has(li:nth-of-type(1) a:is(:hover, :focus-visible)) { --anchor: --item-1; }
nav:has(li:nth-of-type(2) a:is(:hover, :focus-visible)) { --anchor: --item-2; }
nav:has(li:nth-of-type(3) a:is(:hover, :focus-visible)) { --anchor: --item-3; }
nav:has(li:nth-of-type(4) a:is(:hover, :focus-visible)) { --anchor: --item-4; }
nav:has(li:nth-of-type(5) a:is(:hover, :focus-visible)) { --anchor: --item-5; }
nav:has(li:nth-of-type(6) a:is(:hover, :focus-visible)) { --anchor: --item-6; }
nav:has(li:nth-of-type(7) a:is(:hover, :focus-visible)) { --anchor: --item-7; }

nav:has(li:nth-of-type(1) a:target) { --target: --item-1; }
nav:has(li:nth-of-type(2) a:target) { --target: --item-2; }
nav:has(li:nth-of-type(3) a:target) { --target: --item-3; }
nav:has(li:nth-of-type(4) a:target) { --target: --item-4; }
nav:has(li:nth-of-type(5) a:target) { --target: --item-5; }
nav:has(li:nth-of-type(6) a:target) { --target: --item-6; }
nav:has(li:nth-of-type(7) a:target) { --target: --item-7; }


ul.gm-navbar-nav::before {
left: anchor(var(--anchor) left);
top: anchor(var(--anchor) top);
width: anchor-size(var(--anchor) width);
height: anchor-size(var(--anchor) height);
}
ul.gm-navbar-nav::after {
left: calc(anchor(var(--target) left) + 1.25rem);
top: anchor(var(--target) top);
width: calc(anchor-size(var(--target) width) - 2.5rem);
height: anchor-size(var(--target) height);
}
}

::view-transition-group(target),
::view-transition-group(item) {
	mix-blend-mode: normal;
}


/********************************

	FOOTER

********************************/

#wrapper-footer{
position: relative;
margin-top: 230px;
padding: 2.5rem 0 4rem;
background-color:var(--color-snow);
}
#wrapper-footer::before{
content: "";
position: absolute;
z-index: 3;
left: 0;
top: -230px;
display: block;
width: 100%;
height: 230px;
background-image: url(images/wave-bottom.svg);
background-size: cover;
background-repeat: repeat-x;
background-position: calc(50% - 230px) 0;
background-color: #fff;
}

.footer-nav{
margin: 0 0 2rem;
padding: 0;
list-style: none;
display: flex;
gap: 15px 30px;
justify-content: center;
}
.footer-nav li{
font-size: .875rem;
}
.footer-nav a{
color: #333;
}
.footer-nav a:hover{
color: var(--color3);
}

#wrapper-footer h3{
text-align: center;
font-size: 1.25rem;
color: var(--color2-text);
}
#wrapper-footer h3 span{
position: relative;
top: -2px;
font-size: .875rem;
}

#wrapper-footer p{
font-size: .937rem;
text-align: center;
letter-spacing: .15em;
color: var(--color2-text);
}
#wrapper-footer p a{
font-family: "Cabin Condensed", sans-serif;
font-size: 2.5rem;
letter-spacing: normal;
color: var(--color1-text);
}
.site-info{
text-align: center;
font-size: .625rem;
font-weight: 500;
letter-spacing: .1em;
color: var(--color2-text);
}



/********************************

	FRONT PAGE

********************************/
.home .section{
padding-top: 0;
background-image: url(images/bg_home.svg);
background-repeat: no-repeat;
background-position: center center;
background-position: center top;
background-size: 100% auto;
}
.hero{
position:relative;
height:500px;
margin: 0 0 2.5rem;
}
.heroSwiper{
width:100%;
height:100%;
padding-left: 400px;
}
.swiper-slide{
width:100% ;
height:100%;
border-radius: 0 0 0 20px;
overflow:hidden;
}
.swiper-slide img{
width:100%;
height:100%;
object-fit:cover;
display:block;
overflow: hidden;
transform:scale(1);
transition:transform 7s linear;
}
.heroSwiper .swiper-slide-active img{
transform:scale(1.08);
}
.home .hero .wp-image-133{
position: absolute;
bottom: 60px;
left: 15px;
max-width: 30vw;
}
.home .hero .wp-image-729{
  position: absolute;
  z-index: 99;
  left: 12.5vw;
  top: 40%;
}

.front_news{
  position: relative;
  margin: 0 0 4rem;
  padding: 4rem;
}
.front_news::after{
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  right: 0;
  top: 0;
  width: calc(100% - 150px);
  height: 100%;
  background-color: var(--color-snow);
}
.front_news ul{
  padding: 0;
  list-style: none;
}
.link_feature{
position: relative;
padding-top: 4rem;
padding-bottom: 4rem;
}
.link_feature::after{
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 65%;
  background-color: #ecf1f9;
  border-radius: 15px;;
}

.link_feature a{
position: relative;
display: block;
background-color: #fffbf8;
border-radius: 15px;
box-shadow: 0px 0px 10px rgb(211 223 225 /.1);
}
.link_feature a:hover{
background-color: #fff;
box-shadow: 0px 20px 20px rgb(211 223 225 /.25);
}
.link_feature a img{
display: block;
transition: .2s ease-in;
}
.link_feature a:hover img{
transform: scale(1.05);
}
.link_feature a::before{
  content: "";
  position: absolute;
  right: 90px;
  top: -15px;
  display: block;
  width: 32px;
  height: 30px;
  background-image: url(images/link_arrow.svg);
  transition: .3s;
  opacity: 0;
}
.link_feature a:hover::before{
  right: 30px;
  opacity: 1;
}

.home .interlude{
position: relative;
padding: 2.5rem;
}
.home .interlude::after{
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
display: block;
width: 200px;
height: 200px;
background-image: url(images/bg_interlude.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.home .interlude h2{
text-align: center;
}
.home .interlude p{
font-size: .937rem;
letter-spacing: .1em;
line-height: 1.75;
color: #d3768c;
}

.home .section ul{
margin: 0;
padding: 0;
list-style: none;
}
.home .section ul li{
margin: 0;
padding: .375rem 0;
}
.home .section ul li:not(:last-child) {
border-bottom: 1px dotted #d9a7a7;
}
.home .section ul li .date{
display: block;
font-family: "Cabin Condensed", sans-serif;
font-size: .875rem;
font-weight: 600;
letter-spacing: .1em;
}
.home .section ul li a{
display: block;
}
.btn-news{
display: block;
margin: 1rem 0 0;
padding: .5rem .75rem;
border: 1px solid var(--color-txt);
border-radius: 6px;
width: fit-content;
}
.btn-news:hover{
background-color: var(--color5);
}

/********************************

	先生の声

********************************/

.charm .section{
min-height: 400px;
}
.charm .section.mh-0{
min-height: 0px;
}

.charm .section h1{
font-size: 2rem;
line-height: 1.75;
letter-spacing: .1em;
}
.section_wave{
position: relative;
margin-bottom: 4rem;
}
.section_wave::after{
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: block;
width: 90vw;
height: 80%;
border-radius: 20px;
}
.section_wave-01:after{background-color: var(--color-powder-pink)}
.section_wave-02:after{background-color: var(--color-mauve);}
.section_wave-03:after{background-color: var(--color-powder-pink)}
.section_wave-04:after{background-color: var(--color-mauve);}
.section_wave-05:after{background-color: var(--color-powder-pink)}
.section_wave-06:after{background-color: var(--color-mauve);}
.section_wave-07:after{background-color: var(--color-powder-pink)}
.section_wave-08:after{background-color: var(--color-mauve);}
.section_wave-09:after{background-color: var(--color-powder-pink)}



.episode{
display:grid;
grid-template-columns:250px 400px 200px;
/*grid-template-rows:auto 1fr;*/
gap: 10px 60px;
width: 970px;
margin: 0 auto;
}
.episode h2{
grid-column:2 / 3;
grid-row:1 / 2;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 1.25rem;
line-height: 2;
letter-spacing: .375em;
display: grid;
place-content: center;
}
.episode p{
grid-column:2 / 3;
grid-row:3 / 4;
font-size: 1rem;
line-height: 2;
letter-spacing: .1em;
}
.episode p.p_strong{
grid-row:2 / 3;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: .2em;
color: var(--color3);
}

.episode .fig_01{
grid-column:1 / 2;
grid-row:1 / 3;
border-radius: 58% 42% 53% 47% / 52% 48% 52% 48%;
box-shadow: 60px 60px 0px rgb(0 0 0 /.025);
transform: translateY(-60px);
animation: pulse-shadow 10s ease-in-out infinite;
}
.episode .fig_02{
grid-column:3 / 4;
grid-row:1 / 3;
border-radius: 42% 58% 49% 51% / 52% 44% 56% 48%;
box-shadow: 15px 60px 0px rgb(0 0 0 /.1);
transform: translateY(90px);
animation: pulse-shadow2 15s ease-in-out infinite;
}
.episode2{
padding-top: 2rem;  
}
.episode2 .fig_01{
border-radius: 58% 42% 53% 47% / 52% 48% 52% 48%;
box-shadow: 60px 60px 0px rgb(0 0 0 /.025);
transform: translateY(-60px);
animation: pulse-shadow 10s ease-in-out infinite;
}
.episode2 .fig_02{
grid-column:3 / 4;
grid-row:1 / 3;
border-radius: 42% 58% 49% 51% / 52% 44% 56% 48%;
box-shadow: 15px 60px 0px rgb(0 0 0 /.1);
transform: translateY(90px);
animation: pulse-shadow2 15s ease-in-out infinite;
}

@keyframes pulse-shadow {
  0% { transform: scale(1);box-shadow: 0 0 0 rgba(0, 0, 0, 0.025);}
 50% { transform: scale(1.2);box-shadow: 60px 60px 20px rgba(0, 0, 0, 0.1);}
100% { transform: scale(1);box-shadow: 0 0 0 rgba(0, 0, 0, 0.025);}
}
@keyframes pulse-shadow2 {
  0% { transform: scale(1);box-shadow: 0 0 0 rgba(0, 0, 0, 0.025);}
 50% { transform: scale(1.2);box-shadow: -15px 60px 20px rgba(0, 0, 0, 0.1);}
100% { transform: scale(1);box-shadow: 0 0 0 rgba(0, 0, 0, 0.025);}
}


.section_reason h2{
margin: 0 auto 2.5rem;
padding: 0;
font-size: 1.5rem;
}
.section_reason h3{
margin: 0 auto 2rem;
padding: 0;
font-size: 1.25rem;
line-height: 1.6;
}
.section_reason .inner{
padding: 1.5rem;
background-color: #fff;
border-radius: 20px;
}
.section_reason .inner p{
line-height: 1.75;
letter-spacing: .01em;
text-align: justify;
text-indent: 1em;
color: #333;
}

h3.ask-teacher{
margin: 0;
padding: 0;
font-size: 1.25rem;
align-self:center;
color: var(--color3);
}
h3.ask-teacher span{
display: block;
margin: 0 0 .5rem;
font-size: 1.125rem;
color: #5c5c5c;
}

.charm section .swiper-slide {
margin: 0 auto;
padding: 2rem 0;
position: relative;
width: 100%;
overflow: hidden;
display:grid;
grid-template-columns:300px 1fr;
gap: 0 60px;
}

.charm .swiper-slide img {
grid-column:1 / 2;
position: relative;
width: min(70%, 300px);
aspect-ratio: 1 / 1;
display: block;
margin: 0 0 0 auto;
}

.charm .swiper-slide p {
grid-column:2 / 3;
position: relative;
width: min(80%, 600px);
min-height: 5em;
text-align: left;
font-size: 1.25rem;
line-height: 1.75;
color: #333;
align-self:center;
}

.swiper-button-next, .swiper-button-prev{
display:flex;
justify-content:center;
align-items:center;
width:60px;
height:60px;
color:#6c6c6c;
background-color:var(--color1);
border-radius:50%;
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size:13px;
line-height:1;
}
.ask-teacher_wrapper{
margin-bottom: 6rem;
padding: 2rem;
background-color: #fff;
border: 10px solid var(--color2);
border-radius: 40px;
}

/********************************

	保育内容

********************************/
.childcare .section{
  background-color: #fff;
}
.childcare .section h2{
    position: relative;
  z-index: 3;
margin-bottom: 2rem;
font-size: 2rem;
letter-spacing: .5em;
text-align: center;
}
.childcare .section h3{
  position: relative;
  z-index: 3;
margin-bottom: 2rem;
font-size: 1.375rem;
letter-spacing: .5em;
text-align: center;
}
.childcare .section .lead{
font-size: 1.125rem;
font-weight: 600;
line-height: 1.75;
}
.section_concept .col-md-7{
  border-left: 5px solid var(--color-pale-aqua);
}
.section_concept .col-md-7 dd:not(:last-child){
  margin-bottom: 1rem;
}
.section_concept .col-md-7 li{
  margin-block: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
}
.section_concept .col-md-7 li:nth-child(1)::marker{color: var(--color-lilac);}
.section_concept .col-md-7 li:nth-child(2)::marker{color: var(--color-mauve);}

.childcare .section.section_feature {
  background-color: var(--color-powder-pink);
}
.txt_features{
  position: absolute;
  z-index: 0;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center bottom;
  -webkit-text-stroke: 2px var(--color-sage-mint);
  color: transparent;
  line-height: 1;
  text-align: center;
  display:block;
  width:100%;
  font-size:12vw;
  letter-spacing:-0.04em;
}

.section_feature dl{
  border-width: 0 3px 3px 0;
  border-style: solid;
  transition: .3s ease-in-out;
}
.section_feature dl:hover{
  transform: scale(1.05);
}
.section_feature dt{
  padding-block: 1rem;
  width: calc(100% + 25px);
  transform: translateX(-25px);
}
.section_feature .feature-panel div:nth-child(1) dl{border-color: var(--color-lavender-gray);}
.section_feature .feature-panel div:nth-child(2) dl{border-color: var(--color-lilac);}
.section_feature .feature-panel div:nth-child(3) dl{border-color: var(--color-mauve);}
.section_feature .feature-panel div:nth-child(4) dl{border-color: var(--color-pale-aqua);}
.section_feature .feature-panel div:nth-child(5) dl{border-color: var(--color-sage-mint);}
.section_feature .feature-panel div:nth-child(6) dl{border-color: var(--color-lavender-gray);}
.section_feature .feature-panel div:nth-child(7) dl{border-color: var(--color-lilac);}

.section_feature .feature-panel div:nth-child(1) dl dt{background-color: var(--color-lavender-gray);}
.section_feature .feature-panel div:nth-child(2) dl dt{background-color: var(--color-lilac);}
.section_feature .feature-panel div:nth-child(3) dl dt{background-color: var(--color-mauve);}
.section_feature .feature-panel div:nth-child(4) dl dt{background-color: var(--color-pale-aqua);}
.section_feature .feature-panel div:nth-child(5) dl dt{background-color: var(--color-sage-mint);}
.section_feature .feature-panel div:nth-child(6) dl dt{background-color: var(--color-lavender-gray);}
.section_feature .feature-panel div:nth-child(7) dl dt{background-color: var(--color-lilac);}

.childcare .section dl.h-100 dd ul li:nth-child(1)::marker{color: var(--color-mauve);}
.childcare .section dl.h-100 dd ul li:nth-child(2)::marker{color: var(--color-sage-mint);}

.childcare .section dl.h-100{
margin: 0 0 1rem;
padding: 2rem 1rem 1rem;
background-color: #fff;
border-radius: 0 0 10px 0;
}
.childcare .section dl.h-100 dt{
margin: 0 auto 1rem;
text-align: center;
color: var(--color3);
}
.childcare .section dl.h-100 dd{
margin: 0;
}
.childcare .section dl.h-100 dd ul{
margin: 0;
}
.childcare .section dl.h-100 dd ul li{
margin: 0;
letter-spacing: .01em;
text-align: justify;
}
.childcare .section dl.h-100 dd ul li:not(:last-child) {
margin-bottom: 1rem;
}
.childcare .section dl.h-100 dd ul li::marker{
content: "●";
color: var(--color3);
font-size: 1.5em;
}

.admission {
  background-color: #fefefe;
}
.overview {
  background-color: #fefefe;
}

.admission table,
.childcare table,
.overview table {
table-layout: fixed;
width: 100%;
/*max-width: 800px;*/
margin: 0 auto;
border-spacing: 0;
border-collapse: separate;
border-radius: 10px;
background-color: #fff;
border-top: 3px solid var(--color-powder-pink);
border-left: 3px solid var(--color-powder-pink);
}
.admission thead th,
.childcare thead th,
.overview thead th{
text-align: center;
background-color: rgb(230 179 199 /.35);
}
.admission tbody th,
.admission tbody td,
.childcare tbody th,
.childcare tbody td,
.overview tbody th,
.overview tbody td{
vertical-align: middle;
}
.admission thead th:first-child,
.admission tbody th,
.childcare thead th:first-child,
.childcare tbody th,
.overview thead th:first-child,
.overview tbody th{
white-space: nowrap;
}
.childcare thead th:first-child,
.childcare tbody th{
width: 100px;
}
.overview thead th:first-child,
.overview tbody th{
width: 200px;
}
.admission table th, .admission table td,
.childcare table th, .childcare table td,
.overview table th, .overview table td {
padding: .75rem;
border-right: 3px solid var(--color-powder-pink);
border-bottom: 3px solid var(--color-powder-pink);
}
.admission tbody th,
.childcare tbody th,
.overview tbody th {
text-align: center;
background-color: rgb(230 179 199 /.1);
}
.childcare tbody th{
width: 100px;
}
.overview tbody th {
width: 200px;
}
.admission table thead th:first-child,
.childcare table thead th:first-child,
.overview table thead th:first-child {
border-radius: 10px 0 0 0;
}
.admission table thead th:last-child,
.childcare table thead th:last-child,
.overview table thead th:last-child {
border-radius: 0 10px 0 0;
}
.admission table tbody tr:last-child th,
.childcare table tbody tr:last-child th,
.overview table tbody tr:last-child th {
border-radius: 0 0 0 10px;
}
.admission table tbody tr:last-child td:last-child,
.childcare table tbody tr:last-child td:last-child,
.overview table tbody tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}


.childcare .tbl_event{
margin-bottom: 2rem;
}
.tbl_event caption{
caption-side: top;
padding: 0 0 .5rem;
color: #6A93A1;
text-align: end;
}
.tbl_event td span{
color: #7DADBD;
}

.dl_monthly dt{
margin: 0 auto 1rem;
padding: .5rem;
text-align: center;
background-color: #fff;
border-radius: 8px;
}
.dl_monthly dd ul{
margin: 0;
}
.dl_monthly dd ul li{
padding: .25rem 0;
}
.dl_monthly dd ul li:not(:last-child) {
border-bottom: 1px dotted var(--color3);
}


/********************************

	施設概要

********************************/
.gallery #wrapper-footer::before{
background-color: transparent;
}
.gallery .section-gallery{
background-color: #fff;
}
.section-classroom figure{
  position: relative;
}
.section-classroom figure span{
  position: absolute;
  left: 10px;
  top: -40px;
}
.section-classroom figure span img{
  width: 80px;
}

.gallery #wrapper-footer::before{
background-color: #fff;
}
.gallery .section-gallery.section-gallery_other{
  background-color: var(--color-snow);
}


.gallery .section h1{
margin: 0 0 2rem;
padding: 00;
font-size: 2rem;
}
.gallery .section p.lead{
margin: 0 0 .75rem;
padding: 00;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: .1em;
}
.gallery .section img{
display: block;
margin: 0 auto 1rem;
border-radius: 20px;
}
.gallery .section figcaption dl{
margin: 0;
padding: 0;
}
.gallery .section figcaption dt{
margin: 0 0 1rem;
padding: 0;
font-size: 1.125rem;
letter-spacing: .25em;
}
.gallery .section figcaption dd{
margin: 0;
padding: 0;
font-size: 1;
line-height: 1.75;
letter-spacing: .025em;
text-align: justify;
}
.gallery .interlude{
display: block;
position: relative;
padding: 1.5rem;
background-color: #fff;
transform: translate(-120px , 90px);
border-radius: var(--radius);
}
.gallery .heading img{
  border-radius: var(--radius);
}
.gallery .interlude h1{
  margin-bottom: 2rem;
  letter-spacing: .05em;
  text-align: left;
}


/********************************

	入園案内

********************************/

.admission .section h2{
margin: 0 0 1rem;
padding: 1rem;
font-size: 1.5rem;
border-bottom: 1px solid #000;
}

.admission .section h3{
margin: 2.5rem 0 1rem;
padding: .5rem 1rem;
font-size: 1.125rem;
line-height: 1.5;
border-left: 5px solid #fff;
}
.admission .section h4{
margin: 0 0 1rem;
padding: .5rem 1rem;
font-size: 1.125rem;
line-height: 1.5;
border-bottom: 5px solid rgb(0 0 0 /.05);
}
.admission .section h4 small{
font-size: .937rem;
}
.admission .section h5{
margin: 0 0 .5rem;
padding: .25rem 1rem;
font-size: 1.125rem;
line-height: 1.5;
}
.admission .section p{
margin: 0 0 1rem;
padding: 0 1rem;
}
.admission .section dl{
margin: 0 0 1rem;
padding: 0 1rem;
}
.admission .section dt{
margin: 0 0 1rem;
padding: 0 0 .5rem;
font-size: 1.125rem;
}
.section_admission{
  background-color: var(--color-pale-aqua);
}
.inner_bing{
  padding: 2rem;
  background-color: rgb(255 255 255 /.5);
  border: 1px solid #fff;
  border-radius: 10px;
}
.ul_preparation-list li{
padding: .25rem 0;
font-size: 1.125rem;
font-weight: 600;
}
.ul_preparation-list li:not(:last-child) {
border-bottom: 1px dotted var(--color3);
}

.admission table{
margin: 0 0 2rem;
table-layout: inherit;
}
.admission table thead th{
width: 1%;
white-space: nowrap;
}
.admission table tbody th{
width: 1%;
white-space: nowrap;
text-align: left;
}

.admission .section ul li::marker{
color: var(--color3);
}
.admission .section .inner{
padding: 1rem;
height: 100%;
background-color: #fff;
border-radius: 20px;
}
.admission .section .inner figcaption ul li:not(:last-child) {
margin-bottom: .5rem;
padding-bottom: .5rem;
border-bottom: 1px dotted var(--color3);
}
.section_faq{
background-color: rgb(255 255 255 /.8);
}

.section_faq .dl_faq dt{
margin: 0 0 1rem;
padding: .5rem 1rem;
background-color: #c8dedc;
border-radius: 100px;
}
.section_faq .dl_faq dd{
padding: .5rem 1rem;
font-size: 1.125rem;
}
.section_faq .dl_faq dd:not(:last-child) {
margin-bottom: 1.5rem;
}

/********************************

	概要

********************************/

.overview .section h2{
margin: 2rem 0 1rem;
padding: 1rem;
font-size: 1.5rem;
border: 1px solid var(--color3);
}
.overview .section h3{
margin: 0 0 1rem;
padding: .5rem 1rem;
font-size: 1.125rem;
line-height: 1.5;
border-left: 5px solid rgb(0 0 0 /.15);
}
.overview .section h3 span{
display: block;
margin: .5rem 0 0;
padding: 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
color: #6c6c6c;
}
.overview .section h4{
margin: 0 0 1rem;
padding: 1rem;
font-size: 1.125rem;
border-top: 1px solid rgb(0 0 0 /.15);
border-bottom: 1px solid rgb(0 0 0 /.15);
}
.overview .section p{
margin: 0 0 1rem;
padding: 0 1rem;
}
.overview .section dl{
margin: 0 0 1rem;
padding: 0 1rem;
}
.overview table{
margin: 0 0 2rem;
table-layout: inherit;
}
.overview table thead th{
width: 1%;
white-space: nowrap;
}
.overview table tbody th{
width: 1%;
white-space: nowrap;
text-align: left;
}

.overview .section ul li::marker{
color: var(--color3);
}

.tbl_timezone tbody th{
width: 6em !important;
}
.tbl_timezone tbody td{
width: calc(100% - 6em);
}
.overview .section .tbl_cost{
width: fit-content;
}
.tbl_emergency tbody th{
width: 6em !important;
}
.tbl_emergency tbody td{
width: calc(100% - 6em);
}

.nowrap{
white-space: nowrap;
}

/********************************

	アクセス

********************************/
.access .section h2{
margin: 0 0 1rem;
padding: 0;
font-size: 1.5rem;
}
.access .section h3{
margin: 0 0 1rem;
padding: 0;
font-size: 1.5rem;
}

.access .section .address p{
font-size: 1.125rem;
}
.access .section .address ul{
margin: 0;
padding: 0;
list-style: none;
}
.access .section .address ul li{
margin: 0;
padding: .5rem 0;
}
.access .section .address ul li:not(:last-child) {
border-bottom: 1px dotted var(--color3);
}

.access .section .parking div{
margin: 0;
padding: 1rem;
background-color: #fff;
border-radius: 20px;
box-shadow: var(--box-shadow);
}
.access .section .parking ul{
margin: 0;
padding: 0;
list-style: none;
}
.access .section .parking ul li{
margin: 0;
padding: .5rem 0;
}
.access .section .parking ul li:not(:last-child) {
border-bottom: 1px dotted var(--color3);
}
.access iframe{
border-radius: 20px;
border: 20px solid #fff !important;
box-shadow: var(--box-shadow);
}

.access .section dl{
padding: 1rem;
background-color: var(--color-pale-aqua);
border-radius: 10px;
}
.access .section dt{
margin: 0 0 1rem;
padding: 0;
font-size: 1.125rem;
}
.access .section dt span{
position: relative;
display: inline-block;
margin: 0 .5rem 0 0;
padding: 0;
font-size: 1rem;
}
.access .section dd a{
font-family: "Cabin Condensed", sans-serif;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: normal;
color: var(--color1-text);
}


/********************************

	リクルート

********************************/

.recruit .table th,
.recruit .table td{
border-bottom: 1px solid var(--color2);
}
.recruit .table th{
background-color: #fff;
width: 1%;
white-space: nowrap;
}
.recruit .table td{
background-color: rgb(255 255 255 /.25);
}

.recruit .wpcf7,
.contact .wpcf7{
padding: 2rem;
background-color: #fff;
border-radius: 20px;
max-width: 100%;
box-shadow: var(--box-shadow);
}
.recruit .wpcf7 label,
.contact .wpcf7 label{
margin: 0 0 1.5rem;
}
.recruit .wpcf7 label span,
.contact .wpcf7 label span{
display: block;
margin: .5rem 0 0;
}

.btn-outline-primary, .wpcf7 input[type=submit]{
color: #fff;
background-color: var(--color3);
border-color: var(--color3);
}
.wpcf7 input[type=submit]:hover {
color: var(--color3);
background-color: var(--color2);
border-color: var(--color2);
}

/********************************

	こどもアトリエ

********************************/

.post-type-archive-atelier .page-header{
margin: 0 0 2.5rem;
}
.post-type-archive-atelier .lead {
font-size: 1rem;
font-weight: 600;
line-height: 1.75;
letter-spacing: .1em;
}

.atelier-grid {
  column-count: 3;
  column-gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}
.atelier-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5rem;
  break-inside: avoid;
}
.atelier-item img { 
  width: 100%; height: auto; 
  border-radius: 8px; display:block;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  transition: transform .25s ease;
}
.atelier-item img:hover { transform: scale(1.03); }
@media (max-width:1024px){ .atelier-grid{ column-count:2; } }
@media (max-width:600px){ .atelier-grid{ column-count:2; column-gap:1rem; } }

/* =========================
   Base / Theme Vars
========================= */
:root{
  --maxw: 1200px;
  --gutter: 1.5rem;
  --gutter-sm: 1rem;
  --radius: 20px;
  --shadow: 0 2px 10px rgba(0,0,0,.08);
  --ink: #2c2c2c;
  --muted: #7a7a7a;
  --line: #e9ecef;
  --accent: #80c2a0; /* リクルートのグリーン寄せ */
}

/* =========================
   Post Section
========================= */
.atelier-post{
  max-width: var(--maxw);
  margin: 2.75rem auto;
  padding: 0 var(--gutter);
  border-bottom: 1px dashed var(--line);
  padding-bottom: 2rem;
}
.atelier-post:last-of-type{ border-bottom: none; }

.atelier-post__head{
  display: flex;
  align-items: baseline;
  gap: .75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.atelier-post__title{
  margin: 0;
  font-size: clamp(1.1rem, 1rem + .6vw, 1.5rem);
  line-height: 1.25;
  font-weight: 700;
}
.atelier-post__title a{
  color: var(--ink);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s ease, color .2s ease;
}
.atelier-post__title a:hover{ border-color: var(--accent); }
.atelier-post__title a:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-color: transparent;
}
.atelier-post__date{
  color: var(--muted);
  font-size: .95rem;
}

/* =========================
   Pinterest-like (per post)
   column-count 版（軽量）
========================= */
.atelier-grid{
  column-count: 3;
  column-gap: var(--gutter);
}
@media (max-width: 1024px){
  .atelier-grid{ column-count: 2; }
}
@media (max-width: 600px){
  .atelier-grid{ column-count: 2; column-gap: var(--gutter-sm); }
}

.atelier-item{
  display: inline-block;
  width: 100%;
  margin: 0 0 var(--gutter);
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

.atelier-item img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}
.atelier-item img:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

/* 画像下にキャプションを入れる場合（任意） */
.atelier-item figcaption{
  font-size: .9rem;
  color: var(--muted);
  margin-top: .5rem;
}

/* =========================
   Pagination
========================= */
.pagination{
  max-width: var(--maxw);
  margin: 2.5rem auto 3rem;
  padding: 0 var(--gutter);
  text-align: center;
}
.pagination ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.pagination a,
.pagination span{
  display: inline-block;
  min-width: 2.25rem;
  padding: .55rem .8rem;
  border-radius: 8px;
  background: #f7f9f8;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid #edf1ef;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pagination a:hover{
  background: #eef7f2;
  border-color: #e0efe7;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.pagination .current{
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  font-weight: 700;
}
.pagination a:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* =========================
   Micro Tweaks
========================= */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}
img{ image-rendering: auto; }

/* 余白の詰まりが気になれば微調整（任意） */
.atelier-post + .atelier-post{ margin-top: 3rem; }


/********************************

	個人情報保護指針

********************************/

.privacy-policy .heading h1{
letter-spacing: .1em;
}
.privacy-policy .section h2{
margin: 0 0 1rem;
padding: 0 0 1rem;
font-size: 1.5rem;
border-bottom: 1px solid var(--color3);
}
.privacy-policy .section h3{
margin: 0 0 1rem;
padding: 1rem;
font-size: 1.125rem;
background-color: var(--color5);
}
.privacy-policy .section h4{
margin: 0;
padding: 1rem;
font-size: 1.125rem;
}
.privacy-policy .section p{
margin: 0 0 1rem;
padding: 1rem 1rem .5rem;
font-size: .937rem;
}



/********************************

	SINGLE ARCHIVE SEARCH

********************************/

.post-type-archive-news .page-header .page-title{
margin: 0 0 1rem;
padding: 1rem 0;
font-size: 1.5rem;
}
.post-type-archive-news .site-main .hentry{
margin: 0 0 1.5rem;
padding: 1rem;
background-color: var(--color5);
border-radius: 10px;
}
.post-type-archive-news .site-main .hentry .entry-title{
font-size: 1.25rem;
}
.post-type-archive-news .site-main .hentry .posted-date{
font-family: "Cabin Condensed", sans-serif;
letter-spacing: .1em;
}

.single-news .entry-header{
margin: 0 0 1rem;
padding: 1rem 0;
border-top:1px solid var(--color5);
border-bottom:10px solid var(--color5);
}
.single-news .entry-header .entry-title{
font-size: 1.5rem;
}
.single-news .entry-header .entry-meta{
font-family: "Cabin Condensed", sans-serif;
letter-spacing: .1em;
}

.search-results .page-header .page-title{
margin: 0 0 1rem;
padding: 1rem 0;
font-size: 1.5rem;
}
.search-results .site-main .hentry{
margin: 0 0 1.5rem;
padding: 1rem;
background-color: var(--color5);
border-radius: 10px;
}
.search-results .site-main .hentry .entry-title{
font-size: 1.25rem;
}
.search-results .site-main .hentry .posted-date{
font-family: "Cabin Condensed", sans-serif;
letter-spacing: .1em;
}


/********************************

	RWD

********************************/

@media(max-width:834px){
.newbadge,.date{
  display: block;
}
.episode {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 10px 60px;
  margin: 0 auto;
  max-width: 95%;
}

.episode > div:nth-of-type(2) {
position: absolute;
left: 65px;
bottom: -15px;
width: 150px;
}
}

@media(max-width:600px){
.site-id {
left: 15px;
top: 15px;
filter: drop-shadow(10px 10px 0px rgb(89 63 85 /.05));
max-width: 150px;
}
#wrapper-footer {
margin-top: 230px;
padding: 0 0 1rem;
}
.footer-nav{
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  gap: 10px;
}
.footer-nav li {
font-size: 1rem;
}
#wrapper-footer p a {
font-size: 2rem;
}
.heading {
padding: 2rem 0 3rem;
}
.heading h1 {
font-size: 1.5rem;
letter-spacing: .025em;
}
.heroSwiper{
  padding-left: 0;
}
.swiper-slide {
border-radius: 0;
}
.home .hero .wp-image-729{
  display: none;
}
.front_news .col-md-3 img{
  max-width: 120px;
}
.front_news {
padding: 0;
}
.link_feature::after {
height: 85%;
}
.gallery .interlude {
background-color: #fff;
transform: translate(0px , 0px);
border-radius: var(--radius);
}
.episode {
display: block;
margin: 0 auto;
max-width: 95%;
}
.episode h2{
  margin-bottom: 60px;
  writing-mode: vertical-rl;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.episode > div:nth-of-type(1){
  position: relative;
  margin-top: 60px;
  max-width: 75%;
}
.episode > div:nth-of-type(2){
  position: relative;
  max-width: 50%;
  width: 50%;
  transform: translateX(90px);
}

}