@charset "UTF-8";
/* CSS Document */
.main_title_bloc {
  margin: 60px auto 40px;
}

.main_title_japanese {
  font-size: 6rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 90px;
  padding: 10px 0;
  background-color: rgba(221, 81, 109, 0.45);
}

.event .main_title_japanese {
  font-size: 6rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 90px;
  padding: 10px 0;
  background-color: rgba(192, 49, 176, 0.3);
}
.main_title_english {
  font-size: 2rem;
  color: rgba(238, 168, 182, 1);
}
.event .main_title_english {
  font-size: 2rem;
  color: #c031b0;
  background-color: rgba(192, 49, 176, 0.1);
}
.about .special_activity {
  max-width: none;
  width: 100%;
}
.about .special_activity_comment {
  max-width: none;
}
.about .english_title {
  width: 60%;
}
.about .second_japanese_title {
  width: 70%;
}
.teachers_introduction_bottom_comment {
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
  flex-wrap: wrap;
	padding: 0 60px 80px;
}
.teachers_introduction_bottom_comment.our_vision {
  padding: 40px 60px 60px;
  background-color: rgba(238, 168, 182, 0.25);
  position: relative;
  overflow: hidden;
}
.teachers_introduction_bottom_comment.our_vision::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(rgba(238, 168, 182, 1) 2.5px, transparent 1.6px);
  background-size: 40px 40px;
  opacity: 0.35;
  pointer-events: none;
}
.teachers_introduction_bottom_comment .comment {
	width: 300px;
}
.about .activity {
  top: 0;
  margin-bottom: 100px;
}
.about .special_activity_image {
  width: 100%;
  text-align: left;
}
.about .special_activity_image img {
  width: 100%;
  max-width: 480px;
  margin: 0 20px 6px;
  border-radius: 30px 30px 0 0;
  filter: opacity(90%);
}
.about .special_activity_image img:hover {
  filter: opacity(80%) contrast(120%);
  transition: filter 0.3s ease;
}
.about .main_english_title {
  background-color: rgba(238, 168, 182, 0.8);
  color: #fff7f9;
}
.about .main_japanese_title {
  color: rgba(238, 168, 182, 1);
  background-color: rgba(238, 168, 182, 0.3);
  font-weight: 500;
}
.about .second_japanese_title {
  background-color: rgba(238, 168, 182, 0.8);
}
.about .english_title {
  color: rgba(238, 168, 182, 1);
  background-color: #a8eedd;
  border: solid 0.6px rgba(238, 168, 182, 0.5);
  border-left: none;
}
.event .second_title {
        padding: 20px 0 0;
    }

.about_deco1_bloc {
  display: flex;
  justify-content: space-between;
  margin: 150px 0;
}
.deco1_left {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.deco1_right {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.about_deco1_bloc div div {
  background-color: rgba(238, 168, 182, 0.8);
  margin-bottom: 10px;
}
.deco1_left div {
  border-radius: 0 30px 30px 0;
  border: 4px solid #A0AFBF;
  border-left: none;
}
.deco1_right div {
  border-radius: 30px 0 0 30px;
  border: 4px solid #A0AFBF;
  border-right: none;
}
.deco1 {
  width: 200px;
  height: 24px;
}
.deco2 {
  width: 250px;
  height: 24px;
}
.deco3 {
  width: 100px;
  height: 24px;
}
.about_table th, .about_table td {
  width: 240px;
  border: 1px solid #ccc;
}
.about_table td:nth-child(2) {
  width: 160px;
  text-align: center;
}
.about_table {
  margin: 0 auto 100px;
}
.overview_nursery_table {
  width: 75%;
  margin: 0 auto;
}



/* Event CSS......................................................... */
.teachers_introduction_main_box {
  margin: 100px 0;
}
.event .activity {
  padding: 20px 0;
}
.event.childrencare .activity {
  padding: 0 0 20px;
}
.teachers_introduction_main_box {
  background-color: rgba(238, 168, 182, 0.2);
}
.event .second_japanese_title {
    background-color: rgba(192, 49, 176, 0.3);
    border-radius: 0 60px 60px 0;
    text-align: left;
}
.event .main_title_english {
  color: rgba(192, 49, 176, 0.3)!important;
  font-weight: 600;
}
.event .english_title {
  color: rgba(192, 49, 176, 0.5);
  border-radius: 0 30px 30px 0;
  text-align: left;
}
.all_table {
  margin: 60px;
}
.two_tables {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
table {
    border-spacing: 0 40px;
    border-collapse: collapse;
}
.table_title {
  text-align: left;
  font-size: 2.4rem;
  color: rgba(192, 49, 176, 0.4);
}
th {
    background-color: rgba(212, 212, 212, 0.3);
    font-weight: bold;
    text-align: center;
}
 th:nth-child(1), td:nth-child(1) {
    border: 1px solid #ccc;
    padding: 10px;
    width: 150px;
}

table td:nth-child(2),
table th:nth-child(2) {
    border: 1px solid #ccc;
    padding: 10px;
    width: 300px;
    text-align: left;
}
th {
    background-color: rgba(212, 212, 212, 0.3);
    font-weight: bold;
    text-align: center!important;
        }

tr:nth-child(even) {
            background-color: #f9f9f9;
        }

.table_bottom_comment {
  margin: -100px 60px 240px;
  text-align: left;
  padding: 0 0 60px;
}
.daily_schedule {
  display: flex;
  justify-content: space-between;
  padding: 0 60px;
}

.event .two2 .main_title_english {
  background-color: rgba(192, 49, 176, 0.3)!important;
    color: #fff7f9!important;
    font-weight: 600;
}
.two2 .main_title_japanese {
  color: rgba(192, 49, 176, 0.3);
    background-color: rgba(192, 49, 176, 0.2);
    font-weight: 500;
}
.daily_schedule .table_title {
  text-align: center;
}

/* table and images flex................................... */
.one_table {
  display: flex;
  justify-content: flex-start;
  margin: 40px 0 120px;
   border-bottom: double 3px rgba(192, 49, 176, 0.3);
   padding-bottom: 120px;
}

.table {
  margin-right: 60px;
}
/* Container qui tourne */
.img_bloc.rotation_right {
  position: relative;
  width: 220px; /* Ajustable */
  height: 220px;
  margin: 0;
  transform-origin: center center;
}

/* Positionner les sliders sur le cercle */
.event_slider {
  position: absolute;
}

/* Disposition autour du cercle à 120° d'écart */
/* Image 1 - Sommet supérieur (centré en haut) */
.event_slider1, .event_slider4, .event_slider7, .event_slider10 {
  top: 0%;
  left: 75%;
  transform: translate(-50%, 0);
}

/* Image 2 - Coin bas gauche du triangle */
.event_slider2, .event_slider5, .event_slider8, .event_slider11 {
  bottom: 0%;
  left: 0%;
  transform: translate(-50%, 0);
}

/* Image 3 - Coin bas droit du triangle */
.event_slider3, .event_slider6, .event_slider9, .event_slider12 {
  bottom: 0%;
  right: -50%;
  transform: translate(-50%, 0);
}


/* Images dans les sliders */
.event_slider img {
  display: inline-block;
  width: 240px;
  height: 240px;
  border-radius: 300px;
  object-fit: cover;

}

/* Animation de rotation */
@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.event_slider .table_image {
  position: absolute;
  object-fit: cover;
  opacity: 0;
  transition: opacity 3s ease-in-out;
}

.event_slider .table_image.active {
  opacity: 1;
}




/* Positionnement relatif du parent */
.top_menu_ul li.dropdown {
  position: relative;
}

/* Le sous-menu est caché par défaut */
.top_menu_ul li .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  padding: 0;
  margin: 0;
}

/* Affichage du sous-menu au survol */
.top_menu_ul li.dropdown:hover .dropdown-menu {
  display: block;
}

/* Style des liens du sous-menu */
.top_menu_ul li .dropdown-menu li a {
  display: block;
  color: #333333;
  text-decoration: none;
}

/* Hover sur les éléments du sous-menu */
.top_menu_ul li .dropdown-menu li a:hover {
}

/* Bounce animation.................................................. */
.bounce {
  animation: bounce 3s infinite ease-in-out;
}
 @keyframes bounce {
      0%   { top: 0; }
      50%  { top: 10px; } /* effet d'impact */
      100% { top: 0; }
    }
.windEffect {
 animation: windEffect 4s ease-in-out infinite; 
}
@keyframes windEffect {
     0%   { transform: translateX(0px) rotate(0deg); }
      50%  { transform: translateX(-5px) rotate(-2deg); }
      100% { transform: translateX(0px) rotate(0deg); }
    }
.windHorizontal {
  animation: windHorizontal 3s ease-in-out infinite;
}
@keyframes windHorizontal {
      0%   { transform: translateX(0px) rotate(0deg); }
      50%  { transform: translateX(5px) rotate(2deg); }
      100% { transform: translateX(0px) rotate(0deg); }
    }


.daily_schedule_box {
  margin: 100px 0 200px;
  background-color: rgba(192, 49, 176, 0.13);
}
.year_events {
  background-color: rgba(215, 208, 218, 0.3);
}
.piyopiyo_daily_table {
  margin: 40px 0;
}

.td_time, .one_year_month {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(192, 49, 176, 0.4);
}
.piyopiyo_daily_table td, .td_time {
  min-height: 500px;
}
.main_title_decoht {
  width: 50%;
  height: 30px;
  background-color: #a8eedd;
}
.main_title_decoht.left {
  border-radius: 0 60px 60px 0;
}
.main_title_decoht.right {
  border-radius: 60px 0 0 60px;
}



.english_titl, .second_japanese_titl {
text-align: center;
border-radius: 50% 50%;
display: flex;
align-items: center;
}
.english_titl {
  
background-color: #A0AFBF;
  width: 160px;
  height: 100px;
  padding: 20px;
  z-index: 200;
}
.second_japanese_titl {
  
background-color:#ccc;
width: 200px;
height: 120px;
padding: 40px;
position: relative;
bottom: 30px;
}
.second_titl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 200px;
  margin: 0 90px;
}
.special_activity_imag {
  display: block;
  width: 400px;
  height: auto;
  border-radius: 50% 50%;
  position: relative;
  bottom: 50px;
  z-index: -10;
}
.special_activity_imag img {
  width: 100%;
  height: auto;
  border-radius: 50% 50%;
}