@charset "UTF-8";

/* 精神科について */

/* メインビュー画像設定 */
#psychiatry .mainv::after {
    background: url(../images/psychiatry/mainv_pc.jpg) no-repeat center center /cover;
}

/* worries */
.worries-wrap {
    background: #F9F5FD;
    padding: 60px 7%;
    border-radius: 20px;
}
.worries-wrap .sec-ttl {
    color: #7C54A5;
}
.worries-wrap .sec-ttl .en {
    color: #847098;
}
.worries-wrap .list-style li::before {
    background: #D6CDDF;
}

/* relief */
.flex-relief {
    position: relative;
}
.flex-relief p:not(:last-of-type) {
    margin-bottom: 30px;
}
.flex-relief::after {
    content: '';
    width: 131px;
    height: 132px;
    background: url(../images/psychiatry/bird-icon.png) no-repeat center center /cover;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* 初診について */
.first-wrap {
    text-align: center;
    margin-top: 40px;
}
.first-wrap .first-ttl {
    color: #F28A22;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.first-list-wrap .list-bg {
    justify-content: center;
}
.first-list-wrap .list-bg li {
    margin: 0 4px 10px;
}
.first-wrap .introduce {
    margin: 60px auto;
}

/* タブレット */
@media (max-width: 1024px) {
    /* worries */
    .worries-wrap {
        padding: 6vw 4vw;
    }
    .worries-wrap .flex-right {
        margin: 4vw auto 0;
    }

    /* relief */
    .flex-relief p:not(:last-of-type) {
        margin-bottom: 3vw;
    }
    .flex-relief .flex-area .flex-left {
        margin-bottom: 4vw;
    }
    .flex-relief .flex-area .flex-right {
        margin-bottom: 0;
    }

    /* 初診について */
    .first-wrap .introduce {
        margin: 6vw 0;
    }
}

/* スマートフォン */
@media (max-width: 750px) {
    .page-under .sec-ttl {
        line-height: 1.6;
        margin-bottom: 6vw;
    }
    .page-under .sec-ttl .en {
        margin-bottom: 2vw;
    }
    .worries-wrap {
        padding: 8vw 4vw;
        border-radius: 10px;
    }
    .worries-wrap .flex-area .flex-left {
        margin-bottom: 6vw;
    }

    /* relief */
    .flex-relief {
        padding-bottom: 10vw;
        margin-bottom: 4vw;
    }
    .flex-relief::after {
        width: 85px;
        height: 85px;
    }

    /* 初診について */
    .first-wrap .first-ttl {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .first-list-wrap .list-bg {
        justify-content: space-between;
    }
    .first-list-wrap .list-bg li {
        margin: 0 0 8px;
    }
    .first-wrap .introduce {
        text-align: left;
        margin: 6vw 0;
    }
}