/* =========================================================
   Layout Base
   ページ全体の基本レイアウト
========================================================= */

.page .site-body {
    padding: 0;
}

.site-body-container.container {
    max-width: 100%;
    padding: 0;
}

.site-body-container .main-section--margin-bottom--on {
    margin-bottom: 0;
}


/* =========================================================
   Section Background
   背景グラデーション付きセクション
========================================================= */

.section--bg-primary {
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ccf1ff 100%
    );
    padding: 5rem 0;
}


/* =========================================================
   Common Layout
   全ページ共通レイアウト
========================================================= */

/* パンくず非表示 */
.page .breadcrumb {
    display: none;
}

.page-header-inner .page-header-title,
.page-header-inner h1.page-header-title {
    margin-top: 3rem;
    font-size: 2.7rem;
    font-weight: 500;
}

/* 共通見出し */
.page h2.wp-block-heading {
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
}


/* =========================================================
   SP Layout
========================================================= */

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

    /* ページタイトル */
    .page-header-inner .page-header-title,
    .page-header-inner h1.page-header-title {
        margin-top: 2rem;
        font-size: 2rem;
    }
		
    /* 共通見出し */
    .page h2.wp-block-heading {
        font-size: 1.75rem;
    }

    /* 背景セクション */
    .section--bg-primary {
        padding: 3rem 2%;
    }
}