@charset "UTF-8";

/*-----------　L O A D E R　-----------*/
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  /* 背景色の設定 */
  background-color: #ffffff;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-----------　背景　-----------*/
.slant-bg-pink {
    width: 100%;
    margin: 0;
    padding: 0px 0 40px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.slant-bg-pink::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ecb9bb;
    transform: skewY(-7deg) translateY(400px);
    z-index: -1;
}
@media (max-width: 1000px) {
.slant-bg-pink::before {
    transform: skewY(-10deg) translateY(550px);
}
}
.slant-bg-green {
    width: 100%;
    margin: 0;
    padding: 0px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.slant-bg-green::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #96d5c3;
    transform: skewY(-7deg) translateY(500px);
    z-index: -1;
}
@media (max-width: 1000px) {
.slant-bg-green::before {
    transform: skewY(-10deg) translateY(600px);
}
}

.slant-bg-yegreen {
    width: 100%;
    margin: 0;
    padding: 0px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.slant-bg-yegreen::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #CCDF77;
    transform: skewY(-7deg) translateY(530px);
    z-index: -1;
}
@media (max-width: 1000px) {
.slant-bg-yegreen::before {
    transform: skewY(-10deg) translateY(600px);
}
}

.bg_dot{

background-color: #c5e2e8; 
background-image: 
radial-gradient(#e0fcee 30%, transparent 30%), 
radial-gradient(#e0fcee 30%, transparent 30%); 
background-size: 20px 20px; background-position: 0 0, 10px 10px; }

/*-----------　フェイドイン　-----------*/

   .fade-in-element {
     opacity: 0;
     transition: opacity 1s ease;
   }
   .fade-in {
     opacity: 1;
   }


/*========= ナビゲーションのためのCSS ===============*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
  /*ナビのスタート位置と形状*/
  top: 0;
  right: -120%;
  width: 100%;
  height: 100%; /*ナビの高さ*/
  background: #6E8ABD;
  /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive {
  right: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: 100%; /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

/*リストのレイアウト設定*/
#g-nav-list {
  list-style: none;
  text-align: start;
  padding: 8px 0;
}
#g-nav-list ul {
  max-width: 90%;
  height: 100vh;
  margin-top: 10%;
}
#g-nav-list ul li .border {
  width: 100%;
}
#g-nav-list ul li a {
  color: #ffffff;
  text-decoration: none;
  padding: 16px;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 34px;
  letter-spacing: 0.8;
}
#g-nav-list ul li a span {
  font-size: 24px;
}
#g-nav-list ul li a span br {
  line-height: 0.5;
}
#g-nav-list ul li a i {
  font-size: 26px;
}
#g-nav-list ul .border {
  border-bottom: 4px dotted #ffffff;
}
@media (max-width: 1000px) {
#g-nav-list ul {
  margin-top: 60px;
}

#g-nav-list ul li a {
  font-size: 28px;
}
#g-nav-list ul li a span {
  font-size: 20px;
}
#g-nav-list ul li a i {
  font-size: 24px;
}
}
/*========= ボタンのためのCSS ===============*/
.openbtn {
  position: fixed;
  z-index: 9999; /*ボタンを最前面に*/
  top: 0px;
  right: 0px;
  cursor: pointer;
  width: 80px;
  height: 80px;
  background-color: #6E8ABD;
}

/*×に変化*/
.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 16px;
  height: 5px;
  border-radius: 3px;
  background-color: #ffffff;
  width: 60%;
}

.openbtn span:nth-of-type(1) {
  top: 23px;
}

.openbtn span:nth-of-type(2) {
  top: 39px;
}

.openbtn span:nth-of-type(3) {
  top: 55px;
}

.openbtn.active span:nth-of-type(1) {
  top: 24px;
  left: 16px;
  transform: translateY(6px) rotate(-315deg);
  transition: all 1.5s;
  width: 50%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 35px;
  left: 16px;
  transform: translateY(-6px) rotate(315deg);
  transition: transform 1.5s;
  width: 50%;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

#header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 80px;
  padding-left: 20px;
}
#header .logo {
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 700px) {
#header {
  height: 120px;
  padding-left: 10px;
}

#header .logo {
  height: 120px;
      flex-direction: column;
            margin-top: 10px;
  gap: 0px;
    text-align: left;
}

  #header .logo .school-main-logo img {
    display: none;
  }
    #header .logo .school-sub-logo img {
        width: 70%;
  }

}
#header .logo .human_development {
  display: block;
  background-color: #2E469E;
  color: #ffffff;
  padding: 10px;
}
@media (max-width: 1000px) {
  #header .logo .human_development {
    display: none;
  }
}
@media (max-width: 700px) {
  #header .logo .human_development {
    display: none;
  }
}

#keyVisual {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  background-image: url(../img/back_logo/bg.jpg);
  background-position: center center;
  background-size: cover;
}
#keyVisual .keyVisual-container .keyVisual-wrap {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 150px;
  padding-top: 40px;
}
@media (max-width: 1000px) {
  #keyVisual .keyVisual-container .keyVisual-wrap {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  #keyVisual .keyVisual-container .keyVisual-wrap {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    flex-direction: column;
  }
}
#keyVisual .keyVisual-container .keyVisual-wrap .tree00 img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  margin: 20px;
}
#keyVisual .keyVisual-container .keyVisual-wrap .kendai-teachers img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  margin: 20px;
}
@media (max-width: 1000px) {
#keyVisual .keyVisual-container .keyVisual-wrap .tree00 img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  margin: 0px;
}
#keyVisual .keyVisual-container .keyVisual-wrap .kendai-teachers img {
  width: 90%;
  height: 90%;
  aspect-ratio: auto;
  margin: 0px;
}
}
@media (max-width: 700px) {
#keyVisual .keyVisual-container .keyVisual-wrap .tree00 img {
  width: 80%;
  height: 80%;
  aspect-ratio: auto;
  margin: 0px;
}
#keyVisual .keyVisual-container .keyVisual-wrap .kendai-teachers img {
  width: 70%;
  height: 70%;
  aspect-ratio: auto;
  margin: 0px;
}
}

#become {
  position: relative;
  width: 100vw;
  height: 100%;
  z-index: 200;
  top: 60px;
bottom: 40px;
}
@media (max-width: 1000px) {
  #become {
    top: 50px;
  }
}
#become .become-wrap {
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media (max-width: 1000px) {
  #become .become-wrap {
    flex-direction: column;
    gap: 0px;
  }
}
#become .become-wrap .become-headline {
  width: 435px;
  height: 305px;
  margin-left: 50px;
  margin-block-start: 0;
  margin-block-end: 0;
}
#become .become-wrap .become-headline img {
  width: 100%;
}
#become .become-wrap .tree02 {
  width: 530px;
  height: 540px;
  margin-right: 50px;
}
#become .become-wrap .tree02 img {
  width: 100%;
}

@media (max-width: 1000px) {
  #become .become-wrap .become-headline {
    width: 100%;
      height: 100%;
      margin-top: 50px;
margin-bottom: 30px;
  margin-left: 0px;
text-align:center;
  }
  #become .become-wrap .become-headline img {
  width: 60%;
}
  #become .become-wrap .tree02 {
  width: 100%;
  height: 100%;
    margin-right: 0px;
text-align:center;
  }
  #become .become-wrap .tree02 img {
  width: 60%;
}
}
@media (max-width: 700px) {
  #become .become-wrap .become-headline {
    width: 100%;
      margin-left: 0px;
          margin-top: 50px;
text-align:center;
  }
  #become .become-wrap .become-headline img {
  width: 80%;
}
  #become .become-wrap .tree02 {
  width: 100%;
  height: 100%;
    margin-right: 0px;
text-align:center;
  }
  #become .become-wrap .tree02 img {
  width: 90%;
}
}

#become .become-future-wrap {
  width: 100vw;
  margin: 0 auto;
  text-align: center;
}
#become .become-future-wrap .become-future-headline {
  width: 100%;
  margin-bottom: 40px;
}
#become .become-future-wrap .become-future-headline img {
  width: 50%;
}
@media (max-width: 1000px) {
  #become .become-future-wrap .become-future-headline {
    width: 100%;
    margin: 0 auto;
  }
  #become .become-future-wrap .become-future-headline img {
  width: 90%;
    margin-bottom: 30px;

}

}

#become .become-future-wrap .become-future-text {
  width: 80%;
  margin: 0 auto;
  text-align: left;
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #ffffff;
  line-height: 1.5;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
#become .become-future-wrap .become-future-text {
  width: 80%;
  margin: 0 auto;
  text-align: left;
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #ffffff;
  line-height: 1.5;
}
}
#become .become-future-wrap .pentagon {
  width: 500px;
  height: 500px;
  margin: 0 auto;
}
#become .become-future-wrap .pentagon img {
  width: 500px;
}
@media (max-width: 1000px) {
#become .become-future-wrap .pentagon {
  width: 100%;
  height: 100%;
  margin: 0 auto;
    padding-top: 50px;
}
  #become .become-future-wrap .pentagon img {
    width: 60%;
    height: 60%;
    margin-bottom: 50px;
  }
}
@media (max-width: 700px) {
#become .become-future-wrap .pentagon {
  width: 100%;
  height: 100%;
  margin: 0 auto;
    padding-top: 50px;
}
  #become .become-future-wrap .pentagon img {
    width: 80%;
    height: 80%;
    margin-bottom: 50px;
  }
}

#become .become-future-course {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#become .future-courses {
  width: 100%;
  height: 100%;
}
@media (max-width: 1000px) {
#become .become-future-course {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

  #become .future-courses {
    width: 100%;
    top: 1550px;
  }
}
#become .future-courses .future-courses-card {
  width: 500px;
  height: 1000px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  margin: 25px auto;
}
#become .future-courses .future-courses-card img {
  width: 100%;
  margin-block-start: 0;
  margin-block-end: 0;
}
#become .future-courses .future-courses-card .course {
  margin: 16px;
}

@media (max-width: 1000px) {
  #become .future-courses .future-courses-card {
    width: 70%;
    height: 70%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
      margin: 0px auto;
  }
}
@media (max-width: 700px) {
  #become .future-courses .future-courses-card {
    width: 90%;
    height: 90%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
      margin: 0px auto;
  }
}

#become .qualification {
  width: 980px;
  text-align: center;
  background-color: #fff5d7;
  padding-bottom: 20px;

}
#become .qualification img {
  width: 50%;
}
#become .qualification .button_simple {
  transition-duration: 0.5s;
}
#become .qualification .button_simple :hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}


@media (max-width: 1000px) {
  #become .qualification {
    width: 67%;
    margin: 0 auto;
  }
    #become .qualification img {
    width: 90%;
    margin: 0 auto;
  }

}
@media (max-width: 700px) {
  #become .qualification {
    width: 82%;
    margin: 0 auto;
  }
    #become .qualification img {
    width: 90%;
    margin: 0 auto;
  }

}


#three_power {
  width: 100vw;
  height: 100%;
  z-index: 200;
}
#three_power .three_power-wrap {
  width: 100vw;
  height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media (max-width: 1000px) {
  #three_power .three_power-wrap {
    flex-direction: column;
    gap:0px;
  }
}
#three_power .three_power-wrap .three_power-headline {
  width: 435px;
  height: 305px;
  margin-left: 50px;
  margin-block-start: 0;
  margin-block-end: 0;
}

#three_power .three_power-wrap .three_power-headline img {
  width: 80%;
    margin-top: 50px;
  vertical-align: center;
}
#three_power .three_power-wrap .tree03 {
  width: 530px;
  height: 540px;
  margin-right: 50px;
}
#three_power .three_power-wrap .tree03 img {
  width: 100%;
}

@media (max-width: 1000px) {
  #three_power .three_power-wrap .three_power-headline {
    width: 100%;
      height: 100%;
      margin-top: 400px;
margin-bottom: 30px;
  margin-left: 0px;
text-align:center;

  }
  #three_power .three_power-wrap .three_power-headline img {
  width: 60%;
}

  #three_power .three_power-wrap .tree03 {
  width: 100%;
  height: 100%;
    margin-right: 0px;
text-align:center;
  }  
  #three_power .three_power-wrap .tree03 img {
  width: 60%;
}

}
@media (max-width: 700px) {
  #three_power .three_power-wrap .three_power-headline {
    width: 100%;      
    margin-left: 0px;
          margin-top: 50px;
text-align:center;

  }
  #three_power .three_power-wrap .three_power-headline img {
  width: 80%;
}

  #three_power .three_power-wrap .tree03 {
  width: 100%;
  height: 100%;
    margin-right: 0px;
text-align:center;
  }  
    #three_power .three_power-wrap .tree03 img {
  width: 90%;
}

}

#three_power .three-powers {
  width: 100vw;
  z-index: 100;
  text-align: center;
      background-color: #96d5c3;
padding-bottom: 40px;
}
@media (max-width: 1000px) {
  #three_power .three-powers {
    position: absolute;
    top: 1100px;
  }
}
@media (max-width: 700px) {
  #three_power .three-powers {
    position: absolute;
    top: 750px;
  }
}

#three_power .three-powers .practical_skills {
  margin-bottom: 50px;

}
@media (max-width: 1000px) {
  #three_power .three-powers .practical_skills {
    width: 100%;
      padding-bottom: 20px;
  }
  #three_power .three-powers .practical_skills img {
    width: 70%;
  }
}
@media (max-width: 700px) {
  #three_power .three-powers .practical_skills {
    margin: 0 auto;
  }
    #three_power .three-powers .practical_skills img {
    width: 90%;
  }
}
#three_power .three-powers .human_power {
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
  #three_power .three-powers .human_power {
    width: 100%;
          padding-bottom: 20px;
  }
  #three_power .three-powers .human_power img {
    width: 70%;
  }
}
@media (max-width: 700px) {
  #three_power .three-powers .human_power {
    margin: 0 auto;
  }
    #three_power .three-powers .human_power img {
    width: 90%;
  }
}
#three_power .three-powers .learn_skills {
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
  #three_power .three-powers .learn_skills {
    width: 100%;
  }
  #three_power .three-powers .learn_skills img {
    width: 70%;
  }
}
@media (max-width: 700px) {
  #three_power .three-powers .learn_skills {
    margin: 0 auto;
  }
    #three_power .three-powers .learn_skills img {
    width: 90%;
  }

}
#support {
  width: 100vw;
  text-align: center;

}
#support .support-headline {
  width: 100%;
  margin: 0 auto;
    padding-top: 50px;

}
#support .support-headline img {
    width: 50%;
    margin-top: 20px;
  }

@media (max-width: 1000px) {
#support {
  width: 100%;
margin-top: 2660px;

}  
#support .support-headline img {
    width: 90%;
    margin-top: 20px;
  }
}
@media (max-width: 700px) {
#support {
  width: 100%;
margin-top: 1400px;

}  
#support .support-headline {
  width: 100%;
  margin: 0 auto;
    padding-top: 20px;

}
#support .support-headline img {
    width: 90%;
    margin-top: 10px;
  }
}

#support .support-teachers {
  width: 100vw;
  height: 100%;
  top: 220px;

}
#support .support-teachers .boxes {
  width: 100vw;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-self: center;
  margin: 0 auto;
  padding-top: 20px;
    padding-bottom: 20px;

}
#support .support-teachers .boxes .box {
  width: 400px;
  margin: 20px;
}
    #three_power #support .support-teachers .boxes .box img {
    width: 100%;
  }

@media (max-width: 1000px) {
  #support .support-teachers .boxes {
    width: 90%;
  }
#support .support-teachers .boxes .box {
  width: 300px;
  margin: 20px;
}
    #three_power #support .support-teachers .boxes .box img {
    width: 100%;
  }
}
@media (max-width: 700px) {
      #support .support-teachers .boxes {
    width: 90%;
  }
#support .support-teachers .boxes .box {
        width: 90%;
    margin: 10px;
  }
    #three_power #support .support-teachers .boxes .box img {
    width: 90%;
  }

}


#become-teacher {
  width: 100vw;
  height: 100%;
    z-index: 200;
  top: 100px;

}
#become-teacher .become-teacher-wrap {
  width: 100vw;
  height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
    gap: 50px;
}
@media (max-width: 1000px) {
  #become-teacher .become-teacher-wrap {
      width: 100%;
  height: 700px;
    flex-direction: column;
    gap: 0px;
  }
}
#become-teacher .become-teacher-wrap .become-teacher-headline {
  width: 435px;
  height: 305px;
  margin-left: 50px;
  margin-block-start: 0;
  margin-block-end: 0;
}
#become-teacher .become-teacher-wrap .become-teacher-headline img {
  width: 100%;
    margin-top: 0px;
  vertical-align: center;
}
#become-teacher .become-teacher-wrap .tree04 {
  width: 530px;
  height: 540px;
  margin-right: 50px;
}
#become-teacher .become-teacher-wrap .tree04 img {
  width: 100%;
}

@media (max-width: 1000px) {
  #become-teacher .become-teacher-wrap .become-teacher-headline {
    width: 100%;
      height: 100%;
      margin-top: 400px;
margin-bottom: 30px;
  margin-left: 0px;
text-align:center;
  }
  #become-teacher .become-teacher-wrap .become-teacher-headline img {
  width: 60%;
}
  #become-teacher .become-teacher-wrap .tree04 {
  width: 100%;
  height: 100%;
    margin-right: 0px;
text-align:center;
  }  
    #become-teacher .become-teacher-wrap .tree04 img {
  width: 60%;
}
}
@media (max-width: 700px) {
  #become-teacher .become-teacher-wrap .become-teacher-headline {
    width: 100%;      
    margin-left: 0px;
          margin-top: 50px;
text-align:center;
  }
  #become-teacher .become-teacher-wrap .become-teacher-headline img {
  width: 80%;
}
  #become-teacher .become-teacher-wrap .tree04 {
  width: 100%;
  height: 100%;
    margin-right: 0px;
text-align:center;
  }  
    #become-teacher .become-teacher-wrap .tree04 img {
  width: 90%;
}
}

#sns-wrap {
      margin-top: 0px;
margin-bottom: 30px;
  margin-left: auto;
    margin-right: auto;
  text-align: center;
}
#sns-wrap .child-education-pv {
  width: 100%;
  height: 100%;
}
#sns-wrap .child-education-pv img {
  width: 500px;
}
#sns-wrap .child-education-pv p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #424141;
  line-height: 1.5;
margin-bottom: 30px;
}
#sns-wrap .child-education-pv .child-education-Youtube {
  width: 850px;
  margin: 0 auto;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

#sns-wrap .child-education-sns {
  width: 100%;
  height: 100%;
    margin-bottom: 20px;
  margin-top: 30px;

}
#sns-wrap .child-education-sns img {
  width: 500px;
}
#sns-wrap .sns-container {
  width: 100%;
  height: 300px;
}
#sns-wrap .sns-container .sns {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 132px;
}
#sns-wrap .sns-container .sns .youtube-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sns-wrap .sns-container .sns .youtube-wrapper img {
  transition-duration: 0.5s;
}
#sns-wrap .sns-container .sns .youtube-wrapper :hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}

#sns-wrap .sns-container .sns .youtube-wrapper .youtube-icon {
  height: 148px;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-title {
  width: 220px;
    font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  margin-top: 8px;
}
#sns-wrap .sns-container .sns .instagram-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sns-wrap .sns-container .sns .instagram-wrapper img {
  transition-duration: 0.5s;
}
#sns-wrap .sns-container .sns .instagram-wrapper :hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}

#sns-wrap .sns-container .sns .instagram-wrapper .instagram-icon {
  height: 148px;
}
#sns-wrap .sns-container .sns .instagram-wrapper .instagram-title {
  width: 220px;
  font-size: 16px;
    font-family: "Zen Maru Gothic", sans-serif;
  margin-top: 8px;
}

@media (max-width: 1000px) {
  #sns-wrap {
      margin-top: 300px;
  }
  #sns-wrap .child-education-pv {
  width: 100%;
  height: 100%;
}
#sns-wrap .child-education-pv img {
  width: 60%;
    margin-bottom: 30px;

}
#sns-wrap .child-education-pv p {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #424141;
  line-height: 1.5;
  margin-bottom: 30px;
}
#sns-wrap .child-education-pv .child-education-Youtube {
  width: 90%;
  margin: 0 auto;
}
#sns-wrap .child-education-sns img {
  width: 60%;
}
#sns-wrap .sns-container {
  width: 100%;
  height: 200px;
}
#sns-wrap .sns-container .sns {
  gap: 10px;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-icon {
  height: 100px;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-icon img {
      width: 70%;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-title {
  width: 180px;
  font-size: 14px;
  margin-top: 8px;
}
#sns-wrap .sns-container .sns .instagram-wrapper .instagram-icon {
  height: 100px;
}#sns-wrap .sns-container .sns .instagram-wrapper .instagram-icon img {
      width: 70%;
}
#sns-wrap .sns-container .sns .instagram-wrapper .instagram-title {
  width: 180px;
  font-size: 14px;
  margin-top: 8px;
}
}
@media (max-width: 700px) {
  #sns-wrap {
      margin-top: 30px;
  }
  #sns-wrap .child-education-pv {
  width: 100%;
  height: 100%;
}
#sns-wrap .child-education-pv img {
  width: 70%;
    margin-bottom: 20px;

}
#sns-wrap .child-education-pv p {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  font-size: 18px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #424141;
  line-height: 1.5;
  margin-bottom: 30px;
}
#sns-wrap .child-education-pv .child-education-Youtube {
  width: 90%;
  margin: 0 auto;
}
#sns-wrap .child-education-sns img {
  width: 70%;
}
#sns-wrap .sns-container {
  width: 100%;
  height: 200px;
}
#sns-wrap .sns-container .sns {
  gap: 10px;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-icon {
  height: 100px;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-icon img {
      width: 70%;
}
#sns-wrap .sns-container .sns .youtube-wrapper .youtube-title {
  width: 180px;
  font-size: 14px;
  margin-top: 8px;
}
#sns-wrap .sns-container .sns .instagram-wrapper .instagram-icon {
  height: 100px;
}#sns-wrap .sns-container .sns .instagram-wrapper .instagram-icon img {
      width: 70%;
}
#sns-wrap .sns-container .sns .instagram-wrapper .instagram-title {
  width: 180px;
  font-size: 14px;
  margin-top: 8px;
}
}

#uranaka {
  text-align: center;
      background-color: #F4F0A4;
  padding-top: 20px;
    padding-bottom: 20px;

}
#uranaka .txt {
    font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  margin-top: 8px;
    margin-bottom: 8px;

}

#uranaka .uranaka-wrap {
  width: 100vw;
  z-index: 100;
  text-align: center;
}
@media (max-width: 1000px) {
  #uranaka .uranaka-wrap {
    top: 1600px;
  }
}
@media (max-width: 700px) {
#uranaka {
    top: 5000px;
  }

  #uranaka .uranaka-wrap {
        width: 100%;
  }
  }
  #uranaka .uranaka-wrap .profile {
  margin-bottom: 10px;
  }
@media (max-width: 1000px) {
  #uranaka .uranaka-wrap .profile {
              width: 100%;
    width: 100%;
      padding-bottom: 20px;
  }
  #uranaka .uranaka-wrap .profile img {
    width: 70%;
  }
}
@media (max-width: 700px) {
  #uranaka .uranaka-wrap .profile {
    margin: 0 auto;
  }
  #uranaka .uranaka-wrap .profile img {
    width: 80%;
  }
}

#footer {
  position: absolute;
  width: 100vw;
  z-index: 100;
  top: 7760px;
  background-color: #ffffff;
}
#footer .footer-btn {
  position: absolute;
  text-align: center;
  width: 100vw;
  z-index: 100;
  margin: 30px auto;
}
#footer .footer-btn  img {
  transition-duration: 0.5s;
}
#footer .footer-btn  :hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}

#footer .footer-logo-wrap {
  position: absolute;
  width: 100%;
  top: 100px;
}
#footer .footer-logo-wrap .footer-logo {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}
#footer .footer-logo-wrap .footer-logo .takasaki {
  width: 500px;
}
#footer .footer-logo-wrap .footer-logo .takasaki  img {
  width: 100%;
}
#footer .footer-logo-wrap .footer-logo .footer-human_development {
  background-color: #2E469E;
  color: #ffffff;
  padding: 3px 10px;
  margin: 0 10px;
}
#footer .footer-copyright {
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 18px;
  margin-top: 180px;
  text-align: center;
}
@media (max-width: 1200px) {
  #footer {
    top: 8020px;
  }
}
@media (max-width: 1000px) {
  #footer {
    top: 11860px;
  }
  #footer .footer-btn {
  width: 100%;
  margin: 20px auto;
}
  #footer .footer-btn img {
  width: 80%;
}
#footer .footer-logo-wrap .footer-logo .takasaki {
  width: 300px;
}
#footer .footer-logo-wrap .footer-logo .takasaki  img {
  width: 80%;
}
#footer .footer-copyright {
  font-size: 12px;
    margin-bottom: 40px;
}
}
@media (max-width: 820px) {
  #footer {
    top: 11300px;
  }
}
@media (max-width: 780px) {
  #footer {
    top: 11000px;
  }
}

@media (max-width: 700px) {
  #footer {
    top: 8340px;
  }
  #footer .footer-btn {
  width: 100%;
  margin: 20px auto;
}
  #footer .footer-btn img {
  width: 90%;
}
#footer .footer-logo-wrap {
  width: 100%;
}
#footer .footer-logo-wrap .footer-logo .takasaki {
  width: 100%;
}
#footer .footer-logo-wrap .footer-logo .takasaki  img {
    width: 80%;
}
#footer .footer-copyright {
  font-size: 12px;
    margin-bottom: 40px;
}
}
@media (max-width: 500px) {
  #footer {
    top: 8800px;
  }}
@media (max-width: 420px) {
  #footer {
    top: 8600px;
  }}
@media (max-width: 400px) {
  #footer {
    top: 8400px;
  }}
@media (max-width: 380px) {
  #footer {
    top: 8200px;
  }}



/*# sourceMappingURL=style.css.map */