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

.intructors{
  overflow: hidden;
}
.intructors_box{
  display: flex;
  justify-content: space-between;
}
.intructors_img{
  width: 45%;
}
.intructors_txt{
  width: 50%;
}

.pink_bg{
  margin-top: 80px;
}

.pink_bg:last-child .intructors_box{
  flex-flow: row-reverse;
}

.pink_right .container{
  left:-5%;
}

.intructors_box .intructors_txt h3{
  font-size:50px;
  color:#d96590;
  font-weight: 400;
}
.intructors_box .intructors_txt h3 span{
  display: block;
  font-size:25px;
  color:#b7b7b7;
}
.intructors_box .info_txt{
  position: relative;
  margin-top:40px;
  padding-left: 30px;
}
.intructors_box .info_txt p{
  font-size: 15px;
  margin-top: 30px;
  line-height: 2.0;
}
.intructors_box .info_txt::before{
  position: absolute;
  content:"";
  width: 2px;
  height: 100%;
  top:0;
  left:0;
  background: linear-gradient(to bottom, #d96590 50%, #d0d0d0 50%);
}




@media screen and (max-width: 767px) {
  
  .intructors_box{
    flex-flow: column;
  }
  .pink_bg:last-child .intructors_box{
    flex-flow: column;
  }
  .intructors_img{
    width: 100%;
  }
  .intructors_txt{
    width: 100%;
  }
  
  .content .pink_bg,
  .content .pink_right,
  .content .pink_bg .container,
  .content .pink_right .container{
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .intructors_img{
    width: 80%;
    margin-left:auto;
    margin-right: auto;
  }
  .intructors_box .intructors_txt h3{
    font-size:40px;
    text-align: center;
    margin-top: 30px;
  }
  .intructors_box .intructors_txt h3 span{
    font-size:18px;
  }
  
  .intructors_box .info_txt{
    padding-left: 20px;
  }
  
  
}


/* 2023/10/10 追記
-------------------------------------------------- */
/*  動画コンテンツ */
.intructors .container .movie {
  text-align: center;
  margin-top: 30px;
}
.intructors .container .movie p {
 margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .intructors .container .movie {
    margin-top: 4vw;
  }
  .intructors .container .movie p {
   margin-bottom: 4vw;
  }
  .intructors .container iframe {
    width: 100%;
    height: 49.3vw;
  }
}