.motorcycle_maintenance .bg_orenge {
  background-image: url(../image/course/motorcycle_maintenance/bg_orenge.jpg);
  background-size: cover;
  width: 100%;
  min-height: 560px;
  padding-top: 100px;
}
.motorcycle_maintenance .cmn-wrap {
  position: relative;
}
.motorcycle_maintenance .cmn-wrap .car {
  z-index: 3;
  width: 610px;
  right: 40px;
  top: -6px;
}
.motorcycle_maintenance .cmn-wrap .splash01 {
  right: 379px;
  top: -62px;
}
.motorcycle_maintenance .cmn-wrap .splash02 {
  right: -50px;
  top: 0;
}
.motorcycle_maintenance .cmn-wrap .splash03 {
  right: 0;
  top: 0;
}
.motorcycle_maintenance .lead {
  padding-top: 65px;
  position: relative;
}
.motorcycle_maintenance .lead .splash01 {
  right: -280px;
  top: 0;
  position: absolute;
}
.motorcycle_maintenance .lead p.caption {
  font-size: 34px;
  margin-bottom: 44px;
  letter-spacing: -0.4px;
  line-height: 140%;
}
.motorcycle_maintenance .lead p {
  font-size: 19px;
  line-height: 200%;
}
.couse_title .title {
  font-size: 50px;
  padding: 28px 0 10px;
}
.motorcycle_maintenance .couse_title .elements {
  width: 360px;
}
.motorcycle_maintenance .lead .mv {
  width: 611px;
  position: absolute;
  right: 13px;
  top: -184px;
}
.motorcycle_maintenance .lead p.caption {
  letter-spacing: -0.4px;
}
.motorcycle_maintenance .lead .loop {
  margin: 120px 0 130px;
}
.motorcycle_maintenance .lead .loop .img01 {
  width: 1091px;
}
.motorcycle_maintenance .lead .loop .img02 {
  width: 1330px;
}
.motorcycle_maintenance .lead .loop .img03 {
  width: 904px;
}
.motorcycle_maintenance .block01 {
  margin-bottom: 160px;
  position: relative;
}
.motorcycle_maintenance .block01 .cmn-wrap {
  width: 1020px;
  margin: 0 auto;
}
.motorcycle_maintenance .block01 .cmn-wrap .bg_wrapper {
  position: relative;
  width: 1026px;
  height: 733px;
  padding-top: 100px;
  background-image: url("../image/course/motorcycle_maintenance/block01-bg.png");
  background-size: cover;
}
.motorcycle_maintenance .block01 .cmn-wrap .bg_wrapper .obi {
  width: 537px;
  position: absolute;
  top: -37px;
  left: -50px;
}
.motorcycle_maintenance .block01 .cmn-wrap .bg_wrapper .main_text p {
  text-align: center;
  font-size: 19px;
  line-height: 200%;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer {
  width: 830px;
  margin: 50px auto 20px;
  display: flex;
  justify-content: space-between;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer .nenji {
  background-color: #fbe5da;
  padding: 8px;
  width: 40px;
  text-align: center;
  font-weight: bold;
  writing-mode: vertical-rl;
  text-orientation: upright;
  border-radius: 5px;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer .nenji p {
  color: #d2691e;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic {
  width: 180px;
  margin-bottom: 10px;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic .text p {
  text-align: center;
  line-height: 140%;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic:nth-child(1) .text, .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic:nth-child(4) .text {
  margin-top: 10px;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 {
  margin: 30px auto 50px;
}
.motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 .pic_list .pic:nth-child(1) .text, .motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 .pic_list .pic:nth-child(2) .text, .motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 .pic_list .pic:nth-child(4) .text {
  margin-top: 10px;
}
.motorcycle_maintenance .block01 .cmn-wrap .separator {
  position: relative;
  width: 830px;
  margin: 0px auto;
}
.motorcycle_maintenance .block01 .splash01, .motorcycle_maintenance .block01 .splash02 {
  position: absolute;
}
.motorcycle_maintenance .block01 .splash01 {
  right: -175px;
  width: 371px;
  z-index: -1;
}
.motorcycle_maintenance .block01 .splash02 {
  mix-blend-mode: multiply;
  left: -83px;
  width: 300px;
  z-index: -1;
  top: unset;
  bottom: -83px;
}
.motorcycle_maintenance .block01 .box01 {
  position: absolute;
  right: 0;
}
.motorcycle_maintenance .block01 .box01 p.caption {
  font-size: 31px;
  line-height: 120%;
  margin-bottom: 20px;
}
.motorcycle_maintenance .block01 h3.title {
  width: 382px;
  margin-bottom: 45px;
}
.motorcycle_maintenance .point {
  padding-bottom: 150px;
}
.motorcycle_maintenance .point .cmn-wrap {
  width: 1010px;
  margin: 0 auto;
  position: relative;
}
.motorcycle_maintenance .point .cmn-wrap .mv {
  width: 570px;
  right: -144px;
  top: -141px;
  position: absolute;
}
.motorcycle_maintenance .point .cmn-wrap h3.title {
  width: 165px;
  margin-bottom: 45px;
}
.motorcycle_maintenance .point .cmn-wrap p.caption {
  font-size: 31px;
  line-height: 120%;
  margin-bottom: 20px;
}
.motorcycle_maintenance .point .cmn-wrap p.txt_25 {
  font-size: 25px;
  margin-bottom: 25px;
}
.motorcycle_maintenance .point .cmn-wrap ul.point_lists {
  margin-top: 110px;
  display: flex;
  justify-content: space-between;
}
.motorcycle_maintenance .point .cmn-wrap ul.point_lists li {
  width: 31%;
  gap: 3%;
}
.motorcycle_maintenance .spacial_lesson {
  padding-bottom: 165px;
  padding-top: 49px;
}
.motorcycle_maintenance .spacial_lesson .cmn-wrap {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.motorcycle_maintenance .spacial_lesson .splash01, .motorcycle_maintenance .spacial_lesson .splash02, .motorcycle_maintenance .spacial_lesson .splash03 {
  position: absolute;
}
.motorcycle_maintenance .spacial_lesson .splash01 {
  left: 0;
  top: 2px;
  z-index: -1;
  width: 435px;
  right: unset;
}
.motorcycle_maintenance .spacial_lesson .splash02 {
  right: unset;
  top: -185px;
  left: -399px;
}
.motorcycle_maintenance .spacial_lesson .splash03 {
  left: -261px;
  top: 231px;
  width: 246px;
}
.motorcycle_maintenance .spacial_lesson .head_box {
  width: 550px;
  margin-left: auto;
  margin-right: 0;
}
.motorcycle_maintenance .spacial_lesson h3.title {
  width: 453px;
  margin-left: auto;
  margin-bottom: 30px;
}
.motorcycle_maintenance .spacial_lesson p.caption {
  text-align: right;
  font-size: 31px;
  line-height: 120%;
  margin-bottom: 20px;
}
.motorcycle_maintenance .spacial_lesson p {
  text-align: right;
}
.motorcycle_maintenance .spacial_lesson ul.corp_list {
  margin-top: 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.motorcycle_maintenance .spacial_lesson ul.corp_list li {
  width: 31%;
  gap: 3%;
}
@media screen and (max-width: 767px) {
  .motorcycle_maintenance {
    overflow: hidden;
  }
  .motorcycle_maintenance .bg_orenge {
    width: 100%;
    min-height: 400px;
  }
  .motorcycle_maintenance .cmn-wrap {
    position: relative;
  }
  .motorcycle_maintenance .cmn-wrap .car {
    z-index: 3;
    width: 74%;
    right: -45px;
    bottom: -128px;
    top: unset;
  }
  .motorcycle_maintenance .cmn-wrap .splash01 {
    right: 83px;
    top: 168px;
    width: 130px;
  }
  .motorcycle_maintenance .cmn-wrap .splash02 {
    right: -50px;
    top: 169px;
    width: 180px;
  }
  .motorcycle_maintenance .cmn-wrap .splash03 {
    right: 0;
    top: 182px;
    width: 157px;
  }
  .motorcycle_maintenance .lead {
    padding-top: 20px;
    position: relative;
  }
  .motorcycle_maintenance .lead .splash01 {
    right: -280px;
    top: 0;
    position: absolute;
  }
  .motorcycle_maintenance .lead p.caption {
    width: 58%;
    font-size: 23px;
    margin-bottom: 44px;
    letter-spacing: 0;
  }
  .motorcycle_maintenance .lead p {
    font-size: 15px;
  }
  .motorcycle_maintenance .couse_title .title {
    font-size: 32px;
    padding: 15px 0 5px;
  }
  .motorcycle_maintenance .couse_title .elements {
    width: 220px;
  }
  .motorcycle_maintenance .lead .mv {
    width: 211px;
    right: -20px;
    bottom: unset;
    top: -92px;
  }
  .motorcycle_maintenance .lead .loop {
    margin: 40px 0 130px;
  }
  .motorcycle_maintenance .lead .loop .img01.slick-slide img, .motorcycle_maintenance .lead .loop .img02.slick-slide img, .motorcycle_maintenance .lead .loop .img03.slick-slide img {
    width: auto;
    height: 80px;
  }
  .motorcycle_maintenance .lead .loop .img01 {
    width: unset;
  }
  .motorcycle_maintenance .lead .loop .img02 {
    width: unset;
  }
  .motorcycle_maintenance .lead .loop .img03 {
    width: unset;
  }
  .motorcycle_maintenance .block01 {
    margin-bottom: 160px;
    position: relative;
  }
  .motorcycle_maintenance .block01 .cmn-wrap {
    width: 95%;
    margin: 0 auto;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .bg_wrapper {
    background-image: none;
    background-color: #FFF;
    position: relative;
    width: 100%;
    padding: 50px 20px 20px;
    height: auto;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .bg_wrapper .obi {
    width: 398px;
    top: -27px;
    left: -22px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .bg_wrapper .main_text p {
    font-size: 16px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer {
    width: 100%;
    margin: 30px auto 20px;
    flex-direction: column;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .nenji {
    background-color: #fbe5da;
    padding: 8px;
    width: 100%;
    writing-mode: unset;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .nenji p {
    color: #d2691e;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list {
    flex-wrap: wrap;
    gap: 2%;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic {
    width: 48%;
    margin-bottom: 10px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic .text p {
    text-align: center;
    line-height: 140%;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic:nth-child(1) .text, .motorcycle_maintenance .block01 .cmn-wrap .flex_outer .pic_list .pic:nth-child(4) .text {
    margin-top: 10px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 {
    margin: 30px auto 20px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 .pic_list .pic:nth-child(1) .text, .motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 .pic_list .pic:nth-child(2) .text, .motorcycle_maintenance .block01 .cmn-wrap .flex_outer.nenji02 .pic_list .pic:nth-child(4) .text {
    margin-top: 10px;
  }
  .motorcycle_maintenance .block01 .cmn-wrap .separator {
    position: relative;
    width: 100%;
    margin: 0px auto;
  }
  .motorcycle_maintenance .block01 .splash01, .motorcycle_maintenance .block01 .splash02 {
    position: absolute;
  }
  .motorcycle_maintenance .block01 .splash01 {
    right: -175px;
    width: 371px;
    z-index: -1;
  }
  .motorcycle_maintenance .block01 .splash02 {
    mix-blend-mode: multiply;
    left: -83px;
    width: 300px;
    z-index: -1;
    top: unset;
    bottom: -83px;
  }
  .motorcycle_maintenance .block01 .box01 {
    position: absolute;
    right: 0;
  }
  .motorcycle_maintenance .block01 .box01 p.caption {
    font-size: 31px;
    line-height: 120%;
    margin-bottom: 20px;
  }
  .motorcycle_maintenance .block01 h3.title {
    width: 382px;
    margin-bottom: 45px;
  }
  .motorcycle_maintenance .point {
    padding-bottom: 40px;
  }
  .motorcycle_maintenance .point .cmn-wrap {
    width: 95%;
    margin: 0 auto;
    position: relative;
  }
  .motorcycle_maintenance .point .cmn-wrap .mv {
    width: 286px;
    right: -49px;
    top: -141px;
    position: absolute;
  }
  .motorcycle_maintenance .point .cmn-wrap h3.title {
    width: 165px;
    margin-bottom: 20px;
  }
  .motorcycle_maintenance .point .cmn-wrap p.caption {
    font-size: 31px;
    line-height: 120%;
    margin-bottom: 20px;
  }
  .motorcycle_maintenance .point .cmn-wrap p.txt_25 {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .motorcycle_maintenance .point .cmn-wrap ul.point_lists {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4%;
  }
  .motorcycle_maintenance .point .cmn-wrap ul.point_lists li {
    width: 46%;
    margin-bottom: 20px;
  }
  .motorcycle_maintenance .spacial_lesson {
    padding-bottom: 80px;
    padding-top: 49px;
  }
  .motorcycle_maintenance .spacial_lesson .cmn-wrap {
    width: 95%;
    margin: 0 auto;
    position: relative;
  }
  .motorcycle_maintenance .spacial_lesson .splash01, .motorcycle_maintenance .spacial_lesson .splash02, .motorcycle_maintenance .spacial_lesson .splash03 {
    position: absolute;
  }
  .motorcycle_maintenance .spacial_lesson .splash01 {
    left: -19px;
    top: 190px;
    z-index: -1;
    width: 219px;
    right: unset;
  }
  .motorcycle_maintenance .spacial_lesson .splash02 {
    right: unset;
    top: -185px;
    left: -399px;
  }
  .motorcycle_maintenance .spacial_lesson .splash03 {
    left: -61px;
    top: 289px;
    width: 134px;
  }
  .motorcycle_maintenance .spacial_lesson .head_box {
    width: 95%;
    margin-left: auto;
    margin-right: 0;
  }
  .motorcycle_maintenance .spacial_lesson h3.title {
    width: 85%;
    margin-left: auto;
    margin-bottom: 15px;
  }
  .motorcycle_maintenance .spacial_lesson p.caption {
    text-align: right;
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 20px;
  }
  .motorcycle_maintenance .spacial_lesson p {
    text-align: right;
  }
  .motorcycle_maintenance .spacial_lesson ul.corp_list {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4%;
  }
  .motorcycle_maintenance .spacial_lesson ul.corp_list li {
    width: 46%;
    margin-bottom: 20px;
  }
}
/*# sourceMappingURL=motorcycle_maintenance.css.map */