@charset "utf-8";

/* =====↓ ページ共通 ↓===== */

body {
    color: #231816;
}


/* =====↑ ページ共通 ↑===== */


/* =====↓ 店舗情報 ↓===== */

#company-info {
    padding: 36px 0 142px;
}

#company-info .info-list {
    display: flex;
    margin: 0 -30px;
}

#company-info .info-list .info-item {
    width: calc(50% - 15px);
    margin: 0 30px;
}

#company-info .photo-wrapper {
    margin: 0 0 21px;
}

#company-info .tenpo-name {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 900;
    line-height: 27px;
}

#company-info .tenpo-info {
    margin: 0 0 28px;
    font-size: 15px;
    line-height: 25px;
}

#company-info .tenpo-map {
    display: flex;
    height: 64px;
    font-size: 20px;
    font-weight: 900;
    background: #e9e7e8;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}


/* =====↑ 店舗情報 ↑===== */


/* =====↓ 会社概要 ↓===== */

#company-info .company-infos {
    font-size: 15px;
    line-height: 27px;
}

#company-info .company-infos .company-info {
    display: flex;
    padding: 14px 0;
}

#company-info .company-infos .company-info:first-child {
    padding-top: 3px;
}

#company-info .company-infos .company-info {
    border-bottom: 1px dashed black;
}

#company-info .company-infos .company-info .head {
    width: 106px;
    font-weight: 900;
}

#company-info .company-infos .company-info .body {
    width: calc(100% - 106px);
}


/* =====↑ 会社概要 ↑===== */


/* =====↓ パツ ↓===== */

@media screen and ( max-width: 1200px) {
    .page-title {
        margin-bottom: 6%;
        font-size: 26px;
        line-height: 2;
    }
    #company-info .tenpo-map {
        height: 48px;
    }
}

@media screen and ( max-width: 992px) {
    .page-title {
        font-size: 20px;
    }
    #company-info .tenpo-map {
        font-size: 18px;
        height: 40px;
    }
}

@media screen and ( max-width: 768px) {
    #company-info {
        padding: 2% 0 6% 0;
    }
    #company-info .info-list {
        flex-wrap: wrap;
        margin: 0;
    }
    #company-info .info-list .info-item,
    #company-info .info-list .info-item {
        margin: 0 auto;
        margin-bottom: 6%;
        text-align: center;
        width: 92%;
    }
    .page-title {
        margin-bottom: 3%;
    }
    #company-info .photo-wrapper img {
        width: 100%;
        height: auto;
    }
    #company-info .tenpo-name,
    #company-info .tenpo-info {
        text-align: left;
    }
    #company-info .tenpo-name {
        font-size: 24px;
    }
    #company-info .tenpo-info {
        font-size: 18px;
    }
    .page-title {
        font-size: 24px;
    }
    #company-info .tenpo-map {
        font-size: 22px;
        height: 46px;
    }
    #company-info .company-infos {
        font-size: 18px;
        text-align: left;
    }
    #company-info .company-infos .company-info .head {
        width: 30%;
    }
}

@media screen and ( max-width: 760px) {
    .page-title {
        font-size: 22px;
    }
    #company-info .tenpo-name {
        font-size: 22px;
        margin-bottom: 3%;
    }
    #company-info .tenpo-info {
        font-size: 16px;
        margin-bottom: 3%;
    }
    #company-info .tenpo-map {
        font-size: 20px;
    }
    #company-info .photo-wrapper {
        margin-bottom: 4%;
    }
    #company-info .info-list .info-item,
    #company-info .info-list .info-item {
        margin-bottom: 6%;
    }
    #company-info .company-infos .company-info .body {
        width: 70%;
    }
}

@media screen and ( max-width: 640px) {}

@media screen and ( max-width: 540px) {
    .page-title,
    #company-info .tenpo-name {
        font-size: 20px;
    }
    #company-info .tenpo-info {
        font-size: 14px;
    }
    #company-info .tenpo-map {
        font-size: 18px;
        height: 48px;
    }
    #company-info .company-infos {
        font-size: 16px;
    }
}

@media screen and ( max-width: 540px) {
    .page-title,
    #company-info .tenpo-name {
        font-size: 18px;
    }
    #company-info .tenpo-map {
        font-size: 16px;
    }
    #company-info .company-infos {
        font-size: 14px;
    }
}


/* =====↑ パツ ↑===== */