input,
    select {
        font-size: 16px;
    }

    .t-logoSp25 .siteTitle__logo {
        height: auto;
        width: 75%;
    }

    ::selection {
        background: #5da43b;
        color: #fff;
    }

    .eyecatch .eyecatch__link img {
        border: 1px solid #eee;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        vertical-align: bottom;
        transition: .3s;
    }

    .globalNav_all h2 {
        width: 100%;
        padding: 20px;
        margin: 0 auto;
        text-align: center;
        height: auto;
    }

    .globalNav_all h2 img {
        width: 85%;
    }

    .global-nav__list {
        margin: 0;
        padding: 0;
        list-style: none;
        background: #bea32d;
    }

    .globalNav_all ul li {
        display: flex;
        border-bottom: 1px solid #FFF;
        padding: 15px 15px;
    }

    .globalNav_all ul li a {
        color: #FFF;
        display: block;
        font-size: 1.35rem;
        letter-spacing: 1px;
        margin: 0px 0px 0px 5px;
        width: 100%;
        align-self: center;
    }

    .globalNav_all ul li a span {
        font-size: 1.0rem;
        display: block;
        padding: 5px 0;
        letter-spacing: 1px;
    }

    dl,
    li,
    ol,
    ul {
        list-style-position: inside;
        list-style: none;
    }

    @media only screen and (min-width: 992px) {

        .u-border,
        .u-shadow {
            padding: 30px 9px;
        }
    }

    .medicalmedia .heading-primary {
        display: none;
    }

    .heading-primary {
        font-size: 2.5rem;
        width: 100%;
    }

    #npcatch img {
        bottom: 0;
        right: 0;
        height: 60px;
        width: 60px;
        vertical-align: bottom;
        transition: .3s;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        max-width: initial;
    }

    #npcatch .title {
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: 10px;
    }

    #npcatch li {
        display: flex;
        align-items: flex-start;
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 20px;
    }



    @media screen and (max-width: 1080px) {
        .globalNav_all ul li a span {
            display: none;
        }
    }

    .l-sidebar .eyecatch {
        position: relative;
        width: 80px;
        height: 60px;
        overflow: hidden;
    }

    .eyecatch__link-maskzoomrotate:hover::after {
        background: rgba(0, 0, 0, .5);
        opacity: 0;
    }

    .l-sidebar .eyecatch .eyecatch__link img {
        bottom: 0;
        right: 0;
        height: 60px;
        width: 60px;
        vertical-align: bottom;
        transition: .3s;
    }

    .l-sidebar .widget {
        position: relative;
        margin: 0 auto 10px;
    }

    .u-shadowfix {
        border-bottom: none;
        box-shadow: none;
    }

    .u-shadow {
        border-bottom: none;
        box-shadow: none;
    }

    .content .bgc-VPorange {
        background: #f4f5f9;
        font-weight: normal;
        padding: 30px 20px 30px 20px;
        color: #121212;
        border: 1px solid #fff;
        outline: solid 1px #d3d3d3;
        outline-offset: 1px;
        margin: 31px 2px 42px;
        font-size: 17px;
        line-height: 1.5;
    }

    .posttxt {
        font-weight: 400;
    }

    @media only screen and (min-width: 992px) {
        .heading-sub {
            font-size: 2.4rem;
            font-size: 18px;
            border-bottom: 2px solid #333;
            padding: 0 0 3px;
            font-weight: normal;
            font-weight: bold;
        }

        .phrase-secondary {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .heading-secondary {
            font-size: 1.6rem;
            font-weight: 600;
        }

        .heading-main {
            font-size: 1.8rem;
        }

        .heading-main span {
            font-size: 1.6rem;
        }

        .l-wrapper.post_page {
            margin: 10px auto 60px auto;
            max-width: 940px;
        }
    }

    .breadcrumb {
        padding: 10px 0;
        background: #fff;
        overflow-x: auto;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        width: 100%;
    }

    .wider.l-wrapper {
        margin: 30px auto 0 auto;
    }

    @media only screen and (min-width: 768px) {

        .u-border,
        .u-borderfix,
        .u-shadow,
        .u-shadowfix {
            padding: 5px 0;
        }
    }

    .social-top {
        margin-bottom: 20px;
    }

    .viral__container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 20px 0;
    }

    .l-wrapper {
        position: relative;
        max-width: 960px;
    }

    .heading-tertiary {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .widgetArchive__item.widgetArchive__item-rank:before {
        position: absolute;
        counter-increment: number;
        content: counter(number);
        display: block;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        background: #bfbfbf;
        color: #FFF;
        z-index: 5;
        font-size: 10px;
    }

    .widgetArchive__item.widgetArchive__item-normal {
        display: flex;
        align-items: flex-start;
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 20px;
    }

    .widget-side .heading.heading-widgetsimplewide {
        background-color: inherit !important;
        font-size: 18px;
        border-bottom: 2px solid #000;
        padding: 10px 3px;
        font-weight: normal;
        color: #191919;
        margin: 0 0 20px 0;
    }

    .globalNav_all ul li:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(img/nav_i_01.png);
        background-size: contain;
        vertical-align: middle;
        margin: 0 5px 0 0px;
        background-repeat: no-repeat;
    }

    .globalNav_all ul li:nth-child(2):before {
        width: 19px;
        height: 23px;
        background-image: url(img/nav_i_02.png);
    }

    .globalNav_all ul li:nth-child(3):before {
        width: 19px;
        height: 19px;
        background-image: url(img/nav_i_03.png);
        margin: 7px 5px 0 0;
    }

    .content .es-Bicon:before {
        display: none;
    }

    @media screen and (max-width: 1080px) {
        .globalNav_all ul li:nth-child(3):before {
            margin: 0 5px 0 0;
        }


    }

    .globalNav_all ul li:nth-child(4):before {
        width: 19px;
        height: 19px;
        background-image: url(img/nav_i_05.png);
    }

    .globalNav_all ul li:nth-child(5):before {
        width: 20px;
        height: 19px;
        background-image: url(img/nav_i_06.png);
    }

    .globalNav_all ul li:nth-child(6):before {
        width: 20px;
        height: 20px;
        background-image: url(img/nav_i_07.png);
        margin: 5px 5px 0 0px;
    }

    .globalNav_all ul li:nth-child(7):before {
        width: 19px;
        height: 14px;
        margin: 3px 5px 0 0;
        background-image: url(img/nav_i_08.png);
    }

    .globalNav_all ul li:nth-child(8):before {
        width: 19px;
        height: 19px;
        background-image: url(img/nav_i_08.png);
    }

    .bottomFooter {
        position: relative;
        background: #d1d1d1;
        padding: 40px 0;
    }

    .t-headerCenter.t-logoSp25 .menuBtn {
        top: 16.5px;
    }

    .t-headerCenter.t-logoSp25 .searchBtn {
        top: 16.5px;
    }

    .cmpage_lout h1 {
        text-align: center;
        padding: 1em 0;
    }

    .post_cta_cm img {
        width: 100%;
    }

    .postcta-bg {
        background-color: #bea32d;
        display: none;
    }

    .archiveContents {
        padding: 0;
    }

    .globalNavi__list .current-menu-item>a,
    .globalNavi__list .current-menu-parent>a,
    .globalNavi__list .current_page_item>a,
    .globalNavi__list .menu-item a:hover,
    .globalNavi__list .page_item a:hover {
        border-bottom: 2px solid #3e3e3e;
        color: #3e3e3e;
    }

    .post_cta_cm_list {
        display: flex;
        justify-content: space-between;
        list-style: none;
    }

    .post_cta_cm_list li {
        width: 48%;
        margin: 10px 0;
    }

    .post_cta_cm_list li img {
        width: 100%;
    }

    .heading-tertiary {
        font-size: 1.2rem;
    }

    .heading-tertiary a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .sect2_list article img:hover,
    .sect2_list article:hover {
        opacity: 0.5;
        transition: 0.3s;
    }

    .content .es-BmarkHatena::before {
        display: none;
    }

    .content .es-BmarkHatena {
        padding-left: auto;
        padding: 25px;
    }

    .viral__container .eyecatch {
        height: 220px;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .viral__container .eyecatch__link {
        opacity: 0.5;
    }

    .side_bana {
        margin-bottom: 10px;
        border: solid 1px #eeee;
        line-height: 0;
    }


    @media only screen and (min-width: 992px) {
        .t-headerCenter .siteTitle {
            max-width: calc(100% - 40px);
            padding-top: 0;
            font-size: 30px;
        }

        .t-logoPc40 .siteTitle__logo {
            height: auto;
            width: 100%;
        }

        .t-headerCenter.t-logoPc40 .menuBtn {
            top: 35px;
        }

        .t-headerCenter.t-logoPc40 .searchBtn {
            top: 35px;
        }
    }

    /*
PC

*/

    footer ul {
        list-style: none;
    }

    footer {
        background: #d1d1d1;
    }



    .footer_box {
        display: flex;
        justify-content: space-around;
        background: #a69752;
        padding: 40px 0px 0 0px;
        max-width: 1080px;
        margin: 0 auto;
    }

    footer h2 {
        width: 20%;
        padding: 20px;
        margin: 0;
        margin-block-start: 0;
        margin-block-end: 0;
        padding: 0;
    }

    .footer_box .footer_box_fist_list {
        display: flex;
    }

    .footer_box ul .ft_list01 li,
    .footer_box ul .ft_list02 li {
        padding: 8px;
        line-height: 1.4;
    }

    .footer_box ul .ft_list01 a,
    .footer_box ul .ft_list02 a {
        font-size: 1.2rem;
        color: #fff;
        letter-spacing: 1px;
    }

    .footer_box ul .ft_list01 a::before,
    .footer_box ul .ft_list02 a::before {
        content: "●";
        color: #fff;
        font-size: 1.2rem;
        padding: 0 5px 0 0;
    }

    .footer_box .ft_list02 {
        border-right: 1px solid #fff;
        padding: 0 30px 2em 20px;
    }

    .footer_box .ft_list03 {
        display: flex;
        flex-direction: column;
        width: 20%;
    }

    .footer_box .ft_list03 h2 {
        font-size: 1.2rem;
        color: #fff;
        margin-block-start: 0;
        margin-block-end: 0;
        padding: 10px 5px;
        width: 100%;
    }

    .footer_box .ft_list03 li {
        padding: 8px;
    }

    .footer_box .ft_list03 a {
        font-size: 1.2rem;
        color: #fff;
        letter-spacing: 1px;
    }

    .footer_box .ft_list03 a::before,
    .footer_box .ft_list03 h2::before {
        content: "";
        color: #fff;
        font-size: 1.2rem;
        padding: 0 5px 0 0;
        margin: 0;
        display: inline-block;
        height: auto;
    }

    .add {
        text-align: center;
        font-size: 0.9rem;
        color: #fff;
        border-top: 1px solid;
        padding: 2em 0;
        margin: 0 auto;
        background: #a69752;
        letter-spacing: 1px;
        max-width: 1080px;
    }




    .customization_layout .content .balloon-boder.balloon_cstm .balloon__text-right:after {
        border-right-color: #034a3b;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    .customization_layout .content .balloon-boder.balloon_cstm .balloon__text-right:after {
        border-right: 10px solid #fff;
        transform: rotate(-90deg);
    }

    .customization_layout .content .balloon-boder.balloon_cstm .balloon__text:after {
        content: "";
        position: absolute;
        bottom: -18px;
        top: inherit;
        transform: rotate(-90deg);
    }

    .customization_layout .content .balloon-boder.balloon_cstm .balloon__text-right:before {
        border-right-color: #034a3b;
        transform: rotate(-90deg);
    }

    .customization_layout .content .balloon.balloon_cstm .balloon__text-right::before {
        left: 50%;

    }

    .customization_layout .content .balloon.balloon_cstm .balloon__text::before {
        content: "";
        position: absolute;
        bottom: -21px;
        top: inherit;
    }

    .customization_layout .balloon.balloon_cstm .balloon__img-left {
        margin-right: 20px;
        display: none;
    }

    .customization_layout .content .balloon.balloon_cstm .balloon__text {
        max-width: calc(100%);
        padding: 20px;
        border: 2px solid #034a3b;
    }

    .customization_layout .viral__contents .heading {
        color: #000;
        text-align: left;
        border-left: 7px solid #034a3b;
        padding: 0 0 0 20px;

        font-size: 28px;
        font-weight: bold;
        margin: 0 0 20px 10px;
        line-height: 1.5;
    }

    .customization_layout .viral__contents .dateList {
        display: inline-block;
        background: #034a3b;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .customization_layout .partsH2-4 h2 {
        padding: 5px;
        padding-bottom: 3px;
        text-align: left;
        border-bottom: solid 2px #034a3b;
        font-weight: bold;
        font-size: 20px;
        background-color: #dcdcdc;
    }

    .content div,
    .content p {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.74px;
    }

    .customization_layout .partsH2-4 h3 {
        padding: 0;
        padding-bottom: 3px;
        text-align: left;
        border-bottom: solid 2px #034a3b;
        font-size: 20px;
    }

    .customization_layout .partsH3-61 h3::after {
        display: none;
    }


    .customization_layout .dateList__item {
        display: inline-block;
        text-align: left;
        color: #fff;
        font-size: 1.2rem;
        margin-right: 5px;
        line-height: 1.5;
    }

    .customization_layout .viral__bg {
        display: none;
    }

    .customization_layout .inner {
        margin: 0 auto;
        padding: 0 20%;
    }

    .customization_layout .prevNext__pop {
        background-color: #034a3b;
    }

    .customization_layout .pagePager__item {
        background-color: #034a3b;
        color: #fff;
    }

    .customization_layout .pagePager__item:hover,
    .pagePager__item-current {
        background-color: #9acc71 !important;
        color: #fff;
    }

    .gdy-page-nav {
        margin: 20px 0 30px;
    }

    .gdy-page-nav dl {
        overflow: hidden;
    }

    .gdy-page-nav dl dt {
        background: #034a3b;
        color: #fff;
        font-size: 14px;
        height: 35px;
        line-height: 18px;
        float: left;
        width: 84px;
        text-align: center;
        position: relative;
        font-weight: bold;
    }

    .gdy-page-nav dl dt:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17.5px 0 17.5px 10px;
        border-color: transparent transparent transparent #034a3b;
        position: absolute;
        top: 0;
        right: -10px;
    }

    .gdy-page-nav dl dd {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        float: left;
        width: calc(100% - 92px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 12px 0 30px;
        background: #f3f5f7;
    }

    .gdy-page-nav dl dd a {
        display: block;
        color: #034a3b;
    }

    .gdy-page-nav dl dd a span {
        text-decoration: underline;
    }

    .customization_hd_img {
        margin: 0 auto;
        text-align: center;
        max-width: 740px;
    }

    .customization_hd_img img {
        width: 100%;
    }

    .postContents .partsH2-4 h2::before {
        border: none;
    }

    .postContents .partsH2-4 h2::after {
        border: none;
    }

    .profile__group_cm_box {
        background-color: #e6e6e6;
        padding: 15px 3px;
        border-radius: 5px;
        margin-top: 15px;
    }

    .profile__group_cm {
        font-size: 12px;
        color: #4a4a4a;
        padding: 2px 0;
    }

    .profile__author img {
        border-radius: 50%;
        margin-bottom: 10px;
        width: 130px;
        height: 130px;
    }

    .katagaki_box {
        border-bottom: 1px solid #f5f5f5;
        padding: 10px;
        font-size: 12px;
        color: #737373;
    }

    .katagaki_box2 {
        padding: 10px;
    }

    .postContents .content p a {
        color: #0000EE;
    }

    .postContents .content p a:hover {
        /*下線を表示*/
        text-decoration: underline;
    }

    .archiveContents .partsH2-4 h2 {
        padding: 0;
        padding-bottom: 3px;
        text-align: left;
        border-bottom: solid 2px #034a3b;
        font-size: 20px;
        background-color: #dcdcdc;
    }

    .archiveContents .partsH2-4 h3 {
        padding: 0;
        padding-bottom: 3px;
        text-align: left;
        border-bottom: solid 2px #034a3b;
        font-size: 20px;
    }

    .archiveContents .partsH2-4 h2::before {
        border: none;
    }

    .archiveContents .partsH2-4 h2::after {
        border: none;
    }

    .archiveContents .partsH3-61 h3::after {
        background: none;
    }

    .archiveContents .content p a {
        color: #0000EE;
    }

    .archiveContents .content p a:hover {
        text-decoration: underline;
    }

    #news .inner {
        border: 3px solid #9acc72;
        padding: 20px;
        margin: -6em auto 0 auto;
        max-width: 860px;
        z-index: 1;
        position: relative;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
    }

    #news .ttl {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ttl h2 {
        font-size: 24px;
        color: #5a5a5a;
    }

    .ttl span {
        font-size: 14px;
        color: #034a3b;
        font-weight: bold;
        margin: 5px 0 0 0;
    }

    #news .news_list {
        width: 70%;
        display: flex;
        flex-direction: column;
    }

    #news .news_list_one {
        display: flex;
        font-size: 12px;
        line-height: 1;
        padding: 10px 0;
        align-items: center;
        color: #5a5a5a;
    }

    .news_cat {
        color: #fff;
        background-color: #034a3b;
        padding: 4px 8px;
        font-size: 11px;
        width: 12%;
        display: flex;
        justify-content: center;
        min-width: 90px;

    }

    #news .news_list_one span.ymd {
        margin: 0 10px;
    }


    .more_btn {
        text-align: center;
        margin: 4em 0 5em 0;
    }

    .more_btn a {
        background: linear-gradient(45deg, #034a3b 0%, #5da43b 40%);
        padding: 15px 25px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        border-radius: 40px;
        width: 180px;
        display: block;
        margin: 0 auto;
    }

    #features {
        position: relative;
        margin: 8em auto;
    }

    .bk_img {
        position: absolute;
        z-index: -1;
        width: 100%;
    }

    .top_laout .ttl {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
    }

    .top_laout .ttl h2 {
        font-size: 24px;
        color: #fff;
    }

    .top_laout .ttl i {
        width: 35px;
        height: 39px;
        text-align: center;
        margin: 11px auto;
        display: block;
    }

    .top_laout .ttl span {
        color: #fff;
    }

    .top_laout .ttl p {
        margin: 2em 0;
        font-size: 16px;
        letter-spacing: 1px;
        text-align: center;
        line-height: 1.5;
    }

    .top_laout .ttl .ttl_icon {
        background-color: #fff;
        border-radius: 100%;
        width: 60px;
        height: 60px;
        box-shadow: 0 5px 10px 0 #777777;
        margin: -20px 0 2em 0;
    }

    #features.top_laout .ttl i {
        background: url(img/hd_icon01.svg) no-repeat top;

    }

    #medicalmedia.top_laout .ttl i {
        background: url(img/top/top_hd_icon06.svg) no-repeat top;

    }

    #reworkvideos.top_laout .ttl i {
        background: url(img/hd_icon08.svg) no-repeat top;
        width: 40px;
        height: 40px;
        margin: 16px auto;
    }

    #reworkvideos .features_list_box {
        width: calc(100% / 2);
        padding: 0 10px;
        margin: 1.5em 0;
    }



    .features_list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .features_list_box {
        width: calc(100% / 3);
        padding: 0 10px;
        margin: 1.5em 0;
    }

    .txt_box {
        background-color: #fff;
        margin: -13px auto 0 auto;
        display: flex;
        flex-direction: column;
        padding: 20px;
        z-index: 6;
        position: relative;
        width: 96%;
        box-shadow: 0 5px 10px 0 #777777;
        min-height: 155px;
        line-height: 1.8;
    }

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

    #medicalmedia .txt_box h3 {
        min-height: 77px;
        display: flex;
        align-items: center;
        padding: 10px 0;
        font-size: 16px;
    }

    .txt_box h3 a {
        background: linear-gradient(45deg, #034a3b 0%, #5da43b 40%);
        padding: 7px 5px;
        font-weight: bold;
        color: #fff;
        border-radius: 40px;
        margin: 0 10px;
        position: absolute;
        bottom: -20px;
        left: 48%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        width: 53%;
        text-align: center;
        font-size: 15px;
    }

    #medicalmedia {
        margin: 8em auto;
        position: relative;
    }

    #medicalmedia .txt_box {
        display: flex;
        justify-content: space-between;
    }

    #medicalmedia .txt_box .features_cat {
        color: #fff;
        background-color: #034a3b;
        padding: 4px 8px;
        font-size: 11px;
    }

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



    /*==================================================
スライダーのためのcss
===================================*/
    .slider_img img {
        width: 100%;
        /*スライダー内の画像を横幅100%に*/
        height: auto;
    }

    /*slickのJSで書かれるタグ内、スライド左右の余白調整*/

    .slider_img .slick-slide {
        margin: 0 10px;
        /*スライド左右の余白調整*/
    }

    #img_slder {
        background-color: #f5faf1;
        padding: 5em 0;
    }

    #bana_list {
        padding: 5em 0;
    }

    #bana_list ul {
        display: flex;
        justify-content: space-between;
    }

    #bana_list ul li {
        width: calc(100% / 3);
        border: 1px solid #a9a9a9;
        margin: 0 10px;
    }

    #bana_list ul li a {
        display: flex;
        padding: 20px 10px;
        color: #5a5a5a;
    }

    #bana_list ul li a img {
        width: 50px;
        height: 50px;
        margin: 0 10px 0 0;
    }

    #bana_list ul li a p {
        font-size: 16px;
        display: flex;
        flex-direction: column;
        width: calc(100% - 65px);
        border-left: 1px solid #a9a9a9;
        padding: 0 15px;
        line-height: 1.3;
        justify-content: center;
    }

    #bana_list ul li a p .bana_list_smtxt01 {
        font-size: 11px;
    }

    #bana_list ul li a p .bana_list_smtxt02 {
        font-size: 10px;
    }


    /* アニメーションスタイル */
    /* ---------------------------- */

    /* アニメーション前 */
    .u-fade-type-up {
        transform: translateX(-5%);
        opacity: 0;
    }

    /* トリガー発火でis-activeを付与 */
    .u-fade-type-up.is-active {
        transition: 1.0s;
        transform: translateX(0);
        opacity: 1;
        display: block;
    }

    .mask-bg {
        overflow: hidden;
        position: relative;
        transition: 0ms 450ms;
    }

    .mask-bg::after {
        background: linear-gradient(to right, #034a3b 0%, #5da43b 50%, #5da43b 100%);
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(0, 102%);
    }

    .mask-bg.is-active::after {
        animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
    }

    @keyframes mask-bg {
        0% {
            transform: translate(-100%, 0)
        }

        40%,
        60% {
            transform: translate(0%, 0)
        }

        100% {
            transform: translate(101%, 0)
        }
    }

    body.fixed {
        width: 100%;
        height: 100%;
        position: fixed;
    }

    .thumbnail_img img {
        width: 100%;
        height: 230px;
        object-fit: cover;
    }

    .widgetSearch__input {
        font-weight: 400;
    }

    a:active {
        opacity: 0.5;
    }

    #medicalmedia .features_list_box:last-child {
        display: none;
    }

    #sub_page h2#reworkvideos {
        padding-top: 233px;
        margin: -8em 0 -8em;
        padding-bottom: 233px;
        z-index: -1;
    }

    #sub_page #reworkvideos {
        padding-top: 160px;
        margin: -8em 0 -8em;
        padding-bottom: 160px;
    }

    @media screen and (max-width: 1000px) {
        #features .features_list {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }

        #features .features_list_box {
            width: calc(100%);
            padding: 0 10px;
            display: flex;
            justify-content: center;
            margin: 1em 0;
        }

        #features .features_list_box img {
            width: 50%;
            padding: 0 10px;

        }

        #features .txt_box {
            background-color: #fff;
            margin: 0 0 0 -36px;
            display: flex;
            flex-direction: column;
            padding: 20px;
            z-index: 6;
            position: relative;
            width: 50%;
            box-shadow: 0 5px 10px 0 #777777;
            min-height: 25vh;
            line-height: 1.8;
            align-self: center;
        }

        .bk_img img {
            width: 100%;
            height: 40vw;
            object-fit: cover;
        }

        #medicalmedia .features_list {
            flex-wrap: wrap;
        }

        #medicalmedia .features_list_box {
            width: 50%;
            margin: 1em 0;
            padding: 0 5px;
        }

        #medicalmedia .features_list_box:last-child {
            display: block;
        }

        #img_slder {
            padding: 3em 0;
        }

        #bana_list {
            padding: 7em 0;
        }

        #bana_list ul {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
        }

        #bana_list ul li {
            width: 40%;
            border: 1px solid #a9a9a9;
            margin: 1em 10px;
        }

    }

    .sp_none {
        display: block;
    }

    .pc_none {
        display: none;
    }

    @media screen and (max-width: 850px) {
        .sp_none {
            display: none;
        }

        .pc_none {
            display: block;
        }

        .footer_box {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            flex-direction: column;
        }

        .footer_box .footer_box_fist_list {
            display: flex;
            justify-content: flex-start;
            padding: 30px 0;
        }

        .ft_list01,
        .ft_list02 {
            width: 50%;
        }

        .footer_box .ft_list02 {
            border-right: none;
            padding: 0;
        }

        .footer_box .ft_list03 {
            display: flex;
            flex-direction: column;
            width: 100%;
            border-top: 1px solid #fff;
            padding: 15px 0;
        }

        footer h2 {
            width: 35%;
        }

        .u-border,
        .u-borderfix,
        .u-shadow,
        .u-shadowfix {
            background: #fff;
            padding: 0;
        }

        .breadcrumb__item {
            padding-right: 10px;
            padding-left: 5px;
            font-size: 1.0rem;
        }

        .customization_layout .viral__contents .heading {
            padding: 0 0 0 10px;
            font-size: 22px;
            margin: 0 0 15px 0px;
            line-height: 1.5;
        }

        .customization_layout .viral__contents .dateList {
            margin: 0 0 15px 0;
        }

        .content .bgc-VPorange {
            padding: 30px 15px 20px 15px;
        }

        .content .brc-DPblue {
            padding: 25px;
        }

        .content .es-BmarkExcl::before,
        .content .es-BmarkHatena::before {
            top: -15px;
            left: 20px;
        }

        .related__item .eyecatch {
            width: 150px;
            height: 100px;
        }

        .l-sidebar .eyecatch {
            width: 150px;
            height: 100px;
        }

        .heading-tertiary a,
        .heading-secondary {
            font-size: 1.5rem;
            font-weight: 400;
        }

        .widget.widget_categories ul li a {
            background-color: #034a3b;
            font-size: 1.5rem;
            font-weight: 400;
        }

        .l-sidebar .eyecatch .eyecatch__link img {
            height: 100px;
            width: 160px;
        }

        .related .eyecatch__cat {
            display: none;
        }

        .heading-main {
            font-size: 1.8rem;
        }

        #news .inner {
            flex-direction: column;
            align-items: center;
            width: 90%;
            margin: -3em auto 0 auto;
        }

        #news .ttl {
            margin: 1em 0;
            width: 100%;
        }

        #news .news_list {
            width: 100%;
            padding: 0 5%;
        }

        .news_cat {
            padding: 0 3px;
            font-size: 10px;
            width: 12%;
            min-width: 85px;
        }

        #news .news_list_one {
            padding: 8px 0;
        }

        #news .news_list_one span {
            padding: 0 5px;
        }

        #reworkvideos .features_list {
            flex-direction: column;
        }

        #reworkvideos .features_list_box {
            width: calc(100%);
        }

        #reworkvideos .features_list_box:nth-child(2) {
            display: none;
        }

    }

    @media screen and (max-width: 768PX) {
        #medicalmedia .txt_box p.posttxt {
            display: none;
        }
    }

    @media screen and (max-width: 600px) {
        .footer_box {
            padding: 40px 20px 0 10px;
        }

        footer h2 {
            width: 50%;
        }

        .footer_box ul .ft_list01 a,
        .footer_box ul .ft_list02 a {
            letter-spacing: 0.5px;
        }

        .post_cta_cm_list {
            flex-direction: column
        }

        .post_cta_cm_list li {
            width: 100%;
            margin: 0 0 5px 0;
        }

        #news .news_list {
            width: 100%;
            padding: 0;
        }

        .news_cat {
            padding: 0;
        }

        #news .news_list_one h3 {
            width: 70%;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;

            text-overflow: ellipsis;
            white-space: nowrap;

        }

        .txt_box h3 a {
            font-size: 15px;
        }

        .top_laout .ttl p {
            font-size: 14px;
        }

        .bk_img img {
            height: 55vw;
        }

        #bana_list ul li {
            width: 80%;
        }

        #features .features_list_box {
            flex-direction: column;
        }

        #features .features_list_box img {
            width: 100%;
        }

        #features .txt_box {
            margin: -20px 0 0 0;
            width: 86%;
            min-height: auto;
            padding: 40px 30px 50px 30px;
        }

        #features .features_list_box {
            margin: 3em 0;
        }

        #medicalmedia .txt_box {
            display: flex;
            justify-content: center;
            min-height: auto;
        }

        #medicalmedia .txt_box h3 {
            min-height: auto;
            padding: 5px 0;
            line-height: 1.8;
            font-size: 14px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .txt_box {
            padding: 10px;
        }

        .thumbnail_img img {
            width: 100%;
            height: 140px;
            object-fit: cover;
        }

    }

    @media screen and (max-width: 480px) {
        .footer_box .footer_box_fist_list {
            flex-direction: column;
        }

        footer h2 {
            width: 70%;
        }

        .ft_list01,
        .ft_list02 {
            width: 100%;
        }

        .bk_img img {
            height: 75vw;
        }

        #medicalmedia .txt_box {
            min-height: auto;
        }

        #news .news_list_one span {
            padding: 2px 3px;
        }

        .news_cat {
            font-size: 10px;
        }

        #news .inner {
            padding: 0 10px;
        }

        #news .news_list_one h3 {
            width: 55%;
            padding: 0 0px 0 5px;
        }

        #bana_list ul li {
            width: 90%;
        }
    }

    .archiveContents h2 {
        text-align: center;
        padding: 30px;
    }

    @media only screen and (min-width: 768px) {
        .viral .eyecatch {
            display: none;
        }
    }



    @media only screen and (max-width: 768px) {
        .customization_layout .inner {
            margin: 0 auto;
            padding: 0;
        }
    }



    #businessHours>p {
        margin: 5px 0;
        text-align: center;
    }

    #businessHours .title {
        border-bottom: 1px solid #666;
    }

    #businessHours .openIcon,
    #businessHours .closeIcon,
    #businessHours .holidayIcon {
        color: #fff;
        padding: 5px;
    }

    /* 診療中、診療時間外、休業日のアイコン背景 */
    #businessHours .openIcon {
        background: #80d032;
    }

    #businessHours .closeIcon {
        background: #909988;
    }

    #businessHours .holidayIcon {
        background: #d0a063;
    }

    #businessHours_out {
        width: 250px;
        position: fixed;
        bottom: 130px;
        right: 10px;
        box-shadow: 0 8px 22px 8px rgb(0 0 0 / 10%);
        border-radius: 15px;
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 100;
        font-size: 14px;
        letter-spacing: 0.08em;
        padding: 15px 0;
    }

    #businessHours_out02 {
        width: 250px;
        position: fixed;
        bottom: 10px;
        right: 10px;
        box-shadow: 0 8px 22px 8px rgb(0 0 0 / 10%);
        border-radius: 15px;
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 100;
        font-size: 14px;
        letter-spacing: 0.08em;
        padding: 15px 0;
    }

    #businessHours_out02+.l-headerBottom {
        display: none;
    }

    #businessHours_out .title {
        font-size: 16px;
        font-weight: 600;
        border-bottom: 2px solid #aaa;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 0 0 5px 0;
        text-align: center;
    }

    #businessHours_out .tel_btn span {
        display: block;
        font-size: 10px;
        letter-spacing: 0;
        margin: 0;
    }

    #businessHours_out .tel_btn {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        border-radius: 40px;
        margin: 0 10px;
        text-align: center;
    }

    #businessHours_out .tel_btn a {
        background: linear-gradient(45deg, #18a86b 0%, #034a3b 40%);
        padding: 5px 10px 5px 10px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        border-radius: 40px;
        margin: 0;
        display: block;
    }

    #businessHours_out .tel_btn i {
        padding-left: 17px;
        background: url(img/hd_btn_icon03.png) no-repeat 0px 5px;
        background-size: 13px;
    }

    #businessHours>p.time {
        text-align: left;
        font-size: 12px;
        padding: 0 10px 5px 10px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }


    .banner-close {
        font-weight: bold;
        position: absolute;
        top: -2px;
        right: -4px;
        z-index: 99999;
        padding: 4px 8px;
        border: none;
        background-color: #f8f8f8;
        border-radius: 25px;
        cursor: pointer;
        -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
        box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    }

    .banner-close02 {
        font-weight: bold;
        position: absolute;
        top: -2px;
        right: -4px;
        z-index: 99999;
        padding: 4px 8px;
        border: none;
        background-color: #f8f8f8;
        border-radius: 25px;
        cursor: pointer;
        -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
        box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    }

    .clinic-adult-reserve-info_off {
        background-color: #800c08;
        color: #fff;
        font-size: 16px;
        display: inline-block;
        padding: 10px 30px;
        margin: 0 0 10px 0;
    }

    .clinic-adult-reserve-info_on {
        background-color: #800c08;
        color: #fff;
        font-size: 16px;
        display: inline-block;
        padding: 10px 30px;
        margin: 0 0 10px 0;
    }

    #businessHours_out02 .clinic-adult-reserve-info_on,
    #businessHours_out02 .clinic-adult-reserve-info_off {
        font-size: 14px;
        display: inline-block;
        padding: 5px 30px;
        margin: 5px 0;
        width: 100%;
        text-align: center;
    }

    #businessHours_out02 a {
        text-align: center;
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #businessHours_out02 a .new_icon {
        background-color: #800c08;
        font-size: 10px;
        padding: 1px 3px;
        margin: 0 2px 0 0px;
        color: #fff;
    }

    #businessHours_out02 a.sub_laout_btn span::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: -4px 0 0 3px;
        background: url(img/sub/external-link.png) no-repeat;
        background-size: contain;
        vertical-align: middle;
    }


    .blink {
        -webkit-animation: blink 1s ease infinite;
        animation: blink 1s ease infinite;
    }

    @-webkit-keyframes blink {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes blink {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @media screen and (max-width: 750px) {

        .banner-close {
            top: -25px;
            right: 0px;
            padding: 7px 8px;
            font-size: 15px;
        }

        #medicalmedia .txt_box .features_cat {
            padding: 1px 3px;
            font-size: 10px;
        }

        #businessHours_out {
            width: 180px;
            font-size: 11px;
            padding: 0 0 5px 0;
            bottom: 100px;
        }

        #businessHours_out .title {
            font-size: 13px;
            padding: 5px 0;
        }

        #businessHours_out .tel_btn {
            padding: 0px 0px;
            font-size: 13px;
            margin: 0 10px;
        }

        #businessHours_out .tel_btn a {
            font-size: 13px;
            width: 100%;
        }

        #businessHours_out .tel_btn span {
            font-size: 11px;
            margin: 0;
        }

        #businessHours>p.time {
            font-size: 12px;
            padding: 0 10px 5px 10px;
        }

        #businessHours>p {
            margin: 4px 0;
        }

        #businessHours .openIcon,
        #businessHours .closeIcon,
        #businessHours .holidayIcon {
            padding: 2px;
        }

        #businessHours_out02 {
            width: 180px;
            position: fixed;
            font-size: 13px;
            padding: 5px 0;
        }

        #businessHours_out02 .clinic-adult-reserve-info_on,
        #businessHours_out02 .clinic-adult-reserve-info_off {
            font-size: 12px;
            display: inline-block;
            padding: 5px 0;
            margin: 3px 0;
            width: 100%;
            text-align: center;
        }

        .cat_time_box {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .banner-close02 {
            top: -22px;
            right: 0px;
            padding: 7px 8px;
        }

        #businessHours_out02 a {
            padding: 1px 0;
        }

        #businessHours_out02 .ymd {
            font-size: 11px;
            letter-spacing: 0px;
            padding: 1px 0;
        }

        #businessHours .openIcon,
        #businessHours .closeIcon,
        #businessHours .holidayIcon {
            font-size: 12px;
        }
    }


    /*テキストリンクホバー*/

    #news .news_list_one h3 a,
    a.txt_link,
    .ft_accordion-area_box a {
        position: relative;
    }

    #news .news_list_one h3 a::after,
    a.txt_link::after,
    .ft_accordion-area_box a::after {
        position: absolute;
        left: 0;
        content: '';
        width: 100%;
        height: 0.8px;
        background: #505C63;
        bottom: 20px;
        /*アンダーラインが現れ始める位置（aタグの下辺からの高さ）*/
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    #news .news_list_one h3 a:hover::after,
    a.txt_link:hover::after,
    .ft_accordion-area_box a:hover::after {
        visibility: visible;
        bottom: -5px;
        /*アニメーションが止まる位置*/
        opacity: 1;
    }

    /*ホバーアップ*/
    .gdy-page-nav {
        transition: all 1s;
    }

    .gdy-page-nav:hover {
        transform: translate(0, -10px);
    }

    /*ズームアップホバー*/

    #bana_list ul li a {
        transition: 1s all;
    }

    #bana_list ul li a img {
        transition: 1s all;
    }

    #bana_list ul li a:hover img {
        transform: scale(1.2, 1.2);
        transition: 1s all;
    }

/*     /*========= LoadingのためのCSS ===============*/

    /* Loading背景画面設定　*/
    #splash {
        /*fixedで全面に固定*/
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        text-align: center;
        color: #fff;
        margin: -16em 0 0 0;
    }

    /* Loading画像中央配置　*/
    #splash_text {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 9999999;
        transform: translate(-50%, -50%);
        color: #fff;
        width: 100%;
    }

    /*IE11対策用バーの線の高さ※対応しなければ削除してください*/
    #splash_text svg {
        height: 2px;
    }

    /*割れる画面のアニメーション*/
    .loader_cover {
        width: 100%;
        height: 50%;
        background: linear-gradient(to right, #034a3b 0%, #5da43b 100%);
        transition: all .2s cubic-bezier(.04, .435, .315, .9);
        transform: scaleY(1);
    }

    /*上の画面*/
    .loader_cover-up {
        transform-origin: center top;
    }

    /*下の画面*/
    .loader_cover-down {
        position: absolute;
        bottom: 0;
        transform-origin: center bottom;
    }

    /*クラス名がついたらY軸方向に0*/
    .coveranime {
        transform: scaleY(0);
    } */

    .dateList .dateList__item a:hover {
        color: inherit;
    }

    .content a:hover {
        font-weight: inherit;
    }


    .the__ribbon {
        width: 24px;
    }


    .grecaptcha-badge {
        visibility: hidden;
    }

    @media print {
        * {
            -webkit-print-color-adjust: exact;
        }

        body {
            -webkit-print-color-adjust: exact;
        }

    }

    div.vid_contents {
        width: 100%;
        /*背景色を横幅いっぱいに広げる*/
        text-align: center;
        margin: auto;
        padding: 4% 4% 4% 4%;
        /*ここで動画の周りの余白を調整*/
        background: #e6e6e6;
        /*余白の背景色*/
    }

    video.vid_main {
        width: 100%;
        max-width: 920px;
        /*PC版での最大幅*/
    }

    .youtube {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .youtube iframe {
        width: 100%;
        height: 100%;
        padding: 1%;
        background: #e6e6e6;
    }


    #splash
 {
     display: none;
    }