@charset "UTF-8";
/* CSS Document */

@media(max-width: 1360px) {
#circular-text {
        margin: 80px auto 0;
    }
    .section-top__image-message {
        position: relative;
        right: 10px;
        margin: 0 auto 80px;
    }
    .top_lead_animation.red_img {
        width: 60px;
    }
    .top_lead_animation.blue_img {
        width: 52px;
    }
    .section_top_img_exp {
        padding: 30px 20px;
    }
}

.br_1260px {
    display: none;
}
@media(max-width: 1260px) {
    .br_1260px {
    display: inline-block;
}
    .main_title_japanese, .event .main_title_japanese {
        font-size: 5rem;
        line-height: 75px;
    }
}
@media(max-width: 1260px) {
#circular-text {
        margin: 60px auto 0;
    }
    .section-top__image-message {
        margin: 0 auto 60px;
    }
    .event_slider img {
        width: 200px;
        height: 200px;
    }
    .event_slider1, .event_slider4, .event_slider7, .event_slider10 {
        left: 55%;
    }
    .event_slider3, .event_slider6, .event_slider9, .event_slider12 {
        right: -10%;
    }
    .one_year_month {
        font-size: 1.4rem;
        font-weight: 600;
        color: rgba(192, 49, 176, 0.4);
    }
    .event .table {
        margin-right: 40px;
    }
    .all_table th:nth-child(1), .all_table td:nth-child(1) {
        width: 130px;
    }
    .all_table td:nth-child(2), .all_table th:nth-child(2) {
        width: 280px;
    }
}
.br_1160px {
    display: none;
}
@media(max-width: 1160px) {
    .br_1160px {
        display: inline-block;
    }
    footer {
        padding: 150px 40px 100px;
    }
}
@media(max-width: 1160px) {
    .menu_menu {
        font-size: 1.4rem;
        font-weight: 500;
    }
}

@media(max-width: 1160px) {
#circular-text {
        margin: 60px auto 0;
    }
    .section-top__image-message {
        margin: 0 auto 40px;
        top: -30px;
    }
#circular-text, .main_title {
        font-size: 4rem;
        line-height: 40px;
        margin-bottom: 0;
    }
.piyohoiku_main_title.one {
    margin-bottom: 10px;
}
.event .daily_schedule td:nth-child(2), .event .daily_schedule table th:nth-child(2) {
    width: 260px;
}
.event .daily_schedule th:nth-child(1), .event .daily_schedule td:nth-child(1) {
    width: 130px;
}

}

@media(max-width: 1040px) {
    .comment .blink img {
        width: 30px;
        height: auto;
    }
}
@media(max-width: 1019px) {
    .teachers_introduction_bottom_comment.our_vision .comment.right {
    margin: 40px auto 0; /* Espace entre les lignes */
  }
  .our_vision .comment_right {
    width: 250px;
}
.our_vision .comment_left, .our_vision .comment_middle {
    width: 280px;
}
}

@media(max-width: 980px) {
    .special_activity_image {
        padding: 0 30px;
    }
    .top_menu_ul li {
        margin-left: 40px;
    }
}

@media(max-width: 960px) {
    .br_1260px {
    display: none;
}	
    .for_mobile {
    display: block;
}
    .for_pc {
    display: none;
}
	/** body ........................... **/
	body {font-size: 1.6rem;
	letter-spacing: 0.75px;
	line-height: 24px;
	width: 100%;
    min-width: 350px;
	}
	/** header ........................... **/
	.header {
		height: 80px;
		margin-bottom: 20px;
		padding: 0 40px;
	}
    .header a {
        width: auto;
        margin-top: 0;
        top: 40px;
    }
    .english_name {
        position: absolute;
        top: 40px;
    }
	.first_top_name {
		font-size: 1.4rem;
	}
    .second_title {
        font-size: 1.8rem;
        margin: 0 0 20px;
    }
    .event .second_title {
        padding: 20px 0 0;
    }
	.lead {
		font-size: 1.6rem;
	}
    .piyopiyo_name, .nursery_name {
        font-size: 2.4rem;
    }
	.main_title {
		font-size: 2.4rem;
	}
    .lead.top {
        
    }
    .header-content-wrapper h1 {
	width: auto;
    text-align: left;
    }
    .header-content-wrapper a div {
        display: inline-block;
        letter-spacing: 1.5px;
    }
    .deco1 {
  width: 160px;
  height: 20px;
}
.deco2 {
  width: 200px;
  height: 20px;
}
.deco3 {
  width: 80px;
  height: 20px;
}
}
@media(max-width: 960px) {
#circular-text {
        margin: 40px auto 0;
    }
    .section-top__image-message {
        margin: 0 auto 20px;
    }
}


/** navigation....................................... **/

.open-button, .close-button {
  display: none;
}
@media(max-width: 960px) {
    header .img_link {
    display: none;
}
/* Nav on off.................................... */
.top_menu_ul {
    display: block;
}
  .open-button {
    display: block;
    position: absolute;
    right: 5px;
    top: 50px;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
  .open-button span, .open-button span:before, .open-button span:after {
    position: absolute;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #ff7e93;
    display: block;
    content: "";
  }
  .open-button span:before {
    bottom: -8px;
  }
  .open-button span:after {
    bottom: -16px;
  }
  .close-button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #ff7e93;
    font-size: 3rem;
    padding: 20px;
    cursor: pointer;
  }
.header nav {
    /* on off nav button........................... */
    display: none;
    text-align: center;
    z-index: 1200;
    position: fixed;
    top: 20px;
    left: 0;
    background-color: #c5dbed;
    width: 80%;
    height: 100%;
    padding-top: 67px;
    border-radius: 0 30px 0 0;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.4);
  }   

  .header nav ul li {
    border-bottom: solid 1px rgba(255, 126, 147, 0.3);
    margin: 0 auto;
  }
  .header nav ul li:first-child {
    border-top: solid 1px rgba(255, 126, 147, 0.3);
  }
  .header nav .top_menu_ul li a {
    font-weight: 500;
    line-height: 40px;
    vertical-align: middle;
    text-decoration: none;
    color: #ff7e93;
    display: block;
    padding: 20px 30px;
  }
    .menu_menu {
        font-size: 2rem;
    }
    .img_link.scroll {
        width: 40px;
        height: 40px;
    }
    .childrecare_bloc1 second_menu {

    }
}

/* main................................. */
@media(max-width: 960px) {
    .top_logo .red_logo img {
        width: 54px;
        height: auto;
    }
    .top_logo .blue_logo img {
        width: 48px;
        height: auto;
    }
    .main_title {
        width: 75%;
    }
    .main_japanese_title {
        font-size: 3rem;
        line-height: 45px;
        letter-spacing: 3px;
    }
    .slick-list {
        padding: 40px 0 !important;
    }
    .left_deco img, .right_deco img {
        width: 50%;
    }
    .left_deco {
        text-align: left;
    }
    .right_deco {
        text-align: right;
    }
    .deco_mobile_size {
        width: 60%;
    }

    .special_activity_main_group .activity_deco {
       position: relative;
        top: 0;
        bottom: 0;
        margin: 100px 0 120px;
    }
    
.special_activity_main_group .activity_deco img {
	width: 140px;
	
}
.special_activity_main_group .left_deco {
	animation: rotation_right 10s infinite linear;
	margin-left: -70px;
}

.special_activity_main_group .right_deco {
	margin-right: -70px;
}
    
    .activity_comment {
        margin-bottom: 30px;
        padding: 0 10px;
    }   
    
    .central_animation_img {
	width: 148px;
	height: 160px;
    }
    .left_piyo_position, .right_piyo_position {
        top: calc(50% - 19px)
    } 
    .central_animation_img img {
    width: 40%;
    }
    
    .special_activity_groupe {
        display: block;
        text-align: center;
    }
    .special_activity {
        width: 100%;
        height: auto;
    }
    .special_activity.left .second_title {
        text-align: left;
        height: auto;
    }
    .special_activity.right .second_title {
        text-align: right;
        margin-right: 20px;
    }
    .special_activity_image {
        width: 100%;
        max-width: 680px;
    }
    .about .special_activity_image {
        max-width: none;
    }
    .left .special_activity_image {
        padding: 0 20px 0 40px;
    }
    .right .special_activity_image {
        padding: 0 40px 0 20px;
    }
    .special_activity_comment {
        max-width: 660px;
        width: 100%;
    }
    .english_title {
        width: 50%;
    }
    .second_japanese_title, .event .second_japanese_title {
        width: 70%;
    }
    .main_title_bloc {
        margin: 60px auto;
    }
    /* Second menu ................................... */
    .second_menu {
        flex-direction: column;
    }
    .second_menu li {
        margin-bottom: 2px;
    }
    /* Par défaut (desktop) */
.second_menu_plan {
  display: none;
}
    .menu-item {
        letter-spacing: 4px;
    }

    /* teachers ................................... */
    .main_pic.for_mobile img {
        width: 480px;
        margin: 0 auto 40px;
        padding: 0 60px;
    }
    .teachers_introduction_main_box .activity_title {
    align-items: center;
    justify-content: center;
    margin: 100px 0 0;
    }
    .teachers_introduction_main_box {
        margin: 0;
    }
.teachers_introduction_illustrator img {
    display: block;
    width: 80px;
    height: auto;
}
    
    .text_animation {
        font-size: 1.4rem;
        line-height: 21px;
        padding: 30px 0;
        font-weight: 700;
        
    }
    
    .eclipse.right {
    position: relative;
    right: -140px;
    top: 80px;
    }
    .eclipse.left {
    position: relative;
    left: -140px;
    top: 80px;
    }
    .green_eclipse  {
        width: 25px;
    }
    .red_eclipse  {
        width: 20px;
    }
    .blue_eclipse  {
        width: 15px;
    }
    .blue_eclipse.right {
        margin: 0;
    }
    .blue_eclipse.left {
        margin: 0;
    }
.comment_left, .comment_right {
	width: 250px;
	height: 90px;
	text-align: center;
	margin-left: 20px;
}
.comment_left {
	position: relative;
	top: -5px;
}
.teachers_introduction_bottom_comment.top .comment_left, .teachers_introduction_bottom_comment.top .comment_right {
	left: 0;
}

    .deco_and_button_main_groupe {
        bottom: 0;
    }
    .deco_teacher_presentation_button img {
        width: 50%;
        height: auto;
    }
    .deco_teacher_presentation_button.right img {
        position: relative;
        left: -10px;
    }
    .bottom_buton_deco.righ  {
        display: none;
    
    }
    .special_activity {
        max-width: none;
    }
        .special_activity.right .second_title {
        margin-right: 0;
    }
    .special_activity_image img {
        max-width: 660px;
    }
    .left .special_activity_image img {
        margin: 0 auto 6px 0;
    }
    .right .special_activity_image img {
        margin: 0 0 6px auto;
    }
    .teachers_introduction_bottom_comment {
    padding: 60px 60px 80px;
}
    
.about .special_activity_comment {
  padding: 20px 0;
}
.event .activity {
    margin: 0;
}

.event.childrencare .activity {
    margin: 100px 0 0;
}
.piyopiyo_daily_table {
    margin: 20px 0;
}
}
/* button ............................... */
@media(max-width: 960px) {
.button {
	width: 300px;
	height: 50px;
    margin: 0 auto 100px;
    }
}


/* footer .............................. */
.footer_mobile {
    display: none;
}
.br_960px {
    display: none;
}
@media(max-width: 960px) {
    
    .br_960px {
        display: inline-block;
    }
      .footer_pc {
        display: none;
    }
    footer {
        padding: 80px 10px 50px;
        background-position: top;
    }
    footer .menu_menu {
        font-size: 1.4rem;
    }
    .footer_mobile {
    display: block;
    padding: 50px 20px;
}
    .footer_1st_step {
        font-size: 2.4rem;
        font-weight: 500;
        margin: 40px 0;
    }
    .footer_2nd_step {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    .footer_2nd_step h1 {
        display: block;
    }
    .footer_color_name a {
        display: block;
        width: 50%;
    }
    .footer_color_name {
        display: inline-block;
    }
    .footer_2nd_step .num_address {
        font-size: 1.4rem;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .link_telephone {
        margin-bottom: 10px;
    }
    
    .footer_4th_step {
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
    }
    .footer_mobile .footer_top {
        font-size: 2rem;
    }
    .footer_mobile .footer_top {
        margin: 20px auto 80px;
    }

    .sns_link img {
        width: 20px;
    }
     .follow_box_width {
        width: 33.3%; 
        text-align: center;
    }
    .follow_us {
        font-size: 1.4rem;
        padding-left: 0;
    }
    .link_status {
        font-size: 10px;
        letter-spacing: 2px;
    }
    .sns_link a img {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }
    .all_sns_link {
        width: 110px;
    }
    .site_map ul {
        width: 50%;
        text-align: right;
    }
    .site-map ul li {
        margin-bottom: 20px;
    }
    .site-map a {
    display: flex;
    font-size: 1.4rem;
    text-align: right;
    }
    footer .menu_arrow {
	width: 14px;
	height: 14px;
	line-height: 12px;
	border-radius: 6px;
	padding: 0 0 10px;
	position: relative;
	bottom: -5px;
}
    
    .footer__copyright {
        font-size: 1.2rem;
        line-height: 18px;
    }
    .button.red.footer_inquiry {
        font-size: 2.0rem;
        width: 300px;
	    height: 50px;
    }
    
    .acces_main_groupe {
        margin-bottom: 50px;
    }
    .bottom_deco_button_groupe {
        display: flex;
        justify-content: space-around;
        width: 100%;
        padding: 100px 10px 30px;
        text-align: center;
    }
    .bottom_buton_deco {
        width: 50%;
        text-align: center;
    }
    .bottom_buton.last {
        margin: 0;
    }
}

/* news .............................. */
@media(max-width: 960px) {
    .news_main_bloc.footer {
        display: flex;
        max-width: none;
        width: 270px;
        max-height: none;
        height: auto;
        font-size: 1.2rem;
        padding: 15px;
    }
    .news_date_and_content date {
        text-align: left;
        display: block;
        width: auto;
        margin-left: 0;
    }
    .news_main_bloc.footer h4 {
        margin-bottom: 0;
        writing-mode: vertical-rl;
        font-size: 1.4rem;
        padding: 7px;
    }
    .news_date_and_content.footer {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: 15px;
    }
     .button.news_content {
        width: inherit;
        text-align: left;
        padding-left: 20px;
        height: auto;
    }
    .news__button .button_text {
        margin-bottom: 0;
    }
    .button.news_content a {
    display: block;
    width: auto;
    margin: 10px auto;}
    
    .news__button .button_arrow {
        transform: none;
        padding-left: 30px;
        position: relative;
        top: -2px;
    }
    .central_animation_img2.left.left_piyo_position, .central_animation_img2.right.right_piyo_position {
    width: 65px;
    height: auto;}
    .left_piyo_position, .right_piyo_position {
        top: calc(50% - 3px);
    } 

    .about_table {
        margin: 0 60px 100px;
    }

    .one_table  {
        flex-direction: column-reverse;
    }
    .event_slider img {
        width: 160px;
        height: 160px;
    }
    .event .daily_schedule {
        flex-direction: column;
    }
    .event .daily_schedule div {
        margin: 0 auto;
    }
    .event .daily_schedule .am_schedule, .event .daily_schedule .pm_schedule {
        margin-bottom: 60px;
    }
    .all_table {
        margin: 40px;
    }
    .event_slider {
        position: relative;
    }
    .img_bloc.rotation_right {
        width: 50%;
    }
    .event_slider1, .event_slider4, .event_slider7, .event_slider10 {
        left: 0%;
    }
    .event_slider2, .event_slider5, .event_slider8, .event_slider11 {
        left: 0%;
    }
    .event_slider3, .event_slider6, .event_slider9, .event_slider12 {
        right: -50%;
    }
    .all_table table {
        width: 75%;
    }
    .event .table {
        margin-right: 0;
    }
    .table_title {
        font-size: 2.1rem;
        line-height: 32px;
    }
    .table_bottom_comment {
        margin: -100px 60px 0;
    }
}
.br_860px {
    display: none;
}
@media(max-width: 860px) {
    .br_860px {
        display: block;
    }
    #circular-text, .main_title {
        font-size: 3rem;
        line-height: 30px;
    }
#circular-text {
        margin: 60px auto 0;
    }
    .section-top__image-message {
        margin: 0 auto 20px;
    }
.top_lead_animation.red_img {
    width: 50px;
}
.top_lead_animation.blue_img {
    width: 44px;
}
.yellow_deco {
    margin: 100px 0;
}
.activity_slider_pictures {
    margin-bottom: 30px;
}
}

@media(max-width: 780px) {
    .br_780px {
        display: inline-block;
    }
    .slick-list {
        margin: 30px 0 0;
    }
    .slick-slide img {
        width: 100%;
    }
    .activity_slider_pictures {
        margin-bottom: 30px;
    } 
    .activity_comment {
        margin-bottom: 60px;
    }
    .eclipse.left {
        left: -110px;
    }
    .eclipse.right {
        right: -110px;
    }
    .teachers_introduction_bottom_comment.top, .teachers_introduction_bottom_comment.our_vision {
        padding: 60px 40px 80px;
    }
    .about_table {
        margin: 0 40px 80px;
    }
    .daily_schedule {
        padding: 0 40px;
    }
    .all_table {
        margin: 60px 40px;
    }
    .all_table table {
        margin: 0 auto;
    }
    .img_bloc.rotation_right {
        max-width: 50%;
        margin: 0 auto;
    }
    .event_slider1, .event_slider4, .event_slider7, .event_slider10 {
        left: -50%;
    }
    .event_slider2, .event_slider5, .event_slider8, .event_slider11 {
        left: -25%;
    }
    .event_slider3, .event_slider6, .event_slider9, .event_slider12 {
        right: -45%;
    }
    .second_japanese_title, .event .second_japanese_title {
        padding: 10px 40px 12px;
    }
    .english_title, .event .english_title, .childrecare_bloc1.second_menu {
        padding: 0 40px;
    }
    .piyopiyo_daily_table {
        margin: 20px 0;
    }
    .table_bottom_comment {
    margin: -120px 40px 240px;
    }
}
@media(max-width: 740px) {
    .teachers_introduction_bottom_comment.our_vision .comment.left, .teachers_introduction_bottom_comment.our_vision .comment.middle {
        width: 220px;
    }
    .our_vision .comment_left {
        width: 200px;
    }
    .our_vision .comment_middle {
        width: 220px;
        margin-left: 0;
    }
.footer_mobile .footer_top {
    display: flex;
    flex-direction: column;
}
.footer_around_box_1, .footer_mobile .footer_company_name.daycare {
    text-align: center;
    padding-bottom: 15px;
}
.footer_mobile .footer_top {
        margin: 20px auto 40px;
    }
.footer_1st_step {
    margin: 20px 0 30px;
}
footer .piyopiyo_name, footer .nursery_name {
    font-size: 1.8rem;
    letter-spacing: 6px;
}
.piyopiyo_name {
    margin-bottom: 10px;
}
.footer_top a {
	 text-underline-offset: 3px;
}



}
@media(max-width: 700px) {
    #circular-text {
        margin: 40px auto 0;
    }
    .section-top__image-message {
        margin: 0 auto 10px;
    }
}
.br660px {
    display: none;
}
@media(max-width: 660px) {
    .br660px {
        display: block;
    }
    .overview_nursery_table {
        width: 90%;
    }
}
.br_680px {
    display: none;
}
@media(max-width: 680px) {
    .br_1160px {
        display: none;
    }
    .br_680px {
    display: inline-block;
}
    .teachers_introduction_bottom_comment.top .comment {
    width: 200px;
}
    .top .comment_left, .top .comment_right {
        width: 160px;
        height: 140px;
        margin-left: 20px;
    }
    .teachers_introduction_bottom_comment.our_vision .comment.right {
	width: 300px;
    }
    .our_vision .comment_right {
        margin-left: 20px;
    }
    .our_vision .comment_left, .our_vision .comment_middle, .our_vision .comment_right {
    height: 40px;
}
    .our_vision .comment_left {
        width: 180px;
    }
    .our_vision .comment_middle {
        width: 220px;
    }
}
.br_640px {
    display: none;
}
@media(max-width: 640px) {
    .br_960px {
        display: none;
    }
    .br_640px {
        display: inline-block;
    }
    .main_title_japanese, .event .main_title_japanese {
        font-size: 4rem;
        line-height: 60px;
        font-weight: 500;
    }
    .main_title_english, .main_english_title, .event .main_title_english {
        font-size: 1.6rem;
        line-height: 24px;
    }
    .main_title_section {
        font-size: 3rem;
        line-height: 45px;
        width: 100%;
        margin: 0 auto 20px;
    }
    .main_title {
        line-height: 36px;
        margin-bottom: 0;
    }
    .main_title_decoht {
    width: 30%;
    height: 20px;
}
    .english_title {
        font-size: 1.6rem;
        line-height: 24px;
        width: 70%;
    }
    .second_japanese_title, .event .second_japanese_title {
        font-size: 2rem;
        line-height: 30px;
        width: 90%;
    }
    .lead_top_img {
        width: 75%;
    }
    .section-top__image {
        height: 230px;
    }
    .section-top__image-message {
        margin: 0 auto 40px;
    }
    .lead.top {
        margin: 20px auto 0;
    }
    .lead_top_img {
        padding: 0;
    }
    .hiyoko_img {
        height: 60px;
    }
    .deco_mobile_size {
        width: 40%;
    }

    .left .special_activity_image img {
    border-radius: 60px 30px 0 0;
    }
    .top .special_activity_comment {
        background-color: rgb(170, 185, 201, 0.2);
    }
    .left .special_activity_comment {
        border-radius: 0 0 60px 30px;
    }

    .right .special_activity_image img {
    border-radius: 30px 60px 0 0;
    }
    .right .special_activity_comment {
        border-radius: 0 0 30px 60px;
    }
    .special_activity.left .second_title, .special_activity.right .second_title {
        margin: 0 0 20px;
    }
    .special_activity.left .second_title .english_title {
        display: inline-block;
        padding: 3px 30px 5px 20px;
        border-radius: 0 30px 30px 0;
    }
    .special_activity.left .second_title .second_japanese_title {
        display: inline-block;
        padding: 3px 30px 5px 20px;
        border-radius: 0 30px 30px 0;
    }
    .special_activity.right .second_title .english_title {
        display: inline-block;
        padding: 3px 20px 5px 30px;
        border-radius: 30px 0 0 30px;
    }
    .special_activity.right .second_title .second_japanese_title {
        display: inline-block;
        padding: 3px 20px 5px 30px;
        border-radius: 30px 0 0 30px;
    }
    .section_top_img_exp {
        margin: 0 auto;
    }
    .special_activity_main_group .activity_deco {
        margin: 80px 0 100px;
    }
    .special_activity_main_group .activity_deco img {
        width: 100px;
    }
    .special_activity_main_group .left_deco {
        margin-left: -50px;
    }
    .special_activity_main_group .right_deco {
        margin-right: -50px;
    }
    .special_activity_groupe {
        padding: 30px 0 0;
    }
    .special_activity_image {
        width: 100%;
        padding: 0 20px;
    }
    .special_activity_image {
        margin: 0;
    }
    .special_activity_main_group, .decoration_2 {
        margin-bottom: 100px;
    }
    .bottom_buton_deco img {
        margin-right: 5px;
    }
    .deco1 {
  width: 150px;
  height: 16px;
}
.deco2 {
  width: 180px;
  height: 16px;
}
.deco3 {
  width: 80px;
  height: 16px;
}
.deco1_left div {
  border: 2px solid #A0AFBF;
  border-left: none;
}
.deco1_right div {
  border: 2px solid #A0AFBF;
  border-right: none;
}
}

@media(max-width: 640px) {
    #circular-text {
        margin: 30px auto 0;
    }
    .section-top__image-message {
        margin: 0 auto 10px;
    }
    .section_top_img_exp {
        padding: 20px;
    }
    .table_title {
        font-size: 1.8rem;
        line-height: 27px;
    }
    .event .activity {
        padding: 0;
}
.dayori .activity {
    margin: 100px 0;
}
}

.br_620px {
    display: none;
}
@media(max-width: 620px) {
    .br_640px {
        display: none;
    }
    .br_620px {
    display: inline-block;
}
}
/* Media de l'animation .................... */
@media(max-width: 585px) {
.left_piyo_position, .right_piyo_position {
        top: calc(50% - 8px);
    }
.footer_mobile {
    padding: 50px 10px;
}
}

.br580px {
    display: none;
}
@media(max-width: 580px) {
    .br580px {
        display: block;
    }
    .off_580px {
        display: none;
    }
    .br_860px {
    display: none;
}
    .left .special_activity_image, .right .special_activity_image, .childrecare_bloc1.second_menu {
        padding: 0 20px;
    }
    .special_activity_comment {
        padding: 10px;
    }
        .teachers_introduction_bottom_comment.top, .teachers_introduction_bottom_comment.our_vision {
        padding: 60px 20px 80px;
    }
    .about_table {
        margin: 0 20px 100px;
    }
    .daily_schedule {
        padding: 0 20px;
    }
        .all_table {
        margin: 60px 20px;
    }
    .all_table table {
        width: 80%;
    }
    .img_bloc.rotation_right {
        width: 160px;
        height: 160px;
    }
    .event_slider1, .event_slider4, .event_slider7, .event_slider10 {
        left: -70%;
    }
    .event_slider2, .event_slider5, .event_slider8, .event_slider11 {
        left: -32%;
    }
    .event_slider3, .event_slider6, .event_slider9, .event_slider12 {
        right: -52%;
    }
    .event_slider img {
        width: 120px;
        height: 120px;
    }
        .english_title, .event .english_title {
        padding: 0 20px;
    }
        .second_japanese_title, .event .second_japanese_title {
        padding: 5px 20px 6px;
    }
    .table_bottom_comment {
    margin: -120px 20px 100px;
    padding: 0 0 40px;
    }
.piyopiyo_contact a {
    padding: 2px 20px 3px;
    letter-spacing: 1px;
}
}

.br_540px {
    display: none;
}
@media(max-width: 540px) {
    .br_620px, .br_540px_off, .br_680px {
        display: none;
    }
    
     #slider_bg {
  background-size: cover;
  background-position: center;
  height: 210px;
}
.main_title_japanese, .event .main_title_japanese {
    font-size: 3.6rem;
    line-height: 40px;
}
    .top_lead_animation.red_img {
        width: 45px;
    }
     .top_lead_animation.blue_img {
        width: 40px;
    }
    .activity_slider_pictures, .activity_comment {
        margin-bottom: 40px;
    }
    .slick-list {
        margin: 0;
    }
    .text_animation {
        font-size: 1.2rem;
    }
   
    .about_table th, .about_table td, .about_table td:nth-child(3) {
        width: 120px;
       }
       .about_table td:nth-child(2), .about_table td:nth-child(4) {
        width: 60px;
       }
     .our_vision .comment_left {
        width: 190px;
    }
        .our_vision .comment_middle {
        width: 210px;
    }
        .our_vision .comment_right {
        width: 240px;
    }
}

@media(max-width: 540px) {
        .teachers_introduction_bottom_comment {
        padding: 0 20px 60px;
    }
        .teachers_introduction_bottom_comment.top {
        padding: 60px 20px 60px;
    }
        .our_vision .comment_left, .our_vision .comment_middle, .our_vision .comment_right {
        height: 30px;
    }
       
}

.br_530px {
    display: none;
}
@media(max-width: 530px) {
    .br_620px {
        display: none;
    }
    .br_530px {
    display: inline-block;
}
}
.br_520px {
    display: none;
}
@media(max-width: 520px) {
    .br_640px, .br_580px, .br_540px {
        display: none;
    }
    .br_520px {
    display: inline-block;
}
    .about .left .special_activity_comment {
        background-color: rgb(250, 229, 233);
        /* rgba(238, 168, 182, 0.3); */
        margin-bottom: 80px;
    }
    .about .special_activity_comment {
        padding: 20px 10px;
    }
}
.br_500px {
    display: none;
}
@media(max-width: 500px) {
    .br_540px, .br_520px {
    display: none;
}
.br_500px {
    display: inline-block;
}
.special_activity_main_group .activity_deco img {
	width: 80px;
}
.special_activity_main_group .left_deco {
	animation: rotation_right 10s infinite linear;
	margin-left: -40px;
}

.special_activity_main_group .right_deco {
	margin-right: -40px;
}
}
.address_br {
    display: none;
}
@media(max-width: 480px) {
    .address_br {
        display: inline-block;
    }
    .acces_main_groupe div {
        margin-bottom: 40px;
        padding: 0 10px;
    }
    .address_space {
        display: block;
        font-weight: 600;
        color: #aac9aa;
        border-bottom: 1px dashed #999999;
        padding-bottom: 4px;
    }
    .address_text {
        display: block;
        padding: 4px 0;
    }
    .address_br {
        display: block;
    }
    .address_separate {
        display: none;
    }
    .acces_main_groupe {
    padding: 20px 0 50px;
}
    .teachers_introduction_bottom_comment.top {
        padding: 60px 20px 80px;
    }
    .side_animation_text {
        width: 120px;
    }
    .eclipse.left {
        left: -75px;
    }
    .eclipse.right {
        right: -75px;
    }
        .teachers_introduction_bottom_comment.our_vision .comment.left, .teachers_introduction_bottom_comment.our_vision .comment.middle {
        width: 200px;
    }
    .border_1 img, .border_2 img, .border_3 img, .border_4 img {
        width: 20px;
        height: auto;
    }
    .comment_left, .comment_right {
        margin-left: 10px;
    }
    .our_vision .comment_left {
        margin-left: 10px;
    }
    .our_vision .comment_right {
        margin-left: 25px;
    }
    .overview_nursery_table {
        width: auto;
        margin: 0 auto;
    }
    table td:nth-child(2), table th:nth-child(2), th:nth-child(1), td:nth-child(1)  {
        padding: 10px 5px;
    }
    .overview_nursery_table  td:nth-child(2),  .overview_nursery_table  th:nth-child(2),  .overview_nursery_table th:nth-child(1),  .overview_nursery_table td:nth-child(1) {
        width: auto;
    }
    .about_table th {
        width: 140px;
    }

     .our_vision .comment_right {
    width: 250px;
}
.teachers_introduction_bottom_comment.our_vision {
    padding: 20px 20px 20px;
}
.comment .blink img {
        width: 15px;
        height: auto;
    }
.section-access__map {
    padding: 20px 0 0;
}
}



@media(max-width: 480px) {
    .header {
        padding: 0 20px;
    }
        .main_title_section, .main_japanese_title {
            font-size: 2.4rem;
            line-height: 36px;
        }
        .main_title_decoht {
        width: 20%;
        height: 14px;
    }
    .footer_1st_step {
        font-size: 2.1rem;
        letter-spacing: 4px;
        line-height: 30px;
    }
        .piyopiyo_name, .nursery_name, .footer_mobile .footer_top {
        font-size: 1.8rem;
        letter-spacing: 4px;
        line-height: 24px;
    }
    .about .main_title_section {
        padding: 30px 0;
    }
    .main_pic.for_mobile img {
        width: 360px;
        padding: 0 10px;
        margin: 0 auto 10px;
    }
    .slick-slide img {
    width: 75%!important;
}
    .slick-list {
        margin: 0!important;
    }

    .deco1 {
  width: 100px;
  height: 12px;
}
.deco2 {
  width: 120px;
  height: 12px;
}
.deco3 {
  width: 60px;
  height: 12px;
}
.deco1_left div {
  border: 2px solid #A0AFBF;
  border-left: none;
}
.deco1_right div {
  border: 2px solid #A0AFBF;
  border-right: none;
}
.all_table table {
    width: 90%;
}
}



.br_460px {
    display: none;
}
@media(max-width: 460px) {
    .br_500px {
    display: none;
}
    .br_460px {
        display: inline-block;
    }
    .br580px {
        display: none;
    }
}
@media(max-width: 450px) {
.left_piyo_position, .right_piyo_position {
        top: calc(50% - 24px);
    }
    .central_animation_img2.left.left_piyo_position, .central_animation_img2.right.right_piyo_position {
    width: 50px;
    height: auto;
}
.central_animation_img {
    width: 110px;
    height: 165px;
}
.off_450px {
    display: none;
}
}

.br_440px {
    display: none;
}
@media(max-width: 440px) {
    .br580px, .br_520px {display: none;
    }
    .br_530px {
    display: none;
}
    .br_460px {
        display: none;
    }
    .br_440px {
        display: inline-block;
    }
    .about .special_activity_comment {
        padding: 20px 6px;
    }
    .section_top_img_exp {
        padding: 20px 10px;
        letter-spacing: 0.5px;
    }
    #circular-text, .main_title {
        font-size: 2.4rem;
        line-height: 24px;
    }
    .main_japanese_title {
        font-size: 2.4rem;
        line-height: 36px;
    }
    .main_english_title {
        font-size: 1.6rem;
        line-height: 24px;
    }
    
    #slider_bg {
  height: 180px;
}
     .overview_nursery_table th:nth-child(1), .overview_nursery_table td:nth-child(1), 
     .overview_nursery_table td:nth-child(2), .overview_nursery_table th:nth-child(2) {
        display: block;
        width: 100%;
        text-align: center;
    }
    .overview_nursery_table th:nth-child(1) {
        color: rgba(238, 168, 182, 1);
    }
    table td:nth-child(2), table th:nth-child(2), th:nth-child(1), td:nth-child(1)  {
        padding: 10px;
    }
    
     .overview_nursery_table tr {
        border: double #f9f9f9 4px;
     }
     .overview_nursery_table th:nth-child(1) {
        line-height: 14px;
    }
    .teachers_introduction_bottom_comment.our_vision .comment.left, .teachers_introduction_bottom_comment.our_vision .comment.middle {
        width: 190px;
    }
    .teachers_introduction_bottom_comment.top .comment {
        width: 160px;
    }
    .top .comment_left, .top .comment_right {
        width: 140px;
        height: 160px;
        margin-left: 10px;
    }
    .img_link.scroll {
        width: 36px;
        height: 36px;
    }
    .news_main_bloc.scroll {
        padding: 5px;
        border-radius: 10px 0 0 10px;
    }
    .event_slider img {
        width: 100px;
        height: 100px;
    }
    .event_slider1, .event_slider4, .event_slider7, .event_slider10 {
        left: -80px;
    }
    .event_slider3, .event_slider6, .event_slider9, .event_slider12 {
        right: -50px;
    }
    .all_table table {
    width: 95%;
}
.acces_main_groupe div {
    margin-bottom: 30px;
}
footer .piyopiyo_name, footer .nursery_name, footer .footer_mobile .footer_top {
        font-size: 1.6rem;
        letter-spacing: 2px;
        line-height: 24px;
    }
    footer .piyopiyo_name {
        margin-bottom: 4px;
    }
    .follow_us, .site-map ul li {
        margin-bottom: 10px;
    }
.site-map ul {
    padding-left: 0;
}
footer .menu_arrow {
    margin-right: 5px;
}
.footer_1st_step, .button.red.footer_inquiry {
        font-size: 1.8rem;
        line-height: 30px;
        letter-spacing: 4px;
    }
    .button.red.footer_inquiry {
        width: 240px;
        height: 40px;
        margin-bottom: 60px;
    }
    .footer_4th_step {
        margin-bottom: 40px;
    }
    .button a div {
    margin: 6px 10px;
}
.footer_mobile {
        padding: 50px 10px 0;
    }
    #backToTop a img {
        width: 50px;
    }
    .site-map ul li div, .follow_us {
        letter-spacing: 0.5px;
    }
        .button {
        height: 40px;
        line-height: 30px;
    }
    .event .daily_schedule .am_schedule, .event .daily_schedule .pm_schedule {
        margin-bottom: 40px;
    }
}

/* iPhone 14 Pro Max ............ */
@media(max-width: 430px) and (max-height: 933px) {
    .section-top__image-message {
        margin-bottom: 300px;
    }
    .news_main_bloc {
        bottom: -275px;
    }
    #backToTop {
        bottom: 10px;
    }
}

.br_420px {
    display: none;
}
@media(max-width: 420px) {
    .br_460px {
        display: none;
    }
    .br_420px {
        display: inline-block;
    }
    .teachers_introduction_bottom_comment.top {
        padding: 60px 10px 60px;
    }
    .teachers_introduction_bottom_comment, .teachers_introduction_bottom_comment.our_vision {
        padding: 20px 10px 20px;
    }
    .left .special_activity_image, .right .special_activity_image, .left .special_activity_image {
        padding: 0 10px;
    }
    .our_vision .comment_left, .our_vision .comment_middle, .our_vision .comment_right {
        height: 24px;
    }
    .teachers_introduction_bottom_comment.our_vision .comment.left, .teachers_introduction_bottom_comment.our_vision .comment.middle {
        width: 175px;
    }
    .our_vision .comment_left {
        width: 160px;
    }
    .our_vision .comment_middle {
        width: 180px;
    }
    .about_table {
        margin: 0 10px 60px;
    }
    .acces_main_groupe div {
        padding: 0 10px;
    }
    
    .daily_schedule {
        padding: 0 10px;
    }
        .english_title, .event .english_title {
        padding: 0 10px;
    }
        .second_japanese_title, .event .second_japanese_title {
        padding: 2px 10px 3px;
    }
    .all_table {
        margin: 60px 10px;
    }
    .table_bottom_comment {
    margin: -160px 10px 240px;
    }
    .main_pic.for_mobile img {
        width: 360px;
    }
}

/* iPhone XR ............ */
.br_414px {
    display: none;
}
@media(max-width: 414px) {
    .br_414px {
    display: inline-block;
}
    .special_activity_comment {
        letter-spacing: 0.5px;
    }
    .section-top__image-message {
        margin-bottom: 290px;
    }
    .news_main_bloc {
        bottom: -260px;
    }
}


.br_400px {
    display: none;
}
@media(max-width: 400px) {
    .br_440px {
        display: none;
    }
    .br_420px {
    display: none;
}
    .br_1260px, .br_400px {
    display: inline-block;
}
.slick-list {
   padding: 30px 0!important;
}
    .teachers_introduction_bottom_comment.our_vision .comment {
        width: 180px;
    }
    .our_vision .comment_left {
        width: 160px;
    }
    .our_vision .comment_middle {
        width: 180px;
    }
    .our_vision .comment_right {
        width: 240px;
    }
    .br_440px.br_400px {
        display: none;
    }
}


@media(max-width: 400px) {
.left_piyo_position, .right_piyo_position {
        top: calc(50% - 30px);
    } 
    /* animation marche....................... */
    .central_animation_img2.left.left_piyo_position, .central_animation_img2.right.right_piyo_position {
    width: 40px;
    height: auto;
}
    

    #backToTop img {
        width: 15%;
    }
}
.br_380px {
    display: none;
}
@media(max-width: 380px) {
    .br_380px {
        display: block;
    }
    .br_440px.second {
        display: none;
    }
    #circular-text {
        margin: 25px auto 0;
        letter-spacing: 4px;
    }
    .section-top__image-message {
        top: -20px;
    }
    .top_lead_animation.red_img {
        width: 40px;
    }
    .top_lead_animation.blue_img {
        width: 35px;
    }
    body, .teachers_introduction_bottom_comment {
        font-size: 1.4rem;
        line-height: 24px;
    }
    .central_animation_img {
        width: 100px;
        height: 170px;
    }
        .comment_left, .comment_right {
        width: 140px;
        height: 165px;
    }
    .teachers_introduction_bottom_comment .comment {
        width: 160px;
    }
    .main_pic.for_mobile img {
        padding: 0 10px;
        margin: 0 auto 20px;
    }
    .overview_nursery_table {
        width: auto;
        margin: 0 auto;
    }
    th:nth-child(1), td:nth-child(1), table td:nth-child(2), table th:nth-child(2) {
        padding: 5px 10px;
    }
    
     table td:nth-child(2) {
        line-height: 30px;
     }
     
     .teachers_introduction_bottom_comment.our_vision .comment.right {
        width: 260px;
    }
    .comment .blink img {
        width: 20px;
    }
    .our_vision .comment_middle {
        width: 165px;
    }
    .our_vision .comment_right {
        width: 210px;
    }
        .teachers_introduction_bottom_comment.our_vision .comment.left, .teachers_introduction_bottom_comment.our_vision .comment.middle {
        width: 160px;
    }
        .our_vision .comment_left {
        width: 150px;
    }
        .comment_left, .comment_right {
        margin-left: 7px;
    }
    .main_pic.for_mobile img {
        width: 320px;
    }
}



/* iPhone X ............ */
@media(max-width: 375px) and (max-height: 812px) {
    .section-top__image-message {
        margin-bottom: 200px;
    }
    .news_main_bloc {
        bottom: -330px;
    }
    .special_activity_main_group .activity_deco img {
        width: 70px;
    }
    #backToTop {
        bottom: 70px;
    }

}
/* iphone SE ........... */
@media(max-width: 375px) {
    .section-top__image-message {
        margin-bottom: 340px;
    }
    .news_main_bloc {
        bottom: -330px;
    }
        #backToTop {
        bottom: 0px;
    }
    footer .piyopiyo_name, footer .nursery_name, footer .footer_mobile .footer_top {
        font-size: 1.4rem;
    }
        .piyopiyo_name {
        margin-bottom: 0px;
    }
    #backToTop a img {
        width: 40px;
    }
        .footer_mobile {
        padding: 50px 0 0;
    }
}



@media(max-width: 320px) {
.left_piyo_position, .right_piyo_position {
        top: calc(50% - 35px);
    } 
}