@charset "utf-8";

.store_contents_head {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(7.44vw, 32px);
    margin-top: min(7.023vw, 30.2px);
    position: relative;
}
@media screen and (min-width: 920px){
    .store_contents_head {
        gap: min(4.0625vw, 78px);
        margin-top: min(7.916vw, 152px);
    }
}

.store_contents_head p {
    font-size: min(3.25vw, 14px);
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    letter-spacing: 0;
}
@media screen and (min-width: 920px){
    .store_contents_head p {
        width: min(42.187vw, 810px);
        font-size: min(0.83vw, 17px);
    }
}

.home_service {
    padding-top: min(12.7209vw, 54.7px);
}
@media screen and (min-width: 920px){
    .home_service {
        padding-top: min(9.323vw, 179px);
    }
}

.home_service_container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(9.302vw, 40px);
    margin-top: min(7.023vw, 30.2px);
}
@media screen and (min-width: 920px){
    .home_service_container {
        flex-direction: row;
        justify-content: space-between;
        gap: min(4.0625vw, 78px);
        margin-top: min(7.916vw, 152px);
    }
}

@media screen and (min-width: 920px){
    .home_service_textArea {
        width: min(554px, 28.85416vw);
    }
}

.home_service_catch {
    font-family: var(--font-serif);
    font-weight: 500;
    font-size: min(5.814vw, 25px);
    line-height: 1.68;
    margin-bottom: min(5.814vw, 25px);
}
@media screen and (min-width: 920px){
    .home_service_catch {
        font-size: min(2.1875vw, 42px);
        margin-bottom: min(1.09375vw, 21px);
    }
}

.home_service_textArea p {
    font-family: var(--font-serif);
    font-weight: 500;
}
@media screen and (min-width: 920px){
    .home_service_textArea p {
        line-height: 2.1;
    }
}

.home_service_list {
    border-top: 1px solid #DDDDDD;
}
@media screen and (min-width: 920px){
    .home_service_list {
        width: min(1104.18px, 57.509vw);
    }
}

.home_service_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(4.88vw, 21px);
    padding: min(7.907vw, 34px) 0 min(7.44vw, 32px);
    border-bottom: 1px solid #DDDDDD;
}
@media screen and (min-width: 920px){
    .home_service_item {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
        padding: min(1.77083vw, 40px) min(1.5625vw, 30px);
    }
}

.home_service_point {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(5.581vw, 24px);
}
@media screen and (min-width: 920px){
    .home_service_point {
        width: min(32.7083vw, 628px);
        gap: min(1.010416vw, 20px);
    }
}

.home_service_point_title {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: min(4.186vw, 18px);
}
@media screen and (min-width: 920px){
    .home_service_point_title {
        gap: min(1.66vw, 32px);
    }
}

.home_service_point_title_number {
    font-family: var(--font-catch);
    font-style: italic;
    font-size: min(5.348vw, 23px);
    line-height: 1;
    letter-spacing: 0.05em;
    color: #ADADAD;
}
@media screen and (min-width: 920px){
    .home_service_point_title_number {
        font-size: min(1.5625vw, 30px);
    }
}

.home_service_point_title_text {
    font-family: var(--font-serif);
    font-size: min(4.651vw, 19px);
    font-weight: 500;
    line-height: 1;
}
@media screen and (min-width: 920px){
    .home_service_point_title_text {
        font-size: min(1.4583vw, 28px);
    }
}

.home_service_point p {
    font-size: min(3.2558vw, 14px);
    font-weight: normal;
    line-height: 1.7;
    letter-spacing: 0;
}
@media screen and (min-width: 920px){
    .home_service_point p {
        font-size: min(0.88125vw, 16px);
        line-height: 2.13;
        padding-left: min(3.27083vw, 62.8px);
    }
}

.home_service_img {
    display: block;
}
@media screen and (min-width: 920px){
    .home_service_img {
        width: min(18.81vw, 361.16px);
        height: min(8.33vw, 160px);
    }
}

.home_service_img img {
    width: 100%;
    height: 100%;
}

.home_service_event {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(4.88vw, 21px);
    padding-top: min(8.651vw, 37.2px);
    img {
        width: 100%;
    }
}
@media screen and (min-width: 920px){
    .home_service_event {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
        padding-top: min(8.651vw, 37.2px);
    }
}

.home_store {
    width: 100%;
    padding: min(11.72vw, 50.4px) 0 0;
    margin: 0 auto min(16.674vw, 71.7px);
}
@media screen and (min-width: 920px){
    .home_store {
        padding: min(9.11vw, 175px) min(3.0208vw, 58px) 0;
        max-width: calc(1920px + min(6.0416vw, 116px));
        margin: 0 auto min(11.385vw, 218.6px);
    }
}

.home_store_bnr {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: #F5F5F5;
}
@media screen and (min-width: 920px){
    .home_store_bnr {
        flex-direction: row;
    }
}

.home_store_textArea {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: min(10.76vw, 46.3px) min(100.069vw, 30px) min(7.44vw, 32px);
}
@media screen and (min-width: 920px){
    .home_store_textArea {
        width: 50%;
        padding: min(10.10416vw, 194px) min(11.51vw, 221px) 0 min(6.61vw, 127px);
    }
}

.home_store_textArea p {
    font-family: var(--font-serif);
    display: block;
    font-weight: 500;
    text-align: justify;
    margin: 6.511vw 0;
}
@media screen and (min-width: 920px){
    .home_store_textArea p {
        margin: min(2.724vw, 52.3px) 0 min(2.64vw, 50.8px);
    }
}

.home_store_textArea .c-btn {
    margin: 0;
}

.home_store_img {
    width: 100%;
    height: 79.82vw;
    display: block;
}
@media screen and (min-width: 920px){
    .home_store_img {
        width: 50%;
        height: min(37.5vw, 720px);
    }
}

.home_store_img img {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 920px){
    .home_store_img img {
        object-fit: cover;
        object-position: center;
    }
}