#top_slider {
  width: 100%;
  padding: 8em 0px 2em;
  overflow: hidden;
  background-image: url(../img/0niji_bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
#top_slider .top-wrapper {
  display: flex;
  width: max-content;
  margin: 0 auto;
  position: relative; }
@media screen and (max-width: 1024px) {
  #top_slider .top-wrapper {
    width: 95%;
    justify-content: space-between; } }
#top_slider .top-wrapper:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  display: block;
  width: 400px;
  aspect-ratio: 600/400;
  background-image: url(../img/0hana_bg.png);
  background-size: 100%; }
@media screen and (max-width: 1024px) {
  #top_slider .top-wrapper:after {
    width: 300px;
    bottom: -2em; } }
@media screen and (max-width: 767px) {
  #top_slider .top-wrapper:after {
    width: 100%;
    bottom: -6em; } }
#top_slider .top-slide {
  width: calc(100vw / 5);
  aspect-ratio: 9/16;
  margin: 0 0.6em;
  position: relative; }
#top_slider .top-slide img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: calc(100vw / 10) calc(100vw / 10) 1em 1em;
  outline: 4px solid #fff;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  vertical-align: top;
  transition: 1s;
  opacity: 0;
  box-shadow: 4px 4px 10px #b1c2fa; }
@media screen and (max-width: 767px) {
  #top_slider .top-slide img {
    outline: 0px solid #fff; } }
#top_slider .top-slide img.act {
  opacity: 1; }
#top_slider .slide-left {
  margin: 0 calc(100vw / 3) 0 0; }
@media screen and (max-width: 1024px) {
  #top_slider .slide-left {
    margin: 0; } }
@media screen and (max-width: 767px) {
  #top_slider .slide-left {
    margin: 0 auto;
    width: 80%;
    aspect-ratio: 10/16; }
  #top_slider .slide-left img {
    border-radius: calc(100vw / 1) calc(100vw / 1) 1em 1em; } }
#top_slider .slide-center:before {
  position: absolute;
  top: -2em;
  right: -3em;
  content: '';
  display: block;
  width: 200px;
  aspect-ratio: 640/480;
  background-image: url(../img/anime/tori_anime.gif);
  background-size: 100%;
  z-index: 3; }
@media screen and (max-width: 1024px) {
  #top_slider .slide-center:before {
    width: 150px; } }
#top_slider .slide-left:before {
  position: absolute;
  bottom: -2em;
  right: -3em;
  content: '';
  display: block;
  width: 200px;
  aspect-ratio: 640/480;
  background-image: url(../img/anime/tori_anime2.gif);
  background-size: 100%;
  z-index: 3; }
@media screen and (max-width: 1024px) {
  #top_slider .slide-left:before {
    width: 110px; } }
@media screen and (max-width: 767px) {
  #top_slider .slide-left:before {
    right: auto;
    left: -3em;
    width: 130px; } }
@media screen and (max-width: 767px) {
  #top_slider .slide-left:after {
    position: absolute;
    top: -1em;
    right: -2em;
    content: '';
    display: block;
    width: 150px;
    aspect-ratio: 640/480;
    background-image: url(../img/anime/tori_anime.gif);
    background-size: 100%;
    z-index: 3; } }
@media screen and (max-width: 1024px) {
  #top_slider .slide-right {
    display: none; } }

#top_slider.pctab {
  display: block; }
@media screen and (max-width: 767px) {
  #top_slider.pctab {
    display: none; } }

#top_slider.phone {
  display: none; }
@media screen and (max-width: 767px) {
  #top_slider.phone {
    display: block;
    padding: 5em 0px 0em;
    overflow: initial;
    background-position: 15% bottom;
    background-size: 1000px; } }

header#olign {
  padding: 0 0 120px;
  height: initial; }
@media screen and (max-width: 767px) {
  header#olign {
    padding: 0 0 60px; } }

header#olign .catch.top_page {
  right: 23vw; }
@media screen and (max-width: 1024px) {
  header#olign .catch.top_page {
    right: 0; } }

header#olign .top_content, header#olign .catch, .global_nav {
  z-index: 2; }

@media screen and (max-width: 767px) {
  .top_pick_up h3 {
    display: block; } }

.js_obj {
  opacity: 0;
  transform: translate(0px, 30px);
  transition: 1s; }

.js_obj.anima_btm {
  transform: translate(0px, 30px); }

.js_obj.anima_lef {
  transform: translate(30px, 0px); }

.js_obj.anima_rig {
  transform: translate(-30px, 0px); }

.js_obj.act {
  opacity: 1;
  transform: translate(0px, 0px); }

main .inner .faq_box {
  position: relative; }

.faq_anime {
  width: 200px;
  aspect-ratio: 300/400;
  position: absolute;
  bottom: -10em;
  right: -4em;
  animation: loop_rotate 4s ease infinite; }
@media screen and (max-width: 1024px) {
  .faq_anime {
    width: 150px;
    right: 0em; } }
@media screen and (max-width: 767px) {
  .faq_anime {
    bottom: 0; } }

@media screen and (max-width: 767px) {
  main .inner .faq_box {
    padding: 0 0 180px; } }
@keyframes loop_rotate {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(10deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-10deg); }
  100% {
    transform: rotate(0deg); } }
.add_image {
  position: relative; }

.add_image:before {
  content: '';
  display: block;
  background-image: url(../img/anime/flow_anime.gif);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 150px;
  aspect-ratio: 300/400;
  position: absolute;
  top: -200px;
  left: -3em;
  animation: loop_rotate 4s ease infinite; }
@media screen and (max-width: 767px) {
  .add_image:before {
    width: 100px;
    top: -150px;
    left: auto;
    right: -1em; } }

.QR_icon a {
  display: block;
  text-decoration: none;
  color: #333; }

.QR_icon a img {
  width: 100%;
  vertical-align: top; }




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

 修正内容の追記・上書き用

-----------------------*/
/* font修正 */
@font-face {
  font-family: 'KiwiMaruL';
  src: url("../font/KiwiMaru-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'KiwiMaruM';
  src: url("../font/KiwiMaru-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'KiwiMaruR';
  src: url("../font/KiwiMaru-Regular.ttf") format("truetype"); }

* { font-family: "KiwiMaruL","KiwiMaruM", "KiwiMaruR"; }

/* ヘッダー */

/* タイトルの色 */
header .top_content .title h1, header .top_content .title h2 {
  width: 10em;
  font-size: 2em;
  color: #000000;
}

/* QRコード非表示 */
header .top_content .QR_icon{
display: none;
}


/* 休園日を非表示 */

header .top_content .tel-fax p {
 display: none;
}

/* ぽとすのヘッダーアイコン
FAXからPHONEへ変更 */

header .catch.potosu>h2 {
   color: #48b52c;
  }

  @media screen and (max-width: 767px) {
    header .catch span>h2 {
      font-size: 1.6em; }
    }

 /* ヘッダーぽとすのロゴのサイズ変更 */

  header .top_content .title.potosu {
        max-width:550px;
      }
  header .top_content .title.potosu .company_logo {
        width: calc(100% - 17em);
    
      }
 /* ヘッダーぽとすのロゴのサイズ変更レスポンシブ */
  @media screen and (max-width: 767px) {
   header .top_content .title.potosu .company_logo {
          width: calc(100% - 6em);
       }
  　　}

/* お問い合わせキャッチコピー色を黒に変更 */

header .catch.contact>h2{
  color: #000000;
}

header .catch.faq>h2{
  color: #000000;
}f

/* font統一 */

.global_nav a {
  font-family: 'KiwiMaruL';
}

.service .inner h3 {
  font-family: 'KiwiMaruL';
 }

 .service .inner h3 strong {
  font-family: 'KiwiMaruL';
 }

 .service .inner h4 {
  font-family: 'KiwiMaruL';
 }

 .service .inner h4 strong {
  font-family: 'KiwiMaruL';
 }

 header .catch h2 {
  font-family: 'KiwiMaruL';
 }

 .about_policy ul li {
  font-family: 'KiwiMaruM'; 
 }

 /* ナビゲーション文字変更 */
 .global_nav a {
  font-family: 'KiwiMaruL'; 
 }



/*　font 変更時のズレ修正　*/
.top_pick_up .service_company p.tel a {
  padding: 0.4em 1.6em 0.4em;
}
.service_company article .tel.takuji a {
  padding: 0.5em 1.6em 0.5em;
}
.about_policy h4 {
  padding: 3.8em 0 0px;
}

.contatct .inner a > img {
  width:60%;
}
.contatct .inner .line {
  width:70%;
}
.contatct .inner .line {
  margin: 0.6em auto 0;
}
.contatct .inner .tel {
    width: max-content;
    margin: 0 auto;
    padding: 0.1em 1em 0.2em;
}
.top_about .inner p strong {
  font-family: 'KiwiMaruR';
}

.top_pick_up .service_company figure.logo img {
  width: 80%;
  margin: 0 auto;
  display: block;
}

header .top_content .tel-fax p.tel.potosu_tel:before{
  background-image: url(../img/icon/phone.png);
}

/*　タブレットサイズの修正　*/
@media screen and (max-width: 1024px) {
  header .top_content {
    align-items: flex-start; 
  }
  header .top_content .title h1,
  header .top_content .title h2 {
    width: 100%;
  }
  header .top_content .title {
    flex-direction: column;
    max-width: 300px;
  }
  header .top_content .title .company_logo {
    width: calc(100% - 0em);
  }

  header .top_content .title.potosu {
    flex-direction: column;
    max-width: 300px;
  }
  header .top_content .title.potosu .company_logo {
    width: calc(100% - 0em);
  }

}

/*　スマホサイズの修正　*/
@media screen and (max-width: 767px) {
  header .top_content .title h1,
  header .top_content .title h2 {
    font-size: 1.6em;
  }
  header .top_content .title img {
    width: 68%;
  }
}




/* --- 不登校児童の案内　コンテンツ --- */


  .add2024_contents {
background: #fff;
    box-sizing: border-box;
    padding: 3em 0;
}
  .add2024_contents .add_inner {}
  .add2024_contents .add_inner > figure,
  .add2024_contents .add_inner > figure img {
    display: block;
    margin: 0 auto 3em;
  }
  .add2024_contents .add_inner .flex_box {
    display: flex;
    width: clamp(300px, 96%, 1000px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1em 0;
  }
  .add2024_contents .add_inner * + h3 {
    margin: 3em 0 1em;
  }
  .add2024_contents .add_inner h3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .add2024_contents .add_inner h3 span {
    background: linear-gradient(transparent 50%, #f2ff81 50%);
  }
  .add2024_contents .add_inner h3::before,
  .add2024_contents .add_inner h3::after {
    content: '';
    display: block;
    width: 2px;
    height: 40px;
    background: #000;
    margin: 0 1em;
  } 
  .add2024_contents .add_inner h3:before {
    transform: rotate(-30deg);

  }
  .add2024_contents .add_inner h3:after {
    transform: rotate(30deg);
  }

  .add2024_contents .add_inner .flex_box h4 {
    font-size: clamp(1.1rem, 0.9609rem + 0.5298vw, 1.3rem);
    letter-spacing: 0.1em;
    background: linear-gradient(transparent 50%, #f2ff81 50%);
        margin: 0 0 1em;
  }
  .add2024_contents .add_inner .flex_box h5 {
    font-size: clamp(1.05rem, 0.9805rem + 0.2649vw, 1.15rem);
    letter-spacing: 0.05em;
    line-height: 1.6em;
    color: #f00;
    margin: 0 0 2em;
  }
  .add2024_contents .add_inner .flex_box * + h5 {
    margin: 2em 0 ;
  }
  .add2024_contents .add_inner .flex_box ul {
    box-sizing: border-box;
    padding: 0 1em;
  }

  .add2024_contents .add_inner .flex_box p {
    font-size: clamp(1.05rem, 0.9805rem + 0.2649vw, 1.15rem);
    letter-spacing: 0.05em;
    line-height: 1.6em;
  }
  .add2024_contents .add_inner .flex_box .text_area {
    width: 55%;
  }
  .add2024_contents .add_inner .flex_box figure {
    width: 45%;
    box-sizing: border-box;
    padding: 0 1em;
  }
  .add2024_contents .add_inner .flex_box figure img {
    width: 90%;
  }

  .add2024_contents .add_inner .flex_box .left_area {
    width: 50%;
  }
  .add2024_contents .add_inner .flex_box .right_area {
    width: 50%;
  }
  .add2024_contents .add_inner .flex_box .left_area .childe_flex {
      display: flex;
      gap: 1em;
      justify-content: center;
      align-items: center;
  }
  .add2024_contents .add_inner .flex_box .left_area .childe_flex img {}
  .add2024_contents .add_inner .flex_box .left_area .childe_flex p {
    font-size: clamp(1rem, 0.9305rem + 0.2649vw, 1.1rem);
    line-height: 1.3em;
  }

  .add2024_contents .add_inner .flex_box .left_area li {
    letter-spacing: 0.1em;
    font-size: clamp(1rem, 0.9305rem + 0.2649vw, 1.1rem);
  }

  .add2024_contents .add_inner .flex_box .right_area {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .add2024_contents .add_inner .flex_box .right_area ul {
    list-style: none;
    margin: 3em 0 0;
  }
  .add2024_contents .add_inner .flex_box .right_area li {
    display: flex;
    gap: 1em;
    font-size: clamp(1rem, 0.9305rem + 0.2649vw, 1.1rem);
  }
  .add2024_contents .add_inner .flex_box .right_area li + li {
    margin: 1em 0 0;
  }
  .add2024_contents .add_inner .flex_box .right_area li::before {
    content:"";
    display: block;
    width:18px;
    height: 18px;
    border: 1px solid #000;
  }
  .add2024_contents .add_inner .flex_box .right_area p {
    font-size: clamp(0.9rem, 0.7957rem + 0.3974vw, 1.05rem);
    box-sizing: border-box;
    padding: 1em;
    border: 1px dashed #000;
    border-radius: 1em;
    line-height: 1.4em;
  }

  .add2024_contents .add_inner .flex_items3 {
    width: clamp(300px, 96%, 1000px);
    margin: 0 auto;
    /*display: flex;*/
    flex-wrap: wrap;
  }
  .add2024_contents .add_inner .flex_items3 h4 {
    font-size: clamp(1.05rem, 0.9805rem + 0.2649vw, 1.15rem);
    letter-spacing: 0.05em;
    line-height: 1.6em;
    color: #f00;
    margin: 0 0 2em;
  }
   .add2024_contents .add_inner .flex_items3 p {
    font-size: clamp(1rem, 0.9305rem + 0.2649vw, 1.1rem);
    line-height: 1.3em;
    margin: 0 0 2em;
  }
  .add2024_contents .add_inner .flex_items3 figure {
    width: 40%;
    text-align: right;
    /*display: flex;*/
    /*align-items: flex-end;*/
  }
  .add2024_contents .add_inner .flex_items3 figure img {
    width: 70%;
    margin: auto auto 0;
    /*display: block;*/
    display: inline-block; 
  }
  .add2024_contents .add_inner .flex_items3 ul {
        width: 60%;
        list-style: none;
        margin: 3em 0 0;
  }

  .add2024_contents .add_inner .flex_items3 li {
    display: flex;
    gap: 1em;
    font-size: clamp(1rem, 0.9305rem + 0.2649vw, 1.1rem);
  }
  .add2024_contents .add_inner .flex_items3 li + li {
    margin: 1em 0 0;
  }
  .add2024_contents .add_inner .flex_items3 li::before {
    content:"";
    display: block;
    width:18px;
    height: 18px;
    border: 1px solid #000;
  }

  .add2024_contents .add_inner .flex_items3 .tiara_coment {
    margin: 3em auto;
    box-sizing: border-box;
    padding: 2em;
    border: 1px dashed #000;
    border-radius: 1em;
    width: 90%;
  }
  .add2024_contents .add_inner .flex_items3 .tiara_coment span {
        display: flex;
    justify-content: flex-end;
    margin: 0em 1em 0;
  }

  .flex_contact {
    display: flex;
    width: clamp(300px, 96%, 1000px);
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
  }
  .flex_contact .remake_contact {
    width: 50%;
  }
  .flex_contact .remake_contact .inner a,
  body .remake_contact .inner a {
    width: 100%;
  }
@media screen and (max-width:768px){

  .add2024_contents .add_inner .flex_box {
      flex-direction: column-reverse;
  }
  .add2024_contents .add_inner .flex_box figure,
  .add2024_contents .add_inner .flex_box .text_area {
    width: 96%;
    margin: 0 auto;
  }

  .add2024_contents .add_inner * + .flex_box {
        flex-direction: column;
  }
  .add2024_contents .add_inner .flex_box .left_area,
  .add2024_contents .add_inner .flex_box .right_area {
    width: 90%;
    margin: 0 auto;
  }
  .add2024_contents .add_inner .flex_box .right_area ul {
    margin: 2em 0;
  }
  .add2024_contents .add_inner h3 {

  }
  .add2024_contents .add_inner h3::before,
  .add2024_contents .add_inner h3::after {
    height: 30px;
    margin: 0 0.4em;
  }
  .add2024_contents .add_inner .flex_items3 ul {
    width: 90%;
    margin: 2em auto;
  }
  .add2024_contents .add_inner .flex_items3 li {
     padding: 0 0 0 1.8em;
        position: relative;
  }
  .add2024_contents .add_inner .flex_items3 li::before {
    position: absolute;
    left: 0;
  }
  .add2024_contents .add_inner .flex_items3 figure {
      width: 90%;
      margin: 1em auto 0;
  }
  .add2024_contents .add_inner .flex_items3 .tiara_coment {
        margin: 3em auto;
    box-sizing: border-box;
    padding: 1em;
    border: 1px dashed #000;
    border-radius: 1em;
    width: 96%;
  }

  main.remake_page .riyou_flow .text_area {
        width: 100%;
      }

  .flex_contact {
    display: flex;
    width: 100%;
    flex-direction: column;
        align-items: center;
	  gap: 2em;
  }

  .flex_contact .remake_contact {
    width: 100%;
  }

}

/* --- header_電話表記変更 --- */

body header#remake .header_inner .head_contact ul .tel {
      display: flex;
    align-items: center;
    font-size: clamp(1rem, 0.7914rem + 0.7947vw, 1.3rem);
}
@media screen and (min-width:768px) and (max-width:1024px){
  body header#remake .header_inner .head_contact ul .tel {
        display: flex;
      align-items: center;
      font-size: clamp(1rem, 0.7914rem + 0.7947vw, 1.3rem);
      box-sizing: border-box;
      background: #ffd8f9;
    padding: 0.2em 0.6em;
    border-radius: 0.4em;
  }
  body header#remake .header_inner .head_contact {
      position: fixed;
      bottom: 1em;
      right: 0;
  }
}
@media screen and (max-width:767px){
  body header#remake .header_inner nav ul {
          flex-wrap: nowrap;
          justify-content: center;
          gap: 0 0.2em;
          display: flex;
          flex-direction: row;
  }

}
/* --- 夜間一時預かり料金  --- */

.price_menu.type_2 {
    flex-wrap: wrap;
}
.price_menu .price_box.type_2 {
  box-sizing: border-box;
}
.price_menu .price_box.type_2:nth-child(1){
      width: calc(20%);
}
.price_menu .price_box.type_2:nth-child(2),
.price_menu .price_box.type_2:nth-child(3),
.price_menu .price_box.type_2:nth-child(4){
      width: calc(( 80% / 3 ) - 0px);
}
.price_menu .price_box.all_col {
      width: 100%;
      border-left: 1px solid #f9a226;
}
.price_menu .price_box.all_col li:nth-child(1){
      display: none;
}
.price_menu .price_box.type_2 li{
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:767px){
.price_menu .price_box.type_2:nth-child(1),
.price_menu .price_box.type_2:nth-child(2){
      width: calc(50%);
}

.price_menu .price_box.type_2:nth-child(3),
.price_menu .price_box.type_2:nth-child(4){
      width: calc(50%);
}

}


/* --- 一時預かりcancel料金  --- */
.price_yakan h4 {
  width: clamp(300px, 96%, 1000px);
    margin: 0 auto;
}
.cancel_boxs {
display: flex;
    flex-wrap: wrap;
    width: clamp(300px, 96%, 1000px);
    margin: 1em auto;
}
.cancel_row {
  border-left: 1px solid #f9a226;
    border-right: 1px solid #f9a226;
    border-bottom: 1px solid #f9a226;
    box-sizing: border-box;
    list-style: none;
}
.cancel_row + .cancel_row {
    border-left: 0px solid #f9a226;
}
.cancel_row li {
  border-top: 1px solid #f9a226;
  display: flex;
    align-items: center;
    justify-content: center;
}
.cancel_boxs .cancel_row:nth-child(1){
  width: 10%;
}
.cancel_boxs .cancel_row:nth-child(2),
.cancel_boxs .cancel_row:nth-child(3),
.cancel_boxs .cancel_row:nth-child(4),
.cancel_boxs .cancel_row:nth-child(5){
  width:calc(90% / 4);
}
.cancel_row li:nth-child(1){
  height: 65px;
	    background: #f2fde9;
	font-size: clamp(0.9rem, 1.478rem + -2.202vw, 0.06875rem);
}
.cancel_row li:nth-child(2),
.cancel_row li:nth-child(3){
  height: 40px;
}
@media screen and (max-width:768px){
  .cancel_boxs .cancel_row:nth-child(1) {
    width:calc(30%);
  }
  .cancel_boxs .cancel_row:nth-child(2) {
    width:calc(70%);
  }
  .cancel_boxs .cancel_row:nth-child(3),
  .cancel_boxs .cancel_row:nth-child(5) {
        border-left: 1px solid #f9a226;
  }
  .cancel_boxs .cancel_row:nth-child(3),
  .cancel_boxs .cancel_row:nth-child(4),
  .cancel_boxs .cancel_row:nth-child(5){
    width:calc(100% / 2);
  }
body .gallery .inner figure {
	display:block;
}
}



.kouhyou_page_inner h3 {
    text-align: center;
    padding: 0 1em 0.5em;
    border-bottom: 2px dashed #ffa070;
    margin: 0 auto 2em;
    width: max-content;
}
.kouhyou_page_inner ul {
    display: flex;
    flex-wrap: wrap;
    width: 600px;
    list-style:none;
    margin: 0 auto;
    gap:1em;
}
.kouhyou_page_inner li {
    width: calc(300px - 1em);
    text-align: center;
}
.kouhyou_page_inner li a {
    letter-spacing: 0.03em;
    background: #d4ab34;
    display: block;
    padding: 0.4em 0;
    color: #fff;
    border-radius: 2em;
    text-align: center;
    text-decoration: none;
}

@media screen and (max-width:768px){
  .kouhyou_page_inner {
    box-sizing: border-box;
    padding: 1em;
  }
  .kouhyou_page_inner ul {
    width:100%;
    flex-direction: column;

  }
  .kouhyou_page_inner li {
    width:100%;
  }


}