@charset "utf-8";
.sec_button-area {
  width: 976px;
  margin: 120px auto 120px;
  padding: 24px 0 34px 0;
  background-color: #f9f8ea;
}

.sec_button-area_title {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}

.sec_button-area .btn_sec_type01 {
  width: 360px;
}

.sec_button-area .btn_sec_type01.btn_mg {
  margin-top: 20px;
}

.mod_indentlist ul{
  margin: 20px 0 0;
}

.mod_indentlist ul li {
  font-size: 12px;
  line-height: 1.7em;
}

.mod_indentlist ul .indent_1 {
  text-indent: -2em;
  padding-left: 2em;
}
.mod_indentlist ul .indent_2 {
  text-indent: -1.2em;
  padding-left: 1.2em;
}
.sec_mv_wrap .series-wrap {
  margin: 28px auto 0;
  line-height: 43px;
}

.sec_mv_wrap .series {
  display: inline;
  box-sizing: border-box;
  padding: 12px 16px;
  border: #ccc 1px solid;
  font-size: 16px;
  font-weight: bold;
}

.sec01 {
  padding-top: 50px;
}

.sec01 .sub_h2{
  vertical-align: baseline;
  padding-left: 10px;
}

.point_2_28_h2 {
  margin-bottom: 21px;
}

.sec01-wrap01 {
  position: relative;
  aspect-ratio: 976 / 355;
}

.sec01_img01{
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 1;
}

.sec01_text01{
  position: relative;
  z-index: 2;
}

.ex_h3style {
  font-weight: bold;
}

.sec01_h3{
  margin:80px 0 20px;
}


.sec01_img02 ,.sec01_img03{
  margin-bottom: 20px;
}

.sec01_text02{
  margin: 50px 0 20px;
}

.sec02 .sec03 .sec05{
  padding-top: 100px;
}

.sec03_img02 img{
  display: block;
  margin: 40px auto 60px;

}

.sec03-wrap01{
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.sec03_img03 img{
  width: 480px;
}

.sec04 h4{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 10px;
}

.sec04 .btn_sec_type01{
  width: 397px;
}
.sec05 .btn_sec_type01{
  width: 433px;
}


.Youtube{
  margin: 0 auto;
  max-width: 560px;
}

.sec04 {
  padding-top: 80px;
}

.mB0 {
  margin-bottom: 0;
}

.mb_8{
  margin-bottom: 8px;
}

.mb_10{
  margin-bottom: 10px;
}

.mb_20{
  margin-bottom: 20px;
}

.mb_30{
  margin-bottom: 30px;
}





@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
  .sec_button-area {
    width: 89.3vw;
    margin: 100px auto 120px;
  }

  .sec_button-area_title {
    font-size: 15px;
  }

  .sec_button-area .btn_sec_type01 {
    width: 74.7vw;
  }

  .point_2_28_h2 {
    margin-bottom: 30px;
  }

  .mod_indentlist ul{
  margin: 15px 0 0;
  }

  .sec_mv_wrap .series-wrap {
    margin-bottom: 20px;
    line-height: 1.7333333333333334;
  }

  .sec01 {
    padding-top: 40px;
  }

  .sec01-wrap01 {
    position: relative;
    aspect-ratio: 335 / 539;
    padding-bottom: 50px;
  }

  
  .sec01_img01{
    top: 65px;
  }

  .sec01_h3{
    margin:60px 0 10px;
  }

  .sec03-wrap01{
    gap: 40px;
  }

  .sec03_img03 img{
    width: 100%;
  }

  .sec04 .btn_sec_type01{
    width: 100%;
  }
  .sec05 .btn_sec_type01{
    width: 100%;
  }




  

}