/* 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 */
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01{ margin-top: 60px;}
}



/* section02 */
#section02{ padding: 100px 0; position: relative;}
#section02 .box01{ position: absolute; width: 410px; height: 100px; border-radius: 0px 100px 100px 0px;background-color: #FFF8F3; top: calc(50% - 50px); left: 0;}
#section02 .box02{ position: absolute;  width: 410px; height: 100px; border-radius: 100px 0px 0px 100px;background-color: #FFF8F3;  top: calc(50% - 50px); right: 0;}
#section02 .wrap1600{ display: flex; justify-content: center; align-items: center;}
#section02 .wrap1600 > div{ padding: 0 70px;}
#section02 .wrap1600 .tit-area h3{ line-height: 46px;}
#section02 .wrap1600 .tit-area p{ line-height: 35px;}
#section02 .wrap1600 .con-area .con{ line-height: 26px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section02{ padding: 60px 0; position: relative;}
    #section02 .box01{ position: absolute; width: 100px; height: 50px; border-radius: 0px 100px 100px 0px;background-color: #FFF8F3; top: calc(50% - 50px); left: 0;}
    #section02 .box02{ position: absolute; width: 100px; height: 50px; border-radius: 100px 0px 0px 100px;background-color: #FFF8F3;  top: calc(50% - 50px); right: 0;}
    #section02 .wrap1600{ justify-content: flex-start; align-items: flex-start; flex-direction: column;}
    #section02 .wrap1600 > div{ padding: 0;}
    #section02 .wrap1600 .tit-area h3{ line-height: 24px;}
    #section02 .wrap1600 .tit-area p{ line-height: 20px;}
    #section02 .wrap1600 .con-area .con{ line-height: 20px;}

}



/* section03 */
#section03{ padding: 100px 0; background-color: #FFF8F3;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section03{ padding: 60px 0; }
    #section03 .wrap1600{ padding: 0;}
    #section03 .tit-wrap{ padding-left: 20px;}
    #section03 p{ line-height: 20px;}
}