@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/* CSS Document */
html{
	font-size: 16px;
}
body {
    	margin: 0;
    	font-size: 16px;
        font-family: "Zen Maru Gothic", sans-serif;
    	line-height: 2;
        background-color:#f3f5ca;
        font-weight:500;
}
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	}

a{
	transition: all 0.3s ease;
	text-decoration: none;
	color:#000;
}
img{
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6{
        font-family: "Zen Maru Gothic", sans-serif;
}

p{
line-height:170%;
}

.c-hamburger-btn {
    color: #000;
    padding: 20px;
    background-image: url(img/menu_bgl.svg);
    background-repeat: no-repeat;
}

.c-hamburger-btn__bar {
    height: 3px;
    border-radius: 10px;
}

.l-header--sticky-overlay-lg .c-hamburger-btn__bar {
     background-color:#000;
    }

.c-hamburger-btn__bars {
    height: 20px;
    width: 30px;
}

.c-hamburger-btn__bar:nth-of-type(3) {
    top: 20px;
}

.c-hamburger-btn__bar:nth-of-type(2) {
    top: 10px;
}

.c-hamburger-btn__label {
    font-size: 12px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


.wp-oembed-blog-card {
  	background-color: #fff;
}
.br-sp{
	display:none;
}
.c-container{
	padding:0 1rem;
}
.smb-section__title{
	color:#3C2D23;
}
.smb-section__title:after {
    	background-color: #8FC31F;
    	height: 5px;
}
:where(.c-entry__content>:not(.alignleft):not(.alignright):not(.alignfull)) {
    	max-width: 100%;
}

.titile_s{
	color:#40220f;
	font-size:32px;
	text-align:center;
	position: relative;
}

.titile_s::after{
	content: "";
    	display: block;
    	width: 80px;
    	height: 8px;
    	margin: 1.5rem auto 0;
    	background-color: #8fc31f;
}
.c-site-branding__title .custom-logo{
	width:200px;
}

@media (max-width: 767px) {
	html{
		font-size: 18px;
	}
	p{
		font-size: 1rem;
	}
	.br-pc{
		display:none;
	}
	.br-sp{
		display:block;
	}
}

.main {
    	position: relative;
    	width: 100%;
    	height: 100vh;
    	overflow-x: clip;
    	overflow-y: visible;
    	margin: 0 auto;
    	color: #fff;
    	background-image: url(img/back_main02.png);
    	background-repeat: no-repeat;
    	height: 95vh;
	background-position: center;
}

.maiview-wrap{
	position: absolute;
    	top: 0;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
}

.maiview-wrap-content{
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 90vh;
    margin: auto;
    padding: 0;
    font-size: 0;
    line-height: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
    will-change: transform;
}

.mainview-img{    
position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mainview{
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 90vh;
    margin: 0;
    padding: 0;
}


.main-txt {
    position: absolute;
    top: 130px;
    right: 20%;
    z-index: 31;
    display: inline-block;
    height: auto;
    box-sizing: border-box;
}

/*メイン画像の設定*/
.top-image-main{
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	margin-top: -12%;/*画像のトリミング調整*/
}

.forest{
    	height: 100vh;
}

.mori {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 30;
    pointer-events: none;
    bottom: -2%;
}

.senro {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    pointer-events: none;
    height: 100%;
    width: -webkit-fill-available;
}

.train {
    position: absolute;
    height: auto;
    animation-name: moveTrain;
    animation-duration: 10s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
 animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 0 0;
    width: 240px;
}

/* 列車が線路に沿って移動するアニメーション */

@keyframes moveTrain {
 0% {transform:translate(100vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 5% {transform:translate(90vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 10% {transform:translate(80vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 15% {transform:translate(70vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 20% {transform:translate(60vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 25% {transform:translate(50vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  30% {transform:translate(40vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  35% {transform:translate(30vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  40% {transform:translate(20vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  45% {transform:translate(15vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {transform:translate(14vw, 84vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(40deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  55% {transform:translate(10vw, 70vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(60deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  60% {transform:translate(11vw, 60vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(91deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  65% {transform:translate(10vw, 50vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(91deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  70% {transform:translate(11vw, 40vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(100deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  75% {transform:translate(12vw, 30vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(100deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  80% {transform:translate(10vw, 15vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(70deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  85% {transform:translate(10vw, 15vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(50deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  90% {transform:translate(5vw, 10vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(40deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  95% {transform:translate(0vw, 0vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(20deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translate(-10vw, -10vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(10deg) translate(-50%, -50%);}
}



/* メディアクエリでレスポンシブ対応をさらに調整 */
@media (max-width: 784px) {
	.train {
        	width: 25vw;  /* 小さい画面では列車を少し大きめにする */
	}
	.main {
    		background-image: url(img/back_main02_sp.png);
	}

@keyframes moveTrain {
 0% {transform:translate(100vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-5deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 5% {transform:translate(90vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 10% {transform:translate(80vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 15% {transform:translate(70vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 20% {transform:translate(60vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
 25% {transform:translate(50vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  30% {transform:translate(40vw, 88vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  35% {transform:translate(30vw, 85vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  40% {transform:translate(18vw, 80vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(40deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  45% {transform:translate(16vw, 75vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(60deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {transform:translate(10vw, 70vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  55% {transform:translate(10vw, 65vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  60% {transform:translate(11vw, 60vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(91deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  65% {transform:translate(10vw, 50vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(91deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  70% {transform:translate(11vw, 40vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(100deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  75% {transform:translate(12vw, 30vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(100deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  80% {transform:translate(10vw, 20vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(70deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  85% {transform:translate(10vw, 15vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(50deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  90% {transform:translate(5vw, 10vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(60deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  95% {transform:translate(0vw, 5vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(50deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translate(-10vw, 0vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(50deg) translate(-50%, -50%);}
}


.main-txt {

    top: 100px;
    right: 30%;
 
}

}

@media (max-width: 480px) {
    	.train {
        	width: 40vw;  /* スマホ用に列車をさらに大きく */
    	}
	.main {
    		background-image: url(img/back_main480.jpg);
		background-position: bottom;
	}
}

 @media (orientation: landscape) and (max-height: 450px){
	.main {
        background-image: url(img/back_main02.png);
        background-size: 100%;
}

	.main-txt {
		top: 0;
		right: 30%;
	}
	.main-txt img{
		max-width:75%;
	}
}

/*フッターの設定*/
.l-footer-widget-area{
	background-color: #7AA84F;
	color: white;
}
.footer-menu ul{
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap: 2rem;
}
.footer-menu li a{
	color:white;
}
.footer-menu ul li ul{
    flex-direction: column;
    gap: 0;
    padding-left: 1rem;
    padding-top: 0.5rem;
}
.footer-menu ul li ul.tate {
    	flex-direction: column;
    	gap: 1rem;
    	padding-left: 0;
    	padding-top: 0;
}
.l-footer-widget-area #nav_menu-2{
	display:none;
}
.footer-address{
	display: flex;
    	flex-direction: column;
    	margin: -1rem auto;
	align-items: center;
}
.footer-address img{
	max-width: 120px;
	margin-bottom: 1rem;
}
.footer-address p{
	font-size: 2rem;
	line-height: 1.4;
	text-align:center;
}
.footer-address span{
	display: block;
    	font-size: 0.9rem;
}
.footer-address a{
	color: white;
    	font-size: 2rem;
}
.c-copyright.c-copyright--inverse{
    	background-color: #7aa84f;
}

@media (max-width: 767px) {
	.l-footer-widget-area #nav_menu-2{
		display:block;
	}
	.footer-menu{
		display:none;
	}
	.c-copyright.c-copyright--inverse p{
		font-size:0.9rem;
	}
}

/*おしらせの設定*/


.news_wrapper {
    display: flex;
    padding: 10px;
    max-width:1200px;
    margin-top: 8rem !important;
}

.news_title {
    width: 180px;
    padding-right: 0px;
    background-image: url(img/news-back.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    height: 180px;
    position: relative;
    padding: 0;
display: block;
}

.news_title h2{
position: absolute;
    top: 50%;
    left: 45%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 1.25rem;
}

.news_title a{
position: absolute;
    top: 180px;
    left: 20%;

}

.news_post {
    text-align: center;
    width: 100%; /* 3つの投稿を均等に配置 */
    border-radius: 35px;
}

.news-list{
    flex-basis: 100%;
padding:0px;
}

.news_post li {
    text-align: center;
    width: 100%; /* 3つの投稿を均等に配置 */
    border-radius: 35px;
   max-width:350px;
}

.news_post li img{
    height: auto;
    max-width: 100%;
    border-radius: 8%;
}
.news_date {
    background-color: #ccffcc;
    width: 100px;
    height: 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-block-latest-posts__post-title{
	    font-size: 1.125rem;
    display: inline-block;
    line-height: 1.4;
}


/*TOPコンセプトの設定*/

.top_concept{
	position:relative;
	margin: auto;
	padding-top:100px;
	max-width: 1200px;
	margin-top: 2rem !important;
}

.inner_concept{
-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
}

.c_copy{
    width: 50%;
    padding-right: 0px;
    position: relative;
    padding: 0;

}

.c_copy h2{
	text-align:center;
}

.c_copy p{
	padding-left: 2rem;
    	padding-right: 2rem;
}


.c_photo{
    border-radius: 8%;
    max-width: 500px;
    width: 100%;
    margin-top: 100px;
}

.flower01 {
    position: absolute;
    left: 1.5rem;
    top: 200px;
}

.taiyo01{
    right: 10rem;
    position: absolute;
    bottom: 400px;
}

.photo01 {
    position: absolute;
    right: 50%;
    bottom: 400px;
}

.photo02 {
    position: absolute;
    bottom: 260px;
    left: 45%;
}

/*TOP特長の設定*/

.top_tokucho{
	position:relative;
	margin: auto;
	padding-top:100px;
    	margin-top: 4rem !important;
}

.green_top img{
	vertical-align: bottom;
	width:100vw;
}

.green_bottom{
	vertical-align: top;
}
.green_bottom img{
	width: 100vw;
}


.inner_midori{
	background-color:#c2dc8c;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	background-position: center 120px;
	pdding-bottom:1rem;
}

.inner_midori .yellow-back{
	position: absolute;
    	text-align: center;
    	top: 0;
    	left: 0;
    	margin: auto;
    	background-image: url(img/yellow_back.png);
    	height: 200px;
    	width: 200px;
    	-moz-border-radius: 50%;
    	-webkit-border-radius: 50%;
    	right: 0;
    	vertical-align: middle;
    	padding-top: 4rem;
}

.cloud{
    	position: absolute;
    	top: 1rem;
    	left: 3rem;
}

.bird01{
    	position: absolute;
    	right: 4rem;
    	top: 1rem;
}

.three-colom{
    	max-width: 1;
    	display: flex;
	flex-wrap: wrap;
    	list-style: none;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;
    	justify-content: center;
    	text-align: center;
    	max-width: 1100px;
    	margin: auto;
}

.three-colom li{
    	position: relative;
    	-webkit-justify-content: center;
    	-ms-flex-pack: center;
    	justify-content: center;
    	ms-flex-preferred-size: 41.66666667%;
}

.three-colom li p.tokucho-p{
    background-image: url(img/brown_back.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 10px 20px 10px;
    display: block;
    width: 300px;
    top: -30px;
    position: relative;
    margin: auto;
}

.inner_midori .btn_space{
text-align: center;
    top: 600px;
    position: static;
    margin: auto;
    right: 0;
    left: 0;
    margin: auto;
    color: #151515;
    background-color: #FFF;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 400px;
    padding: 10px;
    margin-top: 3rem;
}

.inner_midori .btn_space a{
    position: relative;
margin: auto;
    color: #151515;
    background-color: #FFF;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 400px;
    padding: 10px;
    margin-top: 3rem;
}

.btn_space a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -60px;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-left: 9px solid #ff0101;
    border-bottom: 6px solid transparent;
    box-sizing: border-box;
}

.inner_midori .btn_space:hover,
.inner_midori .btn_space:focus{
    color: #fff;
    border-color: transparent;
    background: #FFF;
}


/*TOPバナーの設定*/

.bnr_top{
    -ms-flex-pack: center;
    ms-flex-preferred-size: 41.66666667%;
    max-width: 1100px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
flex-wrap: wrap;
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}

.hasen {
    flex-basis: auto;
    width: 48%;
    border: dashed;
    border-radius: 20px;
    display: inline-block;
    max-width: 500px;
    height: 200px;
    margin: auto;
    border-color: #7a6a56;
}

.oyako_bnr{
    background-color: #fbddd9;
    display: block;
    width: 96%;
    margin: auto;
    border-radius: 16px;
    margin-top: 0.5rem;
    height: 91%;
padding: 40px 0px 0px 30px;

}

.oyako_bnr p::before {
    content: url(img/oyako.png);
    position: absolute;
    top: 100%;
    left: 60%;
}

.oyako_bnr p{
font-size: 1.5rem;
    color: #ea7d74;
    font-weight: 600;
border-left:solid 4px;
border-color:#ea7d74;
padding-left:15px;
position: relative;
}

.oyako_bnr p span{
font-size:14px;
color: #181818;
}

.annnai {
    position: relative;
    display: block;
    width: 280px;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 40px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin: auto;
}

.annnai_bnr{
    background-color: #c5e7fa;
    display: block;
    width: 96%;
    margin: auto;
    border-radius: 16px;
    margin-top: 0.5rem;
    height: 91%;
padding: 40px 0px 0px 30px;
  
}

.annnai_bnr p::before {
    content: url(img/annnai.png);
    position: absolute;
    top: 100%;
    left: 80%;
}

.annnai_bnr p{
	font-size: 1.5rem;
    	color: #3d838f;
    	font-weight: 600;
	border-left:solid 4px;
	border-color:#3d838f;
	padding-left:15px;
	position: relative;
}

.annnai_bnr p span{
	font-size:14px;
	color: #181818;
}

.bnr_saiyo{
      	display: flex;
	flex-wrap: wrap;
    	position: relative;
    	margin: auto;
	background-color:#d2e6af;
}

.s_photo{
	flex-basis: auto;
	padding:0px;
}

.saiyo-box{
	background-color:#d2e6af;
}

.s_copy {
    flex-basis: auto;
    pading-left: 30px;
    padding-right: 30px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10%;
}

.s_copy h2{
    margin-bottom: 1rem;
    font-size:24px;

}

.s_copy p{
    margin-bottom: 2rem;
 padding-left:1rem;
}

.annnai{
 position: relative;
  display: block;
  width: 280px;
  padding: 15px 0;
  background-color: #fff;
  border-radius: 40px;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  text-align: center;
margin:auto;
}

.annnai::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-left: 9px solid #ff0101;
  border-bottom: 6px solid transparent;
  box-sizing: border-box;
}

.toiawase{
background-color: #fffef3;
    margin-top: 0px !important;
    position: relative;
text-align: center;
}

.toiawase h2{

    padding-top: 3rem;
    font-size: 2rem;
}

.toiawase p{
    font-size: 16px;
}

.toiawase_inner{
   -ms-flex-pack: center;
    ms-flex-preferred-size: 41.66666667%;
    max-width: 1100px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
flex-wrap: wrap;
padding-top: 2rem;
    padding-bottom: 2rem;
margin: auto;
}


.toiawase_inner li {
    flex-basis: auto;
    width: 48%;
    display: inline-block;
    max-width: 500px;
    height: 200px;
    margin: auto;
    position: relative;
    padding-top: 20px;
}

.bnr_tel{
    background-color: #fff;
    display: block;
    width: 96%;
    margin: auto;
    border-radius: 16px;
    margin-top: 0.5rem;
    height: 91%;
    padding: 40px 0px 0px 30px;
    border: 4px solid #ff9292;
}

.toiawase_inner h3{
    color: #604c3f;
    font-size: 24px;
    padding-top: 0px;
    display: inline-block;
    padding-bottom: 10px;
}

.bnr_tel a{
    font-size: 48px;
    font-weight: 600;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.bnr_tel a::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(img/tel_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 42%;
    left: 8%;
}

.hosoku{
    font-size: 16px;
    display: block;
    margin: 0;
}
 
.bnr_form {
    background-color: #fff;
    display: inline-block;
    width: 96%;
    margin: auto;
    border-radius: 16px;
    margin-top: 0.5rem;
    height: 91%;
    border: 4px solid #8fc31f;
}


.bnr_form a {
    background-color: #8fc31f;
    font-size: 20px;
    font-weight: 600;
    display: block;
    border-radius: 40px;
    width: 90%;
    color: #fff;
    padding: 5px;
    margin: auto;
}

.bnr_form a::before {
content: '';
    display: block;
    width: 50px;
    height: 40px;
    background-image: url(img/form_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 44%;
    left: 10%;
}

@media (max-width: 918px) {
	.top_concept {
    		position: relative;
    		margin: auto;
    		padding-top: 1rem;
    		max-width: 1200px;
    		padding-top: 0;
	}
	.inner_concept {
    		-webkit-box-pack: center;
    		-ms-flex-pack: center;
    		justify-content: center;
    		display: flex;
    		flex-wrap: wrap;
	}
	.c_photo{
		width: 100%;
	}
	.c_copy{
		width:100%;
	}
    	.flower01 {
        	left: 10%;
        	top: 150px;
    	}
	.taiyo01 {
    		right: 10%;
    		bottom: 600px;
	}
	.photo01 {
    		right: 10%;
    		bottom: 200px;
	}
	.photo02 {
    		bottom: 200px;
    		left: 10%;
	}
}

@media (max-width: 767px) {
	.news_post li img {
    		max-width: 90%;
	}
	.inner_midori .yellow-back {
    		font-size: 1.25rem;
	}
	.green_bottom img{
		margin-top: -8px;
	}
	.bird01 {
    		width: 60px;
	}
	.hasen {
    		width: 80%;
    		margin-bottom: 20px;
	}
	.toiawase_inner li {
    		margin-bottom: 1rem;
    		width: 90%;
	}
	.s_copy {
    		padding-top:0;
    		padding-right:0;
	}
	.s_copy p{
    		padding-top:0;    
    		margin-bottom: 1rem;
   		padding-left: 1rem;
   		padding-right:1rem;
    		font-size: 0.75rem;
	}
	.taiyo01 {
    		right: 10%;
    		bottom: 700px;
	}
	ul.wp-block-latest-posts.is-grid {
    		grid-template-columns: repeat(2, 1fr) !important;
	}
	.news_title a {
    		top: 110px;
    		left: 25%;
    		font-size: 0.75rem;
	}
	.news_wrapper {
    		display: flex;
    		padding: 10px;
    		max-width:1200px;
    		margin-top: 2rem !important;
	}
}

@media (max-width: 540px) {
	.annnai_bnr p::before {
    		top: 145%;
    		left: 65%;
	}
	.oyako_bnr p::before{
		top: 150%;
		left: 45%;
	}
}

@media (max-width: 480px) {
	.toiawase p {
    		padding-left:1rem;
    		padding-right:1rem;
	}
	.bnr_tel a {
    		font-size: 38px;
	}
	.bnr_tel a::before {
    		width: 30px;
    		height: 30px;
	}
	.bnr_form a {
    		font-size: 20px;
	}
	.bnr_form a::before {
    		width: 30px;
    		height: 20px;
	}
	.flower01{
		left: 1%;
	}
	.taiyo01{
		right:1%;
	}
	.c_photo{
		margin-top: 125px;
	}
}

/*固定ページヘッダー*/
.c-entry__header{
	background-repeat: no-repeat;
    	background-image: url(img/h1_back.png);
    	background-size: cover;
    	height: 60vh;
    	padding-top: 200px;
    	text-align: center;
	position:relative;
}
.c-entry__header h1{
	position:relative;
	display: inline-block;
	padding: 0 0.5rem;
}
.c-entry__header h1:before{
	content: "";
    	position: absolute;
    	top: 0;
    	left: -180px;
    	background: url(img/title-left01.png);
    	width: 150px;
    	height: 94px;
    	background-size: contain;
	background-repeat: no-repeat;
}
.c-entry__header h1:after{
	content: "";
    	position: absolute;
	top: -50px;
    	right: -130px;
    	background: url(img/title-right01.png);
    	width: 90px;
    	height: 68px;
    	background-size: contain;
	background-repeat: no-repeat;
}
.page-id-227 .c-entry__header h1:before{
    	background: url(img/title-left02.png);
    	top: -50px;
    	left: -160px;
    	width: 127px;
    	height: 128px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-227 .c-entry__header h1:after{
	background: url(img/title-right02.png);
    	top: -25px;
    	right: -130px;
    	width: 88px;
    	height: 87px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-140 .c-entry__header h1:before{
     	background: url(img/title-left03.png);
    	top: -20px;
    	left: -150px;
    	width: 100px;
    	height: 87px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-140 .c-entry__header h1:after{
    	background: url(img/title-right03.png);
    	top: -15px;
    	right: -155px;
    	width: 106px;
    	height: 77px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-198 .c-entry__header h1:before{
    	background: url(img/title-left04.png);
    	top: -20px;
    	left: -140px;
    	width: 73px;
    	height: 80px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-198 .c-entry__header h1:after{
    	background: url(img/title-right04.png);
	top: -20px;
    	right: -130px;
    	width: 75px;
    	height: 94px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-213 .c-entry__header h1:before{
    	background: url(img/title-left05.png);
	top: -20px;
    	left: -150px;
    	width: 96px;
    	height: 80px;
    	background-size: contain;
    	background-repeat: no-repeat;
}
.page-id-213 .c-entry__header h1:after{
    	background: url(img/title-right05.png);
    	top: -20px;
    	right: -146px;
    	width: 99px;
    	height: 90px;
    	background-size: contain;
    	background-repeat: no-repeat;
}

.page-id-105 .c-entry__header,
.page-id-114 .c-entry__header{
    	background-image: url(img/h1_back02.png);
}
.page-id-105 .c-entry__header h1,
.page-id-114 .c-entry__header h1{
	color:white;
	text-shadow: 0px 0px 5px #000000;
}

@media (max-width: 480px) {
	.c-entry__header{
		background-image: url(img/h1_back_sp.png);
    		height: 60vh;
	}
	.page-id-105 .c-entry__header,
	.page-id-114 .c-entry__header{
    		background-image: url(img/h1_back02_sp.png);
	}
	.page-id-227 .c-entry__header h1:after {
		top: -10px;
		right: -80px;
		width: 75px;
	}
	.page-id-227 .c-entry__header h1:before {
		top: -0px;
		left: -80px;
		width: 80px;
	}
	.c-entry__header h1:after {
		top: -75px;
        	right: -80px;
	}
	.c-entry__header h1:before {
		top: 150px;
		left: -100px;
	}
	.page-id-140 .c-entry__header h1:after{
		top: 80px;
		right: -50px;
	}
	.page-id-140 .c-entry__header h1:before {
		top: 80px;
		left: -50px;
	}
	.page-id-198 .c-entry__header h1:after{
		top: 20px;
		right: -100px;
	}
	.page-id-213 .c-entry__header h1:after {
		top: 20px;
		right: -120px;
	}
	.page-id-198 .c-entry__header h1:before,
	.page-id-213 .c-entry__header h1:before {
		top: 20px;
		left: -100px;
	}
}

@media (max-width: 380px) {
	.c-entry__header {
		height: 70vh;
	}
}

@media (orientation: landscape) and (max-height: 450px){
	.c-entry__header{
		padding-top: 100px;
	}
}
/*当園についての設定*/


.submenu{
	max-width:1000px;
}

.submenu ul{
    width: 100%;
    -ms-flex-pack: center;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    padding: 0 0.5rem;
    text-align: center;
    font-size: 14px;
}


.submenu li{
background-image: url(img/sub-back.svg);
    background-repeat: no-repeat;
    list-style: none;
    width: 100%;
    display: block;
    height: 50px;
    position: relative;
    padding-top: 8px;
    list-style-type: none;
    max-width: 14rem;
    margin-top: 0 !important;
    margin-bottom:10px;
    background-position: center;
}

.aisatsu{
padding-top: 2rem;
}

.aisatsu h3{
text-align:center;
padding-top:2rem;
color:#e73769;
}

.aisatsu p {
    max-width: 800px;
    padding: 20px 20px 10px 20px;
    margin: auto;
}

.aisatsu p span {
    text-align: right;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 1rem;
}

.inner_midori .pink-back{
position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    margin: auto;
    background-image: url(img/pink_back.jpg);
    height: 200px;
    width: 200px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    right: 0;
    vertical-align: middle;
    padding-top: 4rem;
}

.3colom{
    max-width: 1;
    display: flex;
flex-wrap: wrap;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: 1100px;
    margin: auto;

}

.mokuhyo {
    text-align: center;
    border-top: dashed;
    width: 300px;
    margin: auto;
    display: block;
    border-bottom: dashed;
    border-color: #FFF;
    padding: 20px;
    margin-bottom: 2rem;
}

.mokuhyo h1{
display: block;
    padding: 5px;
    background-color: #ccc;
    border-radius: 60px;
    width: 60%;
    font-size: 1rem;
    margin: auto;
}

.mokuhyo p{
font-size: 2rem;
}
.mokuhyo-p{
text-align:center;
}

.mokuhyo li{

} 

.maru01{
    margin:0.5rem;
    width: 300px;
    height: 250px;
    background-color: #fff;
    border-radius: 62% 38% 50% 37% / 40% 60% 40% 60%;

}

.maru02{
    width: 300px;
    height: 250px;
    background-color: #fff;
    border-radius: 70% 90% 50% 50% / 90% 100% 52% 60%;
    margin:0.5rem;
}

.maru03{
    width: 300px;
    height: 250px;
    background-color: #fff;
    border-radius: 70% 90% 50% 50% / 90% 100% 52% 60%;
    margin:0.5rem;

}
.maru01 p,
.maru02 p,
.maru03 p{
	margin-top: 1rem;
}

.yakusoku{
    max-width: 760px;
    margin: auto;
    background-color: #fff;
    border: solid #639887;
    border-radius: 10px;
    margin-top: 2rem;
    padding: 1rem;
}

.yakusoku_01{
flex-basis: 30%;
padding-left:1rem;
}

.yakusoku_02{
flex-basis: 70%;
}

.yakusoku_03{
    list-style-type: auto;
    font-size: 1.25rem;
    margin-left: 1.5rem;
    margin-top: 1.5rem;
}

.yakusoku_03 li{
line-height:150%;
margin-bottom:0.5em;
}

.tokucho-group{
max-width:1100px;
margin:auto;
padding-top:100px;
}

.tokucho02{
margin-top:2rem;
padding:10px;
flex-basis:48%;
}

.tokucho01{
flex-basis:48%;
}

.style01{
    background-image: url(img/t-back01.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.style02{
    background-image: url(img/t-back02.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.style03{
    background-image: url(img/t-back03.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.style04{
    background-image: url(img/t-back04.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.style05{
    background-image: url(img/t-back05.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.style06{
    background-image: url(img/t-back06.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.tokucho-group h3 {
color: #40220f;
    font-size: 30px;
position:relative;

}

.hstyle01::after{
    content: url(img/01geta.png);
    position: absolute;

}

.hstyle02::after{
    content: url(img/02shoku.png);
    position: absolute;
    top: -30px;
    left: 80px;
}

.hstyle03::after{
    content: url(img/03otomari.png);
    position: absolute;
    top: -20px;
    left: 180px;
}

.hstyle04::after{
    content: url(img/04swim.png);
    position: absolute;
    top: -30px;
    left: 170px;
}

.hstyle05::after{
    content: url(img/05rytm.png);
    position: absolute;
top: -40px;
    left: 140px;
}

.hstyle06::after{
    content: url(img/06engai.png);
    position: absolute;
top: -20px;
    left: 150px;

}

.tokucho01 p {
    	padding-top: 1rem;
	padding-right:3rem;
}

.tokucho-img{
	flex-basis:48%;
}

.tokucho-img img{
	border-radius: 30px;
}

@media (max-width: 767px) {
	.submenu li{
    		height: 43px;
		max-width: 9rem;
	}
	.yakusoku {
    		margin-right: 2rem;
    		margin-left: 2rem;
	}
	.yakusoku_01 {
    		flex-basis: 100%;
    		padding-left: 1rem;
    		width: 100%;
        	text-align: center;
	}
	.yakusoku_02 {
    		flex-basis: 90%;
	}
	.yakusoku_03 {
    		margin-left: 2rem;
    		margin-top:0;
	}
	.tokucho-group{
   		padding-top: 0;
	}
	.tokucho01 {
    		flex-basis: 100%;
    		padding-left: 1rem;
    		padding-right: 1rem;
	}
	.tokucho-img {
    		flex-basis: 100%;
    		text-align: center;
	}
	.tokucho01 p {
		padding-right:0;
	}
	.rev{
		flex-direction: column-reverse;
	}
	.aisatsu h3 {
    		padding: 2rem 1rem 0 1rem;
	}
}


@media (max-width: 480px) {
    .yakusoku {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .yakusoku_02 {
        flex-basis: 100%;
    }

    .yakusoku_03 {
        margin-left: 0.75rem;
        font-size:1rem;
    }

}


/*園の概要の設定*/

.p-entry-content>:not(:first-child), .textwidget>:not(:first-child) .gaiyo_wrap {
    margin-top: 0;
}

.about-box{
    max-width: 850px;
    margin: auto;
    background-color: white;
    border-radius: 25px;
    padding: 3rem;
}
.about-table{
	margin-bottom:2rem;
}
.about-table div{
	border-bottom: dashed 2px #DCDDDD;
	padding: 0.5rem;
	display: flex;
	align-items: center;
}
.about-table div:first-child{
	border-top: dashed 2px #DCDDDD;
}
.about-table dt{
	width: 22%;
    	color: #604C3F;
}
.access{
	text-align:center;
}
.access h3{
	color:#3C2D23;
}
.access p{
    	line-height: 1.4;
    	margin: 1rem auto;
}
.wrap-info-disclosure{
	background-color:#c2dc8c;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	background-position: center 120px;
        margin-bottom:2rem !important;
}

.wrap-info-disclosure::before,
.wrap-info-disclosure::after {
    	content: '';
    	display: block;
    	width: 100%;
    	height: 100px;
    	background-image: url(img/green_back01.png);
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: center top;
    	position: absolute;
    	top: -25px;
    	z-index: 0;
}
.wrap-info-disclosure::after {
	background-image: url(img/green_back02.png);
    	background-position: center bottom;
	top:auto;
    	bottom: -25px;
    	background-size: cover;
    	z-index: -1;
}
.info-disclosure{
	max-width:750px;
}
.info-disclosure ul{
    	list-style-type: none;
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
	gap:1rem;
}
.info-disclosure li a{
    	display: block;
	width: 320px;
    	background-color: white;
    	text-align: center;
    	padding: 1.5rem;
    	border-radius: 15px;
}
.info-disclosure li a:hover{
	opacity:0.8;
}
.smb-faq{
	max-width: 800px;
	border-top:none;
}
.smb-faq__item{
	border-bottom:none;
}
.smb-faq__item__question{
	color: #40220F;
	font-size: 1.5rem;
	background-image: url(img/bg_pink.jpg);
	padding: 1.5rem 0.5rem 0.5rem 2rem;
	border-radius: 50px;
	position:relative;
    line-height: 150%;
}
.smb-faq__item__question:after{
  	position: absolute;
  	content: '';
  	top: 100%;
    	left: 45px;
    	border: 10px solid transparent;
    	border-top: 15px solid #faccd9;
  	width: 0;
  	height: 0;
}
.smb-faq__item__question__label{
	font-size: 2rem;
    	font-weight: 700;
}
.smb-faq__item__answer__label{
	display:none;
}
.smb-faq__item__answer p{
    	background-color: white;
    	padding: 1rem;
    	border-radius: 10px;
}
.wrap-complaint{
	max-width: 800px;
}
.is-layout-constrained .kaiketsu{
    	font-size: 1.4rem;
    	font-weight: 600;
    	color: #3C2D23;
    	margin-top: 4rem;
    	margin-bottom: -1rem;
}
.wrap-complaint ul{
	list-style-type: none;
}
.wrap-complaint .wp-element-button{
	border-radius: 100px;
	border: solid 3px #F39800;
	background-color: white;
	color: black;
	font-size: 1.125rem;
	padding: 1.2rem 4rem;
	font-weight: 600;
}

@media (max-width: 480px) {
	.wrap-info-disclosure::before{
		top:-15px;
	}
}



/*園での過ごし方の設定*/
.p-entry-content .wrap-schedule{
	margin-bottom:10rem;
}

/*タブ切り替え全体のスタイル*/
.tabs {
    	max-width: 750px;
  	margin-top: 50px;
  	padding-bottom: 40px;
  	margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
    	width: calc(100% / 2);
    	height: 60px;
    	background-color: #ebebeb;
    	line-height: 60px;
    	font-size: 1.6rem;
    	text-align: center;
    	display: block;
    	float: left;
    	text-align: center;
    	font-weight: 600;
  	transition: all 0.2s ease;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    	color: #40220F;
}
.tab_item:hover {
  	opacity: 0.8;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  	display: none;
  	padding: 1rem;
  	clear: both;
  	overflow: hidden;
    	background-color: white;
        position:relative;
}


/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content {
  	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    	background-color: #f5b9bf;
}
.tabs input:checked + .tab_item.bluetab {
    background-color: #bee3ea;
}

#tab01_content{
    border-top: solid 6px #f5b9bf;
}
#tab02_content{
    border-top: solid 6px #bee3ea;
}


 
/* time-schedule */
.time-schedule {
  	max-width: 700px;
  	list-style: none;
      	margin: 2rem auto 1rem 4rem;
  	padding-left: 20px;
  	border-left: 2px solid #a7be18;
  	box-sizing: border-box;
}

.time-schedule li {
  	width: 100%;
  	margin: 0 0;
  	padding: 5px 0;
  	position: relative;
}

.time-schedule span.time {
	display: inline-block;
    	margin-left: -3.5rem;
    	position: absolute;
    	text-align: center;
    	width: 70px;
    	height: 60px;
    	background-image: url(img/bg_pink.jpg);
    	font-size: 1.25rem;
    	font-weight: 700;
    	color: #604C3F;
    	border-radius: 30px;
    	padding-top: 4px;
    	border: solid 7px white;
    	background-position: left;
}


.time-schedule span.time02 {
	display: inline-block;
    	margin-left: -3.5rem;
    	position: absolute;
    	text-align: center;
    	width: 70px;
    	height: 60px;
    	background-image: url(img/bg_mizu.png);
    	font-size: 1.25rem;
    	font-weight: 700;
    	color: #604C3F;
    	border-radius: 30px;
    	padding-top: 4px;
    	border: solid 7px white;
    	background-position: left;
}

.time-schedule .sch_box {
  display: inline-block;
  width: 100%;
  margin-left: 20px;
  padding: 10px;
  vertical-align: middle;
}

.time-schedule .sch_title {
	font-size: 1.4rem;
    	font-weight: 700;
    	color: #604C3F;
	display: flex;
}
.time-schedule .sch_title p:first-child{
	color: #727171;
	width:90px;
}

.time-schedule .sch_tx {
	font-size: 1.25rem;
    	font-weight: 600;
    	background-color: #FDE5C0;
    	width: 350px;
    	padding: 1rem;
    	text-align: center;
    	border-radius: 10px;
    	margin-left: 5rem;
}

.schedule_icon{
 	content: "";
    	position: absolute;
    	background-size: contain;
	background-repeat: no-repeat;
}

.sche_01{

    	top: 30px;
    	left: 80%;
}

.sche_02{

    	top: 150px;
    	left: 80%;
}

.sche_03{

    	top: 320px;
	left: 82%;
    	width: 60px;
}

.sche_04{

    	top: 480px;
    	left: 80%;
}

.sche_05{

   	top:600px;
    	left: 80%;
}

.sche_06{
    	top: 750px;
    	left: 80%;
}


.encho{
text-align: center;
    font-size: 1.4rem;
    color: #9B3300;
    font-weight: 700;
}

.wrap-event{
	background-color:#c2dc8c;
    	background-size: 100%;
    	background-repeat: no-repeat;
}

.wrap-event::before,
.wrap-event::after {
    	content: '';
    	display: block;
    	width: 100%;
    	background-image: url(img/green_back03.png);
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: center top;
    	position: absolute;
    	top: -140px;
    	z-index: 0;
}

.wrap-event::before{
    	height: 700px;
}

.wrap-event::after {
	background-image: url(img/green_back02.png);
    	background-position: center bottom;
	top:auto;
	bottom: -50px;
    	height: 300px;
    	background-size: cover;
    	z-index: -1;
}
.wrap-event .smb-section__header{
	margin-top:-15rem;
}
.wrap-event h2.smb-section__title{
	background: url(img/bg_blue.jpg);
    	width: 200px;
    	height: 200px;
    	border-radius: 50%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	margin: auto;
    	position: relative;
}
.wrap-event h2.smb-section__title:before{
	position:absolute;
	content:"";
	width: 160px;
    	height: 120px;
    	background: url(img/event_flower01.png);
    	top: 30px;
    	left: -250px;
    	background-repeat: no-repeat;
	background-size: contain;
}
.wrap-event h2.smb-section__title:after{
	position:absolute;
	content:"";
	width: 190px;
    	height: 120px;
    	background: url(img/event_flower02.png);
    	top: 30px;
    	right: -250px;
    	background-repeat: no-repeat;
	border-bottom:none;
    	background-size: contain;
}
.event-box{
	max-width:800px;
	padding-bottom: 60px;
	border-bottom:1px solid #fff;
}
.event-box .wp-block-column:first-child p{
	font-size:1.4rem;
    	background: url(img/bg_pink.jpg);
    	height: 150px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	border-radius: 50%;
	font-size: 2rem;
    	color: #E4007F;
	font-weight:700;
	width: 150px;
}
.event-box.summer .wp-block-column:first-child p{
    	background: url(img/bg_green.jpg);
    	color: #00441B;
}
.event-box.autumn .wp-block-column:first-child p{
    	background: url(img/bg_orange.jpg);
	color:#9F3500;
}
.event-box.winter .wp-block-column:first-child p{
    	background: url(img/bg_blue.jpg);
	color:#0A1464;
}

.event{
display:flex;
}

.event dt{
background-color: #fff;
    flex-basis: 15%;
    height: fit-content;
    border-radius: 10px;
    text-align: center;
}

.event dd{
list-style:none;
padding-left: 1rem;
}
.event ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.event li{
	position: relative;
	padding-left: 1rem;
}
.event li::before{
	content: "";
	position: absolute;
	top: .875rem;
	left: 0;
	display: block;
	width: 6px;
	height: 6px;
	background-color: #333;
	border-radius: 50%;
}
.pink{
color:#e4007f;
}

.orange{
color:#ea5514;
}

.blue{
color:#036eb8;
}

.green{
color:#006934;
}

.wrap-facility{
	max-width:800px;
}
.wrap-facility .is-layout-constrained p{
	margin-top: 0.5rem;
}
@media (max-width: 960px) {
	.wrap-event::before{
		top: -90px;
	}
}
@media (max-width: 767px) {
	.time-schedule{
		margin: 1rem auto 1rem 2rem;
	}
	.time-schedule span.time{
    		margin-left: -3rem;
		padding-top: 0px;
		width: 63px;
    		height: 55px;
		font-size: 1.125rem;
	}
	.time-schedule .sch_box{
		margin-left: 0;
	}
	.time-schedule .sch_title p:first-child{
		width:60px;
	}
	.time-schedule .sch_tx{
		font-size: 1rem;
    		width: 100%;
    		padding: 0.6rem 0;
    		margin-left: 0;
	}
	.encho{
		font-size: 1rem;
	}
	.wrap-event h2.smb-section__title:before{
		width: 120px;
    		height: 90px;
    		top: 30px;
    		left: -95px;
		background-size: contain;
	}
	.wrap-event h2.smb-section__title:after{
		width: 110px;
    		height: 70px;
    		top: 90px;
    		right: -100px;
		background-size: contain;
	}
        }

/*採用の設定*/

.first-copy{
text-align: center;

}

.first-copy h2{
color: #604c3f;
    font-size: 32px;
    margin-bottom: 4rem;

}

.first-copy p{
padding-bottom:4rem;
}

.first-copy img{
margin: auto;
    padding-bottom: 2rem;
}

.bnr_form_saiyo{
background-color: #fff;
    border-radius: 20px;
    padding: 1rem;
    position: relative;
max-width: 600px;
}

.bnr_form_saiyo p{
    font-size: 24px;
    color: #604c3f;
    text-align: center;
    padding-bottom: 1rem;
}

.bnr_form_saiyo a{
background-color: #8fc31f;
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin: auto;
    border-radius: 40px;
    height: 60px;
    width: 70%;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.bnr_form_saiyo a::before {
content: '';
    display: block;
    width: 50px;
    height: 40px;
    background-image: url(img/form_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 94px;
    left: 20%;
}

@media (max-width: 767px) {
	.first-copy h2 {
        	margin-bottom: 1rem;
        	padding: 0rem 1rem 0rem 1rem;
        	font-size: 24px;
    	}
	.first-copy img{
		padding-left:2rem;
	}
	.first-copy p {
    		padding-left: 0.75rem;
    		padding-right: 0.75rem;
		line-height: 150%;
    		padding-bottom: 2rem;
	}
	.first-copy img {
    		padding-left: 1rem;
	}
	.about-box {
		border-radius: 15px;
    		padding: 1rem;
	}
	.about-table dt {
    		width: 30%;
		line-height: 120%;
	}
	.about-table dd {
    		width: 70%;
		line-height: 120%;
		padding-left:10px;
	}
	.smb-faq__item__question {
		padding: 0;
	}
	.smb-faq__item__question {
    		font-size: 1rem;
    		padding: 0; 
    		margin-top:0;
	}
	.smb-faq__item__question__label {
    		font-size: 1.5rem;
    		padding-top: 10px;
    		padding-left: 15px;
	}
	.smb-faq__item__question__body {
        	margin-top: 0.25rem;
	}
	.wrap-info-disclosure::after {
    		bottom: -15px;
	}
	.bnr_form_saiyo p {
    		font-size: 16px;
	}
	.bnr_form_saiyo a {
    		width: 90%;
	}
	.bnr_form_saiyo a::before {
    		top: 80px;
    		left: 12%;
	}
}

@media (max-width: 640px) {
	.bnr_form_saiyo a {
    		font-size: 18px;
    		width: 100%;
	}
	.bnr_form_saiyo a::before {
        	top: 80px;
        	left: 10%;
    	}
	.about-table div{
		flex-wrap: wrap;
	}
	.about-table dt {
    		width: 100%;
	}
	.about-table dd {
    		width:100%;
	        padding-top: 0.3rem;
	}
}

@media (max-width: 480px) {
    	.smb-faq__item__question__body {
        	margin-top: 0.5rem;
    	}
	.smb-faq__item__question__label {
        	margin-right: 20px;
    	}
	.bnr_form_saiyo a::before {
    		width: 40px;
    		height: 30px;
	}
}


/*親子ひろばの設定*/


.first-copy dl {
text-align: left;
    width: 70%;
    margin: auto;
    margin-bottom: 6rem;
    max-width: 80%;
    display: block;
}

.first-copy dl div{
    border-bottom: 3px dashed #7a6a56;
    padding: 2rem;
    display:flex;
}

.first-copy dt{
    width: 80px;
    padding: 10px 0;
    font-weight: bold;
    margin-right: 20px;
    text-align: center;
    display: block;
    flex-basis: 20%;
    border-radius: 15px;
}

.taisho{
    width: 80px;
    padding: 10px 0;
    font-weight: bold;
    margin-right: 20px;
    text-align: center;
    display: block;
    background-image: url(img/bg_green_03.png);
    background-repeat: no-repeat;
}

.hiyo{
    float: left;
    width: 80px;
    padding: 10px 0;
    font-weight: bold;
    margin-right: 20px;
    text-align: center;
    background-image: url(img/bg_mizu.png);
    background-repeat: no-repeat;
}

.first-copy dd {
    width: calc(100% - 80px);
    margin-left: 1rem;
    flex-basis: 80%;
    line-height: 150%;
}

.katsudo{
	margin-bottom:4rem;
}

.katsudo01{
    	background-image: url(img/hiroba01.png);
    	background-repeat: no-repeat;
    	text-align: center;
    	background-size: contain;
    	font-size: 24px;
    	width: 100%;
    	height: 86px;
	color:#40220f;
}
.nitiji{
	font-size: 1.25rem;
}
.nitiji span{
	color:#40220f;
}
.katsudo02{
    background-image: url(img/hiroba02.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: contain;
    font-size: 24px;
    width: 100%;
    height: 86px;
}
.news_wrapper02{
    	max-width: 1200px;
    	padding-top: 2rem;
	margin-left: 2rem;
}

@media (max-width: 781px) {
	.first-copy dl {
    		text-align: left;
    		width: 90%;
    		margin: auto;
    		margin-bottom: 6rem;
	}
	.first-copy dl div {
    		padding: 1rem;
	}
	.first-copy dt {
    		height: 60px;
	}
	.katsudo01,
	.katsudo02{
		background-position: center;
    		padding-top: 10px;
	}
}

/*入園案内の設定*/
.taishou_wrap{
    max-width: 1000px;
}

.taisho01{
background-color: #d9eef2;
    padding: 1rem;
    text-align: center;
    position: relative;
    border-radius: 20px;
    margin-right: 1rem;
    padding: 20px;
    max-width: 300px;
}

.taisho01 h3{
background-image: url(img/title_back01.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 80px;
    padding-top: 10px;
    margin: auto;
    background-position: top;
}

.taisho01 .circle{
    position: relative;
  padding: 50%;
  border-radius: 50%;
  background-color: #fff;
}

.taisho01 p{
position: absolute;
    top: 40%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.taisho02{
background-color: #fce2dc;
    padding: 1rem;
    text-align: center;
    position: relative;
    border-radius: 20px;
    margin-right: 1rem;
    padding: 20px;
    max-width: 300px;
}

.taisho02 h3{
background-image: url(img/title_back02.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 80px;
    padding-top: 10px;
    margin: auto;
    background-position: top;
}

.taisho02 .circle{
    position: relative;
  padding: 50%;
  border-radius: 50%;
  background-color: #fff;
}

.taisho02 p{
position: absolute;
    top: 40%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.taisho02 p span{
font-size:12px;
}

.taisho03{
background-color: #ffeca9;
    padding: 1rem;
    text-align: center;
    position: relative;
    border-radius: 20px;
    margin-right: 1rem;
    padding: 20px;
    max-width: 300px;
}

.taisho03 h3{
background-image: url(img/title_back02.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 80px;
    padding-top: 10px;
    margin: auto;
    background-position: top;
}

.taisho03 .circle{
    position: relative;
  padding: 50%;
  border-radius: 50%;
  background-color: #fff;
}

.taisho03 p{
position: absolute;
    top: 40%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}


.teiin_wrap{
max-width:840px;
}
.teiin-box{
    margin: 2em 0;
    background: #fff;
border-radius: 15px;
height:380px;
}

.teiin-content{
padding:1rem;
}

.teiin-title01{
  font-size: 1.2em;
    background: #5fb3f5;
    text-align: center;
    color: #40220f;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.teiin-title02{
  font-size: 1.2em;
    background: #f8c8c0;
    text-align: center;
    color: #40220f;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sample2 .sample_list{
  display:flex;
  justify-content: flex-start;
}
.sample2 .sample_list dt {
  width: 200px;
  padding: 5px;
  text-align: center;
}
.sample2 .sample_list dd {
padding: 5px;
    width: calc(100% - 200px / 2);
    text-align: center;
}
.sample2 .sample_list:nth-child(even){
  background: #f2f2f2;
}
.sample2 .sample_list:first-child{
}

.gaiyo{
	background-color:#fff;
	border-radius: 15px;
	position:relative;
	display:flex;
}
.flow_wrap{
	max-width: 800px;
    	background-color: #fff;
    	border-radius: 15px;
    	gap:0;
}
.flow{
	flex-basis: 50%;
    	padding: 2rem 0 2rem 0;
	text-align: center;
}

.flow ul{
  list-style: none;
}

.flow li{
display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    padding: 20px;
}

.flowchart01{
	padding-left:2rem;
	padding-right:0.5rem;
}

.flowchart02{
	padding-left:0.5rem;
	padding-right:2rem;
}

.flowchart01 li{
	border: #d9eef2 solid 3px;
    	background-color: #fff;
    	width: 100%;
    	list-style: none;
}

.flowchart02 li{
	border: #f8c8c0 solid 3px;
    	background-color: #fff;
    	width: 100%;
    	list-style: none;
}

.flowchart01 li.first{
	background-color: #d9eef2;
}

.flowchart02 li.first{
	background-color: #f8c8c0;
}
.flowchart01 li.takasa{
	height: 142px;
}

.flowchart01 li:before,
.flowchart02 li:before {
	content: "";
    	position: absolute;
    	bottom: -40px;
    	left: 50%;
    	margin-left: -15px;
    	border: 15px solid transparent;
    	border-top: 15px solid #c9a063;
}
.flowchart01 li.first:before,
.flowchart02 li.first:before{
    	bottom: auto;
  	top: 100%;
  	left: 50%;
  	margin-left: -15px;
  	border: 15px solid transparent;
  	border-top: 15px solid #d9eef2;
}
.flowchart02 li.first:before{
  	border-top: 15px solid #f8c8c0;
}

.flowchart01 li:last-child:before,
.flowchart02 li:last-child:before{
	display:none;
}

.no {
    display: inline-block;
    left: 1rem;
    position: absolute;
    text-align: center;
    width: 40px;
    height: 40px;
    background-image: url(img/bg_pink.jpg);
    font-size: 1.25rem;
    font-weight: 700;
    color: #604C3F;
    border-radius: 30px;
    background-position: left;
}

.no_mizu {
    display: inline-block;
    left: 1rem;
    position: absolute;
    text-align: center;
    width: 40px;
    height: 40px;
    background-image: url(img/bg_mizu.png);
    font-size: 1.25rem;
    font-weight: 700;
    color: #604C3F;
    border-radius: 30px;
    background-position: left;
}

.jikan-box{
    margin: 2em 0;
    background: #fff;
border-radius: 15px;
height:380px;
}

.jikan-title01{
  font-size: 1.2em;
    background: #5fb3f5;
    text-align: center;
    color: #40220f;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.jikan-title02{
  font-size: 1.125em;
    background: #f8c8c0;
    text-align: center;
    color: #40220f;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.jikan-content{
	text-align: center;
	padding: 1rem;
	background-color:#fff;
    	border-radius: 15px;
}

.jikan-content dd {
    	margin-bottom: 1rem;
    	font-size: 1.25rem;
    	line-height: 150%;
}

.time_midashi{
	background-color: #ededed;
    	border-radius: 50%;
    	height: fit-content;
    	border-radius: 20px;
    	text-align: center;
    	max-width: 200px;
    	margin: auto;
}

.annnai_hosoku {
	max-width:800px;
}

.annnai_hosoku .hosoku_midashi{
	font-size: 1.5rem;
    	font-weight: 600;
    	text-align: center;
    	max-width: 600px;
    	margin: auto;
    	padding-bottom:1rem;
}

is-style-default{
	border-bottom:1px solid;

}
@media (max-width: 784px) {
	.cbox {
    		max-width: 50%;
    		display: block;
    		margin: auto;
	}
	.taisho01,
	.taisho02,
	.taisho03{
		max-width:90%;
	}
	.teiin-box {
    		height: auto;
	}
	.flowchart01{
		padding-right: 1rem;
		padding-left:1rem;
	}
	.flowchart02{
		padding-right: 1rem;
		padding-left:1rem;
	}
	.no_mizu,
	.no{
		font-size:1.125rem;
	}
	
	.jikan-box {
    		height: auto;
	}
	.annnai_hosoku {
    		padding-left: 1.5rem;
    		padding-right: 1.5rem;
	}
	.annnai_hosoku .hosoku_midashi{
		font-size:1.25rem;
	}
}


/*お知らせ一覧の設定*/
.archive .c-entry__body{
	max-width: 1080px;
    	margin: 0 auto 5rem;
	padding:0 0.5rem;
}
.post-template-default .c-meta{
	justify-content: center;
}
.c-meta__item.c-meta__item--author{
	display:none;
}
.post-template-default .c-entry__body,
.post-template-default .c-entry__footer{
	max-width: 1080px;
	margin: auto;
}

/*お知らせ詳細ページの設定*/
.c-entry__body .archive-back{
	background-color: #c2dc8c;
    	display: block;
    	text-align: center;
    	width: 250px;
    	padding: 0.6rem;
    	margin: 5rem auto;
    	border-radius: 10px;
    	font-size: 1.125rem;
}
.archive-back:hover{
    	background-color: #aac969;
}
.c-entry__footer{
	display:none;
}
.post-template-default .c-entry__content.p-entry-content{
	padding:0 0.5rem;
}

/*お問合せの設定*/
.page-id-381 .c-entry__content.p-entry-content{
    	max-width: 960px;
    	margin: auto;
}



/*プライバシーポリシーの設定*/
.privacy-policy .smb-section{
	padding:1.5rem 0;
}
.privacy-policy .is-layout-constrained h2{
	margin-bottom:1rem;
}