/* 3つの安心 */
.circle {
    max-width: 320px;
    width: 320px;
    height: 320px;
    background: #B9C67F;
    border-radius: 80% 80% 71% 95% / 84% 87% 68% 82%;
    overflow: hidden;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    flex-wrap: wrap;
    position: relative;
}

.num_circle {
    position: absolute;
    top: 20px;
    left: 70px;
    font-size: 2rem;
    font-weight: 600;
}

.h5_circle {
    background-color: white;
}

.p_circle {
    font-size: small;
    padding: 1rem;
    margin-bottom: 0;
}

.pp_circle {
    font-size: 0.7rem;
    padding: 0rem 1rem 0rem 1rem;
    margin-bottom: 0;
}

/* リンクボタン */
.btn_link1 {
    width: 100%;
    padding: 20px 20px 20px 80px;
    margin-bottom: 10px;
    /* margin-left: 1rem; */
    background-position: left 25px center;
    background-repeat: no-repeat;
    background-size: 32px 40px;
    background-image: url('../img/icon_link1.png');
    background-color: #D8C46C;
}

.btn_link2 {
    width: 100%;
    padding: 20px 20px 20px 80px;
    margin-bottom: 10px;
    /* margin-left: 1rem; */
    background-position: left 25px center;
    background-repeat: no-repeat;
    background-size: 32px 40px;
    background-image: url('../img/icon_link2.png');
    background-color: #D8C46C;
}

.btn_link3 {
    width: 100%;
    padding: 20px 20px 20px 80px;
    margin-bottom: 10px;
    /* margin-left: 1rem; */
    background-position: left 25px center;
    background-repeat: no-repeat;
    background-size: 32px 40px;
    background-image: url('../img/icon_link3.png');
    background-color: #B9C67F;
}

.sp_width {
    width: 100%;
}

/*--------------------------------------
  tab
--------------------------------------*/
.tab-wrap {
    margin: 1rem auto;
    width: 100%;

}

.tab-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}

.tab {
    flex-grow: 1;
    background: #fff;
    /* タブのカラー */
    border: 1px solid #B9C67F;
    border-radius: 10px 10px 0 0;
    color: #B9C67F;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 5px;
    padding: 10px 0 7px;
    text-align: center;
    transition: 1s;
    vertical-align: bottom;
}

.panel-group {
    min-height: 100px;
    border: solid 1px #CCC;
    border-top: 8px solid #EFEFEA;
    padding: 10px;
}

.panel {
    display: none;
}

.tab.is-active {
    background: #B9C67F;
    color: #FFF;
    transition: 1s;
    /* opacity: 0.6; */
    padding-bottom: 15px;
}

.panel.is-show {
    display: block;
}

/* 寺院一覧 */

.tp_box {
    position: relative;
    border: 1px solid #ead9a9;
    margin: 1rem 1rem;
}

.icon_address {
    position: absolute;
    width: fit-content;
    background: #ead9a9;
    border-radius: 7px;
    padding: 2px 1rem;
    font-size: 0.8rem;
}


/* メディアクエリ */

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

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

    /* タブ */
    .tab-wrap {
        margin: 1rem auto;
        width: 90%;

    }

}

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

    /* タブ */
    .tab-wrap {
        margin: 1rem auto;
        width: 75%;

    }

    /* 3つの安心 */
    .circle {
        margin: 0rem 3rem;
    }

    /* リンクボタン */
    .btn_link1 {
        width: fit-content;
        padding: 20px 20px 20px 80px;
        margin: 2rem;
        background-position: left 25px center;
        background-repeat: no-repeat;
        background-size: 32px 40px;
        background-image: url('../img/icon_link1.png');
        background-color: #D8C46C;
    }

    .btn_link2 {
        width: fit-content;
        padding: 20px 20px 20px 80px;
        margin: 2rem;
        background-position: left 25px center;
        background-repeat: no-repeat;
        background-size: 32px 40px;
        background-image: url('../img/icon_link2.png');
        background-color: #D8C46C;
    }

    .btn_link3 {
        width: fit-content;
        padding: 20px 20px 20px 80px;
        margin: 2rem;
        background-position: left 25px center;
        background-repeat: no-repeat;
        background-size: 32px 40px;
        background-image: url('../img/icon_link3.png');
        background-color: #B9C67F;
    }

    .sp_width {
        width: fit-content;
    }



}