/*講習内容
=======================================================*/
.course-ttl{
  font-family: "ZenOldMincho Bold";
  font-size: 45px;
  line-height: 1.4;
  text-align: center;
}
.course-intro-box{
  font-size: 17px;
  text-align: center;
  margin-top: 30px;
}
.course2{
  background: url(/wp-content/themes/ichijohajime_hp/img/01class/course2-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.course2-intro{
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.course2-intro img{
  object-fit: contain;
}
.course2-intro-note{
  text-align: center;
  font-size: 14px;
  margin-top: 40px;
}
.course2-intro-txt{
  font-size: 17px;
}
.course2-box{
  margin-top: 30px;
  background: #fff;
  padding: 20px;
}
.course2-box-top{
  display: flex;
  justify-content: space-between;
}
.course2-box-ttl-sub{
  font-size: 18px;
}
.course2-box-ttl h3{
  font-family: "ZenOldMincho Regular";
  font-size: 30px;
  line-height: 1.3;
}
.course2-box-ttl h3 span{
  display: block;
  font-size: 35px;
  background: #535353;
  color: #fff;
  width: fit-content;
  margin-top: 10px;
  padding: 5px 10px;
}
.course2-box-group{
  display: flex;
  gap:20px;
}
.course2-box-group img{
  display: block;
  background: #EBEBEB;
  border-radius: 5px;
  object-fit: contain;
  padding: 10px;
  width: 50px;
  height: 50px;
}
.course2-box-txt{
  font-size: 16px;
  margin-top: 30px;
}
.course2-box-bottom{
  display: flex;
  gap:20px;
  margin-top: 30px;
}
.course2-box-bottom-detail{
  width: 50%;
}
.course2-box-bottom-detail-ttl{
  background: #EFEFEF;
  font-family: "NotoSansJP Bold";
  padding: 5px 20px;
  font-size: 18px;
}
.course2-box-bottom-detail-txt{
  border-left: 10px solid #EFEFEF;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.course2-box-bottom-note{
  font-size: 14px;
}
.course2-box-bottom-note{
  margin-top: 30px;
}

@media screen and (max-width: 768px){
  .course-intro{
    flex-wrap: wrap;
  }
  .course-ttl{
    width: 100%;
    font-size: 6vw;
    margin-bottom: 20px;
  }
  .course-intro-box{
    font-size: 3.5vw;
  }
  .course2-intro{
    flex-wrap: wrap;
  }
  .course2-intro-txt{
    font-size: 3.5vw;
    order: 2;
  }
  .course2-intro img{
    margin: 0 auto;
    width: 100%;
  }
  .course2-intro-note{
    font-size: 3vw;
  }
  .course2-box{
    flex-wrap: wrap;
    padding: 20px;
  }
  .course2-box-top{
    flex-wrap: wrap;
  }
  .course2-box-ttl-sub{
    font-size: 4vw;
  }
  .course2-box-ttl h3{
    font-size: 7vw;
  }
  .course2-box-ttl h3 span{
    font-size: 7vw;
    line-height: 1.2;
  }
  .course2-box-group{
    margin-top: 20px;
    width: 100%;
  }
  .course2-box-group img{
    width: 35px;
    height: 35px;
    padding: 5px;
  }
  .course2-box-txt{
    font-size: 3.5vw;
  }
  .course2-box-bottom{
    flex-wrap: wrap;
  }
  .course2-box-bottom-detail{
    width: 100%;
  }
  .course2-box-bottom-detail-ttl{
    font-size: 4vw;
  }
  .course2-box-bottom-detail-txt{
    font-size: 3.5vw;
  }
  .course2-box-bottom-note{
    font-size: 3vw;
  }
}

/*講師別
=======================================================*/
.instructor-box-ttl{
  display: flex;
  align-items: flex-start;
  background: #01061A;
  height: 600px;
}
.instructor-box-ttl-img{
  object-fit: contain;
  width: 40%;
  max-height: 600px;
  object-position: left;
}
.instructor-box-ttl-txt{
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 600px;
}
.instructor-box-ttl-txt span{
  display: block;
  font-family: "ZenOldMincho Regular";
  font-size: 30px;
}
.instructor-course-wrap{
  margin-top: -150px;
}
.instructor-course-box{
  background: #F5F5F5;
  padding: 20px;
  margin-bottom: 40px;
}
.instructor-course-box:last-child{
  margin-bottom: 0;
}
.instructor-course-box-top{
  display: flex;
  justify-content: space-between;
}
.instructor-course-box-top-ttl span{
  display: block;
  font-size: 30px;
  background: #535353;
  color: #fff;
  width: fit-content;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-family: "ZenOldMincho Regular";
}
.instructor-course-box-top-ttl span:last-child{
  margin-bottom: 0;
}
.instructor-course-box-top-group{
  display: flex;
  gap: 20px;
}
.instructor-course-box-top-group img{
  display: block;
  background: #fff;
  border-radius: 5px;
  object-fit: contain;
  padding: 10px;
  width: 50px;
  height: 50px;
}
.instructor-course-box-bottom{
  margin-top: 30px;
}
.instructor-course-box-bottom-txt{
  font-size: 17px;
}
.instructor-course-box-bottom-txt span{
  margin-top: 20px;
  display: block;
	font-family: "NotoSansJP Bold";
}
.instructor-course-box-bottom-note{
  font-size: 14px;
  margin-top: 20px;
}
.instructor-others{
  font-size: 17px;
  text-align: center;
  position: relative;
  margin: 50px auto;
}
.instructor-others-img{
  position: absolute;
  left: 10%;
  object-fit: contain;
  z-index: -1;
}

@media screen and (max-width: 1000px){
  .instructor-others-img{
    left: 0;
  }
}
@media screen and (max-width: 768px){
  .instructor-box-ttl{
    height: 300px;
    flex-wrap: wrap;
    position: relative;
  }
  .instructor-course-wrap{
    margin-top: -100px;
  }
  .instructor-box-ttl-img{
    position: absolute;
    max-height: 300px;
  }
  .instructor-box-ttl-txt{
    height: 300px;
    font-size: 3.5vw;
    width: 100%;
    z-index: 1;
  }
  .instructor-box-ttl-txt span{
    font-size: 5.5vw;
  }
  .instructor-course-box-top{
    flex-wrap: wrap;
  }
  .instructor-course-box-top-ttl span{
    font-size: 4.4vw;
  }
  .instructor-course-box-top-group{
    margin-top: 20px;
    width: 100%;
  }
  .instructor-course-box-top-group img{
    width: 35px;
    height: 35px;
    padding: 5px;
  }
  .instructor-course-box-bottom-txt{
    font-size: 3.5vw;
  }
  .instructor-course-box-bottom-note{
    font-size: 3vw;
  }
  .instructor-others{
    font-size: 3.5vw;
    margin: 70px 0 50px;
  }
  .instructor-others-img{
    width: 40%;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

/*お問い合わせ
=======================================================*/
.contact .common{
  padding: 0 0 100px 0;
}

@media screen and (max-width: 768px){
  .contact .common{
    padding: 0 0 50px 0;
  }
}