@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&family=Noto+Serif+JP:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans JP', 'Noto Serif JP', sans-serif;
    color: #444040;
}

.sp {
    display: none;
}


a {
    text-decoration: none;
}

li {
    list-style: none;
}


/* セクション共通 */
section {
    padding: 80px;
}

.sectionPdg40-0 {
    padding: 40px 0px;
}

.sectionPdg24-80 {
    padding: 24px 80px;
}


.sectionPdg80-0 {
    padding: 80px 0px;
}


.fontMerriweather {
    font-family: "Merriweather", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    color: #353a34;
}

.cms {
    color: #6975f9;
}


/* ====================

    配置関連

======================= */

/* 横並びパーツ */
.yokonarabi-vhCenter {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}


/* ====================

    ボタン

======================= */

.btnsErea a {
    margin: 16px 8px;
}

.btnGreen {
    padding: 8px 16px;
    /* margin: 16px 8px; */
    font-size: 1rem;
    font-weight: 400;
    color: white;
    border-radius: 10px;
    border: 1px solid #14bb82;
    background-color: #14bb82;
}

.btnGreen:hover {
    border: 1px solid #7ae3c0;
    background-color: #7ae3c0;
}

.btnViolet {
    padding: 8px 16px;
    /* margin: 16px 8px; */
    font-size: 1rem;
    font-weight: 400;
    color: white;
    border-radius: 10px;
    border: 1px solid #bb14a6;
    background-color: #bb14a6;
}

.btnViolet:hover {
    border: 1px solid #e3afdc;
    background-color: #e3afdc;
}


/* レスポンシブ */
@media (max-width: 768px) {

    section {
        padding: 80px 8px;
    }

    .pc {
        display: none;
    }

    .sp {
        display: grid;
    }

    .sectionPdg24-80 {
        padding: 8px;
    }

    .btnsErea a {
        margin: 8px;
        width: fit-content;
    }

    .yokonarabi-vhCenter {
        display: grid;
        justify-content: center;
    }


}