@charset 'UTF-8';

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　CORE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　VARIABLE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　PATH
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　COLOR
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　FONT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　LAYOUT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　EASING
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　MIXIN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　Animation
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　MIXIN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　LIB
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　UNIQUE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.p-main_content {
    margin: 0 auto 160px;
}

.p-main_content > p {
    margin-bottom: 40px;
}

.p-main_content p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: .08em;
}

.p-main_content section {
    margin-bottom: 40px;
}

.p-main_content section h3 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #036;
}

.p-info {
    width: calc(100% - 155px);
}

.p-info h4 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
    letter-spacing: .08em;
    color: #333;
}

.p-info dl {
    line-height: 1.4;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
    letter-spacing: .08em;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.p-info dl dt {
    font-size: 1.4rem;
    font-weight: 700;
}

.p-info dl dd {
    font-size: 1.4rem;
    font-weight: 500;
}

.p-info ul li {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .08em;
}

@media screen and (max-width: 768px) {
    .p-main_content {
        margin-bottom: 80px;
    }

    .p-main_content > p {
        margin-bottom: 40px;
    }

    .p-main_content p {
        font-size: 1.4rem;
    }

    .p-main_content section {
        margin-bottom: 40px;
    }

    .p-main_content section h3 {
        margin-bottom: 10px;
    }

    .p-info {
        width: 100%;
    }

    .p-info h4 {
        font-size: 1.4rem;
    }
}