/* subpage header */
.header{position: fixed; border-bottom: unset;  height: 90px; background-color: rgba(34, 34, 34, 0.7);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.header #head-full a i{ line-height: 90px;}
.header #head-full a{ position: relative; top: -5px;}
.header #head-full p{ line-height: 90px;}
.header .logo-wrap a {display: block;width: 100%;height: 70px;margin-top: 10px; object-fit: cover;}
.header .header-icon > a{ display: inline-block; margin-top: 25px; width: 140px; height: 40px; border-radius: 50px; line-height: 40px; background-color: #D17028; margin-right: 40px; transition: .3s; text-align: center;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  .header{ height: 60px;  background-color: #fff;}
  .header .logo-wrap a {height: 40px; margin-top: 8px;}
  .header .header-icon > a{ display: inline-block; margin-top: 20px; width: unset; height: unset; border-radius:unset; line-height:unset; background-color: unset; margin-right: 10px; transition: .3s; text-align: center; color: #D17028;}
  .header .header-icon > a i{ color: #D17028;}
  .header .menu-icon__line {background-color: #D17028; }
}



/* section01 */
#section01{ height: 800px; position: relative;}
#section01 .img-wrap{ position: relative; width: 100%; height: 100%;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01{ margin-top: 60px; height: 61.54vw;}
}


/* section02 */
#section02{ padding: 100px 0; position: relative;}
#section02 .wrap1600{ display: flex; justify-content: center; align-items: center;}
#section02 .wrap1600 .tit-area{ padding-left:230px; text-align: left;}
#section02 .wrap1600 .tit-area h3{ line-height: 46px;}
#section02 .wrap1600 .tit-area p{ line-height: 35px;}
#section02 .wrap1600 .con-area{ padding-left: 90px; padding-right: 90px;}
#section02 .wrap1600 .con-area .con{ line-height: 26px; word-break: keep-all;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section02{ padding: 60px 0; position: relative;}
    #section02 .wrap1600{ justify-content: flex-start; align-items: flex-start; flex-direction: column;}
    #section02 .wrap1600 .tit-area{ padding-left:0; text-align: left;}
    #section02 .wrap1600 .tit-area h3{ line-height: 24px;}
    #section02 .wrap1600 .tit-area p{ line-height: 20px;}
    #section02 .wrap1600 .con-area{ padding-left: 0; padding-right: 0;}
    #section02 .wrap1600 .con-area .con{ line-height: 20px;}

}


/* section03 */
#section03{ padding: 100px 0; background-color: #FFF8F3; text-align: center;}
#section03 .sub-travel-swiper .img-box{margin-bottom: 39px;}
#section03 .sub-travel-swiper .text{ position: absolute; width: 250px; height: 78px; background-color: #fff; left: 0; right: 0; margin: 0 auto; bottom: 0; text-align: center; border-radius: 50px; display: table;}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section03{ padding: 60px 0; }
    #section03 .wrap1600{ padding: 0;}
    #section03 .tit-wrap{ padding: 0 20px;}
    #section03 p{ line-height: 20px;}
    #section03 .sub-travel-swiper{ padding-left: 60px; padding-right: 80px; }
    #section03 .sub-travel-swiper .control-wrap{ left: 20px  }
    #section03 .sub-travel-swiper .img-box{margin-bottom: 27px;}
    #section03 .sub-travel-swiper .text{ position: absolute; width: fit-content; height: 54px; padding: 10px 28px 0;}

}