@charset "UTF-8";

ul.self-assessment {
justify-content:center;
margin:0 auto;
width:100%;}
ul.self-assessment li {
padding:1%;
width:25%;}
ul.self-assessment li a {
position:relative;
display:block;
padding:0 13px 0 0;
line-height:46px;
color:#fff;
background:#555;
white-space:nowrap;
border-radius:23px;}
ul.self-assessment li a::after {
content:"";
position:absolute;
right:15px;
top:50%;
width:19px;
height:5px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
transform:translate(0,-50%) skew(45deg);
transition:transform 0.25s;}
ul.self-assessment li a:hover::after {
transform:translate(6px,-50%) skew(45deg);}

@media only screen and ( max-width:960px) {

ul.self-assessment {
max-width:640px;}
ul.self-assessment li {
width:50%;}

}

/*  kindergarten  ======================*/

.ttl-kinder-eng {
margin:0 0 0.9em 0;
font-size:148%;
line-height:1.15;
font-weight:bold;
letter-spacing:0.1em;
white-space: nowrap;
color:#888;}
.ttl-kinder01 {
margin:0 0 0.4em 0;
font-size:400%;
line-height:1.25;
font-weight:normal;
color:#231815;}
.ttl-kinder01 br {
display:none;}
.ttl-kinder02 {
margin:0 0 0.9em 0;
font-size:180%;
line-height:1.3;
font-weight:normal;
color:#231815;}
.ttl-kinder03 {
margin:1.1em 0;
font-size:180%;
line-height:1.4;
font-weight:normal;
color:#00a299;}
.contents-kinder {
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 auto;}
.contents-kinder .col-txt {
text-align:left;
width:47%;}
.contents-kinder .col-img {
text-align:center;
width:47%;}
.btn-kinder01 {
margin:30px 0 0 0;
text-align:center;}
.btn-kinder01 a {
position:relative;
display:block;
font-size:108%;
line-height:48px;
color:#000;
font-weight:bold;
white-space:normal;
border:2px solid #000;
border-radius:24px;
transition:0.25s;}
.btn-kinder01 a:hover {
color:#fff;
background:#e80;
border:2px solid #e80;}
.btn-kinder01 a::after {
content:"";
position:absolute;
display:block;
right:8px;
top:50%;
width:0;
height:0;
border-style:solid;
border-width:6px 0 6px 10px;
border-color: transparent transparent transparent #000;
transform:translate(0,-50%);
transition:0.25s;}
.btn-kinder01 a:hover::after {
border-color: transparent transparent transparent #fff;}

@media only screen and ( max-width:1023px) {

.contents-kinder {
max-width:600px;}
.contents-kinder img {
width:100%;}
.contents-kinder > div {
width:100% !important;}
.contents-kinder > div:last-child {
margin:40px 0 0 0;}

}

@media only screen and ( max-width:640px) {

.ttl-kinder-eng {
font-size:132%;}
.ttl-kinder01 {
font-size:12vw;
white-space:nowrap;}
.ttl-kinder01 br {
display:block;}
.ttl-kinder02 {
font-size:156%;}
.ttl-kinder03 {
font-size:156%;}

}

.kinder-message {}
.kinder-message .img-pc {
display:block;}
.kinder-message .img-sp {
display:none;}
.kinder-message .ttl-kinder-eng {
position:absolute;
z-index:2;
left:50%;
top:11.5%;
transform:translate(-50%,0);}

.kinder01 {}
.kinder02 {
position:relative;
z-index:2;}
.kinder02::before {
content:"";
position:absolute;
z-index:-1;
left:0;
top:0;
width:100%;
height:100%;
background:#f4f0e7;
transform:skew(0,-6deg);}
.kinder02 .contents-kinder {
align-items:center;;}
.kinder02 .contents-kinder .col-txt {
width:54%;}
.kinder02 .contents-kinder .col-img {
position:relative;
margin:10px 0 0 0;
width:41%;}
.kinder02 .contents-kinder .col-img .ttl {
position:absolute;
left:0;
top:0;
width:100%;
transform:translate(0,-45%);}
.kinder02 h3 {
margin:0 0 10px 0;
font-size:370%;
line-height:1.25;
font-weight:normal;
color:#1eaa39;}

.kinder03 {}
.kinder03 .contents-kinder {
align-items:center;
flex-direction:row-reverse;}
.kinder03 .contents-kinder .col-txt {
width:55%;
font-size:116%;
line-height:1.8;}
.kinder03 .contents-kinder .col-img {
width:38%;}
.kinder03 ul {
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 auto;}
.kinder03 ul li {
text-align:left;
width:30.33333%;
line-height:1.6;}
.kinder03 ul li img {
width:100%;}
.kinder03 ul li h3 {
margin:0.85em 0;
font-size:132%;
line-height:1.3;}

.kinder04 {
text-align:left;
position:relative;
z-index:2;}
.kinder04::before {
content:"";
position:absolute;
z-index:-1;
left:0;
top:15px;
width:60%;
height:500px;
background:#e9eff8;}
.kinder04.kinder0402::before {
left:40%;
background:#d2ecf8;}
.kinder04.kinder0403::before {
left:0%;
background:#e0eed4;}
.kinder04.kinder0404::before {
left:40%;
background:#fae5ee;}
.kinder04.kinder0405::before {
left:0%;
background:#fdebd1;}

.kinder05 {
position:relative;
z-index:2;}
.kinder05::before {
content:"";
position:absolute;
z-index:-1;
left:0;
top:0;
width:100%;
height:100%;
background:#f4f0e7;
transform:skew(0,-6deg);}

@media only screen and ( max-width:1400px) {

.kinder04::before {
height:auto;
aspect-ratio:16 / 9;}

}

@media only screen and ( max-width:1023px) {

.kinder-message {}
.kinder-message .img-pc {
display:none;}
.kinder-message .img-sp {
display:block;}
.kinder-message .ttl-kinder-eng {
position:static;
transform:translate(0,0);}

.kinder02 .contents-kinder .col-txt {
text-align:center;}
.kinder02 .contents-kinder .col-img {
margin:18% 0 0 0;}
.kinder03 .contents-kinder .col-txt {
margin:40px 0 0 0;
font-size:108%;
line-height:1.75;}
.kinder03 .contents-kinder img {
width:85%;}
.kinder03 ul {
max-width:600px;}
.kinder03 ul li {
width:100%;
margin-top:35px;}
.kinder03 ul li:nth-child(1) {
margin-top:0px;}
.kinder04::before {
aspect-ratio:16 / 13;}
.kinder05 .contents-kinder > div:last-child {
margin:0 0 0 0;}

}

@media only screen and ( max-width:640px) {

.kinder02 h3 {
font-size:9.7vw;
white-space:nowrap;}

}

ul.tab_menu {
position:relative;
z-index:1;}
ul.tab_menu li {
width:16.6666666%;
background:#00AFEC;}
ul.tab_menu li img {
border:2px solid #00AFEC;
border-radius:5px;}
ul.tab_menu li:nth-child(2) {
background:#22AC38;}
ul.tab_menu li:nth-child(2) img {
border:2px solid #22AC38;}
ul.tab_menu li:nth-child(3) {
background:#f39800;}
ul.tab_menu li:nth-child(3) img {
border:2px solid #f39800;}
ul.tab_menu li:nth-child(4) {
background:#ef737b;}
ul.tab_menu li:nth-child(4) img {
border:2px solid #ef737b;}
ul.tab_menu li:nth-child(5) {
background:#6B1784;}
ul.tab_menu li:nth-child(5) img {
border:2px solid #6B1784;}
ul.tab_menu li:nth-child(6) {
background:#1D2087;}
ul.tab_menu li:nth-child(6) img {
border:2px solid #1D2087;}
ul.tab_menu li a {
display:block;
padding:12px;
background:#fff;}
ul.tab_menu li.active a {
background:none;}

@media only screen and ( max-width:640px) {

ul.tab_menu li a {
padding:8px;}
ul.tab_menu.tab2020 li {
width:33.33333333%;}

}

@media only screen and ( max-width:480px) {

ul.tab_menu li a {
padding:4px;}

}

.kinder0601 {
text-align:left;
padding:5%;
line-height:1.7;
color:#fff;}
.kinder0601 h3 {
margin:0 0 0.5em 0;
font-size:196%;
line-height:1.2;
font-weight:bold;}

@media only screen and ( max-width:640px) {

.kinder0601 {
padding:7%;
font-size:92%;}

}

/*  hoiku  ======================*/

.ttl-hoiku01 {
margin-bottom:40px;}
.ttl-hoiku02 {
margin:0.75em 0;
font-size:170%;
line-height:1.4;
font-weight:bold;
color:#23ac38;}

.hoiku-entrance {}
.hoiku-entrance ul {
text-align:left;
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 auto;}
.hoiku-entrance ul li {
width:47.5%;}
.hoiku-01 {}
.hoiku-01 ul {
text-align:left;
justify-content:space-between;
-ms-flex-pack:justify;
flex-direction: row-reverse;
margin:0 auto;}
.hoiku-01 ul li {
width:47.5%;}
.hoiku-01 ul li img {
margin-bottom:35px;
width:100%;}
.hoiku-02 {
padding:50px 0;
background:#e2eec4;}
.hoiku-02.even {
background:#add598;}
.hoiku-02 ul {
margin:0 auto;
width:94%;
max-width:1100px;
justify-content:space-between;}
.hoiku-02.even ul {
flex-direction:row-reverse;}
.hoiku-02 ul li {
width:48.5%;}
.hoiku-03 {}
.hoiku-03 ul {}
.hoiku-03 li {
width:33.333333%;}
.hoiku-03 li img {
margin:4px;}
.hoiku-04 {}
.hoiku-04 ul {}
.hoiku-04 li {
width:50%;
background:#e2eec4;}
.hoiku-04 li:last-child {
background:#add598;}
.hoiku-04 li .hoiku-access {
max-width:600px;
padding:50px;
margin:0 0 0 auto;}
.hoiku-04 li:last-child .hoiku-access {
margin:0 auto 0 0;}

.hoiku-05 {
background:#e2eec4;}
.hoiku-05 iframe {
display:block;
margin:25px 0;}

@media only screen and ( max-width:960px) {

.hoiku-entrance ul {
max-width:640px;}
.hoiku-entrance ul li {
width:100%;}
.hoiku-01 ul {
max-width:640px;}
.hoiku-01 ul li {
width:100%;}

}

@media only screen and ( max-width:800px) {

.ttl-hoiku01 {
margin-bottom:30px;}
.hoiku-02.even ul {
flex-direction:row;}
.hoiku-02 ul li {
width:100%;
padding:10px 0;}
.hoiku-03 li {
width:50%;}
.hoiku-04 li {
width:100%;}
.hoiku-04 li .hoiku-access {
padding:50px 0;
width:94%;
margin:0 auto;}
.hoiku-04 li:last-child .hoiku-access {
margin:0 auto;}

}

/* extra =========================== */

.extra01 {}
.extra01 .img {
float:right;
width:27%;
text-align:center;
padding:15px 0 50px 0;}
.extra01 .img img {
box-shadow:8px 8px 0 0 #6dbb58;}
.extra01 .txt {
float:left;
width:68%;
text-align:left;
padding:0 0 50px 0;}

@media only screen and ( max-width:800px) {

.extra01 .img {
float:none;
width:100%;
max-width:750px;
margin:0 auto;
padding:0 0 30px 0;}
.extra01 .img img {
box-shadow:5px 5px 0 0 #6dbb58;}
.extra01 .txt {
float:none;
width:100%;
max-width:750px;
margin:0 auto;
padding:0 0 40px 0;}

}

/* post =========================== */

.post {
clear:both;
padding:0 0 77px 0;
margin:0 0 22px 0;
background:url(../../images/devide.png) no-repeat center bottom;}
.post .ttl {
padding:10px 0;
font-size:180%;
line-height:1.5;
letter-spacing:-0.03em;
color:#338D27;
font-weight:bold;}
.post .date {
background:#8FC31F;
color:#fff;
padding:10px;
margin:0 0 25px 0;
font-size:12px;
line-height:14px;
border-radius:5px;}
.post .post_body {}
.post .post_body img {
margin-top:25px;
margin-bottom:25px;}

.post-blue .post .ttl {
color:#007BBB;}
.post-blue .post .date {
background:#00AFEC;}

.post.kyushoku .ttl {
padding:10px 0 15px 0;}

/* post_topics =========================== */

.post_topics {
clear:both;
padding:0 0 77px 0;
margin:0 0 22px 0;
background:url(../../images/devide.png) no-repeat center bottom;}
.post_topics .ttl {
padding:10px 0;
font-size:150%;
line-height:1.5;
letter-spacing:-0.03em;
color:#338D27;
font-weight:bold;}
.post_topics.kyushoku .ttl {
padding:10px 0 16px 0;
font-size:180%;}
.post_topics .ttl a {
color:#338D27;}
.post_topics .ttl a:hover {
color:#e80;}
.post_topics .date {
background:#8FC31F;
color:#fff;
padding:10px;
margin:0 0 25px 0;
font-size:12px;
line-height:14px;
border-radius:5px;}
.post_topics .img {
float:left;
width:140px;
text-align:center;
padding:3px 0 0 0;}
.post_topics .img img {
box-shadow:1px 1px 2px #bbb;}
.post_topics .txt {
margin:0 0 0 170px;
font-size:90%;
line-height:1.6;}
.post_topics .txt .more {
margin:20px 0 0 0;}
.post_topics .txt .more a {
display:inline-block;
font-size:90%;
line-height:1.2;
padding:0.9em 2.2em;
border:2px solid #8FC31F;
color:#8FC31F;
text-align:center;
transition:0.3s;
border-radius:7px;}
.post_topics .txt .more a:hover {
color:#fff;
background:#8FC31F;}

@media only screen and (max-width:480px) {

.post_topics .ttl {
font-size:130%;}
.post_topics.kyushoku .ttl {
font-size:150%;}
.post_topics .img {
float:none;
width:100%;
padding:0 0 25px 0;}
.post_topics .txt {
margin:0 0 0 0;}
.post_topics .txt .more {
text-align:center;}

}

.post-blue .post_topics .ttl {
color:#007BBB;}
.post-blue .post_topics .ttl a {
color:#007BBB;}
.post-blue .post_topics .date {
background:#00AFEC;}
.post-blue .post_topics .txt .more a {
border:2px solid #00AFEC;
color:#00AFEC;}
.post-blue .post_topics .txt .more a:hover {
background:#00AFEC;
color:#fff;}

/* navi =========================== */

.page_navi {
margin:30px 0;
text-align:center;
font-size:0;}
.page_navi li {
display:inline-block;}
.page_navi a, .page_navi a:hover, .page_navi span {
text-decoration:none;
color:#fff;
font-size:12px;
line-height:14px;
padding:11px;
margin:0 3px 3px 0;
background:#999;
display:block;
border-radius:3px;}
.page_navi a:hover {
color:#fff;
text-decoration:none;}
.page_navi span.dots {
background:none;
color:#333;}
.page_navi span.current {
color:#fff;
background:#8FC31F;}
.page_navi p.back {
margin:0;}
.page_navi p.back a, .page_navi p.back a:hover {
display:inline-block;
padding:11px;}

.navigation {
clear:both;
width:100%;
padding:12px 0 11px 0;
font-size:80%;
line-height:1.2;
text-align:center;
background:#D7E7AF;
margin:33px 0 0 0;
border-radius:4px;}

.post-blue .page_navi span.current {
background:#00AFEC;}
.post-blue .navigation {
background:#D3EDFB;}

/*  event  ======================*/

.event01 {
padding:45px 0;
width:100%;}
.event01 .txt {
float:left;
width:45%;
text-align:left;}
.event01 .img {
float:right;
width:50%;
text-align:right;}
.event01 ul {
margin:33px 0 0 0;
width:100%;}
.event01 ul li {
width:100%;
padding:4px 0;
font-size:110%;
line-height:1.3;}
.event01 ul.gakki1 li a {
color:#fc0;}

@media only screen and ( max-width:800px) {

.event01 .txt {
float:none;
width:100%;}
.event01 .img {
margin:25px 0 0 0;
float:none;
width:100%;
text-align:center;}

}

/*  schedule  ======================*/

.schedule01 {}
.schedule01 ul {
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 auto;}
.schedule01 ul li {
width:46.5%;}

@media only screen and ( max-width:800px) {

.schedule01 ul {
max-width:510px;}
.schedule01 ul li {
width:100%;}
.schedule01 ul li:last-child {
margin-top:66px;}

}

/*  schedule OLD  ======================*/

.schedule-container {
padding:30px 0;
position:relative;
width:100%;}
.schedule-container .contents {
max-width:1000px;}
.schedule-container ul {
width:100%;}
.schedule-container li {
width:50%;}
.schedule-container li td {
text-align:left;
font-weight:bold;
font-size:140%;
line-height:2;
padding:0 10px 0 0;}
.schedule-container li td.img {
width:36%;}
.schedule-container li td span {
margin:0 3px 0 0;}

@media only screen and ( max-width:640px) {

.schedule-container li {
width:100%;}
.schedule-container li td {
padding:0 10px 12px 0;}

}

/*  access  ======================*/

.movie-list {
width:100%;}
.movie-list li {
width:33.33333%;
padding:20px;}
.movie-list li img {
width:100%;
box-shadow:0 0 0 2px #fff;
transition:0.3s;}
.movie-list li img:hover {
box-shadow:0 0 0 2px #ee9900;}
.movie-list li .ttl {
margin:15px 0 10px 0;
font-size:110%;
line-height:1.3;
font-weight:bold;}
.movie-list li .txt {
text-align:center;
font-size:80%;
line-height:1.5;
color:#444;}

@media only screen and ( max-width:960px) {

.movie-list li {
width:50%;
padding:15px;}

}

@media only screen and ( max-width:640px) {

.movie-list li {
width:100%;
padding:15px 0;}

}

/*  access  ======================*/

.access-map {
margin:33px 0 0 0;
border:5px solid #c6f2d5;
line-height:0;}