@charset "utf-8";
/* CSS Document */
/*
Theme Name: こども園・ひかりのこ さっぽろ用テーマ2021
Theme URI: https://www.hikarinoko.jp/
Description:
Version: 1.0
Author: SUDA WEB TEAM and WEB PROJECT
Author URI: http://www.suda.co.jp
Tags:
*/

/*アニメーション用*/
.anime-flash{ animation:flash ease-out 1.2s forwards; opacity:1; }
@keyframes flash {
    0% {
      opacity:1;
    }
    25% {
      opacity:0;
    }
    50% {
      opacity:1;
    }
    75% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}
.anime11{ animation:fuwafuwa ease-in-out 3s infinite; }
.anime13{ animation:fuwafuwa ease-in-out 3s infinite; }
.anime31{ animation:fuwafuwa ease-in-out 3s infinite; }
.anime33{ animation:fuwafuwa ease-in-out 3s infinite; }

@keyframes fuwafuwa {
  0% {
      transform: translate(0,0px);
  }
  50% {
      transform: translate(0,-10px);
  }
  0% {
      transform: translate(0,0px);
  }
}

/* SP */
@media only screen and (max-width:480px) {
.sp_only{}
.pc_only{display: none!important;}

.inner { width: 100%; margin: 0 auto; }
/* GO2TOP button */
#page-top { position:fixed; bottom:60px; right:10px; z-index:99; }
#page-top a img { display:block; width:55px; }
/* SpMenu */
#nav-drawer { position: absolute; top: 25px; right: 15px; z-index: 99;}
.nav-unshown { display: none; }
#nav-open { display: inline-block; width: 45px; height: 34px; vertical-align: middle; padding-top: 22px; font-size: 1.2rem; text-align: center;}
#nav-open span, #nav-open span:before, #nav-open span:after { position: absolute; height: 3px;/*線の太さ*/ width: 25px;/*長さ*/ border-radius: 3px; background: #8ec54a; display: block; content: ''; cursor: pointer; top: 0; left: 50%; transform: translateX(-50%);}
#nav-open span:before { top: 8px; }
#nav-open span:after { top: 16px; }
#nav-close { display: none; position: fixed; z-index: 99999; top: 25px; right: 15px; width: 30px; height: 22px;}
#nav-close span {font-size: 2.5rem; font-weight: bold; transition: .3s ease-in-out; color: #fff;}
#nav-content { overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #8ec54a; transition: .3s ease-in-out; -webkit-transform: translateX(-105%); transform: translateX(-105%); padding-top: 5em; }
#nav-input:checked ~ #nav-open { display: none;}
#nav-input:checked ~ #nav-close { display: block;}
#nav-input:checked ~ #nav-content { -webkit-transform: translateX(0%); transform: translateX(0%); box-shadow: 6px 0 25px rgba(0,0,0,.15); }

#nav-content ul { width: 90%; display: block; margin: 0 auto;}
#nav-content ul li { padding: 0; width: 100%; }
#nav-content ul li a { display: block; padding: 20px; text-decoration: none; color: #fff; position: relative; border-bottom: solid 2px #fff; font-size: 1.8rem; display: flex; align-items: center;}
#nav-content ul li a:hover { color: #fff; background: #0171BB; }
#nav-content ul li a:after { content:'▶'; display: block; margin-left: auto; font-size: 1.4rem; }
#nav-content ul li.nav-icon > a:before { content:''; display: block; margin-right: 1em; width: 2em; height: 2em; background-size: contain; background-repeat: no-repeat;}
#nav-content ul li#menu-item-370 > a:before { background-image: url(images/sp-nav-00.png); }
#nav-content ul li#menu-item-372 > a:before { background-image: url(images/sp-nav-01.png); }
#nav-content ul li#menu-item-375 > a:before { background-image: url(images/sp-nav-02.png); }
#nav-content ul li#menu-item-374 > a:before { background-image: url(images/sp-nav-03.png); }
#nav-content ul li#menu-item-377 > a:before { background-image: url(images/sp-nav-04.png); }
#nav-content ul li#menu-item-378 > a:before { background-image: url(images/sp-nav-05.png); }
#nav-content ul li#menu-item-373 > a:before { background-image: url(images/sp-nav-06.png); }
#nav-content ul li a .triangle3 { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; top: 25px; left: 0px; }
#nav-content ul li a:hover .triangle3 { border-top: 5px solid #fff;}
#nav-content ul li .sub-menu { width: 100%; }
#nav-content ul li .sub-menu li a { padding-left: 7em; border-bottom: dashed 2px rgba(255,255,255,0.5); font-size: 1.6rem;}
#nav-content ul li .sub-menu li:last-child a { border-bottom: solid 2px #fff;}
#nav-content ul li .sub-menu li a:after { font-size: 1.0rem;}
#nav-content .sp-anothermenu {margin-top: 5em;}
#nav-content .sp-nv-link a{ display: block; position: relative; background-color: #ffffff; color: #C89366; font-weight: bold; margin: 10px auto; border-radius: 10px; padding: 20px; text-align: center; width: 90%; height: 50px; }
#nav-content .sp-nv-link span.arrow{ display: block; position: absolute; top: 50%; right: 5%; font-size: 1.2rem; transform: translate(-50%, -50%);}



header { width: 100%; height: auto; display: block; position: relative;}
header .nav {position: relative; height: 124px; margin-top: 0px; z-index:2;}
header h1 { width: 160px; display: block; position: absolute; z-index: 3; top: 12px; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%);  } 
header h1 a { width: 100%; height: 100%; display: block; }
header h1 a img { width: 85%; margin: 0 auto; height: auto; display: block; }
header .nav .inner { display:none; justify-content: space-between; width: 70%; }
header .nav .inner ul { display: flex; padding-top: 20px; width: 40%;}
header .nav .inner ul li a{ width:100%; height: 68px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
header .nav .inner ul#menu-g-navi,ul#menu-g-navi2 {display: none;}
    
/*フッター*/
footer { width: 100%; display: block; position: relative; background-color:#ffffff;  }
footer .l1 { display: block; width: 100%;  height: 465px; position: relative; background-color:#FFFBED; background-image: url("images/sp-greenback.png"); background-repeat: no-repeat; background-size: 110%; background-position: center bottom;}
footer .l1 .instagram img { display: block; position: absolute; top: 25%; left: 50%; transform: translate(-50%, 0%); width: 25%; }
footer .l1 img.boy-gilr{ display: block; position: absolute; bottom: 15%; left: 50%; transform: translate(-50%, 0%); width: 50%; }
footer .l1 img.tree {display: block;position: absolute;top: -30px;left: 6%;transform: translate(-50%, 0%);width: 80%;} 
footer .l1 img.dragonfly{ display: block; position: absolute; bottom: 70%; width: 100%; z-index: 5; }
footer .l1 img.school {display: block;position: absolute;top: -5%;right: 0%;width: 60%;} 
footer .l1 small{position: absolute; bottom: 25px; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 1.0rem; font-weight: normal; letter-spacing: 3px; width: 100%; text-align: center;}
footer .l2 { display: block; width: 90%; background: #ffffff; padding: 4rem 0 0; margin: 0 auto;}
footer .l2 .inner{display: block; justify-content: space-between;}
footer .l2 .inner1 { display: block; flex-direction: column; justify-content:center; width: 100%;}
footer .l2 .inner2 {display: none; }
footer .l2 .inner .emblem{ text-align: center; margin-bottom: 10px;}
footer .l2 .inner .emblem img { width: 270px; height: auto;}
footer .l2 .inner .addr { border-top:#BDBDBD solid 1px; border-bottom:#BDBDBD solid 1px; margin: 20px 0;}
footer .l2 .inner .addr p { font-size: 1.6rem; display: block; color: #222222; font-weight: bold; margin-top: 1rem;  text-align: center; letter-spacing: 0.2rem;}
footer .l2 .inner .addr p a.telnum { align-items: center; font-size: 3rem; font-weight: bold; color: #222222; text-decoration: none; letter-spacing: normal;}
fotter li.menu-item-35{margin-bottom: 20px;}
footer .l2 .inner ul { margin-bottom: 10px;}
footer #menu-footer-navi-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-35{
margin-bottom: 30px;}
footer .l2 .inner ul li  {margin-bottom: 15px;}
fotter li.menu-item-35{margin-bottom: 30px;}
footer .l2 .inner ul li a {display: block; margin-bottom: 20px; margin-top: 10px; color:#222222; line-height: 1.4;}
footer li#menu-item-141{position: relative;}
footer ul#menu-footer-navi4 li#menu-item-141::after{ content:""; display: inline-block; background-image: url("images/gaibu-link.svg"); width: 10px; height: 8px; position: absolute; top:30px; left: 70px;}
footer .l2 .inner ul.sub-menu li a{ display: block; margin-bottom: 10px; color:#7A7A7A; }
footer li #menu-item-135{ margin-bottom: 20px;}
/*footer .footer-link{ display: flex; flex-wrap:wrap; position: absolute; bottom: 60px; left:70%; transform: translate(-50%, -50%); }*/
footer .footer-link a{ display: block; position: relative; background-color: #C89366; color: #ffffff; font-weight: bold; margin: 10px 5%; border-radius: 10px; padding: 20px; text-align: center; width: 75%; height: 50px; }
footer .footer-link span.arrow{ display: block; position: absolute; top: 50%; right: 10%;  transform: translate(-50%, -50%);}
footer .l3{position: relative; background-color:#ffffff; height: 40px; margin-top: 20px; text-align: center;}
footer .l3 small{color:#7a7a7a;background-color:#ffffff; font-size: 1.2rem;  font-weight: bold; position: absolute; right: 0%; letter-spacing: 0.1em; width: 100%;}   

    
/**slider**/
 .zoomslider { height: 650px; z-index: 0; }

/*HOME*/
/*共通*/
.home header { height: 100px;}
.home .content-wrap { width: 100%; display: block; position: relative; margin: 60px auto; padding: 60px 0 0; }
.home main .kurumiarea{ position:relative; }
.home main .kurumiarea .kurumi-deco{ position:relative; }
.home main .kurumiarea .kurumi-deco img{ position: absolute; width: 20%; z-index: 2; }
.home main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.home main .btn p { margin: 0 auto; background-color: #FA7E00; border-radius: 10px;}
.home main .btn p a{ color: #fff; font-size: 1.6rem; font-weight: normal; text-align: center; display: block; padding: 15px 30px; position: relative; }
.home main .btn p a::after{ content: "▶︎"; margin-top: 7px; font-size: 1.0rem; position: absolute; right: 20px; }
.home main #sliderarea #slider-wrap { position: relative; /*margin-bottom: 30%;*/ }
.home main #sliderarea #slider-wrap .slider-deco { position: absolute; width: 100%; z-index: 1; }
.home main #sliderarea #slider-wrap .slider-deco img.top2{display: none;}     
.home main #sliderarea #slider-wrap .underdeco{ bottom: -10px; overflow: hidden;}
.home main #sliderarea #slider-wrap .underdeco img { width: 150%; margin-left: -25%; }
.home main #sliderarea .kurumi-deco img:nth-child(1){ left: 0; bottom:-50px; }
.home main #sliderarea .kurumi-deco img:nth-child(2){ right: 0; bottom:-50px; }
/*.home main .slider-banner { width: 32%; position: absolute; right: auto; /*bottom: 80%; bottom: 40%; z-index: 5;}*/
.home main .slider-banner { width: 22%; position: absolute; right: 0%; bottom: -21%; z-index: 10; }
/*.home main .slider-banner img { width: 100%; height: auto;}*/
.home main .slider-banner img { width: 40%; }


/*20240819_tsaito_add*/
.home main .slider-banner a:nth-of-type(2) { display: block; width: 35%; margin: 2rem auto; }


/*.home main .one-over-one { text-align: center; position: absolute; width: 80%;  z-index: 3; left: 50%; top: 24vh; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(0, -50%);  }*/

/*20240821_tsaito_rewrite*/
.home main .one-over-one { text-align: center; width: 80%; margin: 0 auto; }


.home main .one-over-one p{ padding-bottom: 20px; font-size: 1.6rem; font-weight: bold; padding-top: 10px; }
.home main .one-over-one p img{ padding-top: 10px; width: 75%;  }
.home main #infoarea { background: url("images/sp-home-infoback.png") no-repeat; background-size: 90%; background-position: center 120%; position: relative; padding-bottom: 20%;}

/*20240821_tsaito_add*/
.home main #infoarea .kurumi-deco { position: relative; }
.home main #infoarea .kurumi-deco img:nth-child(1){ left: 0; top:-17px; }
.home main #infoarea .kurumi-deco img:nth-child(2){ right: 0; top:-17px; }



.home main #infoarea ul li img{ width: 100%; }
.home main #infoarea ul li { position: absolute; width: 7%; }
.home main #infoarea ul.kidsphoto li:nth-child(1){ bottom: 4%; left: 2%; width: 21%; }
.home main #infoarea ul.kidsphoto li:nth-child(2){ bottom: -1%; right: 2%; width: 24%;  }
.home main #infoarea ul.kidsphoto li:nth-child(3){ bottom:-5%; left: 25%; width: 18%; }
.home main #infoarea ul.leafarea li:nth-child(1){ top:28%; left:3%;}
.home main #infoarea ul.leafarea li:nth-child(2){ top:27%; right: 3%; transform: rotate( 5deg ); width: 5%; }
.home main #infoarea ul.leafarea li:nth-child(3){ top:43%; right:2%; transform: rotate( 120deg ); }
.home main #infoarea ul.leafarea li:nth-child(4){ bottom:-2%; left:7%; transform: rotate( 15deg ); }
.home main #infoarea ul.leafarea li:nth-child(5){ bottom:4%; right:45%; transform: rotate( -70deg ); }
.home main #infoarea ul.leafarea li:nth-child(6){ bottom:-3%; right:33%; width: 12%; }
.home main #infoarea .info-main{ width: 90%; padding: 12% 2% 6%; text-align: center; margin: 0 auto;}
.home main #infoarea .info-main img{ width: 90%; margin: 0 auto;  }
.home main #infoarea dl{ width: 100%; margin: 0 auto;}
.home main #infoarea dl dd{ font-weight: bold; text-align: center; font-size: 1.2rem; line-height: 2.5; }
.home main #infoarea dl dd span{ border-bottom: dashed 2px #C89366; display: inline-block;  }

.home main #infoarea .btn { /*position: absolute;*/ bottom: 0%; left: 50%; width: 60%; margin: 0 auto;
/*transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);*/ }
.home main #btn-new_efforts { width: 90%; margin: 13% auto;}
.home main #btn-new_efforts a { margin: 0; width: 100%; display: block; }
.home main #btn-new_efforts a img { width: 100%; margin: 0 auto; display: block; }
.home main #communicate{ background: url("images/sp-home-communicateback.png") no-repeat; background-size: cover;  position: relative; padding-bottom: 10px;}
    
.home main #communicate .kurumi-deco img:nth-child(1){ left: 0; top:-9px; }
.home main #communicate .kurumi-deco img:nth-child(2){ right: 0; top:-9px; }
.home main #communicate ul li img{ width: 100%; }
.home main #communicate ul li { position: absolute; }
.home main #communicate ul.leafarea li:nth-child(1){ top:38%; left:11%; transform: rotateY( 180deg );}
.home main #communicate ul.leafarea li:nth-child(2){ top:40%; left: 7%; transform: rotate( 180deg ); }
.home main #communicate ul.leafarea li:nth-child(3){ bottom:36%; right:9%; transform: rotate( -80deg ); width: 7%; }
.home main #communicate ul.leafarea li:nth-child(4){ bottom:28%; right:11%; transform: rotate( 15deg ); }
.home main #communicate h3 { text-align: center; padding: 14% 0 0 0; }
.home main #communicate h3 img{ width: 50%; text-align: center; }
.home main #communicate section{ width:90%; margin: 8% auto 0; height: 615px;}
.home main #communicate section p img{ border-radius: 10px; width: 100%;}
.home main #communicate section dl{ width: 100%; z-index: 1; border-radius: 10px; height: 395px; padding: 7% 5%;}
.home main #communicate section dl dt { text-align: center; position: relative; }
.home main #communicate section dl dt a{ font-weight: bold; font-size: 2.2rem; color: #fff; line-height: 2.5; position: relative; }
.home main #communicate section dl dt a span::after{ content: "▶︎"; margin-top: 10px; font-size: 1.5rem; position: absolute; right: -45px; }
.home main #communicate section dl dt img{ width: 30%; }
.home main #communicate section dl dd{ color: #fff; font-weight: bold; line-height: 2; font-size: 1.3rem; }
.home main #communicate section .character img {width: 50%;}  
.home main #communicate section.about {position: relative;}
.home main #communicate section.about dl{ position: absolute; top: 0%; right: 0; background-color:#008d45;}
.home main #communicate section.about p{ position: absolute; bottom: 5%; left: 5%; width: 90%; z-index: 2; }
.home main #communicate section.about .character { position: absolute; bottom: 0; right: -26%; z-index: 3;}
.home main #communicate section.life { position: relative;}
    
.home main #communicate section.life dl{ position: absolute; top: 0%; left: 0; background-color:#FA7E00; }
.home main #communicate section.life p { position: absolute; bottom: 15%; right: 5%; width: 90%; z-index: 1;}   
.home main #communicate section.life .character {position: absolute; bottom: 0; left: 3%; z-index: 3;}   
.home main #communicate section.about p {position: absolute; bottom: 15%; left: 5%; width: 90%;z-index: 2;}    
.home main #communicate section.with-nature { position: relative;}
.home main #communicate section.with-nature dl{ position: absolute; top: 0%; right: 0; background-color:#008d45;}
.home main #communicate section.with-nature p {position: absolute;bottom: 15%;left: 5%;width: 90%;z-index: 1;} 
.home main #communicate section.with-nature .character { position: absolute; bottom: 7%; right: -20%; z-index: 3; }
.home main #communicate .inner {padding-bottom: 20%; padding-top: 10%; overflow: hidden;}

 

  
    
 
    
.home main section.news p.title { font-size: 2.4rem; font-weight: bold; line-height: 2;  }
.home main section.news p.title img{ width: 20%; }
.home main .news-area { position: relative; z-index: 2; }
.home main .news-area .kurumi-deco { position: relative; }
.home main .news-area .kurumi-deco img:nth-child(1){ left: 0; top:-17px; }
.home main .news-area .kurumi-deco img:nth-child(2){ right: 0; top:-17px; }
.home main .news-area .cloud-deco { position: relative; }
.home main .news-area .cloud-deco .cloud-deco-inner1{ right:11%; top:3%; position: absolute; width: 26%; z-index: -1;}
.home main .news-area .cloud-deco .cloud-deco-inner2{ left: -1%;  top:18%; position: absolute; width: 23%; z-index:  -1;}
.home main .news-area .cloud-deco .cloud-deco-inner3{ right: 8%; top: 21%; position: absolute; width: 15%; z-index: -1;}    
.home main .news-area .cloud-deco img.cloud001{position: relative; width: 100%; height: auto;}
.home main .news-area .cloud-deco img.cloud002{position: relative; width: 100%; height: auto;}
.home main .news-area .cloud-deco img.cloud003{position: relative; width: 100%; height: auto;}

.home main section.news p.title img{ width: 25%; }
.home main section.news { width: 90%; margin: 0 auto 18%; text-align: center; /*padding-top: 20%;*/ margin-bottom: 25%;}
.home main section.news .kurumi-deco img:nth-child(1){ left: 0; }
.home main section.news .kurumi-deco img:nth-child(2){ right: 0; }
.home main section.news .news-cont{ margin: 8% auto; }
.home main section.news .news-cont a{ color:#444; display: block;  }
.home main section.news dl{ display: block;  text-align: left; font-size: 1.6rem; border-bottom: 3px #C89366 dashed; padding: 2.5%; font-weight: bold; position: relative; line-height: 1.7;}
.home main section.news .news-cont a:first-child{ border-top: 3px dashed #C89366; }
.home main section.news dl dt {font-size: 1.4rem; line-height: 2;}
.home main section.news dl dd { width: 90%; font-size: 1.6rem; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 2;}
.home main section.news dl dd.after{width: 5%; margin-left: 10px; font-size: 1.3rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.home main section.news dl .cat { margin-left: 1em; border-radius: 5px; padding: 0px 10px 2px; font-size: 1.4rem; background: #FA7E00; color: #fff;}
.home main section.news dl .cat.blog { background: #22A85B; }
.home main section.news .btn { margin: 4% auto;}
.home main section.news .btn p{ width: 70%;}
    
/*3つのこ*/

.home main .animated {-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden}
.home main .fadeinup{-webkit-animation:  1s cubic-bezier(0.6, 0.2, 0.1, 1);animation:  1s cubic-bezier(0.6, 0.2, 0.1, 1);}

@keyframes fadeinup {
  0% {
       opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
     90% {
      opacity: 0.1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
    
  100% {
       opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.home main .about .show, .home main .life .show, .home main .with-nature .show { animation-name: fadeinup; visibility: visible;}
    


/******************************:*/
	
.home .anime-item { position: absolute; }
.home .anime01 { }
.home .anime11 { top: 5%; right:0%; }
.home .anime12 { top: 20%; right:15%; }
.home .anime13 { bottom: 10%; left:10%; }
.home .anime21 { top: 0%; left:5%; }
.home .anime22 { top: 20%; left:10%; }
.home .anime23 { bottom: 10%; right:10%; }
.home .anime31 { top: 0%; right:0%; }
.home .anime32 { top: 20%; right:13%; }
.home .anime33 { bottom: 0%; left:0%; }
.home .anime41 { top: 0%; left:5%; }
.home .anime42 { top: 3%; right:15%; }
.home .anime43 { bottom: 10%; right:5%; }
.home .anime51 { top: 0%; left:25%; }
.home .anime52 { bottom: 0%; right:5%; }

.home #third-contents { width: 100%; display: block; margin: 30px auto; }
.home #third-contents .inner { width: 90%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.home #third-contents .inner article { width: 49%; position: relative; }
.home #third-contents .inner article .third-contents-header { width: 100%; height: 90px; display: block; text-align: center; }
.home #third-contents .inner article .icon { width: 30%; height: auto; display: block; margin: 0 auto; }
.home #third-contents .inner article .title { width: 50%; height: auto; display: block; margin: 0 auto 2rem; }
.home #third-contents .inner article .third-contents-contents { background: rgba(255,255,255,0.8); border-radius: 10px; padding: 2rem; }

/*TOPスライダー用*/
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}
.swiper-container {z-index: 0!important;}
.swiper-slide { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%!important;}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */ -webkit-animation: zoomUp 12s linear 0s; animation: zoomUp 12s linear 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slide-img { background-size: 130%; background-position: center center; height: 30vh;}

/**page**/
/*共通*/
/*.page header h1 {width: 165px; top: 5px; transform: translateX(-50%);}
.page header nav {height: 85px;}
.single header h1 {width: 165px; top: 5px; transform: translateX(-50%);}
.single header nav {height: 85px;}*/

main .content-header-deco {position: absolute; left: 0; bottom: -1px; width: 100%;}
main .content-header-deco img { width: 100%;}
main .content-header .inner { position: relative; height: 100%;}
main .page-header-title { font-size: 2.5rem; color: #fff; font-weight: bold; margin-left: 2em;}
main .main-image { position: absolute; top: 22%; right: 5%; z-index: 5; border-radius: 20px; width: 60%;}
main .sub-image1 { position: absolute; bottom: -70px; left: -2%; z-index: 5;}
main .sub-image2 { position: absolute; bottom: -15px; left: 20%; z-index: 5;}
main .sub-image3 { position: absolute; bottom: -100px; right: -2%; z-index: 5;}

main .content-header { width: 100%; position: relative; height: 265px; /*margin-bottom: 100px;*/ display: block; padding-top: 50px; background: url(images/page-header-bg.jpg) no-repeat; z-index: 0; }
main .content-header .page-title { width:50%; height: auto; display: block; margin: 0 auto; padding: 2rem; border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px; }
main .content-header .page-title img.title { width: 400px; height: auto; display: block; margin:0 auto 1rem; }
main .content-header .page-title h3 { display: none; margin: 1.5rem auto 0; text-align: center; font-size: 3.0rem; font-weight: bold; color: #fff; }
main .content-header .anime-item { position: absolute; }
main .content-header .anime-item:nth-of-type(1) { right:0%; top:30%; }
main .content-header .anime-item:nth-of-type(2) { left:0%; top:20%; }
main .page-navi {display: block; margin: 1rem auto; }
main .page-navi .inner { padding: 2rem; border-radius: 10px; background:#f5d27a; }
main .page-navi ul { display: flex; }
main .page-navi ul li { margin: 0 2rem; }
main .page-navi ul li a { padding: 1rem 3rem; color:#42210b; text-decoration: none; font-weight: bold; font-size: 1.8rem; }
main .page-navi ul li a:hover { background: #fff; border-radius: 1.5rem; }

.page main .kurumi-deco { position: relative;}
.page main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.page main .kurumi-deco img:nth-child(1){ left: 0; top:0; }
.page main .kurumi-deco img:nth-child(2){ right: 0; top:0; }

main .content-body { margin: 4rem auto; color: #42210b;}
main .content-body div.page-title { display: block; margin: 2rem auto; text-align: center; }
main .content-body div.page-title img { width: auto; height: auto; display: block; margin: 0 auto; }
main .content-body h3 { position: relative; font-size: 2.5rem; font-weight: bold;text-align: center; letter-spacing: 0.3rem; color: #434343; margin-bottom: 3rem; line-height: 1.6; }
main .content-body h3:before {content: ''; display: block; width: 20%; height: 50px; background: url(images/title-deco-leaf.png) no-repeat center; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
main .content-body h4 { font-size: 1.8rem; color: #FA7800; line-height: 2; letter-spacing: 0.3rem; margin: 50px auto; font-weight: bold; text-align: left; width: 90%;} 
main .content-body h5 { font-size: 1.6rem; color:#42210b; line-height: 1.7; letter-spacing: 0.3rem; margin: 30px auto; text-align: center; font-weight: bold; width: 90%;}
main .content-body h5 span.big { font-size: 1.5rem; font-weight: bold; color: #FA7800;}
main .content-body h5 span.short{ font-size: 1.2rem; }
main .content-body h6{ font-size: 2.4rem; font-weight: bold; margin-bottom: 30px; text-align: center; }
main .content-body h6 span{ background: linear-gradient(transparent 80%, #f9b737 80%); }
main .content-body p { display: block; margin: 4rem 5%; font-size: 1.4rem; text-align: center; line-height: 2; letter-spacing: 0.1rem; font-weight: bold;}
main .content-body .inquery { width: 90%; margin: 0 auto 5%; padding: 10px; border: 2px solid #000; }
main .content-body .inquery dl { text-align: center;}
main .content-body .inquery dl dt{ font-size: 2rem; font-weight: bold; padding-bottom: 10px; }
main .content-body .inquery dl dd.title{ font-size:1.4rem; padding-bottom: 10px; line-height: 1.4; font-weight: bold;}
main .content-body .inquery dl dd.number{ font-size:2.4rem; font-weight: bold; }
main .content-body .spesial-title { font-size: 3.5rem; color: #603813; letter-spacing: 0.3rem; background: url(images/about/title-deco-line.png) no-repeat center bottom; text-align: center; padding-bottom: 10px; margin: 0 2rem;}
main .content-body .content-wrap{ margin-top: 120px;} 
main .content-body .content-wrap:last-child { margin-bottom: 200px;} 
main .content-body .relation-item img { border-radius: 10px;} 
main .content-body .relation-item p { font-size: 1.6rem; color: #603813; margin: 2rem 0; font-weight: bold;} 
main .content-body .relation-item p.btn { width: 80%; background: #FA7E00; padding: 10px 0; color: #fff; margin: 0 auto; font-size: 1.5rem; position: relative; border-radius: 10px;} 
main .content-body .relation-item p.btn:after { content:''; display: inline-block; width: 10px; height: 10px; background: url(images/about/reration-btn-icon.svg) no-repeat; margin-left: auto; position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}
main .content-body .relation-item a:hover p { opacity: 0.8;} 
main .content-body .table-border { margin: 0 auto;}
main .content-body .table-border tr { border: solid 1px #C89366; border-right: none; border-left: none; }
main .content-body .table-border th { display:block; font-size: 1.5rem; text-align: left; letter-spacing: 0.1rem; padding: 10px; color:#ffffff; background-color: #42210b; margin-top: 10px;}
main .content-body .table-border td { display: block; width: 100%; font-size: 1.5rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 1.6;}
main .content-body .col-cont2 {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
main .content-body .col-cont2 .col {width: 49%;}
main .content-body .col-cont2 .col-slider {width: 90%; margin: 0 auto;}
main .content-body .col-cont3 {display: flex; justify-content: center; flex-wrap: wrap;}
main .content-body .col-cont3-2 {display: flex; justify-content: center; flex-wrap: wrap;}    
main .content-body .col-cont3 .col {width: 40%; margin: 0 4%; }
main .content-body .col-cont5 {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
main .content-body .col-cont5 .col{ width: 30%; margin: 2% 1%;}
main .content-body .col-cont5 .col p{ margin: 0;}
main .content-body .col img{ width: 100%; height: auto;}
main .content-body .col2 img{ width: 100%; height: auto;}    
main .content-body .col50 { width: 50%;}
main .content-body .content-body h6 { line-height: 1.5;}
main .content-body p span { font-size: 1.4rem;}
main .content-body a.tel-link {color:#42210b; text-decoration:underline;} 
main .access-inner{margin: 0 auto; }        
main .facility p.btn{width: 90%; background: #FA7E00;padding: 10px 0;color: #fff;margin: 0 auto;font-size: 1.5rem; position: relative; border-radius: 10px; text-align: center!important;}  
main .facility p.btn:after { content:''; display: inline-block; width: 10px; height: 10px; background: url(images/about/reration-btn-icon.svg) no-repeat; margin-left: auto; position: absolute; right: 10%; top: 50%; transform: translateY(-50%);}
main .facility p a{color:#ffffff;} 

/*slider*/
.life main .content-body .js-slick01 .slick-list { height: 200px;}
main .js-slick01 .slide-arrow { display: block; width: 35px; height: 35px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 5; opacity: 0.5;}
main .js-slick01 .slide-arrow.prev-arrow { background-image: url(../images/life/slider-prev.svg); left: 10px;}
main .js-slick01 .slide-arrow.next-arrow {background-image: url(../images/life/slider-next.svg); right: 10px;}
main .js-slick01 .slide-arrow:hover { opacity: 1;}
main .js-slick01 .slick-slide img { width: 100%; height: auto;}
main .js-slick01 .slick-dots li button:before { font-size: 3.0rem;}


/*about*/
.about main .content-body .content-wrap#content-relations { margin-top: 50px;} 
.about main .content-body h4 span { display: inline-block; margin-bottom: 1.4rem; font-size: 1.8rem; padding-bottom:0.7rem; border-bottom: solid 1px #f28224;  }
.about main .content-body p { width: 90%; margin: 4rem auto; text-align: left; } 
.about main .content-body .spesial-title{text-align: center; background: none;}
.about main .content-body p br { display: none;}
.about main .content-body p br.sp_only { display:block;}    
.about main .content-body #slider-wrap { width: 800px; display: block; margin: 20px auto 0; }
.about main .content-body #slider-wrap ul.slider { width: 800px; margin: 0 auto;  }
.about main .content-body #slider-wrap button { display: none!important; }
.about main .content-body h4 { width: 90%; text-align: left; padding-bottom:0.7rem; margin: 5rem auto; }
.about main .content-body h4 img { width: auto; }
.about main .content-body .edu-box h5{ text-align: center; font-size: 2.4rem;  }
.about main h5 span{ font-size: 2.8rem!important; color: #0008AA; display: inline-block!important; }
main .content-body h5 { font-size: 1.6rem; color:#42210b; line-height: 1.7; letter-spacing: 0.3rem; margin: 30px auto; text-align: left; font-weight: bold; width: 90%;}    
.about main .content-body h5 img { width: 60%!important; margin: -15px auto!important; }
.about main .content-body img.anime13 { height: 60px; width: auto; }
.about main .content-body img.anime14 { height: 60px; width: auto; }
.about main .content-body p span.bold { font-weight: bold; font-size: 1.8rem; }
.about main .content-body .five-sence img { width: 100%; height: auto; }
.about main .leaf-deco{ position: relative}    
.about main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; bottom:5%; left:13%; transform: rotate( 130deg); transform:scaleX(-1);}
.about main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; bottom:28%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.about main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; bottom:20%; right:12%; transform: rotate( 0deg ); }
.about main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; bottom:15%; left:12%;  transform: rotate( 0deg ); }
.about main .content-body #c02 { margin-top:100px; }
.about main .content-body .edu-box { margin: 5rem auto; padding-bottom: 0.5rem; width: 90%; background: #ffffff66; padding: 40px; }
.about main .content-body .edu-box .image-box { display: flex; justify-content: space-between; margin: 2rem auto; align-items: flex-end; }
.about main .content-body .edu-box .image-box img { width: 100%; height: auto; border-radius: 0; border: solid 10px #fff; box-shadow: 1px 3px 5px 2px #ccc; } 
.about main .content-body .edu-box .ex-box img.ph { border-radius: 0; border: solid 10px #fff; box-shadow: 1px 3px 5px 2px #ccc; margin: 0; width: 100%; height: auto; }
.about main .content-body .img-cont { position: relative;}
.about main .content-body .img-cont:before {position: absolute; top: 5%; left: 50%; transform: translateY(-50%); width: 30px; height: auto; z-index: 1;}
.about main .content-body #c02 .point { position: relative; display: block; line-height: 1.5; padding: 1em 4em; }
.about main .content-body #c02 .point h6{ color: #42210b; background-color: #FED794;  width: 50%; font-size: 2.3rem; text-align: center; padding: 1rem; margin: 0 auto; border-radius: 5px;}
.about main .content-body #c02 .cont-inner{ width: 85%; margin: 0 auto 5rem; text-align: center; }
.about main .content-body #c02 .dashed p{ border-bottom: 3px dashed #E06910; margin: 2rem!important; line-height: 3rem!important; padding-bottom: 3px;}
.about main .content-body #c02 .cont-inner p{ line-height: 0.5rem; font-size: 1.8rem;}
.about main .sub-image1 { position: absolute; bottom: -25px; left:5%; z-index: 5; width: 15%;}
.about main .sub-image2 { position: absolute; bottom: -50px; left: 93%; z-index: 5;}
.about main .sub-image2 {position: absolute;bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}    
.about main .sub-image3 { position: absolute; bottom: -30px; left: 16%; z-index: 5; width: 30%;}
.about main .content-body .relation-item p {margin: 2rem 0; text-align: center; line-height: 1.6;}
.about main .content-body .relation-item p.btn {width: 100%; font-size: 1.3rem; padding: 10px;}
.about main .content-body #content02 .col-cont2 { display: block; }
.about main .content-body #content02 .col50 { display: block; width: 90%; margin: 0 auto; }  
.about main .parking{display: block; margin: 50px auto; font-size:1.5rem; font-weight: bold; width: 90%;} .about main .parking dl{margin:  0 auto;}     
.about main .parking dl dt{padding: 2%; margin-bottom: 2%; text-align: center; background-color: #f7ecbe}
.about main .parking dl dd{text-align: left; margin-bottom: 20px;line-height: 1.6;}    
.about main .parking figure{ margin:  0 auto; text-align: center;}  
.about main .tomosodatecont dd{font-size: 1.4rem;text-align: left;line-height: 2;letter-spacing: 0.1rem;font-weight: bold; width: 90%; margin: 30px auto;} 
.about main .tomosodatecont dl{ margin: 20% auto 0%; }
.about main dd img{ display: block; margin: 0 auto 10%; width: 100%;}    

/*about animation*/
.about main .content-body h4.anime-title { position: relative; z-index: 5; margin-bottom: -3%;}
.about main .content-body h4.anime-title img{ width: 100%; height: auto;}

.about #anime-canvas { width: 100%; display: block; margin: 10px auto; overflow: hidden;}
.about .anime-canvas-bg { width: 100%; height: 320px; padding: 7% 5% 3%; background: url('images/about/anime/anime-bg.jpg') no-repeat top center; background-size: cover; position: relative; }
.about .reload { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; top: 0; left: 0;}
.about .reload img { width: 100%; height: auto; }
.about .lo01:hover { opacity: 0; }

.about #first-copy { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; cursor: pointer; }
.about .copyimg { width: 125%; height: auto; position: absolute; left: 50%; transform: translateX(-50%); }

.about .anime-box { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.about .anime-box-img { width: 100%; height: auto; position: absolute; left: 50%; transform: translateX(-50%); z-index: 0;}

.about .last-tree { width: 100%; height: 100%; position: absolute;}
.about .last-treeimg { height: 90%; width: auto; display: block; margin: 5% auto;}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes fadeInload { from { opacity: 0; z-index: -20; } to { opacity: 1; z-index: 20;  } }

.about .ch01 { opacity: 0;}
.about .cp02 { opacity: 0;}
.about .tr01 { opacity: 0;}
.about .tr02 { opacity: 0;}
.about .ch02 { opacity: 0;}
.about .cp03 { opacity: 0;}
.about .tr03 { opacity: 0;}
.about .tr04 { opacity: 0;}
.about .ch03 { opacity: 0;}
.about .cp05 { opacity: 0;}
.about .tr05 { opacity: 0;}
.about .tr06 { opacity: 0;}
.about .tr07 { opacity: 0;}
.about .lo01 { opacity: 0; z-index: -20;}

.about .active #first-copy { cursor: auto; }
.about .active .cp01 { display: none; }
.about .active .ch01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 8.5s forwards; }
.about .active .cp02 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 8.5s forwards; }
.about .active .tr01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 4.5s forwards; }
.about .active .tr02 { animation: fadeIn 1s 4.5s forwards, fadeOut 1s 8.5s forwards; }

.about .active .ch02 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 16.5s forwards; }
.about .active .cp03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 16.5s forwards; }
.about .active .tr03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 12.5s forwards; }
.about .active .tr04 { animation: fadeIn 1s 12.5s forwards, fadeOut 1s 16.5s forwards; }

.about .active .ch03 { animation: fadeIn 1s 16.5s forwards, fadeOut 0.5s 24.5s forwards; }
.about .active .cp05 { animation: fadeIn 1s 16.5s forwards, fadeOut 0.5s 24.5s forwards; }
.about .active .tr05 { animation: fadeIn 1s 16.5s forwards, fadeOut 1s 20.5s forwards; }
.about .active .tr06 { animation: fadeIn 1s 20.5s forwards, fadeOut 0.5s 24.5s forwards; }

.about .active .tr07 { animation: fadeIn 0.5s 24.5s forwards; }
.about .active .lo01 { animation: fadeInload 0.5s 28.5s forwards; }

.about .ab01 {opacity: 0;}
.about .ab02 {opacity: 0;}
.about .ab03 {opacity: 0;}
.about .ab04 {opacity: 0;}
.about .ab05 {opacity: 0;}

.about .active .ab01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 4.5s forwards;}
.about .active .ab02 { animation: fadeIn 1s 4.5s forwards, fadeOut 1s 8.5s forwards;}
.about .active .ab03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 12.5s forwards;}
.about .active .ab04 { animation: fadeIn 1s 12.5s forwards, fadeOut 1s 16.5s forwards;}
.about .active .ab05 { animation: fadeIn 1s 16.5s forwards;}
.about .active .lo01 { animation: fadeInload 0.5s 20.5s forwards; }



/*life*/
.life main .content-body h5 {text-align: left; font-size: 1.5rem;}
.life main .content-body h6 { background: coral; color: #fff; line-height: 1.3; padding-top: 5px; padding-bottom: 15px; margin-bottom: 0;}
.life main .content-body h6 span { font-size: 2.0rem; }
.life main .content-body .box {margin-top: 3em;}
.life main .content-body .col-cont2 {display: block;}
.life main .content-body .col-cont2 .col-cont3 {display: block;} 
.life main .content-body .col-cont3 .col2 {display: block;width: 90%; margin: 0 auto;}    
.life main .content-body .col-cont2 .col { width: 90%; margin: 0 auto;}   
.life main .content-body .day-event p { margin: 1em 0 2rem; text-align: left;}
.life main .content-body .day-event .day-event-up { font-size: 2.0rem; color: #FA7800; margin: 0; text-align: center;}
.life main .content-body .life-event h5 { text-align: left; }
.life main .content-body .life-event p { text-align: left;}

.life main .content-body img + p { margin-top: 1rem;}
.life main img.life-sp{width: 100%;}
.life main .content-body #day-youji h6 { margin-top: 10rem;}
.life main .content-body #day-youji .day-event h6 { margin-top: 0;}
.life main .content-body #day-youji .big { color: #42ad1f; }
.life main .content-body #day-youji h4 { color: #42ad1f; }
.life main .content-body #day-youji h6 { background: #A2CF56; }
.life main .content-body #day-youji h6 span { background: linear-gradient(transparent 80%, #55be75 80%); }
.life main .content-body .hikaritime p { text-align: left; line-height: 1.5;}
.life main .content-body .hikaritime { justify-content: space-between; margin-bottom: 5em; margin-top: 3rem; width: 90%; margin: 0 auto;}
.life main .content-body .hikaritime .col{margin: 0; width: 48%;}
.life main .content-body .hikaritime p span { display: block; font-size: 1.8rem; border-bottom: solid 3px #42ad1f; text-align: center; margin-bottom: 10px;}
.life main .content-body .hikaritime2 { justify-content: space-between; margin-bottom: 5em; margin-top: 3rem; width: 90%; margin: 0 auto;}
.life main .content-body .hikaritime2 .col{ margin: 0; width: 48%;}
.life main .content-body .hikaritime2 p{ text-align: left; line-height: 1.5;}    
.life main .content-body .hikaritime2 p span{display: block; font-size: 1.8rem; border-bottom: solid 3px #42ad1f; text-align: center; margin-bottom: 10px;}    

.life main .content-body #day-nagare .inner { width: 85%; }
.life main .content-body #day-nagare h6 { background: none; color: #42210b; }
.life main .content-body .timeline { width: 100%; margin: 2rem auto; }
.life main .content-body p.day-0sai{ width: 100%; border: 1px solid #42210b; font-size: 1.2rem;}
.life main .content-body #kidsday { display: block; justify-content: space-around; margin-top: 20px; position: relative;}
.life main .content-body #kidsday h4 { color: #50210B; margin-bottom: 1em; line-height: 1.5;}
.life main .content-body #kidsday h4 span { display: block; font-size: 1.5rem; }
.life main .content-body #kidsday .day-title { width: 100%; height: auto; display: block; margin: 0 auto; }
.life main .content-body #kidsday .js-day-click { cursor: pointer; color: #fff; font-weight: bold; padding: 10px; text-align: center;}
.life main .content-body #kidsday .timearea { height: 0; transition-duration: 0.4s;}
.life main .content-body #kidsday .timearea.active { height: auto; padding: 20px 0 50px; transition-duration: 0.4s;}
.life main .content-body #kidsday .timebox { display: none;}
.life main .content-body #kidsday .timearea p { display: none;}
.life main .content-body #kidsday .active .timebox { display: block;}
.life main .content-body #kidsday .active.timearea p { display: block;}
.life main .content-body .timeline-image { width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px; }
.life main .content-body #day-nagare-nyuuji {width: 100%;}
.life main .content-body #day-nagare-nyuuji .js-day-click {background: #fecb72;}
.life main .content-body #day-nagare-nyuuji .timearea {background: #fecb72;}
.life main .content-body #day-nagare-youji {width: 100%; margin-top: 50px;}
.life main .content-body #day-nagare-youji .js-day-click {background: #82ba70;}
.life main .content-body #day-nagare-youji .timearea {background: #82ba70;}
.life main .content-body #day-nagare-youji h6 span { background: linear-gradient(transparent 80%, #7bcb5a 80%); }
.life main .content-body #day-nagare .timearea p {margin: 0; font-size: 1.2rem;}
.life main .content-body #day-nagare .timebox { width: 65%; margin: 0 auto 10px; position: relative;}
.life main .content-body #day-nagare .timebox + .timebox { margin-top: 20px;}
.life main .content-body #day-nagare .timebox .timeline-word { width: 50%; position: absolute;}
.life main .content-body #day-nagare .timebox .timeline-word.tl { top: 15%; left: -25%;}
.life main .content-body #day-nagare .timebox .timeline-word.tr { top: 15%; right: -25%; }
.life main .content-body #day-nagare .timebox .timeline-word.bl { bottom: -3%; left: -25%; }
.life main .content-body #day-nagare .timebox .timeline-word.br { bottom: -3%; right: -25%; }

.life main .content-body #day-gyouji h4 { margin-bottom: 0;text-align: center;}
.life main .content-body .gyouji-box { margin: 4rem auto;}
.life main .content-body .gyouji-box p { margin: 1rem 0;}
.life main .content-body .gyouji-box .att {width: 90%; margin: 0 auto; text-align: left;}
.life main .content-body .gyouji-box .season { width: 90%; border-bottom: solid; display: flex; align-items: center; padding-right: 2%; margin: 7rem auto 1rem; padding-bottom: 1rem;}
.life main .content-body .gyouji-box .season img { width: 20%; height: auto; margin: 0 auto;}
.life main .content-body .gyouji-box .event-cont .col-cont2 { display: flex; justify-content: center; align-items: center; }
.life main .content-body .gyouji-box .event-cont { width: 100%; margin: 0; align-self: center;}
.life main .content-body .gyouji-box .event-cont .moth { width: 20%; margin: 1rem 0;}
.life main .content-body .gyouji-box .event-cont .event-list { width: 75%; text-align-last: left; margin: 1rem 0;}
.life main .content-body .gyouji-box .photo { width: 60%; align-self: center; position: relative; margin-left: 5rem;}
.life main .content-body .gyouji-box .photo .season-event-img { width: 100%; height: auto; display: block; margin: 3rem 0;}
.life main .content-body .gyouji-box .photo .icon-img { position: absolute; bottom: 0; right: -70px; }


/*季節ごと色分け*/
.life main .content-body .gyouji-box .season.spring { color: #F3A5A5; border-color: #F3A5A5;}
.life main .content-body .gyouji-box .spring .moth { color: #F3A5A5; }
.life main .content-body .gyouji-box .season.summer { color: #A2CF56; border-color: #A2CF56;}
.life main .content-body .gyouji-box .summer .moth { color: #A2CF56; }
.life main .content-body .gyouji-box .season.autumn { color: #FFAB3B; border-color: #FFAB3B;}
.life main .content-body .gyouji-box .autumn .moth { color: #FFAB3B; }
.life main .content-body .gyouji-box .season.winter { color: #55B8E4; border-color: #55B8E4;}
.life main .content-body .gyouji-box .winter .moth { color: #55B8E4; }

.life main .content-body .another-event { justify-content: center; margin: 1rem 0;}
.life main .content-body .another-event .photo { width: 80%; margin: 0 auto;}
.life main .content-body .another-event .photo .another-event-img { display: block; margin: 1rem 0;}
.life main .content-body .another-event .eventtext { width: 80%;margin: 0 auto; justify-content: space-between;}
.life main .content-body .another-event .eventtext .col { margin: 0 auto;}
.life main .content-body .another-event .eventtext .col:nth-child(3) { width: 80%;}
.life main .content-body .another-event p { margin: 1rem auto; font-size: 1.8rem; border-bottom: solid #f9b737;}
.life main .content-body .another-event ul { text-align: center; margin-bottom: 2rem;}
.life main .content-body .another-event ul li { font-size: 1.4rem;  line-height: 2; font-weight: bold; text-align: left;}
.life main .sub-image1 { position: absolute; bottom: 0px; left: 0%; z-index: 5; width: 65px;}
.life main .sub-image2 {  position: absolute;bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.life main .sub-image3 { position: absolute; bottom: 0px; left: 20%; z-index: 5; width: 85px;}

/*open*/
.open main .content-body .caution { border:#E51C1F  4px solid;  color:#E51C1F; margin: 30px auto; padding: 20px; background: #fff; width: 90%;}
.open main .content-body h5{font-size: 1.4rem; text-align: left; line-height: 2;letter-spacing: 0.1rem; font-weight: bold;}  
.open main .content-body h5 + p{width: 90%; text-align: l;}  
.open main .content-body .caution p{ color:#E51C1F; font-size: 1.6rem; font-weight: bold; margin:0%; text-align: left;}
.open main .content-body .caution a.tel-link { color:#E51C1F;}
.open main .content-body .open-content{ width: 90%; margin: 0 auto; }
.open main .content-body .open-content dl { height: 100%; width: 100%; display: flex; justify-content: space-around;font-size: 1.4rem; margin-bottom: 10px;}
.open main .content-body  .open-content dl dt { width: 30%; border-right: 1px solid #42210b; display: flex; justify-content: center;align-items: center; font-size: 1.6rem; font-weight: bold;}
.open main .content-body .open-content dl dd { width:70%; /*display: flex; align-items: center;*/ margin-left: 5%; line-height: 1.6; font-size:1.4rem; padding: 10px 0;}
.open main .content-body .open-content dl dd.last {display: flex; flex-direction: column; align-items: flex-start;justify-content: center;}
.open main .content-body .open-content dl dd .day-text {text-indent: -1em; padding-left: 1em; display: block;}
.open main .content-body .open-content dl dd a{ text-decoration: underline; }
.open main .content-body .open-content dl dd a.pdf::before { content:"PDF";  color:#ffffff; background-color: #E51C1F; font-size: 1rem; padding: 5px 10px; margin-right: 5px;}
.open main .content-body .open-content dd a.pdf { color:#42210b; text-decoration: none; }
.open main .content-body .open-content dd p { font-size: 1.4rem; margin: 0; text-indent: -1em; padding-left: 1em; font-weight: normal; text-align: left;}
.open main .content-body .open-content .fontB {font-weight: bold; font-size: 1.6rem;}
.open main .content-body .image-area { position: relative; display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 10rem;  margin: 0 auto; align-items: center;}
.open main .content-body .image-area img:nth-child(1){width: 90%;}
.open main .content-body .image-area img:nth-child(2){width: 100%; height: auto;}    
.open main .content-body .image-area img:last-child{ bottom: 0px; left: 50%;width: 30%;}
.open main .sub-image1 { position: absolute; bottom: 10px; left:auto; right: 1%; z-index: 5; width: 20%;}
.open main .sub-image2 { position: absolute;bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.open main .sub-image3 { position: absolute; bottom: 3px; left: -5%; z-index: 5; width: 40%;}
.open main .content-body .content-wrap:last-child{ margin-top: 120px;}
.open main .plan-table { width: 80%; margin: 0 auto 10%;}
.open main .plan-table tr.plan-month { display: block; /*background: #8ABD4C; color: #fff;*/ padding: 10px; margin-top: 30px; border-top: solid 3px; border-bottom: solid 3px;}
.open main .plan-table th { display: block; padding: 0px; font-size: 1.8rem;}
.open main .plan-table tr.plan-month:nth-child(7n+1) { border-color: #DE6641;}
.open main .plan-table tr.plan-month:nth-child(7n+3) { border-color: #E8AC51;}
.open main .plan-table tr.plan-month:nth-child(7n+5) { border-color: #DFD000;}
.open main .plan-table tr.plan-month:nth-child(7n+7) { border-color: #39A869;}
.open main .plan-table tr.plan-month:nth-child(7n+9) { border-color: #4784BF;}
.open main .plan-table tr.plan-month:nth-child(7n+11) { border-color: #5D5099;}
.open main .plan-table tr.plan-month:nth-child(7n+13) { border-color: #A55B9A;}
.open main .plan-table .plan-title { margin-top: 10px;}
.open main .plan-table td { display: block; padding: 10px; text-align: left;}
.open main .plan-table td ul li { line-height: 1.8; }
.open main .plan-table td ul li + li { margin-top: 20px;}
.open main .plan-table td ul li span { display: block; width: 90%; margin: 0 auto;}
.open main .plan-table td ul li .plan-day { font-weight: bold;}
.open main .plan-table td ul li .plan-naiyou { font-weight: bold;}
.open main .plan-table td ul li .plan-notice { font-size: 1.4rem;}
.open main .plan-table td ul li .plan-btn { margin-top: 10px;}
.open main .plan-table td ul li .plan-btn a {display: block; background: #FB972F; border-radius: 10px; padding: 5px; text-align: center; color: #fff;}
.open main .open-into .open-into-img { width: 100%; }
.open main .open-into .open-into-img img { width: 100%; height: auto;}
.open main .open-into .col-cont4 { display: flex; justify-content: space-between; width: 90%; margin: 0 auto; flex-wrap: wrap;}
.open main .open-into p { width: 90%; margin: 2rem auto; text-align: left;}
.open main .open-into .col { width: 49%; }
.open main .open-into .col img { width: 100%!important; height: 150px!important;}
.open main .open-into .col p { margin-top: 1rem; text-align: center;}


/*recruit入園案内*/
.recruit .content-body .messege { background: #fff; border: 2px dashed #ff9f46; box-shadow: 0 0 0 10px #fff; border-radius: 5px; color: #fff; width: 90%; margin: 0 auto;}
.recruit .content-body .messege h5 { padding: 1% 3% 0 5%; margin-bottom: 0; text-align: left; font-size: 1.4rem;}
.recruit .content-body .messege p{ text-align: right; padding: 2% 4%; margin:0;  color: #42210b; }
.recruit .content-body #requirements .table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 90%; margin: 0 auto 6%; }
.recruit .content-body #requirements .table dl { display: block; width: 100%; }
.recruit .content-body #requirements .table dl dt,.recruit .content-body #requirements .table dl dd { display: table-cell; font-size: 1.4rem; padding: 8px 15px; background: #ffffff; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.recruit .content-body #requirements .table dl dt{ width: 100%; display: block; background: #f5f5f5; text-align: center; font-weight: bold; padding: 3%; font-size: 1.6rem; line-height: 1.5;padding: 15px; }
.recruit .content-body #requirements .table dl dd{ width: 100%; display: block; font-size: 1.4rem; margin: 0; line-height: 2; text-align: left; font-weight: bold; padding: 20px;}
.recruit .content-body #requirements .table dl dd p.pdf{ margin: 0; text-align: left; }
.recruit .content-body #requirements .table dl dd p.pdf::before{ content: "PDF"; color: #ffffff; background-color: #E51C1F; font-size: 1.2rem; padding: 5px 10px; margin-right: 5px; }
.recruit .content-body #requirements .table dl dd p a{ color: #42210b; font-weight: bold; font-size: 1.3rem; }
.recruit .content-body #requirements .table dl dd span.small{ font-size: 1.4rem; }
.recruit  main .sub-image1 { position: absolute; bottom: 0; left: 2%; z-index: 5;width:40px;}
.recruit  main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.recruit  main .sub-image3 { position: absolute; bottom: auto; top: 20%; left:3%; z-index: 5; width: 170px;}
.recruit p span.small { display: block; width: 90%; margin: 0 auto;}

/*投稿共通*/
/*
 .blog .navigation h2{ display: none; }
 .blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
 .blog .navigation a,span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
 .blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
 .blog .navigation .current{ background:gold; border-radius:100%; }
 .blog .navigation .dots{ background:none; }
*/

/*blog*/
.blog main .content-body article { display: block; margin: 5rem auto; padding:3rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 1.4rem; }
.blog main .content-body article h4 { font-size: 1.8rem; text-align: left; margin: 0; width: 100%;}
.blog main .content-body article h5 { font-size: 1.6rem;color: #42210b;line-height: 1.7;letter-spacing: 0.3rem;margin: 30px auto;text-align: center;font-weight: bold; border-bottom: solid 2px #f28224;}
.blog main .content-body article h5 span.weather{ font-size: 1.4rem; }
.blog main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.blog main .content-body article p { font-size: 1.4rem; margin: 1rem auto; text-align: left;  }
.blog main .content-body article span {font-size: 1.4rem;}    
.blog main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.blog main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.blog main .content-body .nav-links{ text-align: center;}
.blog .navigation h2{ display: none; }
.blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.blog .navigation a,.blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.blog .navigation .current{ background:gold; border-radius:100%; }
.blog .navigation .dots{ background:none;}
.blog main .sub-image1 { position: absolute; bottom: 10px; left: 1%; z-index: 5; width: 20%;}
.blog main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.blog main .sub-image3 { position: absolute; bottom: 0; left: 15%; z-index: 5; width: 30%;}
.blog .blog-pic img{margin-bottom: 10%; width: 100%}




/*news*/
.news main .content-body .area { position: relative; width: 90%; margin: 0 auto; text-align: center;}
.news main .content-body dl {display: block; justify-content: space-between; text-align: left; font-size: 1.6rem;border-bottom: 3px #C89366 dashed; padding: 2.5%; font-weight: bold; position: relative;}
.news main .content-body dl dt{ font-size: 1.4rem; line-height: 2;}
.news main .content-body dl dd{ width: 90%;  font-size: 1.6rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 2;}
.news main .content-body  dl dd.after{ width: 5%; margin-left: 10px; font-size: 1.3rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color:#fa7e05;}
.news main .content-body a {color: #444; display: block;}
.news main .content-body .area a:first-child{ border-top: 3px dashed #C89366;}
.news .navigation h2{display: none;}
.news .navigation .nav-links{padding: 2em; display: flex; justify-content: center;}
.news .navigation .current {background: gold; border-radius: 100%;}
.news .navigation a, .news .navigation span {width: 50px;height: 50px;margin: 2px; line-height: 50px; text-align: center; font-size: 14px;font-weight: bold;text-decoration: none;background: #fff;color: #222; transition: .3s;}
.news main .sub-image1 { position: absolute; bottom:  -10px; left: 0%; z-index: 5; width: 80px;}
.news main .sub-image2 { position: absolute; bottom: auto; left: auto; top: 18%; right: 2%; z-index: 5; width: 15%;}
.news main .sub-image3 { position: absolute; bottom: 0px; left: 23%; z-index: 5; width: 80px;}
.news main .content-body dl .cat { margin-left: 1em; border-radius: 5px; padding: 0px 10px 2px; font-size: 1.4rem; background: #FA7E00; color: #fff;}
.news main .content-body dl .cat.blog { background: #22A85B; }
    
/*facility*/ 
.facility main .content-body p.sentencetitle{font-size: 2.4rem; text-align: left; font-weight: bold; margin: 0!important;}
.facility main .leaf-deco{ position: relative}
.facility main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:50%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(5){ position: absolute; bottom:5%; left:13%; transform: rotate( 130deg); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(6){ position: absolute; bottom:28%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(7){position: absolute; bottom:20%; right:12%; transform: rotate( 0deg ); }
.facility main .leaf-deco ul.leafarea li:nth-child(8){position: absolute; bottom:15%; left:12%;  transform: rotate( 0deg ); } 
.facility main .leaf-deco ul.leafarea li:nth-child(9){position: absolute; top:24%; left:5%;  transform: rotate( 0deg ); }   
.facility main .content-body .contents { position: relative; margin: 10% auto;}
.facility main .content-body .floor1{ position: relative; margin: 2% auto 10%;}       
.facility main .content-body .contents img{width: 100%; display: block; margin: 0 auto;} 
.facility main .content-body .contents img.pin{width: 30%;}
.facility main .content-body .floor1 .map-pin01{position: absolute; top:34%; left:12%;}
.facility main .content-body .floor1 .map-pin02{position: absolute; top:57%; left:12%;}
.facility main .content-body .floor1 .map-pin03{position: absolute; top:36%; left:29%;}
.facility main .content-body .floor1 .map-pin04{position: absolute; top:56%; left:33%;}
.facility main .content-body .floor1 .map-pin05{position: absolute; top:19%; left:70%;}   
.facility main .content-body .floor1 .map-pin06{position: absolute; top:58%; left:57%;}
.facility main .content-body .floor1 .map-pin07{position: absolute; top:38%; left:59%;}
.facility main .content-body .floor1 .map-pin08{position: absolute; top:70%; left:64%;}
.facility main .content-body .floor1 .map-pin09{position: absolute; top:4%;  left:39%;}
.facility main .content-body .floor1 .map-pin10{position: absolute; top:80%; left:48%;}     
.facility main .content-body .floor2 .map-pin01{position: absolute; top:20%; left:2%;}
.facility main .content-body .floor2 .map-pin02{position: absolute; top:22%; left:28%;}
.facility main .content-body .floor2 .map-pin03{position: absolute; top:9%;  left:51%;}
.facility main .content-body .floor2 .map-pin04{position: absolute; top:40%; left:64%;}
.facility main .content-body .floor2 .map-pin05{position: absolute; top:58%; left:65%;}   
.facility main .content-body .floor2 .map-pin06{position: absolute; top:22%; left:75%;} 
.facility main .content-body .rooftop .map-pin01{position: absolute; top:5%; left:40%;}
.facility main .content-body .rooftop .map-pin02{position: absolute; top:24%; left:58%;}
.facility main .content-body .rooftop .map-pin03{position: absolute; top:48%; left:64%;}
.facility main .content-body .rooftop .map-pin04{position: absolute; top:75%; left:64%;}
.facility main .content-body .rooftop .map-pin05{position: absolute; top:19%; left:20%;}
.facility main .content-body .rooftop .map-pin06{position: absolute; top:38%; left:20%;}        
.facility main .content-body .flex{display: flex; justify-content: space-between; flex-wrap: wrap; margin:70px auto; }
.facility main .content-body .sentence{width: 55%;}
.facility main .content-body .sentence p{text-align: left!important; margin-bottom: 30px;} 
.facility main .sub-image1 { position: absolute; bottom:  -50px; left: 0%; z-index: 5; width: 100px;}
.facility main .sub-image2 { position: absolute; bottom: auto; left: auto; top: 18%; right: 2%;z-index: 5;width: 15%;}
.facility main .sub-image3 { position: absolute; bottom: 40px; left: 3%; z-index: 5; width: 30%;}
#facility .modal{display: none; height: 100vh;position: fixed;top: 0;width: 100%; z-index:101;}
#facility .modal__bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
#facility .modal__content{background: #fff;left: 50%;padding: 40px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 90%;} 
#facility .modal__content figure img{ display: block; margin: 0 auto; max-width: 100%;} 
#facility .modal__content a{ position: absolute; top: 1%; right: 1%; font-size: 3rem; font-weight:bold;   color: #444;}   
#facility .modal__content h5{ margin: 3% auto; font-size: 2rem; font-weight: bold;max-width: 500px;}
.facility main h4{font-size: 2.4rem;color: #FA7800;line-height: 2;letter-spacing: 0.3rem;font-weight: bold;text-align: center; width: 90%; margin: 10% auto 5%;}    
.facility main .content-body .facility-pic{display: flex; justify-content: center; width: 90%;}
.facility main .content-body .facility-pic img{ display: block; width: 50%;}
.facility main .col-cont4 {display: flex;justify-content: space-between; flex-wrap: wrap;width: 90%; margin: 0 auto;}
.facility main .col {width: 49%;text-align: center;}  
.facility main .col-cont4 p {font-size:1.4rem;}
.facility main .content-body h5 { font-size: 1.6rem; color:#42210b; line-height: 1.7; letter-spacing: 0.3rem; margin: 30px auto; text-align: left; font-weight: bold; width: 90%;} 
.facility main .content-body p {display: block;margin: 2rem 5% 4rem; font-size: 1.4rem;text-align:left;line-height: 2;letter-spacing: 0.1rem;font-weight: bold;}
.facility .videoarea iframe{ width: 90%; height: 200px;}    
.facility .videoarea{ margin: 0 auto 30%; width: 100%;text-align: center; }
.facility video { width: 70%; height: auto; margin: 0 auto; }
    

/*admission*/
.admission main #admission-area h4{font-size:2rem; margin:0 auto;}
.admission main #admission-area .boshuu-table-bg{background-color: #fefbec; margin-bottom: 100px;}
.admission main #admission-area .boshuu-table-bg2{background-color: #ffffff; margin: 0 auto;
padding: 20px 0; width: 90%;}
.admission main #admission-area .boshuu-table-bg3{background-color: #ffffff; margin: 0 auto;
padding:0 0 5% 0; width: 90%;}
.admission main #admission-area .boshuu-table{font-size: 1.6rem; font-weight: bold; line-height: 1.4; width: 90%; background-color: #fefbec; margin: 0 auto;}
.admission main #admission-area .boshuu-table .boshuu-table-flex{display:block;}      
.admission main #admission-area .boshuu-table-header{font-size: 4rem;font-weight: bold; color:#147709; height: 100px;padding: 10px; width: 980px; margin: 0 auto; background-color: #ffffff;}
.admission main #admission-area .boshuu-table-header2{font-size: 4rem;  font-weight: bold; color:#ed2d23; height: 100px;padding: 10px; width: 980px; margin: 0 auto; background-color: #ffffff;}
.admission main #admission-area .center-cell{display: flex; justify-content: center; align-items: center;
width: 90%; font-size:2rem;}   
.admission main #admission-area .cell{ display: flex; align-items: center; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding: 20px; font-size:1.4rem;}
.admission main #admission-area .cell2{display: flex; justify-content: center; flex-direction: column; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; height: 50px; padding: 5px 10px;
}
.admission main #admission-area .cell3{display: flex; flex-direction: column; justify-content: center;  border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px;padding: 20px 10px;}
.admission main #admission-area .item2{background-image: url(images/admission/table-lightgreenback.png);  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem; text-align: center; width: 100%; padding: 20px;}
.admission main #admission-area .item3{background-image: url("images/admission/table-greenback.png");  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem; text-align: center; width: 100%; padding: 20px;}
.admission main #admission-area .item4{background-image: url(images/admission/table-orangeback.png);  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem;    text-align: center; padding: 20px;  width: 100% }
.admission main #admission-area .item5{background-image: url("images/admission/table-lightorangeback.png");  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem; padding: 20px;  text-align: center; width: 100%; }   
.admission main #admission-area .cell2 span.seigo{margin-left: 4em;}
.admission main #admission-area p.red{text-align: center; color:#A9251E;}
.admission main #admission-area p.uketuke{color:#A9251E; text-align: left; font-size: 1.4rem; margin:0;}
.admission main #admission-area p.gansho{text-align: left; font-size: 1.4rem; margin:0;}
.admission main #admission-area span.red-line{border-bottom: #A9251E 1px solid; }
.admission main #admission-area .last{ border-bottom: #cccccc 1px solid;} 
.admission main #admission-area .azukari p{font-size: 1.4rem; line-height: 1.4; margin:10px 5px 0; text-align: left;} 
.admission main #admission-area .kyuusyoku span.price{display: inline-block; width: 65px; text-align: right; font-size: 1.4rem;}      
.admission main #admission-area .kyuusyoku p{ text-align: left; font-size: 1.4rem; margin:0; }
.admission main #admission-area p.bikou{font-size:1.4rem; line-height: 1.4; margin:0;  text-align: left;}
.admission main #admission-area span.red{color:#A9251E; font-weight: bold;}
.admission main #admission-area span.date{font-size:2rem; font-weight: bold;}  
.admission main #admission-area span .date-red{color:#A9251E; font-weight: bold;font-size:2rem; } 
.admission main #admission-area .azukari-table{display: flex; flex-direction: column; margin: auto 5px; }
.admission main #admission-area .azukari-table2{display:flex;}
.admission main #admission-area .azukari-table3{display: flex; width: 100%; height: 50px;}
.admission main #admission-area .azukari-table4{display: flex; flex-direction: column; width: 30%;}
.admission main #admission-area .azukari-table5{display: flex; flex-direction: column; width: 70%;}
.admission main #admission-area .azukari-table6{display: flex; width: 100%; height: 100px;}
.admission main #admission-area .cell4{font-size: 1.4rem; height: 100px; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px;  width: 100%;}
.admission main #admission-area .cell5{font-size: 1.4rem; height: 100px;  border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-bottom: #cccccc solid 1px; width: 100%; }
.admission main #admission-area .cell6{font-size: 1.4rem; height: 50px;  width: 30%; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding-right: 5px;}
.admission main #admission-area .cell7{font-size: 1.4rem; height: 100px; width:70%; border-top: #cccccc double 3px; border-left: #cccccc double 3px;border-bottom: #cccccc solid 1px;}
.admission main #admission-area .cell8{font-size: 1.4rem; height: 50px;  width: 50%; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px;}
.admission main #admission-area .cell9{font-size: 1.4rem; height: 100px;  width: 30%; border-top: #cccccc double 3px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; border-bottom: #cccccc solid 1px;}
.admission main #admission-area .cell10{ font-size: 1.4rem;height: 50px;  width: 20%; border-top: #cccccc solid 1px; border-left: #cccccc double 3px; }
.admission main #admission-area .cell11{font-size: 1.4rem;height: 50px;  width: 100%; border-top: #cccccc double 3px; border-bottom: #cccccc solid 1px; border-right: #cccccc solid 1px; border-left:  #cccccc double 3px;}
.admission main #admission-area .cell12{font-size: 1.4rem;height: 50px;  border-left:  #cccccc solid 1px;  border-top: #cccccc double 3px; border-bottom: #cccccc solid 1px; width: 100%;}
.admission main #admission-area .cell13{font-size:1.4rem; height: 50px;  border-top: #cccccc double 3px; border-left: #cccccc solid 1px; width: 100%}
.admission main #admission-area .tukigaku{background-color: #B2B2B2; color: #ffffff;} 
.admission main #admission-area p.red{text-align: center; color:#A9251E; width: 90%;}    
.admission main #admission-area p.mensetu{border: #A9251E 4px solid;color: #A9251E; margin:50px auto; padding: 10px;width: 90%; }     
.admission main #admission-area p.mensetu span{font-size: 1.6rem;}      
.admission main #admission-area span.sub{font-size: 1.4rem;}
.admission main .leaf-deco {position: relative;}
.admission main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; top:40%; left:8%; transform: rotate( 130deg); transform:scaleX(-1);}
.admission main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:45%; right: 5%; transform: rotate( -80deg ); transform:scaleX(-1);}
.admission main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; top:50%; right:7%; transform: rotate( 0deg );}
.admission main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; top:45%; left:7%;  transform: rotate( 0deg );}
.admission main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.admission main .sub-image3 { position: absolute; bottom: 10%; left: 1%; z-index: 5;width: 40%;}
.admission main #admission-area .small{ font-size: 1.2rem; }
.admission main #admission-area .boshuu-table-bg3 .ninteiji2 .cell-separate dl{ display: flex; flex-direction: column; }
.admission main #admission-area .cell-separate{ display: flex; justify-content: center; flex-direction: column; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding: 20px; font-size:1.4rem;}
.admission main #admission-area .h80 dl dt{ display: flex; align-items: center; font-size:1.4rem; }
.admission main #admission-area .h80 dl dd{ display: flex; flex-direction: column; justify-content: center; font-size:1.4rem; }
    
/*single*/
.single main .kurumi-deco { position: relative;}
.single main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.single main .kurumi-deco img:nth-child(1){ left: 0; top:30%; }
.single main .kurumi-deco img:nth-child(2){ right: 0; top:30%; }
.single main .content-body .content-wrap { margin-top: 0;}
.single main .sub-image1 { position: absolute; bottom:  -10px; left: 0%; z-index: 5; width: 80px;}
.single main .sub-image2 { position: absolute; bottom: -15px; right: 0%; z-index: 5;}
.single main .sub-image3 { position: absolute; bottom: 0px; left: 23%; z-index: 5; width: 80px;}
.single main .content-body h3{margin-bottom:30px; width: 70%; margin: 0 auto; text-align: center; font-size: 2.0rem;}
.single main .content-body p{margin: 1.6rem auto;}
.single main .content-body p a{display: block; color: #fff;font-size: 1.4rem;font-weight: bold; text-align: center; padding: 10px;}
.single main .content-body article{ width: 90%; display: block; margin: 2rem auto 5rem; padding: 3rem; background: #fff; border-radius: 15px;line-height: 1.6;font-size: 2.0rem;}
.single main .content-body article p{text-align: left;}
.single main .content-body p.back{width: 200px; background: #FA7E00; color: #fff; margin: 0 auto; font-size: 1.5rem; border-radius: 15px;}

/*blog single*/
.tax_blog main .content-body article {width: 100%; display: block; margin: 5rem auto; padding:3rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 1.4rem; }
.tax_blog main .content-body article h4 { font-size: 1.6rem; text-align: center; margin: 0 auto; width: 90%; text-align: left;}
.tax_blog main .content-body article h5 { font-size: 1.6rem;color: #42210b;line-height: 1.7;letter-spacing: 0.3rem;margin: 30px auto;text-align: center;font-weight: bold; border-bottom: solid 2px #f28224;}
.tax_blog main .content-body article h5 span.weather{ font-size: 1.4rem; }
.tax_blog main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.tax_blog main .content-body article p { font-size: 1.4rem; margin: 1rem auto; text-align: left;  }
.tax_blog main .content-body article span { font-size: 1.4rem;}    
.tax_blog main .content-body article .thumb img {display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.tax_blog main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.tax_blog main .content-body .nav-links{ text-align: center;}
.tax_blog .navigation h2{ display: none; }
.tax_blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.tax_blog .navigation a,.tax_blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.tax_blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.tax_blog .navigation .current{ background:gold; border-radius:100%; }
.tax_blog .navigation .dots{ background:none;}
.tax_blog main .sub-image1 { position: absolute; bottom: 10px; left: 1%; z-index: 5; width: 20%;}
.tax_blog main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.tax_blog main .sub-image3 { position: absolute; bottom: 0; left: 15%; z-index: 5; width: 30%;}
.tax_blog .blog-pic img{margin-bottom: 10%; width: 100%}
    
/*news single*/
.tax_news main .kurumi-deco { position: relative; height: 50px;}    
.tax_news main .content-body article {width: 100%; display: block; margin: 5rem auto; padding:3rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 1.4rem; }
.tax_news main .content-body article h4 { font-size: 1.6rem; text-align: center; margin: 0 auto; width: 90%; text-align: left;}
.tax_news main .content-body article h5 { font-size: 1.6rem;color: #42210b;line-height: 1.7;letter-spacing: 0.3rem;margin: 30px auto;text-align: center;font-weight: bold; border-bottom: solid 2px #f28224;}
.tax_news main .content-body article h5 span.weather{ font-size: 1.4rem; }
.tax_news main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.tax_news main .content-body article p { font-size: 1.4rem; margin: 1rem auto; text-align: left;  }
.tax_news main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.tax_news main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.tax_news main .content-body .nav-links{ text-align: center;}
.tax_news .navigation h2{ display: none; }
.tax_news .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.tax_news .navigation a,.tax_blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.tax_news .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.tax_news .navigation .current{ background:gold; border-radius:100%; }
.tax_news .navigation .dots{ background:none;}
.tax_news main .sub-image1 { position: absolute; bottom: 10px; left: 1%; z-index: 5; width: 20%;}
.tax_news main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.tax_news main .sub-image3 {position: absolute; bottom: 0px; left: 23%; z-index: 5; width: 80px;}
.tax_news .blog-pic img{margin-bottom: 10%; width: 100%}    

/*全体的なanimation用css*/
.faidin { visibility: hidden; opacity : 0.1; transform : translate(0, 50px); transition : all 500ms;}
.faidin.show { visibility: visible; opacity : 1; transform : translate(0, 0);}

.faidinLeft {visibility: hidden;  opacity: 0; transform : translate(64px, 0); transition : all 500ms;}
.faidinLeft.show { visibility: visible; opacity: 1; transform : translate(0, 0);}

.faidinRight { visibility: hidden; opacity: 0; transform : translate(-64px, 0); transition : all 500ms;}
.faidinRight.show { visibility: visible; opacity: 1; transform : translate(0, 0);}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}

.faidinCover {position: relative; overflow: hidden;}
.faidinCover:before {content: ""; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #FFFBED; }
.show.faidinCover:before { animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;}

@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
}

@keyframes tatefuwafuwa {
  0% {
    transform:translate(0, 0) ;
  }
  50% {
    transform:translate(0, 7px) ;
  }
  100% {
    transform:translate(0, 0) ;
  }
}
.tatefuwafuwa {
  animation: tatefuwafuwa 5s infinite ease-in-out .8s alternate;
}

@keyframes purupuru {
  0% {
      transform: translate(0px, 0px)
  }
  50% {
      transform: translate(0px, 1px) rotateZ(1deg)
  }
} 
#page-top a:hover img {
  animation: purupuru 0.1s infinite;
}
/*with-nature*/    
.with-nature main .tomo-button span.arrow{display: block;position: absolute; top: 50%; right: 10%; transform: translate(-50%, -50%);}
.with-nature main .content-body h5{font-size: 1.4rem;text-align: left;line-height: 2;letter-spacing: 0.1rem;font-weight: bold;} 
.with-nature main .sub-image1 { position: absolute; bottom: 10px; left: 1%; z-index: 5;  width:20%;}
.with-nature main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.with-nature main .sub-image3 { position: absolute; bottom: 5px; right: 55%; z-index: 5; width:30%;}    
.with-nature main .content-body h6 {font-size: 2rem; font-weight: bold; margin-bottom: 30px;text-align: center;}
.with-nature main #with-nature .naturearea { display: flex; flex-direction: column; margin-bottom: 10%;}
.with-nature main #with-nature dl { width: 100%; }
.with-nature main #with-nature dl dt { display: inline-block; font-size: 2rem; margin-bottom: 2%; letter-spacing: 1rem; background-image: url("images/with-nature/crayon-line.png"); background-position: bottom; background-repeat: no-repeat; background-size: contain; margin-left: 5%;}
.with-nature main #with-nature dl dt span { font-size: 2.6rem; font-weight: bold; padding: 5px; }
.with-nature main #with-nature dl dt#right-titel{ text-align: right!important; }
.with-nature main #with-nature dl dd img { width: 100%; margin: 0;}
.with-nature main #with-nature p.nature { width: 90%; text-align: left; padding: 4%; background: #fff;margin: 1rem 5%;}
.with-nature main #with-nature p.naturearea-2 {order: 2;}    
.with-nature main #with-nature .col-cont2 .col-slider { width: 100%; }
}
/*tablet*/
@media screen and (min-width:480px) and (max-width:768px){
.sp_only{ display: none;}
.pc_only{display: none!important;}
.tb_only{ display: block;}    

.inner { width: 100%; margin: 0 auto; }
/* GO2TOP button */
#page-top { position:fixed; bottom:60px; right:10px; z-index:99; }
#page-top a img { display:block; width:55px; }
/* SpMenu */
#nav-drawer { position: absolute; top: 25px; right: 15px; z-index: 99;}
.nav-unshown { display: none; }
#nav-open { display: inline-block; width: 45px; height: 34px; vertical-align: middle; padding-top: 22px; font-size: 1.2rem; text-align: center;}
#nav-open span, #nav-open span:before, #nav-open span:after { position: absolute; height: 3px;/*線の太さ*/ width: 25px;/*長さ*/ border-radius: 3px; background: #FA7E00; display: block; content: ''; cursor: pointer; top: 0; left: 50%; transform: translateX(-50%);}
#nav-open span:before { top: 8px; }
#nav-open span:after { top: 16px; }
#nav-close { display: none; position: fixed; z-index: 99999; top: 25px; right: 15px; width: 30px; height: 22px;}
#nav-close span {font-size: 2.5rem; font-weight: bold; transition: .3s ease-in-out; color: #fff;}
#nav-content {overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #8ec54a; transition: .3s ease-in-out; -webkit-transform: translateX(-105%); transform: translateX(-105%);padding-top: 5em;}
#nav-input:checked ~ #nav-open { display: none;}
#nav-input:checked ~ #nav-close { display: block;}
#nav-input:checked ~ #nav-content { -webkit-transform: translateX(0%); transform: translateX(0%); box-shadow: 6px 0 25px rgba(0,0,0,.15); }
#nav-open span, #nav-open span:before, #nav-open span:after {position: absolute; height: 3px; width: 25px;border-radius: 3px; background: #8ec54a; display: block; content: ''; cursor: pointer;  left: 50%; transform: translateX(-50%);}    
    
    
    
    
#nav-content ul { width: 90%; display: block; margin: 0 auto;}
#nav-content ul li { padding: 0; width: 100%; }
#nav-content ul li a {padding: 20px; text-decoration: none; color: #fff; position: relative; border-bottom: solid 2px #fff; font-size: 1.8rem; display: flex; align-items: center;}
#nav-content ul li a:hover { color: #fff; background: #0171BB; }
#nav-content ul li a:after { content:'▶'; display: block; margin-left: auto; font-size: 1.4rem; }
#nav-content ul li.nav-icon > a:before { content:''; display: block; margin-right: 1em; width: 2em; height: 2em; background-size: contain; background-repeat: no-repeat;}
#nav-content ul li#menu-item-370 > a:before { background-image: url(images/sp-nav-00.png); }
#nav-content ul li#menu-item-372 > a:before { background-image: url(images/sp-nav-01.png); }
#nav-content ul li#menu-item-375 > a:before { background-image: url(images/sp-nav-02.png); }
#nav-content ul li#menu-item-374 > a:before { background-image: url(images/sp-nav-03.png); }
#nav-content ul li#menu-item-377 > a:before { background-image: url(images/sp-nav-04.png); }
#nav-content ul li#menu-item-378 > a:before { background-image: url(images/sp-nav-05.png); }
#nav-content ul li#menu-item-373 > a:before { background-image: url(images/sp-nav-06.png); }
#nav-content ul li a .triangle3 { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; top: 25px; left: 0px; }
#nav-content ul li a:hover .triangle3 { border-top: 5px solid #fff;}
#nav-content ul li .sub-menu { width: 100%; }
#nav-content ul li .sub-menu li a { padding-left: 7em; border-bottom: dashed 2px rgba(255,255,255,0.5); font-size: 1.6rem;}
#nav-content ul li .sub-menu li:last-child a { border-bottom: solid 2px #fff;}
#nav-content ul li .sub-menu li a:after { font-size: 1.0rem;}
#nav-content .sp-anothermenu {margin-top: 5em;}
#nav-content .sp-nv-link a{ display: block; position: relative; background-color: #ffffff; color: #C89366; font-weight: bold; margin: 10px auto; border-radius: 10px; padding: 20px; text-align: center; width: 90%; height: 50px; }
#nav-content .sp-nv-link span.arrow{ display: block; position: absolute; top: 50%; right: 5%; font-size: 1.2rem; transform: translate(-50%, -50%);}



header { width: 100%; height: auto; display: block; position: relative;}
header .nav {position: relative; height: 124px; margin-top: 0px; z-index:2;}
header h1 { width: 160px; display: block; position: absolute; z-index: 3; top: 12px; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%);  } 
header h1 a { width: 100%; height: 100%; display: block; }
header h1 a img { width: 85%; margin: 0 auto; height: auto; display: block; }
header .nav .inner { display:none; justify-content: space-between; width: 70%; }
header .nav .inner ul { display: flex; padding-top: 20px; width: 40%;}
header .nav .inner ul li a{ width:100%; height: 68px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
header .nav .inner ul#menu-g-navi,ul#menu-g-navi2 {display: none;}
    
/*フッター*/
footer { width: 100%; display: block; position: relative; background-color:#ffffff;  }
footer .l1 { display: block; width: 100%;  height: 300px; position: relative; background-color:#FFFBED; background-image: url("images/sp-greenback.png"); background-repeat: no-repeat; background-size: 110%; background-position: center bottom;}
footer .l1 .instagram img { display: block; position: absolute; top: -50%; left: 33%; transform: translate(-50%, 0%); width: 15%; z-index: 5 }
footer .l1 img.boy-gilr{ display: block; position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 0%); width: 30%; z-index: 4 }
footer .l1 img.tree{ display: block; position: absolute; top: -80px; left: 10%; transform: translate(-50%, 0%); width: 70%;z-index: 3 }
footer .l1 img.dragonfly{ display: block; position: absolute; bottom: 430px; width: 100%; z-index: -1; }
footer .l1 img.school{ display: block; position: absolute; top: -20%; right: 0%; width: 45%;  z-index: 2}
footer .l1 small{position: absolute; bottom: 25px; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 1.0rem; font-weight: normal; letter-spacing: 3px; width: 100%; text-align: center;}
footer .l2 { display: block; width: 90%; background: #ffffff; padding: 4rem 0 0; margin: 0 auto;}
footer .l2 .inner{display: block; justify-content: space-between;}
footer .l2 .inner1 { display: block; flex-direction: column; justify-content:center; width: 100%;}
footer .l2 .inner2 {display: none; }
footer .l2 .inner .emblem{ text-align: center; margin-bottom: 10px;}
footer .l2 .inner .emblem img { width: 270px; height: auto;}
footer .l2 .inner .addr { border-top:#BDBDBD solid 1px; border-bottom:#BDBDBD solid 1px; margin: 20px 0;}
footer .l2 .inner .addr p { font-size: 1.6rem; display: block; color: #222222; font-weight: bold; margin-top: 1rem;  text-align: center; letter-spacing: 0.2rem;}
footer .l2 .inner .addr p a.telnum { align-items: center; font-size: 3rem; font-weight: bold; color: #222222; text-decoration: none; letter-spacing: normal;}
fotter li.menu-item-35{margin-bottom: 20px;}
footer .l2 .inner ul { margin-bottom: 20px;}
footer #menu-footer-navi-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-35{
margin-bottom: 30px;}
footer .l2 .inner ul li  {margin-bottom: 15px;}
fotter li.menu-item-35{margin-bottom: 30px;}
footer .l2 .inner ul li a {display: block; margin-bottom: 0; margin-top: 10px; color:#222222; line-height: 1.4;}
footer li#menu-item-141{position: relative;}
footer ul#menu-footer-navi4 li#menu-item-141::after{ content:""; display: inline-block; background-image: url("images/gaibu-link.svg"); width: 10px; height: 8px; position: absolute; top:30px; left: 70px;}
footer .l2 .inner ul.sub-menu li a{ display: block; margin-bottom: 10px; color:#7A7A7A; }
footer li #menu-item-135{ margin-bottom: 20px;}
/*footer .footer-link{ display: flex; flex-wrap:wrap; position: absolute; bottom: 60px; left:70%; transform: translate(-50%, -50%); }*/
footer .footer-link a{ display: block; position: relative; background-color: #C89366; color: #ffffff; font-weight: bold; margin: 10px 5%; border-radius: 10px; padding: 20px; text-align: center; width: 75%; height: 50px; }
footer .footer-link span.arrow{ display: block; position: absolute; top: 50%; right: 10%;  transform: translate(-50%, -50%);}
footer .l3{position: relative; background-color:#ffffff; height: 40px; margin-top: 20px; text-align: center;}
footer .l3 small{color:#7a7a7a;background-color:#ffffff; font-size: 1.2rem;  font-weight: bold; position: absolute; right: 0%; letter-spacing: 0.1em; width: 100%;}
    
/**slider**/
 .zoomslider { height: 650px; z-index: 0; }

/*HOME*/
/*共通*/
.home header { height: 100px;}
.home .content-wrap { width: 100%; display: block; position: relative; margin: 60px auto; padding: 60px 0 0; }
.home main{}
.home main .kurumiarea{ position:relative; }
.home main .kurumiarea .kurumi-deco{ position:relative; }
.home main .kurumiarea .kurumi-deco img{ position: absolute; width: 20%; z-index: 2; }
.home main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.home main .btn p { margin: 0 auto; background-color: #FA7E00; border-radius: 10px;}
.home main .btn p a{ color: #fff; font-size: 1.6rem; font-weight: normal; text-align: center; display: block; padding: 15px 30px; position: relative; }
.home main .btn p a::after{ content: "▶︎"; margin-top: 7px; font-size: 1.0rem; position: absolute; right: 20px; }
.home main #sliderarea #slider-wrap { position: relative; margin-bottom: 30%; }
.home main #sliderarea #slider-wrap .slider-deco { position: absolute; width: 100%; z-index: 1; }
.home main #sliderarea #slider-wrap .slider-deco img.top2{display: none;}     
.home main #sliderarea #slider-wrap .underdeco{ bottom: -20px; overflow: hidden;}
.home main #sliderarea #slider-wrap .underdeco img { width: 150%; margin-left: -25%; }
.home main #sliderarea .kurumi-deco img:nth-child(1){ left: 0; bottom:-50px; }
.home main #sliderarea .kurumi-deco img:nth-child(2){ right: 0; bottom:-50px; }
/*.home main .slider-banner{ width: 30%; position: absolute; right: 2%; bottom: 2%;}
.home main .slider-banner img { width: 100%; height: auto;}*/
/*.home main .slider-banner { width: 32%; position: absolute; right: auto; /*bottom: 80%; bottom: 40%; z-index: 5;}*/
.home main .slider-banner { width: 22%; position: absolute; right: 0%; bottom: -21%; z-index: 10; }
/*.home main .slider-banner img { width: 100%; height: auto;}*/
.home main .slider-banner img { width: 40%; }
.home main .one-over-one { text-align: center; position: absolute; width: 80%;  z-index: 3; left: 50%; top:106%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  }
.home main .one-over-one p{ padding-bottom: 20px; font-size: 1.6rem; font-weight: bold; padding-top: 10px; }
.home main .one-over-one p img{ padding-top: 10px; width: 75%;}
.home main #infoarea {background: url("images/sp-home-infoback.png") no-repeat; background-size: 90%; background-position: center 0%;position: relative; padding-bottom: 30%;}


/*20240821_tsaito_add*/
.home main #infoarea .kurumi-deco { position: relative; }
.home main #infoarea .kurumi-deco img:nth-child(1){ left: 0; top:-17px; }
.home main #infoarea .kurumi-deco img:nth-child(2){ right: 0; top:-17px; }




.home main #infoarea ul li img{ width: 100%; }
.home main #infoarea ul li { position: absolute; width: 7%; }
.home main #infoarea ul.kidsphoto li:nth-child(1){ bottom: 4%; left: 2%; width: 21%; }
.home main #infoarea ul.kidsphoto li:nth-child(2){ bottom: -1%; right: 2%; width: 24%;  }
.home main #infoarea ul.kidsphoto li:nth-child(3){ bottom:-5%; left: 25%; width: 18%; }
.home main #infoarea ul.leafarea li:nth-child(1){ top:28%; left:3%;}
.home main #infoarea ul.leafarea li:nth-child(2){ top:27%; right: 3%; transform: rotate( 5deg ); width: 5%; }
.home main #infoarea ul.leafarea li:nth-child(3){ top:43%; right:2%; transform: rotate( 120deg ); }
.home main #infoarea ul.leafarea li:nth-child(4){ bottom:-2%; left:7%; transform: rotate( 15deg ); }
.home main #infoarea ul.leafarea li:nth-child(5){ bottom:4%; right:45%; transform: rotate( -70deg ); }
.home main #infoarea ul.leafarea li:nth-child(6){ bottom:-3%; right:33%; width: 12%; }
.home main #infoarea .info-main{ width: 80%;　padding: 3% 0 3%; text-align: center; margin: 0 auto;}
.home main #infoarea .info-main img{ width: 70%; margin: 0 auto;  }
.home main #infoarea dl{ width: 100%; margin: 0 auto;}
.home main #infoarea dl dd{ font-weight: bold; text-align: center; font-size: 1.2rem; line-height: 2.5; }
.home main #infoarea dl dd span{border-bottom: dashed 2px #C89366;display: inline-block;}    
.home main #infoarea dl dd span.sp_border{border: none;}   

.home main #infoarea .btn { position: absolute; bottom: 20%; left: 50%; width: 60%; margin: 0 auto;
transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); z-index: -1;}
.home main #btn-new_efforts { width: 70%; margin: 7% auto;}
.home main #btn-new_efforts a { margin: 0; width: 100%; display: block; }
.home main #btn-new_efforts a img { width: 100%; margin: 0 auto; display: block; }
.home main #communicate{ background: url("images/sp-home-communicateback.png") no-repeat; background-size: cover;  position: relative; padding-bottom: 10px;}
.home main #communicate .inner{ padding-bottom: 20%; overflow:hidden;}
.home main #communicate .kurumi-deco img:nth-child(1){ left: 0; top:-9px; }
.home main #communicate .kurumi-deco img:nth-child(2){ right: 0; top:-9px; }
.home main #communicate ul li img{ width: 100%; }
.home main #communicate ul li { position: absolute; }
.home main #communicate ul.leafarea li:nth-child(1){ top:38%; left:11%; transform: rotateY( 180deg );}
.home main #communicate ul.leafarea li:nth-child(2){ top:40%; left: 7%; transform: rotate( 180deg ); }
.home main #communicate ul.leafarea li:nth-child(3){ bottom:36%; right:9%; transform: rotate( -80deg ); width: 7%; }
.home main #communicate ul.leafarea li:nth-child(4){ bottom:28%; right:11%; transform: rotate( 15deg ); }
.home main #communicate h3 { text-align: center; padding: 14% 0 0 0; }
.home main #communicate h3 img{ width: 50%; text-align: center; }
.home main #communicate section{ width:90%; margin: 8% auto 0; height: 615px;}
.home main #communicate section p img{ border-radius: 10px; width: 70%;}
.home main #communicate section dl{ width: 100%; z-index: 1; border-radius: 10px; height: 395px; padding: 5% 5%;}
.home main #communicate section dl dt { text-align: center; position: relative; }
.home main #communicate section dl dt a{ font-weight: bold; font-size: 2.2rem; color: #fff; line-height: 2.5; position: relative; }
.home main #communicate section dl dt a span::after{ content: "▶︎"; margin-top: 10px; font-size: 1.5rem; position: absolute; right: -45px; }
.home main #communicate section dl dt img{ width: 30%; }
.home main #communicate section dl dd{ color: #fff; font-weight: bold; line-height: 2; font-size: 1.3rem; }
.home main #communicate section .character img { width: 70%; }
.home main #communicate section.about {position: relative;}
.home main #communicate section.about dl{ position: absolute; top: 0%; right: 0; background-color:#008d45;}
.home main #communicate section.about p{ position: absolute; bottom:0%; left: 5%; width: 90%; z-index: 2; }
.home main #communicate section.about .character { position: absolute; bottom: 0; right: 0%; z-index: 3; }
.home main #communicate section.life { position: relative;}
.home main #communicate section.life dl{ position: absolute; top: 0%; left: 0; background-color:#FA7E00 ; }
.home main #communicate section.life p{ position: absolute; bottom: 0%; right: 5%; width: 90%; z-index: 1;}
.home main #communicate section.life .character {position: absolute; bottom: 0; left: 62%; z-index: 3; transform: scale(-1, 1);}
.home main #communicate section.with-nature { position: relative;}
.home main #communicate section.with-nature dl{ position: absolute; top: 0%; right: 0; background-color:#008d45;}
.home main #communicate section.with-nature p{ position: absolute; bottom: 0%; left: 5%; width: 90%; z-index: 1; }
.home main #communicate section.with-nature .character { position: absolute; bottom: -7%; right: 0%; z-index: 3; }
.home main section.news p.title { font-size: 2.4rem; font-weight: bold; line-height: 2;  }
.home main section.news p.title img{ width: 20%; }
.home main .news-area { position: relative; }
.home main .news-area .kurumi-deco { position: relative; }
.home main .news-area .kurumi-deco img:nth-child(1){ left: 0; top:-17px; }
.home main .news-area .kurumi-deco img:nth-child(2){ right: 0; top:-17px; }
.home main .news-area .cloud-deco { position: relative; }
.home main .news-area .cloud-deco .cloud-deco-inner1{ right:11%; top:3%; position: absolute; width: 26%; z-index: -1;}
.home main .news-area .cloud-deco .cloud-deco-inner2{ left: -1%;  top:18%; position: absolute; width: 23%; z-index:  -1;}
.home main .news-area .cloud-deco .cloud-deco-inner3{ right: 8%; top: 21%; position: absolute; width: 15%; z-index: -1;}    
.home main .news-area .cloud-deco img.cloud001{position: relative; width: 100%; height: auto;}
.home main .news-area .cloud-deco img.cloud002{position: relative; width: 100%; height: auto;}
.home main .news-area .cloud-deco img.cloud003{position: relative; width: 100%; height: auto;}

.home main section.news p.title img{ width: 20%; }
.home main section.news { width: 90%; margin: 0 auto 18%; text-align: center; padding-top: 20%; margin-bottom: 50%;}
.home main section.news .kurumi-deco img:nth-child(1){ left: 0; }
.home main section.news .kurumi-deco img:nth-child(2){ right: 0; }
.home main section.news .news-cont{ margin: 8% auto; }
.home main section.news .news-cont a{ color:#444; display: block;  }
.home main section.news dl{ display: block;  text-align: left; font-size: 1.6rem; border-bottom: 3px #C89366 dashed; padding: 2.5%; font-weight: bold; position: relative; line-height: 1.7;}
.home main section.news .news-cont a:first-child{ border-top: 3px dashed #C89366; }
.home main section.news dl dt {font-size: 1.4rem; line-height: 2;}
.home main section.news dl dd { width: 90%; font-size: 1.6rem; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 2;}
.home main section.news dl dd.after{width: 5%; margin-left: 10px; font-size: 1.3rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.home main section.news dl .cat { margin-left: 1em; border-radius: 5px; padding: 0px 10px 2px; font-size: 1.4rem; background: #FA7E00; color: #fff;}
.home main section.news dl .cat.blog { background: #22A85B; }
.home main section.news .btn { margin: 4% auto;}
.home main section.news .btn p{ width: 70%;}
    
/*3つのこ*/

.home main .animated {-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden}
.home main .fadeinup{-webkit-animation:  1s cubic-bezier(0.6, 0.2, 0.1, 1);animation:  1s cubic-bezier(0.6, 0.2, 0.1, 1);}

@keyframes fadeinup {
  0% {
       opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
     90% {
      opacity: 0.1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
    
  100% {
       opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.home main .about .show, .home main .life .show, .home main .with-nature .show { animation-name: fadeinup; visibility: visible;}
    


/******************************:*/
	
.home .anime-item { position: absolute; }
.home .anime01 { }
.home .anime11 { top: 5%; right:0%; }
.home .anime12 { top: 20%; right:15%; }
.home .anime13 { bottom: 10%; left:10%; }
.home .anime21 { top: 0%; left:5%; }
.home .anime22 { top: 20%; left:10%; }
.home .anime23 { bottom: 10%; right:10%; }
.home .anime31 { top: 0%; right:0%; }
.home .anime32 { top: 20%; right:13%; }
.home .anime33 { bottom: 0%; left:0%; }
.home .anime41 { top: 0%; left:5%; }
.home .anime42 { top: 3%; right:15%; }
.home .anime43 { bottom: 10%; right:5%; }
.home .anime51 { top: 0%; left:25%; }
.home .anime52 { bottom: 0%; right:5%; }

.home #third-contents { width: 100%; display: block; margin: 30px auto; }
.home #third-contents .inner { width: 90%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.home #third-contents .inner article { width: 49%; position: relative; }
.home #third-contents .inner article .third-contents-header { width: 100%; height: 90px; display: block; text-align: center; }
.home #third-contents .inner article .icon { width: 30%; height: auto; display: block; margin: 0 auto; }
.home #third-contents .inner article .title { width: 50%; height: auto; display: block; margin: 0 auto 2rem; }
.home #third-contents .inner article .third-contents-contents { background: rgba(255,255,255,0.8); border-radius: 10px; padding: 2rem; }

/*TOPスライダー用*/
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}
.swiper-container {z-index: 0!important;}
.swiper-slide { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%!important;}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */ -webkit-animation: zoomUp 12s linear 0s; animation: zoomUp 12s linear 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slide-img { background-size: 120%; background-position: center center; height: 400px;}

/**page**/
/*共通*/
/*.page header h1 {width: 165px; top: 5px; transform: translateX(-50%);}
.page header nav {height: 85px;}
.single header h1 {width: 165px; top: 5px; transform: translateX(-50%);}
.single header nav {height: 85px;}*/

main .content-header-deco {position: absolute; left: 0; bottom: -1px; width: 100%;}
main .content-header-deco img { width: 100%;}
main .content-header .inner { position: relative; height: 100%;}
main .page-header-title { font-size: 2.5rem; color: #fff; font-weight: bold; margin-left: 2em;}
main .main-image { position: absolute; top: 22%; right: 5%; z-index: 5; border-radius: 20px; width: 60%;}
main .sub-image1 { position: absolute; bottom: -70px; left: -2%; z-index: 5;}
main .sub-image2 { position: absolute; bottom: -15px; left: 20%; z-index: 5;}
main .sub-image3 { position: absolute; bottom: -100px; right: -2%; z-index: 5;}

main .content-header { width: 100%; position: relative; height: 265px; /*margin-bottom: 100px;*/ display: block; padding-top: 50px; background: url(images/page-header-bg.jpg) no-repeat; z-index: 0; }
main .content-header .page-title { width:50%; height: auto; display: block; margin: 0 auto; padding: 2rem; border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px; }
main .content-header .page-title img.title { width: 400px; height: auto; display: block; margin:0 auto 1rem; }
main .content-header .page-title h3 { display: none; margin: 1.5rem auto 0; text-align: center; font-size: 3.0rem; font-weight: bold; color: #fff; }
main .content-header .anime-item { position: absolute; }
main .content-header .anime-item:nth-of-type(1) { right:0%; top:30%; }
main .content-header .anime-item:nth-of-type(2) { left:0%; top:20%; }
main .page-navi { display: block; margin: 1rem auto; }
main .page-navi .inner { padding: 2rem; border-radius: 10px; background:#f5d27a; }
main .page-navi ul { display: flex; }
main .page-navi ul li { margin: 0 2rem; }
main .page-navi ul li a { padding: 1rem 3rem; color:#42210b; text-decoration: none; font-weight: bold; font-size: 1.8rem; }
main .page-navi ul li a:hover { background: #fff; border-radius: 1.5rem; }

.page main .kurumi-deco { position: relative;}
.page main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.page main .kurumi-deco img:nth-child(1){ left: 0; top:0; }
.page main .kurumi-deco img:nth-child(2){ right: 0; top:0; }

main .content-body { margin: 4rem auto; color: #42210b; padding-bottom: 20%;}
main .content-body div.page-title { display: block; margin: 2rem auto; text-align: center; }
main .content-body div.page-title img { width: auto; height: auto; display: block; margin: 0 auto; }
main .content-body h3 { position: relative; font-size: 2.5rem; font-weight: bold;text-align: center; letter-spacing: 0.3rem; color: #434343; margin-bottom: 3rem; line-height: 1.6; }
main .content-body h3:before {content: ''; display: block; width: 20%; height: 50px; background: url(images/title-deco-leaf.png) no-repeat center; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
main .content-body h4 { font-size: 1.8rem; color: #FA7800; line-height: 2; letter-spacing: 0.3rem; margin: 50px auto; font-weight: bold; text-align: center; width: 90%;} 
main .content-body h5 { font-size: 1.6rem; color:#42210b; line-height: 1.7; letter-spacing: 0.3rem; margin: 30px auto; text-align: center; font-weight: bold; width: 80%;}
main .content-body h5 span.big { font-size: 1.5rem; font-weight: bold; color: #FA7800;}
main .content-body h5 span.short{ font-size: 1.2rem; }
main .content-body h6{ font-size: 2.4rem; font-weight: bold; margin-bottom: 30px; text-align: center; }
main .content-body h6 span{ background: linear-gradient(transparent 80%, #f9b737 80%); }
main .content-body p { display: block; margin: 4rem auto; font-size: 1.4rem; text-align: center; line-height: 2; letter-spacing: 0.1rem; font-weight: bold;}
main .content-body .inquery { width: 90%; margin: 0 auto 5%; padding: 10px; border: 2px solid #000; }
main .content-body .inquery dl { text-align: center;}
main .content-body .inquery dl dt{ font-size: 2rem; font-weight: bold; padding-bottom: 10px; }
main .content-body .inquery dl dd.title{ font-size:1.4rem; padding-bottom: 10px; line-height: 1.4; font-weight: bold;}
main .content-body .inquery dl dd.number{ font-size:2.4rem; font-weight: bold; }
main .content-body .spesial-title { font-size: 3.5rem; color: #603813; letter-spacing: 0.3rem; background: url(images/about/title-deco-line.png) no-repeat center bottom; text-align: center; padding-bottom: 10px; margin: 0 2rem;}
main .content-body .content-wrap { margin-top: 200px;} 
main .content-body .content-wrap:last-child { margin-bottom: 200px;} 
main .content-body .relation-item img { border-radius: 10px;} 
main .content-body .relation-item p { font-size: 1.6rem; color: #603813; margin: 2rem 0; font-weight: bold;} 
main .content-body .relation-item p.btn { width: 80%; background: #FA7E00; padding: 10px 0; color: #fff; margin: 0 auto; font-size: 1.5rem; position: relative; border-radius: 10px;} 
main .content-body .relation-item p.btn:after { content:''; display: inline-block; width: 10px; height: 10px; background: url(images/about/reration-btn-icon.svg) no-repeat; margin-left: auto; position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}
main .content-body .relation-item a:hover p { opacity: 0.8;} 
main .content-body .table-border { margin: 0 auto;}
main .content-body .table-border tr { border: solid 1px #C89366; border-right: none; border-left: none; }
main .content-body .table-border th { display: table-cell; font-size: 1.5rem; text-align: left; letter-spacing: 0.1rem; padding: 10px; color:#ffffff; background-color: #42210b; margin-top: 10px;}
main .content-body .table-border td { display: block; width: 100%; font-size: 1.5rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 1.6; border-right:  solid 1px #C89366;}
main .content-body .col-cont2 {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
main .content-body .col-cont2 .col {width: 49%;}
main .content-body .col-cont2 .col-slider {width: 90%; margin: 0 auto;}
main .content-body .col-cont3 {display: flex; justify-content: center; flex-wrap: wrap;}
main .content-body .col-cont3 .col {width: 40%; margin: 0 4%; }
main .content-body .col-cont3-2 {display: flex; justify-content: center;}
main .content-body .col-cont3-2 .col{width: 48%; margin: 0;}    
main .content-body .col-cont5 {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
main .content-body .col-cont5 .col{ width: 16%; margin: 2% 1%;}
main .content-body .col-cont5 .col p{ margin: 0;}
main .content-body .col img,main .content-body .col2 img{ width: 100%; height: auto;}
main .content-body .col50 { width: 50%;}
main .content-body .content-body h6 { line-height: 1.5;}
main .content-body p span { font-size: 1.4rem;}
main .content-body a.tel-link {color:#42210b; text-decoration:underline;}            
main .facility p.btn{width: 30%!important; background: #FA7E00;padding: 10px 0;color: #fff;margin: 0 auto;font-size: 1.5rem; position: relative; border-radius: 10px; text-align: center!important;}  
main .facility p.btn:after { content:''; display: inline-block; width: 10px; height: 10px; background: url(images/about/reration-btn-icon.svg) no-repeat; margin-left: auto; position: absolute; right: 10%; top: 50%; transform: translateY(-50%);}
main .facility p a{color:#ffffff;}

/*slider*/
.life main .content-body .js-slick01 .slick-list { height: 200px;}
main .js-slick01 .slide-arrow { display: block; width: 35px; height: 35px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 5; opacity: 0.5;}
main .js-slick01 .slide-arrow.prev-arrow { background-image: url(images/life/slider-prev.svg); left: 10px;}
main .js-slick01 .slide-arrow.next-arrow {background-image: url(images/life/slider-next.svg); right: 10px;}
main .js-slick01 .slide-arrow:hover { opacity: 1;}
main .js-slick01 .slick-slide img { width: 100%; height: auto;}
main .js-slick01 .slick-dots li button:before { font-size: 3.0rem;}

/*about*/
.about main .content-body .content-wrap#content-relations { margin-top: 50px;} 
.about main .content-body h4 span { display: inline-block; margin-bottom: 1.4rem; font-size: 1.8rem; padding-bottom:0.7rem; border-bottom: solid 1px #f28224;  }
.about main .content-body p { width: 90%; margin: 4rem auto; text-align: left; } 
.about main .content-body .spesial-title{text-align: center; background: none;}
.about main .content-body p br { display: none;}
.about main .content-body p br.sp_only { display:block;}    
.about main .content-body #slider-wrap { width: 800px; display: block; margin: 20px auto 0; }
.about main .content-body #slider-wrap ul.slider { width: 800px; margin: 0 auto;  }
.about main .content-body #slider-wrap button { display: none!important; }
.about main .content-body h4 { width: 80%; text-align: left; padding-bottom:0.7rem; margin: 5rem auto; font-size: 1.6rem; }
.about main .content-body h4 img { width: auto; }
.about main .content-body .edu-box h5{ text-align: center; font-size: 2.4rem;  }
.about main h5 span{ font-size: 2.8rem!important; color: #0008AA; display: inline-block!important; }
.about main .content-body h5 img { width: 60%!important; margin: -15px auto!important; }
.about main .content-body img.anime13 { height: 60px; width: auto; }
.about main .content-body img.anime14 { height: 60px; width: auto; }
.about main .content-body p span.bold { font-weight: bold; font-size: 1.8rem; }
.about main .content-body .five-sence img { width: 100%; height: auto; }
.about main .leaf-deco{ position: relative}    
.about main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; bottom:5%; left:13%; transform: rotate( 130deg); transform:scaleX(-1);}
.about main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; bottom:28%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.about main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; bottom:20%; right:12%; transform: rotate( 0deg ); }
.about main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; bottom:15%; left:12%;  transform: rotate( 0deg ); }
.about main .content-body #c02 { margin-top:100px; }
.about main .content-body .edu-box { margin: 5rem auto; padding-bottom: 0.5rem; width: 90%; background: #ffffff66; padding: 40px; }
.about main .content-body .edu-box .image-box { display: flex; justify-content: space-between; margin: 2rem auto; align-items: flex-end; }
.about main .content-body .edu-box .image-box img { width: 100%; height: auto; border-radius: 0; border: solid 10px #fff; box-shadow: 1px 3px 5px 2px #ccc; } 
.about main .content-body .edu-box .ex-box img.ph { border-radius: 0; border: solid 10px #fff; box-shadow: 1px 3px 5px 2px #ccc; margin: 0; width: 100%; height: auto; }
.about main .content-body .img-cont { position: relative;}
.about main .content-body .img-cont:before {position: absolute; top: 5%; left: 50%; transform: translateY(-50%); width: 30px; height: auto; z-index: 1;}
.about main .content-body #c02 .point { position: relative; display: block; line-height: 1.5; padding: 1em 4em; }
.about main .content-body #c02 .point h6{ color: #42210b; background-color: #FED794;  width: 50%; font-size: 2.3rem; text-align: center; padding: 1rem; margin: 0 auto; border-radius: 5px;}
.about main .content-body #c02 .cont-inner{ width: 85%; margin: 0 auto 5rem; text-align: center; }
.about main .content-body #c02 .dashed p{ border-bottom: 3px dashed #E06910; margin: 2rem!important; line-height: 3rem!important; padding-bottom: 3px;}
.about main .content-body #c02 .cont-inner p{ line-height: 0.5rem; font-size: 1.8rem;}
.about main .sub-image1 { position: absolute; bottom: -30%; left:5%; z-index: 5; width: 10%;}
.about main .sub-image2 { position: absolute; bottom: auto; left: auto; top: 18%; right: 2%; z-index: 5; width: 15%;}
.about main .sub-image3 { position: absolute; bottom: -30%; left: 16%; z-index: 5; width: 20%;}
.about main .content-body .relation-item p {margin: 2rem 0; text-align: center; line-height: 1.6;}
.about main .content-body .relation-item p.btn {width: 100%; font-size: 1.3rem; padding: 10px;}
.about main .content-body #content02 .col-cont2 { display: flex; }
.about main .content-body #content02 .col50 { display: block; width: 50%; margin: 0 auto; height: 200px; }
    
.about main .content-body .table-border{margin: 0 auto; width: 75%;}
.about main .parking {display: flex;justify-content: center;align-content: center; margin: 5% auto; font-size: 1.5rem; font-weight: bold; width: 75%; background-color: #ffffff; padding: 3%;}
.about main .parking dl {margin-right: 3%; width: 55%;} 
.about main .parking dl dt {padding: 5%; margin-bottom: 5%; text-align: center; width: 50%;background-color: #f7ecbe;}  
.about main .parking img{max-width:100%;}
.about main .content-body h6 {font-size: 2rem; font-weight: bold; margin-bottom: 30px;text-align: center;}
.about main .content-body h6.font{font-size: 1.8rem; font-weight: bold; margin-bottom: 30px;text-align: center;}
.about main .tomosodatecont{ margin: 0 auto; width: 90%;}
.about main .tomosodatecont .area{ display: flex; justify-content: space-between; margin-bottom: 3%; }
.about main .tomosodatecont dl { margin: 0; border: 3px dotted #fccf7b ; border-radius: 10px; padding: 2%; width: 48%;}
.about main .tomosodatecont dd { margin-bottom: 30px; font-size: 1.4rem ; line-height: 2; text-align: left!important; font-weight: bold; }
.about main .tomosodatecont dd img { width: 100%!important;}    

/*about animation*/
.about main .content-body h4.anime-title { position: relative; z-index: 5; margin-bottom: -3%; text-align: center;}
.about main .content-body h4.anime-title img{ width: 60%; height: auto;}

.about #anime-canvas { width: 100%; display: block; margin: 10px auto; overflow: hidden;}
.about .anime-canvas-bg { width: 100%; height: 400px; padding: 7% 5% 3%; background: url('images/about/anime/anime-bg.jpg') no-repeat top center; background-size: 90%; position: relative; }
.about .reload { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; top: 0; left: 0;}
.about .reload img { width: 100%; height: auto; }
.about .lo01:hover { opacity: 0; }

.about #first-copy { width: 85%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 10; cursor: pointer; }
.about .copyimg { width: 100%; height: auto; position: absolute; left: 50%; transform: translateX(-50%); }

.about .anime-box { display: block; width: 80%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.about .anime-box-img { width: auto; height: 100%; position: absolute; left: 50%; transform: translate(-50%); z-index: 0;}

.about .last-tree { width: 90%; height: 100%; position: absolute; left: 50%;  transform: translateX(-50%);}
.about .last-treeimg { height: 90%; width: auto; display: block; margin: 5% auto; top: 0;}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes fadeInload { from { opacity: 0; z-index: -20; } to { opacity: 1; z-index: 20;  } }

.about .ch01 { opacity: 0;}
.about .cp02 { opacity: 0;}
.about .tr01 { opacity: 0;}
.about .tr02 { opacity: 0;}
.about .ch02 { opacity: 0;}
.about .cp03 { opacity: 0;}
.about .tr03 { opacity: 0;}
.about .tr04 { opacity: 0;}
.about .ch03 { opacity: 0;}
.about .cp05 { opacity: 0;}
.about .tr05 { opacity: 0;}
.about .tr06 { opacity: 0;}
.about .tr07 { opacity: 0;}
.about .lo01 { opacity: 0; z-index: -20;}

.about .active #first-copy { cursor: auto; }
.about .active .cp01 { display: none; }
.about .active .ch01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 8.5s forwards; }
.about .active .cp02 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 8.5s forwards; }
.about .active .tr01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 4.5s forwards; }
.about .active .tr02 { animation: fadeIn 1s 4.5s forwards, fadeOut 1s 8.5s forwards; }

.about .active .ch02 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 16.5s forwards; }
.about .active .cp03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 16.5s forwards; }
.about .active .tr03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 12.5s forwards; }
.about .active .tr04 { animation: fadeIn 1s 12.5s forwards, fadeOut 1s 16.5s forwards; }

.about .active .ch03 { animation: fadeIn 1s 16.5s forwards, fadeOut 0.5s 24.5s forwards; }
.about .active .cp05 { animation: fadeIn 1s 16.5s forwards, fadeOut 0.5s 24.5s forwards; }
.about .active .tr05 { animation: fadeIn 1s 16.5s forwards, fadeOut 1s 20.5s forwards; }
.about .active .tr06 { animation: fadeIn 1s 20.5s forwards, fadeOut 0.5s 24.5s forwards; }

.about .active .tr07 { animation: fadeIn 0.5s 24.5s forwards; }
.about .active .lo01 { animation: fadeInload 0.5s 28.5s forwards; }

.about .ab01 {opacity: 0;}
.about .ab02 {opacity: 0;}
.about .ab03 {opacity: 0;}
.about .ab04 {opacity: 0;}
.about .ab05 {opacity: 0;}

.about .active .ab01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 4.5s forwards;}
.about .active .ab02 { animation: fadeIn 1s 4.5s forwards, fadeOut 1s 8.5s forwards;}
.about .active .ab03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 12.5s forwards;}
.about .active .ab04 { animation: fadeIn 1s 12.5s forwards, fadeOut 1s 16.5s forwards;}
.about .active .ab05 { animation: fadeIn 1s 16.5s forwards;}
.about .active .lo01 { animation: fadeInload 0.5s 20.5s forwards; }

/*life*/
.life main .content-body h5 {text-align: left; font-size: 1.5rem; margin-top: 50px; width: 70%;}
.life main .content-body h6 { background: coral; color: #fff; line-height: 1.3; padding-top: 5px; padding-bottom: 15px; margin-bottom: 0;}
.life main .content-body h6 span { font-size: 2.0rem; }
.life main .content-body .box {margin-top: 3em;}
.life main .content-body .col-cont2 {display: flex;}
.life main .content-body .col-cont2 .col-slider {width: 40%;}
.life main .content-body .col-cont2 .col-cont3 {display: block;}
.life main .content-body .col-cont2 .col { width: 55%; margin: 0 auto;}
.life main .content-body .day-event p { margin: 1em 0 2rem; text-align: left;}
.life main .content-body .day-event .day-event-up { font-size: 2.0rem; color: #FA7800; margin: 0; text-align: center;}
.life main .content-body .life-event h5 { text-align: left; }
.life main .content-body .life-event p { text-align: left;}

.life main .content-body img + p { margin-top: 1rem;}

.life main .content-body #day-youji h6 { margin-top: 10rem;}
.life main .content-body #day-youji .day-event h6 { margin-top: 0;}
.life main .content-body #day-youji .big { color: #42ad1f; }
.life main .content-body #day-youji h4 { color: #42ad1f; }
.life main .content-body #day-youji h6 { background: #A2CF56; margin-top: 0;}
.life main .content-body #day-youji h6 span { background: linear-gradient(transparent 80%, #55be75 80%); }
.life main .content-body .hikaritime p { text-align: left; line-height: 1.5;}
.life main .content-body .hikaritime { justify-content: space-between; margin-bottom: 5em; margin-top: 3rem; width: 90%; margin: 0 auto;}
.life main .content-body .hikaritime .col { margin: 0; width: 48%;}
.life main .content-body .hikaritime p span { display: block; font-size: 1.8rem; border-bottom: solid 3px #42ad1f; text-align: center; margin-bottom: 10px;}
.life main .content-body .hikaritime2{justify-content: space-between; margin-bottom: 5em; margin-top: 3rem; width: 90%; margin: 0 auto;} 
.life main .content-body .hikaritime2 p {text-align: left;}     
.life main .content-body .hikaritime2 p span {display: block; font-size: 2.3rem; border-bottom: solid 3px #42ad1f; text-align: center; margin-bottom: 10px;}

.life main .content-body #day-nagare .inner { width: 85%; }
.life main .content-body #day-nagare h6 { background: none; color: #42210b; }
.life main .content-body .timeline { width: 100%; margin: 2rem auto; }
.life main .content-body p.day-0sai{ width: 100%; border: 1px solid #42210b; font-size: 1.2rem;}
.life main .content-body #kidsday { display: block; justify-content: space-around; margin-top: 20px; position: relative;}
.life main .content-body #kidsday h4 { color: #50210B; margin-bottom: 1em; line-height: 1.5;}
.life main .content-body #kidsday h4 span { display: block; font-size: 1.5rem; }
.life main .content-body #kidsday .day-title { width: 100%; height: auto; display: block; margin: 0 auto; }
.life main .content-body #kidsday .js-day-click { display: block; cursor: pointer; color: #fff; font-weight: bold; padding: 10px; text-align: center;}
.life main .content-body #kidsday .timearea { height: 0; transition-duration: 0.4s;}
.life main .content-body #kidsday .timearea.active { height: auto; padding: 20px 0 50px; transition-duration: 0.4s;}
.life main .content-body #kidsday .timebox { display: none;}
.life main .content-body #kidsday .timearea p { display: none;}
.life main .content-body #kidsday .active .timebox { display: block;}
.life main .content-body #kidsday .active.timearea p { display: block;}
.life main .content-body .timeline-image { width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px; }
.life main .content-body #day-nagare-nyuuji {width: 80%; margin: 0 auto;}
.life main .content-body #day-nagare-nyuuji .js-day-click {background: #fecb72;}
.life main .content-body #day-nagare-nyuuji .timearea {background: #fecb72;}
.life main .content-body #day-nagare-youji {width: 80%; margin: 50px auto 0;}
.life main .content-body #day-nagare-youji .js-day-click {background: #82ba70;}
.life main .content-body #day-nagare-youji .timearea {background: #82ba70;}
.life main .content-body #day-nagare-youji h6 span { background: linear-gradient(transparent 80%, #7bcb5a 80%); }
.life main .content-body #day-nagare .timearea p {margin: 0; font-size: 1.2rem;}
.life main .content-body #day-nagare .timebox { width: 65%; margin: 0 auto 10px; position: relative;}
.life main .content-body #day-nagare .timebox + .timebox { margin-top: 20px;}
.life main .content-body #day-nagare .timebox .timeline-word { width: 50%; position: absolute;}
.life main .content-body #day-nagare .timebox .timeline-word.tl { top: 15%; left: -25%;}
.life main .content-body #day-nagare .timebox .timeline-word.tr { top: 15%; right: -25%; }
.life main .content-body #day-nagare .timebox .timeline-word.bl { bottom: -3%; left: -25%; }
.life main .content-body #day-nagare .timebox .timeline-word.br { bottom: -3%; right: -25%; }

.life main .content-body #day-gyouji h4 { margin-bottom: 0;text-align: left;}
.life main .content-body .gyouji-box { margin: 4rem auto; display: block;}
.life main .content-body .gyouji-box p { margin: 1rem 0;}
.life main .content-body .gyouji-box .att {width: 90%; margin: 0 auto; text-align: left;}
.life main .content-body .gyouji-box .season { width: 90%; border-bottom: solid; display: flex; align-items: center; padding-right: 2%; margin: 7rem auto 1rem; padding-bottom: 1rem;}
.life main .content-body .gyouji-box .season img { width: 20%; height: auto; margin: 0 auto;}
.life main .content-body .gyouji-box .event-cont .col-cont2 { display: flex; justify-content: center; align-items: center; }
.life main .content-body .gyouji-box .event-cont { width: 100%; margin: 0; align-self: center;}
.life main .content-body .gyouji-box .event-cont .moth { width: 20%; margin: 1rem 0;}
.life main .content-body .gyouji-box .event-cont .event-list { width: 75%; text-align-last: left; margin: 1rem 0;}
.life main .content-body .gyouji-box .photo { width: 50%; align-self: center; position: relative; margin-left: 15rem;}
.life main .content-body .gyouji-box .photo .season-event-img { width: 100%; height: auto; display: block; margin: 3rem 0;}
.life main .content-body .gyouji-box .photo .icon-img { position: absolute; bottom: 0; right: -70px; }

/*季節ごと色分け*/
.life main .content-body .gyouji-box .season.spring { color: #F3A5A5; border-color: #F3A5A5;}
.life main .content-body .gyouji-box .spring .moth { color: #F3A5A5; }
.life main .content-body .gyouji-box .season.summer { color: #A2CF56; border-color: #A2CF56;}
.life main .content-body .gyouji-box .summer .moth { color: #A2CF56; }
.life main .content-body .gyouji-box .season.autumn { color: #FFAB3B; border-color: #FFAB3B;}
.life main .content-body .gyouji-box .autumn .moth { color: #FFAB3B; }
.life main .content-body .gyouji-box .season.winter { color: #55B8E4; border-color: #55B8E4;}
.life main .content-body .gyouji-box .winter .moth { color: #55B8E4; }

.life main .content-body .another-event { justify-content: center; margin: 1rem 0;}
.life main .content-body .another-event .photo { width: 80%; margin: 0 auto; justify-content: space-between;}
.life main .content-body .another-event .photo .another-event-img { display: block; margin: 1rem 0;}
.life main .content-body .another-event .eventtext { width: 80%;margin: 0 auto; justify-content: space-between;}
.life main .content-body .another-event .eventtext .col { margin: 0 auto;}
.life main .content-body .another-event .eventtext .col:nth-child(3) { width: 60%;}
.life main .content-body .another-event p { margin: 1rem auto; font-size: 1.8rem; border-bottom: solid #f9b737;}
.life main .content-body .another-event ul { text-align: center; margin-bottom: 2rem;}
.life main .content-body .another-event ul li { font-size: 1.4rem;  line-height: 2; font-weight: bold; text-align: left;}
.life main .content-body .another-event .col2 {width: 32%;}     
.life main .sub-image1 { position: absolute; bottom: -40%; left: 2%; z-index: 5; width: 10%;}
.life main .sub-image2 {  position: absolute;bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.life main .sub-image3 { position: absolute; bottom: -40%; left: 15%; z-index: 5; width: 18%;}

    
/*with-nature*/    
.with-nature main .tomo-button span.arrow{display: block;position: absolute; top: 50%; right: 10%; transform: translate(-50%, -50%);}
.with-nature main .content-body h5{font-size: 1.4rem;text-align: left;line-height: 2;letter-spacing: 0.1rem;font-weight: bold; width: 72%;} 
.with-nature main .content-body dd{font-size: 1.4rem;text-align: left;line-height: 2;letter-spacing: 0.1rem;font-weight: bold; width: 90%; margin: 30px auto;} 
.with-nature main dl{ margin: 10% auto 10%; }
.with-nature main dd img{ display: inline; margin: 0 auto 10%; width: 32%;}
.with-nature main .sub-image1 { position: absolute; bottom: -40%; left: 1%; z-index: 5;  width:15%;}
.with-nature main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.with-nature main .sub-image3 { position: absolute; bottom: -40%; right: 64%; z-index: 5; width:20%;}    
.with-nature main #with-nature .naturearea { display: flex; justify-content: space-between; width: 90%;
margin: 0 auto;}
.with-nature main #with-nature dl { width: 65%; }
.with-nature main #with-nature dl dt { display: inline-block; font-size: 3rem; margin-bottom: 2%; letter-spacing: 1rem; background-image: url("images/with-nature/crayon-line.png"); background-position: bottom; background-repeat: no-repeat; }
.with-nature main #with-nature dl dt span { font-size: 4.5rem; font-weight: bold; padding: 5px; }
.with-nature main #with-nature dl dt#right-titel{ text-align: right!important; }
.with-nature main #with-nature dl dd img { width: 100%;}
.with-nature main #with-nature p.nature{ width: 33%; text-align: left; padding: 4%; background: #fff; height: 400px; }
.with-nature main #with-nature .col-cont2 .col-slider { width: 100%; }


/*open*/
.open main .content-body .caution { border:#E51C1F  4px solid;  color:#E51C1F; margin: 30px auto; padding: 20px; background: #fff; width: 90%;}
.open main .content-body h5{font-size: 1.4rem;text-align:center;line-height: 2;letter-spacing: 0.1rem;font-weight: bold;width: 70%;}
.open main .content-body h5 + p{width: 90%; text-align: l;}  
.open main .content-body .caution p{ color:#E51C1F; font-size: 1.6rem; font-weight: bold; margin:0%; text-align: left;}
.open main .content-body .caution a.tel-link { color:#E51C1F;}
.open main .content-body .open-content{ width: 90%; margin: 0 auto; }
.open main .content-body .open-content dl { height: 100%; width: 100%; display: flex; justify-content: space-around;font-size: 1.4rem; margin-bottom: 10px;}
.open main .content-body  .open-content dl dt { width: 30%; border-right: 1px solid #42210b; display: flex; justify-content: center;align-items: center; font-size: 1.6rem; font-weight: bold;}
.open main .content-body .open-content dl dd { width:70%; /*display: flex; align-items: center;*/ margin-left: 5%; line-height: 1.6; font-size:1.4rem; padding: 10px 0;}
.open main .content-body .open-content dl dd.last {display: flex; flex-direction: column; align-items: flex-start;justify-content: center;}
.open main .content-body .open-content dl dd .day-text {text-indent: -1em; padding-left: 1em; display: block;}
.open main .content-body .open-content dl dd a{ text-decoration: underline; }
.open main .content-body .open-content dl dd a.pdf::before { content:"PDF";  color:#ffffff; background-color: #E51C1F; font-size: 1rem; padding: 5px 10px; margin-right: 5px;}
.open main .content-body .open-content dd a.pdf { color:#42210b; text-decoration: none; }
.open main .content-body .open-content dd p { font-size: 1.4rem; margin: 0; text-indent: -1em; padding-left: 1em; font-weight: normal; text-align: left;}
.open main .content-body .open-content .fontB {font-weight: bold; font-size: 1.6rem;}
.open main .content-body .image-area { position: relative; display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 10rem;  margin: 0 auto; align-items: center;}
.open main .content-body .image-area img:nth-child(1){width: 90%;}
.open main .content-body .image-area img:nth-child(2){width: 100%; height: auto;}    
.open main .content-body .image-area img:last-child{ bottom: 0px; left: 50%;width: 30%;}
.open main .content-body .content-wrap:last-child{ margin-top: 120px;}
.open main .plan-table { width: 80%; margin: 0 auto 10%;}
.open main .plan-table tr.plan-month { display: block; /*background: #8ABD4C; color: #fff;*/ padding: 10px; margin-top: 30px; border-top: solid 3px; border-bottom: solid 3px;}
.open main .plan-table th { display: block; padding: 0px; font-size: 1.8rem;}
.open main .plan-table tr.plan-month:nth-child(7n+1) { border-color: #DE6641;}
.open main .plan-table tr.plan-month:nth-child(7n+3) { border-color: #E8AC51;}
.open main .plan-table tr.plan-month:nth-child(7n+5) { border-color: #DFD000;}
.open main .plan-table tr.plan-month:nth-child(7n+7) { border-color: #39A869;}
.open main .plan-table tr.plan-month:nth-child(7n+9) { border-color: #4784BF;}
.open main .plan-table tr.plan-month:nth-child(7n+11) { border-color: #5D5099;}
.open main .plan-table tr.plan-month:nth-child(7n+13) { border-color: #A55B9A;}
.open main .plan-table .plan-title { margin-top: 10px;}
.open main .plan-table td { display: block; padding: 10px; text-align: left;}
.open main .plan-table td ul li { line-height: 1.8; }
.open main .plan-table td ul li + li { margin-top: 20px;}
.open main .plan-table td ul li span { padding-right: 1em; display: block; width: 100%; margin: 0 auto;}
.open main .plan-table td ul li .plan-day { font-weight: bold;}
.open main .plan-table td ul li .plan-naiyou { font-weight: bold;}
.open main .plan-table td ul li .plan-notice { font-size: 1.4rem;}
.open main .plan-table td ul li .plan-btn { margin-top: 10px;}
.open main .plan-table td ul li .plan-btn a {display: block; background: #FB972F; border-radius: 10px; padding: 5px; text-align: center; color: #fff;}
.open main .open-into .open-into-img { width: 90%; margin: 0 auto; }
.open main .open-into .open-into-img img { width: 100%; height: auto;}
.open main .open-into .col-cont4 { display: flex; justify-content: space-between; width: 90%; margin: 0 auto; flex-wrap: wrap;}
.open main .open-into p { width: 90%; margin: 2rem auto; text-align: left;}
.open main .open-into .col { width: 49%; }
.open main .open-into .col p { margin-top: 1rem; text-align: center;}
.open main .sub-image1 { position: absolute; bottom: -50px; left:auto; right: 66%; z-index: 7; width: 15%;}
.open main .sub-image2 { position: absolute;bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.open main .sub-image3 { position: absolute; bottom: -50px; left: 0%; z-index: 6; width: 30%;}

/*recruit入園案内*/
.recruit .content-body .messege { background: #fff; border: 2px dashed #ff9f46; box-shadow: 0 0 0 10px #fff; border-radius: 5px; color: #fff; width: 85%; margin: 0 auto;}
.recruit .content-body .messege h5 {width: 85%; padding: 1% 3% 0 5%; margin-bottom: 0; text-align: left; font-size: 1.4rem;}
.recruit .content-body .messege p{ text-align: right; padding: 2% 4%; margin:0;  color: #42210b; }
.recruit .content-body #requirements .table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 90%; margin: 0 auto 6%; }
.recruit .content-body #requirements .table dl { display: block; width: 100%; }
.recruit .content-body #requirements .table dl dt,.recruit .content-body #requirements .table dl dd { display: table-cell; font-size: 1.4rem; padding: 8px 15px; background: #ffffff; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.recruit .content-body #requirements .table dl dt{ width: 100%; display: block; background: #f5f5f5; text-align: center; font-weight: bold; padding: 3%; font-size: 1.6rem; line-height: 1.5;padding: 15px; }
.recruit .content-body #requirements .table dl dd{ width: 100%; display: block; font-size: 1.4rem; margin: 0; line-height: 2; text-align: left; font-weight: bold; padding: 20px;}
.recruit .content-body #requirements .table dl dd p.pdf{ margin: 0; text-align: left; }
.recruit .content-body #requirements .table dl dd p.pdf::before{ content: "PDF"; color: #ffffff; background-color: #E51C1F; font-size: 1.2rem; padding: 5px 10px; margin-right: 5px; }
.recruit .content-body #requirements .table dl dd p a{ color: #42210b; font-weight: bold; font-size: 1.3rem; }
.recruit .content-body #requirements .table dl dd span.small{ font-size: 1.4rem; }
.recruit  main .sub-image1 { position: absolute; bottom: -50px; left: 12%; z-index: 5;width:12%;}
.recruit  main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.recruit  main .sub-image3 { position: absolute; bottom: auto; top: 20%; left:3%; z-index: 5; width: 30%;}
.recruit p span.small { display: block; width: 90%; margin: 0 auto; text-align: left;}
/*投稿共通*/
/*
 .blog .navigation h2{ display: none; }
 .blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
 .blog .navigation a,span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
 .blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
 .blog .navigation .current{ background:gold; border-radius:100%; }
 .blog .navigation .dots{ background:none; }
*/

/*blog*/
.blog main .content-body article { width: 90%;display: block; margin: 5rem auto; padding:3rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 1.4rem; }
.blog main .content-body article h4 { font-size: 1.8rem; text-align: left; margin: 0; width: 100%;}
.blog main .content-body article h5 { font-size: 1.6rem;color: #42210b;line-height: 1.7;letter-spacing: 0.3rem;margin: 30px auto;text-align: center;font-weight: bold; border-bottom: solid 2px #f28224;}
.blog main .content-body article h5 span.weather{ font-size: 1.4rem; }
.blog main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.blog main .content-body article p { font-size: 1.4rem; margin: 1rem auto; text-align: left;}
.blog main .content-body article span { font-size: 1.4rem;}    
.blog main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.blog main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.blog main .content-body .nav-links{ text-align: center;}
.blog .navigation h2{ display: none; }
.blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.blog .navigation a,.blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.blog .navigation .current{ background:gold; border-radius:100%; }
.blog .navigation .dots{ background:none;}
.blog main .sub-image1 { position: absolute; bottom: -40%; left: 1%; z-index: 5; width: 13%;}
.blog main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.blog main .sub-image3 { position: absolute; bottom: -40%; left: 15%; z-index: 5; width: 20%;}
.blog .blog-pic img{margin-bottom: 10%; width: 49%}



/*news*/
.news main .content-body  .area { position: relative; width: 90%; margin: 0 auto; text-align: center;}
.news main .content-body  dl {display: block; justify-content: space-between; text-align: left; font-size: 1.6rem;border-bottom: 3px #C89366 dashed; padding: 2.5%; font-weight: bold; position: relative;}
.news main .content-body  dl dt{ font-size: 1.4rem; line-height: 2;}
.news main .content-body  dl dd{ width: 90%;  font-size: 1.6rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 2;}
.news main .content-body  dl dd.after{ width: 5%; margin-left: 10px; font-size: 1.3rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color:#fa7e05;}
.news main .content-body a {color: #444; display: block;}
.news main .content-body .area a:first-child{ border-top: 3px dashed #C89366;}
.news .navigation h2{display: none;}
.news .navigation .nav-links{padding: 2em; display: flex; justify-content: center;}
.news .navigation .current {background: gold; border-radius: 100%;}
.news .navigation a, .news .navigation span {width: 50px;height: 50px;margin: 2px; line-height: 50px; text-align: center; font-size: 14px;font-weight: bold;text-decoration: none;background: #fff;color: #222; transition: .3s;}
.news main .sub-image1 { position: absolute; bottom:  -40%; left: 0%; z-index: 5; width: 12%;}
.news main .sub-image2 { position: absolute; bottom: auto; left: auto; top: 18%; right: 2%; z-index: 5; width: 15%;}
.news main .sub-image3 { position: absolute; bottom: -40%; left: 15%; z-index: 5; width: 17%;}
.news main .content-body dl .cat { margin-left: 1em; border-radius: 5px; padding: 0px 10px 2px; font-size: 1.4rem; background: #FA7E00; color: #fff;}
.news main .content-body dl .cat.blog { background: #22A85B; }
    
/*facility*/ 
.facility main .content-body p.sentencetitle{font-size: 2.4rem; text-align: left; font-weight: bold; margin: 0!important;}
.facility main .leaf-deco{ position: relative}
.facility main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:50%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(5){ position: absolute; bottom:5%; left:13%; transform: rotate( 130deg); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(6){ position: absolute; bottom:28%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(7){position: absolute; bottom:20%; right:12%; transform: rotate( 0deg ); }
.facility main .leaf-deco ul.leafarea li:nth-child(8){position: absolute; bottom:15%; left:12%;  transform: rotate( 0deg ); } 
.facility main .leaf-deco ul.leafarea li:nth-child(9){position: absolute; top:24%; left:5%;  transform: rotate( 0deg ); }   
.facility main .content-body .contents { position: relative; margin: 10% auto;}
.facility main .content-body .floor1{ position: relative; margin: 2% auto 10%;}       
.facility main .content-body .contents img{width: 100%; display: block; margin: 0 auto;} 
.facility main .content-body .contents img.pin{width: 50%;}
.facility main .content-body .floor1 .map-pin01{position: absolute; top:34%; left:17%;}
.facility main .content-body .floor1 .map-pin02{position: absolute; top:57%; left:17%;}
.facility main .content-body .floor1 .map-pin03{position: absolute; top:36%; left:34%;}
.facility main .content-body .floor1 .map-pin04{position: absolute; top:56%; left:38%;}
.facility main .content-body .floor1 .map-pin05{position: absolute; top:21%; left:74%;}   
.facility main .content-body .floor1 .map-pin06{position: absolute; top:58%; left:62%;}
.facility main .content-body .floor1 .map-pin07{position: absolute; top:38%; left:63%;}
.facility main .content-body .floor1 .map-pin08{position: absolute; top:70%; left:69%;}
.facility main .content-body .floor1 .map-pin09{position: absolute; top:4%;  left:44%;}
.facility main .content-body .floor1 .map-pin10{position: absolute; top:80%; left:53%;}     
.facility main .content-body .floor2 .map-pin01{position: absolute; top:20%; left:7%;}
.facility main .content-body .floor2 .map-pin02{position: absolute; top:22%; left:32%;}
.facility main .content-body .floor2 .map-pin03{position: absolute; top:9%;  left:56%;}
.facility main .content-body .floor2 .map-pin04{position: absolute; top:40%; left:69%;}
.facility main .content-body .floor2 .map-pin05{position: absolute; top:58%; left:69%;}   
.facility main .content-body .floor2 .map-pin06{position: absolute; top:22%; left:80%;} 
.facility main .content-body .rooftop .map-pin01{position: absolute; top:5%; left:44%;}
.facility main .content-body .rooftop .map-pin02{position: absolute; top:26%; left:62%;}
.facility main .content-body .rooftop .map-pin03{position: absolute; top:48%; left:69%;}
.facility main .content-body .rooftop .map-pin04{position: absolute; top:75%; left:70%;}
.facility main .content-body .rooftop .map-pin05{position: absolute; top:19%; left:25%;}
.facility main .content-body .rooftop .map-pin06{position: absolute; top:38%; left:25%;}        
.facility main .content-body .flex{display: flex; justify-content: space-between; flex-wrap: wrap; margin:70px auto; }
.facility main .content-body .sentence{width: 55%;}
.facility main .content-body .sentence p{text-align: left!important; margin-bottom: 30px;} 
.facility main .sub-image1 { position: absolute; bottom:  -50px; left: 0%; z-index: 5; width: 100px;}
.facility main .sub-image2 { position: absolute; bottom: auto; left: auto; top: 18%; right: 2%;z-index: 5;width: 15%;}
.facility main .sub-image3 { position: absolute; bottom: -90px; left: 10%; z-index: 5; width: 20%;}
#facility .modal{display: none; height: 100vh;position: fixed;top: 0;width: 100%; z-index:101;}
#facility .modal__bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
#facility .modal__content{background: #fff;left: 50%;padding: 40px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 90%;} 
#facility .modal__content figure img{ display: block; margin: 0 auto; max-width: 100%;} 
#facility .modal__content a{ position: absolute; top: 1%; right: 1%; font-size: 3rem; font-weight:bold;   color: #444;}   
#facility .modal__content h5{ margin: 3% auto; font-size: 2rem; font-weight: bold;max-width: 500px;}
.facility main h4{font-size: 2.4rem;color: #FA7800;line-height: 2;letter-spacing: 0.3rem;font-weight: bold;text-align: center; width: 90%; margin: 10% auto 5%;}    
.facility main .content-body .facility-pic{display: flex; justify-content: center; width: 90%;}
.facility main .content-body .facility-pic img{ display: block; width: 50%;}
.facility main .col-cont4 {display: flex;justify-content: space-between; flex-wrap: wrap;width: 90%; margin: 0 auto;}
.facility main .col {width: 49%;text-align: center;}  
.facility main .col-cont4 p {font-size:1.4rem;}
.facility main .content-body h5 { font-size: 1.6rem; color:#42210b; line-height: 1.7; letter-spacing: 0.3rem; margin: 30px auto; text-align: left; font-weight: bold; width: 70%;} 
.facility main .content-body p {display: block;margin: 2rem 5% 4rem; font-size: 1.4rem;text-align:left;line-height: 2;letter-spacing: 0.1rem;font-weight: bold;}
.facility .videoarea iframe{ width: 90%; height: 400px;}    
.facility .videoarea{ margin: 0 auto 30%; width: 100%;text-align: center; }
.facility video { width: 70%; height: auto; margin: 0 auto; }
        
    

    

/*admission*/
.admission main #admission-area h4{font-size:2rem; margin:0 auto;text-align: center;}
.admission main #admission-area .boshuu-table-bg{background-color: #fefbec; margin-bottom: 100px;}
.admission main #admission-area .boshuu-table-bg2{background-color: #ffffff; margin: 0 auto;
padding: 20px 0; width: 90%;}
.admission main #admission-area .boshuu-table-bg3{background-color: #ffffff; margin: 0 auto;
padding:0 0 5% 0; width: 90%;}
.admission main #admission-area .boshuu-table{font-size: 1.6rem; font-weight: bold; line-height: 1.4; width: 90%; background-color: #fefbec; margin: 0 auto;}
.admission main #admission-area .boshuu-table .boshuu-table-flex{display:block;}      
.admission main #admission-area .boshuu-table-header{font-size: 4rem;font-weight: bold; color:#147709; height: 100px;padding: 10px; width: 980px; margin: 0 auto; background-color: #ffffff;}
.admission main #admission-area .boshuu-table-header2{font-size: 4rem;  font-weight: bold; color:#ed2d23; height: 100px;padding: 10px; width: 980px; margin: 0 auto; background-color: #ffffff;}
.admission main #admission-area .center-cell{display: flex; justify-content: center; align-items: center;
width: 90%; font-size:2rem;}   
.admission main #admission-area .cell{ display: flex; align-items: center; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding: 20px; font-size:1.4rem;}
.admission main #admission-area .cell2{display: flex; justify-content: center; flex-direction: column; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; height: 50px; padding: 5px 10px;
}
.admission main #admission-area .cell3{display: flex; flex-direction: column; justify-content: center;  border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px;padding: 20px 10px;}
.admission main #admission-area .item2{background-image: url(images/admission/table-lightgreenback.png);  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem; text-align: center; width: 100%; padding: 20px;}
.admission main #admission-area .item3{background-image: url("images/admission/table-greenback.png");  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem; text-align: center; width: 100%; padding: 20px;}
.admission main #admission-area .item4{background-image: url(images/admission/table-orangeback.png);  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem;    text-align: center; padding: 20px;  width: 100% }
.admission main #admission-area .item5{background-image: url("images/admission/table-lightorangeback.png");  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; font-size: 1.4rem; padding: 20px;  text-align: center; width: 100%; }   
.admission main #admission-area .cell2 span.seigo{margin-left: 4em;}
.admission main #admission-area p.red{text-align: center; color:#A9251E;}
.admission main #admission-area p.uketuke{color:#A9251E; text-align: left; font-size: 1.4rem; margin:0;}
.admission main #admission-area p.gansho{text-align: left; font-size: 1.4rem; margin:0;}
.admission main #admission-area span.red-line{border-bottom: #A9251E 1px solid; }
.admission main #admission-area .last{ border-bottom: #cccccc 1px solid;} 
.admission main #admission-area .azukari p{font-size: 1.4rem; line-height: 1.4; margin:10px 5px 0; text-align: left;} 
.admission main #admission-area .kyuusyoku span.price{display: inline-block; width: 65px; text-align: right; font-size: 1.4rem;}      
.admission main #admission-area .kyuusyoku p{ text-align: left; font-size: 1.4rem; margin:0; }
.admission main #admission-area p.bikou{font-size:1.4rem; line-height: 1.4; margin:0;  text-align: left;}
.admission main #admission-area span.red{color:#A9251E; font-weight: bold;}
.admission main #admission-area span.date{font-size:2rem; font-weight: bold;}  
.admission main #admission-area span .date-red{color:#A9251E; font-weight: bold;font-size:2rem; } 
.admission main #admission-area .azukari-table{display: flex; flex-direction: column; margin: auto 5px; }
.admission main #admission-area .azukari-table2{display:flex;}
.admission main #admission-area .azukari-table3{display: flex; width: 100%; height: 50px;}
.admission main #admission-area .azukari-table4{display: flex; flex-direction: column; width: 30%;}
.admission main #admission-area .azukari-table5{display: flex; flex-direction: column; width: 70%;}
.admission main #admission-area .azukari-table6{display: flex; width: 100%; height: 100px;}
.admission main #admission-area .cell4{font-size: 1.4rem; height: 100px; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px;  width: 100%;}
.admission main #admission-area .cell5{font-size: 1.4rem; height: 50px;  border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-bottom: #cccccc solid 1px; width: 100%; }
.admission main #admission-area .cell6{font-size: 1.4rem; height: 50px;  width: 30%; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding-right: 5px;}
.admission main #admission-area .cell7{font-size: 1.4rem; height: 100px; width:70%; border-top: #cccccc double 3px; border-left: #cccccc double 3px; border-bottom: #cccccc solid 1px;}
.admission main #admission-area .cell8{font-size: 1.4rem; height: 50px;  width: 50%; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px;}
.admission main #admission-area .cell9{font-size: 1.4rem; height: 100px;  width: 30%; border-top: #cccccc double 3px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; border-bottom: #cccccc solid 1px;}
.admission main #admission-area .cell10{ font-size: 1.4rem;height: 50px;  width: 20%; border-top: #cccccc solid 1px; border-left: #cccccc double 3px; }
.admission main #admission-area .cell11{font-size: 1.4rem;height: 50px;  width: 100%; border-top: #cccccc double 3px; border-bottom: #cccccc solid 1px; border-right: #cccccc solid 1px; border-left:  #cccccc double 3px;}
.admission main #admission-area .cell12{font-size: 1.4rem;height: 50px;  border-left:  #cccccc solid 1px;  border-top: #cccccc double 3px; border-bottom: #cccccc solid 1px; width: 100%;}
.admission main #admission-area .cell13{font-size:1.4rem; height: 50px;  border-top: #cccccc double 3px; border-left: #cccccc solid 1px; width: 100%}
.admission main #admission-area .tukigaku{background-color: #B2B2B2; color: #ffffff;} 
.admission main #admission-area p.red{text-align: center; color:#A9251E; width: 90%;}    
.admission main #admission-area p.mensetu{border: #A9251E 4px solid;color: #A9251E; margin:50px auto; padding: 10px;width: 90%; }     
.admission main #admission-area p.mensetu span{font-size: 1.6rem;}      
.admission main #admission-area span.sub{font-size: 1.4rem;}
.admission main .leaf-deco {position: relative;}
.admission main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; top:40%; left:8%; transform: rotate( 130deg); transform:scaleX(-1);}
.admission main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:45%; right: 5%; transform: rotate( -80deg ); transform:scaleX(-1);}
.admission main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; top:50%; right:7%; transform: rotate( 0deg );}
.admission main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; top:45%; left:7%;  transform: rotate( 0deg );}
.admission main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.admission main .sub-image3 { position: absolute; bottom: -40%; left: 1%; z-index: 5;width: 30%;}
.admission main #admission-area .small{ font-size: 1.2rem; }
.admission main #admission-area .boshuu-table-bg3 .ninteiji2 .cell-separate dl{ display: flex; flex-direction: column; }
.admission main #admission-area .cell-separate{ display: flex; justify-content: center; flex-direction: column; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding: 20px; font-size:1.4rem;}
.admission main #admission-area .h80 dl dt{ display: flex; align-items: center; font-size:1.4rem; }
.admission main #admission-area .h80 dl dd{ display: flex; flex-direction: column; justify-content: center; font-size:1.4rem; }
    
/*single*/
.single main .kurumi-deco { position: relative;}
.single main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.single main .kurumi-deco img:nth-child(1){ left: 0; top:30%; }
.single main .kurumi-deco img:nth-child(2){ right: 0; top:30%; }
.single main .content-body .content-wrap { margin-top: 100px;}
.single main .sub-image1 { position: absolute; bottom:  -10px; left: 0%; z-index: 5; width: 80px;}
.single main .sub-image2 { position: absolute; bottom: -15px; right: 0%; z-index: 5;}
.single main .sub-image3 { position: absolute; bottom: 0px; left: 23%; z-index: 5; width: 80px;}
.single main .content-body h3{margin-bottom:30px; width: 70%; margin: 0 auto; text-align: center; font-size: 2.0rem;}
.single main .content-body p{margin: 1.6rem auto;}
.single main .content-body p a{display: block; color: #fff;font-size: 1.4rem;font-weight: bold; text-align: center; padding: 10px;}
.single main .content-body article{ width: 90%; display: block; margin: 2rem auto 5rem; padding: 3rem; background: #fff; border-radius: 15px;line-height: 1.6;font-size: 2.0rem;}
.single main .content-body article p{text-align: left;}
.single main .content-body p.back{width: 200px; background: #FA7E00; color: #fff; margin: 0 auto; font-size: 1.5rem; border-radius: 15px;}

/*blog single*/
.tax_blog main .content-body article {width: 100%; display: block; margin: 5rem auto; padding:3rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 1.4rem; }
.tax_blog main .content-body article h4 { font-size: 1.6rem; text-align: center; margin: 0 auto; width: 90%; text-align: left;}
.tax_blog main .content-body article h5 { font-size: 1.6rem;color: #42210b;line-height: 1.7;letter-spacing: 0.3rem;margin: 30px auto;text-align: center;font-weight: bold; border-bottom: solid 2px #f28224;}
.tax_blog main .content-body article h5 span.weather{ font-size: 1.4rem; }
.tax_blog main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.tax_blog main .content-body article p { font-size: 1.4rem; margin: 1rem auto; text-align: left;  }
.tax_blog main .content-body article span { font-size: 1.4rem;}    
.tax_blog main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.tax_blog main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.tax_blog main .content-body .nav-links{ text-align: center;}
.tax_blog .navigation h2{ display: none; }
.tax_blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.tax_blog .navigation a,.tax_blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.tax_blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.tax_blog .navigation .current{ background:gold; border-radius:100%; }
.tax_blog .navigation .dots{ background:none;}
.tax_blog main .sub-image1 { position: absolute; bottom: -40%; left: 1%; z-index: 5; width: 13%;}
.tax_blog main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.tax_blog main .sub-image3 { position: absolute; bottom: -40%; left: 15%; z-index: 5; width: 20%;}
.tax_blog .blog-pic img{margin-bottom: 10%; width: 49%}
    
/*news single*/
.tax_news main .kurumi-deco { position: relative; height: 50px;}    
.tax_news main .content-body article {width: 100%; display: block; margin: 5rem auto; padding:3rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 1.4rem; }
.tax_news main .content-body article h4 { font-size: 1.6rem; text-align: center; margin: 0 auto; width: 90%; text-align: left;}
.tax_news main .content-body article h5 { font-size: 1.6rem;color: #42210b;line-height: 1.7;letter-spacing: 0.3rem;margin: 30px auto;text-align: center;font-weight: bold; border-bottom: solid 2px #f28224;}
.tax_news main .content-body article h5 span.weather{ font-size: 1.4rem; }
.tax_news main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.tax_news main .content-body article p { font-size: 1.4rem; margin: 1rem auto; text-align: left;  }
.tax_news main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.tax_news main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.tax_news main .content-body .nav-links{ text-align: center;}
.tax_news .navigation h2{ display: none; }
.tax_news .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.tax_news .navigation a,.tax_blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.tax_news .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.tax_news .navigation .current{ background:gold; border-radius:100%; }
.tax_news .navigation .dots{ background:none;}
.tax_news main .sub-image1 { position: absolute; bottom:  -30%; left: 0%; z-index: 5; width: 12%;}
.tax_news main .sub-image2 { position: absolute; bottom: auto;left: auto;top: 18%;right: 2%;z-index: 5;width: 15%;}
.tax_news main .sub-image3 {position: absolute; bottom: -35%; left: 15%; z-index: 5; width: 17%;}
.tax_news .blog-pic img{margin-bottom: 10%; width: 100%}    

/*全体的なanimation用css*/
.faidin { visibility: hidden; opacity : 0.1; transform : translate(0, 50px); transition : all 500ms;}
.faidin.show { visibility: visible; opacity : 1; transform : translate(0, 0);}

.faidinLeft {visibility: hidden;  opacity: 0; transform : translate(64px, 0); transition : all 500ms;}
.faidinLeft.show { visibility: visible; opacity: 1; transform : translate(0, 0);}

.faidinRight { visibility: hidden; opacity: 0; transform : translate(-64px, 0); transition : all 500ms;}
.faidinRight.show { visibility: visible; opacity: 1; transform : translate(0, 0);}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}

.faidinCover {position: relative; overflow: hidden;}
.faidinCover:before {content: ""; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #FFFBED; }
.show.faidinCover:before { animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;}

@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
}

@keyframes tatefuwafuwa {
  0% {
    transform:translate(0, 0) ;
  }
  50% {
    transform:translate(0, 7px) ;
  }
  100% {
    transform:translate(0, 0) ;
  }
}
.tatefuwafuwa {
  animation: tatefuwafuwa 5s infinite ease-in-out .8s alternate;
}

@keyframes purupuru {
  0% {
      transform: translate(0px, 0px)
  }
  50% {
      transform: translate(0px, 1px) rotateZ(1deg)
  }
} 
#page-top a:hover img {
  animation: purupuru 0.1s infinite;
}
       
}
/* PC */
@media print, screen and (min-width:769px) {
.sp_only{display: none!important;}
.pc_only{}
main {padding-bottom: 5%;}
	
.inner { width:100%; max-width:1080px; margin: 0 auto; }

/* GO2TOP button */
#page-top { position:fixed; bottom:40px; right:40px; z-index:100; }
#page-top a img { display:block; width:65px; }

#nav-drawer { display: none; }
header { width: 100%; height: auto; display: block; position: absolute; top:0;}
header .nav {position: relative; height: 124px; margin-top: 0px; z-index:2;}
header h1 { width: 235px; display: block; position: absolute; z-index: 3; top: 75%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  } 
header h1 a { width: 100%; height: 100%; display: block; }
header h1 a img { width: 85%; margin: 0 auto; height: auto; display: block; }
header .nav .inner { display: flex; justify-content: space-between; width: 70%; }
header .nav .inner ul { display: flex; padding-top: 20px; width: 40%;}
header .nav .inner ul li a{ width:100%; height: 68px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
header .nav .inner ul li#menu-item-48 a { background: url(images/nav-01.svg) no-repeat center; }
header .nav .inner ul li#menu-item-251 a { background: url(images/nav-02.svg) no-repeat center; }
header .nav .inner ul li#menu-item-68 a { background: url(images/nav-03.svg) no-repeat center; }
header .nav .inner ul li#menu-item-186 a { background: url(images/nav-04.svg) no-repeat center; }
header .nav .inner ul li#menu-item-187 a { background: url(images/nav-05.svg) no-repeat center; }
header .nav .inner ul li#menu-item-188 a { background: url(images/nav-06.svg) no-repeat center; }
header .nav .inner ul#menu-g-navi li,ul#menu-g-navi2 li{width: 33%;}
header .nav .inner ul#menu-g-navi li:last-child,ul#menu-g-navi2 li:last-child{border-bottom: none!important;}
header .nav .inner ul.sub-menu{display: none; margin-top:30px; position:relative;width:100%;background:#8ec54a;padding:10px; text-align:left;color:#FFFFFF;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
header .nav .inner ul.sub-menu:before{border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(250, 126, 0, 0);border-top-width:20px;border-bottom-width:20px;border-left-width:10px;border-right-width:10px;margin-left: -10px;border-bottom-color:#8ec54a;bottom:100%;left:50%;}
header .nav .inner ul#menu-g-navi ul.sub-menu li{ width: 100%; border-bottom:#c7e577 dashed 2px;  padding-top: 5px; padding-bottom: 5px;}
header .nav .inner ul#menu-g-navi2 ul.sub-menu li{ width: 100%; border-bottom:#c7e577 dashed 2px;  padding-top: 5px; padding-bottom: 5px;}
header .nav .inner ul.sub-menu li a{ padding:  5px auto; height: 20px; margin-top: 10px; color:#ffffff; font-weight: bold; background-image:none!important; text-indent: 0; text-align:center; font-size:1.2rem; }
header .nav .inner ul.sub-menu li:last-child{border-bottom: none;}
    
    
/*フッター*/
footer { width: 100%; display: block; position: relative; top:100px; background-color:#ffffff;  }
footer .l1 { display: block; width: 100%;  height: 300px; position: relative; background-color:#FFFBED; background-image: url("images/greenback.png");background-repeat: no-repeat; background-size: cover;}
footer .l1 img.boy-gilr{ display: block; position: absolute; top: -50px; left: 50%; transform: translate(-50%, 0%); width: 16%; z-index: 3; }
footer .l1 img.tree{ display: block; position: absolute; top: -116px; left: 9%; transform: translate(-50%, 0%); width: 25%; z-index: 3; }
footer .l1 img.turtle{display: block;position: absolute;bottom: 50px;width: 100%;z-index: 5;}
footer .l1 img.school{ display: block; position: absolute; top: 0%; right: 0%; width: 34%;z-index: 3;  }
footer .l1 small{position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, 0%); 
color: #ffffff; font-size: 1.4rem; font-weight: bolder;letter-spacing: 3px;}
footer .l2 { display: block; width: 100%; background: #ffffff; padding: 4rem 0; }
footer .l2 .inner{display: flex; justify-content: space-between;}
footer .l2 .inner1 { display: flex; flex-direction: column; justify-content:center; width: 30%;}
footer .l2 .inner2 { display: flex; justify-content: space-between; width: 60%; font-weight: bold;}
footer .l2 .inner .emblem{ text-align: center; margin-bottom: 10px;}
footer .l2 .inner .emblem img { width: 270px; height: auto;}
footer .l2 .inner .addr { border-top:#BDBDBD solid 1px; border-bottom:#BDBDBD solid 1px;}
footer .l2 .inner .addr p { font-size: 1.6rem; display: block; color: #222222; font-weight: bold; margin-top: 1rem;  text-align: center;}
footer .l2 .inner .addr p a.telnum { align-items: center; font-size: 3rem; font-weight: bold; color: #222222; text-decoration: none; }
fotter li.menu-item-35{margin-bottom: 20px;}
footer .l2 .inner ul { margin-bottom: 10px;}
footer #menu-footer-navi-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-35{
margin-bottom: 30px;}
footer .l2 .inner ul li  {margin-bottom: 15px;}
fotter li.menu-item-35{margin-bottom: 30px;}
footer .l2 .inner ul li a {display: block; margin-bottom: 20px; margin-top: 10px; color:#222222; line-height: 1.4;}
footer li#menu-item-141{position: relative;}
footer ul#menu-footer-navi4 li#menu-item-141::after{ content:""; display: inline-block; background-image: url("images/gaibu-link.svg"); width: 10px; height: 8px; position: absolute; top:30px; left: 70px;}
footer .l2 .inner ul.sub-menu li a{ display: block; color:#7A7A7A;}
footer li #menu-item-135{ margin-bottom: 20px;}
footer .footer-link{ display: flex; position: absolute; left: 100%;width: 50%;transform: translate(-100%, -100%); }
footer .footer-link a{ display: block; position: relative; background-color: #C89366; color: #ffffff; font-weight: bold; margin-right: 10px; border-radius: 10px; padding: 20px; text-align: center; width: 40%; height: auto; }
footer .footer-link span.arrow{ display: block; position: absolute; top: 50%; right: 10%;  transform: translate(-50%, -50%);}
footer .l3{position: relative; background-color:#ffffff; height: 40px; margin-top: 20px;}
footer .l3 small{color:#7a7a7a;background-color:#ffffff; font-size: 1.2rem;  font-weight: bold;  margin-right: 80px;position: absolute; right: 0%; letter-spacing: 0.1em;}

footer .l1 img.tree { display: block; position: absolute; top: -10px; left: 19%; transform: translate(-50%, 0%); width: 43%; z-index: 1; }
footer .l1 img.dragonfly{ display: block;position: absolute;top: -270px;width: 100%;z-index: 5; }
footer .l1 .instagram { display: block; position: absolute ; top: -50px; left: 38%; transform: translate(-50%, 0%); width: 100%; z-index: 5; }
footer .l1 .instagram a { width: 8%; position: absolute; left: 45%; top: -57px; display: block; }
footer .l1 .instagram img { width: 100%; }



    
/**slider**/
 .zoomslider { height: 650px; z-index: 0; }

/*HOME*/
/*共通*/
.home header { height: 100px;}
.home .content-wrap { width: 100%; display: block; position: relative; margin: 60px auto; padding: 60px 0 0; }
.home main .kurumiarea{ position:relative; }
.home main .kurumiarea .kurumi-deco{ position:relative; }
.home main .kurumiarea .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.home main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.home main .btn p { margin: 0 auto; background-color: #FA7E00; border-radius: 10px;}
.home main .btn p a{ color: #fff; font-size: 1.8rem; font-weight: bold; text-align: center; display: block; padding: 15px 60px; position: relative; }
.home main .btn p a::after{ content: "▶︎"; margin-top: 7px; font-size: 1.0rem; position: absolute; right: 20px; }
.home main #sliderarea #slider-wrap { position: relative; /*margin-bottom: 15%;*/ }


.home main #sliderarea #slider-wrap .slider-deco{ position: absolute; width: 100%; z-index: 1;} 
.home main #sliderarea #slider-wrap .topdeco{ position: absolute; width: 100%; height: 100px; z-index: 1; background-color:rgba(255,251,237,0.75);}   
.home main #sliderarea #slider-wrap .slider-deco img.top{display: none;}
.home main #sliderarea #slider-wrap .slider-deco img.top2{position: relative; top: 100%;}        
.home main #sliderarea #slider-wrap .underdeco{ bottom: -43px;}
.home main #sliderarea .kurumi-deco img:nth-child(1){ left: 0; bottom:0; }
.home main #sliderarea .kurumi-deco img:nth-child(2){ right: 0; bottom:0; }
/*.home main .slider-banner { width: 22%; position: absolute; right: 11%; bottom: -3%; z-index: 10;}
.home main .slider-banner img { width: 100%; height: auto;}*/
/*.home main .slider-banner { width: 32%; position: absolute; right: auto; /*bottom: 80%; bottom: 40%; z-index: 5;}*/
.home main .slider-banner { width: 22%; position: absolute; right: 0%; bottom: -21%; z-index: 10; }
/*.home main .slider-banner img { width: 100%; height: auto;}*/
.home main .slider-banner img { width: 40%; }

/*20240819_tsaito_add*/
.home main .slider-banner a:nth-of-type(2) { display: block; width: 35%; margin: 2rem auto; }



/*.home main .one-over-one { text-align: center; position: absolute; width: 53%;  z-index: 3; left: 50%; top:106%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  }*/

/*20240821_tsaito_rewrite*/
.home main .one-over-one { text-align: center; width: 53%; margin: 0 auto;  }

.home main .one-over-one p{ padding-bottom: 20px; font-size: 2.8rem; font-weight: bold; }
.home main .one-over-one p img{ padding-top: 10px; width: 58%;  }
/*.home main #infoarea { background: url("images/home-infoback.png") no-repeat; background-size:contain; background-position: center; position: relative; }*/

/*20240821_tsaito_rewrite*/
.home main #infoarea { background: url("images/home-infoback.png") no-repeat; background-size:contain; background-position: bottom; position: relative; }


/*20240821_tsaito_add*/
.home main #infoarea .kurumi-deco { position: relative; }
.home main #infoarea .kurumi-deco img:nth-child(1){ left: 0; top:-40px; }
.home main #infoarea .kurumi-deco img:nth-child(2){ right: 0; top:-40px; }



.home main #infoarea ul li img{ width: 100%; }
.home main #infoarea ul li { position: absolute; }
.home main #infoarea ul.kidsphoto li:nth-child(1){ top:25%; left: 8%; width: 12%;}
.home main #infoarea ul.kidsphoto li:nth-child(2){ top:45%; right: 5%; width: 15%;}
.home main #infoarea ul.kidsphoto li:nth-child(3){ bottom:-5%; left: 14%; width: 11%;}
.home main #infoarea ul.leafarea li:nth-child(1){ top:5%; left:13%; }
.home main #infoarea ul.leafarea li:nth-child(2){ top:9%; right: 13%; transform: rotate( 5deg ); }
.home main #infoarea ul.leafarea li:nth-child(3){ top:29%; right:12%; transform: rotate( 120deg ); }
.home main #infoarea ul.leafarea li:nth-child(4){ bottom:23%; left:7%; transform: rotate( 15deg ); }
.home main #infoarea ul.leafarea li:nth-child(5){ bottom:-2%; right:30%; transform: rotate( -70deg ); }
.home main #infoarea ul.leafarea li:nth-child(6){ bottom:0%; right:20%; }
.home main #infoarea .info-main{ width: 80%; padding: 6% 0 5%; text-align: center; margin: 0 auto;}
.home main #infoarea .info-main img{ width: 51%; margin: 0 auto;  }
.home main #infoarea dl{ width: 100%; margin: 0 auto;}
.home main #infoarea dl dd{ font-weight: bold; text-align: center; font-size: 2.3rem; line-height: 2.5; }
.home main #infoarea dl dd span{ border-bottom: dashed 2px #C89366; display: inline-block;}
.home main #infoarea dl dd span.sp_border { border: none;}

.home main #infoarea .btn {position: absolute;bottom: -8%; left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.home main #btn-new_efforts { width: 60%; margin: 7% auto;}
.home main #btn-new_efforts a { margin: 0; width: 100%; display: block; }
.home main #btn-new_efforts a img { width: 100%; margin: 0 auto; display: block; }
.home main #communicate{ background: url("images/home-communicateback.png") no-repeat; background-size: 100% 100%;  position: relative; padding-top: 5%; padding-bottom: 10%;}
.home main #communicate .inner{ padding-bottom: 5%; overflow: hidden; }
.home main #communicate .kurumi-deco img:nth-child(1){ left: 0; top:-35px; }
.home main #communicate .kurumi-deco img:nth-child(2){ right: 0; top:-35px; }
.home main #communicate ul li img{ width: 100%; }
.home main #communicate ul li { position: absolute; }
.home main #communicate ul.leafarea li:nth-child(1){ top:38%; left:11%; transform: rotateY( 180deg );}
.home main #communicate ul.leafarea li:nth-child(2){ top:40%; left: 7%; transform: rotate( 180deg ); }
.home main #communicate ul.leafarea li:nth-child(3){ bottom:34%; right:9%; transform: rotate( -80deg ); width: 2%; }
.home main #communicate ul.leafarea li:nth-child(4){ bottom:28%; right:11%; transform: rotate( 15deg ); }
.home main #communicate h3 { text-align: center; padding: 8% 0 0 0; }
.home main #communicate h3 img{ width: 30%; text-align: center; }
.home main #communicate section{ width:100%; margin: 5% auto 0; height: 450px;  }
.home main #communicate section p img{ border-radius: 10px; width: 100%;  }
.home main #communicate section dl{ width: 52%; z-index: 1; border-radius: 10px; height: 350px; padding: 3% 7%;}
.home main #communicate section dl dt { text-align: center; position: relative; }
.home main #communicate section dl dt a{ font-weight: bold; font-size: 2.8rem; color: #fff; line-height: 2.5; position: relative; }
.home main #communicate section dl dt a span::after{ content: "▶︎"; margin-top: 20px; font-size: 1.5rem; position: absolute; right: -50%; }
.home main #communicate section dl dt img{ width: 30%; }
.home main #communicate section dl dd{ color: #fff; font-weight: bold; line-height: 2; font-size: 1.5rem; }
.home main #communicate section .character img { width: 85%; }
.home main #communicate section.about { position: relative;}
.home main #communicate section.about dl{ position: absolute; top: 0%; right: 0; background-color:#008d45;}
.home main #communicate section.about p{ position: absolute; top: 8%; left: 0; width: 52%; z-index: 2; }
.home main #communicate section.about .character { position: absolute; bottom: 0; right: 0%; z-index: 3; }
.home main #communicate section.life { position: relative;}
.home main #communicate section.life dl{ position: absolute; top: 0%; left: 0; background-color:#FA7E00 ; }
.home main #communicate section.life p{ position: absolute; top: 8%; right: 0; width: 52%; z-index: 1; }
.home main #communicate section.life .character { position: absolute; bottom: 0; left: 0%; z-index: 3; }
.home main #communicate section.with-nature { position: relative;}
.home main #communicate section.with-nature dl{ position: absolute; top: 0%; right: 0; background-color:#008d45;}
.home main #communicate section.with-nature p{ position: absolute; top: 8%; left: 0; width: 52%; z-index: 1; }
.home main #communicate section.with-nature .character { position: absolute; bottom: -7%; right: 0%; z-index: 3; }
.home main section.news p.title { font-size: 3.4rem; font-weight: bold; line-height: 2;  }
.home main section.news p.title img{ width: 20%; }

.home main .news-area { position: relative; z-index: 2; }

.home main .news-area .kurumi-deco { position: relative; }
.home main .news-area .kurumi-deco img:nth-child(1){ left: 0; top:-40px; }
.home main .news-area .kurumi-deco img:nth-child(2){ right: 0; top:-40px; }
.home main .news-area .cloud-deco { position: relative; }
.home main .news-area .cloud-deco .cloud-deco-inner1{ right:13%; top:18%; position: absolute; width: 20%; z-index: -1;}
.home main .news-area .cloud-deco .cloud-deco-inner2{ left: -1%;  bottom:18%; position: absolute; width: 17%; z-index:  -1;}
.home main .news-area .cloud-deco .cloud-deco-inner3{ right: 8%; bottom: 4%; position: absolute; width: 11%; z-index: -1;}    
.home main .news-area .cloud-deco img.cloud001{position: relative;}
.home main .news-area .cloud-deco img.cloud002{position: relative;}
.home main .news-area .cloud-deco img.cloud003{position: relative;}
.home main section.news p.title img{ width: 15%; }
.home main section.news { width: 80%; margin: 0 auto 10%; text-align: center; /*padding-top: 10%;*/}
.home main section.news .kurumi-deco img:nth-child(1){ left: 0; }
.home main section.news .kurumi-deco img:nth-child(2){ right: 0; }
.home main section.news .news-cont{ margin: 3% auto 2%; }
.home main section.news .news-cont a{ color:#444; display: block;  }
.home main section.news dl{ display: flex; justify-content: space-between; text-align: left; font-size: 1.6rem; border-bottom: 3px #C89366 dashed; padding: 2.5%; font-weight: bold; }
.home main section.news .news-cont a:first-child{ border-top: 3px dashed #C89366; }
.home main section.news dl dt {font-size: 1.8rem; }
.home main section.news dl dd { width: 70%; font-size: 1.8rem; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.home main section.news dl dd.after{width: 2%; margin-left: 10px; font-size: 1.8rem;}
.home main section.news dl .cat { margin-left: 1em; border-radius: 5px; padding: 3px 10px; font-size: 1.6rem; background: #FA7E00; color: #fff;}
.home main section.news dl .cat.blog { background: #22A85B; }
.home main section.news .btn { margin: 4% auto;}
.home main section.news .btn p{ width: 30%;}
    
/*3つのこ*/

.home main .animated {-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden}
.home main .fadeinup{-webkit-animation:  1s cubic-bezier(0.6, 0.2, 0.1, 1);animation:  1s cubic-bezier(0.6, 0.2, 0.1, 1);}

@keyframes fadeinup {
  0% {
       opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
     90% {
      opacity: 0.1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
    
  100% {
       opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.home main .about .show, .home main .life .show, .home main .with-nature .show { animation-name: fadeinup; visibility: visible;}
    


/******************************:*/
	
.home .anime-item { position: absolute; }
.home .anime01 { }
.home .anime11 { top: 5%; right:0%; }
.home .anime12 { top: 20%; right:15%; }
.home .anime13 { bottom: 10%; left:10%; }
.home .anime21 { top: 0%; left:5%; }
.home .anime22 { top: 20%; left:10%; }
.home .anime23 { bottom: 10%; right:10%; }
.home .anime31 { top: 0%; right:0%; }
.home .anime32 { top: 20%; right:13%; }
.home .anime33 { bottom: 0%; left:0%; }
.home .anime41 { top: 0%; left:5%; }
.home .anime42 { top: 3%; right:15%; }
.home .anime43 { bottom: 10%; right:5%; }
.home .anime51 { top: 0%; left:25%; }
.home .anime52 { bottom: 0%; right:5%; }

.home #third-contents { width: 100%; display: block; margin: 30px auto; }
.home #third-contents .inner { width: 90%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.home #third-contents .inner article { width: 49%; position: relative; }
.home #third-contents .inner article .third-contents-header { width: 100%; height: 90px; display: block; text-align: center; }
.home #third-contents .inner article .icon { width: 30%; height: auto; display: block; margin: 0 auto; }
.home #third-contents .inner article .title { width: 50%; height: auto; display: block; margin: 0 auto 2rem; }
.home #third-contents .inner article .third-contents-contents { background: rgba(255,255,255,0.8); border-radius: 10px; padding: 2rem; }

/*TOPスライダー用*/
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}
.swiper-container {z-index: 0!important;}
.swiper-slide { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */ -webkit-animation: zoomUp 12s linear 0s; animation: zoomUp 12s linear 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slide-img { background-size: cover; background-position: center center; height: 82vh;}

/**page**/
/*共通*/
.page header h1 {width: 165px; top: 15px; transform: translateX(-50%);}
.page header nav {height: 134px;}
.single header h1 {width: 165px; top: 5px; transform: translateX(-50%);}
.single header nav {height: 134px;}

main .content-header-deco {position: absolute; left: 0; bottom: -1px; width: 100%;}
main .content-header-deco img { width: 100%;}
main .content-header .inner { position: relative; height: 100%;}
main .page-header-title { font-size: 4.2rem; color: #fff; font-weight: bold;}
main .main-image { position: absolute; top: -30%; right: 10%; z-index: 5; border-radius: 20px;}
main .sub-image1 { position: absolute; bottom: -70px; left: -2%; z-index: 5;}
main .sub-image2 { position: absolute; bottom: -15px; left: 20%; z-index: 5;}
main .sub-image3 { position: absolute; bottom: -100px; right: -2%; z-index: 5;}

main .content-header { width: 100%; position: relative; height: 265px; margin-bottom: 100px; display: block; padding-top: 100px; background: url(images/page-header-bg.jpg) no-repeat; z-index: 0; top:110px; }
main .content-header .page-title { width:50%; height: auto; display: block; margin: 0 auto; padding: 2rem; border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px; }
main .content-header .page-title img.title { width: 400px; height: auto; display: block; margin:0 auto 1rem; }
main .content-header .page-title h3 { display: none; margin: 1.5rem auto 0; text-align: center; font-size: 3.0rem; font-weight: bold; color: #fff; }
main .content-header .anime-item { position: absolute; }
main .content-header .anime-item:nth-of-type(1) { right:0%; top:30%; }
main .content-header .anime-item:nth-of-type(2) { left:0%; top:20%; }
main .page-navi { display: block; margin: 1rem auto; }
main .page-navi .inner { padding: 2rem; border-radius: 10px; background:#f5d27a; }
main .page-navi ul { display: flex; }
main .page-navi ul li { margin: 0 2rem; }
main .page-navi ul li a { padding: 1rem 3rem; color:#42210b; text-decoration: none; font-weight: bold; font-size: 1.8rem; }
main .page-navi ul li a:hover { background: #fff; border-radius: 1.5rem; }

.page main .kurumi-deco { position: relative;}
.page main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.page main .kurumi-deco img:nth-child(1){ left: 0; top:0; }
.page main .kurumi-deco img:nth-child(2){ right: 0; top:0; }
.single main .kurumi-deco { position: relative;}
.single main .kurumi-deco img{ position: absolute; width: 15%; z-index: 2; }
.single main .kurumi-deco img:nth-child(1){ left: 0; top:0; }
.single main .kurumi-deco img:nth-child(2){ right: 0; top:0; }


main .content-body { margin: 4rem auto; color: #42210b; position: relative; top:100px;}
main .content-body div.page-title { display: block; margin: 2rem auto; text-align: center; }
main .content-body div.page-title img { width: auto; height: auto; display: block; margin: 0 auto; }
main .content-body h3 { position: relative; font-size: 3.2rem; font-weight: bold;text-align: center; letter-spacing: 0.3rem; color: #434343; margin-bottom: 55px; line-height: 1.6; }
main .content-body h3:before {content: ''; display: block; width: 10%; height: 50px; background: url(images/title-deco-leaf.png) no-repeat center; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
main .content-body h4 { font-size: 2.4rem; color: #FA7800; line-height: 2; letter-spacing: 0.3rem; margin: 50px 0; font-weight: bold; text-align: center;} 
main .content-body h5 { font-size: 2.0rem; color:#42210b; line-height: 1.7; letter-spacing: 0.3rem; margin: 50px auto; text-align: center; font-weight: bold;}
main .content-body h5 span.big {font-size: 2.4rem; font-weight: bold; color: #FA7800;}
main .content-body h5 span.short{ font-size: 1.4rem; }
main .content-body h6{ font-size: 3.5rem; font-weight: bold; margin-bottom: 30px; text-align: center; }
main .content-body h6 span{ background: linear-gradient(transparent 80%, #f9b737 80%); }
main .content-body p { display: block; margin: 4rem auto; }
main .content-body p { font-size: 1.7rem; text-align: center; line-height: 2; letter-spacing: 0.1rem; font-weight: bold;}
main .content-body .inquery { width: 40%; margin: 5% auto 5%; padding: 10px; border: 2px solid #000; }
main .content-body .inquery dl { text-align: center; padding: 10px; }
main .content-body .inquery dl dt{ font-size: 2rem; font-weight: bold; padding-bottom: 10px; }
main .content-body .inquery dl dd.title{ font-size:1.6rem; padding-bottom: 10px; line-height: 1.4; font-weight: bold; }
main .content-body .inquery dl dd.number{ font-size:2.4rem; font-weight: bold; }
main .content-body .spesial-title { font-size: 4.7rem; color: #603813; letter-spacing: 0.3rem; background: url(images/about/title-deco-line.png) no-repeat center bottom; text-align: center; padding-bottom: 10px;}
main .content-body .content-wrap { margin-top: 200px;} 
main .content-body .content-wrap:last-child { margin-bottom: 200px;} 
main .content-body .relation-item img { border-radius: 10px;} 
main .content-body .relation-item p { font-size: 1.8rem; color: #603813; margin: 2rem 0; font-weight: bold;} 
main .content-body .relation-item p.btn { width: 80%; background: #FA7E00; padding: 10px 0; color: #fff; margin: 0 auto; font-size: 1.5rem; position: relative; border-radius: 10px;} 
main .content-body .relation-item p.btn:after { content:''; display: inline-block; width: 10px; height: 10px; background: url(images/about/reration-btn-icon.svg) no-repeat; margin-left: auto; position: absolute; right: 10%; top: 50%; transform: translateY(-50%);}
main .content-body .relation-item a:hover p { opacity: 0.8;} 
main .content-body .table-border{margin: 0 auto; width: 55%;}
main .content-body .table-border tr { border: solid 1px #C89366; border-right: none; border-left: none; }
main .content-body .table-border th { font-size: 1.5rem; text-align: left; letter-spacing: 0.1rem;}
main .content-body .table-border td { font-size: 1.5rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 1.6; padding-left: 2em;}
main .content-body .col-cont2 {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
main .content-body .col-cont2 .col {width: 49%;}
main .content-body .col-cont2 .col-slider {width: 47%;}
main .content-body .col-cont3 {display: flex; justify-content:center; flex-wrap: wrap;}
main .content-body .col-cont3 .col {width: 32%; margin: 0 4%; }
main .content-body .col-cont3-2 .col{width: 32%; margin: 0 4%;}        
main .content-body .col-cont5 {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
main .content-body .col-cont5 .col{ width: 19%;}
main .content-body .col img,main .content-body .col2 img{ width: 100%; height: auto;}
main .content-body .col50 { width: 50%;}
main .content-body .content-body h6 { line-height: 1.5;}
main .content-body p span { font-size: 1.4rem;}
main .content-body a.tel-link {color:#42210b; text-decoration: none;}    
main .access-inner{margin: 0 auto; }         
main .facility p.btn{width: 30%; background: #FA7E00;padding: 10px 0;color: #fff;margin: 10% auto;font-size: 1.5rem; position: relative; border-radius: 10px;}  
main .facility p.btn:after { content:''; display: inline-block; width: 10px; height: 10px; background: url(images/about/reration-btn-icon.svg) no-repeat; margin-left: auto; position: absolute; right: 10%; top: 50%; transform: translateY(-50%);}
main .facility p a{color:#ffffff;}
/*slider*/
.life main .content-body .js-slick01 .slick-list { height: 350px;}
main .js-slick01 .slide-arrow { display: block; width: 35px; height: 35px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 5; opacity: 0.5;}
main .js-slick01 .slide-arrow.prev-arrow { background-image: url(images/life/slider-prev.svg); left: 10px;}
main .js-slick01 .slide-arrow.next-arrow {background-image: url(images/life/slider-next.svg); right: 10px;}
main .js-slick01 .slide-arrow:hover { opacity: 1;}
main .js-slick01 .slick-slide img { width: 100%; height: auto;}
main .js-slick01 .slick-dots li button:before { font-size: 3.0rem;}

/*about*/
.about main .content-body h4 { text-align: center; }
.about main .content-body h4 span { display: inline-block; margin-bottom: 1.4rem; font-size: 1.8rem; padding-bottom:0.7rem; border-bottom: solid 1px #f28224;  }
.about main .content-body #slider-wrap { width: 800px; display: block; margin: 20px auto 0; }
.about main .content-body #slider-wrap ul.slider { width: 800px; margin: 0 auto;  }
.about main .content-body #slider-wrap button { display: none!important; }
.about main .content-body h4 { text-align: center; padding-bottom:0.7rem; margin-top: 120px; }
.about main .content-body h4 img { width: auto; }
.about main .content-body .edu-box h5{ text-align: center; font-size: 2.4rem;  }
.about main h5 span{ font-size: 2.8rem!important; color: #0008AA; display: inline-block!important; }
.about main .content-body h5 img { width: 60%!important; margin: -15px auto!important; }
.about main .content-body img.anime13 { height: 60px; width: auto; }
.about main .content-body img.anime14 { height: 60px; width: auto; }
.about main .content-body p span.bold { font-weight: bold; font-size: 1.8rem; }
main .content-body p span.pc_only { font-size: 4.7rem;}    
.about main .content-body .five-sence img { width: 100%; height: auto; }
.about main .leaf-deco{ position: relative}    
.about main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; bottom:5%; left:13%; transform: rotate( 130deg); transform:scaleX(-1);}
.about main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; bottom:28%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.about main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; bottom:20%; right:12%; transform: rotate( 0deg ); }
.about main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; bottom:15%; left:12%;  transform: rotate( 0deg ); }
.about main .content-body #c02 { margin-top:100px; }
.about main .content-body .edu-box { margin: 5rem auto; padding-bottom: 0.5rem; width: 90%; background: #ffffff66; padding: 40px; }
.about main .content-body .edu-box .image-box { display: flex; justify-content: space-between; margin: 2rem auto; align-items: flex-end; }
.about main .content-body .edu-box .image-box img { width: 100%; height: auto; border-radius: 0; border: solid 10px #fff; box-shadow: 1px 3px 5px 2px #ccc; } 
.about main .content-body .edu-box .ex-box img.ph { border-radius: 0; border: solid 10px #fff; box-shadow: 1px 3px 5px 2px #ccc; margin: 0; width: 100%; height: auto; }
.about main .content-body .img-cont { position: relative;}
.about main .content-body .img-cont:before {position: absolute; top: 5%; left: 50%; transform: translateY(-50%); width: 30px; height: auto; z-index: 1;}
.about main .content-body #c02 .point { position: relative; display: block; line-height: 1.5; padding: 1em 4em; }
.about main .content-body #c02 .point h6{ color: #42210b; background-color: #FED794;  width: 50%; font-size: 2.3rem; text-align: center; padding: 1rem; margin: 0 auto; border-radius: 5px;}
.about main .content-body #c02 .cont-inner{ width: 85%; margin: 0 auto 5rem; text-align: center; }
.about main .content-body #c02 .dashed p{ border-bottom: 3px dashed #E06910; margin: 2rem!important; line-height: 3rem!important; padding-bottom: 3px;}
.about main .content-body #c02 .cont-inner p{ line-height: 0.5rem; font-size: 1.8rem;}
.about main .sub-image1 { position: absolute; bottom: -130px; left: 6%; z-index: 5;}
.about main .sub-image2 { position: absolute; bottom: -50px; left: 90%; z-index: 5;}
.about main .sub-image3 { position: absolute; bottom: -150px; left: 16%; z-index: 5; width: 18%;}
.about main .parking {display: flex;justify-content: center;align-content: center; margin: 5% auto; font-size: 1.5rem; font-weight: bold; width: 55%; background-color: #ffffff; padding: 3%;}
.about main .parking dl {margin-right: 3%; width: 55%;} 
.about main .parking dl dt {padding: 5%; margin-bottom: 5%; text-align: center; width: 50%;background-color: #f7ecbe;}
.about main .parking img{max-width:100%;}    
.about main .tomosodatecont .area{ display: flex; justify-content: space-between; margin-bottom: 3%; }
.about main .tomosodatecont .area h6{ font-size: 2.5rem;}
.about main .tomosodatecont .area h6.font{ font-size: 2rem;}    
.about main .tomosodatecont dl { margin: 0!important; border: 3px dotted #fccf7b ; border-radius: 10px; padding: 4%!important; width: 48%;}
.about main .tomosodatecont dd { margin-bottom: 30px; font-size: 1.8rem ; line-height: 2; text-align: left!important; font-weight: bold;}
.about main .tomosodatecont dd img { width: 100%!important;}    
    
/*about animation*/
.about main .content-body h4.anime-title { position: relative; z-index: 5; margin-bottom: -3%;}

.about #anime-canvas { width: 1000px; display: block; margin: 10px auto; }
.about .anime-canvas-bg { width: 100%; height: 715px; padding: 7% 5% 3%; background: url('images/about/anime/anime-bg.jpg') no-repeat top center; background-size: cover; position: relative; }
.about .reload { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; top: 0; left: 0;}
.about .lo01:hover { opacity: 0; }

.about #first-copy { width: 100%; height: 100%; position: absolute; top: 10%; left: 0; z-index: 10; cursor: pointer; }
.about .copyimg { width: auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); }

.about .anime-box { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.about .anime-box-img { width: auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); z-index: 0;}

.about .last-tree { width: 100%; height: 100%; position: absolute;}
.about .last-treeimg { height: 90%; width: auto; display: block; margin: 5% auto;}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes fadeInload { from { opacity: 0; z-index: -20; } to { opacity: 1; z-index: 20;  } }

.about .ch01 { opacity: 0;}
.about .cp02 { opacity: 0;}
.about .tr01 { opacity: 0;}
.about .tr02 { opacity: 0;}
.about .ch02 { opacity: 0;}
.about .cp03 { opacity: 0;}
.about .tr03 { opacity: 0;}
.about .tr04 { opacity: 0;}
.about .ch03 { opacity: 0;}
.about .cp05 { opacity: 0;}
.about .tr05 { opacity: 0;}
.about .tr06 { opacity: 0;}
.about .tr07 { opacity: 0;}
.about .lo01 { opacity: 0; z-index: -20;}

.about .active #first-copy { cursor: auto; }
.about .active .cp01 { /*animation: fadeOut 0.5s 0.5s forwards;*/ display: none; }
.about .active .ch01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 8.5s forwards; }
.about .active .cp02 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 8.5s forwards; }
.about .active .tr01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 4.5s forwards; }
.about .active .tr02 { animation: fadeIn 1s 4.5s forwards, fadeOut 1s 8.5s forwards; }

.about .active .ch02 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 16.5s forwards; }
.about .active .cp03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 16.5s forwards; }
.about .active .tr03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 12.5s forwards; }
.about .active .tr04 { animation: fadeIn 1s 12.5s forwards, fadeOut 1s 16.5s forwards; }

.about .active .ch03 { animation: fadeIn 1s 16.5s forwards, fadeOut 0.5s 24.5s forwards; }
.about .active .cp05 { animation: fadeIn 1s 16.5s forwards, fadeOut 0.5s 24.5s forwards; }
.about .active .tr05 { animation: fadeIn 1s 16.5s forwards, fadeOut 1s 20.5s forwards; }
.about .active .tr06 { animation: fadeIn 1s 20.5s forwards, fadeOut 0.5s 24.5s forwards; }

.about .active .tr07 { animation: fadeIn 0.5s 24.5s forwards/*, fadeOut 0.5s 24.5s forwards*/; }

.about .active .lo01 { animation: fadeInload 0.5s 28.5s forwards; }


.about .ab01 {opacity: 0;}
.about .ab02 {opacity: 0;}
.about .ab03 {opacity: 0;}
.about .ab04 {opacity: 0;}
.about .ab05 {opacity: 0;}

.about .active .ab01 { animation: fadeIn 1s 0.5s forwards, fadeOut 1s 4.5s forwards;}
.about .active .ab02 { animation: fadeIn 1s 4.5s forwards, fadeOut 1s 8.5s forwards;}
.about .active .ab03 { animation: fadeIn 1s 8.5s forwards, fadeOut 1s 12.5s forwards;}
.about .active .ab04 { animation: fadeIn 1s 12.5s forwards, fadeOut 1s 16.5s forwards;}
.about .active .ab05 { animation: fadeIn 1s 16.5s forwards;}
.about .active .lo01 { animation: fadeInload 0.5s 20.5s forwards; }

/*life*/
.life main .content-body h6 { background: coral; color: #fff; line-height: 1.3; padding-top: 5px; padding-bottom: 15px; margin-bottom: 0;}
.life main .content-body h6 span { font-size: 2.5rem; }
.life main .content-body .box {margin-top: 3em;}
.life main .content-body .day-event p { margin: 1em 0 2rem; text-align: left;}
.life main .content-body .day-event .day-event-up { font-size: 2.0rem; color: #FA7800; margin: 0; text-align: center;}
.life main .content-body .life-event h5 { text-align: left; }
.life main .content-body .life-event p { text-align: left;}
.life main .content-body img + p { margin-top: 1rem;}

.life main .content-body #day-youji h6 { margin-top: 10rem;}
.life main .content-body #day-youji .day-event h6 { margin-top: 0;}
.life main .content-body #day-youji .big { color: #42ad1f; }
.life main .content-body #day-youji h4 { color: #42ad1f; }
.life main .content-body #day-youji h6 { background: #A2CF56; }
.life main .content-body #day-youji h6 span { background: linear-gradient(transparent 80%, #55be75 80%); }
.life main .content-body .hikaritime p { text-align: left;}
.life main .content-body .hikaritime { justify-content: space-between; margin-bottom: 5em; margin-top: 3rem;}
.life main .content-body .hikaritime .col { margin: 0;}
.life main .content-body .hikaritime p span { display: block; font-size: 2.3rem; border-bottom: solid 3px #42ad1f; text-align: center; margin-bottom: 10px;}
.life main .content-body .hikaritime2{ display: flex; justify-content: center; margin-bottom: 3em; margin-top: 3rem;} 
.life main .content-body .hikaritime2 p { text-align: left;}    
.life main .content-body .hikaritime2 p span {display: block; font-size: 2.3rem; border-bottom: solid 3px #42ad1f; text-align: center; margin-bottom: 10px;}    

.life main .content-body #day-nagare .inner { width: 85%; }
.life main .content-body #day-nagare h6 { background: none; color: #42210b; }
.life main .content-body .timeline { width: 100%; margin: 2rem auto; }
.life main .content-body p.day-0sai{ width: 60%; border: 1px solid #42210b;}
.life main .content-body #kidsday { display: flex; justify-content: space-around; margin-top: 20px; position: relative;}
.life main .content-body #kidsday h4 { color: #50210B; margin-bottom: 1em; line-height: 1.5;}
.life main .content-body #kidsday h4 span { display: block; font-size: 1.5rem; }
.life main .content-body #kidsday .day-title { width: 100%; height: auto; display: block; margin: 0 auto; }
.life main .content-body #kidsday .timearea { padding-top: 50px;}
.life main .content-body .timeline-image { width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px; }
.life main .content-body #day-nagare-nyuuji {width: 45%;}
.life main .content-body #day-nagare-nyuuji .timearea {background: #fecb72;}
.life main .content-body #day-nagare-youji {width: 45%;}
.life main .content-body #day-nagare-youji .timearea {background: #82ba70;}
.life main .content-body #day-nagare-youji h6 span { background: linear-gradient(transparent 80%, #7bcb5a 80%); }
.life main .content-body #day-nagare .timearea {padding: 25px 0 50px;}
.life main .content-body #day-nagare .timearea p:first-child {margin:0;  font-size: 2.2rem;}       
.life main .content-body #day-nagare .timearea p {margin: 25px 0 0 0;  font-size: 2.2rem;}   
.life main .content-body #day-nagare .timebox { width: 65%; margin: 0 auto; position: relative;}
.life main .content-body #day-nagare .timebox + .timebox { margin-top: 20px;}
.life main .content-body #day-nagare .timebox .timeline-word { width: 50%; position: absolute;}
.life main .content-body #day-nagare .timebox .timeline-word.tl { top: 15%; left: -25%;}
.life main .content-body #day-nagare .timebox .timeline-word.tr { top: 15%; right: -25%; }
.life main .content-body #day-nagare .timebox .timeline-word.bl { bottom: -3%; left: -25%; }
.life main .content-body #day-nagare .timebox .timeline-word.br { bottom: -3%; right: -25%; }

.life main .content-body .gyouji-box { margin: 4rem auto;}
.life main .content-body .gyouji-box p { margin: 1rem 0;}
.life main .content-body .gyouji-box .att { width: 100%; text-align: right;}
.life main .content-body .gyouji-box .season { width: 13%; border-right: solid; display: flex; align-items: center; padding-right: 2%; margin: 1rem 0;}
.life main .content-body .gyouji-box .event-cont .col-cont2 { display: flex; justify-content: center; align-items: center; }
.life main .content-body .gyouji-box .event-cont { width: 48%; margin: 0; align-self: center;}
.life main .content-body .gyouji-box .event-cont .moth { width: 20%; margin: 1rem 0;}
.life main .content-body .gyouji-box .event-cont .event-list { width: 75%; text-align-last: left; margin: 1rem 0;}
.life main .content-body .gyouji-box .photo { width: 35%; align-self: center; position: relative; }
.life main .content-body .gyouji-box .photo .season-event-img { width: 100%; height: auto; display: block; margin: 3rem 0;}
.life main .content-body .gyouji-box .photo .icon-img { position: absolute; bottom: 0; right: 0; }
.life main .content-body p span.pc_only { font-size: 1.7rem;}  


/*季節ごと色分け*/
.life main .content-body .gyouji-box .season.spring { color: #F3A5A5; border-color: #F3A5A5;}
.life main .content-body .gyouji-box .spring .moth { color: #F3A5A5; }
.life main .content-body .gyouji-box .season.summer { color: #A2CF56; border-color: #A2CF56;}
.life main .content-body .gyouji-box .summer .moth { color: #A2CF56; }
.life main .content-body .gyouji-box .season.autumn { color: #FFAB3B; border-color: #FFAB3B;}
.life main .content-body .gyouji-box .autumn .moth { color: #FFAB3B; }
.life main .content-body .gyouji-box .season.winter { color: #55B8E4; border-color: #55B8E4;}
.life main .content-body .gyouji-box .winter .moth { color: #55B8E4; }

.life main .content-body .another-event {margin: 1rem 0;}
.life main .content-body .another-event .photo { width: 80%; margin: 0 auto;  display: flex; justify-content: space-between; }
.life main .content-body .another-event .col2 {width: 32%;}       
.life main .content-body .another-event .photo .another-event-img { display: block; margin: 1rem 0;}
.life main .content-body .another-event .eventtext { width: 80%;margin: 0 auto; justify-content: space-between;}
.life main .content-body .another-event .eventtext .col { margin: 0;}
.life main .content-body .another-event p { margin: 1rem auto; font-size: 2.0rem; border-bottom: solid #f9b737;}
.life main .content-body .another-event ul { text-align: center; margin-bottom: 2rem;}
.life main .content-body .another-event ul li { font-size: 1.8rem; margin: 1rem 0; line-height: 2; font-weight: bold; }
.life main .sub-image1 { position: absolute; bottom: -120px; left: 0%; z-index: 5;}
.life main .sub-image2 { position: absolute; bottom: -50px; left: 90%; z-index: 5;}      
.life main .sub-image3 { position: absolute; bottom: -120px; left: 20%; z-index: 5; width: 180px;}
.life main .leaf-deco{ position: relative}
.life main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; top:40%; left:5%; transform: rotate( 130deg); transform:scaleX(-1);}
.life main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:50%; right: 2%; transform: rotate( -80deg ); transform:scaleX(-1);}
.life main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; top:40%; right:2%; transform: rotate( 0deg ); }
.life main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; top:35%; left:5%;  transform: rotate( 0deg ); } 
.life main img.life-pc{width: 100%;}    
    
 

/*open*/
.open main .content-body .caution { border:#E51C1F  4px solid;  color:#E51C1F; margin-bottom: 50px; padding: 25px; background: #fff; }
.open main .content-body .caution p{ color:#E51C1F; font-size: 2.0rem!important; font-weight: bold; margin:0%; }
.open main .content-body .caution a.tel-link { color:#E51C1F; }
.open main .content-body .open-content{ width: 70%; margin: 0 auto; }
.open main .content-body .open-content dl { /*height: 80px;*/ width: 100%; display: flex; justify-content: space-around;font-size: 2.0rem; margin-bottom: 10px;}
.open main .content-body  .open-content dl dt { width: 20%; border-right: 1px solid #42210b; display: flex; justify-content: center;align-items: center; font-size: 2rem; font-weight: bold; }
.open main .content-body .open-content dl dd { width: 80%; /*display: flex; align-items: center;*/ margin-left: 50px; line-height: 1.6; padding: 15px 0;}
.open main .content-body .open-content dl dd p { text-align: left; margin: 0; text-indent: -1em; padding-left: 1em; font-size: 1.6rem; line-height: 1.5; font-weight: normal;}
.open main .content-body .open-content dl dd.last  {display: flex; flex-direction: column; align-items: flex-start;justify-content: center;}
.open main .content-body .open-content dl dd a{ text-decoration: underline; }
.open main .content-body .open-content dl dd a.pdf::before { content:"PDF";  color:#ffffff; background-color: #E51C1F; font-size: 1.2rem; padding: 5px 10px; margin-right: 5px;}
.open main .content-body .open-content dd a.pdf { color:#42210b; text-decoration: none; }
.open main .content-body .open-content dl .fontB { font-weight: bold; font-size: 2.0rem;}
.open main .content-body .image-area { position: relative; display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 10rem; }
    .open main .content-body .image-area img:last-child{ position:absolute;bottom: 0px; left: 50.5%; transform: translateX(-50.5%); width: 150px;}
.open main .sub-image1 { position: absolute; bottom: -70px; left: 88%; z-index: 5;}
.open main .sub-image2 {position: absolute; bottom: -50px; left: 0%;z-index: 5;} 
.open main .sub-image3 { position: absolute; bottom: -120px; right: 61%; z-index: 5;}
.open main .plan-table { width: 85%; margin: 0 auto;}
.open main .plan-table tr.pc_only { border-bottom: solid 1px #8e8e8e;}
.open main .plan-table th { padding: 15px 10px; font-size: 2.0rem; color: #555; border-top: solid 3px #42210b; border-bottom: solid 3px #42210b;}
/*.open main .plan-table tr:nth-child(1) th { border-top: solid 3px #8ABD4C; color: #42210b;}*/
.open main .plan-table tr:nth-child(7n+1) th {background: #ffe6de; border-color: #DE6641;}
.open main .plan-table tr:nth-child(7n+3) th {background: #ffe8c5; border-color: #E8AC51;}
.open main .plan-table tr:nth-child(7n+5) th {background: #fffbc6; border-color: #DFD000;}
.open main .plan-table tr:nth-child(7n+7) th {background: #d5fbd8; border-color: #39A869;}
.open main .plan-table tr:nth-child(7n+9) th {background: #daedff; border-color: #4784BF;}
.open main .plan-table tr:nth-child(7n+11) th {background: #d5ccff; border-color: #5D5099;}
.open main .plan-table tr:nth-child(7n+13) th {background: #edd1f1; border-color: #A55B9A;}
.open main .plan-table .plan-title { text-align: left;}
.open main .plan-table td { padding: 10px 15px; text-align: left; background: #fff;}
.open main .plan-table td ul li { line-height: 1.8; }
.open main .plan-table td ul li + li { margin-top: 5px; padding-top: 5px; border-top: dashed 2px #ccc;}
.open main .plan-table td ul li span { display: inline-block;}
.open main .plan-table td ul li .col-plan { width: 80%;}
.open main .plan-table td ul li .plan-day { width: 8em; text-align: right; padding-right: 1em;}
.open main .plan-table td ul li .plan-naiyou { width: 79%;}
.open main .plan-table td ul li .plan-notice { width: 100%; font-size: 1.4rem; margin-left: 9.5em;}
.open main .plan-table td ul li .plan-btn {width: 15%; padding-right: 0; align-self: center;}
.open main .plan-table td ul li .plan-btn a {display: block; background: #FB972F; border-radius: 10px; padding: 5px; text-align: center; color: #fff;}
.open main .open-into-img {text-align: center;}
.open main .open-into .col-cont4 { display: flex; justify-content: space-between; }
.open main .open-into .col { width: 24%; text-align: center;}
.open main .open-into .col p { margin-top: 2rem;}


/*recruit入園案内*/
.recruit .content-body .messege { background: #fff; border: 2px dashed #ff9f46; box-shadow: 0 0 0 10px #fff; border-radius: 5px; color: #fff; }
.recruit .content-body .messege h5 { padding: 1% 8% 0 8%; margin-bottom: 0; }
.recruit .content-body .messege p{ text-align: right; padding: 2% 4%; margin:0;  color: #42210b; }
.recruit .content-body #requirements .table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 6%; }
.recruit .content-body #requirements .table dl { display: table; width: 100%; }
.recruit .content-body #requirements .table dl dt,.recruit .content-body #requirements .table dl dd { display: table-cell; font-size: 1.4rem; padding: 8px 15px; background: #ffffff; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.recruit .content-body #requirements .table dl dt{ width: 180px; background: #f5f5f5; text-align: center; font-weight: bold; padding: 3%; font-size: 1.6rem; line-height: 1.5; }
.recruit .content-body #requirements .table dl dd{ width: calc(100% - 180px); font-size: 1.3em; margin: 0; line-height: 1; text-align: left; font-weight: bold; }
.recruit .content-body #requirements .table dl dd p.pdf{ margin: 0; text-align: left; }
.recruit .content-body #requirements .table dl dd p.pdf::before{ content: "PDF"; color: #ffffff; background-color: #E51C1F; font-size: 1.2rem; padding: 5px 10px; margin-right: 5px; }
.recruit .content-body #requirements .table dl dd p a{ color: #42210b; font-weight: bold; font-size: 1.3rem; }
.recruit .content-body #requirements .table dl dd span.small{ font-size: 1.4rem; }
.recruit  main .sub-image1 { position: absolute; bottom: -90px; left: 2%; z-index: 5;width:80px;}
.recruit  main .sub-image2 { position: absolute; bottom:  0px; left: 91%; z-index: 5;}
.recruit  main .sub-image3 { position: absolute; bottom: -65px; left:13%; z-index: 5; width: 300px;}

    
.with-nature main .tomo-button span.arrow{display: block;position: absolute; top: 50%; right: 10%; transform: translate(-50%, -50%);}
.with-nature main .with-naturecont{ margin: 10% auto 0; width: 100%;}
.with-nature main dl{ margin: 5% auto 10%; }
.with-nature main dl.last{ margin: 5% auto 0%; }    
.with-nature main dd{ margin-bottom: 30px; font-size: 1.8rem; line-height: 1.8; text-align: center; }
.with-nature main dd img{ width: 32%;}
.with-nature main dd.first{ display:flex ; justify-content:center;}
.with-nature main dd.first img{margin-right: 2%;} 
.with-nature main .sub-image1 {position: absolute; bottom: -93px; z-index: 5; left: 87%;}
.with-nature main .sub-image2 {position: absolute; bottom: -40px; left: 5%; z-index: 5;}
.with-nature main .sub-image3 { position: absolute; bottom: -120px; right: 63%;z-index: 5; width: 20%;}
    .with-nature main .leaf-deco{ position: relative}
.with-nature main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; top:40%; left:5%; transform: rotate( 130deg); transform:scaleX(-1);}
.with-nature main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:50%; right: 2%; transform: rotate( -80deg ); transform:scaleX(-1);}
.with-nature main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; top:40%; right:2%; transform: rotate( 0deg ); }
.with-nature main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; top:35%; left:5%;  transform: rotate( 0deg ); }     
.with-nature main #with-nature .naturearea { display: flex; justify-content: space-between;}
.with-nature main #with-nature dl { width: 65%; }
.with-nature main #with-nature dl dt { display: inline-block; font-size: 3rem; margin-bottom: 2%; letter-spacing: 1rem; background-image: url("images/with-nature/crayon-line.png"); background-position: bottom; background-repeat: no-repeat; }
.with-nature main #with-nature dl dt span { font-size: 4.5rem; font-weight: bold; padding: 5px; }
.with-nature main #with-nature dl dt#right-titel{ text-align: right!important; }
.with-nature main #with-nature dl dd img { width: 100%;}
.with-nature main #with-nature p.nature { width: 35%; text-align: left; padding: 4%; background: #fff; height: 400px; }
.with-nature main #with-nature .col-cont2 .col-slider { width: 100%; }
.with-nature main #with-nature .col-cont2 {display: block;}       


/*blog*/
.blog main .content-body article { display: block; margin: 5rem auto; padding:6rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 2.0rem; }
.blog main .content-body article h4 { font-size: 2.6rem; text-align: left; margin: 0; }
.blog main .content-body article h5 { font-size: 2.4rem; font-weight: bold; border-bottom: solid 2px #f28224; text-align: left;  padding-bottom: 20px; margin: 2% 0%; }
.blog main .content-body article h5 span.weather{ font-size: 1.6rem; }
.blog main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.blog main .content-body article p { font-size: 2.0rem; margin: 1rem 0!important; text-align: left;  }
.tax_blog main .content-body article span {font-size: 2.0rem;}    
.blog main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.blog main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.blog main .content-body .nav-links{ text-align: center;}
.blog .navigation h2{ display: none; }
.blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.blog .navigation a,.blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.blog .navigation .current{ background:gold; border-radius:100%; }
.blog .navigation .dots{ background:none; }
.blog main .sub-image1 { position: absolute; bottom: -150px; left: 0%; z-index: 5; width: 13%;}
.blog main .sub-image2 { position: absolute;bottom: -50px;left: 90%;z-index:5;} 
.blog main .sub-image3 { position: absolute; bottom: -150px; left: 15%; z-index: 5; width: 22%;}
.blog .blog-pic {display: flex; flex-wrap: wrap; justify-content: space-between;}
.blog .blog-pic img{margin-bottom: 30px; width: 49%; object-fit: scale-down; } 
.blog main .leaf-deco{ position: relative}
.blog main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; top:40%; left:5%; transform: rotate( 130deg); transform:scaleX(-1);}
.blog main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:50%; right: 2%; transform: rotate( -80deg ); transform:scaleX(-1);}
.blog main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; top:40%; right:2%; transform: rotate( 0deg ); }
.blog main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; top:35%; left:5%;  transform: rotate( 0deg ); }     




/*news*/
.news main .content-body  .area { position: relative; width: 80%; margin: 0 auto; text-align: center;}
.news main .content-body  dl {display: flex; justify-content: space-between; text-align: left;font-size: 1.6rem;border-bottom: 3px #C89366 dashed; padding: 2.5%; font-weight: bold; position: relative;}
.news main .content-body  dl dd{ width: 70%;  font-size: 1.8rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news main .content-body  dl dd.after{ width: 2%; margin-left: 10px; font-size: 1.5rem; color:#fa7e05;}
.news main .content-body a {color: #444; display: block;}
.news main .content-body .area a:first-child{ border-top: 3px dashed #C89366;}
.news .navigation h2{display: none;}
.news .navigation .nav-links{padding: 2em; display: flex; justify-content: center;}
.news .navigation .current {background: gold; border-radius: 100%;}
.news .navigation a, .news .navigation span {width: 50px;height: 50px;margin: 2px; line-height: 50px; text-align: center; font-size: 14px;font-weight: bold;text-decoration: none;background: #fff;color: #222; transition: .3s;}
.news main .sub-image1 { position: absolute; bottom:  -100px; left: 0%; z-index: 5; width: 120px;}
.news main .sub-image2 {position: absolute;bottom: -50px;left: 90%;z-index: 5;} 
.news main .sub-image3 { position: absolute; bottom: -100px; left: 23%; z-index: 5; width: 150px;}
.news main .content-body dl .cat { margin-left: 1em; border-radius: 5px; padding: 3px 10px; font-size: 1.6rem; background: #FA7E00; color: #fff;}
.news main .content-body dl .cat.blog { background: #22A85B; }
    
/*facility*/ 
.facility main .content-body p.sentencetitle{font-size: 2.4rem; text-align: left; font-weight: bold; margin: 0!important;}
.facility main .leaf-deco{ position: relative}
.facility main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:50%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(5){ position: absolute; bottom:5%; left:13%; transform: rotate( 130deg); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(6){ position: absolute; bottom:28%; right: 10%; transform: rotate( -80deg ); transform:scaleX(-1);}
.facility main .leaf-deco ul.leafarea li:nth-child(7){position: absolute; bottom:20%; right:12%; transform: rotate( 0deg ); }
.facility main .leaf-deco ul.leafarea li:nth-child(8){position: absolute; bottom:15%; left:12%;  transform: rotate( 0deg ); } 
.facility main .leaf-deco ul.leafarea li:nth-child(9){position: absolute; top:24%; left:5%;  transform: rotate( 0deg ); }   
.facility main .content-body .contents { position: relative; margin: 10% auto;}
.facility main .content-body .floor1{ position: relative; margin: 2% auto 10%;}       
.facility main .content-body .contents img{width: 70%; display: block; margin: 0 auto;} 
.facility main .content-body .contents img.pin{width: 50%;}
.facility main .content-body .floor1 .map-pin01{position: absolute; top:34%; left:27%;}
.facility main .content-body .floor1 .map-pin02{position: absolute; top:57%; left:27%;}
.facility main .content-body .floor1 .map-pin03{position: absolute; top:36%; left:39%;}
.facility main .content-body .floor1 .map-pin04{position: absolute; top:57%; left:41%;}
.facility main .content-body .floor1 .map-pin05{position: absolute; top:21%; left:67%;}   
.facility main .content-body .floor1 .map-pin06{position: absolute; top:58%; left:58%;}
.facility main .content-body .floor1 .map-pin07{position: absolute; top:38%; left:59%;}
.facility main .content-body .floor1 .map-pin08{position: absolute; top:70%; left:63%;}
.facility main .content-body .floor1 .map-pin09{position: absolute; top:4%; left:46%;}
.facility main .content-body .floor1 .map-pin10{position: absolute; top:80%; left:51%;}     
.facility main .content-body .floor2 .map-pin01{position: absolute; top:20%; left:20%;}
.facility main .content-body .floor2 .map-pin02{position: absolute; top:22%; left:37%;}
.facility main .content-body .floor2 .map-pin03{position: absolute; top:9%;  left:54%;}
.facility main .content-body .floor2 .map-pin04{position: absolute; top:41%; left:63%;}
.facility main .content-body .floor2 .map-pin05{position: absolute; top:58%; left:63%;}   
.facility main .content-body .floor2 .map-pin06{position: absolute; top:24%; left:71%;} 
.facility main .content-body .rooftop .map-pin01{position: absolute; top:5%; left:46%;}
.facility main .content-body .rooftop .map-pin02{position: absolute; top:25%; left:59%;}
.facility main .content-body .rooftop .map-pin03{position: absolute; top:50%;  left:63%;}
.facility main .content-body .rooftop .map-pin04{position: absolute; top:75%; left:64%;}
.facility main .content-body .rooftop .map-pin05{position: absolute; top:20%; left:32%;}
.facility main .content-body .rooftop .map-pin06{position: absolute; top:40%; left:32%;}        
.facility main .content-body .flex{display: flex; justify-content: space-between; flex-wrap: wrap; margin:70px auto; }
.facility main .content-body .sentence{width: 55%;}
.facility main .content-body .sentence p{text-align: left!important; margin-bottom: 30px;} 
.facility main .sub-image1 { position: absolute; bottom:  -50px; left: 0%; z-index: 5; width: 100px;}
.facility main .sub-image2 { position: absolute; bottom: -50px; left: 0%; z-index: 5;}
.facility main .sub-image3 { position: absolute; bottom: -120px; left: 15%; z-index: 5; width: 200px;}
#facility .modal{display: none; height: 100vh;position: fixed;top: 0;width: 100%; z-index:101;}
#facility .modal__bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
#facility .modal__content{background: #fff;left: 50%;padding: 40px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 60%;} 
#facility .modal__content figure img{ display: block; margin: 0 auto; max-width: 100%;} 
#facility .modal__content a{ position: absolute; top: 1%; right: 1%; font-size: 3rem; font-weight:bold;   color: #444;}   
#facility .modal__content h5{ margin: 3% auto; font-size: 2rem; font-weight: bold;max-width: 500px;}
.facility main h4{font-size: 2.4rem;color: #FA7800;line-height: 2;letter-spacing: 0.3rem;margin: 25px 0;font-weight: bold;ext-align: center;}    
.facility main .content-body .facility-pic{display: flex; justify-content: center; width: 90%;}
.facility main .content-body .facility-pic img{ display: block; max-width: 100%;}
.facility main .col-cont4 {display: flex;justify-content: space-between;}
.facility main .col {width: 32%;text-align: center;}  
.facility main .col-cont4 p {font-size:1.4rem;}         
.facility .videoarea iframe{ width: 749px; height: 421px;}
.facility .videoarea{ margin: 0 auto 15%; text-align: center; }
.facility video { width: 70%; height: auto; margin: 0 auto; }


/*admission*/
.admission main #admission-area h4{font-size:2.4rem; margin:0;}
.admission main #admission-area .boshuu-table-bg{background-color: #fefbec; margin-bottom: 100px;}
.admission main #admission-area .boshuu-table-bg2{background-color: #ffffff; margin: 0 auto;
padding: 50px 0; width: 80%;}
.admission main #admission-area .boshuu-table-bg3{background-color: #ffffff; margin: 0 auto;
padding: 50px 0; width: 80%;}
.admission main #admission-area .boshuu-table{font-size: 1.6rem; font-weight: bold; line-height: 1.4; width: 94%; background-color: #fefbec; margin: 0 auto;}
.admission main #admission-area .boshuu-table .boshuu-table-flex{display: flex}
.admission main #admission-area .boshuu-table .boshuu-table-flex-column{display: flex; flex-direction: column; width: 75%;}  
.admission main #admission-area .boshuu-table-header{font-size: 4rem;font-weight: bold; color:#147709; height: 100px;padding: 10px; width: 94%; margin: 0 auto; background-color: #ffffff;}
.admission main #admission-area .boshuu-table-header2{font-size: 4rem;  font-weight: bold; color:#ed2d23; height: 100px;padding: 10px; width: 94%; margin: 0 auto; background-color: #ffffff;}
.admission main #admission-area .center-cell{display: flex; justify-content: center; align-items: center;}   
.admission main #admission-area .cell{display: flex;  align-items: center; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding: 5px 10px; width: 75%;}
.admission main #admission-area .cell2{display: flex; justify-content: center; flex-direction: column; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; height: 50px; padding: 5px 10px;
}
.admission main #admission-area .cell3{display: flex; flex-direction: column; justify-content: center;  border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; height: 330px; padding: 10px 5px; width: 75%;}
.admission main #admission-area .item2{background-image: url(images/admission/table-lightgreenback.png);  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px;  height: 133px; padding: 10px; font-size: 2rem;    text-align: center;width:25%;}
.admission main #admission-area .item3{background-image: url("images/admission/table-greenback.png");  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px;  height: 100px; padding: 10px; font-size: 2rem;    text-align: center;width:25%;}
.admission main #admission-area .item4{background-image: url(images/admission/table-orangeback.png);  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; padding: 10px; font-size: 2rem; text-align: center; height: 100px ;width:25%; }
.admission main #admission-area .item5{background-image: url("images/admission/table-lightorangeback.png");  background-size: cover; color: #ffffff; border-top: #ffffff solid 1px; border-left: #cccccc solid 1px; padding: 10px; font-size: 2rem; text-align: center; height: 100px;  width:25%;}    
.admission main #admission-area .cell2 span.seigo{margin-left: 4em;}
.admission main #admission-area p.red{text-align: center; color:#A9251E;}
.admission main #admission-area p.uketuke{color:#A9251E; text-align: left; font-size: 1.6rem; margin:0;}
.admission main #admission-area p.gansho{text-align: left; font-size: 1.6rem; margin:0; line-height: 1.5;}
.admission main #admission-area span.red-line{border-bottom: #A9251E 1px solid; }
.admission main #admission-area .last{ border-bottom: #cccccc 1px solid;} 
.admission main #admission-area .azukari p{font-size: 1.4rem;margin:0; text-align: left;} 
.admission main #admission-area .moushikomi{ height: 150px;}    
.admission main #admission-area .kyouiku{ height: 120px;}  
.admission main #admission-area .kyuusyoku{ height: 200px;}  
.admission main #admission-area .kyuusyoku span.price{display: inline-block; width: 65px; text-align: right; font-size: 1.6rem;}      
.admission main #admission-area .kyuusyoku p{ text-align: left; font-size: 1.6rem; margin:0; }
.admission main #admission-area p.bikou{font-size:1.4rem; line-height: 1.4; margin:0;  text-align: left;}
.admission main #admission-area span.red{color:#A9251E; font-weight: bold;}
.admission main #admission-area span.date{font-size:2rem; font-weight: bold;}  
.admission main #admission-area span .date-red{color:#A9251E; font-weight: bold;font-size:2rem; }  
.admission main #admission-area .azukari{height: 330px;}
.admission main #admission-area .azukari-table{display: flex; flex-direction: column; margin: auto 20px; }
.admission main #admission-area .azukari-table2{display:flex;}
.admission main #admission-area .azukari-table3{display: flex; width: 100%; height: 40px;}
.admission main #admission-area .azukari-table4{display: flex; flex-direction: column; width: 40%;}
.admission main #admission-area .azukari-table5{display: flex; flex-direction: column; width: 60%;}
.admission main #admission-area .azukari-table6{display: flex; width: 100%; height: 80px;}
.admission main #admission-area .cell4{font-size: 2rem; height: 80px; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; }
.admission main #admission-area .cell5{font-size: 2rem; height: 80px;  border-top: #cccccc solid 1px; border-left: #cccccc solid 1px;border-bottom: #cccccc solid 1px; }
.admission main #admission-area .cell6{height: 40px;  width: 30%; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; padding-right: 5px;}
.admission main #admission-area .cell7{height: 80px; width:70%; border-top: #cccccc double 3px; border-left: #cccccc double 3px;border-bottom: #cccccc solid 1px;}
.admission main #admission-area .cell8{height: 40px;  width: 50%; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px;}
.admission main #admission-area .cell9{height: 80px;  width: 30%; border-top: #cccccc double 3px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; border-bottom: #cccccc solid 1px;}
.admission main #admission-area .cell10{ height: 40px;  width: 20%; border-top: #cccccc solid 1px; border-left: #cccccc double 3px; }
.admission main #admission-area .cell11{height: 40px;  width: 100%; border-top: #cccccc double 3px; border-bottom: #cccccc solid 1px; border-right: #cccccc solid 1px; border-left:  #cccccc double 3px;}
.admission main #admission-area .cell12{ font-size: 2rem;height: 40px;  border-left:  #cccccc solid 1px;  border-top: #cccccc double 3px; border-bottom: #cccccc solid 1px; }
.admission main #admission-area .cell13{font-size: 2rem; height: 40px;  border-top: #cccccc double 3px; border-left: #cccccc solid 1px;}
.admission main #admission-area .tukigaku{background-color: #B2B2B2; color: #ffffff;}    
.admission main #admission-area p.mensetu{border: #A9251E 4px solid;color: #A9251E; margin:50px auto; padding: 25px;width: 94%; }     
.admission main #admission-area p.mensetu span{font-size: 2rem;}      
.admission main #admission-area span.sub{font-size: 1.4rem;}
.admission main .leaf-deco {position: relative;}
.admission main .leaf-deco ul.leafarea li:nth-child(1){ position: absolute; top:40%; left:8%; transform: rotate( 130deg); transform:scaleX(-1);}
.admission main .leaf-deco ul.leafarea li:nth-child(2){ position: absolute; top:45%; right: 5%; transform: rotate( -80deg ); transform:scaleX(-1);}
.admission main .leaf-deco ul.leafarea li:nth-child(3){position: absolute; top:50%; right:7%; transform: rotate( 0deg );}
.admission main .leaf-deco ul.leafarea li:nth-child(4){position: absolute; top:45%; left:7%;  transform: rotate( 0deg );}
.admission main .sub-image2 { position: absolute; bottom: -60px; left: 90%; z-index: 5; }
.admission main .sub-image3 { position: absolute; bottom: -120px; left: 15%; z-index: 5;width: 300px;}
.admission main #admission-area .small{ font-size: 1.2rem; }
.admission main #admission-area .boshuu-table-bg3 .ninteiji2 .cell-separate dl{ display: flex; }
.admission main #admission-area .h160{ height: 160px!important;}
.admission main #admission-area .cell-separate{ display: flex; justify-content: center; flex-direction: column; border-top: #cccccc solid 1px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; height: 50px; padding: 5px 10px;}
.admission main #admission-area .h80{ height: 80px; }
.admission main #admission-area .h80 dl{ display: flex; align-items: center; }

    
/*single*/
.single main .sub-image1 { position: absolute; bottom:  -100px; left: 0%; z-index: 5; width: 120px;}
.single main .sub-image2 { position: absolute; bottom: -15px; left: 95%; z-index: 5;}
.single main .sub-image3 { position: absolute; bottom: -100px; left: 23%; z-index: 5; width: 150px;}
.single main .content-body h3{margin-bottom:30px;}
.single main .content-body p{margin: 1.6rem auto;}
.single main .content-body p a{display: block; color: #fff;font-size: 1.8rem;font-weight: bold;
text-align: center; padding: 15px;}
.single main .content-body article{ display: block; margin: 5rem auto; padding: 3rem; background: #fff; border-radius: 15px;line-height: 1.6;font-size: 2.0rem;}
.single main .content-body article p{text-align: left;}
.single main .content-body p.back{width: 200px; background: #FA7E00; color: #fff; margin: 0 auto; font-size: 1.5rem; border-radius: 15px;}
.single main .content-body span{font-size: 1.7rem!important;}

/*blog single*/
.tax_blog main .content-body article { display: block; margin: 5rem auto; padding:5rem; background: #fff; border-radius: 15px; line-height: 1.6; font-size: 2.0rem; }
.tax_blog main .content-body article h4 { font-size: 2.6rem; text-align: left; margin: 0; }
.tax_blog main .content-body article h5 { font-size: 2.4rem; font-weight: bold; border-bottom: solid 2px #f28224; text-align: left;  padding-bottom: 20px; margin: 2% 0%; }
.tax_blog main .content-body article h5 span.weather{ font-size: 1.6rem; }
.tax_blog main .content-body article h4 span { font-size: 1.4rem; display: inline-block; border-top: solid 2px #f28224; padding: 0 5rem; }
.tax_blog main .content-body article p { font-size: 2.0rem; margin: 1rem 0!important; text-align: left;}
.tax_blog main .content-body article span {font-size: 2.0rem;}   
.tax_blog main .content-body article .thumb img { display: block; margin: 2rem auto; width: auto; max-width: 1000px; height: auto; }
.tax_blog main .content-body nav.navigation .pagination h2.screen-reader-text{display: none;}
.tax_blog main .content-body .nav-links{ text-align: center;}
.tax_blog .navigation h2{ display: none; }
.tax_blog .navigation .nav-links{ padding:2em; display:flex; justify-content:center; }
.tax_blog .navigation a,.tax_blog .navigation span{ width:50px; height:50px; margin:2px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; background:#fff; color:#222; transition:.3s; }
.tax_blog .navigation a:hover{ background:gold; border-radius:100%; transform:rotate(360deg); }
.tax_blog .navigation .current{ background:gold; border-radius:100%; }
.tax_blog .navigation .dots{ background:none; }
.tax_blog main .sub-image1 { position: absolute; bottom: -150px; left: 0%; z-index: 5; width: 130px;}
.tax_blog main .sub-image2 { position: absolute; bottom: 10px; left: 100%; z-index: 5;}
.tax_blog main .sub-image3 { position: absolute; bottom: -150px; left: 15%; z-index: 5; width: 220px;}
.tax_blog .blog-pic {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tax_blog .blog-pic img{margin-bottom: 30px; width: 49%; }

/*全体的なanimation用css*/
.faidin { visibility: hidden; opacity : 0.1; transform : translate(0, 50px); transition : all 500ms;}
.faidin.show { visibility: visible; opacity : 1; transform : translate(0, 0);}

.faidinLeft { visibility: hidden; opacity: 0; transform : translate(64px, 0); transition : all 500ms;}
.faidinLeft.show { visibility: visible; opacity: 1; transform : translate(0, 0);}

.faidinRight { visibility: hidden; opacity: 0; transform : translate(-64px, 0); transition : all 500ms;}
.faidinRight.show { visibility: visible; opacity: 1; transform : translate(0, 0);}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}

.faidinCover {position: relative; overflow: hidden;}
.faidinCover:before {content: ""; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #FFFBED; }
.show.faidinCover:before { animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;}

@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
}

@keyframes tatefuwafuwa {
  0% {
    transform:translate(0, 0) ;
  }
  50% {
    transform:translate(0, 7px) ;
  }
  100% {
    transform:translate(0, 0) ;
  }
}
.tatefuwafuwa {
  animation: tatefuwafuwa 5s infinite ease-in-out .8s alternate;
}

@keyframes purupuru {
  0% {
      transform: translate(0px, 0px)
  }
  50% {
      transform: translate(0px, 1px) rotateZ(1deg)
  }
} 
#page-top a:hover img {
  animation: purupuru 0.1s infinite;
}
}