.main_bg_type1 {
  background: url(../img/sub_main_bg1.png) no-repeat top left/auto;
}

.main_bg_type2 {
  background: url(../img/sub_main_bg2.png) no-repeat top right 10%/auto;
}

.main_bg_type3 {
  background: url(../img/sub_main_bg3.png) no-repeat top 540px left/auto;
}

.main_bg_type4 {
  background: url(../img/sub_main_bg4.png) no-repeat top right/auto;
}

.main_bg_type5 {
  background: url(../img/sub_main_bg5.png) no-repeat top 945px right/auto;
}

.main_bg_type6 {
  background: url(../img/sub_main_bg6.png) no-repeat top 1200px left/auto;
}

.sec_head {
  margin-top: clamp(100px, 6.25vw, 120px);
  background: no-repeat center/auto 100%;
  padding: clamp(110px, 11.46vw, 220px) 0;
}
.sec_head h1 {
  color: #fff;
  font-size: clamp(40px, 2.6vw, 50px);
  line-height: 1.2; /* 60px */
  font-weight: 700;
}

.breadcrumb .home {
  width: 20px;
  height: 20px;
  background: url(../img/home_ico.png) no-repeat center/cover;
}
.breadcrumb li {
  font-size: clamp(16px, 0.83vw, 16px);
  color: #888888;
  position: relative;
  margin-right: 40px;
}
.breadcrumb li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/right_gray_arrow.png) no-repeat center/cover;
}

.sec_tit_area .sec_tit {
  font-size: clamp(38px, 2.6vw, 50px);
  font-weight: 700;
}
.sec_tit_area .sec_txt {
  font-size: clamp(18px, 0.94vw, 18px);
  line-height: 1.67; /* 30px */
}
.sec_tit_area .sec_txt span {
  color: #a8b062;
  font-size: clamp(24px, 1.25vw, 24px);
  font-weight: 700;
}

.pagination a {
  width: 23px;
  height: 23px;
  text-align: center;
  transition: color 0.3s;
}
.pagination a:hover {
  color: #222;
}
.pagination .first::after,
.pagination .last::after {
  content: "";
  width: 13px;
  height: 7px;
  background-image: url(../img/pagination_last_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  transition: background-image 0.3s;
}
.pagination .first:hover::after,
.pagination .last:hover::after {
  background-image: url(../img/pagination_last_on_arrow.png);
}
.pagination .first::after {
  transform: rotate(180deg);
}
.pagination .prev::after,
.pagination .next::after {
  content: "";
  width: 6px;
  height: 7px;
  background-image: url(../img/pagination_next_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  transition: background-image 0.3s;
}
.pagination .prev:hover::after,
.pagination .next:hover::after {
  background-image: url(../img/pagination_next_on_arrow.png);
}
.pagination .prev::after {
  transform: rotate(180deg);
}
.pagination .num {
  font-size: clamp(16px, 0.94vw, 18px);
  color: #dedede;
  font-weight: 500;
  width:35px;
}
.pagination .on {
  color: #222;
}

@media (max-width: 750px) {
  .sec_head {
    margin-top: clamp(65px, 13.33vw, 100px);
    padding: clamp(84px, 29.61vw, 222.5px);
  }
  .sec_head h1 {
    font-size: clamp(30px, 8.33vw, 62.5px);
  }
  .breadcrumb .home {
    width: clamp(14px, 3.87vw, 29px);
    height: clamp(14px, 3.87vw, 29px);
  }
  .breadcrumb li {
    font-size: clamp(12px, 3.33vw, 25px);
    margin-right: clamp(30px, 6.67vw, 50px);
  }
  .breadcrumb li:not(:last-child)::after {
    width: clamp(10px, 2.67vw, 20px);
    height: clamp(10px, 2.67vw, 20px);
    right: calc(clamp(40px, 9.33vw, 70px) / 2 * -1);
    background: url(../img/right_gray_arrow_m.png) no-repeat center/cover;
  }
  .sec_tit_area .sec_tit {
    font-size: clamp(30px, 8.33vw, 62.5px);
  }
  .sec_tit_area .sec_txt {
    font-size: clamp(16px, 4.4vw, 33px);
    line-height: 1.5;
    word-break: break-all;
  }
  .sec_tit_area .sec_txt span {
    font-size: clamp(20px, 5.6vw, 42px);
  }
  .pagination a {
    font-size: clamp(16px, 3.89vw, 29px);
    width: clamp(20px, 5.33vw, 40px);
    height: clamp(20px, 5.33vw, 40px);
    line-height: clamp(20px, 5.33vw, 40px);
  }
  .pagination .num {
    font-size: clamp(16px, 3.87vw, 29px);
  }
  .pagination .first::after,
  .pagination .last::after {
    width: clamp(12px, 3.87vw, 29px);
    height: clamp(7px, 2.13vw, 16px);
  }
  .pagination .prev::after,
  .pagination .next::after {
    width: clamp(6px, 2vw, 15px);
    height: clamp(7px, 2.13vw, 16px);
  }
  .main_bg_type5 {
    background: url(../img/sub_main_bg5.png) no-repeat top 550px right/auto;
  }
}
@media (max-width: 500px) {
  .main_bg_type5 {
    background: url(../img/sub_main_bg5.png) no-repeat top 350px right/auto;
  }
}