.balloon_af { position: absolute; }

/*--mainvisual--*/
.mainvisual { position: relative; margin-bottom: 2px; }

.mainvisual:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; z-index: 10; background-repeat: no-repeat; background-position: center bottom; height: 85px; background-image: url(../images/ar_bottom.png); }

@media screen and (min-width: 1400px) { .mainvisual:after { background-size: 110% 85px; } }

.mainvisual h1 { position: absolute; top: 67px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 999; }

.mainvisual .check { position: absolute; bottom: 50px; left: 31%; z-index: 999; }

/*--news--*/
.news { margin-bottom: 60px; position: relative; z-index: 999; }

.news .inner_news { background: #fff; border: 1px solid #5a4736; border-radius: 5px; display: flex; justify-content: space-between; }

.news .inner_news .cont_news { padding: 21px 15px; padding-left: 25px; display: flex; justify-content: space-between; align-items: center; }

.news .inner_news .cont_news .tt_news { background: url(../common_img/icon_hoso_blk.png) center left no-repeat; padding-left: 30px; font-size: 18px; font-family: 'Noto Serif JP', serif; }

.news .inner_news .cont_news .text_news { border-left: 1px solid #ccc; padding-left: 20px; margin-left: 20px; }

.news .inner_news .cont_news .text_news span { width: 70px; margin-right: 20px; }

.news .inner_news .btn_news { width: 165px; border-left: 1px solid #5a4736; position: relative; display: flex; justify-content: center; align-items: center; text-decoration: none; position: relative; padding-right: 20px; }

.news .inner_news .btn_news:after { content: ''; position: absolute; right: 35px; top: 50%; margin: auto; border: solid #4b4b4b; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; z-index: 1; }

.news .inner_news .btn_news:hover { background: #c1aad1; }

.news .inner_news .btn_news:hover:after { border-color: #fff; right: 30px; }

.news .inner_news .btn_news:hover a { color: #fff; }

.news .inner_news .btn_news a { text-decoration: none; }

.news .inner_news .btn_news a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; }

/*--nursery_school--*/
.nursery_school { background: url(../images/bg_3face.png) center top no-repeat; padding-bottom: 80px; position: relative; }

.nursery_school .balloon01 { top: -274px; right: -10px; z-index: 99; }

.nursery_school .balloon02 { top: -38px; left: 94px; z-index: -1; }

.nursery_school .balloon03 { top: 260px; right: 30px; z-index: -1; }

.nursery_school .text01 { text-align: center; font-size: 16px; margin-bottom: 36px; }

.nursery_school .cm_btn_purple .after_arr:after { right: 43px; }

.nursery_school .cm_btn_purple .after_arr:hover:after { right: 35px; }

.nursery_school .together { display: flex; flex-wrap: wrap; margin-top: 90px; }

.nursery_school .together li { width: 22.7%; margin-right: 3%; background: rgba(255, 255, 255, 0.4); padding: 20px 20px 65px; position: relative; border: 1px solid #dfd8cb; border-radius: 5px; }

.nursery_school .together li:nth-child(4n+4) { margin-right: 0; }

.nursery_school .together li figure { text-align: center; margin-bottom: 10px; }

.nursery_school .together li figure img { border-radius: 100%; }

.nursery_school .together li .des { padding: 0 5px; }

.nursery_school .together li .tt { text-align: center; font-size: 18px; margin-bottom: 10px; font-weight: 500; }

.nursery_school .together li .btn_arr { position: absolute; bottom: 25px; right: 10px; font-size: 13px; }

.nursery_school .together li .btn_arr:hover { text-decoration: underline; }

/*--question--*/
.question { background: #f5f5f5; }

.question .question_box { padding: 60px 0; display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 5px; }

.question .question_box .photo { width: 50%; position: relative; border-radius: 5px 0 0 5px; }

.question .question_box .photo figure { overflow: hidden; }

.question .question_box .photo figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

.question .question_box .photo a { display: block; }

.question .question_box .photo a:hover figure img { -webkit-transform: scale(1.05); transform: scale(1 0.5); }

.question .question_box .photo a:hover .after_arr { background: #000; }

.question .question_box .photo .text_on { position: absolute; top: 26px; right: 97px; }

.question .question_box .photo .after_arr { position: absolute; bottom: 0; left: 0; font-size: 16px; background: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; padding: 16px 48px; transition: all 0.5s; -webkit-transition: all 0.5s; }

.question .question_box .photo .after_arr:after { left: 30px; right: auto; transform: rotate(-220deg) translateY(45%); -webkit-transform: rotate(-220deg) translateY(45%); -ms-transform: rotate(-220deg) translateY(45%); }

.question .question_box .question_text { width: 50%; background: #fff; padding: 58px; box-shadow: 0 0 10px #0000001a; -webkit-box-shadow: 0 0 10px #0000001a; border-radius: 0 5px 5px 0; }

.question .question_box .question_text h3 { text-align: center; font-size: 28px; margin-bottom: 30px; font-family: 'Noto Serif JP', serif; font-weight: 500; }

.question .question_box .question_text p { text-align: center; margin-bottom: 35px; font-size: 16px; }

.question .question_box .question_text .cm_btn_purple { display: flex; justify-content: space-between; }

.question .question_box .question_text .cm_btn_purple li { width: 48%; }

.question .question_box .question_text .cm_btn_purple li a { width: 100%; position: relative; }

.question .question_box .question_text .cm_btn_purple li a span { display: inline-block; margin-bottom: -3px; margin-right: 10px; }

.question .question_box .question_text .cm_btn_purple li a .icon01 { background: url(../common_img/sub_icon3.png) no-repeat; background-size: 100%; width: 16px; height: 17px; }

.question .question_box .question_text .cm_btn_purple li a .icon02 { background: url(../common_img/sub_icon4.png) no-repeat; background-size: 100%; width: 16px; height: 16px; }

.question .three_banner ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -10px; }

.question .three_banner ul li { width: 33.3%; position: relative; }

.question .three_banner ul li span { display: inline-block; background: rgba(0, 0, 0, 0.5); padding: 27px 20px; color: #fff; font-size: 24px; min-width: 300px; line-height: 1; text-shadow: 0 0 8px #000; -webkit-text-shadow: 0 0 8px #000; -ms-text-shadow: 0 0 8px #000; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; display: flex; justify-content: center; align-items: center; }

.question .three_banner ul li figure { overflow: hidden; }

.question .three_banner ul li figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

.question .three_banner ul li:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }

/*--school_love--*/
.school_love { padding: 60px 0 100px; position: relative; }

.school_love .cm_tt { margin-bottom: 30px; }

.school_love .text01 { text-align: center; font-size: 16px; margin-bottom: 43px; }

.school_love .school_flex { display: flex; justify-content: space-between; flex-wrap: wrap; }

.school_love .school_flex .cols { width: 49%; background: #fff; border: 1px solid #e5e5e5; padding: 0 0 30px; }

.school_love .school_flex .cols .tt { font-size: 22px; font-family: 'Noto Serif JP', serif; font-weight: 500; padding: 16px 30px; background: #fff; }

.school_love .school_flex .cols .tt span { display: inline-block; padding-left: 30px; }

.school_love .school_flex .cols .cont_news { width: 100%; overflow: hidden; }

.school_love .school_flex .cols ul { height: 275px; width: calc(100% + 18px); overflow-y: auto; margin-bottom: 30px; padding: 0 30px; position: relative; }

.school_love .school_flex .cols ul:after { content: ''; position: absolute; top: 0; right: 0; background: #fff; width: 20px; height: 100%; }

.school_love .school_flex .cols ul li { background: url(../images/line.jpg) bottom left repeat-x; padding: 16px 0; display: flex; }

.school_love .school_flex .cols ul li span { width: 70px; }

.school_love .school_flex .cols ul li p { padding-left: 25px; }

.school_love .school_flex .cols ul li a { text-decoration: none; }

.school_love .school_flex .cols ul li a:hover { text-decoration: underline; }

.school_love .school_flex .cols .cm_btn_purple a { width: 265px; }

.school_love .school_flex .cols .package_tab { display: flex; justify-content: space-between; background: #fff8ed; }

.school_love .school_flex .cols .package_tab p { width: 49.5%; border-top: 1px solid #e5e5e5; background: #eeeeee; cursor: pointer; text-align: center; }

.school_love .school_flex .cols .package_tab p.active { background: #fff; }

.school_love .school_flex .garden .tt span { background: url(../common_img/icon_babi_blk.png) center left no-repeat; padding-left: 45px; }

.school_love .school_flex .lunch_health { border-top: none; }

.school_love .school_flex .lunch_health .icon_spoon { border-left: 1px solid #e5e5e5; }

.school_love .school_flex .lunch_health .icon_spoon span { background: url(../common_img/icon_spoon_blk.png) center left no-repeat; padding-left: 45px; }

.school_love .school_flex .lunch_health .icon_pen { border-right: 1px solid #e5e5e5; }

.school_love .school_flex .lunch_health .icon_pen span { background: url(../common_img/icon_pen_blk.png) center left no-repeat; padding-left: 35px; }

.school_love .balloon01 { top: 40px; left: 0; z-index: -1; }

.school_love .balloon02 { top: 110px; right: 0; z-index: -1; }

@media screen and (max-width: 1440px) { .mainvisual .check { left: 23%; }
  .nursery_school .balloon01 { width: 125px; }
  .nursery_school .balloon02 { left: 0; width: 140px; } }

@media screen and (max-width: 767px) { /*--mainvisual--*/
  .mainvisual { position: relative; margin-bottom: 2px; margin-bottom: 40px; }
  .mainvisual:after { background-image: url(../images/ar_bottom_sp.png); background-size: 100% auto; }
  .mainvisual .mv img { display: none; }
  .mainvisual .mv .slider01 { background: url(../images/slider01.jpg) top center no-repeat; background-size: cover; height: 105vw; }
  .mainvisual .mv .slider02 { background: url(../images/slider02.jpg) top center no-repeat; background-size: cover; height: 105vw; }
  .mainvisual .mv .slider03 { background: url(../images/slider03.jpg) top center no-repeat; background-size: cover; height: 105vw; }
  .mainvisual h1 { top: 13vw; width: 30vw; left: 50%; }
  .mainvisual .check { left: 4%; width: 25%; bottom: 0; }
  /*--news--*/
  .news { margin-bottom: 35px; }
  .news .inner_news { display: block; }
  .news .inner_news .cont_news { width: 100%; padding: 5%; display: block; }
  .news .inner_news .cont_news .tt_news { margin-bottom: 10px; }
  .news .inner_news .cont_news .text_news { border: none; padding-left: 0; margin-left: 0; }
  .news .inner_news .cont_news .text_news span { display: block; }
  .news .inner_news .btn_news { width: 100%; border-top: 1px solid #5a4736; border-left: none; padding-right: 0; }
  .news .inner_news .btn_news:after { content: none; }
  .news .inner_news .btn_news a { padding: 4%; }
  .news .inner_news .btn_news .after_arr { padding-right: 30px; }
  .news .inner_news .btn_news .after_arr:after { border-color: #4b4b4b; }
  /*--nursery_school--*/
  .nursery_school { background-size: 100%; padding-bottom: 30px; position: relative; }
  .nursery_school .balloon01 { width: 50px; }
  .nursery_school .balloon02 { width: 50px; }
  .nursery_school .balloon03 { width: 200px; }
  .nursery_school .text01 { font-size: 14px; margin-bottom: 25px; padding: 0 4%; }
  .nursery_school .cm_btn_purple .after_arr:after { right: 20px; }
  .nursery_school .together { margin-top: 50px; justify-content: space-between; }
  .nursery_school .together li { width: 48%; margin-right: 0; margin-bottom: 4%; padding: 4% 4% 40px; }
  .nursery_school .together li .des { padding: 0; }
  .nursery_school .together li .tt { margin-bottom: 5px; }
  .nursery_school .together li .btn_arr { bottom: 15px; }
  /*--question--*/
  .question .question_box { padding: 40px 0 20px; border-radius: 5px; }
  .question .question_box .photo { width: 100%; }
  .question .question_box .photo figure img { width: 100%; }
  .question .question_box .photo .text_on { top: 3vw; right: 5%; width: 25vw; }
  .question .question_box .question_text { width: 100%; padding: 30px 6%; }
  .question .question_box .question_text h3 { font-size: 21px; margin-bottom: 15px; }
  .question .question_box .question_text p { margin-bottom: 20px; font-size: 14px; }
  .question .three_banner { background: #fff8ed; padding: 40px 2% 20px; }
  .question .three_banner ul { margin: 0; }
  .question .three_banner ul li { width: 100%; position: relative; margin-bottom: 5%; }
  .question .three_banner ul li span { font-size: 16px; min-width: 260px; padding: 20px; }
  .question .three_banner ul li figure img { width: 100%; }
  /*--school_love--*/
  .school_love { padding: 10px 0 50px; }
  .school_love .cm_tt { margin-bottom: 15px; }
  .school_love .text01 { font-size: 14px; margin-bottom: 30px; padding: 0 4%; }
  .school_love .school_flex .cols { width: 100%; margin-bottom: 30px; }
  .school_love .school_flex .cols .tt { font-size: 18px; }
  .school_love .school_flex .cols ul { margin-bottom: 20px; }
  .school_love .school_flex .cols ul li:first-child { padding-top: 0; }
  .school_love .school_flex .cols ul li p { padding-left: 10px; }
  .school_love .school_flex .cols .cm_btn_purple a { width: 270px; }
  .school_love .school_flex .cols .package_tab { margin-bottom: 20px; }
  .school_love .balloon01 { display: none; }
  .school_love .balloon02 { display: none; } }

@media screen and (max-width: 480px) { .school_love .school_flex .lunch_health .icon_spoon { padding: 16px 10px; }
  .school_love .school_flex .lunch_health .icon_spoon span { background-size: 20px; padding-left: 30px; }
  .school_love .school_flex .lunch_health .icon_pen { padding: 16px 10px; }
  .school_love .school_flex .lunch_health .icon_pen span { background-size: 18px; padding-left: 28px; } }

@media screen and (max-width: 414px) { .question .question_box .question_text { padding: 30px 4%; }
  .question .question_box .question_text h3 { font-size: 19px; }
  .question .question_box .question_text .cm_btn_purple { display: block; }
  .question .question_box .question_text .cm_btn_purple li { width: 270px; margin: auto; margin-bottom: 15px; } }
.tabcontent{
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}