/* section01 */
#section01{ overflow: hidden; display: flex; padding: 140px 0; justify-content: center;}
#section01 .left{width: 590px; padding-left: 160px;  padding-top: 65px;}
#section01 .left #tit-wrap{text-align: left;}
#section01 .btn-wrap{ position: relative; width: 100%; margin-bottom: 70px;}
#section01 .btn-wrap .room-next{ position: absolute; right: 150px; left: unset;}
#section01 .btn-wrap .room-prev{ position: absolute; right: 200px; left: unset;}
#section01 .left p{ font-size: 14px; line-height: 28px;}
#section01 .right{ width: calc(100% - 590px); overflow: hidden;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01{ padding: 20px 0 40px; flex-wrap: wrap;}
  #section01 .left{width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; text-align: center; padding-top: 0;}
  #section01 .left #tit-wrap{text-align: center;}
  #section01 .btn-wrap{ position: relative; width: 100%; margin-bottom: 0;}
  #section01 .btn-wrap .room-next{ position: relative; display: inline-block; right: unset; left: unset; top: unset; margin: 12px 5px;}
  #section01 .btn-wrap .room-prev{ position: relative; display: inline-block; right: unset; left: unset; top: unset; margin: 12px 5px;}
  #section01 .left p{ font-size: 12px; line-height: 19px;}
  #section01 .right{ width: 100%; overflow: hidden; padding: 0 15px;}
}


#section02 img{ width: 100%; object-fit: cover;}
#section02 p{ position: absolute; top: calc(50% - 20px); font-size: 48px; text-align: center; width: 100%;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section02 p{ position: absolute; top: calc(50% - 10px); font-size: 24px; }
}