header{ background-color: #A17751; box-shadow: 2px 0 6px rgba(0,0,0,.2);}
header.scroll{ animation: unset;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  header{ background-color: #A17751; }
  header:hover{ background-color: #A17751; box-shadow: unset;}

}

#section01{ width: 100%; height: calc(100vh - 100px); position: relative; margin-top: 100px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01{ height: 64.10vw; margin-top: 60px; }
}


#section02{ position: relative; padding: 0 0 100px;}
#section02 .room-top{ border-bottom: 1px solid rgba(83,39,0,.3); margin-bottom: 100px;}
#section02 .room-top > .flex-wrap{ height: 90px;}
#section02 .room-top .right{ justify-content: flex-end;}
#section02 .room-top .right a{margin-left: 80px;}
#section02 .room-top .right > p{ margin-left: 130px;}
#section02 > .wrap1480 > .flex-wrap{ padding-bottom: 110px; align-items: flex-start;}
#section02 > .wrap1480 .left{ padding-right: 10px;}
#section02 > .wrap1480 .right{ padding-left: 10px;}
#section02 > .wrap1480 .top{ text-align: left; border-bottom: 1px solid rgba(83,39,0,.3); position: relative; }
#section02 > .wrap1480 .top:after{ content: ''; width: 230px; height: 1px; background-color: #532700; display: block; position: absolute; bottom: -1px; left: 0;}
#section02 > .wrap1480 .top h2{ padding-bottom: 20px;}
#section02 > .wrap1480 ul{ padding-top: 30px;}
#section02 > .wrap1480 li{ padding-bottom: 20px;}
#section02 > .wrap1480 li span{ display: inline-block; width: 125px; vertical-align: top; line-height: 26px;}
#section02 > .wrap1480 li p{ display: inline-block; width: calc(100% - 129px); line-height: 26px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section02{ position: relative; padding: 0 0 60px;}
  #section02 .room-top{ margin-bottom: 60px;}
  #section02 .room-top > .flex-wrap{ height: 50px;}
  #section02 .room-top .right a{margin-left: 0;}
  #section02 .room-top .right > p{ display: none;}
  #section02 > .wrap1480 > .flex-wrap{ padding-bottom: 30px; align-items: flex-start;}
  #section02 > .wrap1480 .left{ padding-right: 0; padding-bottom: 40px;}
  #section02 > .wrap1480 .right{ padding-left: 0;}
  #section02 > .wrap1480 .top:after{  width: 170px; }
  #section02 > .wrap1480 .top h2{ padding-bottom: 10px;}
  #section02 > .wrap1480 ul{ padding-top: 20px;}
  #section02 > .wrap1480 li{ padding-bottom: 20px;}
  #section02 > .wrap1480 li span{ display: inline-block; width: 85px;line-height: 24px; }
  #section02 > .wrap1480 li p{ display: inline-block; width: calc(100% - 89px); line-height: 24px;}
}





#section03{ padding-bottom: 100px;}
#section03 .flex-wrap{ padding-bottom: 100px; text-align: center;}
#section03 .flex-wrap .img{ position: relative; width: 355px; height: 240px; text-align: center;}
#section03 .flex-wrap .img:first-child{ margin-bottom: 120px;}
#section03 .flex-wrap .img:last-child{ margin-top: 120px;}
#section03 .flex-wrap h3{ padding-bottom: 20px;}
#section03 .flex-wrap p{ line-height: 26px;}
#section03 .wrap1480 > .img{ position: relative; width: 100%; height: 720px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section03{ padding-bottom: 60px;}
  #section03 .flex-wrap{ padding-bottom: 10px; flex-direction: column;}
  #section03 .flex-wrap .img{ position: relative; width: 66.67vw; height: 44.10vw; text-align: center;}
  #section03 .flex-wrap .img:first-child{ margin-bottom: 60px;}
  #section03 .flex-wrap .img:last-child{ margin-top: 60px;}
  #section03 .flex-wrap p{ line-height: 24px;}
  #section03 .wrap1480 > .img{ height: 56.41vw;}
}








#section04{ padding: 100px 0; position: relative; overflow: hidden;}
#section04 > .decobox{ width: 100%; height: 300px; background-color: rgba(83,39,0,.05); position: absolute; top: 0; left: 0; display: block;}
#section04 .flex-wrap{ align-items: flex-start;}
#section04 #main-tit{ padding-bottom: 140px;}
#section04 .left{ padding-left: 11.46vw; width: calc(100% - 69.01vw);}
#section04 .left p{ line-height: 26px; padding-bottom: 100px;}
#section04 .left #more-btn{ display: block; padding-bottom: 100px;}
#section04 .left .control-wrap{ position: relative; width: 120px; height: 60px; }
#section04 .right{ width: 69.01vw; overflow: hidden;}
/* =================== 1500px =================== */
@media (max-width: 1500px) {
  #section04 .left{ padding-left: 20px; }
}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section04{ padding: 60px 0; }
  #section04 > .decobox{ height: 212px;}
  #section04 #main-tit{ padding-bottom: 15px;}
  #section04 .left{ padding-left: 20px; width: 100%; position: relative;}
  #section04 .left #more-btn{ display: block; padding-bottom: 0; position: absolute; top: 35px; right: 20px;}
  #section04 .left .control-wrap{ display: none; }
  #section04 .right{ width: 100%; overflow: hidden;}
}