@charset "UTF-8";

/* 文字 */
:root{
    --fs-title-lv1: 2.4rem;
    --fs-title-lv2: 2.2rem;
    --fs-title-lv3: 2rem;
    --fs-base: 1.7rem;
    --fs-small: 1.5rem;
    --lh-base: 1.6;
}
@media screen and (max-width: 768px) {
    :root{
        --fs-title-lv1: 2rem;
        --fs-title-lv2: 1.9rem;
        --fs-title-lv3: 1.7rem;
        --fs-base: 1.6rem;
        --fs-small: 1.4rem;
    }
}

/* 色 */
:root{
    --color-gray: #ccc;
    --color-gray-light: #f0f0f0;
}

/* 余白 */
:root{
    --mt-date: 30px;
    --mt-section: 80px;
    --mt-text: 30px;
    --mt-lv3_text: 20px;
    --mt-image_text: 10px;
    --mt-note: 30px;
    --mt-lv1_note: 30px;
    --mt-image: 20px;
    --mt-lv1_image: 30px;
    --mt-image_note: 10px;
    --mt-list: 30px;
    --mt-note_list: 60px;
    --mt-item: 80px;
    --mt-lv3: 25px;
    --mt-table: 30px;
    --mt-back-button: 80px;
    --mt-policy-title-text: 20px;
    --mt-policy-sub-title: 30px;
    --mt-policy-text: 6px;
    --mt-policy-example: 10px;
}
@media screen and (max-width: 768px) {
    :root{
        --mt-date: 20px;
        --mt-section: 60px;
        --mt-text: 15px;
        --mt-lv1_note: 40px;
        --mt-note: 20px;
        --mt-list: 20px;
        --mt-note_list: 40px;
        --mt-item: 60px;
        --mt-back-button: 50px;
        --mt-policy-title-text: 15px;
        --mt-policy-sub-title: 25px;
    }
}


.p-main{
    width: 1000px;
    margin: 0 auto;
    max-width: calc(100% - 40px);
}
.p-main *,
.p-main *::before,
.p-main *::after{
    box-sizing: border-box;
}
.p-main .u-br-sp{
    display: none;
}
.p-main .u-img-w100{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .p-main{
        width: 93%;
        max-width: none;
    }
    .p-main .u-br-sp{
        display: inline;
    }
    .p-main .u-br-pc{
        display: none;
    }
}

.p-title__title{
    text-align: center;
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
}
.p-title__date{
    color: #666;
    text-align: right;
    font-size: var(--fs-base);
    margin-top: var(--mt-date);
}
@media screen and (max-width: 768px) {
    .p-title__title{
        font-size: 25px;
    }
    .p-title__date{
        font-size: 1.5rem;
        text-align: center;
    }
}

.p-section{
    margin-top: var(--mt-section);
}
.p-section__title-lv1{
    padding-bottom: 10px;
    border-bottom: 6px solid #fecc1f;
    font-size: var(--fs-title-lv1);
    line-height: var(--lh-base);
    font-weight: bold;
}
.p-section__text{
    line-height: var(--lh-base);
    font-size: var(--fs-base);
    letter-spacing: 0;
    margin-top: var(--mt-text);
}
.p-section__title-lv3 + .p-section__text{
    margin-top: var(--mt-lv3_text);
}
.p-section__image + .p-section__text{
    margin-top: var(--mt-image_text);
}
.p-section__note{
    line-height: var(--lh-base);
    font-size: var(--fs-base);
    padding: 20px;
    border: 1px solid var(--color-gray);
    border-radius: 10px;
    margin-top: var(--mt-note);
}
.p-section__title-lv1 + .p-section__note{
    margin-top: var(--mt-lv1_note);
}
.p-section__image{
    margin-top: var(--mt-image);
}
.p-section__title-lv1 + .p-section__image{
    margin-top: var(--mt-lv1_image);
}
.p-section__image + .p-section__note{
    margin-top: var(--mt-image_note);
}
.p-section__list{
    margin-top: var(--mt-list);
}
.p-section__note + .p-section__list{
    margin-top: var(--mt-note_list);
}
.p-section__item:nth-child(n+2){
    margin-top: var(--mt-item);
}
.p-section__title-lv2{
    padding-bottom: 10px;
    border-bottom: 3px solid var(--color-gray);
    font-size: var(--fs-title-lv2);
    line-height: var(--lh-base);
    font-weight: bold;
}
.p-section__title-lv3{
    line-height: var(--lh-base);
    font-size: var(--fs-title-lv3);
    font-weight: bold;
    margin-top: var(--mt-lv3);
}
.p-section__title-small{
    display: inline-block;
    font-weight: normal;
    margin-left: 20px;
    vertical-align: 2px;
    font-size: var(--fs-small);
}
.p-section__table{
    font-size: var(--fs-small);
    line-height: var(--lh-base);
    margin-top: var(--mt-table);
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.p-section__table tr:first-child{
    text-align: center;
    background: var(--color-gray-light);
}
.p-section__table th,
.p-section__table td{
    border: 1px solid var(--color-gray);
    padding: 5px 15px;
    vertical-align: middle;
}
.p-section__table th:first-child{
    width: 260px;
}
.p-section__table-percent{
    text-align: center;
}
@media screen and (max-width: 768px) {
    .p-section__title-lv1{
        padding-bottom: 9px;
        border-bottom-width: 4px;
    }
    .p-section__note{
        padding: 15px;
    }
    .p-section__table th:first-child{
        width: 130px;
    }
    .p-section__table th,
    .p-section__table td{
        padding: 5px;
    }
    .p-section__table-percent{
        width: 60px;
    }
}

.p-policy{
    background: #f4f4f4;
    padding: 40px;
    margin-top: 50px;
    word-break: break-all;
    
}
.p-policy__title{
    line-height: var(--lh-base);
    font-size: var(--fs-title-lv3);
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.p-policy__sub-title{
    line-height: var(--lh-base);
    font-size: var(--fs-base);
    font-weight: bold;
    margin-top: var(--mt-policy-sub-title);
}
.p-policy__text,
.p-policy__example{
    line-height: var(--lh-base);
    font-size: var(--fs-base);
    letter-spacing: 0;
    margin-top: var(--mt-policy-text);
}
.p-policy__example{
    background: #fff;
    padding: 12px;
    margin-top: var(--mt-policy-example);
}
.p-policy__title + .p-policy__text{
    margin-top: var(--mt-policy-title-text);
}
.p-policy__text a{
    color: #00774f;
}
.p-policy__text a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
    .p-policy{
        padding: 20px 3.5vw;
        margin-top: 30px;
    }
}

.p-back{
    display: flex;
    justify-content: center;
    margin-top: var(--mt-back-button);
}