/* section01 */
/* #section01{ margin-top: 110px; height: 250px;} */
#section01{ margin-top: 110px; height: 64.10vw;}

/* section02 */
/* #section02{ padding: 60px 0;}
#section02 .about-box{ position: relative; width: 100%; padding: 100px 120px; display: flex; top: -100px; justify-content: space-between; align-items: center;}
#section02 .sec-wrap h3{ display: inline-block; width: fit-content; padding-bottom: 15px; margin-bottom: 25px; position: relative;}
#section02 .sec-wrap h3:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: 0; left: 0;}
#section02 .sec-wrap p{ line-height: 20px; padding-bottom: 20px;}
#section02 .sec-wrap p:last-child{ padding-bottom: 0;}
#section02 .sec-wrap img{ width: 100%; height:250px; object-fit: cover;}
*/
#section02{ padding: 15.38vw 0;}
#section02 .about-box{ position: relative; width: 100%; padding: 25.64vw 30.77vw; display: flex; top: -25.64vw; justify-content: space-between; align-items: center;}
#section02 .sec-wrap h3{ display: inline-block; width: fit-content; padding-bottom: 3.85vw; margin-bottom: 6.41vw; position: relative;}
#section02 .sec-wrap h3:after{ content: ''; position: absolute; width: 100%; height: 0.26vw; background: #fff; bottom: 0; left: 0;}
#section02 .sec-wrap p{ line-height: 5.13vw; padding-bottom: 5.13vw;}
#section02 .sec-wrap p:last-child{ padding-bottom: 0;}
#section02 .sec-wrap img{ width: 100%; height:250px; object-fit: cover;}
#section02 #btn01{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -20px;}

/* section03 */
/* #section03{ padding: 60px 0 40px; position: relative; overflow: hidden; text-align: center;}
#section03 > img.deco1{ position: absolute; top: -89px; left: -42px; z-index: -1;}
#section03 > img.deco2{ position: absolute; bottom: -31px; right: -32px; z-index: -1;}
#section03 h3{ display: inline-block; width: fit-content; padding-bottom: 20px;}
#section03 h3 span.top{ padding-right: 175px;}
#section03 h3 span.btm{ padding-left: 33px;}
#section03 .flex-wrap{ display: flex; justify-content: space-between; align-items: flex-start; text-align: left;}
#section03 .flex-wrap > div{ width: calc(50% - 5px);}
#section03 .flex-wrap .img-wrap{ padding-bottom: 20px; position: relative;}
#section03 .flex-wrap .img-wrap p{ text-align: center;}
#section03 .flex-wrap .img-wrap p.absolute{ position: absolute; transform: rotate(-90deg); right: -15px; top: 90px;}
#section03 .flex-wrap img{ margin-bottom: 10px; width: 100%; object-fit: cover;}
#section03 .flex-wrap .img-wrap.t-ab img{ width: 143px;}
#section03 .flex-wrap p.deco-text{ padding-top: 20px; line-height: 20px; opacity: .4; text-align: left;} */
#section03{ padding: 15.38vw 0 10.26vw; position: relative; overflow: hidden; text-align: center;}
#section03 > img.deco1{ position: absolute; top: -22.82vw; left: -10.77vw; z-index: -1;}
#section03 > img.deco2{ position: absolute; bottom: -7.95vw; right: -8.21vw; z-index: -1;}
#section03 h3{ display: inline-block; width: fit-content; padding-bottom: 5.13vw;}
#section03 h3 span.top{ padding-right: 44.87vw;}
#section03 h3 span.btm{ padding-left: 8.46vw;}
#section03 .flex-wrap{ display: flex; justify-content: space-between; align-items: flex-start; text-align: left;}
#section03 .flex-wrap > div{ width: calc(50% - 1.28vw);}
#section03 .flex-wrap .img-wrap{ padding-bottom: 5.13vw; position: relative;}
#section03 .flex-wrap .img-wrap p{ text-align: center;}
#section03 .flex-wrap .img-wrap p.absolute{ position: absolute; transform: rotate(-90deg); right: -3.85vw; top: 23.08vw;}
#section03 .flex-wrap img{ margin-bottom: 2.56vw; width: 100%; object-fit: cover;}
#section03 .flex-wrap .img-wrap.t-ab img{ width: 36.67vw;}
#section03 .flex-wrap p.deco-text{ padding-top: 5.13vw; line-height: 5.13vw; opacity: .4; text-align: left;}

#section03 .flex-wrap .img01{ width: 100%; height: 68.21vw; object-fit: cover;}
#section03 .flex-wrap .img02{ width: 100%; height: 53.59vw; object-fit: cover;}
#section03 .flex-wrap .img03{ width: 100%; height: 26.41vw; object-fit: cover;}
#section03 .flex-wrap .img04{ height: 46.15vw; object-fit: cover;}
#section03 .flex-wrap .img05{ width: 100%; height: 23.85vw; object-fit: cover;}



/* section04 */
/* #section04{ width: 100%; height: 500px; position: relative; overflow: hidden; }
#section04 h3{ display: block; width: 100%; position: absolute; top: calc(50% - 10px); text-align: center;}
#section04 > img.deco1{ position: absolute; top: -146px; right: -32px; z-index: 10;} */
#section04{ width: 100%; height: 128.21vw; position: relative; overflow: hidden; }
#section04 h3{ display: block; width: 100%; position: absolute; top: calc(50% - 2.56vw); text-align: center;}
#section04 > img.deco1{ position: absolute; top: -37.44vw; right: -8.21vw; z-index: 10;}