@charset "utf-8";

/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
@media only screen and (max-width:812px) {
.pc   {display:none}
.sp   {display:block}
}

/* ----------------------------------------------------------

Common

---------------------------------------------------------- */
html, body, h1, p, a, div, section {
margin:0;
padding:0;
font-size:100%;
font-family:'M PLUS 1p', sans-serif;
}

/*ol ul li*/
ul,dl,
dt,dd,
ul li {list-style:none;padding:0;margin:0}
ol    {padding:0;margin-left:1em}
ol.ol_list li {padding-left:0.5em;margin-left:0}

/*clearfix*/
* html .clearfix,
*+html .clearfix  {zoom:1}
.clearfix:after   {height:0;visibility:hidden;content:".";display:block;clear:both}

/*clear*/
.clear-both   {clear:both}
.clear-left   {clear:left}
.clear-right  {clear:right}

/*position*/
.left         {text-align:left}
.center       {text-align:center}
.right        {text-align:right}
.top          {vertical-align:top}
.middle       {vertical-align:middle}
.bottom       {vertical-align:bottom}
.flex         {display:flex;box-sizing:border-box}

/*text*/
.red        {color:#C90000}
.strong     {font-weight:700}
.large      {font-size:120%}

/*link*/
a           {cursor:pointer;color:#50A1D4}

/*img*/
img         {vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%}
img.border  {border:1px solid #dedede;box-sizing:border-box}
.alignnone,
.alignleft,
.alignright,
.aligncenter {max-width:100%;margin:0;width:auto}
.alignnone   {margin-bottom:5px} 
.alignleft   {display:inline;float:left;margin-top:5px;margin-right:25px;margin-bottom:25px}
.alignright  {display:inline;float:right;margin-top:5px;margin-left:25px;margin-bottom:25px}
.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;text-align:center}
@media only screen and (max-width:812px) {
.alignnone,
.alignleft,
.alignright,
.aligncenter {display:block;float:none;text-align:center;margin:1em auto}
}

/*btn*/
.btn {
max-width:100%;
position:relative;
text-align:center;
display:block;
font-size:120%;
font-weight:500!important;
padding:1em;
box-sizing:border-box;
text-decoration:none;
border-radius:10px!important
}
.btn_small      {font-size:100%;padding:0.5em;}
.btn_primary    {background:#e87589;color:#fff;border:1px solid #e87589;border-bottom:3px solid #915d69}
.btn_secondary  {background:#fff;color:#232b2c;border:1px solid #ccc;border-bottom:3px solid #ccc}
.btn:after      {position:absolute;top:39%;right:20px;content:'\f054';font-size:80%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.btn_primary .btn:after    {color:#fff}
.btn_secondary .btn:after  {color:#232b2c}
@media only screen and (max-width:812px) {
.btn {font-size:130%;padding:1em 1.5em}
}

/*loading */
.loader-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 123456789;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  font-size: 10px;
  margin: auto;
  text-indent: -9999em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}

/* ----------------------------------------------------------

Base

---------------------------------------------------------- */
/*table*/
table.table         {width:100%;border:1px solid #dedede;border-collapse:collapse;border-spacing:0;margin:1em auto}
table.table th      {padding:1.5em;border:1px solid #dedede;text-align:left;font-weight:600!important;background:#F0F0F0;width:20%}
table.table td      {padding:1.5em;border:1px solid #dedede;line-height:normal;font-weight:100!important}
.contact .table th  {width:33%}
.table_caution      {font-size:90%}
.table th.emphasis,
.table td.emphasis  {background:#FDF7DF;font-weight:600!important}
@media only screen and (max-width:812px) {
table.table         {border:none}
table.table th      {width:100%;position:relative;display:block;padding:1em;border:none;box-sizing:border-box}
table.table td      {width:100%;position:relative;display:block;padding:1em 0;border:none;box-sizing:border-box}
.contact .table th  {width:100%}
.table td.emphasis  {background:#fff!important;padding:1em 0}
}

/*form*/
form input    {display:inline-block;vertical-align:middle}
form input[type=tel].form_control ,
form input[type=email].form_control,
form input[type=text].form_control ,
form textarea  {max-width:100%;width:100%;min-height:30px;border:1px solid #dedede;background:#fff;padding:1em ;border-radius:4px;font-size:100%;box-sizing:border-box}
form textarea  {min-height:200px}
form input[type=submit],
form button {-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;cursor:pointer;outline:none}
.form_submit    {margin:2.5em auto 1em}
.form_submit a ,
.form_submit input[type=submit]  {max-width:480px;width:100%;margin:1em auto;text-align:center;font-size:130%;font-weight:700}
@media only screen and (max-width:477px) {
.form_submit    {margin:1em auto}
.form_submit a ,
.form_submit input[type=submit]  {max-width:100%;width:100%}
}
@media only screen and (min-width:478px) and (max-width:812px) {
form input[type=tel] ,
form input[type=email],
form input[type=text] ,
form textarea  {max-width:60%;min-height:30px;border:1px solid #dedede;background:#fff;padding:1em ;border-radius:4px;font-size:100%;box-sizing:border-box}
form textarea  {min-height:200px}
}

/* ----------------------------------------------------------

Base Layout

---------------------------------------------------------- */
/*body*/
body        {
width:100%;
margin:0 auto;
padding:0;
-webkit-text-size-adjust:100%;
font-size:12pt;
line-height:normal;
background:#EDF6FD; 
-webkit-overflow-scrolling:touch;
position:relative;
}
#wrapper			    {text-align:justify!important}
.container_middle {position:relative;margin:auto;max-width:880px;box-sizing:border-box}
.container_narrow {position:relative;margin:auto;max-width:700px;box-sizing:border-box}
.container        {position:relative;margin:auto;max-width:1024px;box-sizing:border-box}
#main             {position:relative;margin:auto}
#content,
#sidebar                  {position:relative}
.information #main,
.childcarep #main,
.post-type-archive-news #main,
.single-news #main,
.childcare_group #main    {background:#fff;margin-top:25px;margin-bottom:25px}
.childcare_group #content {float:left;max-width:720px;width:75%}
.childcare_group #sidebar {float:right;max-width:250px;width:25%}
@media only screen and (max-width:812px) {
.container_middle,
.container_narrow,
.container   {width:100%;max-width:100%;padding-left:1em;padding-right:1em;box-sizing:border-box}
.childcare_group #content,
.childcare_group #sidebar {float:none;width:100%;max-width:100%}
}

/*bread*/
.bread                    {width:100%;background:#fff;box-shadow:0px 8px 4px -4px rgba(231,243,252,1)}
.bread.border             {border-top:1px solid #dedede}
.breadr_container         {padding-top:1em;padding-bottom:1em}
.breadr_container p       {font-size:80%}
@media only screen and (max-width:812px) {
}

/* ----------------------------------------------------------

Header

---------------------------------------------------------- */
/*topbar*/
#header                   {background:#fff}
.topbar_container         {padding:10px 0;flex-direction:row;justify-content:right;align-items:center;flex-wrap:wrap}
.topbar .logo             {flex-basis:40%}
.topbar .topbar_contact   {flex-basis:58%}
.topbar_contact_list      {flex-direction:row;justify-content:right;align-items:center;flex-wrap:wrap}
.topbar_contact_tel       {flex-basis:48%}
.topbar_contact_btn       {flex-basis:50%;margin-left:2%}
.topbar_contact_tel span  {display:block;text-align:center;margin:0.5em auto}
.topbar_contact_tel_img   {width:256px;margin:auto}
.topbar_contact_tel_text  {font-size:78%;line-height:1.25em;color:#4d4d4d}
.topbar_contact_btn       {font-size:110%;box-sizing:border-box}
.topbar_contact_btn .btn  {padding:10px 0!important; max-width:100%}
@media only screen and (max-width:812px) {
.topbar .logo             {flex-basis:100%}
.topbar .logo img         {width:128px}
}

/*gnav*/
.gnav.pc                    {width:100%;border-top:5px solid #e7f3fc}
.gnav.pc .gnav_box          {margin:auto;text-align:center;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}
.gnav.pc .gnav_list li      {flex-basis:20%;padding:26px 0 20px;margin:-5px auto 0;font-weight:400;border-top:5px solid #e7f3fc}
.gnav.pc .gnav_list li.nav1 {border-top-color:#86c3ef}
.gnav.pc .gnav_list li.nav2 {border-top-color:#fa91a2}
.gnav.pc .gnav_list li.nav3 {border-top-color:#f1c719}
.gnav.pc .gnav_list li.nav4 {border-top-color:#88c582}
.gnav.pc .gnav_list li.nav5 {border-top-color:#c48ac7}
.gnav.pc .gnav_list li.nav6 {border-top-color:#DD8566}
.gnav.pc .gnav_list li a    {display:block;text-decoration:none!important;border-right:1px dotted #555;color:#000;padding:0 2.5em;font-size:90%;font-weight:500}
.gnav.pc .gnav_list li:first-child a {border-left:1px dotted #555}  
  @media only screen and (max-width:812px) {
  .collapse-button          {top:24px;right:10px;width:30px;margin:0;position:absolute;cursor:pointer;z-index:100000}
  .collapse-button a        {position:relative;display:block;height:20px;box-sizing:border-box}
  .collapse-button span     { 
  position:absolute;
  display:inline-block;
  left:0;
  width:100%;
  height:2px;
  background-color:#86c3ef;
  border-radius:2px;
  -webkit-transition:all 0.4s;
  transition:all 0.4s;
  box-sizing:border-box;
  }
  .collapse-button span:nth-of-type(1) {top:0}
  .collapse-button span:nth-of-type(2) {top:9px}
  .collapse-button span:nth-of-type(3) {bottom:0}
  .collapse-button span:nth-of-type(2)::after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  width:100%;
  height:2px;
  background-color:#86c3ef;
  border-radius:2px;
  -webkit-transition:all .4s;
  transition:all .4s;
  }
  .collapse-button .active span:nth-of-type(2) {
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
  }
  .collapse-button .active span:nth-of-type(2)::after {
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg);
  }
  .collapse-button .active span:nth-of-type(1) {
  -webkit-transform:translateY(20px) scale(0);
      -ms-transform:translateY(20px) scale(0);
          transform:translateY(20px) scale(0);
  }
  .collapse-button .active span:nth-of-type(3) {
  -webkit-transform:translateY(-20px) scale(0);
      -ms-transform:translateY(-20px) scale(0);
          transform:translateY(-20px) scale(0);
  }
  /*collapse-menu*/
  .collapse-menu ul,
  .collapse-menu li       {margin:0;padding:0;list-style:none}
  .collapse-menu          {display:none}
  .collapse-menu          {width:100%;text-align:left;-webkit-overflow-scrolling:touch;box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25)}
  .collapse-menu ul       {margin-bottom:-1px;border-bottom:1px solid #dedede}
  .collapse-menu ul li    {position:relative;border-top:1px solid #dedede;background:#fff}
  .collapse-menu ul li a  {display:block;color:#222;cursor:pointer;text-decoration:none;padding:1em 10px;font-size:100%;border-left:5px solid #fff}
  .collapse-menu ul li.nav1 a   {border-left-color:#86c3ef}
  .collapse-menu ul li.nav2 a   {border-left-color:#fa91a2}
  .collapse-menu ul li.nav3 a   {border-left-color:#f1c719}
  .collapse-menu ul li.nav4 a   {border-left-color:#88c582}
  .collapse-menu ul li.nav5 a   {border-left-color:#c48ac7}
  .collapse-menu ul li.nav6 a   {border-left-color:#DD8566}
  .collapse-menu ul li a:focus,
  .collapse-menu ul li a:hover  {color:#fff;text-decoration:none;background:#fff;color:#999;opacity:1}
}

/* ----------------------------------------------------------

Content

---------------------------------------------------------- */
/*home_header*/
.home_header              {width:100%;height:100%;min-height:510px;background:url(../img/home_bg.jpg) 50% 50% no-repeat}
.home_header_container    {text-indent:-9999px}
@media only screen and (max-width:812px) {
.home_header              {min-height:auto;background:none}
.home_header_container    {text-indent:none}
}

/*page_header*/
.page_header              {width:100%;height:auto;min-height:250px}
.age .page_header         {background:url(../img/age_bg.jpg) 50% 50% no-repeat;background-size:cover}
.day .page_header         {background:url(../img/day_bg.jpg) 50% 50% no-repeat;background-size:cover}
.entrance .page_header    {background:url(../img/entrance_bg.jpg) 50% 50% no-repeat;background-size:cover}
.recruit .page_header     {background:url(../img/recruit_bg.jpg) 50% 50% no-repeat;background-size:cover}
.outline .page_header     {background:url(../img/outline_bg.jpg) 50% 50% no-repeat;background-size:cover}
.childcare .page_header,
.information .page_header,
.post-type-archive-drum .page_header,
.post-type-archive-flower_garden .page_header,
.post-type-archive-infant .page_header,
.post-type-archive-physical .page_header,
.post-type-archive-preschooler .page_header,
.post-type-archive-rhythm .page_header,
.childcare_group .page_header  {background:url(../img/childcare_bg.jpg) 50% 50% no-repeat;background-size:cover}
.single-news .page_header,
.post-type-archive-news .page_header        {background:url(../img/childcare_bg.jpg) 50% 50% no-repeat;background-size:cover}
.page_header_container    {padding:5em 0;margin:auto}
.page_header_title        {margin:0 auto;text-align:center;padding:0;color:#fff;font-size:300%;text-shadow:0 0 10px rgba(0,0,0,0.75)}
@media only screen and (max-width:812px) {
.page_header     {background-size:200%;background-position:top center;min-height:auto}
.page_header_container    {padding:2.5em 0;margin:auto}
.page_header_title        {font-size:180%}
}

/*section*/
.section        {padding:2.5em 0;margin:0 auto}
.page .section  {margin:25px auto;background:#fff}
.home .section ,
.childcare_group .section    {margin:0}
.section_title,
.home_title     {color:#37a8de;font-size:240%;text-align:center;font-weight:700!important;margin:0.25em auto!important;padding:0!important}
.entry_text     {padding:1em 0 0.5em}
@media only screen and (max-width:812px) {
.section        {padding:1em 0}
.section_title,
.home_title     {font-size:180%}
.childcare_group .section    {padding:1.5em 0}
}

/* ----------------------------------------------------------

Home

---------------------------------------------------------- */
/*home_information*/
.section.home_information     {padding:5em 0;background:#e7f3fc!important}
.home_information_container   {border-radius:8px;border:1px solid #84cbe6;background:#fff;padding:3em 4em}
.home_information_list        {padding:1.25em 0;border-bottom:1px dotted #37a8de;flex-direction:row;justify-content:center;align-items:top;flex-wrap:wrap}
.home_information_list dt     {flex-basis:16%}
.home_information_list dd     {flex-basis:84%}
.home_information_list dd a   {text-decoration:none;color:#1a1a1a}
.home_information .view_all   {text-align:right;display:block;padding:0.5em 0 0}
.home_information .view_all a {
background:url(../img/icon_arrow1.png) 0 50% no-repeat;
padding-left:24px;
box-sizing:border-box;
font-size:80%;
color:#1a1a1a;
text-decoration:none
}
.home_information_list_cat.physical       {color:#37A6DC}
.home_information_list_cat.rhythm         {color:#FA91A2}
.home_information_list_cat.flower_garden  {color:#F1C719}
.home_information_list_cat.drum           {color:#88C582}
.home_information_list_cat.infant         {color:#c48ac7}
.home_information_list_cat.preschooler    {color:#DD8566}
@media only screen and (max-width:812px) {
.section.home_information     {padding:1em 0 2.5em}
.home_information_container   {padding:0 16px}
.home_information_list.flex   {display:block}
.home_information_list dt,
.home_information_list dd     {flex-basis:100%}
.home_information .view_all   {padding:1em 0}
}

/*home_concept*/
.home_concept     {padding:5em 0;margin:auto;text-align:center;background:#fff}
.home_concept img {max-width:100%;height:auto}
@media only screen and (max-width:477px) {
.home_concept     {padding:2.5em 0}
.home_concept img {max-width:100%}
}
@media only screen and (min-width:478px) and (max-width:812px) {
.home_concept     {padding:2.5em 0}
.home_concept img {max-width:70%}
}

/* ----------------------------------------------------------

Childcare

---------------------------------------------------------- */
/*childcare*/
.childcare_list_container       {flex-direction:row;justify-content:center;align-items:top;flex-wrap:wrap}
.childcare_list                 {flex-basis:46%;margin:0 2% 2%}
.childcare_list:nth-child(odd)  {margin-left:0}
.childcare_list:nth-child(even) {margin-right:0}
.childcare_list a       {text-decoration:none}
.childcare_list_title   {border-radius:10px 10px 0 0;padding:6px;margin:0;text-align:left}
.childcare_list_title_text {
border-radius:10px 10px 0 0;
border:2px dotted rgba(255,255,255,0.5);
padding:0.5em 0.75em ;
margin:0;
color:rgba(255,255,255,1);
font-size:180%;
font-weight:500;
position:relative;
line-height:normal
}
.childcare_list_title_text:after {position:absolute;top:39%;right:20px;content:'\f054';font-size:80%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.childcare_list_text           {border:1px solid #fff;padding:1.5em;border-radius:0 0 10px 10px}
.childcare_list a .childcare_list_comment             {color:rgba(26,26,26,1)}
.childcare_list a:hover .childcare_list_title_text,
.childcare_list a:focus .childcare_list_title_text    {color:rgba(255,255,255,0.75)}
.childcare_list a:hover .childcare_list_comment,
.childcare_list a:focus .childcare_list_comment       {color:rgba(26,26,26,0.75)}
.childcare_list_physical .childcare_list_title        {background:#37A6DC}
.childcare_list_rhythm .childcare_list_title          {background:#FA91A2}
.childcare_list_flower_garden .childcare_list_title   {background:#F1C719}
.childcare_list_drum .childcare_list_title            {background:#88C582}
.childcare_list_infant .childcare_list_title          {background:#c48ac7}
.childcare_list_preschooler .childcare_list_title     {background:#DD8566}
.childcare_list_physical .childcare_list_text         {border-color:#37A6DC}
.childcare_list_rhythm .childcare_list_text           {border-color:#FA91A2}
.childcare_list_flower_garden .childcare_list_text    {border-color:#F1C719}
.childcare_list_drum .childcare_list_text             {border-color:#88C582}
.childcare_list_infant .childcare_list_text           {border-color:#c48ac7}
.childcare_list_preschooler .childcare_list_text      {border-color:#DD8566}
@media only screen and (max-width:477px) {
.childcare_list_container.flex    {display:block}
.childcare_list                   {flex-basis:100%;margin:auto auto 1em}
.childcare_list_title_text        {font-size:140%;padding:0.25em 0.5em}
.childcare_list_title_text:after  {top:35%;right:10px}
.childcare_list_text              {padding:1em}
}
@media only screen and (min-width:478px) and (max-width:812px) {
.childcare_list_title_text        {font-size:160%;padding:0.5em 0.25em}
.childcare_list_title_text:after  {top:35%;right:10px}
}

/*childcare_cat*/
.entry_title_container {flex-direction:row;justify-content:left;align-items:top;flex-wrap:wrap}
.entry_calendar {flex-basis:10%}
.entry_title    {flex-basis:86%;margin-left:2%}
.entry_calendar span.calendar   {min-width:80px;min-height:82px;display:block;font-size:180%;text-align:center;color:#fff;font-weight:700;padding-top:0.95em}
.entry_title .entry_title_text  {padding:0;margin:0;font-size:240%;display:block;line-height:1.1234em}
.entry_title .entry_date        {font-size:90%;margin:0.5em 0;display:block;color:#666}
.entry_body     {padding-top:2em}
.entry_body p   {line-height:2em}

.single-physical .entry_calendar span.calendar        {background:url(../img/calendaer_bg1.png) 0% 0% no-repeat}
.single-rhythm .entry_calendar span.calendar          {background:url(../img/calendaer_bg2.png) 0% 0% no-repeat}
.single-flower_garden .entry_calendar span.calendar   {background:url(../img/calendaer_bg3.png) 0% 0% no-repeat}
.single-drum .entry_calendar span.calendar            {background:url(../img/calendaer_bg4.png) 0% 0% no-repeat}
.single-infant .entry_calendar span.calendar          {background:url(../img/calendaer_bg5.png) 0% 0% no-repeat}
.single-preschooler .entry_calendar span.calendar     {background:url(../img/calendaer_bg6.png) 0% 0% no-repeat}
.single-physical .entry_title .entry_title_text       {color:#37A6DC}
.single-rhythm .entry_title .entry_title_text         {color:#FA91A2}
.single-flower_garden .entry_title .entry_title_text  {color:#F1C719}
.single-drum .entry_title .entry_title_text           {color:#88C582}
.single-infant .entry_title .entry_title_text         {color:#c48ac7}
.single-preschooler .entry_title .entry_title_text    {color:#DD8566}
@media only screen and (max-width:477px) {
.entry_calendar {flex-basis:14%}
.entry_title    {flex-basis:80%;margin-left:2%}
.entry_title .entry_title_text  {font-size:140%;display:block;line-height:1.1234em}
.entry_title .entry_date        {font-size:80%}
.entry_calendar span.calendar   {min-width:40px;min-height:40px;font-size:100%;text-align:center;;padding-top:15px}
.entry_body p     {font-size:92%}
.single-physical .entry_calendar span.calendar,
.single-rhythm .entry_calendar span.calendar,
.single-flower_garden .entry_calendar span.calendar,
.single-drum .entry_calendar span.calendar,
.single-infant .entry_calendar span.calendar,
.single-preschooler .entry_calendar span.calendar    {background-size:46px}
}
@media only screen and (min-width:478px) and (max-width:812px) {
.entry_calendar {flex-basis:14%}
.entry_title    {flex-basis:80%;margin-left:2%}
.entry_title .entry_title_text  {padding-top:0.15em}
.entry_body     {padding-top:1em}
}

/*news*/
.news_title_container {flex-direction:row;justify-content:left;align-items:top;flex-wrap:wrap}
.news_title    {flex-basis:100%;}
.news_title .news_title_text  {padding:0;margin:0;font-size:240%;display:block;line-height:1.1234em}
.news_title .news_date        {font-size:90%;margin:0.5em 0;display:block;color:#666}
.news_body     {padding-top:2em}
.news_body p   {line-height:2em}


/* ----------------------------------------------------------

Page

---------------------------------------------------------- */
/*entrance*/
.entrance_list {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
border:1px solid #37A8DE;
padding:2em;
border-radius:6px;
margin-bottom: 1em
}
.entrance_list dt       {flex-basis:18%}
.entrance_list dd       {flex-basis:82%;font-size:110%}/*
.entrance_list.step1 dt {flex-basis:26%}
.entrance_list.step1 dd {flex-basis:74%}*/
.entrance_list_icon     {background:#37A8DE;border-radius:50px;padding:16px 22px;font-size:110%;color:#fff;font-weight:700}
.entrance_list_arrow    {
margin:auto auto 0.5em;text-align:center;width:0;height:0;
border-left:60px solid transparent;
border-right:60px solid transparent;
border-top:40px solid #37A8DE;
}
@media only screen and (max-width:477px) {
.entrance_list          {display:block;padding:1.5em 1em}
.entrance_list dt       {flex-basis:100%;text-align:center;;margin:auto;}
.entrance_list dd       {flex-basis:100%;font-size:100%;margin-top:1.5em}
.entrance_list.step1 dt,
.entrance_list.step1 dd {flex-basis:100%}
.entrance_list_icon     {padding:12px 20px;font-size:100%;}
.entrance_list_arrow    {border-left:40px solid transparent;border-right:40px solid transparent;border-top:20px solid #37A8DE;}
}
@media only screen and (min-width:478px) and (max-width:812px) {
.entrance_list          {display:block;padding:1.5em 1em}
.entrance_list dt       {flex-basis:100%;text-align:center;;margin:auto;}
.entrance_list dd       {flex-basis:100%;font-size:110%;margin-top:1.5em}
.entrance_list.step1 dt,
.entrance_list.step1 dd {flex-basis:100%}
.entrance_list_icon     {padding:12px 20px;font-size:110%;}
}

/*information*/
.section.information {padding-bottom:5em;background:#fff;}

/*outline*/
.outline_images_list        {display:flex;flex-direction:row;justify-content:center;align-items:top;flex-wrap:wrap}
.outline_images_list li     {flex-basis:48%;margin:2%;box-sizing:border-box}
.outline_images_list li:nth-child(odd)     {margin-left:0}
.outline_images_list li:nth-child(even)    {margin-right:0}
.outline_images_list li img  {border:1px solid #dedede;box-sizing:border-box}
@media only screen and (max-width:477px) {
.outline_images_list      {display:block}
.outline_images_list li   {flex-basis:100%;margin:2% auto}
}

/*access*/
.access_map         {width:100%;width:100%;margin:auto;border:1px solid #dedede}
.access_map iframe  {width:100%;height:570px;border:none;box-sizing:border-box;margin-bottom:-7px}
.access_map_btn p   {width:300px;text-align:right;margin:1em 0;float:right}
.access_map_btn p a {font-size:100%}
@media only screen and (max-width:812px) {
.access_map         {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.access_map iframe  {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}

/*day*/
.day_list_container     {flex-direction:row;justify-content:center;align-items:top;flex-wrap:wrap}
.day_list               {flex-basis:31.33333%;margin:0 1%}
.day_list:nth-child(1)  {margin-left:0}
.day_list:nth-child(3)  {margin-right:0}
.day_list_title {border-radius:8px 8px 0 0;padding:1em 0;margin:0;text-align:center;color:#fff;font-size:180%;font-weight:500;line-height:normal}
.day_list_icon  {border-radius:30px;padding:0.75em 1.25em  ;text-align:center;width:40px;display:block;font-weight:700}
.day_list       {border:1px solid #fff;background:#fff;border-radius:8px}
.day_list dl    {padding:2em 1.5em;border-bottom:1px dotted #aaa}
.day_list dl:nth-last-child(1)    {border-bottom:none}
.day_list dt    {display:inline-block;width:34%;vertical-align:middle}
.day_list dd    {display:inline-block;width:65%;vertical-align:middle;color:#1A1A1A;font-size:112%}
.day_list.infant1           {border-color:#92C9F1}
.day_list.infant2           {border-color:#FA91A2}
.day_list.infant3           {border-color:#88C582}
.infant1 .day_list_title    {background:#92C9F1}
.infant2 .day_list_title    {background:#FA91A2}
.infant3 .day_list_title    {background:#88C582}
.infant1 .day_list_icon     {color:#50A1D4;background:#E7F3FC}
.infant2 .day_list_icon     {color:#E87589;background:#FFF0F2}
.infant3 .day_list_icon     {color:#5BB052;background:#EBF5EA}
@media only screen and (max-width:477px) {
.day_list_container.flex  {display:block}
.day_list       {flex-basis:100%;margin:1em auto}
.day_list_title {padding:0.5em 0;font-size:140%}
.day_list dl    {padding:0.5em}
.day_list dt    {width:100px;}
.day_list dd    {width:auto}
.day_list_icon  {border-radius:20px;padding:0.5em 1em }
}
@media only screen and (min-width:478px) and (max-width:812px) {
.day_list_container.flex  {display:block}
.day_list       {flex-basis:100%;margin:1em auto}
.day_list_title {padding:0.5em 0;font-size:160%}
.day_list       {flex-basis:100%;margin:1em auto}
.day_list dl    {padding:1em 0.5em}
.day_list dt    {width:100px;}
.day_list dd    {width:auto}
}

/*contact*/
.contact .req       {font-weight:normal;background:#cc0000;color:#fff;padding:0.15em 0.5em;font-size:9pt;margin-left:0.5em}
.contact .form_approval  {margin:2em auto;text-align:center}
.confirm .req,
.confirm .confirm_display_none      {display:none!important}
@media only screen and (max-width:812px) {
}

/*sitemap*/
.sitemap_container    {margin:5em 1em 5em 5em}
.sitemap_block        {padding:1em 0}
.sitemap_container h4 {font-size:120%;color:#1a1a1a;padding:0 0 0.25em;margin:0}
.sitemap_list         {flex-direction:row;justify-content:left;align-items:top;flex-wrap:wrap;padding:0}
.sitemap_list li      {
flex-basis:33.33333%;
font-size:96%;
padding:0.5em 0;
color:#1a1a1a;
background:url(../img/icon_arrow1.png) 0 50% no-repeat;
padding-left:24px;
box-sizing:border-box;
}
.sitemap_list li a   {color:#1a1a1a;text-decoration:none}
@media only screen and (max-width:477px) {
.sitemap_container   {margin:1em}
.sitemap_list li     {flex-basis:100%}
}
@media only screen and (min-width:478px) and (max-width:812px) {
.sitemap_container   {margin:2.5em }
.sitemap_list li     {flex-basis:50%}
}

/*error404*/
.section.error404   {padding:5em 0;background:transparent}


/* ----------------------------------------------------------

Sidebar

---------------------------------------------------------- */
/*sidebar*/
.sidebar_container  {padding:2.5em 0}

/*sidebar_nav*/
.sidebar_nav        {margin-bottom:0.5em}
.sidebar_title_container         {border-radius:10px 10px 0 0;padding:4px}
.sidebar_nav .sidebar_nav_title  {color:#fff;font-size:110%;padding:10px;border-radius:10px 10px 0 0;border:2px dotted rgba(255,255,255,0.5);position:relative}
.sidebar_nav a .sidebar_nav_title        {color:#fff;text-decoration:none;font-weight:500}
.sidebar_nav a:focus .sidebar_nav_title,
.sidebar_nav a:hover .sidebar_nav_title  {color:rgba(255,255,255,0.75)}
.sidebar_nav_title:after    {position:absolute;top:39%;right:10px;content:'\f054';font-size:70%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.sidebar_nav_list           {border:1px solid #fff;;background:#fff;border-radius:0 0 10px 10px;}
.sidebar_nav_list ul li     {padding:1em;border-bottom:1px dotted #aaa;position:relative}
.sidebar_nav_list ul li a   {display:block;text-decoration:none;font-size: 96%}
.sidebar_nav_list ul li:after    {position:absolute;top:39%;right:10px;content:'\f054';font-size:70%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.sidebar_nav_list ul li:nth-last-child(1)     {border-bottom:none}
.sidebar_menu_container     {border-radius:10px;padding:4px}
.sidebar_nav .sidebar_menu  {display:block;color:#fff;font-size:110%;padding:10px;border-radius:10px;border:2px dotted rgba(255,255,255,0.5);position:relative}
.sidebar_nav a              {text-decoration:none}
.sidebar_nav a .sidebar_menu        {color:#fff;text-decoration:none;font-weight:500}
.sidebar_nav a:focus .sidebar_menu,
.sidebar_nav a:hover .sidebar_menu  {color:rgba(255,255,255,0.75)}
.sidebar_menu:after    {position:absolute;top:39%;right:10px;content:'\f054';font-size:70%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.sidebar_nav_physical_education .sidebar_title_container,
.sidebar_nav_physical_education .sidebar_menu_container   {background:#37A6DC}
.sidebar_nav_physical_education .sidebar_nav_list         {border-color:#37A6DC}
.sidebar_nav_physical_education .sidebar_nav_list li,
.sidebar_nav_physical_education .sidebar_nav_list li a    {color:#37A6DC}
.sidebar_nav_rhythm .sidebar_title_container,
.sidebar_nav_rhythm .sidebar_menu_container   {background:#FA91A2}
.sidebar_nav_rhythm .sidebar_nav_list         {border-color:#FA91A2}
.sidebar_nav_rhythm .sidebar_nav_list li,
.sidebar_nav_rhythm .sidebar_nav_list li a    {color:#FA91A2}
.sidebar_nav_flower_garden .sidebar_title_container,
.sidebar_nav_flower_garden .sidebar_menu_container   {background:#F1C719}
.sidebar_nav_flower_garden .sidebar_nav_list         {border-color:#F1C719}
.sidebar_nav_flower_garden .sidebar_nav_list li,
.sidebar_nav_flower_garden .sidebar_nav_list li a    {color:#F1C719}
.sidebar_nav_drum .sidebar_title_container,
.sidebar_nav_drum .sidebar_menu_container   {background:#88C582}
.sidebar_nav_drum .sidebar_nav_list         {border-color:#88C582}
.sidebar_nav_drum .sidebar_nav_list li,
.sidebar_nav_drum .sidebar_nav_list li a    {color:#88C582}
.sidebar_nav_infant .sidebar_title_container,
.sidebar_nav_infant .sidebar_menu_container   {background:#c48ac7}
.sidebar_nav_infant .sidebar_nav_list         {border-color:#c48ac7}
.sidebar_nav_infant .sidebar_nav_list li,
.sidebar_nav_infant .sidebar_nav_list li a    {color:#c48ac7}
.sidebar_nav_preschooler .sidebar_title_container,
.sidebar_nav_preschooler .sidebar_menu_container   {background:#DD8566}
.sidebar_nav_preschooler .sidebar_nav_list         {border-color:#DD8566}
.sidebar_nav_preschooler .sidebar_nav_list li,
.sidebar_nav_preschooler .sidebar_nav_list li a    {color:#DD8566}

/* ----------------------------------------------------------

Footer

---------------------------------------------------------- */
/*footer_access*/
.footer_access          {width:100%;width:100%;margin:auto}
.footer_access iframe   {width:100%;height:360px;border:none}
@media only screen and (max-width:767px) {
.footer_access          {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.footer_access iframe   {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}

/*footer*/
#footer                 {background:#fff}
.footer_container       {flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin:auto;padding:2.5em 0}
.footer_information     {flex-basis:45%}
.footer_sitemap         {flex-basis:55%}
.footer_information span  {display:block;text-align:left;font-size:86%;margin-bottom:1em;color:#1a1a1a}
.footer_sitemap_list      {flex-direction:row;justify-content:center;align-items:top;flex-wrap:wrap;padding:0 0 0 2.5em}
.footer_sitemap_list li   {
flex-basis:50%;
font-size:86%;
padding:0.5em 0;
color:#1a1a1a;
background:url(../img/icon_arrow1.png) 0 50% no-repeat;
padding-left:24px;
box-sizing:border-box;
}
.footer_sitemap_list li a   {color:#1a1a1a;text-decoration:none}
.footer_copyright           {background:#192f86;padding:10px}
.footer_copyright address   {font-style:normal;text-align:center;color:#fff;font-size:80%}
.footer_copyright address a {color:#fff}
@media only screen and (max-width:477px) {
.footer_container.flex      {padding:1em 0 2em}
.footer_information         {flex-basis:100%;margin:1em auto auto}
.footer_sitemap             {flex-basis:100%;width:100%;margin:auto}
.footer_information span    {margin:1em auto;text-align:center;display:block}
.footer_sitemap_list        {margin:1em auto 1.5em}
.footer_sitemap_list li     {padding-top:0.75em;padding-bottom:0.75em }
.footer_copyright           {padding-bottom:85px}
}
@media only screen and (min-width:478px) and (max-width:812px) {
.footer_information         {flex-basis:45%;margin:1em auto auto}
.footer_sitemap             {flex-basis:55%;margin:auto}
.footer_information span    {margin:1em auto;text-align:center;display:block}
.footer_sitemap_list        {margin:2.5em auto 0}
.footer_copyright           {padding-bottom:85px}
}

/*footer_menu*/
@media only screen and (max-width:812px) {
.footer_menu              {position:absolute;position:fixed;bottom:-5px;z-index:999999;background:#4b9867}
.footer_menu_list         {margin:0 ;padding:0;width:100%;overflow:hidden;display:table;table-layout:fixed}
.footer_menu_list li      {margin:0;padding:0;display:table-cell;width:100%;border-right:1px solid #dedede;vertical-align:middle}
.footer_menu_list li:last-child       {border-right:none}
.footer_menu_list li a          {display:block;padding:1.5em 0 1em;text-align:center;font-size:80%;text-decoration:none;font-weight:500}
.footer_menu_list li.menu01 a   {color:#fff;background:#54a4d5}
.footer_menu_list li.menu02 a   {color:#fff;background:#e9748d}
.footer_menu_list li a i        {text-align:center;display:block;color:#fff;font-size:220%;line-height:1em;margin-bottom:0}
.footer_menu_list li.menu01 a:hover   {opacity:1!important;background:#86c3ef;color:#fff}
.footer_menu_list li.menu02 a:hover   {opacity:1!important;background:#fa91a2;color:#fff}
}

/*pagetop*/
.pagetop    {position:fixed;z-index:10000;right:20px;bottom:20px;margin:0 auto;width:60px;height:60px}
.pagetop a  {font-size:140%;color:#fff;background:#bababa;border-radius:100px;display:block;text-align:center;width:30px;height:30px;padding:12px}