.main {
  padding-top: 5vw;
}
.main_row {
  width: 50%;
  height: 47vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
.main_row01 {
  background-image: url(/images/01_front/main_03.png);
  box-sizing: border-box;
}
.main_02 {
    width: 47.3491%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.main_04 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -1vw;
}
div.main_sd {
    width: 263.412%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FF7413;
    padding: 1vw 0;
}
.main_01 {
    width: 40.7349%;
    display: flex;
    justify-content: center;
    align-items: center;  
    top: 0%;
    left: 37%;
    transform-origin: top right;
}
.main_slide {
  height: 100%;
}
.main_slide_img {
  height: 100%;
}
.main_slide_img img {
  height: 100%;
  object-fit: cover;
}
/* progress-start */
.main_slide .autoplay-progress {
    width: 0.1vw;
    height: 17vw;
    left: 4%;
    position: absolute;
    z-index: 2;
}
.main_slide .autoplay-progress div {
    width: 100%;
    height: 100%;
    background-color: #ffffff63;
}
.main_slide .autoplay-progress div span {
    display: block;
    width: 100%;
    height: calc(100% * (1 - var(--progress)));
    background-color: white;
}
/* progress-end */
.main_slide_num {
  color: white;
  z-index: 2;
  font-weight: 600;
}
.main_slide_num01 {
    left: 3%;
    top: 28%;
}
.main_slide_num02 {
    left: 3%;
    bottom: 28%;
}
.swiper-pagination-main {
  width: 100%;
  height: 100%;
  color: transparent;
  font-weight: 600;
  z-index: 2;
  top: 0%;
  left: 0%;
  pointer-events: none;
}
.swiper-pagination-main .swiper-pagination-total ,
.swiper-pagination-main .swiper-pagination-current {
  color: white;
  position: absolute;
}
.swiper-pagination-main .swiper-pagination-current {
    left: 3%;
    top: 28%;
}
.swiper-pagination-main .swiper-pagination-total {
    left: 3%;
    bottom: 28%;
}
.swiper-pagination-main .swiper-pagination-total::before ,
.swiper-pagination-main .swiper-pagination-current::before {
  content: '0';
}

.con01_main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4vw;
  gap: 2vw;

}
.con01_row01 {
    width: 36.3255%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.con01_row02 {
    width: 36.378%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.con01_rowh {
  opacity: 1;
}
.con01_02 {
    width: 29.0462%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_04 {
    width: 29.0043%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_row_btn {
    top: 11vw;
    left: 3.8vw;
}
.con02 {
      padding-top: 3vw;
  padding-bottom: 4vw;
}
.con02_bg {
    width: 95.3806%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con02_bg > img {
    scale: 1.1;
}
/* .con02_bgh {
    overflow: hidden;
    scale: 1.05;
} */
.con02_left {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    left: 13%;
    top: 25%;
}
.con02_02 {
    width: 70.564%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6.5vw;
}
.con02_03 {
    width: 58.3219%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con02_left_tt {
  font-size: 1vw;
}
.con02_left_tt01 {
  margin-bottom: 1.5vw;
}
.con02_04 {
    width: 17.5564%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 55.5%;
    top: 14%;
}
.con02_05 {
    width: 17.5564%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 75%;
    top: 32%;
    z-index: 2;
}
.con02_06 {
    width: 63.3229%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -8%;
    left: 40%;
}
.con02_07 {
    width: 103.465%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -7%;
}
.con03 {
  padding-bottom: 5vw;
}
.con03_01 {
    width: 20.105%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.con03_col {
  height: 7vw;
}
.con03_col02 {
  border-top: 1px solid #002B25;
  border-bottom: 1px solid #002B25;
}
.con03_03 {
    width: 9.18635%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_04 {
    width: 15.5381%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_05 {
    width: 13.8058%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_col_h {
  height: 100%;
  background-color: #FF7413;
  opacity: 0;
  transition: opacity 0.3s;
}
.con03_col.con03_change .con03_col_h {
  opacity: 1;
}
.con03_03h {
    width: 12.7035%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_04h {
    width: 19.6851%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_05h {
    width: 19.7376%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_col_h_img {
    width: 19.8425%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.con03_06 {
  left: 16%;
  bottom: 1.5vw;
}
.con03_07 {
  right: 16%;
  top: 1.5vw;
}
.con03_08 {
  left: 16%;
}
.con04 {
  background-image: url(/images/01_front/con04_bg.png);
  padding-top: 6vw;
  padding-bottom: 4vw;
}
.con04_03 {
    width: 16.5879%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
}
.con04_main {
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center; 
    margin-bottom: 3.5vw;   
}
.con04_slide_img {
    width: 140.334%;
    height: 20.625vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    scale: 0.48;
    transform-origin: bottom left;
}
.con04_slide_img img {
    height: 100%;
    object-fit: cover;
    border-radius: 1.6vw;
}
.swiper-slide-active .con04_slide_img {
  transform: translateX(15%);
  scale: 1;
}
.swiper-slide-next .con04_slide_img {
  transform: translateX(115%);
}
.swiper-slide-next + div .con04_slide_img {
  transform: translateX(75%);
}
.swiper-slide-next + div + div .con04_slide_img {
  transform: translateX(31%);
}
.con04_slide_tt_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    left: 117%;
    top: 8%;
    opacity: 0;
    transform: translateY(10%);
    transition: all 0.3s;
    transition-delay: 0.2s;
}
.swiper-slide-active .con04_slide_tt_wrap {
      transform: translateY(0%);
  opacity: 1;
}
.con04_slide_tt01 {
  color: #FEE8D1;
  font-weight: 700;
  font-size: 1.4vw;
  margin-bottom: 1vw;
}
.con04_slide_tt02 {
    width: 67%;
    font-size: 0.95vw;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}
/* progress-start */
.con04_main .autoplay-progress {
    width: 0.15vw;
    height: 19vw;
    position: absolute;
    z-index: 2;
}
.con04_main .autoplay-progress div {
    width: 100%;
    height: 100%;
    background-color: #ffffff63;
}
.con04_main .autoplay-progress div span {
    display: block;
    width: 100%;
    height: calc(100% * (1 - var(--progress)));
    background-color: #FF7413;
}
/* progress-end */

.swiper-pagination-con04 {
  width: 100%;
  height: 100%;
  color: transparent;
  font-weight: 600;
  z-index: 2;
  top: 0%;
  left: 0%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-pagination-con04 .swiper-pagination-total ,
.swiper-pagination-con04 .swiper-pagination-current {
  color: white;
  position: absolute;
}
.swiper-pagination-con04 .swiper-pagination-current {
    top: -4%;
}
.swiper-pagination-con04 .swiper-pagination-total {
    bottom: -4%;
}
.swiper-pagination-con04 .swiper-pagination-total::before ,
.swiper-pagination-con04 .swiper-pagination-current::before {
  content: '0';
}


.con04_01 {
    width: 15.8921%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -3%;
    top: -23%;
}
.con04_02 {
    width: 83.4906%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_07 {
    width: 10.5512%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_08 {
    width: 71.6418%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_arr {
    width: 3.22339%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_arr_prev {
    right: 4%;
    top: 37%;
}
.con04_arr_next {
    right: 0.5%;
    top: 37%;
}
.con05 {
  background-color: #FEE8D1;
  padding-top: 8vw;
  padding-bottom: 2vw;
}
.con05_bg {
    background-color: white;
    width: 94%;
    height: 88%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 1.5vw;
}
.con05_01 {
    width: 19.1601%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con05_slide {
  padding-top: 4vw;
}
.con05_slide_item {
    width: 85.3606%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con05_slide_video {
  height: 23.3vw;
  overflow: hidden;
  border-radius: 1.5vw;
  transition: transform 0.3s;
}
.swiper-slide-active .con05_slide_video {
  transform: translateY(-4vw);
}
.swiper-slide-active .con05_slide_video iframe {
  pointer-events: all;
}
.con05_slide_btn {
    width: 25.3468%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    margin-top: -1.5vw;
}
.swiper-slide-active .con05_slide_btn {
  opacity: 1;
  pointer-events: all;
}
.con05_arr {
    width: 3.41207%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_arr_prev {
  left: 24%;
}
.con05_arr_next {
  right: 24%;
}
.con06_main {
  background-image: url(/images/01_front/con06_bg.png);
  padding-top: 8.5vw;
  background-size: cover;
  background-attachment: fixed;
  background-position: center -20vw;
  padding-bottom: 9.7vw;
}
.con06_01 {
    width: 8.71391%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
    overflow: hidden;
}
.con06_02 {
    width: 30.0262%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
    overflow: hidden;
}
.con06_search_wrap {
    width: 20.2625%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_search {
  width: 80%;
  height: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  font-size: 0.9vw;
  color: #FF7413;
  box-sizing: border-box;
  padding-right: 1.5vw;
}
.con06_search::placeholder {
  color: #FF7413;

}
.con06_search_btn {
    width: 7.51295%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: 7%;
}
div.con06_sd {
    width: 131.706%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 0;
    background-color: #FF7413;
}
.con07 {
  background-image: url(/images/01_front/con07_bg.png);
  padding-top: 5.5vw;
  padding-bottom: 5.2vw;
}
.con07_top { 
  width: 76%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3vw;
}
.con07_01 {
    width: 9.25414%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con07_01_2 {
    width: 14.8481%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con07_slide {
  width: 78%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_slide_img {
    width: 91.129%;
    height: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_slide_img img {
  height: 100%;
  object-fit: cover;
}



@media screen and (max-width:599px) {
div.main_row_wrap {
  flex-direction: column;
}
.main {
    padding-top: 15vw;
}
.main_row {
    width: 100%;
    height: 100vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
.main_02 {
    width: 70.3491%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6vw;
}
.main_slide .autoplay-progress {
    width: 0.6vw;
    height: 52vw;
    left: 5%;
    position: absolute;
    z-index: 2;
}
.swiper-pagination-main .swiper-pagination-current {
    left: 4%;
    top: 17%;
}
.swiper-pagination-main .swiper-pagination-total {
    left: 4%;
    bottom: 17%;
}
.con01_main {
  flex-direction: column;
  align-items: center;
  gap: 5vw;
  padding-top: 7vw;

}
.con01_row01 {
    width: 92.3255%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.con01_row02 {
    width: 92.378%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.con01_row_btn {
    top: 29vw;
    left: 7.8vw;
}
.con02_bg img ,
.con02_bgh img {
  height: 100%;
  object-fit: cover;
}
.con02_bgh {
  height: 100%;
}
.con02_bg {
  height: 199vw;
}
.con02_left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 0;
    top: 15vw;
    text-align: center;
}
.con02_04 {
    width: 49.5564%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 44%;
    top: 101vw;    
    z-index: 3;
}
.con02_05 {
    width: 49.5564%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 6.5%;
    top: 86vw;
}
.con02_03 {
    width: 89.3219%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4.5vw;
}
.con02_left_tt {
    font-size: 3.5vw;
}
.con02_left_tt01 {
    margin-bottom: 5.5vw;
}
.con02_02 {
    width: 70.564%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 9.5vw;
}
.con02_06 {
    width: 63.3229%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -10%;
    left: -1%;
}
.con02 {
    padding-top: 6vw;
    padding-bottom: 15vw;
}
.con03_01 {
    width: 67.105%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 41vw;
}
.con03_col_h_img {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  bottom: 105%;
    width: 64.8425%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;  
    opacity: 0;
    transition: opacity 0.3s;
}
.con03_col.con03_change + .con03_col_h_img {
  opacity: 1;
}
div.con03_col {
    width: 316%;
    height: 24vw;
}
.con03 {
    padding-bottom: 0vw;
}
.con04 {
    background-image: url(/images/01_front/con04_bg.png);
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.con04_03 {
    width: 45.5879%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12vw;
}
.con04_main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8.5vw;
    align-self: flex-end;
}
.con04_slide {
    padding-bottom: 27vw;
}
.con04_slide_tt_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    left: 0%;
    top: 104%;
    opacity: 0;
    transform: translateY(10%);
    transition: all 0.3s;
    transition-delay: 0.2s;
}
.con04_slide_tt01 {
    font-size: 4.4vw;
    margin-bottom: 2vw;
}
.con04_slide_tt02 {
    width: 100%;
    font-size: 3.2vw;
}
.con04_slide_img {
    width: 83%;
    height: 52.625vw;
    border-radius: 2.6vw;
}
.swiper-slide-active .con04_slide_img {
    transform: translateX(0%);
    scale: 1;
}

.con04_arr {
    width: 9.22339%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;  
}
.con04_arr_prev {
    right: auto;
    left: 5%;
}

.con04_arr_next {
    right: 5%;
}
.swiper-slide-next .con04_slide_img {
    transform: translateX(106%);
}
.con04_main .autoplay-progress {
    width: 62%;
    height: 0.4vw;
    position: absolute;
    z-index: 2;
    left: auto;
    bottom: -3%;
}
.con04_main .autoplay-progress div span {
    display: block;
    width: calc(100% * (1 - var(--progress)));
    height: 100%;
    background-color: #FF7413;
}
.swiper-pagination-con04 .swiper-pagination-current {
    top: auto;
    left: 10%;
    bottom: -5%;
}
.swiper-pagination-con04 .swiper-pagination-total {
    bottom: -5%;
    left: auto;
    right: 10%;
}
.con04_01 {
    width: 25.8921%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 2%;
    top: -13%;
}
.con04_07 {
    width: 36.5512%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05 {
    background-color: #FEE8D1;
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.con05_01 {
    width: 51.1601%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7.5vw;
}
.con05_slide_item {
    width: 86.3606%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con05_slide_video {
    height: 48.4vw;
    overflow: hidden;
    border-radius: 3.5vw;
    transition: transform 0.3s;
}
.con05_slide_btn {
    width: 46.3468%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    margin-top: 0.5vw;
}
.con05_arr {
    width: 9.41207%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_arr_prev {
    left: 3%;
}
.con05_arr_next {
    right: 3%;
}
.con06_main {
    background-image: url(/images/01_front/con06_bg.png);
    padding-top: 15.5vw;
    background-size: cover;
    background-attachment: unset;
    background-position: center -20vw;
    padding-bottom: 15.7vw;
}
.con06_01 {
    width: 27.71391%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
}
.con06_02 {
    width: 79.0262%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6vw;
}
.con06_search_wrap {
    width: 76.2625%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_search {
    width: 80%;
    height: 100%;
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 3.5vw;
    color: #FF7413;
    box-sizing: border-box;
    padding-right: 4.5vw;
}
.con07_01 {
    width: 17.25414%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_01_2 {
    width: 35.8481%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_top {
    width: 86%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4vw;
}
.con07_slide_img {
    width: 91.129%;
    height: 47vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_slide {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07 {
    background-image: url(/images/01_front/con07_bg.png);
    padding-top: 15.5vw;
    padding-bottom: 15.2vw;
}











}