/* PCのデザイン */
@media (min-width: 768px) {

    .fadeUp {
        animation-name: fadeUpAnimation;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes fadeUpAnimation {
        from {
            opacity: 0;
            transform: translateY(100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .fadeUpClass {
        opacity: 0;
    }

    /* パララックス */
    .top-bg1 {
        background-image: url(../img/bg1.png);
        background-size: cover;
        width: 25rem;
        height: 25rem;
        top: 30rem;
        left: 5rem;
        z-index: -1;
        transition: .7s;
    }

    .top-bg2 {
        background-image: url(../img/bg2.png);
        background-size: cover;
        width: 25rem;
        height: 25rem;
        top: 28rem;
        right: 5rem;
        z-index: -1;
        transition: .7s;
    }

    /* オーバーレイ */
    /* .top-overlay {
        height: 100vh;
        background-color: #fff;
        z-index: 9999;
        width: 100%;
        top: 0;
        animation-name:hide;
        animation-delay: 3s;
        animation-duration:1s;
        animation-fill-mode:forwards;
    }

    .top-overlay--main {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .top-overlay--main h2 {
        font-size: 1.75rem;
        opacity: 0;
        line-height: 6rem;
        writing-mode: vertical-lr;
        color: var(--main-color);
    } */

    /* .top-overlay--main h2.o1 {
        animation-name:show;
        animation-delay: 1.2s;
        animation-duration:1s;
        animation-fill-mode:forwards;
    }

    .top-overlay--main h2.o2 {
        animation-name:show;
        animation-delay: 2s;
        animation-duration:1s;
        animation-fill-mode:forwards;
    }

    .top-overlay--main h2.o3 {
        animation-name:show;
        animation-delay: 2.8s;
        animation-duration:1s;
        animation-fill-mode:forwards;
    } */

    /* .top-overlay--bg1 {
        background-image: url(../img/bg1.png);
        background-size: cover;
        width: 60rem;
        height: 60rem;
        top: -10rem;
        left: -3rem;
        opacity: 0;
        animation-name:show;
        animation-delay: 1s;
        animation-duration:2s;
        animation-fill-mode:forwards;
    }

    .top-overlay--bg2 {
        background-image: url(../img/bg2.png);
        background-size: cover;
        width: 75rem;
        height: 75rem;
        top: 10rem;
        right: -20rem;
        opacity: 0;
        animation-name:show;
        animation-delay: 1.5s;
        animation-duration:2s;
        animation-fill-mode:forwards;
    }

    @keyframes show{
        from {
            opacity: 0;
        }
    
        to {
            opacity: 1;
        }
    }

    @keyframes hide{
        from {
            opacity: 1;
        }
    
        to {
            opacity: 0;
            z-index: -99;
        }
    } */

    .sp {
        display: none !important;
    }

    /* header */
    header {
        margin-bottom: 3rem;
    }

    .logo-area {
        width: 29rem;
    }

    .logo-area a:first-child {
        width: 6rem;
    }

    .logo-area h1 {
        font-size: 1.3rem;
        padding-left: 1rem;
    }

    .header-main {
        padding: 1rem 5.5rem 1rem 7.5rem;
        width: 100%;
        margin: auto;
        position: fixed;
        top: 0;
        z-index: 99;
    }

    .header-main.top-header {
        background-color: #fff;
        transition: .5s;
    }

    .header-main.top-header.header-scrolled {
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    }

    .header-main.fixed-header {
        left: 8rem;
    }

    .header-main.page-header {
        width: 100%;
        left: 0;
        transition: .5s;
        background-color: #fff;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    }

    .main-menu #Main {
        display: flex;
    }

    .main-menu #Main li {
        margin: 0 1rem;
    }

    .main-menu #Main li a {
        font-size: 1.1rem;
        padding: 1rem 0;
        transition: .5s;
    }

    .main-menu #Main li a:hover {
        color: #27adbd !important;
    }

    /* header end */

    /* top-mv */
    .top-mv--logo_area {
        width: 8rem;
        top: 4rem;
        left: 6rem;
    }

    .top-mv--img_area {
        width: 100%;
        height: 31.5rem;
        margin: 7.5% 0% 0 0%;
        overflow: hidden;
    }

    .top-mv--title1 {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 50%;
        background-color: #0000004f;
        padding: 1.5rem 0;
    }

    .top-mv--title1 h2 {
        letter-spacing: 0.1rem;
        color: #fff;
        text-shadow: 1px 1px 1px #a3a3a3;
        font-size: 2.5rem;
        line-height: 3.5rem;
    }

    .top-mv--title1 h2:last-child{
        margin-top: 1.5rem!important;
    }

    .top-mv--title2 {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 30%;
        background-color: #ffffffa3;
        padding: 0.75rem 0;
    }

    .top-mv--title2 h2 {
        letter-spacing: 0.1rem;
        font-size: 3rem;
        color: #333;
        text-shadow: 1px 1px 1px #858585;
    }

    .top-mv--img_area .top-mv--img {
        /* background-image: url(../img/top-mv.png); */
        background-image: url(../img/midoribashi-top-pc.jpg);
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
    }


    /* top-mv end */

    /* top-feature */
    .content1--box {
        padding: 2rem 0;
    }

    .content1--box .content1--title {
        margin-bottom: 3rem;
    }

    .content1--box .content1--title h2 {
        font-size: 2rem;
        letter-spacing: 0.15rem;
        color: var(--main-color);
    }

    .content1--box .content1--desc {
        width: 65%;
        margin: 0rem auto;
    }

    .content1--desc h3 {
        font-size: 1.5rem;
        margin: 4rem 0 0.5rem !important;
    }

    .content1--box .content1--desc h4{
        margin-top: 1.5rem!important;
        margin-bottom: 0.5rem!important;
    }

    .content1--box .content1--desc h5{
        margin-top: 1.5rem!important;
        margin-bottom: 0.5rem!important;
    }

    .content1--box .content1--desc p {
        font-size: 1.1rem;
        line-height: 2.5rem;
    }

    .content1--list {
        padding: 0rem 2rem;
        background-color: #fafafa;
        border-radius: 1rem;
        width: 100%;
        margin: 2rem auto;
        border: solid 1px #ddd;
    }

    .content1--list-row {
        letter-spacing: 0.05rem;
    }

    .content1--list-row:not(:last-child) {
        border-bottom: solid 1px #ddd;
    }

    .content1--list h3 .num {
        font-size: 1.75rem;
        margin-right: 1rem;
    }

    .content1--list h3 {
        font-size: 1.2rem;
        margin-bottom: 1rem !important;
    }

    .content1--button_area {
        width: 15%;
        margin: 3rem auto;
    }

    .content1--button_area .content1--button {
        padding: 1rem 0;
        background-color: var(--main-color);
        border-radius: 4rem;
        font-size: 1.1rem;
        color: #fff;
        transition: .5s;
    }

    .content1--button_area .content1--button:hover {
        background-color: #27adbd;
    }

    /* top-feature end */

    /* top-visiting */
    .content2--title h2{
        font-size: 2rem;
        letter-spacing: 0.15rem;
        color: var(--main-color);
    }
    .content2--row {
        width: 67%;
        margin: 5rem auto 0;
    }

    .content2--img_box {
        background-image: url(../img/img2/1196092825.png);
        background-size: cover;
        background-position: center;
        width: 45%;
        height: 20rem;
        border-radius: 2rem;
    }

    .content2--desc {
        /* width: 48%; */
        /* margin-left: 7%; */
    }

    .content2--director {
        margin-bottom: 2rem;
    }

    .content2--director p {
        font-size: 1.3rem!important;
    }

    .content2--desc h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        margin-bottom: 2rem !important;
        color: var(--main-color);
    }

    .content2--desc p {
        font-size: 1.1rem;
        line-height: 2.5rem;
        letter-spacing: 0.05rem;
    }

    .content2--link {
        margin-top: 2.5rem;
    }

    .content2--link a {
        font-size: 1.1rem;
        letter-spacing: 0.05rem;
        color: var(--main-color) !important;
    }

    .content2--link a i {
        margin-left: 2rem;
        font-size: 1rem;
        transition: .5s;
    }

    .content2--link a:hover i {
        margin-left: 2.5rem;
    }

    /* top-visiting end */

    /* top-company */
    .content3--row {
        width: 67%;
        margin: 5rem auto 0;
    }

    .content3--img_box {
        background-image: url(../img/img2/1074965656.png);
        background-size: cover;
        background-position: center;
        width: 45%;
        height: 20rem;
        border-radius: 2rem;
    }

    .content3--desc {
        width: 48%;
        margin-right: 7%;
    }

    .content3--desc h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        margin-bottom: 2rem !important;
        color: var(--main-color);
    }

    .content3--desc p {
        font-size: 1.1rem;
        line-height: 2.5rem;
        letter-spacing: 0.05rem;
    }

    .content3--link {
        margin-top: 2.5rem;
    }

    .content3--link a {
        font-size: 1.1rem;
        letter-spacing: 0.05rem;
        color: var(--main-color) !important;
    }

    .content3--link a i {
        margin-left: 2rem;
        font-size: 1rem;
        transition: .5s;
    }

    .content3--link a:hover i {
        margin-left: 2.5rem;
    }

    /* top-company end */

    /* top-news */
    .top-news--box {
        width: 62rem;
        margin: 5rem auto;
    }

    .top-news--title {
        margin-bottom: 5rem;
        color: var(--main-color);
    }

    .top-news-main {
        background-color: #fafafa;
        padding: 3rem;
        border-radius: 1rem;
        border: solid 1px #ddd;
    }

    .newscol:not(:last-child) {
        border-bottom: solid 1px #ddd;
        padding-bottom: 1.5rem;
    }

    .newscol:not(:first-child) {
        padding: 1.5rem 0;
    }

    .newscol:last-child {
        padding-bottom: 0;
    }

    .newscol .day {
        margin-right: 5rem;
    }

    .newscol .day p {
        font-size: 0.95rem;
        color: #7f7f7f;
    }

    .newscol .day p i {
        font-size: 1rem;
        color: #7f7f7f;
        margin-right: 0.5rem;
    }

    .newscol .news-title h3 {
        font-size: 1.1rem;
    }

    .more-btn {
        width: 24%;
        margin: 3rem auto;
    }

    .more-btn p {
        padding: 1rem 0;
        background-color: var(--main-color);
        border-radius: 4rem;
        font-size: 1.1rem;
        color: #fff;
        transition: .5s;
    }

    .more-btn:hover p {
        background-color: #27adbd;
    }

    /* top-news end */

    /* top-content-view */
    .top-content_view--row {
        width: 67%;
        margin: 0 auto 10rem;
    }

    .top-content_view--col {
        width: 33%;
        border-right: solid 1px #fff;
    }

    .top-content_view--visiting_img {
        height: 15rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transition: .5s;
        cursor: pointer;
    }

    .top-content_view--visiting_img.img1 {
        background-image: url(../img/visiting.jpeg);

    }

    .top-content_view--visiting_img.img2 {
        background-image: url(../img/staff.jpeg);

    }

    .top-content_view--visiting_img.img3 {
        background-image: url(../img/clinic.jpeg);

    }

    .top-content_view--visiting_img:hover {
        scale: 1.1;
    }

    .top-content_view--col p {
        font-size: 1.4rem;
        padding: 1rem;
        background-color: #3fb3c1;
        border-top: solid 1px #fff;
        color: #fff;
        transition: .5s;
    }

    .top-content_view--col p:hover {
        background-color: var(--main-color);
    }

    /* top-content-view end */

    /* visiting */
    .page-mv--img_box.visiting-mv {
        background-image: url(../img/midoribashi-top-pc.jpg);
    }

    /* .page-mv--img_box.visiting-mv {
        background-image: url(../img/img2/224724529.png);
    } */
    .content2--img_box.visiting {
        background-image: url(../img/img2/853723102.png);
    }

    .content3--img_box.visiting {
        background-image: url(../img/img2/951108535.png);
    }

    /* visiting end */

    /* feature */
    .page-mv--img_box {
        background-image: url(../img/midoribashi-top-pc.jpg);
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 30rem;
    }

    .content2--img_box.feature {
        background-image: url(../img/img2/933209577.png);
    }

    .content3--img_box.feature {
        background-image: url(../img/img2/668493346.png);
    }

    .page-mv--title {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .page-mv--title h2 {
        font-size: 1.5rem;
        letter-spacing: 0.05rem;
    }

    .page-feature .content1--box {
        padding: 10rem 0 5rem;
    }

    /* .page-feature .content2--row {
        margin: 5rem auto 0 10rem;
    } */

    .content4--box {
        width: 65%;
        margin: 5rem auto;
    }

    .content4--title {
        margin-bottom: 4rem;
    }

    .content4--title h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        color: var(--main-color);
    }

    .content4--card_row {
        margin-bottom: 5rem;
    }

    .content4--card_col .card-title {
        margin-bottom: 2rem;
    }

    .content4--card_col .card-title h3 {
        font-size: 1.4rem;
        letter-spacing: 0.15rem;
    }

    .content4--card_col {
        width: 42%;
    }

    .page-feature .card {
        border-radius: 2rem;
        box-shadow: 2px 2px 3px #dedede;
    }

    .page-feature .card .card-body {
        padding: 2rem;
    }

    .page-feature .card .card-body p {
        font-size: 1rem;
        line-height: 1.8rem;
        letter-spacing: 0.05rem;
    }

    .content4--comment_row {
        margin-top: 1.5rem;
    }

    .content4--icon_box {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 4rem;
        height: 4rem;
        border-radius: 1rem;
        margin-right: 2rem;
    }

    .content4--icon_box.box1 {
        background-image: url(../img/face4.png);
    }

    .content4--icon_box.box2 {
        background-image: url(../img/face1.png);
    }

    .content4--icon_box.box3 {
        background-image: url(../img/face2.png);
    }

    .content4--icon_box.box4 {
        background-image: url(../img/face3.png);
    }

    .content4--name_box h3 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        margin-top: 0.5rem;
    }

    .content6--row {
        width: 67.5%;
        margin: 10rem auto 0;
    }

    .content6--img_box {
        background-image: url(../img/top-visiting.png);
        background-size: cover;
        background-position: center;
        width: 35%;
        height: 25rem;
        border-radius: 2rem;
    }

    .content6--desc {
        /* width: 48%; */
        /* margin-left: 7%; */
    }

    .content6--director p {
        font-size: 1.3rem!important;
    }

    .content6--desc h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        margin-bottom: 2rem !important;
        color: var(--main-color);
    }

    .content6--desc p {
        font-size: 1.1rem;
        line-height: 2.5rem;
        letter-spacing: 0.05rem;
    }

    /* feature end */

    /* company */
    .page-mv--img_box.company-mv {
        background-image: url(../img/midoribashi-top-pc.jpg);
        /* background-position-y: -10rem; */
    }

    .content2--img_box.company {
        background-image: url(../img/106605921.jpeg);
    }

    .content6--img_box.company {
        background-image: url(../img/1005437694.jpeg);
    }

    .page-company .content2--desc {
        width: 100%;
        margin: 0;
    }

    .page-company .content2--row {
        margin: auto;
    }

    .page-company .content2--title {
        margin-bottom: 3rem;
    }

    .page-company .content2--title h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        color: var(--main-color);
    }

    .page-company .content2--director {
        margin-bottom: 1.5rem;
    }

    .page-company .content2--director h2 {
        margin-bottom: 1rem !important;
    }

    .content5--box {
        width: 67.5%;
        margin: 3rem auto;
        background-color: #fafafa;
        border-radius: 2rem;
        padding: 2rem;
    }

    .content5--box h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        margin: 2rem 0 !important;
        color: var(--main-color);
    }

    .content5--list {
        width: 80%;
        margin: auto;
    }

    .content5--box p {
        font-size: 1.1rem;
        line-height: 2.5rem;
        letter-spacing: 0.05rem;
    }

    .page-company .content6--row {
        width: 67%;
        margin: auto;
    }

    .page-company .content6--desc {
        width: 100%;
        margin: 0;
    }

    .content6--director {
        margin-bottom: 1.5rem;
    }

    .content6--director h2 {
        margin-bottom: 1rem !important;
    }

    .content7--box {
        width: 75%;
        margin: 0rem auto;
    }

    .content7--title {
        margin: 3rem 0;
    }

    .content7--title h2 {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        color: var(--main-color);
    }

    .content7--col {
        border-radius: 2rem;
    }

    .content7--access_map {
        background-image: url(../img/access.png);
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 43rem;
        border-radius: 2rem;
    }

    .content7--col iframe {
        border: 0;
        width: 100%;
        border-radius: 2rem;
        height: 35rem;
    }

    .content7--desc {
        margin: 3rem 0;
    }

    .content7--desc p {
        color: #333;
        font-size: 1.1rem;
        line-height: 2.5rem;
        letter-spacing: 0.05rem;
    }

    .content7--table {
        width: 70%;
        margin: 3rem auto;
    }

    .content7--table thead .row-1 th {
        background-color: #fff;
    }

    .content7--table th,
    .content7--table td {
        text-align: center !important;
        padding: 1rem 0 !important;
        font-size: 1rem;
        letter-spacing: 0.05rem;
    }

    /* company end */

    /* news */
    .page-mv {
        margin-top: 6.9rem;
        margin-bottom: 3rem;
    }

    .page-mv--top_title {
        background-color: var(--main-color);
        padding: 1.5rem 0;
    }

    .page-mv--top_title h2 {
        color: #fff;
    }

    .page-mv--img_box.news-mv {
        background-image: url(../img/midoribashi-top-pc.jpg);
        background-position: bottom;
    }

    .page-news .top-news--box {
        margin: auto;
        /* padding: 8rem 0; */
    }

    .page-news .pagenavi {
        margin-top: 3rem;
    }

    .page-news .pagenavi a {
        padding: 0.2rem 0.6rem;
        font-size: 0.9rem;
    }

    .page-news .pagenavi .now {
        color: #fff;
        padding: 0.2rem 0.6rem;
        font-size: 0.9rem;
        background-color: var(--main-color);
    }

    /* news end */

    /* news detail */
    .news-detail-main {
        width: 65%;
        margin: 0rem auto;
    }

    .news-detail-main .news-title {
        border-left: solid 3px var(--main-color);
        margin: 3rem 0 1rem;
        padding-left: 2rem;
    }

    .news-detail-main .news-title .news-detail-date {
        font-size: 0.8rem;
        color: #aaa;
    }

    .news-detail-main .news-title .news-detail-title h1 {
        font-size: 1.8rem;
        letter-spacing: 0.05rem;
    }

    .news-detail-main .news-border {
        border-bottom: solid 1px var(--main-color);
    }

    .news-detail-main .news-detail-content {
        margin: 3rem 0 1rem;
        font-size: 1rem;
        line-height: 2.5rem;
    }

    .news-detail-main .returnbtn {
        margin-top: 3rem;
    }

    .news-detail-main .returnbtn p {
        background-color: var(--main-color);
        color: #fff;
        border-radius: 2rem;
        padding: 0.7rem 4rem;
        font-size: 0.9rem;
        letter-spacing: 0.05rem;
        margin: 3rem 2rem;
        cursor: pointer;
        transition: .5s;
    }

    .news-detail-main .returnbtn:hover p {
        background-color: #27adbd;
    }

    .news-detail-main .returnbtn i {
        color: var(--main-color);
        font-size: 1.6rem;
        margin: 0.5rem 1rem 0;
    }

    /* news detail */

    /* 404 */
    .not_found {
        padding: 15rem 0;
    }

    .not_found h2 {
        font-size: 1.5rem;
        margin-bottom: 3rem !important;
    }

    .not_found p {
        font-size: 1.1rem;
        letter-spacing: 0.05rem;
        line-height: 4rem;
    }

    .not_found p a {
        text-decoration: underline !important;
    }

    /* 404 end */

    /* footer */
    footer {
        margin-top: 3rem;
    }
    .footer--zip {
        background-color: var(--main-color);
        padding: 5rem 0 4rem;
    }

    .footer--zip p {
        color: #fff;
        font-size: 1rem;
        line-height: 2.5rem;
        letter-spacing: 0.05rem;
    }

    footer .copyright {
        background-color: #fff;
        color: var(--main-color);
        padding: 1rem 0;
        font-size: 0.8rem;
        letter-spacing: 0.05rem;
    }

    /* footer end */

    /* side */
    .side_section--access {
        position: fixed;
        right: -8rem;
        top: 27rem;
        background-color: var(--main-color);
        padding: 1.5rem 0;
        transition: .5s;
        width: 7rem;
        cursor: pointer;
        z-index: 999;
    }

    .side_section--access.scrolled {
        right: 0rem;
    }

    .side_section--access:hover {
        width: 8rem;
    }

    .side_section--access_icon i {
        font-size: 1.5rem;
        color: #fff;
        padding-left: 2.5rem;
    }

    .side_section--access_text {
        margin-top: 0.3rem;
    }

    .side_section--access_text span {
        color: #fff;
        font-size: 0.8rem;
        padding-left: 1.8rem;
    }

    .side_section--time {
        position: fixed;
        right: -8rem;
        top: 33.5rem;
        background-color: #e05353;
        padding: 1.5rem 0;
        transition: .5s;
        width: 7rem;
        cursor: pointer;
        z-index: 999;
    }

    .side_section--time.scrolled {
        right: 0rem;
    }

    .side_section--time:hover {
        width: 8rem;
    }

    .side_section--time_icon i {
        font-size: 1.5rem;
        color: #fff;
        padding-left: 2.7rem;
    }

    .side_section--time_text {
        margin-top: 0.3rem;
    }

    .side_section--time_text span {
        color: #fff;
        font-size: 0.8rem;
        padding-left: 1.8rem;
    }

    /* side end */
}