/* グーグルマップ */
.acf-map {
    width: 90%;
    height: 400px;
}

.acf-map img {
    max-width: inherit !important;
}

/* お寺トップ */
.tp-title {
    padding: 1rem 20vw;
}

/* お寺の紹介 */
.tp-info {
    padding: 1rem 15vw;
}

.card {
    border: 0;
}

/* アクセス */
.tp-access-info-gr {
    width: 90%;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 1rem 2rem;
}

.h4_single {
    font-size: 0.8rem;
    border-bottom: 2px solid #B9C67F;
    font-weight: 500;
}

/* お客様の声 */
.customer_box_rel {
    position: relative;
    width: 75%;
}

.customer_icon {
    margin: 0;
    padding: 0;
    width: fit-content;
    max-width: fit-content;
    z-index: 1;
}

.customer_icon img {
    width: 75px;
    height: auto;
}


.customer_voice {
    position: absolute;
    background: #B9C67F;
    border-radius: 10px;
    left: 5%;
    z-index: 0;
    height: 60px;
    padding-left: 80px;
}

.color2 {
    background: #d8c46c;
}

/* メディアクエリ */

@media screen and (min-width: 481px) {

    /* 481px以上に適用されるCSS（タブレット用） */

}

@media screen and (min-width: 960px) {
    /* 960px以上に適用されるCSS（PC用） */

    /* グーグルマップ */
    .acf-map {
        width: 75%;
    }

    /* アクセス */
    .tp-access-info-gr {
        width: 50%;

    }

    .customer_icon img {
        width: 100px;
        height: auto;
    }

    .customer_voice {
        position: absolute;
        background: #B9C67F;
        border-radius: 10px;
        left: 5%;
        z-index: 0;
        height: 60px;
        padding-left: 100px;
    }

    .color2 {
        background: #d8c46c;
    }
}