/*---------------------------------------------*/
/*   for_students&parents                      */
/*---------------------------------------------*/
.f_header {
  position: relative;
  top : 0px;
  left : 0;
  width: 100%;
  margin : 0 auto;
}
.f_char01 {
  position: absolute;
  top : 20%;
  left : 12%;
  width: 100px;
}
.f_char02 {
  position: absolute;
  top : -10%;
  right : 18%;
  width: 100px;
}
.f_char03 {
  position: absolute;
  bottom : 10%;
  right : 10%;
  width: 100px;
}
.f_char01 img,
 .f_char02 img,
 .f_char03 img {
  max-width: 135%;
  width: 135%;
  height: auto;
}
.f_header_text {
  margin : 0 auto;
  text-align: center;
}
.f_header h2 {
  margin : 50px 0;
}
.f_ns_list {
  margin-top : 80px;
}
.f_ns_items {
  position: relative;
  padding: 0;
  margin : 0;
  width: 100%;
  
}
.f_ns_items::before {
  content: '';
  position: absolute;
  top: -150px;
  left: 5%;
  width: 229px;
  height: 164px;
  background: url("../img/common/deco08.png") center no-repeat;
  z-index: -1;
}
.f_ns_item {
  position: relative;
  padding: 0;
  margin : 20px 0;
  display: flex;
  width: 100%;
}
.f_ns_leaf {
  background-color: #DEF0E1;
  border-radius: 9999px;
}
.f_ns_kids {
  background-color: #FFDBB1;
  border-radius: 9999px;
}
.f_ns_biscuit {
  background-color: #F7E1AE;
  border-radius: 9999px;
}
.f_ns_palette {
  background-color: #EFE5FF;
  border-radius: 9999px;
}
.f_ns_gift {
  background-color: #FFE8E8;
  border-radius: 9999px;
}
.f_ns_pocket {
  background-color: #D9EDFF;
  border-radius: 9999px;
}
.f_ns_left {
  position: relative;
  margin :0;
  margin-left: 0px;
  padding : 0;
  width: 25%;
}
.f_ns_photo img.f_ns_photo_img {
  width: 250px;
  height: auto;
}
.f_ns_center {
  width: 55%;
  padding : 5px 30px;
  margin: auto 0;
  margin-left : 60px;
}
.f_ns_right {
  width: 20%;
  margin: auto auto;
}
.f_ns_center_top, .f_ns_center_bottom{
  padding : 0;
  margin : 0;
  line-height: 1.3em;
  font-size: .8em;
  font-weight: normal;
}
.f_ns_name img.f_ns_icon{
  width: 40px;
  height: auto;
  margin-right: 5px;
}
.f_ns_name {
  padding : 10px 0px;
  margin : 0;
  font-size: 1.3em;
  font-weight: bold;
}

.f_ns_btn img {
  width: 70%;
  height: auto;
}
.f_ns_icon2 {
  position: absolute;
  top : -15px;
  left : 200px;
  z-index: 999px;
  height: 120%;
  width: 180px;
}
.f_ns_icon2 img {
  height: 100%;
  width: auto;
}
.f_ns_kids .f_ns_icon2 {
  top : 0px;
  left : 150px;
}
.f_ns_kids .f_ns_icon2 img {
  height: 92%;
  width: auto;
} 
.f_ns_biscuit .f_ns_icon2 {
  top : 0;
}
.f_ns_biscuit .f_ns_icon2 img {
  height: 85%;
  width: auto;
} 
.f_ns_palette .f_ns_icon2 {
  left : 180px;
  top : -7px;
}
.f_ns_palette .f_ns_icon2 img {
  height: 87%;
  width: auto;
} 
.f_ns_gift .f_ns_icon2 {
  left : 180px;
  top : -20px;
}
.f_ns_gift .f_ns_icon2 img {
  height: 95%;
  width: auto;
} 
.f_ns_pocket .f_ns_icon2 {
  top : -3px;
}
.f_ns_pocket .f_ns_icon2 img {
  height: 87%;
  width: auto;
} 

.for_parents .top-deco01::before, .for_parents .top-deco01::after,
.for_students .top-deco01::before, .for_students .top-deco01::after {
  background: none;
}
.for_parents .top-deco01::after, .for_students .top-deco01::after {
    content: '';
    position: absolute;
    top: -160px;
    left: 70%;
    width: 323px;
    height: 291px;
    background: url("../img/common/deco05.png") center no-repeat;
    z-index: -1;
}

.for_parents #mv, .for_students #mv {
  background: none;
}
.f_ns_photo .sp {
    display: none;
}
br.br_sp {
  display: none;
}
.f_open_tour {
  width: 100%;
  height: 100%;
}
.f_open_tour_wrap {
  width: 100%;
  height: 100%;
  background-image: url("../img/common/fbg01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  padding : 80px 0;
  text-align: center;
}
.f_open_tour_header {
  width: 40%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.f_open_tour_header img {
  width: 100%;
  height: auto;
}
.f_text {
  margin : 50px 0;
}
.f_timetable_items {
  border : 1px solid #6E480D;
  border-radius: 25px;
  display: flex;
  flex-direction: row;
  width: 50%;
  margin : 30px auto;
}
.f_timetable_left {
  width: 50%;
  color : #fff;
  background-color: #6E480D;
  padding : 15px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;

}
.f_timetable_left p{
  position: relative;
  top : 20%;
  width: fit-content;
  margin : auto;
  vertical-align: middle;
}
.f_timetable_right {
  width: 50%;
  margin : auto;
  background-color: #fff;
  padding : 15px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.f_timetable_right p {
  width: fit-content;
  margin: auto;
  text-align: left;
}
.f_qr {
  width: 150px;
  margin: 0 auto;
}
.f_qr img {
  width: 100%;
  height: auto;
}
.spline_fit {
  width: fit-content;
  margin: 0 auto;
}
.spline2 {
  position: relative;
  display: inline-block;
  padding: 0 10px 0px;
  background: linear-gradient(transparent 70%, rgba(255, 255, 255, .67) 70%);
  font-size: 2em;
}

.spline2::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4px;
  height: 40%;
  background: #e3e3e3;
  mix-blend-mode: multiply;
}
.spline2 {
  display: block;
  position: relative;
}
.f_line {
  width: 50%;
  margin : 0 auto;
}
@media only screen and (max-width: 1023px) {
  .f_open_tour {
    position: relative;
    top : 0;
    left : -20px;
    width: 100vw;
  }
  .f_open_tour_wrap {
    width: 100%;
    position: relative;
    top : 0;
    left : 0;
    background-size: cover;
    background-position: -50px 0;
  }
}
@media only screen and (max-width: 980px) {
    .f_ns_center {
        margin-left: 10px;
        width: 55%;
    }
    .f_ns_left {
        width: 30%;
    }
    .f_ns_right {
        width: 15%;
    }
    
.f_ns_icon2 {
    top : -15px;
    left : 150px;
  }
}
@media only screen and (max-width: 799px) {
  .f_open_tour_wrap {
    width: 101vw;
  }
}
@media only screen and (max-width: 767px) {
    .f_char01 {
      top : 40%;
      left : 0%;
      width: 70px;
    }
    .f_char02 {
      top : -10%;
      right : 18%;
      width: 70px;
    }
    .f_char03 {
      top : 40%;
      right : 10%;
      width: 70px;
    }
    .f_header_text h2 {
        margin-bottom: 120px;
    }
    .f_ns_photo .pc {
        display: none;
    }
    .f_ns_photo .sp {
        display: block;
    }
    .f_ns_item {
        flex-direction: column;
    }

    .f_ns_leaf {
    border-radius: 50px;
  }
  
.f_ns_leaf, .f_ns_pocket, .f_ns_kids, .f_ns_gift, .f_ns_palette, .f_ns_biscuit {
    border-radius: 50px;
  }
  .f_ns_left {
    position: relative;
    margin :0;
    padding : 0;
    width: 100%;
  }
  .f_ns_photo img.f_ns_photo_img {
    width: 100%;
    height: auto;
  }
  .f_ns_icon2 {
    top : 10px;
    left : 10px;
    z-index: 999px;
    height: 170px;
    width: 200px;
  }
  .f_ns_icon2 img {
    height: 100%;
    width: auto;
  }
  
    .f_ns_name img.f_ns_icon{
        position: absolute;
        top : 110px;
        right : 40px;
        width: 80px;
        height: 80px;
  }
  .f_ns_center {
    margin : 0 auto;
    margin-top: 50px;
    text-align: center;
    width: 100%;
  }
  
.f_ns_center_top, .f_ns_center_bottom{
    font-size: 1em;
  }
  br.br_sp {
    display: block;
  }
  .f_ns_name {
    font-size : 1.5em;
  }
  .f_ns_right {
    width: 100%;
    margin : auto auto;
    padding-top : 30px;
    padding-bottom: 30px;
    text-align: center;
  }
  
.f_ns_kids .f_ns_icon2 {
    top : 40px;
    left : 50%;
  }
  .f_ns_kids .f_ns_name img.f_ns_icon{
    top : 120px;
    left : 20px;
  }
  .f_ns_biscuit .f_ns_icon2 {
    top : 30%;
  }
  .f_ns_palette .f_ns_icon2 {
    top : 40px;
    left : 60%;
  }
  .f_ns_palette .f_ns_name img.f_ns_icon{
    top : 120px;
    left : 20px;
  }
  .f_ns_gift .f_ns_icon2 {
    left : -15px;
    top : 37px;
  }
  .f_ns_gift .f_ns_name img.f_ns_icon{
    top : 115px;
    right : 10px;
  } 
  .f_ns_pocket .f_ns_icon2 {
    top : 60px;
    left : 60%;
  }
  .f_ns_pocket .f_ns_name img.f_ns_icon{
    top : 120px;
    left : 20px;
  } 
  .f_open_tour_wrap {
    padding-left : 15px;
    padding-right : 15px;
  }
  .f_timetable_items {
    flex-direction: column;
  }
  .f_timetable_left {
    width: 100%;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0;

  }
  .f_timetable_right {
    width: 100%;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 0;
  }
  .spline2 {
    font-size: 1.8em;
  }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 500px) {
  .spline2 {
    font-size: 1.5em;
  }
}