@charset "UTF-8";
/* A Modern CSS Reset */
* {
    margin: 0;
    padding: 0;
}

*,
::before,
::after {
    border-style: solid;
    box-sizing: border-box;
    border-width: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    line-height: 1.5;
    text-rendering: optimizeSpeed;
}

ul,
ol {
    list-style: none;
}

a {
    color: inherit;
    background-color: transparent;
    text-decoration: none;
    text-decoration-skip-ink: auto;
}

img {
    width: 100%;
    display: block;
}

input,
button,
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 0;
    background: transparent;
    font: inherit;
    outline: none;
}

textarea {
    resize: none;
}

input[type="checkbox"],
input[type="radio"] {
    display: none;
}

input[type="submit"],
input[type="button"],
label,
button,
select {
    cursor: pointer;
}

select::-ms-expand {
    display: none;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    color: #707070;
    margin-top: 60px;
}
@media screen and (min-width: 768px) {
    body {
        margin-top: 100px;
    }
}

html {
    font-size: 16px;
}
@media (max-width: 375px) {
    html {
        font-size: 4.2666666667vw;
    }
}
@media screen and (min-width: 768px) {
    html {
        font-size: 1.0191082803vw;
    }
}
@media (min-width: 1570px) {
    html {
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
    a {
        transition: 0.3s;
    }
    a:hover {
        opacity: 0.7;
    }
}

html.fixed {
    overflow: hidden;
}

.header {
    width: 100%;
    height: 3.75rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
    .header {
        height: 6.25rem;
        box-shadow: initial;
    }
}

.header__inner {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .header__inner {
        max-width: 162rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.header__logo {
    height: inherit;
    width: 14rem;
}
@media screen and (min-width: 768px) {
    .header__logo {
        width: 25.1875rem;
    }
}

.header__logo-img {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
}

.header__logo-img img {
    height: inherit;
    aspect-ratio: 224/50;
    object-fit: contain;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .header__logo-img img {
        aspect-ratio: 403/90;
    }
}

.header__nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}
@media screen and (min-width: 768px) {
    .header__nav {
        display: block;
        position: initial;
    }
}

.header__circle {
    position: fixed;
    z-index: 7;
    /*丸の形*/
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/drawer-menu.webp)
        no-repeat center/cover;
    /*丸のスタート位置と形状*/
    transform: scale(0); /*scaleをはじめは0に*/
    right: -3.125rem;
    top: -3.125rem;
    transition: all 0.6s; /*0.6秒かけてアニメーション*/
}

.header__circle.circle {
    transform: scale(50); /*クラスが付与されたらscaleを拡大*/
}

.footer {
    padding-top: 1.625rem;
    background-color: #ebf5fe;
}
@media screen and (min-width: 768px) {
    .footer {
        padding-top: 6.875rem;
    }
}

.footer__inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
    .footer__inner {
        width: 72.3958333333%;
        max-width: 136.875rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
        display: flex;
        justify-content: space-between;
        margin-bottom: 6.75rem;
    }
}

@media screen and (min-width: 768px) {
    .footer__logo {
        width: 31.25rem;
    }
}

@media screen and (min-width: 768px) {
    .footer__logo img {
        aspect-ratio: 500/204;
        object-fit: cover;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .footer__menu {
        width: 54.6762589928%;
    }
}

.footer__nav {
    border-bottom: 0.0625rem solid;
    border-image: radial-gradient(
            rgba(0, 255, 213, 0.7),
            rgba(123, 151, 245, 0.5)
        )
        70% 1;
}

.footer__list {
    margin-bottom: 1.625rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .footer__list {
        margin-bottom: 2.59375rem;
        text-align: initial;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}

.footer__list li {
    padding: 0.875rem 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .footer__list li {
        padding: 0;
        white-space: nowrap;
    }
}

.footer__contact {
    text-align: center;
}

.footer__logo-sp {
    margin: 2rem auto 0;
    width: 11.25rem;
}

.footer__logo-sp img {
    aspect-ratio: 180/74;
    object-fit: cover;
    width: 100%;
}

.footer__address {
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #4c6a84;
}
@media screen and (min-width: 768px) {
    .footer__address {
        margin-top: 2.46875rem;
        font-size: 1.5rem;
        line-height: 1;
    }
}

.footer__tel {
    margin-top: 0.75rem;
}

.footer__tel a {
    color: #4c6a84;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    white-space: nowrap;
}
@media screen and (min-width: 768px) {
    .footer__tel a {
        font-size: 2.5rem;
        line-height: 1;
    }
}

.footer__small {
    background-color: #4c6a84;
    padding: 1rem 0 1.0625rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .footer__small {
        padding: 2.75rem 0 2.6875rem;
    }
}

.footer__small small {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1;
}

.inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .inner {
        max-width: 1570px;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.section-title__wrapper {
    text-align: center;
}

.section-title {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.section-title__img {
    width: 3.4125rem;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .section-title__img {
        width: 5.125rem;
    }
}

.section-title__img img {
    aspect-ratio: 54.6/50;
    object-fit: cover;
    width: 100%;
}

.section-title__category {
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1;
    margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
    .section-title__category {
        font-size: 2.5rem;
        line-height: 1;
        margin-top: 0.5rem;
    }
}

.section-title__category-s {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1;
    margin-top: 0.75rem;
    text-transform: capitalize;
}
@media screen and (min-width: 768px) {
    .section-title__category-s {
        font-size: 1rem;
        line-height: 1;
        margin-top: 0.5rem;
    }
}

.btn-wrapper {
    text-align: center;
}

.btn {
    text-align: start;
    cursor: pointer;
    display: inline-block;
    min-width: 18.125rem;
    padding: 1.5625rem 0 1.5625rem 1.875rem;
    border: 1px solid #707070;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 300;
    background-color: #fff;
    white-space: nowrap;
}
@media screen and (min-width: 768px) {
    .btn {
        min-width: 20rem;
        padding: 1.6875rem 7.1875rem;
    }
}

.btn:hover {
    opacity: 1;
    background-color: #4c6a84;
    color: #fff;
}

.arrow {
    position: relative;
}

.arrow::before {
    content: "";
    display: inline-block;
    width: 3.625rem;
    height: 0.625rem;
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    transform: skew(45deg);
    position: absolute;
    top: 1.875rem;
    right: 1rem;
    transition: all 0.2s linear;
}
@media screen and (min-width: 768px) {
    .arrow::before {
        width: 4.929375rem;
        top: 1.875rem;
        right: -2.9975rem;
    }
}

.arrow:hover::before {
    right: -0.0625rem;
}
@media screen and (min-width: 768px) {
    .arrow:hover::before {
        right: -3.9375rem;
    }
}

@media screen and (min-width: 768px) {
    .arrow__pc {
        position: relative;
    }
}

.arrow__pc::before {
    display: none;
}
@media screen and (min-width: 768px) {
    .arrow__pc::before {
        content: "";
        display: inline-block;
        width: 3.625rem;
        height: 0.625rem;
        border-bottom: 1px solid #707070;
        border-right: 1px solid #707070;
        transform: skew(45deg);
        position: absolute;
        top: 0.9375rem;
        right: 6.0625rem;
        transition: all 0.2s linear;
    }
}

@media screen and (min-width: 768px) {
    .arrow__pc:hover::before {
        opacity: 0.7;
        right: 5rem;
    }
}

.header-nav {
    margin-top: 3.75rem;
    width: 100%;
    height: 100vh;
    background-color: transparent;
    position: fixed;
    z-index: 10;
    top: 0;
}
@media screen and (min-width: 768px) {
    .header-nav {
        margin-top: 0;
        width: 50.875rem;
        height: initial;
        position: initial;
    }
}

.header-nav__wrapper {
    display: flex;
    margin-top: 3.625rem;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 768px) {
    .header-nav__wrapper {
        margin-top: 0;
        display: block;
    }
}

.header-nav__list {
    width: 78.9333333333%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .header-nav__list {
        display: flex;
        margin: 0;
        width: 100%;
    }
}

.header-nav__list li {
    padding: 1.375rem 0 1rem;
    border-bottom: 0.0625rem solid;
    border-image: radial-gradient(
            rgba(0, 255, 213, 0.7),
            rgba(123, 151, 245, 0.5)
        )
        70% 1;
}
@media screen and (min-width: 768px) {
    .header-nav__list li {
        margin: 0 3.125rem;
        padding: 0;
        border-bottom: initial;
        position: relative;
    }
}

@media screen and (min-width: 768px) {
    .header-nav__list li:nth-child(n + 2)::before {
        position: absolute;
        content: "";
        display: inline-block;
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 50%;
        background-color: rgba(86, 169, 240, 0.6);
        top: 0.5rem;
        left: -3.125rem;
    }
}

.header-nav__list li a {
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.7333333333;
    flex-wrap: wrap;
    transition: 0.3s;
}
@media screen and (min-width: 768px) {
    .header-nav__list li a {
        color: #707070;
        font-size: 1.125rem;
        line-height: 1;
        font-weight: 300;
        display: block;
        white-space: nowrap;
        position: relative;
        transition: initial;
    }
}

.header-nav__list li a:hover {
    opacity: 0.7;
}
@media screen and (min-width: 768px) {
    .header-nav__list li a:hover {
        opacity: 1;
    }
}

@media screen and (min-width: 768px) {
    .header-nav__list li a::after {
        content: "";
        display: block;
        width: 100%;
        /*絶対配置で線の位置を決める*/
        position: absolute;
        bottom: -0.625rem;
        left: 0;
        /*線の形状*/
        border-bottom: 0.0625rem solid;
        border-image: radial-gradient(
                rgba(0, 255, 213, 0.7),
                rgba(123, 151, 245, 0.5)
            )
            70% 1;
        /*アニメーションの指定*/
        transition: all 0.3s;
        transform: scale(0, 1); /*X方向0、Y方向1*/
        transform-origin: center top; /*上部中央基点*/
    }
}

@media screen and (min-width: 768px) {
    .header-nav__list li a:hover::after {
        transform: scale(1, 1); /*X方向にスケール拡大*/
    }
}

.hamburger {
    padding: 0.3125rem;
}
@media screen and (min-width: 768px) {
    .hamburger {
        display: none;
    }
}

.hamburger span {
    display: block;
    width: 1.66375rem;
    height: 0.125rem;
    border-radius: 0.0625rem;
    background-color: #4c6a84;
    transition: 0.3s;
}

.hamburger span:nth-child(2) {
    margin: 0.421875rem 0;
}

.hamburger.open span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: left;
}

.hamburger.open span:nth-child(2) {
    opacity: 0;
}

.hamburger.open span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: left;
}

.vegas-container {
    height: calc(100vh - 1.875rem);
}

.slider {
    width: 100%;
    height: calc(100vh - 1.875rem);
    /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    min-height: 31.25rem;
    box-shadow: 1.875rem 1.875rem #4c6a84;
}
@media screen and (min-width: 768px) {
    .slider {
        width: 79.6875%;
        height: 51.25rem;
        position: relative;
    }
}

.back {
    background-image: url(/wp-content/themes/watanabeneruso-clinic/img/img1/main-bg-img-sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 15.5625rem;
}
@media screen and (min-width: 768px) {
    .back {
        background-image: url(/wp-content/themes/watanabeneruso-clinic/img/img1/main-bg-img.webp);
        background-position: 0 22.375rem;
    }
}

.back__about {
    background: initial;
}
@media screen and (min-width: 768px) {
    .back__about {
        background-image: url(/wp-content/themes/watanabeneruso-clinic/img/img1/about-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 28rem;
    }
}

.category__schedule {
    border: 0.0625rem solid #ffb576;
    color: #ffb576;
}

.category__colona {
    border: 0.0625rem solid #ff7676;
    color: #ff7676;
}

.category__sales {
    border: 0.0625rem solid #76abff;
    color: #76abff;
}

.top-mv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 13.75rem;
    position: relative;
}
@media screen and (min-width: 768px) {
    .top-mv {
        height: 18.75rem;
    }
}

.top-mv::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 100%;
    height: inherit;
    background-color: rgba(0, 0, 0, 0.16);
}

.top-mv__box {
    text-align: center;
    position: absolute;
    z-index: 3;
}

.top-mv__title {
    text-transform: capitalize;
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 1.7;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .top-mv__title {
        font-size: 5rem;
        line-height: 1;
    }
}

.top-mv__text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.0384615385;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .top-mv__text {
        margin-top: 0.75rem;
        font-size: 1.5rem;
        line-height: 1;
    }
}

/* ページネーション */

.list-group {
    margin-top: 3.75rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .list-group {
        margin-top: 6.25rem;
    }
}

.list-group__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prev {
    display: inline-block;
    content: "";
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0 30px;
    border-left: 0.125rem solid #707070;
    border-bottom: 0.125rem solid #707070;
    transform: rotate(45deg);
    transition: 0.3s;
}

.prev:hover {
    opacity: 0.7;
}

.prev.disabled {
    opacity: 0.5;
    pointer-events: none; /* disable click event */
}

.page-numbers:not(.prev):not(.dots):not(.next):not(ul) {
    display: block;
    border: 0.0625rem solid #707070;
    border-radius: 0.25rem;
    margin: 0 0.25rem;
}
@media screen and (min-width: 768px) {
    .page-numbers:not(.prev):not(.dots):not(.next):not(ul) {
        margin: 0 0.375rem;
    }
}

.page-numbers:not(.prev):not(.dots):not(.next):not(ul) {
    text-decoration: none;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    display: grid;
    place-items: center;
    transition: 0.3s;
}
@media screen and (min-width: 768px) {
    .page-numbers:not(.prev):not(.dots):not(.next):not(ul) {
        width: 2.5rem;
        height: 2.5rem;
    }
}

.page-numbers:not(.prev):not(.dots):not(.next):not(ul) {
    opacity: 0.7;
}

.dots {
    display: inline-block;
    margin: 0 0.25rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .dots {
        margin: 0 0.375rem;
    }
}

.next {
    content: "";
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0 30px;
    border-right: 0.125rem solid #707070;
    border-bottom: 0.125rem solid #707070;
    transform: rotate(-45deg);
    transition: 0.3s;
}

.next:hover {
    opacity: 0.7;
}

.current {
    background-color: #4c6a84;
    color: #fff;
    border: 0.0625rem solid #707070;
    border-radius: 0.25rem;
}

/* ページネーションここまで */

.news-detail-btn__wrapper {
    width: 86.5671641791%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .news-detail-btn__wrapper {
        width: 75.7894736842%;
    }
}

.news-detail-btn__box {
    display: flex;
    justify-content: space-between;
}

.news-detail-btn__prev {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.news-detail-btn__prev a {
    display: inline-block;
    padding-left: 1.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .news-detail-btn__prev a {
        padding-left: 3.875rem;
        font-size: 1.125rem;
        line-height: 1;
    }
}

.news-detail-btn__prev a::before {
    position: absolute;
    top: 0.5rem;
    left: -0.5rem;
    content: "";
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0 10px;
    border-radius: 0.09375rem;
    border-left: 0.1875rem solid #4c6a84;
    border-bottom: 0.1875rem solid #4c6a84;
    transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
    .news-detail-btn__prev a::before {
        width: 0.75rem;
        height: 0.75rem;
        top: 50%;
        transform: rotate(45deg) translateY(-50%);
    }
}

.news-detail-btn__next {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.news-detail-btn__next a {
    display: inline-block;
    padding-right: 1.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .news-detail-btn__next a {
        padding-right: 3.875rem;
        font-size: 1.125rem;
        line-height: 1;
    }
}

.news-detail-btn__next a::before {
    position: absolute;
    top: 0.5rem;
    right: -0.5rem;
    content: "";
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0 10px;
    border-radius: 0.09375rem;
    border-right: 0.1875rem solid #4c6a84;
    border-bottom: 0.1875rem solid #4c6a84;
    transform: rotate(-45deg);
}
@media screen and (min-width: 768px) {
    .news-detail-btn__next a::before {
        width: 0.75rem;
        height: 0.75rem;
        top: 50%;
        transform: rotate(-45deg) translateY(-50%);
    }
}

.news-detail-btn__list {
    margin-top: 1.5rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .news-detail-btn__list {
        margin-top: 0;
    }
}

.news-detail-btn__list a {
    display: inline-block;
    width: 18.125rem;
    padding: 1.5rem 0;
    background-color: #4c6a84;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
    border: 0.0625rem solid #707070;
}
@media screen and (min-width: 768px) {
    .news-detail-btn__list a {
        font-size: 1.125rem;
        line-height: 1;
        width: 20rem;
        padding: 1.625rem 0 1.75rem;
    }
}

.mv {
    margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
    .mv {
        margin-top: 6.25rem;
    }
}

.mv {
    min-height: 31.25rem; /* 最低でも500pxの高さを確保 */
    max-height: 100vh; /* 画面の高さいっぱいまで拡大 */
}
@media screen and (min-width: 768px) {
    .mv {
        height: 89.4736842105%;
    }
}

.mv__box {
    height: inherit;
    min-height: 31.25rem;
    position: relative;
}
@media screen and (min-width: 768px) {
    .mv__box {
        display: flex;
        justify-content: flex-end;
    }
}

.mv__message {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 0; /* 左からの位置指定 */
    right: 0; /* 右からの位置指定 */
    margin: auto; /* 位置調整と組み合わせて上下中央に */
    z-index: 6;
    width: 29.4594594595%;
}
@media screen and (min-width: 768px) {
    .mv__message {
        position: initial;
        width: 9.38rem;
        margin: 4.66875rem 2.30125rem 0 0;
    }
}

.mv__img {
    display: flex;
    justify-content: center;
    height: 90%;
}
@media screen and (min-width: 768px) {
    .mv__img {
        display: initial;
    }
}

.mv__img img {
    aspect-ratio: 134.04/550;
    object-fit: contain;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .mv__img img {
        aspect-ratio: 150.08/752;
        width: 100%;
    }
}

.news {
    padding: 3.75rem 0;
}
@media screen and (min-width: 768px) {
    .news {
        padding: 10rem 0 5rem;
    }
}

.news__inner {
    margin-top: 2.5rem;
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .news__inner {
        width: 67.7083333333%;
        max-width: 131.25rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.news__list {
    border-bottom: 0.0625rem solid;
    border-image: radial-gradient(
            rgba(0, 255, 213, 0.7),
            rgba(123, 151, 245, 0.5)
        )
        70% 1;
    padding-bottom: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .news__list {
        padding-bottom: 2.5rem;
        padding-left: 6.0625rem;
    }
}

.news__list:nth-child(n + 2) {
    margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .news__list:nth-child(n + 2) {
        margin-top: 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .news__link {
        display: flex;
        align-items: center;
    }
}

.news__box {
    display: flex;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .news__box {
        width: 22.5625rem;
    }
}

.news__date {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .news__date {
        font-size: 1rem;
        line-height: 1;
    }
}

.news__category {
    margin-left: 1.28125rem;
    padding: 0.375rem 0.0625rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .news__category {
        margin-left: 3.75rem;
        padding: 0.625rem;
    }
}

.news__text {
    margin-top: 0.9375rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .news__text {
        margin-top: 0;
        font-size: 1rem;
        line-height: 1;
    }
}

.news__btn {
    margin-top: 3.000625rem;
}
@media screen and (min-width: 768px) {
    .news__btn {
        margin-top: 5.3125rem;
    }
}

.about {
    padding: 3.75rem 0;
}
@media screen and (min-width: 768px) {
    .about {
        padding: 7.5rem 0;
    }
}

.about__inner {
    display: flex;
    flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
    .about__inner {
        flex-direction: row;
        justify-content: center;
    }
}

.about__wrapper {
    margin-top: 3.75rem;
    padding: 0 0.625rem;
}
@media screen and (min-width: 768px) {
    .about__wrapper {
        margin-top: 0;
        padding: 0;
        width: 50%;
    }
}

.about__box {
    margin-top: 2.5rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .about__box {
        margin-top: 5rem;
    }
}

.about_text {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .about_text {
        font-size: 1.5rem;
        line-height: 1;
    }
}

.about__message {
    margin-top: 2.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .about__message {
        font-size: 1.125rem;
        line-height: 1.7222222222;
    }
}

.about__btn {
    margin-top: 3.8125rem;
}
@media screen and (min-width: 768px) {
    .about__btn {
        margin-top: 5rem;
    }
}

.about__imgbox {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .about__imgbox {
        margin-right: 0;
        margin-left: 0;
        width: 50%;
        flex-direction: row;
    }
}

.about__img-rbox {
    margin-left: auto;
    width: 19.6875rem;
}
@media screen and (min-width: 768px) {
    .about__img-rbox {
        margin-left: 0;
        width: 25rem;
    }
}

.about__img-lbox {
    margin-top: -3.9375rem;
    margin-right: auto;
    width: 19.6875rem;
}
@media screen and (min-width: 768px) {
    .about__img-lbox {
        margin-right: 0;
        margin-left: -2.5rem;
        margin-top: -3.5rem;
        width: 25rem;
    }
}

.about__img img {
    aspect-ratio: 315/270;
    object-fit: cover;
    width: 100%;
    box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
    .about__img img {
        aspect-ratio: 400/647;
        box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.16);
    }
}

.treatment {
    padding: 3.75rem 0;
}
@media screen and (min-width: 768px) {
    .treatment {
        padding: 7.5rem 0;
    }
}

.treatment__inner {
    display: flex;
    flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
    .treatment__inner {
        flex-direction: row-reverse;
        justify-content: center;
    }
}

.treatment__wrapper {
    margin-top: 3.75rem;
    padding: 0 0.625rem;
}
@media screen and (min-width: 768px) {
    .treatment__wrapper {
        margin-top: 0;
        padding: 0;
        width: 50%;
    }
}

.treatment__box {
    margin-top: 2.5rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .treatment__box {
        margin-top: 5rem;
    }
}

.treatment_text {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .treatment_text {
        font-size: 1.5rem;
        line-height: 1;
    }
}

.treatment__message {
    margin-top: 2.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .treatment__message {
        font-size: 1.125rem;
        line-height: 1.7222222222;
    }
}

.treatment__btn {
    margin-top: 3.8125rem;
}
@media screen and (min-width: 768px) {
    .treatment__btn {
        margin-top: 5rem;
    }
}

.treatment__imgbox {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .treatment__imgbox {
        margin-right: 0;
        margin-left: 0;
        width: 50%;
        flex-direction: row;
    }
}

.treatment__img-rbox {
    margin-left: auto;
    width: 19.6875rem;
    margin-top: -3.9375rem;
}
@media screen and (min-width: 768px) {
    .treatment__img-rbox {
        margin-left: -2.5rem;
        margin-top: -3.5rem;
        width: 25rem;
    }
}

.treatment__img-lbox {
    margin-right: auto;
    width: 19.6875rem;
}
@media screen and (min-width: 768px) {
    .treatment__img-lbox {
        margin-right: 0;
        width: 25rem;
    }
}

.treatment__img img {
    aspect-ratio: 315/270;
    object-fit: cover;
    width: 100%;
    box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
    .treatment__img img {
        aspect-ratio: 400/647;
        box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.16);
    }
}

.contact {
    padding: 3.75rem 0;
}
@media screen and (min-width: 768px) {
    .contact {
        padding: 5rem 0;
    }
}

.contact__box {
    position: relative;
}

.contact__mv {
    position: relative;
}

.contact__img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    z-index: 1;
}

.contact__img img {
    aspect-ratio: 375/217;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .contact__img img {
        aspect-ratio: 1920/640;
    }
}

.contact-inner {
    margin-top: 3rem;
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .contact-inner {
        margin-top: 5.6875rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 4;
        max-width: 85.875rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.contact__text {
    margin-top: 2.5rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    font-weight: 300;
}
@media screen and (min-width: 768px) {
    .contact__text {
        margin-top: 5rem;
        font-size: 1.125rem;
        line-height: 1.7222222222;
    }
}

.contact__btn {
    margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
    .contact__btn {
        margin-top: 5rem;
    }
}

.access {
    padding: 7.5rem 0;
}
@media screen and (min-width: 768px) {
    .access {
        padding: 5rem 0;
    }
}

.access-inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .access-inner {
        width: 53.125rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 100rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.access__map {
    margin-top: 3.5625rem;
}
@media screen and (min-width: 768px) {
    .access__map {
        margin: 4.8125rem auto 0;
    }
}

.access__map iframe {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .access__map iframe {
        width: 40.625rem;
    }
}

.access__text {
    margin-top: 2.5rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .access__text {
        margin-top: 4.8125rem;
        font-size: 1rem;
        line-height: 1.9375;
    }
}

.access__table {
    margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
    .access__table {
        margin-top: 4.8125rem;
    }
}

.access__table,
td,
th {
    border-collapse: collapse;
}

.access__table tr {
    border-bottom: 0.0625rem solid #707070;
}

.access__table tr:last-child {
    border-bottom: initial;
}

td,
th {
    text-align: center;
    height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    td,
    th {
        height: 3.75rem;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1;
    }
}

td {
    width: 1.875rem;
    color: #4c6a84;
}
@media screen and (min-width: 768px) {
    td {
        width: 5rem;
    }
}

th {
    width: 5rem;
}
@media screen and (min-width: 768px) {
    th {
        width: 15rem;
    }
}

.blue {
    color: #76abff;
}

.red {
    color: #ff7676;
}

.top-p__about {
    background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-about-sp.webp)
        no-repeat center/cover;
}
@media screen and (min-width: 768px) {
    .top-p__about {
        background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-about.webp)
            no-repeat center/cover;
    }
}

.top-p__treatment {
    background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-treatment-sp.webp)
        no-repeat center/cover;
}
@media screen and (min-width: 768px) {
    .top-p__treatment {
        background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-treatment.webp)
            no-repeat center/cover;
    }
}

.top-p__news {
    background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-news-sp.webp)
        no-repeat center/cover;
}
@media screen and (min-width: 768px) {
    .top-p__news {
        background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-news.webp)
            no-repeat center/cover;
    }
}

.top-p__contact {
    background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-contact-sp.webp)
        no-repeat center/cover;
}
@media screen and (min-width: 768px) {
    .top-p__contact {
        background: url(/wp-content/themes/watanabeneruso-clinic/img/img1/p-contact.webp)
            no-repeat center/cover;
    }
}

.page {
    margin: 0.75rem 0 0;
}
@media screen and (min-width: 768px) {
    .page {
        margin: 1rem 0 0;
    }
}

/* パンくずリスト */

div#breadcrumb > ul {
    list-style: none;
    display: flex;
}
div#breadcrumb > ul > li {
    display: inline;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.714285;
}
div#breadcrumb > ul > li:nth-child(n + 2) {
    margin-left: 0.5rem;
}
div#breadcrumb > ul > li:nth-last-child(2) {
    color: #4c6a84;
}
div#breadcrumb > ul > li:last-child {
    color: #4c6a84;
}
div#breadcrumb > ul > li:not(:last-child):not(:nth-last-child(2)) {
    color: rgba(76, 106, 132, 0.5);
}
div#breadcrumb > ul > li > a {
    color: inherit;
    text-decoration: none;
    margin-right: 0.5rem;
    color: rgba(76, 106, 132, 0.5);
}

/* パンくずリスト終わり */

.director {
    margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
    .director {
        margin-top: 7.5rem;
    }
}

.director__introduction {
    text-align: center;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1;
    color: #4c6a84;
}
@media screen and (min-width: 768px) {
    .director__introduction {
        font-size: 2.5rem;
        line-height: 1;
    }
}

.director__inner {
    margin-top: 1.9375rem;
}
@media screen and (min-width: 768px) {
    .director__inner {
        margin-top: 5rem;
    }
}

.director__img-box {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
    .director__img-box {
        margin-left: 0;
        margin-right: 0;
        width: 67.6315789474%;
        box-shadow: 0.125rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.25);
    }
}

.director__img img {
    aspect-ratio: 375/220;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .director__img img {
        aspect-ratio: 1028/686;
    }
}

.director__wrapper {
    margin-top: -3rem;
    background-color: #fff;
    padding: 3.75rem 1.25rem;
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .director__wrapper {
        margin-top: -30.5rem;
        margin-left: auto;
        padding: 5rem 2.5rem;
        width: 57.8947368421%;
        position: relative;
        z-index: 2;
    }
}

.director__text {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .director__text {
        font-size: 1.5rem;
        line-height: 1.7083333333;
    }
}

.director__text:nth-child(n + 2) {
    margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
    .director__text:nth-child(n + 2) {
        margin-top: 2.5rem;
    }
}

.director__text span {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.7;
}
@media screen and (min-width: 768px) {
    .director__text span {
        font-size: 1.875rem;
        line-height: 1.3666666667;
    }
}

.director__sign {
    text-align: end;
    margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
    .director__sign {
        margin-top: 2.9375rem;
    }
}

.director__title {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1;
    color: #000;
}
@media screen and (min-width: 768px) {
    .director__title {
        font-size: 1rem;
        line-height: 1.6875;
    }
}

.director__name {
    margin-top: 0.3125rem;
    width: 6.25rem;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .director__name {
        margin-top: 0.75rem;
        width: 10.375rem;
    }
}

.director__name img {
    aspect-ratio: 100/24;
    object-fit: contain;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .director__name img {
        aspect-ratio: 166/40;
    }
}

.inhospital {
    padding: 7.5rem 0 6.875rem;
}
@media screen and (min-width: 768px) {
    .inhospital {
        padding: 10rem 0 12.5rem;
    }
}

.inhospital__introduction {
    text-align: center;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1;
    color: #4c6a84;
}
@media screen and (min-width: 768px) {
    .inhospital__introduction {
        font-size: 2.5rem;
        line-height: 1;
    }
}

.inhospital__inner {
    margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
    .inhospital__inner {
        margin-top: 6.25rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.inhospital__text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875;
}
@media screen and (min-width: 768px) {
    .inhospital__text {
        font-size: 1.5rem;
        line-height: 1.7083333333;
    }
}

.inhospital__container {
    margin-top: 3.75rem;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1.875rem;
}
@media screen and (min-width: 768px) {
    .inhospital__container {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 5.3125rem;
        row-gap: 3.75rem;
    }
}

.inhospital__img {
    width: 100%;
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.05);
}

.inhospital__img img {
    aspect-ratio: 335/248;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .inhospital__img img {
        aspect-ratio: 450/333;
    }
}

.pain-btn {
    margin-top: 3.875rem;
}
@media screen and (min-width: 768px) {
    .pain-btn {
        margin-top: 8.125rem;
    }
}

.pain-btn__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .pain-btn__wrapper {
        flex-direction: row;
    }
}

.pain-btn__box {
    text-align: center;
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
    .pain-btn__box {
        margin: 0 2.5rem;
    }
}

.pain-btn__box a {
    display: block;
    width: 18.125rem;
    color: #fff;
    background-color: #4c6a84;
    padding: 1.5rem 0 1.5625rem;
    transition: 0.3s;
}
@media screen and (min-width: 768px) {
    .pain-btn__box a {
        width: 20rem;
    }
}

.pain-btn__box a:hover {
    opacity: 0.7;
}

.pain-btn__box:nth-child(n + 2) {
    margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .pain-btn__box:nth-child(n + 2) {
        margin-top: 0;
    }
}

.pain-inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .pain-inner {
        width: 78.125rem;
        max-width: 125rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.pain-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pain-title__img {
    width: 3.75rem;
}
@media screen and (min-width: 768px) {
    .pain-title__img {
        width: 4.375rem;
    }
}

.pain-title__img img {
    aspect-ratio: 60/60;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .pain-title__img img {
        aspect-ratio: 70/58;
    }
}

.pain-title__text {
    margin-top: 0.625rem;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1;
}

.pain__top {
    margin-top: 5rem;
}
@media screen and (min-width: 768px) {
    .pain__top {
        margin-top: 6.25rem;
    }
}

.pain__top-upset {
    margin-top: 6.25rem;
}
@media screen and (min-width: 768px) {
    .pain__top-upset {
        margin-top: 10rem;
    }
}

.pain__top-medical {
    margin-top: 6.25rem;
    padding-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
    .pain__top-medical {
        margin-top: 10rem;
        padding-bottom: 10rem;
    }
}

.pain__message {
    margin-top: 1.25rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875;
}
@media screen and (min-width: 768px) {
    .pain__message {
        margin-top: 2.5rem;
    }
}

.pain__container {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
}
@media screen and (min-width: 768px) {
    .pain__container {
        width: 100%;
        margin-top: 3.125rem;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 11.25rem;
    }
}

.pain__box {
    margin: 0 auto;
    width: 13.75rem;
}
@media screen and (min-width: 768px) {
    .pain__box {
        width: 17.5rem;
    }
}

.pain__img {
    border-radius: 50%;
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.05);
}

/*　画像の拡大　*/
.pain__img img {
    aspect-ratio: 220/220;
    object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: 0.3s ease-in-out; /*移り変わる速さを変更したい場合はこの数値を変更*/
}

.pain__img a:hover img {
    /*hoverした時の変化*/
    opacity: 1;
    transform: scale(1.2); /*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/
.pain__mask {
    display: block;
    border-radius: 50%;
    line-height: 0; /*行の高さを0にする*/
    overflow: hidden; /*拡大してはみ出る要素を隠す*/
}

.pain__text {
    margin-top: 1.25rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}

.sickness {
    padding: 3.75rem 0 6.25rem;
}
@media screen and (min-width: 768px) {
    .sickness {
        padding: 7.5rem 0 12.5rem;
    }
}

.sickness__inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .sickness__inner {
        width: 61.9791666667%;
        max-width: 121.25rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.sickness__img {
    width: 20.9375rem;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .sickness__img {
        width: 34.5rem;
    }
}

.sickness__img img {
    object-fit: cover;
    width: 100%;
}

.sickness__title {
    margin-top: 2.5rem;
    display: inline-flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.7;
}
@media screen and (min-width: 768px) {
    .sickness__title {
        margin-top: 5rem;
        font-size: 1.5rem;
        line-height: 1.7083333333;
    }
}

.sickness__title::before {
    content: "";
    display: inline-block;
    width: 0.25rem;
    height: 3rem;
    background-color: #4c6a84;
    margin-right: 0.75rem;
}
@media screen and (min-width: 768px) {
    .sickness__title::before {
        width: 0.375rem;
        height: 3.75rem;
    }
}

.sickness__box {
    margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
    .sickness__box {
        margin-top: 3.75rem;
    }
}

.sickness__text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875;
}

.sickness__text:nth-child(n + 2) {
    margin-top: 1.875rem;
}

.sickness__btn {
    margin-top: 5rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .sickness__btn {
        margin-top: 7.5rem;
    }
}

.sickness__btn a {
    display: inline-block;
    width: 18.125rem;
    color: #fff;
    background-color: #4c6a84;
    padding: 1.5rem 0 1.5625rem;
    transition: 0.3s;
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
    .sickness__btn a {
        width: 20rem;
    }
}

.sickness__btn a:hover {
    opacity: 0.7;
}

.p-news {
    margin-top: 3.75rem;
    margin-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
    .p-news {
        margin-top: 7.5rem;
        margin-bottom: 12.5rem;
    }
}

@media screen and (min-width: 768px) {
    .p-news__inner {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .p-news__notice {
        width: 72.8476821192%;
    }
}

.p-news__container {
    width: 100%;
}

.p-news__wrapper:nth-child(n + 2) {
    margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
    .p-news__wrapper:nth-child(n + 2) {
        margin-top: 2.5rem;
    }
}

.p-news__item {
    display: flex;
    justify-content: space-between;
}

.p-news__box {
    width: 62.6865671642%;
}
@media screen and (min-width: 768px) {
    .p-news__box {
        width: 70%;
    }
}

.p-news__category {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1;
    padding: 0.25rem 0.3125rem 0.375rem 0.375rem;
}
@media screen and (min-width: 768px) {
    .p-news__category {
        font-size: 1rem;
        line-height: 1;
        padding: 0.25rem 0.4375rem 0.3125rem 0.5rem;
    }
}

.p-news__text {
    margin-top: 0.25rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media screen and (min-width: 768px) {
    .p-news__text {
        margin-top: 1.5rem;
        font-size: 1.5rem;
        line-height: 1;
        -webkit-line-clamp: 3;
    }
}

.p-news__date {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .p-news__date {
        margin-top: 1.5rem;
        font-size: 1rem;
        line-height: 1;
    }
}

.p-news__img {
    width: 35.8208955224%;
}
@media screen and (min-width: 768px) {
    .p-news__img {
        width: 27.2727272727%;
    }
}

.p-news__img img {
    aspect-ratio: 120/94;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-news__img img {
        aspect-ratio: 300/200;
    }
}

.news-inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .news-inner {
        width: 78.6458333333%;
        max-width: 141.25rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.news-archive {
    margin-top: 6.25rem;
}
@media screen and (min-width: 768px) {
    .news-archive {
        margin-top: 0;
        width: 19.8675496689%;
    }
}

@media screen and (min-width: 768px) {
    .news-archive__inner {
        padding: 5rem 2.1875rem;
        background-color: #ebf5fe;
    }
}

.news-archive__box:nth-child(n + 2) {
    margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
    .news-archive__box:nth-child(n + 2) {
        margin-top: 7.5rem;
    }
}

.news-archive__category {
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1;
    padding-left: 1.8125rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid;
    border-image: radial-gradient(
            rgba(0, 255, 213, 0.7),
            rgba(123, 151, 245, 0.5)
        )
        70% 1;
}
@media screen and (min-width: 768px) {
    .news-archive__category {
        padding-left: 0;
    }
}
@media screen and (min-width: 1819px) {
    .news-archive__category {
        font-size: 1.75rem;
        line-height: 1;
        padding-left: 0;
    }
}

/* カテゴリー別アーカイブ */

.children {
    margin-top: 2rem;
}
@media screen and (min-width: 768px) {
    .children {
        margin-top: 2.5rem;
    }
}

.news-archive__wrapper {
    margin: 1.5rem auto 0;
    width: 58.6666666667%;
}
@media screen and (min-width: 768px) {
    .news-archive__wrapper {
        margin: 2.5rem auto 0;
        width: 100%;
    }
}

.cat-item {
    transition: 0.3s;
    position: relative;
}

.cat-item:hover {
    opacity: 0.7;
}

.cat-item:nth-child(n + 2) {
    margin-top: 2rem;
}
@media screen and (min-width: 768px) {
    .cat-item:nth-child(n + 2) {
        margin-top: 2.5rem;
    }
}

.cat-item::before {
    position: absolute;
    top: 0.5rem;
    right: 0;
    content: "";
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0 10px;
    border-radius: 0.09375rem;
    border-right: 0.1875rem solid #4c6a84;
    border-bottom: 0.1875rem solid #4c6a84;
    transform: rotate(-45deg);
}

.cat-item > a {
    display: inline-block;
    margin-right: 1.25rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}

/* 月別アーカイブ */

.news-archive__wrapper {
    margin: 1.5rem auto 0;
    width: 58.6666666667%;
}
@media screen and (min-width: 768px) {
    .news-archive__wrapper {
        margin: 2.5rem auto 0;
        width: 100%;
    }
}

.news-archive__wrapper > li {
    transition: 0.3s;
    position: relative;
}

.news-archive__wrapper > li:hover {
    opacity: 0.7;
}

.news-archive__wrapper > li:nth-child(n + 2) {
    margin-top: 2rem;
}
@media screen and (min-width: 768px) {
    .news-archive__wrapper > li:nth-child(n + 2) {
        margin-top: 2.5rem;
    }
}

.news-archive__wrapper > li::before {
    position: absolute;
    top: 0.5rem;
    right: 0;
    content: "";
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0 10px;
    border-radius: 0.09375rem;
    border-right: 0.1875rem solid #4c6a84;
    border-bottom: 0.1875rem solid #4c6a84;
    transform: rotate(-45deg);
}

.news-archive__wrapper > li > a {
    display: inline-block;
    margin-right: 1.25rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}

.news-detail {
    margin: 3.75rem 0 6.25rem;
}
@media screen and (min-width: 768px) {
    .news-detail {
        margin: 7.5rem 0 12.5rem;
    }
}

@media screen and (min-width: 768px) {
    .news-detail__inner {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .news-detail__wrapper {
        width: 75.4966887417%;
    }
}

.news-detail__img {
    width: 100%;
    max-width: 34.375rem;
}
@media screen and (min-width: 768px) {
    .news-detail__img {
        max-width: initial;
    }
}

.news-detail__img img {
    aspect-ratio: 335/169;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .news-detail__img img {
        aspect-ratio: 1140/640;
    }
}

.news-detail__category-box {
    width: 100%;
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .news-detail__category-box {
        margin-top: 5rem;
    }
}

.news-detail__category {
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #ff7676;
    border: 0.0625rem solid #ff7676;
    padding: 0.25rem 0.4375rem 0.3125rem 0.5rem;
}

.news-detail__date {
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #000;
}

.news-detail__text-box {
    margin-top: 3.75rem;
}

.news-detail__title {
    padding: 0.875rem 0.75rem;
    border-left: 0.25rem solid #4c6a84;
}
@media screen and (min-width: 768px) {
    .news-detail__title {
        padding: 0.75rem 0.625rem;
        border-left: 0.375rem solid #4c6a84;
    }
}

.news-detail__title span {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .news-detail__title span {
        font-size: 1.5rem;
        line-height: 1;
    }
}

.news-detail__text {
    margin-top: 2.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
    .news-detail__text {
        margin-top: 3.75rem;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.25;
    }
}

.news-detail__btns {
    margin-top: 5rem;
}
@media screen and (min-width: 768px) {
    .news-detail__btns {
        margin-top: 7.5rem;
    }
}

.info {
    padding-top: 3.9375rem;
    padding-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
    .info {
        padding-top: 7.5625rem;
        padding-bottom: 12.5rem;
    }
}

.info__inner {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .info__inner {
        width: 55.15625%;
        max-width: 113.0625rem;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
    }
}

.info__message {
    margin-top: 2.5rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875;
}

.wpcf7-form {
    margin-top: 5rem;
}
@media screen and (min-width: 768px) {
    .wpcf7-form {
        margin-top: 7.5rem;
    }
}

.info-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info-title__img {
    width: 3.75rem;
}
@media screen and (min-width: 768px) {
    .info-title__img {
        width: 4.375rem;
    }
}

.info-title__img img {
    aspect-ratio: 60/60;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .info-title__img img {
        aspect-ratio: 70/58;
    }
}

.info-title__text {
    margin-top: 0.625rem;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .info-title__text {
        font-size: 1.875rem;
        line-height: 1;
    }
}

.wpcf7-form {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    background-color: #ebf5fe;
}
@media screen and (min-width: 768px) {
    .wpcf7-form {
        margin-left: 0;
        margin-right: 0;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
}

@media screen and (min-width: 768px) {
    .info-form__list {
        width: 74.7274529237%;
        margin: 0 auto;
    }
}

.info-form__label {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #000;
}
@media screen and (min-width: 768px) {
    .info-form__label {
        display: flex;
        justify-content: space-between;
    }
}

.info-form__item:nth-child(n + 2) {
    margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
    .info-form__item:nth-child(n + 2) {
        margin-top: 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .info-form__label > span:first-child {
        width: 33.4217506631%;
        display: inline-block;
    }
}

.info-form__required {
    display: inline-block;
    margin-left: 1rem;
    padding: 0.0625rem 0.4375rem 0.125rem 0.4375rem;
    background-color: #fff;
    color: #ff7979;
    border: 0.0625rem solid #ff7979;
}

.info-form__label > span:nth-child(2) {
    margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
    .info-form__label > span:nth-child(2) {
        margin-top: 0;
        width: 66.3129973475%;
    }
}

.info-form__input {
    margin-top: 0.75rem;
    width: 100%;
    background-color: #fff;
    padding: 0.8125rem 1.125rem 0.875rem 1.125rem;
    border-radius: 0.125rem;
}
@media screen and (min-width: 768px) {
    .info-form__input {
        margin-top: 0;
    }
}

.info-form__input::placeholder {
    color: #afafaf;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
}

.info-form__message {
    margin-top: 3.75rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.7142857143;
}

.info-form__btn-wrapper {
    margin-top: 3.75rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .info-form__btn-wrapper {
        margin-top: 5rem;
    }
}

.info-form__btn {
    padding: 1.625rem 0;
    width: 18.125rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    background-color: #4c6a84;
    transition: 0.3s;
}
@media screen and (min-width: 768px) {
    .info-form__btn {
        padding: 1.875rem 0;
        width: 20rem;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.7142857143;
    }
}

.info-form__btn:hover {
    opacity: 0.7;
}

div.wpcf7 .wpcf7-spinner {
    display: none !important;
}

.completion {
    padding-top: 3.3125rem;
    padding-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
    .completion {
        padding-top: 7.5rem;
        padding-bottom: 12.5rem;
    }
}

.completion__message {
    margin-top: 2.5rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875;
}
@media screen and (min-width: 768px) {
    .completion__message {
        margin-top: 3.75rem;
    }
}

.completion__btn-wrapper {
    margin-top: 5rem;
    text-align: center;
}

.completion__btn {
    display: inline-block;
    padding: 1.625rem 0;
    width: 18.125rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    background-color: #4c6a84;
}
@media screen and (min-width: 768px) {
    .completion__btn {
        padding: 1.625rem 0 1.6875rem;
        width: 20rem;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.3333333333;
    }
}

.u-desktop {
    display: none;
}
@media screen and (min-width: 768px) {
    .u-desktop {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .u-mobile {
        display: none;
    }
}

/*# sourceMappingURL=style.css.map */