/* ========================================
 * about.html 専用のスタイル
 * このページだけに適用したいスタイルはここに書く
 * ======================================== */

h1 {
    color: #0053a6
}

h2::before,
h2::after {
    background: #0046ad;
}

.common__template h3 {
    color: #0046ad;
}

.policy_items {
    background: #F2F3FB;
    gap: 20px;
    padding: 20px;
}

.policy_items div {
    font-weight: bold;
    text-align: center;
    width: calc(50% - 10px);
}

.policy_items a {
    display: block;
    padding: 20px;
    background: #fff;
}

.policy_items a:hover {
    background: #ffffff99;
}

.rinen .common__template .inner {
    max-width: 950px !important;
}

.wrapper .common__template section.rinen {
    width: 950px;
}

.wrapper .common__template section.ichioshi {
    width: 737px;
    padding: 100px 0;
}

@media screen and (max-width: 768px) {
    .wrapper .common__template section.rinen {
        width: 100%;
    }

    .wrapper .common__template section.ichioshi {
        width: 100%;
        padding: 60px 20px;
    }
}