@charset "UTF-8";
/* ==========================================================================
// 教育体制
========================================================================== */



/* ==========================================================================
// kyoiku-section-01
========================================================================== */
.kyoiku-section-01{
  position: relative;
  padding: 0;
}
.kyoiku-section-01-inner{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.kyoiku-section-01 .section-header{
  background-color: var(--color-c-primary);
}
.kyoiku-section-01 .section-header img{
  max-width: 1200px;
  margin: 0 auto; 
  display: block;
  width: 100%;
}



.kyoiku-section-01 .signboard-wrap{
  z-index: 10;/* 「教育体制」ページのみ適用 */
}
.kyoiku-section-01 .title{
  color: #fff;
  font-size: 30px;
  position: absolute;
  left:-10px;
  z-index: 10;
  text-align: center;
  width: 300px;
  height: auto;
  margin-top: -33px;
}
@media screen and (max-width:1024px) {
  .kyoiku-section-01 .title{
    left:auto;
  }
}
.kyoiku-section-01 .signboard{
  position: relative;
}
.kyoiku-section-01 .signboard img{
  position: absolute;
  top: -100px;
  left: -10px;
  /* left: 0; */
  width: 300px;
  height: 200px;
}
@media screen and (max-width:1024px) {
  .signboard-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .kyoiku-section-01 .signboard {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .kyoiku-section-01 .signboard img{
    position: absolute;
    top: -100px;
    left: 50%;
    width: 300px;
    height: 200px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@media screen and (max-width:480px) {
  .kyoiku-section-01 .title {
    font-size: 20px;
    /* margin-top: -80px; */
    margin-top: -50px;
}
  .kyoiku-section-01 .signboard img {
    position: absolute;
    top: -100px;
    left: 50%;
    width: 230px;
    height: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}}



/* ==========================================================================
// kyoiku-section-02
========================================================================== */
.kyoiku-section-02{
  background: url('../../assets/img/section-back-horizontal-dark.jpg') repeat;
  position: relative;
  padding: 200px 0 100px;
}
.kyoiku-section-02-inner{
  max-width: 1000px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
@media screen and (max-width:480px) {
  .kyoiku-section-02{
    padding: 130px 0 40px;
  }}

/* 共通 */
.kyoiku-section-02-inner .kyoiku-box-01,
.kyoiku-section-02-inner .kyoiku-box-02{
  display: flex;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto 100px;
  height: 420px;
  position: relative;
}
.kyoiku-section-02-inner .kyoiku-box-description{
  position: relative;
  width: 450px;
  height: 300px; 
}
.kyoiku-section-02-inner .kyoiku-box-description .title{
  text-align: center;
  font-size: 30px;
  padding-bottom: 30px;
}
.kyoiku-section-02-inner .kyoiku-box-description .line{
}

.kyoiku-section-02-inner .contents{
  padding: 40px 0;
  font-size: 17px;
}
.kyoiku-section-02-inner .kyoiku-box-img{
  height: 300px;
  margin: 50px;
}

@media screen and (max-width:1024px) {
.kyoiku-section-02-inner .kyoiku-box-01,
.kyoiku-section-02-inner .kyoiku-box-02{
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto 100px;
  height: auto;
  position: relative;
}
.kyoiku-section-02-inner .kyoiku-box-description{
  position: relative;
  width: 80%;
  height: auto;
}
.kyoiku-section-02-inner .kyoiku-box-description .title{
  text-align: center;
  font-size: 30px;
  padding-bottom: 30px;
}
.kyoiku-section-02-inner .kyoiku-box-description .line{
}

.kyoiku-section-02-inner .contents{
  padding: 40px 0;
  font-size: 17px;
}
.kyoiku-section-02-inner .kyoiku-box-img{
  order: 1;
  height: 300px;
  margin: 50px;
}
}
@media screen and (max-width:480px) {
  .kyoiku-section-02-inner .kyoiku-box-01,
  .kyoiku-section-02-inner .kyoiku-box-02{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto 100px;
    height: auto;
    position: relative;
  }
  .kyoiku-section-02-inner .kyoiku-box-description{
    position: relative;
    width: 85%;
    height: auto;
  }
  .kyoiku-section-02-inner .kyoiku-box-description .title{
    text-align: center;
    font-size: 24px;
    padding-bottom: 20px;
  }
  .kyoiku-section-02-inner .kyoiku-box-description .line{
  }
  
  .kyoiku-section-02-inner .contents{
    padding: 20px 0 30px;
    font-size: 15px;
  }
  .kyoiku-section-02-inner .kyoiku-box-img{
    order: 1;
    width: 90%;
    height: auto;
    margin: 50px 0 30px;
  }
  }


/* 看護部教育方針 */
.kyoiku-section-02-inner .kyoiku-box-01{
  background: url('../img/kyoiku-section-02-frame-01.png') no-repeat;
  background-size: contain;
  color: #fff;
}
.kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-description{
  margin: 50px 0 50px 50px;
}
.kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-description .contents img{
  width: 346px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-img img{
  width: 400px;
  height: 300px;
}
@media screen and (max-width:1024px) {
  .kyoiku-section-02-inner .kyoiku-box-01{
    background: url('../img/kyoiku-section-02-frame-01-sp.png') no-repeat;
    background-size: cover;
    color: #fff;
  }
  .kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-description{
    order: 2;
    margin: 50px 0 50px 50px;
  }
  .kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-description .contents img{
    width: 346px;
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-img img{
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width:480px) {
  .kyoiku-section-02-inner .kyoiku-box-01{
    background: url('../img/kyoiku-section-02-frame-01-sp.png') no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 0;
  }
  .kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-description{
    order: 2;
    margin: 0 auto;
  }
  .kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-description .contents img{
    width: 346px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
  }
  .kyoiku-section-02-inner .kyoiku-box-01 .kyoiku-box-img img{
    width: 100%;
    height: auto;
  }
}


/* 目指す看護師像 */
.kyoiku-section-02-inner .kyoiku-box-02{
  background: url('../img/kyoiku-section-02-frame-02.png') no-repeat;
  background-size: cover;
}
.kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description{
  order: 2;
  margin: 50px 50px 50px 0;
}
.kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul{
  line-height: 1.8;
}
.kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul li{
	text-indent: -1rem;
}
.kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul li:before {
  content:  "";
  width:  10px;
  height:  10px;
  display:  inline-block;
  background-color: var(--color-c-primary);
  border-radius:  50%;
  margin-right: 0.5rem;
}
.kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-img{
  order: 1;
}
.kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-img img{
  width: 340px;
  height: 300px;
}

@media screen and (max-width:1024px) {
  .kyoiku-section-02-inner .kyoiku-box-02{
    background: url('../img/kyoiku-section-02-frame-02-sp.png') no-repeat;
    background-size: cover;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description{
    order: 2;
    margin: 50px 50px 50px 0;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul{
    line-height: 1.8;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul li{
    text-indent: -1rem;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul li:before {
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: var(--color-c-primary);
    border-radius:  50%;
    margin-right: 0.5rem;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-img{
    order: 1;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-img img{
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width:480px) {
  .kyoiku-section-02-inner .kyoiku-box-02{
    background: url('../img/kyoiku-section-02-frame-02-sp.png') no-repeat;
    background-size: cover;
    margin-bottom: 0;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description{
    order: 2;
    margin: 0 auto;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul{
    line-height: 1.8;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul li{
    text-indent: -1rem;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-description .contents ul li:before {
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: var(--color-c-primary);
    border-radius:  50%;
    margin-right: 0.5rem;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-img{
    order: 1;
  }
  .kyoiku-section-02-inner .kyoiku-box-02 .kyoiku-box-img img{
    width: 100%;
    height: auto;
  }
}

/* ==========================================================================
// kyoiku-section-03
========================================================================== */
.kyoiku-section-03{
  background-color:#fff;
  position: relative;
  padding: 200px 0;
}
@media screen and (max-width:480px) {
  .kyoiku-section-03{
    background-color:#fff;
    position: relative;
    /* padding: 40px 0; */
    padding: 40px 0 100px;
  }}
.kyoiku-section-03-inner{
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.kyoiku-section-03-inner-ti{
  position: relative;
}
.kyoiku-section-03-inner .title{
  text-align: center;
  font-size: 30px;
  color: var(--gray);
  margin: 0 auto 16px;
  padding: 16px 0;
  width: 100%;
  display: block;
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(230, 230, 230, 1) 4px, rgba(230, 230, 230, 1) 10px );
}
@media screen and (max-width:480px) {
.kyoiku-section-03-inner .title{
  font-size: 24px;
  }}

.kyoiku-section-03-inner .line{
  width: 100%;
  margin: 0 auto 100px;
  display: block;
}
@media screen and (max-width:480px) {
  .kyoiku-section-03-inner .line{
    width: 100%;
    margin: 0 auto 20px;
    display: block;
  }}
.kyoiku-section-03-inner ul{
  line-height: 1.8;
  width: 800px;
  margin: 0 auto 200px;
}
@media screen and (max-width:480px) {
  .kyoiku-section-03-inner ul{
    width:90%;
    margin: 0 auto 50px;
    font-size: 15px;
  }}
.kyoiku-section-03-inner ul li{
	text-indent: -1rem;
}
.kyoiku-section-03-inner ul li:before {
  content:  "";
  width:  10px;
  height:  10px;
  display:  inline-block;
  background-color: var(--color-c-primary);
  margin-right: 0.5rem;
}
.kyoiku-section-03-inner .ladder {
  max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
.kyoiku-section-03-inner .ladder .title-sub{
  margin-bottom: 60px;
}
@media screen and (max-width:480px) {
  .kyoiku-section-03-inner .ladder .title-sub{
    margin-bottom: 0;
  }
  .kyoiku-section-03-inner .ladder .title-sub p{
    font-size: 22px;
  }
}
.kyoiku-section-03-inner .ladder .title-sub img{
  width: 100%;
  display: block;
}


.kyoiku-section-03-inner .ladder-title-sub{
  font-size: 30px;
  text-align: center;
}
.kyoiku-section-03-inner .ladder-title-sub .ladder-title-sub-span{
    background: #fff;
    position: relative;
    padding: 0 1em;
    z-index: 1000;
}

/* タイトル横の装飾(左) */
.kyoiku-section-03-inner .ladder-title-sub::before{
  content: url("../img/frame-l-short.png");
  margin-right:0;
  position:relative;
  top:-6px;
  left:0;
  width: 100px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-03-inner .ladder-title-sub::after{
  content: url("../img/frame-r-short.png");
  margin-left: 0;
  position: relative;
  top: -6px;
  right: 0;
  width: 100px;
}
@media screen and (max-width:1200px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-03-inner .ladder-title-sub::before{
  margin-right:-30px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-03-inner .ladder-title-sub::after{
  margin-left: -30px;
}}

@media screen and (max-width:1060px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-03-inner .ladder-title-sub::before{
  margin-right:-50px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-03-inner .ladder-title-sub::after{
  margin-left: -50px;
}}
@media screen and (max-width:880px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-03-inner .ladder-title-sub::before{
  display: none;
}
/* タイトル横の装飾(右) */
.kyoiku-section-03-inner .ladder-title-sub::after{
  display: none;
}}







.kyoiku-section-03-inner .ladder .ladder-desc{
  text-align: center;
  font-size: 17px;
  margin-bottom: 50px;
}
@media screen and (max-width:480px) {
  .kyoiku-section-03-inner .ladder .ladder-desc{
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
  }}


.ladder-wrap{

}
.ladder-wrap .ladder-box-01{
  display: flex;
  justify-content: space-around;
  margin-bottom: 80px;
}
.ladder-wrap .ladder-box-01 .box-01-p1{
color: #fff;
font-size: 20px;
width: 300px;
padding: 25px 80px;
text-align: center;
background-color: #a3cfce;
}
.ladder-wrap .ladder-box-01 .box-01-p2{
  color: #fff;
  font-size: 20px;
  width: 300px;
  padding: 25px 80px;
  text-align: center;
  background-color: #ff829f;
}
.ladder-wrap .ladder-box-01 .box-01-p3{
  color: #fff;
  font-size: 20px;
  width: 300px;
  padding: 25px 80px;
  text-align: center;
  background-color: #da75a9;
}

.ladder-wrap .box-02-d1{
  position: absolute;
  z-index: 10;
  width: 170px;
  bottom: -10px;
  left: 10px;
}
.ladder-wrap .box-02-d2{
  position: absolute;
  z-index: 10;
  width: 170px;
  bottom: 40px;
  left: 230px;
}
.ladder-wrap .box-02-d3{
  position: absolute;
  z-index: 10;
  width: 170px;
  bottom: 146px;
  left: 420px;
}
.ladder-wrap .box-02-d4{
  position: absolute;
  z-index: 10;
  width: 170px;
  bottom: 207px;
  right: 210px;
}
.ladder-wrap .box-02-d5{
  position: absolute;
  z-index: 10;
  width: 170px;
  bottom: 265px;
  right: 20px;
}

.ladder-wrap .box-footer{
  position: absolute;
  bottom: 14px;
  right: 50px;
  z-index: 10;
}
.ladder-wrap .box-footer .footer-p{
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

/* ラダー */
.ladder-wrap .box-02-01{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}
.ladder-wrap .box-02-02{
}



.ladder-wrap .box-02-d1 .box-02-01{
  color: #faa919;
}
.ladder-wrap .box-02-d2 .box-02-01{
  color: #ee534f;
}
.ladder-wrap .box-02-d3 .box-02-01{
  color: #e8508b;
}
.ladder-wrap .box-02-d4 .box-02-01{
  color: #785b95;
}
.ladder-wrap .box-02-d5 .box-02-01{
  color: #2fbcd0;
}
.back-ladder-pc{
  max-width: 1000px;
}


  @media screen and (max-width:1024px) {
    .ladder-wrap{

    }
    .ladder-wrap .ladder-box-01{
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-bottom: 0;
    }
    .ladder-wrap .ladder-box-01 .box-01-p1{
    color: #fff;
    font-size: 20px;
    width: 100%;
    padding: 25px 80px;
    text-align: center;
    background-color: #a3cfce;
    }
    .ladder-wrap .ladder-box-01 .box-01-p2{
      color: #fff;
      font-size: 20px;
      width: 100%;
      padding: 25px 80px;
      text-align: center;
      background-color: #ff829f;
    }
    .ladder-wrap .ladder-box-01 .box-01-p3{
      color: #fff;
      font-size: 20px;
      width: 100%;
      padding: 25px 80px;
      text-align: center;
      background-color: #da75a9;
    }
    .ladder-wrap .box-02-d1{
      position: absolute;
      z-index: 10;
      width: 50%;
      top: 90%;
      left: 50%;
    }
    .ladder-wrap .box-02-d2{
      position: absolute;
      z-index: 10;
      width: 50%;
      top: 78%;
      left: 0;
    }
    .ladder-wrap .box-02-d3{
      position: absolute;
      z-index: 10;
      width: 50%;
      top: 69%;
      left: 50%;
    }
    .ladder-wrap .box-02-d4{
      position: absolute;
      z-index: 10;
      width: 50%;
      top: 56%;
      left: 0;
    }
    .ladder-wrap .box-02-d5{
      position: absolute;
      z-index: 10;
      width: 50%;
      top: 47%;
      left: 50%;
    }
    
    .ladder-wrap .box-footer{
      position: absolute;
      bottom: -170px;
      right: 0;
      z-index: 10;
      width: 100%;
      left: 0;
      width: 100%;
      padding: 20px 10px;
      background-color: #bdbdbd;
    }
    .ladder-wrap .box-footer .footer-p{
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 0;
    }
    
    /* ラダー */
    .ladder-wrap .box-02-01{
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 0px;
    }
    .ladder-wrap .box-02-02{
    }
    .back-ladder-sp{
      /* max-width: 1000px; */
    }
  }

  @media screen and (max-width:480px) {
  .ladder-wrap .box-footer{
    position: absolute;
    bottom: -60px;
    right: 0;
    z-index: 10;
    width: 100%;
    left: 0;
    width: 100%;
    padding: 20px 10px;
    background-color: #bdbdbd;
  }}


/* ==========================================================================
// kyoiku-section-04
========================================================================== */
.kyoiku-section-04{
  background: url('../../assets/img/section-back-vertical-light.jpg') repeat;
  position: relative;
  padding: 200px 0 100px;
}
.kyoiku-section-04-inner{
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
@media screen and (max-width:480px) {
  .kyoiku-section-04{
    padding: 40px 0;
  }}
.kyoiku-section-04-inner-ti{
  position: relative;
}
.kyoiku-section-04-inner .title{
  text-align: center;
  font-size: 30px;
  color: var(--gray);
  margin: 0 auto 16px;
  padding: 16px 0;
  width: 100%;
  display: block;
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(230, 230, 230, 1) 4px, rgba(230, 230, 230, 1) 10px );
}
@media screen and (max-width:480px) {
  .kyoiku-section-04-inner .title{
  font-size: 20px;
  }
}
.kyoiku-section-04-inner .line{
  width: 100%;
  margin: 0 auto 100px;
  display: block;
}
.kyoiku-section-04-inner .description{
  line-height: 1.8;
  /* width: 800px; */
  margin: 0 auto 200px;
}
@media screen and (max-width:480px) {
  .kyoiku-section-04-inner .description{
    margin: 0 auto 40px;
  }
  .kyoiku-section-04-inner .line{
    margin: 0 auto 30px;
  }
}






.kyoiku-section-04-inner .year-title-sub{
  font-size: 30px;
  text-align: center;
}

.kyoiku-section-04-inner .year-title-sub .year-title-sub-span{
  /* background: #fff; */
  position: relative;
  padding: 0 1em;
  z-index: 1000;
}

/* タイトル横の装飾(左) */
.kyoiku-section-04-inner .year-title-sub::before{
  content: url("../img/frame-l.png");
  margin-right:0px;
  position:relative;
  top:-6px;
  left:0;
  width: 100px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .year-title-sub::after{
  content: url("../img/frame-r.png");
  margin-left: 0px;
  position: relative;
  top: -6px;
  left: 0;
  width: 100px;
}
@media screen and (max-width:1200px) {
  .kyoiku-section-04-inner .year-title-sub .year-title-sub-span{
    padding: 0 2em;
  }
  /* タイトル横の装飾(左) */
.kyoiku-section-04-inner .year-title-sub::before{
  margin-right:-30px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .year-title-sub::after{
  margin-left: -30px;
}}

@media screen and (max-width:1060px) {
  .kyoiku-section-04-inner .year-title-sub .year-title-sub-span{
    padding: 0 3em;
  }
  /* タイトル横の装飾(左) */
.kyoiku-section-04-inner .year-title-sub::before{
  margin-right:-70px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .year-title-sub::after{
  margin-left: -70px;
}}
@media screen and (max-width:880px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-04-inner .year-title-sub::before{
  display: none;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .year-title-sub::after{
  display: none;
}}

@media screen and (max-width:480px) {
  .kyoiku-section-04-inner .year-title-sub .year-title-sub-span{
    padding: 0;
  }
}


.kyoiku-section-04-inner .year-wrap  {
  max-width: 1200px;
  margin: 0 auto 100px;
  width: 100%;
}
.kyoiku-section-04-inner .year .title-sub{
  margin-bottom: 60px;
}
.kyoiku-section-04-inner .year .title-sub img{
  width: 100%;
  display: block;
}
@media screen and (max-width: 480px){
.kyoiku-section-04-inner .year .title-sub p {
    font-size: 24px;
    text-align: center;
}}

.kyoiku-section-04-inner .year-wrap{

}
.kyoiku-section-04-inner .year-wrap .year-start{

}
.kyoiku-section-04-inner .year-wrap .year-start img{
  width:230px;
  height: auto;
}

.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex-container .kango-col-1{
  width:380px
}
.flex-container .kango-col-2{
  width:780px
}
.flex-container .kango-col-3{
  width:1200px
}


.flex-item{
  border:solid 5px #f64077;
  padding: 30px;
}
.flex-item .month-title{
  display: flex;
  color:#f64077;
  font-weight: bold;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}

.flex-item .month{
  width:80px;
  height: 80px;
}

@media screen and (min-width:1025px) {
  .kyoiku-section-04-inner .year-wrap .year-start{
    padding-bottom: 20px;
    margin-left: 65px;
  }
  .kyoiku-section-04-inner .year-wrap .year-start img{
    width:230px;
    height: auto;
  }
  
  .flex-item {
    position: relative;
    padding: 30px;
    margin-bottom: 30px;
}
.flex-item .month-title {

}
  .flex-item .month-title-2{
    margin-bottom: 20px;
  }
  .flex-item .month-title-2 h4{
    color: #f64077;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .flex-item h5{
    font-size: 24px;
    margin-bottom: 10px;
  }

  .flex-item .month-title h4 {
    display: flex;
    padding: 0 0 0 10px;
    line-height: 1.3;
    font-size: 18px;
}

.flex-item h5{
  font-size: 24px;
  margin-bottom: 10px;
}




.flex-item:nth-child(1) {
  order:1;
}
.flex-item:nth-child(1)::after {
  content: "";
    position: absolute;
    right: -37px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #f64077;
    border-width: 50px 50px 0 50px;
    top: 28px;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.flex-item:nth-child(2) {
  order:2;
}
.flex-item:nth-child(2)::after {
  content: "";
    position: absolute;
    right: -37px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #f64077;
    border-width: 50px 50px 0 50px;
    top: 28px;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.flex-item:nth-child(3) {
  order:3;
}
.flex-item:nth-child(3)::after {
  content: "";
    position: absolute;
    right: 0;
    bottom: -50px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #f64077 transparent transparent transparent;
    border-width: 50px 50px 0 50px;
}

.flex-item:nth-child(4) {
  order:5;
}
.flex-item:nth-child(4)::after {
  content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: -340px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #f64077;
    border-width: 50px 50px 0 50px;
    top: -270px;
    transform: rotate(
45deg
);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(
45deg
);
}

.flex-item:nth-child(5) {
  order:4;
}
.flex-item:nth-child(5) .month-title,
.flex-item:nth-child(5) p,
.flex-item:nth-child(5) .month-title{
  max-width: 440px;
}
.flex-item:nth-child(5)::after {
  content: "";
    position: absolute;
    right: 0;
    bottom: -50px;
    left: -360px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #f64077 transparent transparent transparent;
    border-width: 50px 50px 0 50px;
}

.flex-item:nth-child(6) {
  order:6;
}
.flex-item:nth-child(6)::after {
  content: "";
    position: absolute;
    right: -37px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #f64077;
    border-width: 50px 50px 0 50px;
    top: 28px;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.flex-item:nth-child(7) {
  order:7;
}
.flex-item:nth-child(7)::after {
  content: "";
    position: absolute;
    right: -37px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #f64077;
    border-width: 50px 50px 0 50px;
    top: 28px;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.flex-item:nth-child(8) {
  order:8;
}
.flex-item:nth-child(8)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f64077 transparent transparent transparent;
  border-width: 50px 50px 0 50px;
}

.flex-item:nth-child(9) {
  order:9;
}

.y-06-img-pc{
  position: absolute;
  bottom:0;
  right: -22px;
  width: 300px;
}
.y-09-goal{
  position: absolute;
  bottom: 48%;
  width: 40vw;
  max-width: 260px;
  left: 31%;
}
.y-09-img-pc{
  position: absolute;
  bottom: 0;
  width: 70vw;
  max-width: 300px;
  right: 21%;
}}




@media screen and (max-width:1024px) {
  .kyoiku-section-04-inner .year-wrap  {
    max-width: 1200px;
    margin: 0 auto 100px;
    width: 100%;
  }
  .kyoiku-section-04-inner .year .title-sub{
    margin-bottom: 60px;
  }
  .kyoiku-section-04-inner .year .title-sub img{
    width: 100%;
    display: block;
  }
 
  .kyoiku-section-04-inner .year-wrap .year-start{
    text-align: center;
  }
  .kyoiku-section-04-inner .year-wrap .year-start img{
    width: 60%;
    margin-bottom: 30px;
  }
  
  .flex-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .flex-container .kango-col-1{
    width:auto
  }
  .flex-container .kango-col-2{
    width:auto
  }
  .flex-container .kango-col-3{
    width:auto
  }
  
  
  .flex-item{
    position: relative;
    border:solid 5px #f64077;
    padding: 30px;
    margin-bottom: 50px;
  }
  .flex-item::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #f64077 transparent transparent transparent;
    border-width: 40px 40px 0 40px;
  }
  .flex-item:last-of-type:after{
    display: none;
  }


  .flex-item .month-title{
    display: flex;
    margin-bottom: 20px;
    align-items: center;
  }
  .flex-item .month-title h4{
    display: flex;
    padding: 0 0 0 10px;
    line-height: 1.3;
    font-size: 18px;
  }

  .flex-item .month-title-2{
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .flex-item .month-title-2 h4{
    color: #f64077;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .flex-item h5{
    font-size: 22px;
    margin-bottom: 10px;
  }

.flex-item .month{
  width:80px;
  height: 80px;
}
.y-06-img-sp{
  position: absolute;
  bottom:0;
  right: 30%;
  width: 70vw;
  max-width: 260px;
}
.y-09-goal{
  position: absolute;
  bottom: 18%;
  width: 40vw;
  max-width: 260px;
  left: 4%;
}

.y-09-img-sp{
  position: absolute;
  bottom: 0;
  width: 54vw;
  max-width: 200px;
  right: 4%;
}

.flex-item:nth-child(1) {

}
.flex-item:nth-child(2) {

}
.flex-item:nth-child(3) {

}
.flex-item:nth-child(4) {

}
.flex-item:nth-child(5) {
  padding-bottom: 180px;
}
.flex-item:nth-child(6) {

}
.flex-item:nth-child(7) {

}
.flex-item:nth-child(8) {

}
.flex-item:nth-child(9) {
  padding-bottom: 180px;
}
}



@media screen and (max-width:480px) {
  .kyoiku-section-04-inner .year-wrap  {
    margin: 0 auto 60px;
  }
.kyoiku-section-04-inner .year .title-sub{
  margin-bottom: 30px;
}}


.kyoiku-section-04-inner .comment-01{
  background: url('../img/comment-back01.png') no-repeat;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 40px 100px;
  height: 700px;
  position: relative;
}

.kyoiku-section-04-inner .comment-02{
  background: url('../img/comment-back.png') no-repeat;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 40px 100px;
  height: 520px;
  position: relative;
}
.kyoiku-section-04-inner .comment-01 .comment-title,
.kyoiku-section-04-inner .comment-02 .comment-title{
  font-size: 30px;
  text-align: center;
  margin: 0 auto 16px;
  padding: 16px 0;
  display: block;
}

@media screen and (max-width:1024px) {
.kyoiku-section-04-inner .comment-01,
.kyoiku-section-04-inner .comment-02{
  background: var(--light);
  max-width: 1200px;
  margin: 0 auto 30px;
  padding: 30px 30px 170px;
  height: auto;
  position: relative;
}}

@media screen and (max-width:480px) {
.kyoiku-section-04-inner .comment-01,
.kyoiku-section-04-inner .comment-02{
  padding: 30px 20px 170px;
}.kyoiku-section-04-inner .comment-01 .comment-title,
.kyoiku-section-04-inner .comment-02 .comment-title{
  font-size: 24px;
}
}


/* タイトル横の装飾(左) */
.kyoiku-section-04-inner .comment-01 .comment-title::before,
.kyoiku-section-04-inner .comment-02 .comment-title::before{
  content: url("../img/frame-l.png");
  margin-right:90px;
  position:relative;
  top:-6px;
  left:0;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .comment-01 .comment-title::after,
.kyoiku-section-04-inner .comment-02 .comment-title::after{
  content: url("../img/frame-r.png");
  margin-left: 90px;
  position: relative;
  top: -6px;
  left: 0;
}
@media screen and (max-width:1200px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-04-inner .comment-01 .comment-title::before,
.kyoiku-section-04-inner .comment-02 .comment-title::before{
  margin-right:30px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .comment-01 .comment-title::after,
.kyoiku-section-04-inner .comment-02 .comment-title::after{
  margin-left: 30px;
}}

@media screen and (max-width:1060px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-04-inner .comment-01 .comment-title::before,
.kyoiku-section-04-inner .comment-02 .comment-title::before{
  margin-right:10px;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .comment-01 .comment-title::after,

.kyoiku-section-04-inner .comment-02 .comment-title::after{
  margin-left: 10px;
}}
@media screen and (max-width:880px) {
  /* タイトル横の装飾(左) */
.kyoiku-section-04-inner .comment-01 .comment-title::before,
.kyoiku-section-04-inner .comment-02 .comment-title::before{
  display: none;
}
/* タイトル横の装飾(右) */
.kyoiku-section-04-inner .comment-01 .comment-title::after,
.kyoiku-section-04-inner .comment-02 .comment-title::after{
  display: none;
}}


.kyoiku-section-04-inner .comment-01 p{
  padding-left: 24%;
  font-size: 17px;
}
.kyoiku-section-04-inner .comment-01 .comment-01-assets{
  position: absolute;
  top: 120px;
  left: 10%;
  width: 154px;
  z-index: 1000;
}
.kyoiku-section-04-inner .comment-02 p{
  padding-right: 24%;
}
.kyoiku-section-04-inner .comment-02 .comment-02-assets{
  position: absolute;
  bottom: 0px;
  right: 10%;
  width: 154px;
  z-index: 1000;
}
@media screen and (max-width:1024px) {
  .kyoiku-section-04-inner .comment-01 .comment-01-assets,
  .kyoiku-section-04-inner .comment-02 .comment-02-assets{
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .kyoiku-section-04-inner .comment-01 .comment-01-assets-sp,
  .kyoiku-section-04-inner .comment-02 .comment-02-assets-sp{
    display: none;
  }
}

@media screen and (max-width:1024px) {
.kyoiku-section-04-inner .comment-01 .comment-01-assets-sp{
  position: absolute;
  bottom: 0px;
  right: 0%;
  width: 28vw;
  z-index: 1000;
}
.kyoiku-section-04-inner .comment-02 .comment-02-assets-sp{
  position: absolute;
  bottom: 0px;
  right: 0%;
  width: 33vw;
  z-index: 1000;
}}
@media screen and (max-width:700px) {
  .kyoiku-section-04-inner .comment-01 .comment-01-assets-sp{
    width: 38vw;
  }
  .kyoiku-section-04-inner .comment-02 .comment-02-assets-sp{
    width: 43vw;
  }
}


.kyoiku-section-04-inner .signature p:nth-of-type(1){
  margin-bottom: 0;
  font-size: 20px;
}
.kyoiku-section-04-inner .signature p:nth-of-type(1){
  margin-bottom: 0;
  font-size: 17px;
}
.kyoiku-section-04-inner .signature span:nth-of-type(1){
  font-size: 22px;
}
.kyoiku-section-04-inner .signature span:nth-of-type(2){
  font-size: 17px;
}
@media screen and (max-width:1024px) {
  .kyoiku-section-04-inner .comment-01 p{
    padding-left: 0;
    font-size: 17px;
  }
  .kyoiku-section-04-inner .comment-01 .comment-01-assets{
    position: absolute;
    top: 20px;
    left: 10%;
    width: 154px;
    z-index: 1000;
  }
  .kyoiku-section-04-inner .comment-02 p{
    padding-right: 0;
  }
  .kyoiku-section-04-inner .comment-02 .comment-02-assets{
    position: absolute;
    bottom: 0px;
    right: 10%;
    width: 154px;
    z-index: 1000;
  }
  .kyoiku-section-04-inner .signature p:nth-of-type(1){
    margin-bottom: 0;
    font-size: 20px;
  }
  .kyoiku-section-04-inner .signature p:nth-of-type(1){
    margin-bottom: 0;
    font-size: 17px;
  }
  .kyoiku-section-04-inner .signature span:nth-of-type(1){
    font-size: 22px;
  }
  .kyoiku-section-04-inner .signature span:nth-of-type(2){
    font-size: 17px;
  }
}
@media screen and (max-width:480px) {
  .kyoiku-section-04-inner .comment-01 p{
    font-size: 15px;
  }
}
/* ==========================================================================
// kyoiku-section-05
========================================================================== */
.kyoiku-section-05{
  background-color: #fff;;
  position: relative;
  padding: 200px 0 100px;
}
@media screen and (max-width:480px) {
  .kyoiku-section-05{
    background-color: #fff;;
    position: relative;
    padding: 60px 0 60px;
  }
}
.kyoiku-section-05-inner{
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.kyoiku-section-05-inner-ti{
  position: relative;
}
.kyoiku-section-05-inner .title{
  text-align: center;
  font-size: 30px;
  color: var(--gray);
  margin: 0 auto 16px;
  padding: 16px 0;
  width: 100%;
  display: block;
  line-height: 1.4;
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(230, 230, 230, 1) 4px, rgba(230, 230, 230, 1) 10px );
}
@media screen and (max-width:480px) {
.kyoiku-section-05-inner .title{
    font-size: 20px;
  }
}
.kyoiku-section-05-inner .line{
  width: 100%;
  margin: 0 auto 100px;
  display: block;
}
@media screen and (max-width:480px) {
  .kyoiku-section-05-inner .line{
    margin: 0 auto 50px;
  }
}

/* テーブル */
.scroll table{
width:100%;
}
.scroll{
overflow: auto;
/* white-space: nowrap; */
}
@media screen and (max-width:1200px) {
  .scroll{
    overflow: auto;
    white-space: nowrap;
    }
}
.scroll::-webkit-scrollbar{
  height: 5px;
}
.scroll::-webkit-scrollbar-track{
  background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

.kyoiku-section-05-inner .table-img{
  margin-bottom: 50px;
}
.kyoiku-section-05-inner .table-img:last-child{
  margin-bottom: 0;
}
.kyoiku-section-05 .table{
  font-size: 15px;
  margin-top: 50px;
}
@media screen and (max-width:480px) {
.kyoiku-section-05 .table{
  font-size: 15px;
  margin-top: 30px;
}}

.kyoiku-section-05 .table-01{
  margin-top: 0;
}
.kyoiku-section-05 .table th{
  font-weight: bold;
  background: #cccccc;
  height: 40px;
  vertical-align: middle;
  border: solid 3px #fff;
}
.kyoiku-section-05 .table td {
  border: solid 3px #fff;
  padding: 1rem;
  line-height: 1.5;
}
.kyoiku-section-05 .table .pt1{
  background: url('../img/table-pt1.jpg');
  text-align: center;
  width: 140px;
  vertical-align: middle;
}
.kyoiku-section-05 .table .pt2{
  background: #f3e6e8;
  text-align: center;
  width: 140px;
  vertical-align: middle;
}
.kyoiku-section-05 .table .pt3{
  background: var(--light);
  vertical-align: middle;
  width: 390px;
}
.kyoiku-section-05 .table .pt4{
  background: #cae5f1;
  vertical-align: middle;
  width: 340px;
  text-indent: -1rem;
  padding-left: 2em;
}
.kyoiku-section-05 .table .pt5{
  background: #e9e1d1;
  text-align: center;
  width: 120px;
  vertical-align: middle;
}

.kyoiku-section-05 .table .vertical-column{
  background:#ffa9cd ;
  color: #fff;
  width:50px;
  padding: 10px;
  white-space: nowrap;
}
@media screen and (max-width:480px) {
  .kyoiku-section-05 .table .vertical-column{
    background:#ffa9cd ;
    color: #fff;
    width:50px;
    padding: 20px;
    white-space: nowrap;
  }
}
.kyoiku-section-05 .table .fixed{
  position: sticky;
  left: 0;
}
.kyoiku-section-05 .table .vertical-column span{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
 margin: 3rem auto 0;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width:480px) {
  .kyoiku-section-05 .table .vertical-column span{
    margin-left: -10px;
  }
}
.kyoiku-section-05 .table ul li{
	/* text-indent: -1rem; */
}
.kyoiku-section-05 .table ul li:before {
  content:  "";
  width:  8px;
  height:  8px;
  display:  inline-block;
  background-color: var(--gray);
  border-radius:  50%;
  margin-right: 0.5rem;
}
  

/* ==========================================================================
// kyoiku-section-06
========================================================================== */
.kyoiku-section-06{
  background-color: #fff;;
  position: relative;
  padding: 200px 0 100px;
}
@media screen and (max-width:480px) {
  .kyoiku-section-06{
    background-color: #fff;;
    position: relative;
    padding: 60px 0 60px;
  }
}
.kyoiku-section-06-inner{
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
  position: relative;
}
.kyoiku-section-06-inner-ti{
  position: relative;
}
.kyoiku-section-06-inner .title{
  text-align: center;
  font-size: 30px;
  color: var(--gray);
  margin: 0 auto 16px;
  padding: 16px 0;
  width: 100%;
  display: block;
  line-height: 1.4;
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(230, 230, 230, 1) 4px, rgba(230, 230, 230, 1) 10px );
}
@media screen and (max-width:480px) {
.kyoiku-section-06-inner .title{
  font-size: 20px;
  }
}

.kyoiku-section-06-inner .photo-wrap {
  text-align: center;
  margin: 100px 0 0;
}
@media screen and (max-width:480px) {
.kyoiku-section-06-inner .photo-wrap {
  margin: 50px 0 0;
}
}
.kyoiku-section-06-inner .photo-wrap .photo-flex {
  display: flex;
  justify-content: center;
  margin: 0 0 30px;
}
@media screen and (max-width:1200px) {
  .kyoiku-section-06-inner .photo-wrap .photo-flex{
    display: block;

  }
}

.kyoiku-section-06-inner .photo-wrap .photo-flex img {
  width: 100%;
  max-width: 600px;
}
.kyoiku-section-06-inner .photo-wrap p {
  margin: 0 0 80px;
}

.kyoiku-section-06-inner .photo-wrap .photo-flex figure {
  padding:10px;
}

.kyoiku-section-06-inner .photo-wrap .photo-flex figcaption {
  position: relative; 
  background: #ee90A9;
  color : #FFFFFF;
  opacity: 0.9;
  font-size:18px;
  padding-top: 14px;
  padding-bottom: 14px;
  left: 50%;
  bottom: calc(100% - 58px);
  -webkit-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
  width:100%;

}