/* 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{ padding: 100px 0 620px; position: relative;}
#section01 .wrap1600{ position: relative; }
#section01 .wrap1600 .deco{ position: absolute; top: 0; left: 0; z-index: -1;}
#section01 .top{ width: 445px; position: relative; z-index: 10;}
#section01 .top p{line-height: 24px;}
#section01 .btm{ position: absolute; top: 100px; width: 100%;}
#section01 .btm .wrap1640{ display: flex; align-items: flex-end; }
#section01 .btm .wrap1640 .room-swiper{ order: 2; width: 1215px;}
#section01 .btm .wrap1640 .text-wrap{ order: 1; padding-bottom: 170px; width: calc(100% - 1215px); padding-left: 20px;}
#section01 .btm .room-swiper .swiper-slide .img-wrap{ width: 100%; }

/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01{ padding: 120px 0 20px; position: relative;}
  #section01 .wrap1600 .deco{ position: absolute; width: calc(100% - 40px); object-fit: cover; top: -60px; left: 0; right: 0; margin: 0 auto; z-index: -1;}
  #section01 .top{ width: 100%; }
  #section01 .top p{line-height: 20px;}
  #section01 .btm{ position: relative; top: unset; width: 100%;}
  #section01 .btm .wrap1640{ align-items: unset; flex-direction: column; padding: 0; }
  #section01 .btm .wrap1640 .room-swiper{ order: 1; width: 100%;}
  #section01 .btm .wrap1640 .text-wrap{ order: 2; padding-bottom: 0; width: 100%; padding-left: 20px; position: relative; top: -40px; z-index: 10;}
  #section01 .btm .room-swiper .swiper-slide .img-wrap{ width: calc(100% - 20px);}

}