@charset "utf-8";
.main-wrapper .search-section {padding: 10px 0 30px;}
.main-wrapper .search-section .search-wrap {width: 100%; max-width: 744px; margin: 0 auto; box-shadow: 2px 4px 4px rgba(208, 208, 208, 0.25);}
.main-wrapper .hero-section {background-image: url(../img/main/main-bg.webp); background-repeat: no-repeat; background-size: cover; height: 273px; display: flex; align-items: center; justify-content: center;}
.main-wrapper .hero-section .inner {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-wrapper .hero-section h2 {font-size: 24px; font-weight: 600;}
.main-wrapper .hero-section p {font-size: 16px; color: #767676; margin-top: 10px;}
.main-wrapper .hero-section .btn-wrap {margin-top: 40px;}
.main-wrapper .why-section {padding: 57px 0 85px;}
.main-wrapper .why-section h2 {display: flex; align-items: center; justify-content: center; column-gap: 13px; font-size: 20px; font-weight: 500;}
.main-wrapper .why-section .why-himate {margin-top: 30px; display: flex; align-items: stretch; column-gap: 24px;}
.main-wrapper .why-section .why-himate .card {width: calc(100% / 4 - (24px * 3) /  4); border-radius: 10px; border: 1px solid #C8C8C8; padding: 29px 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.main-wrapper .why-section .why-himate .card strong {display: inline-block; margin-top: 10px; font-size: 18px; font-weight: 500;}
.main-wrapper .why-section .why-himate .card p {margin-top: 2px; font-size: 14px; color: #7B7B7B;}