.mvPage{
    display: flex;
    align-items: flex-start;   
    min-height: min(320px*2,100vw*(320/384));
    margin-bottom: min(50px*2,100vw*(50/384));
    padding-top: min(230px*2,100vw*(230/384));
    padding-left: min(20px*2,100vw*(20/384));
    padding-right: min(50px*2,100vw*(50/384));
    box-sizing: border-box;
    position: relative;
}
.mvPage:after{
    content: "";
    display: block;
    width: min(364px*2,100vw*(364/384));
    height: min(280px*2,100vw*(280/384));
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    overflow: hidden;
    border-top-left-radius: min(80px*2,100vw*(80/384));
    position: absolute;
    top: min(20px*2,100vw*(20/384));
    right: 0;
    z-index: 0;
}
.pageTitle{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: min(35px*2,100vw*(35/384));
    background-color: var(--bg-color1);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto;
    border-top-right-radius: min(50px*2,100vw*(50/384));
    position: relative;
    z-index: 1;
}
.pageTitle h1{
    margin-bottom: min(30px*2,100vw*(30/384));
    padding-bottom: 0.65em;
    font-size: min(28px*2,100vw*(28/384));
    line-height: calc(36/28);
    position: relative;
    order: 2;
}
.pageTitle h1:after{
    content: "";
    display: block;
    width: min(80px*2,100vw*(80/384));
    height: min(4px*2,100vw*(4/384));
    background-color: var(--main-color);
    border-radius: min(4px*2,100vw*(4/384));
    position: absolute;
    bottom: 0;
    left: 0;
}
.pageTitle-en{
    margin-bottom: 0.5em;
    font-size: min(14px*2,100vw*(14/384));
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 0.3em;
    line-height: 1;
    order: 1;
}
.pageLead{
    width: min(344px*2,100vw*(344/384));
    margin: -0.24em auto;
    font-size: min(18px*2,100vw*(18/384));
    line-height: calc(32/18);
    order: 3;
}

.lowerPage{
    min-height: min(124px*2,100vw*(124/384));
    padding-top: min(80px*2,100vw*(80/384));
    padding-right: min(20px*2,100vw*(20/384));
}
.lowerPage:after{
    height: min(124px*2,100vw*(124/384));
}
.lowerPage .pageTitle{
    width: auto;
    min-width: min(254px*2,100vw*(254/384));
    padding-top: min(30px*2,100vw*(30/384));
    padding-left: min(70px*2,100vw*(70/384));
    padding-right: min(25px*2,100vw*(25/384));
    box-sizing: border-box;
}
.lowerPage .pageTitle h1{
    margin-bottom: min(8px*2,100vw*(8/384));
    padding-bottom: 1.0em;
    font-size: min(18px*2,100vw*(18/384)); 
}
.lowerPage .pageTitle h1 span{
    font-size: min(16px*2,100vw*(16/384));
    position: absolute;
    left: min(90px*2,100vw*(90/384));
    bottom: -0.5em;
    white-space: nowrap;
}

#guidance .mvPage:after{
    background-image: url("../img/guidance.jpg");
}
#guidance .pageTitle{
    width: min(250px*2,100vw*(250/384));
    background-image: url("../img/icon_guidance.svg");
    background-size: min(54px*2,100vw*(54/384));
    background-position-x: min(160px*2,100vw*(160/384));
    background-position-y: min(38px*2,100vw*(38/384));
}
#guidance .pageTitle{
    width: min(250px*2,100vw*(250/384));
    background-image: url("../img/icon_guidance.svg");
    background-size: min(54px*2,100vw*(54/384));
    background-position-x: min(160px*2,100vw*(160/384));
    background-position-y: min(38px*2,100vw*(38/384));
}
#guidance .lowerPage:after{
    background-image: url("../img/guidance_lower.jpg");
}
#guidance .lowerPage .pageTitle{
}
#guidance.hospitalization .lowerPage .pageTitle{
    background-image: url("../img/icon_guidance_hospitalization.svg");
    background-size: min(51px*2,100vw*(51/384));
    background-position-x: 0;
    background-position-y: bottom;
}
#guidance.leave .lowerPage .pageTitle{
    background-image: url("../img/icon_guidance_visitation.svg");
    background-size: min(51px*2,100vw*(51/384));
    background-position-x: 0;
    background-position-y: bottom;
}

#about .mvPage:after{
    background-image: url("../img/about.jpg");
}
#about .pageTitle{
    width: min(250px*2,100vw*(250/384));
    background-image: url("../img/icon_about.svg");
    background-size: min(54px*2,100vw*(54/384));
    background-position-x: min(160px*2,100vw*(160/384));
    background-position-y: min(38px*2,100vw*(38/384));
}
#about .lowerPage:after{
    background-image: url("../img/about_lower.jpg");
}
#about .lowerPage .pageTitle{
    width: auto;
    min-width: inherit;
    padding-left: 0;
    background-image: none;
}
#about.outline .lowerPage .pageTitle{
}
#about.access .lowerPage .pageTitle{
}
#about.floor .lowerPage .pageTitle{
}
#about.doctor .lowerPage .pageTitle{
}

#department .mvPage:after{
    background-image: url("../img/department.jpg");
}
#department .pageTitle{
    background-image: url("../img/icon_department.svg");
    background-size: min(47px*2,100vw*(47/384));
    background-position-x: min(244px*2,100vw*(244/384));
    background-position-y: min(35px*2,100vw*(35/384));
}
#department .lowerPage:after{
    background-image: url("../img/department_lower.jpg");
}
#department.rehabilitation .lowerPage .pageTitle{
    background-image: url("../img/icon_department_rehabilitation.svg");
    background-size: min(50px*2,100vw*(50/384));
    background-position-x: 0;
    background-position-y: bottom;
}
#department.rihaka .lowerPage .pageTitle{
    background-image: url("../img/icon_department_recuperation.svg");
    background-size: min(50px*2,100vw*(50/384));
    background-position-x: 0;
    background-position-y: bottom;
}

#department.recuperation .lowerPage .pageTitle{
    background-image: url("../img/icon_department_recuperation.svg");
    background-size: min(50px*2,100vw*(50/384));
    background-position-x: 0;
    background-position-y: bottom;
}
#department.palliative-care .lowerPage .pageTitle{
    background-image: url("../img/icon_department_palliative-care.svg");
    background-size: min(52px*2,100vw*(52/384));
    background-position-x: 0;
    background-position-y: bottom;
}
#department.community-care .lowerPage .pageTitle{
    background-image: url("../img/icon_department_community-care.svg");
    background-size: min(52px*2,100vw*(52/384));
    background-position-x: 0;
    background-position-y: bottom;
}
#department.dementia .lowerPage .pageTitle{
    width: 100%;
    background-image: url("../img/icon_department_dementia.svg");
    background-size: min(34px*2,100vw*(34/384));
    background-position-x: min(10px*2,100vw*(10/384));
    background-position-y: min(26px*2,100vw*(26/384));
}

#daycare .linkPanelLead:after {
    background-image: url(../img/department_daycare.png);
}

#daycare.linkPanel:before {
    background-image: url(../img/icon_department_rehabilitation.svg);
    background-size: max(43px*(1200/1600),min(43px,100vw*(43/1600)));
    background-position-x: max(34px*(1200/1600),min(34px,100vw*(34/1600)));
}


#recruit .mvPage:after{
    background-image: url("../img/recruit.jpg");
}
#recruit .pageTitle{
    background-image: url("../img/icon_recruit.svg");
    background-size: min(40px*2,100vw*(40/384));
    background-position-x: min(220px*2,100vw*(220/384));
    background-position-y: min(40px*2,100vw*(40/384));
}

#faq .mvPage:after{
    background-image: url("../img/faq.jpg");
}
#faq .pageTitle{
    background-image: url("../img/icon_faq.svg");
    background-size: min(60px*2,100vw*(60/384));
    background-position-x: min(220px*2,100vw*(220/384));
    background-position-y: min(40px*2,100vw*(40/384));
}

#contact .mvPage:after{
    background-image: url("../img/contact.jpg");
}
#contact .pageTitle{
    background-image: url("../img/icon_contact.svg");
    background-size: min(60px*2,100vw*(60/384));
    background-position-x: min(220px*2,100vw*(220/384));
    background-position-y: min(60px*2,100vw*(60/384));
}

#information .mvPage:after{
    background-image: url("../img/information.jpg");
}
#information .pageTitle{
    background-image: url("../img/icon_information.svg");
    background-size: min(50px*2,100vw*(50/384));
    background-position-x: min(220px*2,100vw*(220/384));
    background-position-y: min(40px*2,100vw*(40/384));
}
#information .lowerPage:after{
    background-image: url("../img/information_lower.jpg");
}
#information .lowerPage  .pageTitle{
    min-width: min(140px*2,100vw*(140/384));
    padding-left: 0;
    background-image: none;
}


#policy .mvPage:after{
    background-image: url("../img/policy.jpg");
}
#policy .pageTitle{
    background-image: none;
}

#donation .mvPage:after{
    background-image: url("../img/donation.jpg");
}
#donation .pageTitle{
    background-image: none;
}

@media (min-width:768px){
    .mvPage{
        display: flex;
        align-items: flex-end; 
        min-height: max(640px*(1000/1200),min(640px,100vw*(640/1600)));
        margin-bottom: max(110px*(1000/1200),min(110px,100vw*(110/1600)));
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .mvPage:after{
        content: "";
        display: block;
        width: calc(100% - max(60px*(1000/1200),min(60px,100%*(60/1600))));
        height: max(640px*(1000/1200),min(640px,100vw*(640/1600)));
        background-repeat: no-repeat;
        background-position: right top;
        background-size: cover;
        overflow: hidden;
        border-top-left-radius: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
    }
    .pageTitle{
        display: flex;
        flex-direction: column;
        width: max(580px*(1000/1200),min(580px,100vw*(580/1600)));
        padding-top: max(45px*(1000/1200),min(45px,100vw*(45/1600)));
        padding-left: max(100px*(1000/1200),min(100px,100vw*(100/1600)));
        padding-right: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        box-sizing: border-box;
        background-color: var(--bg-color1);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        border-top-right-radius: max(50px*(1000/1200),min(50px,100vw*(50/1600)));
        position: relative;
        z-index: 1;
    }
    .pageTitle h1{
        margin-bottom: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        padding-bottom: 0.65em;
        font-size: max(36px*(1000/1200),min(36px,100vw*(36/1600)));
        line-height: calc(48/36);
        position: relative;
        order: 2;
    }
    .pageTitle h1:after{
        content: "";
        display: block;
        width: max(160px*(1000/1200),min(160px,100vw*(160/1600)));
        height: max(4px*(1000/1200),min(4px,100vw*(4/1600)));
        background-color: var(--main-color);
        border-radius: max(4px*(1000/1200),min(4px,100vw*(4/1600)));
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .pageTitle-en{
        margin-bottom: 1.0em;
        font-size: max(14px*(1000/1200),min(14px,100vw*(14/1600)));
        font-family: 'Noto Sans', sans-serif;
        font-weight: 300;
        letter-spacing: 0.3em;
        line-height: 1;
        order: 1;
    }
    .pageLead{
        width: max(412px*(1000/1200),min(412px,100vw*(412/1600)));
        margin: 0;
        font-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
        line-height: calc(28/18);
        order: 3;
    }

    .lowerPage{
        min-height: max(200px*(1000/1200),min(200px,100vw*(200/1600)));
    }
    .lowerPage:after{
        height: max(200px*(1000/1200),min(200px,100vw*(200/1600)));
    }
    .lowerPage .pageTitle{
        width: auto;
        min-width: auto;
        height: max(120px*(1000/1200),min(120px,100vw*(120/1600)));
        padding-top: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
        padding-left: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        padding-right: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    .lowerPage .pageTitle h1{
        margin-bottom: max(8px*(1000/1200),min(8px,100vw*(8/1600)));
        padding-bottom: 1em;
        font-size: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
    }
    .lowerPage .pageTitle h1:after{
        width: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
    }
    .lowerPage .pageTitle h1 span{
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        left: max(100px*(1000/1200),min(100px,100vw*(100/1600)));
    }

    #guidance .mvPage:after{
        background-image: url("../img/guidance_pc.jpg");
    }
    #guidance .lowerPage:after{
        background-image: url("../img/guidance_lower_pc.jpg");
    }
    #guidance .pageTitle{
        width: auto;
        background-size: max(84px*(1000/1200),min(84px,100vw*(84/1600))) auto;
        background-position-x: max(416px*(1000/1200),min(416px,100vw*(416/1600)));
        background-position-y: max(70px*(1000/1200),min(70px,100vw*(70/1600)));
    }
    #guidance .lowerPage .pageTitle{
        padding-left: max(170px*(1000/1200),min(170px,100vw*(170/1600)));
    }
    #guidance.hospitalization .lowerPage .pageTitle{
        background-size: max(64px*(1000/1200),min(64px,100vw*(64/1600)));
        background-position-x: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }
    #guidance.leave .lowerPage .pageTitle{
        background-size: max(52px*(1000/1200),min(52px,100vw*(58/1600)));
        background-position-x: max(85px*(1000/1200),min(85px,100vw*(90/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }

    #about .mvPage:after{
        background-image: url("../img/about_pc.jpg");
    }
    #about .lowerPage:after{
        background-image: url("../img/about_lower_pc.jpg");
    }
    #about .pageTitle{
        width: auto;
        background-size: max(74px*(1000/1200),min(74px,100vw*(74/1600))) auto;
        background-position-x: max(430px*(1000/1200),min(430px,100vw*(430/1600)));
        background-position-y: max(70px*(1000/1200),min(70px,100vw*(70/1600)));
    }
    #about .lowerPage .pageTitle{
        padding-left: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
    }
    #about.access .lowerPage .pageTitle{
        min-width: max(240px*(1000/1200),min(240px,100vw*(240/1600)));
        padding-left: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        background-image: none;
    }
    #about.floor .lowerPage .pageTitle{
        min-width: max(280px*(1000/1200),min(280px,100vw*(280/1600)));
        padding-left: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        background-image: none;
    }

    #department .mvPage:after{
        background-image: url("../img/department_pc.jpg");
    }
    #department .lowerPage:after{
        background-image: url("../img/department_lower_pc.jpg");
    }
    #department .pageTitle{
        background-size: max(70px*(1000/1200),min(70px,100vw*(70/1600))) auto;
        background-position-x: max(450px*(1000/1200),min(450px,100vw*(450/1600)));
        background-position-y: max(70px*(1000/1200),min(70px,100vw*(70/1600)));
    }
    #department .lowerPage .pageTitle{
        padding-left: max(170px*(1000/1200),min(170px,100vw*(170/1600)));
    }
    #department.rehabilitation .lowerPage .pageTitle{
        background-size: max(58px*(1000/1200),min(58px,100vw*(58/1600)));
        background-position-x: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }
    #department.rihaka .lowerPage .pageTitle{
        background-size: max(58px*(1000/1200),min(58px,100vw*(58/1600)));
        background-position-x: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }
    #department.recuperation .lowerPage .pageTitle{
        background-size: max(58px*(1000/1200),min(58px,100vw*(58/1600)));
        background-position-x: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }
    #department.palliative-care .lowerPage .pageTitle{
        background-size: max(62px*(1000/1200),min(62px,100vw*(62/1600)));
        background-position-x: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }
    #department.community-care .lowerPage .pageTitle{
        background-size: max(62px*(1000/1200),min(62px,100vw*(62/1600)));
        background-position-x: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        background-position-y: max(54px*(1000/1200),min(54px,100vw*(54/1600)));
    }
    #department.dementia .lowerPage .pageTitle{
        width: max(500px*(1000/1200),min(500px,100vw*(500/1600)));
        background-size: max(43px*(1000/1200),min(43px,100vw*(43/1600)));
        background-position-x: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        background-position-y: max(44px*(1000/1200),min(44px,100vw*(44/1600)));
    }

    #recruit .mvPage:after{
        background-image: url("../img/recruit_pc.jpg");
    }
    #recruit .pageTitle{
        background-size: max(54px*(1000/1200),min(54px,100vw*(54/1600))) auto;
        background-position-x: max(430px*(1000/1200),min(430px,100vw*(430/1600)));
        background-position-y: max(70px*(1000/1200),min(70px,100vw*(70/1600)));
    }

    #faq .mvPage:after{
        background-image: url("../img/faq_pc.jpg");
    }
    #faq .pageTitle{
        background-size: max(76px*(1000/1200),min(76px,100vw*(76/1600))) auto;
        background-position-x: max(436px*(1000/1200),min(436px,100vw*(436/1600)));
        background-position-y: max(76px*(1000/1200),min(76px,100vw*(76/1600)));
    }

    #contact .mvPage:after{
        background-image: url("../img/contact_pc.jpg");
    }
    #contact .pageTitle{
        background-size: max(75px*(1000/1200),min(75px,100vw*(75/1600))) auto;
        background-position-x: max(423px*(1000/1200),min(423px,100vw*(423/1600)));
        background-position-y: max(85px*(1000/1200),min(85px,100vw*(85/1600)));
    }

    #information .mvPage:after{
        background-image: url("../img/information_pc.jpg");
    }
    #information .lowerPage:after{
        background-image: url("../img/information_lower_pc.jpg");
    }
    #information .pageTitle{
        width: auto;
        background-size: max(62px*(1000/1200),min(62px,100vw*(62/1600))) auto;
        background-position-x: max(423px*(1000/1200),min(423px,100vw*(423/1600)));
        background-position-y: max(75px*(1000/1200),min(75px,100vw*(75/1600)));
    }
    #information .lowerPage .pageTitle{
        padding-left: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
    }

    #policy .mvPage:after{
        background-image: url("../img/policy_pc.jpg");
    }

    #donation .mvPage:after{
        background-image: url("../img/donation_pc.jpg");
        background-position: center;
    }
}

.linkPanelWrap{

}
.linkPanel{
    width: min(344px*2,100vw*(344/384));
    margin: min(20px*2,100vw*(20/384)) auto;
    padding: min(20px*2,100vw*(20/384));
    background-color: #fff;
    border-radius: min(10px*2,100vw*(10/384));
    box-shadow: 0px 2px 4px rgba(0,0,0,0.16);
    box-sizing: border-box;
    position: relative;
}
.linkPanel:first-child{
    /*margin-top: min(50px*2,100vw*(50/384));*/
}
.linkPanel:last-child{
    margin-bottom: min(60px*2,100vw*(60/384));
}
.linkPanel a{
    display: block;
    text-decoration: none;
}
.linkPanelLead{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min(200px*2,100vw*(200/384));
    color: #fff;
    font-size: min(24px*2,100vw*(24/384));
    font-weight: bold;
    line-height: calc(30/24);
    text-align: center;
    background-color: #000;
    border-radius: min(10px*2,100vw*(10/384));
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.linkPanelLead:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.linkPanelTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: var(--txt-color);
    font-size: min(20px*2,100vw*(20/384));
    font-weight: bold;
    line-height: calc(30/20);
    position: relative;
}
.linkPanelText{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    color: var(--txt-color);
    font-size: min(18px*2,100vw*(18/384));
    font-weight: 500;
    line-height: calc(28/18);
}
.linkPanelTitle:after,
.linkPanelText:after{
    content: "";
    display: inline-block;
    flex: none;
    width: min(24px*2,100vw*(24/384));
    height: min(24px*2,100vw*(24/384));
    background-image: url("../img/arrow_link_round.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.linkPanelText:after{
    margin-left: min(20px*2,100vw*(20/384));
}

#guidance .linkPanel:before{
    content: "";
    display: block;
    width: min(80px*2,100vw*(80/384));
    height: min(80px*2,100vw*(80/384));
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: min(20px*2,100vw*(20/384));
    border-bottom-right-radius: min(60px*2,100vw*(60/384));
    border-top-left-radius: min(10px*2,100vw*(10/384));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
#hospitalization .linkPanelLead:after{
    background-image: url("../img/guidance_hospitalization.jpg");
}
#hospitalization.linkPanel:before{
    background-image: url("../img/icon_guidance_hospitalization.svg");
    background-size: min(34px*2,100vw*(34/384));
}
#leave .linkPanelLead:after{
    background-image: url("../img/guidance_leave.jpg");
}
#leave.linkPanel:before{
    background-image: url("../img/icon_guidance_visitation.svg");
    background-size: min(30px*2,100vw*(30/384));
}

#philosophy .linkPanelLead:after{
    background-image: url("../img/about_philosophy.jpg");
}
#outline .linkPanelLead:after{
    background-image: url("../img/about_outline.jpg");
}
#doctor .linkPanelLead:after{
    background-image: url("../img/about_doctor.jpg");
}
#contact .linkPanelLead:after{
    background-image: url("../img/about_contact.jpg");
}
#access .linkPanelLead:after{
    background-image: url("../img/about_access.jpg");
}
#floor .linkPanelLead:after{
    background-image: url("../img/about_floor.jpg");
}
#faq .linkPanelLead:after{
    background-image: url("../img/bg_faq.jpg");
}
#certificate .linkPanelLead:after{
    background-image: url("../img/about_certificate_sp.jpg");
}

.certificateThumbnail{
    padding: min(20px*2,100vw*(20/384));
}
.certificateThumbnail a,
.certificateThumbnail a img{
    display: inline-block;
    width: 100%;
    color: var(--txt-color);
    text-decoration: none;
}
.certificateThumbnail a img{
    margin-bottom: min(10px*2,100vw*(10/384));
}
.accessMap{
    margin-bottom: min(60px*2,100vw*(60/384));
}

#department .linkPanelTitle{
    margin-bottom: min(16px*2,100vw*(16/384));
    padding-top: 0.5em;
}
#department .linkPanelTitle:before{
    content: "";
    display: block;
    width: min(20px*2,100vw*(20/384));
    height: min(4px*2,100vw*(4/384));
    background-color: var(--main-color);
    border-radius: min(4px*2,100vw*(4/384));
    position: absolute;
    top: 0;
    left: 0;
}
#department .linkPanel:before{
    content: "";
    display: block;
    width: min(80px*2,100vw*(80/384));
    height: min(80px*2,100vw*(80/384));
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: min(20px*2,100vw*(20/384));
    border-bottom-right-radius: min(60px*2,100vw*(60/384));
    border-top-left-radius: min(10px*2,100vw*(10/384));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
#rehabilitation.linkPanel:before{
    background-image: url("../img/icon_department_rehabilitation.svg");
    background-size: min(34px*2,100vw*(34/384));
}
#rehabilitation .linkPanelLead:after{
    background-image: url("../img/department_rehabilitation.jpg");
}
#rihaka.linkPanel:before{
    background-image: url("../img/icon_department_recuperation.svg");
    background-size: min(34px*2,100vw*(34/384));
}
#rihaka .linkPanelLead:after{
    background-image: url("../img/department_rihaka.jpg");
}
#recuperation.linkPanel:before{
    background-image: url("../img/icon_department_recuperation.svg");
    background-size: min(36px*2,100vw*(36/384));
}
#recuperation .linkPanelLead:after{
    background-image: url("../img/department_recuperation.jpg");
}
#palliative-care.linkPanel:before{
    background-image: url("../img/icon_department_palliative-care.svg");
    background-size: min(38px*2,100vw*(38/384));
}
#palliative-care .linkPanelLead:after{
    background-image: url("../img/department_palliative-care.jpg");
}
#community-care.linkPanel:before{
    background-image: url("../img/icon_department_community-care.svg");
    background-size: min(40px*2,100vw*(40/384));
    background-position-y: min(25px*2,100vw*(25/384));
}
#community-care .linkPanelLead:after{
    background-image: url("../img/department_community-care.jpg");
}
#dementia.linkPanel:before{
    background-image: url("../img/icon_department_dementia.svg");
    background-size: min(28px*2,100vw*(28/384));
    background-position-x: min(26px*2,100vw*(26/384));
}
#dementia .linkPanelLead:after{
    background-image: url("../img/department_dementia.jpg");
}
#department .linkPanelText:after{
    display: none;
}
@media (min-width:768px){
    .linkPanelWrap{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: max(40px*(1200/1600),min(40px,100vw*(40/1600)));
        justify-content: center;
        width: max(1200px*(1200/1600),min(1200px,100vw*(1200/1600)));
        margin: auto;
        padding-bottom: max(80px*(1200/1600),min(80px,100vw*(80/1600)));
    }
    .linkPanel{
        width: max(580px*(1200/1600),min(580px,100vw*(580/1600)));
        margin: 0;
        padding: max(20px*(1200/1600),min(20px,100vw*(20/1600)));
        border-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    .linkPanel:last-child{
        margin-bottom: 0;
    }
    .linkPanelTitle{
        width: max(500px*(1200/1600),min(500px,100vw*(500/1600)));
        margin-top: max(30px*(1200/1600),min(30px,100vw*(30/1600)));
        margin-left: auto;
        margin-right: auto;
        font-size: max(20px*(1200/1600),min(20px,100vw*(20/1600)));
        justify-content: flex-start
    }
    .linkPanelTitle:after,
    .linkPanelText:after{
        flex: none;
        width: max(24px*(1200/1600),min(24px,100vw*(24/1600)));
        height: max(24px*(1200/1600),min(24px,100vw*(24/1600)));
    }
    .linkPanelTitle:after{
        margin-left: auto;
    }
    .linkPanelText:after{
        margin-left: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
    }
    .linkPanelLead{
        height: max(300px*(1200/1600),min(300px,100vw*(300/1600)));
        font-size: max(32px*(1200/1600),min(32px,100vw*(32/1600)));
        line-height: calc(40/32);
        border-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    .linkPanelText{
        width: max(500px*(1200/1600),min(500px,100vw*(500/1600)));
        min-height: 3.2em;
        margin-left: auto;
        margin-right: auto;
        font-size: max(18px*(1200/1600),min(18px,100vw*(18/1600)));
    }

    #guidance .linkPanel:before{
        width: max(120px*(1200/1600),min(120px,100vw*(120/1600)));
        height: max(120px*(1200/1600),min(120px,100vw*(120/1600)));
        background-position-x: max(30px*(1200/1600),min(30px,100vw*(30/1600)));
        background-position-y: max(30px*(1200/1600),min(30px,100vw*(30/1600)));
        border-bottom-right-radius: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
        border-top-left-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    #hospitalization.linkPanel:before{
        background-image: url("../img/icon_guidance_hospitalization.svg");
        background-size: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
    }
    #leave.linkPanel:before{
        background-image: url("../img/icon_guidance_visitation.svg");
        background-size: max(50px*(1200/1600),min(50px,100vw*(50/1600)));
    }

    #certificate .linkPanelLead:after{
        background-image: url("../img/about_certificate_pc.jpg");
    }
    .certificateThumbnail{
        flex: none;
        width: max(240px*(1200/1600),min(240px,100vw*(240/1600)));
        padding: 0;
    }
    .certificateThumbnail a,
    .certificateThumbnail a img{
        display: inline-block;
        width: 100%;
        color: var(--txt-color);
        text-decoration: none;
    }
    .certificateThumbnail a img{
        margin-bottom: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    .certificateWrap{
        display: flex;
        grid-gap: max(40px*(1200/1600),min(40px,100vw*(40/1600)));
        margin-bottom: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
    }
    .accessMap{
        margin-bottom: 0;
    }

    #department .linkPanelTitle{
        margin-bottom: max(16px*(1200/1600),min(16px,100vw*(16/1600)));
        padding-top: 0;
    }
    #department .linkPanelTitle:before{
        position: relative;
        margin-right: max(30px*(1200/1600),min(30px,100vw*(30/1600)));
    }
    #department .linkPanel:before{
        width: max(120px*(1200/1600),min(120px,100vw*(120/1600)));
        height: max(120px*(1200/1600),min(120px,100vw*(120/1600)));
        background-position-x: max(30px*(1200/1600),min(30px,100vw*(30/1600)));
        background-position-y: max(30px*(1200/1600),min(30px,100vw*(30/1600)));
        border-bottom-right-radius: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
        border-top-left-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    #rehabilitation.linkPanel:before{
        background-image: url("../img/icon_department_rehabilitation.svg");
        background-size: max(50px*(1200/1600),min(50px,100vw*(50/1600)));
    }
    #rihaka.linkPanel:before{
        background-image: url("../img/icon_department_recuperation.svg");
        background-size: max(50px*(1200/1600),min(50px,100vw*(50/1600)));
    }
    #recuperation.linkPanel:before{
        background-image: url("../img/icon_department_recuperation.svg");
        background-size: max(50px*(1200/1600),min(50px,100vw*(50/1600)));
    }
    #palliative-care.linkPanel:before{
        background-image: url("../img/icon_department_palliative-care.svg");
        background-size: max(50px*(1200/1600),min(50px,100vw*(50/1600)));
    }
    #community-care.linkPanel:before{
        background-image: url("../img/icon_department_community-care.svg");
        background-size: max(50px*(1200/1600),min(50px,100vw*(50/1600)));
        background-position-y: max(39px*(1200/1600),min(39px,100vw*(39/1600)));
    }
    #dementia.linkPanel:before{
        background-image: url("../img/icon_department_dementia.svg");
        background-size: max(43px*(1200/1600),min(43px,100vw*(43/1600)));
        background-position-x: max(34px*(1200/1600),min(34px,100vw*(34/1600)));
    }
}

.linkBtnWrap{
    width: min(344px*2,100vw*(344/384));
    margin: 0 auto;
}
.linkBtn{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: min(120px*2,100vw*(120/384));
    padding: 0 min(20px*2,100vw*(20/384));
    background-color: #fff;
    border-radius: min(20px*2,100vw*(20/384));
    box-sizing: border-box;
    color: var(--text-color);
    text-decoration: none;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.linkBtn:not(:last-child){
    margin-bottom: min(10px*2,100vw*(10/384));
}
.linkBtn figure{
    margin: 0;
}
.linkBtnTitle{
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: min(18px*2,100vw*(18/384));
    font-weight: bold;
    line-height: calc(24/18);
    border-bottom: 2px solid var(--main-color);
}
.linkBtnTitle:before{
    content: "";
    display: inline-block;
    width: min(48px*2,100vw*(48/384));
    height: min(48px*2,100vw*(48/384));
    margin-right: min(20px*2,100vw*(20/384));
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.linkBtn.recuperation .linkBtnTitle:before{
    background-image: url("../img/icon_department_recuperation.svg");
}
.linkBtn.rehabilitation .linkBtnTitle:before{
    background-image: url("../img/icon_department_rehabilitation.svg");
}
.linkBtn.rihaka .linkBtnTitle:before{
    background-image: url("../img/icon_department_recuperation.svg");
}
.linkBtn.palliative-care .linkBtnTitle:before{
    background-image: url("../img/icon_department_palliative-care.svg");
}
.linkBtn.community-care .linkBtnTitle:before{
    background-image: url("../img/icon_department_community-care.svg");
}
.linkBtn.dementia .linkBtnTitle:before{
    background-image: url("../img/icon_department_dementia.svg");
}
.linkBtnTitle:after{
    content: "";
    display: inline-block;
    width: min(24px*2,100vw*(24/384));
    height: min(24px*2,100vw*(24/384));
    margin-left: auto;
    background-image: url("../img/arrow_link_round.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.linkBtnLabel{
    display: inline-block;
    width: 100%;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    font-size: min(14px*2,100vw*(14/384));
    font-weight: bold;
    line-height: calc(20/14);
    text-align: center;
}
@media (min-width:768px){
    .linkBtnWrap{
        display: flex;
        grid-gap: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        width: 100%;
        max-width: max(1000px*(1000/1200),min(1000px,100vw*(1000/1600)));
    }
    .linkBtn{
        min-height: max(160px*(1000/1200),min(160px,100vw*(160/1600)));
        padding: 0 max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        border-radius: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .linkBtn:not(:last-child){
        margin-bottom: 0;
    }
    .linkBtnTitle{
        padding-top: 0.95em;
        padding-bottom: 0.95em;
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        line-height: calc(24/16);
    }
    .linkBtnTitle:before{
        width: max(48px*(1000/1200),min(48px,100vw*(48/1600)));
        height: max(48px*(1000/1200),min(48px,100vw*(48/1600)));
        margin-right: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    .linkBtnTitle:after{
        display: none;
    }
    .linkBtnLabel{
        display: flex;
        align-items: center;
        justify-content: center;
        height: max(64px*(1000/1200),min(64px,100vw*(64/1600)));
        margin-top: 0;
        margin-bottom: 0;
        font-size: max(14px*(1000/1200),min(14px,100vw*(14/1600)));
        background-image: url("../img/arrow_link_round.svg");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
    }
    /* Toppage */
    .topMenuDepartment {
        grid-gap: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        margin-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    .topMenuDepartment .linkBtn{
        min-height: max(320px*(1000/1200),min(320px,100vw*(320/1600)));
    }
    .topMenuDepartment .linkBtnTitle{
        flex-direction: column;
        text-align: center;
    }
    .topMenuDepartment .linkBtnTitle:before{
        height: max(65px*(1000/1200),min(65px,100vw*(65/1600)));
        margin-bottom: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        margin-right: 0;
    }
    .topMenuDepartment .linkBtn.rehabilitation .linkBtnTitle:before{
        width: max(57px*(1000/1200),min(57px,100vw*(57/1600)));
    }
    .topMenuDepartment .linkBtn.rihaka .linkBtnTitle:before{
        width: max(57px*(1000/1200),min(57px,100vw*(57/1600)));
    }
    .topMenuDepartment .linkBtn.recuperation .linkBtnTitle:before{
        width: max(62px*(1000/1200),min(62px,100vw*(62/1600)));
    }
    .topMenuDepartment .linkBtn.palliative-care .linkBtnTitle:before{
        width: max(62px*(1000/1200),min(62px,100vw*(62/1600)));
    }
    .topMenuDepartment .linkBtn.community-care .linkBtnTitle:before{
        width: max(65px*(1000/1200),min(65px,100vw*(65/1600)));
    }
    .topMenuDepartment .linkBtn.dementia .linkBtnTitle:before{
        width: max(48px*(1000/1200),min(48px,100vw*(48/1600)));
    }
    .topMenuDepartment .linkBtnLabel{
        height: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        padding-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        background-position: center max(70px*(1000/1200),min(70px,100vw*(70/1600)));
    }

}

.lowerLead,
.is-style-lowerLead{
    font-size: min(20px*2,100vw*(20/384));
    line-height: calc(30/20);
}
@media (min-width:768px){
    .lowerLead,
    .is-style-lowerLead{
        font-size: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        line-height: calc(40/24);
    }
}

.lowerImage{
    width: min(324px*2,100vw*(324/384));
    height: min(240px*2,100vw*(240/384));
    margin-right: auto;
    border-top-right-radius: min(20px*2,100vw*(20/384));
    border-bottom-right-radius: min(20px*2,100vw*(20/384));
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.lowerImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}
@media (min-width:768px){
    .columnLead{
        max-width: max(1200px*(1200/1600),min(1200px,100vw*(1200/1600)));
        margin: 0 auto;
    }
    .lowerImage{
        width: max(680px*(1200/1600),min(680px,100vw*(680/1600)));
        height: max(480px*(1200/1600),min(480px,100vw*(480/1600)));
        border-radius: max(20px*(1200/1600),min(20px,100vw*(20/1600)));
    }
}

.boxLead{
    width: min(344px*2,100vw*(344/384));
    margin-left: auto;
    margin-top: max(-70px*2,100vw*(-70/384));
    margin-bottom: min(80px*2,100vw*(80/384));
    background-color: rgba(255,255,255,0.9);
    padding: min(40px*2,100vw*(40/384)) min(30px*2,100vw*(30/384));
    border-top-left-radius: min(10px*2,100vw*(10/384));
    border-bottom-left-radius: min(10px*2,100vw*(10/384));
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.boxLeadTitle{
    padding-bottom: 0.45em;
    font-size: min(28px*2,100vw*(28/384));
    font-weight: bold;
    line-height: calc(40/28);
    position: relative;
}
.boxLeadTitle:after{
    content: "";
    display: block;
    width: min(100px*2,100vw*(100/384));
    height: 2px;
    background-color: var(--main-color);
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.boxLead p:last-child{
    margin-bottom: 0;
}
@media (min-width:768px){
    .boxLead{
        width: max(780px*(1200/1600),min(780px,100vw*(780/1600)));
        height: max-content;
        /*min-height: min(480px,100vw*(480/1600));*/
        margin-left: auto;
        margin-top: min(-440px*(1200/1600),max(-440px,100vw*(-440/1600)));
        margin-bottom: max(120px*(1200/1600),min(120px,100vw*(120/1600)));
        padding: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
        border-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    .boxLeadTitle{
        margin-bottom: 1.0em;
        padding-bottom: 0.85em;
        font-size: max(36px*(1200/1600),min(36px,100vw*(36/1600)));
        line-height: calc(48/36);
    }
    .boxLeadTitle:after{
        width: max(100px*(1200/1600),min(100px,100vw*(100/1600)));
    }
}

.boxStep{
    width: min(344px*2,100vw*(344/384));
    margin: 0 auto;
    padding: min(30px*2,100vw*(30/384)) min(20px*2,100vw*(20/384));
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid var(--border-color2);
    border-radius: min(10px*2,100vw*(10/384));
}
.boxStep ul li:not(:last-child){
    margin-bottom: min(50px*2,100vw*(50/384));
    padding-bottom: min(30px*2,100vw*(30/384));
    border-bottom: 1px solid var(--border-color1);
    position: relative;
}
.boxStep ul li:not(:last-child):after{
    content: "";
    display: inline-block;
    width: min(40px*2,100vw*(40/384));
    height: min(20px*2,100vw*(20/384));
    background-image: url("../img/arrow_step.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: max(-30px*2,100vw*(-30/384));
    left: 50%;
    transform: translateX(-50%);
}
.stepNumber{
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    line-height: 1;
}
.stepNumber img{
    width: auto;
    height: min(48px*2,100vw*(48/384));
    object-fit: contain;
}
.stepNumber b{
    display: inline-block;
    margin-left: 0.25em;
    font-size: min(40px*2,100vw*(40/384));
    font-weight: 400;
    transform: translateY(-10%);
}
.stepText{
    display: block;
}
.stepText .boxContactTel{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
@media (min-width:768px){
    .boxStep{
        width: max(1000px*(1000/1200),min(1000px,100vw*(1000/1600)));
        padding: max(50px*(1000/1200),min(50px,100vw*(50/1600))) max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    .boxStep ul li{
        display: flex;
        align-items: center;
    }
    .boxStep ul li:not(:last-child){
        margin-bottom: max(50px*(1000/1200),min(50px,100vw*(50/1600)));
        padding-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .boxStep ul li:not(:last-child):after{
        width: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        height: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        bottom: min(-30px*(1000/1200),max(-30px,100vw*(-30/1600)));
    }
    .stepNumber{
        margin-bottom: 0;
        margin-right: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        font-size: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
    }
    .stepNumber img{
        width: auto;
        height: max(63px*(1000/1200),min(63px,100vw*(63/1600)));
        object-fit: contain;
    }
    .stepNumber b{
        margin-left: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        font-size: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
    }
    .stepText{
        line-height: calc(32/18);
    }
}

.boxFlow{
    width: min(344px*2,100vw*(344/384));
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid var(--border-color2);
    border-radius: min(10px*2,100vw*(10/384));
    position: relative;
}
.boxFlow:not(:last-child){
    margin-bottom: min(50px*2,100vw*(50/384));
}
.boxFlow:not(:last-child):after{
    content: "";
    display: inline-block;
    width: min(40px*2,100vw*(40/384));
    height: min(20px*2,100vw*(20/384));
    background-image: url("../img/arrow_step.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: max(-30px*2,100vw*(-30/384));
    left: 50%;
    transform: translateX(-50%);
}
.boxFlow .inner{
    padding: min(30px*2,100vw*(30/384)) min(20px*2,100vw*(20/384));
}
.boxFlowTitle{
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: min(80px*2,100vw*(80/384));
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5em min(20px*2,100vw*(20/384));
    box-sizing: border-box;
    color: var(--color2);
    background-color: rgba(160,198,0,0.1);
    font-size: min(20px*2,100vw*(20/384));
    font-weight: bold;
    line-height: calc(28/20);
}
.iconFlow1,
.iconFlow2,
.iconFlow3,
.iconFlow4,
.iconFlow5,
.iconFlow6{
    display: flex;
    align-items: center;
}
.iconFlow5,
.iconFlow6{
    margin-top: 0.5em;
}
.iconFlow1:before,
.iconFlow2:before,
.iconFlow3:before,
.iconFlow4:before,
.iconFlow5:before,
.iconFlow6:before{
    content: "";
    display: inline-block;
    width: min(60px*2,100vw*(60/384));
    height: min(46px*2,100vw*(46/384));
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.iconFlow1:before{
    background-image: url("../img/icon_department_swallowing_1.svg");
}
.iconFlow2:before{
    background-image: url("../img/icon_department_swallowing_2.svg");
}
.iconFlow3:before{
    background-image: url("../img/icon_department_swallowing_3.svg");
}
.iconFlow4:before{
    background-image: url("../img/icon_department_swallowing_4.svg");
}
.iconFlow5:before{
    background-image: url("../img/icon_department_swallowing_5.svg");
}
.iconFlow6:before{
    background-image: url("../img/icon_department_swallowing_6.svg");
}
@media (min-width:768px){
    .boxFlow{
        display: flex;
        width: max(880px*(1000/1200),min(880px,100vw*(880/1600)));
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    .boxFlow:not(:last-child){
        margin-bottom: max(50px*(1000/1200),min(50px,100vw*(50/1600)));
    }
    .boxFlow:not(:last-child):after{
        width: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        height: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        bottom: min(-30px*(1000/1200),max(-30px,100vw*(-30/1600)));
    }
    .boxFlow .inner{
        padding: max(30px*(1000/1200),min(30px,100vw*(30/1600))) max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    .boxFlowTitle{
        flex: none;
        width: max(250px*(1000/1200),min(250px,100vw*(250/1600)));
        min-height: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        padding: 0.5em max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        font-size: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .iconFlow1:before,
    .iconFlow2:before,
    .iconFlow3:before,
    .iconFlow4:before,
    .iconFlow5:before,
    .iconFlow6:before{
        width: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        height: max(46px*(1000/1200),min(46px,100vw*(46/1600)));
    }
}

.linkAnchorWrap{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: min(10px*2,100vw*(10/384));
    padding-left: min(10px*2,100vw*(10/384));
    padding-right: min(10px*2,100vw*(10/384));
}
.linkAnchor{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: min(60px*2,100vw*(60/384));
    padding-top: 0.75em;
    padding-bottom: min(25px*2,100vw*(25/384));
    background-color: #fff;
    border-radius: min(10px*2,100vw*(10/384));
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.16);
    color: var(--main-color);
    font-size: min(16px*2,100vw*(16/384));
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: calc(20/16);
    position: relative;
}
.linkAnchor:after{
    content: "";
    display: inline-block;
    width: min(112px*2,100vw*(112/384));
    height: min(30px*2,100vw*(30/384));
    background-image: url("../img/arrow_anchor.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: min(14px*2,100vw*(14/384)) auto;
    position: absolute;
    bottom: 0;
    left: calc(50% - min(56px*2,100vw*(56/384)));
}
#department.rehabilitation .linkAnchor{
    height: min(100px*2,100vw*(100/384));
    padding-top: 0.75em;
    padding-bottom: min(30px*2,100vw*(30/384));
}
#department.rehabilitation .linkAnchor:after{
    border-top: 2px solid var(--main-color);
}
#department.rihaka .linkAnchor{
    height: min(100px*2,100vw*(100/384));
    padding-top: 0.75em;
    padding-bottom: min(30px*2,100vw*(30/384));
}
#department.rihaka .linkAnchor:after{
    border-top: 2px solid var(--main-color);
}
#faq .linkAnchorWrap{
    margin-bottom: min(60px*2,100vw*(60/384));
}
@media (min-width:768px){
    .columnAnchor{
        margin-top: min(-40px*(1200/1600),max(-40px,100vw*(-40/1600)));
        margin-bottom: max(120px*(1200/1600),min(120px,100vw*(120/1600)));
    }
    .linkAnchorWrap{
        grid-template-columns: repeat(5,1fr);
        grid-gap: max(20px*(1200/1600),min(20px,100vw*(20/1600)));
        max-width: max(1000px*(1200/1600),min(1000px,100vw*(1000/1600)));
        margin: 0 auto;
        padding-left: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
        padding-right: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
    }
    .linkAnchor{
        height: max(80px*(1200/1600),min(80px,100vw*(80/1600)));
        padding-top: 0.75em;
        padding-bottom: max(25px*(1200/1600),min(25px,100vw*(25/1600)));
        border-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
        font-size: max(16px*(1200/1600),min(16px,100vw*(16/1600)));
        line-height: calc(28/20);
    }
    .linkAnchor:after{
        width: 100%;
        height: max(45px*(1200/1600),min(45px,100vw*(45/1600)));
        background-size: max(14px*(1200/1600),min(14px,100vw*(14/1600))) auto;
        left: 0;
    }
    #department.rehabilitation .linkAnchorWrap{
        grid-template-columns: repeat(4,1fr);
        grid-gap: max(40px*(1200/1600),min(40px,100vw*(40/1600)));
        max-width: max(1080px*(1200/1600),min(1080px,100vw*(1080/1600)));
    }
    #department.rehabilitation .linkAnchor{
        height: max(140px*(1200/1600),min(140px,100vw*(140/1600)));
        padding-top: 0.75em;
        padding-bottom: max(45px*(1200/1600),min(45px,100vw*(45/1600)));
        border-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
        font-size: max(20px*(1200/1600),min(20px,100vw*(20/1600)));
        line-height: calc(28/20);
    }
    #department.rehabilitation .linkAnchor:after{
        width: max(180px*(1200/1600),min(180px,100vw*(180/1600)));
        height: max(45px*(1200/1600),min(45px,100vw*(45/1600)));
        background-size: max(14px*(1200/1600),min(14px,100vw*(14/1600))) auto;
        left: calc(50% - max(90px*(1200/1600),min(90px,100vw*(90/1600))) );
    }
    #department.rihaka .linkAnchorWrap{
        grid-template-columns: repeat(4,1fr);
        grid-gap: max(40px*(1200/1600),min(40px,100vw*(40/1600)));
        max-width: max(1080px*(1200/1600),min(1080px,100vw*(1080/1600)));
    }
    #department.rihaka .linkAnchor{
        height: max(140px*(1200/1600),min(140px,100vw*(140/1600)));
        padding-top: 0.75em;
        padding-bottom: max(45px*(1200/1600),min(45px,100vw*(45/1600)));
        border-radius: max(10px*(1200/1600),min(10px,100vw*(10/1600)));
        font-size: max(20px*(1200/1600),min(20px,100vw*(20/1600)));
        line-height: calc(28/20);
    }
    #department.rihaka .linkAnchor:after{
        width: max(180px*(1200/1600),min(180px,100vw*(180/1600)));
        height: max(45px*(1200/1600),min(45px,100vw*(45/1600)));
        background-size: max(14px*(1200/1600),min(14px,100vw*(14/1600))) auto;
        left: calc(50% - max(90px*(1200/1600),min(90px,100vw*(90/1600))) );
    }
    #faq .columnAnchor{
        margin-top: 0;
        margin-bottom: max(60px*(1200/1600),min(60px,100vw*(60/1600)));
    }
    #faq .linkAnchorWrap{
        max-width: max(1000px*(1000/1200),min(1000px,100vw*(1000/1600)));
        margin-bottom: 0;
    }
}

#guidance{

}

#hospitalization .thumbnail{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: min(10px*2,100vw*(10/384));
    margin-top: min(20px*2,100vw*(20/384));
    margin-bottom: min(30px*2,100vw*(30/384));
}
#room-movie,
#hospitalization iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 560/315;
}
#room-movie{
    margin-bottom: min(20px*2,100vw*(20/384));
}
.hospitalizationSlides .slick-next{
    right: 0;
    transform: translate(25%,-50%);
}
.hospitalizationSlides .slick-prev{
    left: 0;
    transform: translate(-25%,-50%);
}
.hospitalizationSlides .slick-next,
.hospitalizationSlides .slick-prev{
    width: min(48px*2,100vw*(48/384));
    height: min(48px*2,100vw*(48/384));
    z-index: 1;
}
.hospitalizationSlides .slick-next:before,
.hospitalizationSlides .slick-prev:before{
    content: "";
    display: block;
    opacity: 1;
    width: min(48px*2,100vw*(48/384));
    height: min(48px*2,100vw*(48/384));
    background-position: center;
    background-repeat: no-repeat;
    background-size: min(48px*2,100vw*(48/384));
}
.hospitalizationSlides .slick-next:before{
    background-image: url("../img/btn_slide_next.svg");
}
.hospitalizationSlides .slick-prev:before{
    background-image: url("../img/btn_slide_prev.svg");
}

#leave .linkPanelWrap{
}
#leave.column .linkPanel{
    width: 100%;
    padding: min(10px*2,100vw*(10/384));
}
#leave.column .linkPanelLead{
    height: min(110px*2,100vw*(110/384))
}
#leave.column .linkPanelLead:before{
    content: "";
    flex: none;
    display: inline-block;
    width: min(24px*2,100vw*(24/384));
    height: min(24px*2,100vw*(24/384));
    margin-left: auto;
    background-image: url(../img/arrow_link_round.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    transform: translateY(-50%);
}
#leave .flex{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
#leave .flex-half{
    width: 100%;
}
@media (min-width:768px){
    #hospitalization .thumbnail{
        display: grid;
        grid-template-columns: repeat(10,1fr);
        grid-gap: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        margin-top: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #room-movie{
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    .hospitalizationSlides .slick-next{
        right: 0;
        transform: translate(50%,-50%);
    }
    .hospitalizationSlides .slick-prev{
        left: 0;
        transform: translate(-50%,-50%);
    }
    .hospitalizationSlides .slick-next,
    .hospitalizationSlides .slick-prev{
        width: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        height: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    .hospitalizationSlides .slick-next:before,
    .hospitalizationSlides .slick-prev:before{
        content: "";
        display: block;
        opacity: 1;
        width: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        height: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        background-position: center;
        background-repeat: no-repeat;
        background-size: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #leave.column .linkPanelWrap{
        width: 100%;
        padding-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #leave.column .linkPanel{
        width: auto;
        padding: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    #leave.column .linkPanelLead{
        height: max(140px*(1000/1200),min(140px,100vw*(140/1600)));
        position: relative;
    }
    #leave.column .linkPanelLead:before{
        content: "";
        display: inline-block;
        width: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        height: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        background-image: url(../img/arrow_link_round.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        transform: translateY(-50%);
    }
    #leave .flex-half:nth-of-type(1){
        width: max(440px*(1000/1200),min(440px,100vw*(440/1600)));
    }
    #leave .flex-half:nth-of-type(2){
        width: max(520px*(1000/1200),min(520px,100vw*(520/1600)));
    }
    #leave .flex-half .btn a{
        min-width: 100%;
    }
}

.philosophyTable th{
    background-color: var(--bg-color3);
}
.philosophyTable td{
    background-color: var(--sub-bg-color3);
    text-align: right;
    font-weight: bold;
}
.philosophyTable td:first-child{
    text-align: left;
    font-weight: 500;
}
@media (max-width:767px){
    #philosophy .flex{
        flex-wrap: wrap;
        width: 100%;
    }
    #philosophy .flex-half{
        width: 100%;
    }
    #philosophy .flex-half:nth-of-type(2){
        margin-top: min(20px*2,100vw*(20/384))
    }
    #achievement .scrollArea figure{
        width: 300%;
    }
    #achievement .scrollArea table{
        width: 220%;
    }
}
@media (min-width:768px){
    #philosophy.column{
        margin-bottom: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
    }
    #philosophy > .inner{
        margin-bottom: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
    }
    #philosophy .flex{
        justify-content: space-between;
    }
    #philosophy .flex-half{
        width: max(420px*(1000/1200),min(420px,100vw*(420/1600)));
    }
}

#outline{
}
#outline .outlineTable{
    border-radius: 0;
}
#outline .outlineTable:before{
    content: "";
    display: table-caption;
    width: 100%;
    height: 2px;
    background: #f04673;
    background: -moz-linear-gradient(left,  #f04673 0%, #3fb2e2 100%);
    background: -webkit-linear-gradient(left,  #f04673 0%,#3fb2e2 100%);
    background: linear-gradient(to right,  #f04673 0%,#3fb2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04673', endColorstr='#3fb2e2',GradientType=1 ); 
}
#outline .outlineTable th,
#outline .outlineTable td{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--border-color1);
    background: transparent;
    font-size: min(18px*2,100vw*(18/384));
    text-align: left;
  }
#outline .outlineTable th{
    background-color: transparent;
    color: var(--txt-color);
    text-align: left;
}
#outline .outlineTable td{
}
#outline.column .linkPanelWrap{
}
#outline.column .linkPanel{
    width: 100%;
    padding: min(10px*2,100vw*(10/384));
}
#outline.column .linkPanelLead{
    height: min(110px*2,100vw*(110/384))
}
#outline.column .linkPanelLead:before{
    content: "";
    flex: none;
    display: inline-block;
    width: min(24px*2,100vw*(24/384));
    height: min(24px*2,100vw*(24/384));
    margin-left: auto;
    background-image: url(../img/arrow_link_round.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    transform: translateY(-50%);
}
#outline .flex{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
#outline .flex-half{
    width: 100%;
}
@media (max-width:767px){
    #outline .outlineTable,
    #outline .outlineTable th,
    #outline .outlineTable td{
        display: block;
        padding: 0;
    }
    #outline .outlineTable th{
        border-bottom: none;
        padding-top: 1.5em;
    }
    #outline .outlineTable td{
        padding-bottom: 0.75em;
    }
}
@media (min-width:768px){
    #outline{
    
    }
    #outline .outlineTable th,
    #outline .outlineTable td{
        font-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
    }
    #outline .linkPanelWrap{
        width: 100%;
        padding-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #outline.column .linkPanel{
        width: auto;
        padding: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    #outline.column .linkPanelLead{
        height: max(140px*(1000/1200),min(140px,100vw*(140/1600)));
        position: relative;
    }
    #outline.column .linkPanelLead:before{
        content: "";
        display: inline-block;
        width: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        height: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        background-image: url(../img/arrow_link_round.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        transform: translateY(-50%);
    }
    #outline .flex-half{
        width: max(360px*(1000/1200),min(360px,100vw*(360/1600)));
    }
    #outline .flex-half .btn a{
        min-width: 100%;
    }
}

#doctor{
}
#doctor .flex{
    display: block;
}
#doctor .doctorProfilePhoto{
    width: 100%;
    height: min(430px*2,100vw*(430/384));
    margin-top: min(40px*2,100vw*(40/384));
}
#doctor .doctorProfilePhoto img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#doctor .doctorName{
    font-size: min(36px*2,100vw*(36/384));
    font-weight: 500;
}
#doctor .doctorName small{
    font-size: min(24px*2,100vw*(24/384));
    font-weight: 500;
}
#doctor .doctorProfileSpecialty{
    margin-top: min(40px*2,100vw*(40/384));
    margin-bottom: 0;
    padding-top: min(40px*2,100vw*(40/384));
    padding-bottom: min(40px*2,100vw*(40/384));
    overflow: hidden;
    border-top: 1px solid var(--border-color1);
    border-bottom: 1px solid var(--border-color1);
}
#doctorList .btn{
    margin-top: min(40px*2,100vw*(40/384));
    margin-bottom: min(70px*2,100vw*(70/384));
}
.doctorProfile{
    border-bottom: 1px solid var(--border-color1);
    margin-bottom: min(20px*2,100vw*(20/384));
    padding-top: min(20px*2,100vw*(20/384));
    padding-bottom: min(30px*2,100vw*(30/384));
}
.doctorProfilePhoto{
    width: min(180px*2,100vw*(180/384));
    margin-bottom: min(20px*2,100vw*(20/384));
    border-radius: min(10px*2,100vw*(10/384));
    overflow: hidden;
}
.doctorProfilePhoto img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.doctorProfileText{
    line-height: calc(28/18);
}
.doctorProfileTitle{
}
.doctorProfileTitle:after{
    content: "";
    display: block;
    width: min(120px*2,100vw*(120/384));;
    height: 1px;
    margin-top: 0.5em;
    background-color: var(--main-color);
}
.doctorProfileName{
    margin-bottom: 0;
    font-size: min(24px*2,100vw*(24/384));
    font-weight: bold;
    line-height: calc(28/18);
}
.doctorProfileCollege{
    margin-top: 0;
}
.doctorProfileSpecialty{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    overflow: hidden;
    line-height: calc(28/18);
}
.doctorProfileSpecialty dt{
    width: 100%;
}
.doctorProfileSpecialty dd{
    width: max-content;
    margin-left: 0;
    margin-right: 0.5em;
}
.doctorProfileSpecialty dd+dt{
    margin-top: 0.5em;
}
@media (min-width:768px){
    #doctor{

    }
    #doctor .flex{
        display: flex;
        justify-content: space-between;
    }
    #doctor .doctorProfilePhoto{
        width: 100%;
        height: max(400px*(1000/1200),min(400px,100vw*(400/1600)));
        margin-top: 0;
    }
    #doctor .doctorName{
        font-size: max(36px*(1000/1200),min(36px,100vw*(36/1600)));
    }
    #doctor .doctorName small{
        font-size: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
    }
    #doctor .doctorProfileSpecialty{
        margin-top: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        margin-bottom: 0;
        padding-top: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        padding-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        overflow: hidden;
        border-top: 1px solid var(--border-color1);
        border-bottom: 1px solid var(--border-color1);
    }
    #doctorList .btn{
        margin-top: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        margin-bottom: max(70px*(1000/1200),min(70px,100vw*(70/1600)));
    }
    .doctorProfile{
        display: grid;
        grid-template-columns: max(180px*(1000/1200),min(180px,100vw*(180/1600))) max(660px*(1000/1200),min(660px,100vw*(660/1600)));
        grid-gap: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        border-bottom: 1px solid var(--border-color1);
        margin-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        padding-top: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        padding-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .doctorProfilePhoto{
        width: auto;
        margin-bottom: auto;
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    .doctorProfileText{
    }
    .doctorProfileTitle{
    }
    .doctorProfileTitle:after{
        content: "";
        display: block;
        width: max(120px*(1000/1200),min(120px,100vw*(120/1600)));
        height: 1px;
        margin-top: 0.85em;
        background-color: var(--main-color);
    }
    .doctorProfileName{
        margin-bottom: 0;
        font-size: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        font-weight: bold;
    }
    .doctorProfileCollege{
        margin-top: 0;
    }
    .doctorProfileSpecialty{
        display: flex;
        flex-wrap: wrap;
    }
    .doctorProfileSpecialty dt{
        width: 100%;
    }
    .doctorProfileSpecialty dd{
        width: max-content;
        margin-left: 0;
    }
    .doctorProfileSpecialty dd+dt{
        margin-top: 0.5em;
    }
}

#floor .floorMap{
    width: 200%;
}
#floor .floorMap td{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
#floor .floorMap td:first-child{
    font-weight: bold;
}
#floor .floorMap td:nth-of-type(n+2){
    width: 45%;
}
#floor .floorMap td:nth-of-type(n+2):not(.center){
    text-align: left;
}
.access_map{
    width: 100%;
    height: auto;
    aspect-ratio: 304/180;
}

.gridFeatue .photoFeature{
    border-radius: min(10px*2,100vw*(10/384));
    position: relative;
}
.gridFeatue .photoFeature figcaption{
    display: inline-block;
    margin-top: 0;
    color: var(--main-color);
    font-size: min(90px*2,100vw*(90/384));
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    line-height: 1;
    position: absolute;
    top: max(-45px*2,100vw*(-45/384));
    right: min(20px*2,100vw*(20/384));
}
.gridFeatue p{
    margin-top: 0;
}
.palliative-care .gridColumn+.gridColumn{
    margin-top: min(10px*2,100vw*(10/384));
}
#rehabilitation-1 .gridFeatue:not(:last-child){
    margin-bottom: min(40px*2,100vw*(40/384));
}
#rehabilitation-2 .photo_department_rehabilitation:not(:first-child){
    margin-top: min(30px*2,100vw*(30/384));
}
#rehabilitation-2 .flex{
    flex-direction: column;
}
#rehabilitation-2 .flex > section+section{
    margin-top: min(30px*2,100vw*(30/384));
}
#rehabilitation-3 .flex{
    display: block;
}
#rehabilitation-3 .boxBlue .flex:not(:last-child){
    margin-bottom: min(20px*2,100vw*(20/384));
}
#swallowing .flex{
    flex-direction: column;
    margin-bottom: min(30px*2,100vw*(30/384));
}
#swallowing .photo_department_swallowing{
}
@media (min-width:768px){
    #floor .floorMap{
        width: 100%;
    }

    .access_map{
        width: 100%;
        aspect-ratio: 880/520;
    }

    .gridFeatue{
        display: grid;
        grid-template-columns: max(600px*(1000/1200),min(600px,100vw*(600/1600))) max(360px*(1000/1200),min(360px,100vw*(360/1600)));
        grid-gap: 0 max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        align-items: flex-end;
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    .gridFeatue .photoFeature{
        grid-row: span 2;
        margin-bottom: 0;
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        position: relative;
    }
    .gridFeatue .photoFeature figcaption{
        display: inline-block;
        margin-top: 0;
        color: var(--main-color);
        font-size: max(90px*(1000/1200),min(90px,100vw*(90/1600)));
        font-family: 'Noto Sans', sans-serif;
        font-weight: 300;
        line-height: 1;
        position: absolute;
        top: min(-45px*(1000/1200),max(-45px,100vw*(-45/1600)));
        right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .gridFeatue p{
        margin-top: 0;
    }
    .palliative-care .gridColumn{
        display: flex;
        flex-direction: column;
    }
    .palliative-care .gridColumn+.gridColumn{
        margin-top: 0;
    }
    .palliative-care .gridColumn p{
        margin-top: 0;
    }
    .palliative-care .gridColumn figure{
        margin-top: auto;
    }
    .photo_department_rehabilitation{
        flex: none;
        width: max(280px*(1000/1200),min(280px,100vw*(280/1600)));
        margin-right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        margin-bottom: 0 !important;
    }
    .photo_department_dementia_1{
        display: grid;
        grid-template-columns: max(420px*(1000/1200),min(420px,100vw*(420/1600))) max(440px*(1000/1200),min(440px,100vw*(440/1600)));
        grid-gap: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #rehabilitation-1 .gridFeatue:not(:last-child){
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #rehabilitation-2 .boxWhite .inner{
        padding: max(40px*(1000/1200),min(40px,100vw*(40/1600))) max(30px*(1000/1200),min(30px,100vw*(30/1600)));
    }
    #rehabilitation-2 .photo_department_rehabilitation:not(:first-child){
        margin-top: 0;
    }
    #rehabilitation-2 .flex{
        flex-direction: row;
    }
    #rehabilitation-2 .flex > section+section{
        margin-top: 0;
        margin-left: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #rehabilitation-3 .boxWhite > .inner,
    #rehabilitation-3 .boxGreen > .inner{
        padding: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #rehabilitation-3 .flex{
        display: flex;
        grid-gap: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #rehabilitation-3 .flex .boxPink{
        margin-top: 0;
        margin-bottom: 0;
    }
    #rehabilitation-3 .boxBlueTitle{
        flex: none;
        width: max(194px*(1000/1200),min(194px,100vw*(194/1600)));
        margin-right: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        padding-top: 1.0em;
        padding-bottom: 1.0em;
        padding-left: 1.0em;
        border-bottom: none;
        border-right: 1px solid var(--border-color3);
    }
    #rehabilitation-3 .boxBlue .flex{
        align-items: center;
    }
    #rehabilitation-3 .boxBlue .flex:not(:last-child){
        margin-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #rehabilitation-3 .boxBlue .flex p{
        margin-top: 0;
    }
    #swallowing .flex{
        grid-gap: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        flex-direction: row;
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #swallowing .photo_department_swallowing{
        width: max(800px*(1000/1200),min(800px,100vw*(800/1600)));
        max-width: max-content;
        margin: auto;
        margin-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        margin-bottom: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
    }
    #swallowing .flex .photo_department_swallowing{
        flex: none;
        width: max(420px*(1000/1200),min(420px,100vw*(420/1600)));
        margin-top: 0;
        margin-bottom: 0;
     }
}

#recruit{
}
.recruitMenu .linkBtn{
    height: min(210px*2,100vw*(210/384));
}
.recruitMenu .linkBtnLabel{
    justify-content: flex-start;
    height: min(40px*2,100vw*(40/384));
    text-align: left;
}
.recruitMenu figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.recruitOtherMenu .linkBtn{
    height: min(260px*2,100vw*(260/384));
}
.recruitOtherMenu .linkBtnLabel{
    justify-content: flex-start;
    height: min(40px*2,100vw*(40/384));
    text-align: left;
}
.recruitOtherMenu figure{
    width: 100%;
    height: min(180px*2,100vw*(180/384));
    background-color: #F0F0F0;
}
.recruitOtherMenu figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (min-width:768px){
    #recruit{
    }
    .recruitMenu,
    .recruitOtherMenu{
        justify-content: space-between;
        flex-wrap: wrap;
        grid-gap: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        max-width: max(1200px*(1000/1200),min(1200px,100vw*(1200/1600)));
    }
    .recruitMenu .linkBtn{
        width: max(280px*(1000/1200),min(280px,100vw*(280/1600)));
        height: max(210px*(1000/1200),min(210px,100vw*(210/1600)));
    }
    .recruitMenu .linkBtnLabel{
        justify-content: flex-start;
        height: max(86px*(1000/1200),min(86px,100vw*(86/1600)));
        text-align: left;
    }
    .recruitOtherMenu .linkBtn{
        width: max(380px*(1000/1200),min(380px,100vw*(380/1600)));
        height: max(320px*(1000/1200),min(320px,100vw*(320/1600)));
    }
    .recruitOtherMenu .linkBtnLabel{
        justify-content: flex-start;
        height: max(86px*(1000/1200),min(86px,100vw*(86/1600)));
        text-align: left;
    }
    .recruitOtherMenu figure{
        width: 100%;
        height: max(210px*(1000/1200),min(210px,100vw*(210/1600)));
        background-color: #F0F0F0;
    }
    .recruitOtherMenu figure img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

#faq .column:after{
    display: none;
}
.boxQuestion{
    border-radius: min(10px*2,100vw*(10/384));
    background-color: #FFF;
}
.boxQuestion:not(:last-child){
    margin-bottom: min(20px*2,100vw*(20/384));
}
.boxQuestion .inner{
    padding: min(20px*2,100vw*(20/384));
}
.faqQuestion,
.faqAnswer{
    padding-left: min(40px*2,100vw*(40/384));
    box-sizing: border-box;
    font-size: min(18px*2,100vw*(18/384));
    font-weight: normal;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: min(32px*2,100vw*(32/384));
}
.faqQuestion{
    display: flex;
    align-items: center;
    grid-gap: min(10px*2,100vw*(10/384));
    width: 100%;
    min-height: min(36px*2,100vw*(36/384));
    margin-bottom: 0;
    line-height: calc(32/18);
    cursor: pointer;
    background-image: url("../img/icon_question.svg");
}
.faqAnswer{
    padding-top: 1.5em;
    background-image: url("../img/icon_answer.svg");
    background-position-y: 1.5em;
}
.faqQuestion:after{
    content: "";
    flex: none;
    display: inline-block;
    width: min(18px*2,100vw*(18/384));
    height: min(9px*2,100vw*(9/384));
    margin-left: auto;
    background-image: url("../img/arrow_anchor.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.faqQuestion.active:after{
    transform: rotate(180deg);
}
.accordion{
    display: none;
    overflow: hidden;
}
.accordion.active{
    height: max-content;
    padding-top: 1.5em;
}
.faqTable{
    width: 150%;
    border-radius: 0;
}
.faqTable td{
    background-color: #fff;
    font-size: min(15px*2,100vw*(15/384));
    text-align: left;
    line-height: calc(28/18);
    border: 1px solid var(--border-color1);
}
.faqTable td:nth-of-type(3){
    width: 25%;
    background-color: #FDEBF0;
    text-align: center;
    font-weight: bold;
}
@media (min-width:768px){
    .boxQuestion{
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    .boxQuestion:not(:last-child){
        margin-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .boxQuestion .inner{
        padding: max(20px*(1000/1200),min(20px,100vw*(20/1600))) max(30px*(1000/1200),min(30px,100vw*(30/1600)));
    }
    .faqQuestion,
    .faqAnswer{
        padding-left: max(50px*(1000/1200),min(50px,100vw*(50/1600)));
        font-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
        background-size: max(32px*(1000/1200),min(32px,100vw*(32/1600)));
    }
    .faqQuestion{
        min-height: max(36px*(1000/1200),min(36px,100vw*(36/1600)));
        grid-gap: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    .faqQuestion:after{
        width: max(12px*(1000/1200),min(12px,100vw*(12/1600)));
        height: max(6px*(1000/1200),min(6px,100vw*(6/1600)));
    }
    .faqTable{
        width: 80%;
    }
    .faqTable td{
        font-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
    }
    .faqTable td:nth-of-type(3){
        width: max(150px*(1000/1200),min(150px,100vw*(150/1600)));
    }
}

#donation .column:after{
    display: none;
}

#policy .column:after{
    display: none;
}
#policy .column > .inner > section{
    margin-top: min(60px*2,100vw*(60/384));
    margin-bottom: min(60px*2,100vw*(60/384));
    padding-bottom: min(30px*2,100vw*(30/384));
    border-bottom: 1px solid var(--border-color1);
}
.policyTable{
    width: 100%;
    margin-bottom: min(40px*2,100vw*(40/384));
}
.policyTable th,
.policyTable td{
    width: 50%;
    border: none;
    text-align: left;
}
.policyTable tr:not(:last-child) th,
.policyTable tr:not(:last-child) td{
    border-bottom: 1px solid var(--border-color1);
}
.policyTable th small,
.policyTable td small{
    display: inline-block;
    line-height: 1.5;
}
.policyTable th{
    color: var(--txt-color);
    background-color: #F0F0F0;   
}
.policyTable td{
    background-color: #FFF;
}
.policyList{
    list-style-type: disc;
}
.policyList li{
    margin-left: 1.5em;
}
@media (min-width:768px){
    #policy .column > .inner > section{
        margin-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        margin-bottom: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        padding-bottom: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        border-bottom: 1px solid var(--border-color1);
    }
    .policyTable{
        width: max(600px*(1000/1200),min(600px,100vw*(600/1600)));
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
}

#contact .column:after,
#contactForm .column:after{
    display: none;
}
#contactForm{
    border-top: 2px solid #F2F8FC;
}
#contactForm .column{
    margin-bottom: 0;
    padding-top: min(10px*2,100vw*(10/384));
    padding-bottom: min(10px*2,100vw*(10/384));
    border-bottom: 1px solid var(--border-color1);
}
#contactForm .column > div{
    padding-top: min(5px*2,100vw*(5/384));
    padding-bottom: min(5px*2,100vw*(5/384));
    font-size: min(18px*2,100vw*(18/384));
    box-sizing: border-box;
}
#contactForm .column > div:nth-of-type(1) label{
    font-weight: bold;
}
#contactForm .column > div:nth-of-type(2) label{
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
#contactForm .required{
    display: inline-block;
    color: #DC0000;
    font-size: min(16px*2,100vw*(16/384));
    line-height: 1;
}
#contactForm .privacypolicy{
    text-align: center;
}
#contactForm .privacypolicy p{
    margin-top: min(40px*2,100vw*(40/384));
    margin-bottom: min(40px*2,100vw*(40/384));
}
#contactForm input,
#contactForm textarea{
    padding: min(5px*2,100vw*(5/384));
    box-sizing: border-box;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    font-size: min(18px*2,100vw*(18/384));
    font-family: 'Noto Sans JP', sans-serif;
}
#contactForm input:focus,
#contactForm textarea:focus{
    border: 1px solid #C8C8C8;
    outline: none;
}
#contactForm input+input{
    margin-top: min(10px*2,100vw*(10/384));
}
#contactForm input[type="radio"]{
    width: min(18px*2,100vw*(18/384));
    height: min(18px*2,100vw*(18/384));
    margin-right: min(12px*2,100vw*(12/384));
}
#contactForm input[type="text"]{
    max-width: 100%;
    height: min(45px*2,100vw*(45/384));
}
#contactForm textarea{
    width: 100%;
    height: min(120px*2,100vw*(120/384));
}
#contactForm ::placeholder{
    color: #C8C8C8;
    font-size: min(18px*2,100vw*(18/384));
}
#contactForm .contactBtn{
    margin-top: min(40px*2,100vw*(40/384));
    text-align: center;
}
#contactForm .contactBtn button{
    width: min(240px*2,100vw*(240/384));
    height: min(60px*2,100vw*(60/384));
    color: #fff;
    font-size: min(16px*2,100vw*(16/384));
    border: none;
    border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    background: #5A5050;
    transition: opacity 0.6s ease;
    cursor: pointer;
    position: relative;
}
#contactForm .contactBtn button:after{
    content: "";
    display: inline-block;
    width: min(11px*2,100vw*(11/384));
    height: min(16px*2,100vw*(16/384));
    background-image: url("../img/arrow_s_wh.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: min(15px*2,100vw*(15/384));
    top: calc(50% - min(8px*2,100vw*(8/384)));
}
#contactForm .contactBtn input[name="submitBack"]{
    width: min(120px*2,100vw*(120/384));
    height: min(60px*2,100vw*(60/384));
    margin-top: min(30px*2,100vw*(30/384));
    color: #5A5050;
    font-size: min(16px*2,100vw*(16/384));
    vertical-align: bottom;
    border: none;
    border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    background-color: #DCDCDC;;
    transition: opacity 0.6s ease;
    cursor: pointer;
    position: relative;
    background-image: url("../img/arrow_s_back.svg");
    background-position: min(15px*2,100vw*(15/384)) center;
    background-repeat: no-repeat;
    background-size: min(11px*2,100vw*(11/384));
}
.confirm-hide{
    display: inline-block;
    width: 100%;
}
.mw_wp_form_confirm .confirm-hide{
    display: none;
}
.mw_wp_form_complete p{
    font-size: min(28px*2,100vw*(28/384));
    text-align: center;
}
@media (min-width:769px){
    #contact .btn{
        margin-top: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    #contactForm{
        border-top: 1px solid var(--border-color1);
    }
    #contactForm .column{
        display: -webkit-flex;
        display: flex;
        padding-top: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        padding-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        border-bottom: 1px solid var(--border-color1);
    }
    #contactForm .column > div{
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        padding-bottom: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        font-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
        box-sizing: border-box;
    }
    #contactForm .column > div:nth-of-type(1){
        width: max(260px*(1000/1200),min(260px,100vw*(260/1600)));
        padding-left: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        border-right: 1px solid var(--border-color1);
    }
    #contactForm .column > div:nth-of-type(2){
        width: calc(100% - max(260px*(1000/1200),min(260px,100vw*(260/1600))));
        padding-left: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        padding-right: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
    }
    #contactForm .column > div:nth-of-type(1) label{
        font-weight: bold;
    }
    #contactForm .column > div:nth-of-type(2) label{
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    #contactForm .required{
        display: inline-block;
        color: #DC0000;
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        line-height: 1;
    }
    #contactForm .privacypolicy{
        text-align: center;
    }
    #contactForm .privacypolicy p{
        margin-top: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    #contactForm .mwform-checkbox-field label,
    #contactForm .mwform-radio-field label{
        display: inline-flex;
        align-items: center;
    }
    #contactForm input,
    #contactForm textarea{
        padding: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        box-sizing: border-box;
        border: 1px solid #C8C8C8;
        border-radius: 4px;
        font-size: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #contactForm input:focus,
    #contactForm textarea:focus{
        border: 1px solid #C8C8C8;
        outline: none;
    }
    #contactForm input[type="radio"]{
        width: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        height: max(24px*(1000/1200),min(24px,100vw*(24/1600)));
        margin-right: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
    }
    #contactForm input[type="text"]{
        max-width: 100%;
        height: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
    }
    #contactForm textarea{
        width: 100%;
        height: max(180px*(1000/1200),min(180px,100vw*(180/1600)));
    }
    #contactForm ::placeholder{
        color: #C8C8C8;
        font-size: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #contactForm .contactBtn{
        display: flex;
        justify-content: center;
        margin-top: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        text-align: center;
    }
    #contactForm .contactBtn button{
        width: max(360px*(1000/1200),min(360px,100vw*(360/1600)));
        height: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        color: #fff;
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        border: none;
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        background: #5A5050;
        transition: opacity 0.6s ease;
        cursor: pointer;
        position: relative;
        order: 2;
    }
    #contactForm .contactBtn button:after{
        content: "";
        display: inline-block;
        width: max(11px*(1000/1200),min(11px,100vw*(11/1600)));
        height: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        background-image: url("../img/arrow_s_wh.svg");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        top: calc(50% - max(8px*(1000/1200),min(8px,100vw*(8/1600))));
    }
    #contactForm .contactBtn input[name="submitBack"]{
        width: max(160px*(1000/1200),min(160px,100vw*(160/1600)));
        height: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
        margin-top: 0;
        margin-right: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        color: #5A5050;
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        vertical-align: bottom;
        border: none;
        border-radius: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        background-color: #DCDCDC;
        cursor: pointer;
        position: relative;
        background-image: url("../img/arrow_s_back.svg");
        background-position: max(20px*(1000/1200),min(20px,100vw*(20/1600))) center;
        background-repeat: no-repeat;
        background-size: max(11px*(1000/1200),min(11px,100vw*(11/1600)));
        order: 1;
    }
    #contact .boxContact{
        margin: max(40px*(1000/1200),min(40px,100vw*(40/1600))) auto;
    }
    .mw_wp_form_complete p{
        font-size: max(28px*(1000/1200),min(28px,100vw*(28/1600)));
    }
}

#information .column:after{
    display: none;
}
#information .meta{
    display: flex;
    align-items: center;
    margin-bottom: min(10px*2,100vw*(10/384));
    line-height: 1;
}
#information .meta .date{
    color: var(--txt-color);
    font-weight: bold;
}
#information .meta .label{
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(140px*2,100vw*(140/384));
    height: min(30px*2,100vw*(30/384));
    margin-left: min(30px*2,100vw*(30/384));
    padding: 0 1.25em;
    box-sizing: border-box;
    border-radius: min(30px*2,100vw*(30/384));
    color: #fff;
    font-size: min(14px*2,100vw*(14/384));
    font-weight: bold;
    line-height: 1.8;
}
#information .meta .label.info,
#information .meta .label.headline{
    background-color: var(--txt-color);
}
#information .meta .label.closed{
    background-color: var(--color1);
}
#information .meta .label.news{
    background-color: var(--color3);
}
#information .meta .label.recruit{
    background-color: #00738E;
}
#information .meta .label.event{
    background-color: #004481;
}
@media (min-width:768px){
    .informationWrap{
        display: grid;
        grid-template-columns: max(680px*(1000/1200),min(680px,100vw*(680/1600))) max(200px*(1000/1200),min(200px,100vw*(200/1600)));
        grid-gap: max(100px*(1000/1200),min(100px,100vw*(100/1600)));
        width: max(980px*(1000/1200),min(980px,100vw*(980/1600)));
        margin: 0 auto;
        padding-left: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        padding-right: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
    }
    #information .meta{
        margin-bottom: 0;
        margin-right: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #information .meta .date{
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
    }
    #information .meta .label{
        width: max(140px*(1000/1200),min(140px,100vw*(140/1600)));
        height: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        margin-left: max(15px*(1000/1200),min(15px,100vw*(15/1600)));
        border-radius: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        font-size: max(14px*(1000/1200),min(14px,100vw*(14/1600)));
    }
}

#topFeature{
    margin-bottom: min(100px*2,100vw*(100/384));
}
.boxTopFeature{
    width: min(364px*2,100vw*(364/384));
    margin: 0 auto min(60px*2,100vw*(60/384));
    background-color: #FDECF1;
    border-radius: min(20px*2,100vw*(20/384));
}
.boxTopFeature .inner{
    padding: min(30px*2,100vw*(30/384)) min(20px*2,100vw*(20/384)) min(20px*2,100vw*(20/384));
}
.boxTopFeature a{
    display: block;
    margin-bottom: 1.0em;
    padding-bottom: 0.55em;
    color: var(--main-color);
    font-size: min(18px*2,100vw*(18/384));
    font-weight: bold;
    text-decoration: none;
    line-height: calc(24/18);
    border-bottom: 1px solid #fff;
}
.boxTopFeature a span{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.boxTopFeature .date{
    display: flex;
    align-items: center;
    width: 100%;
    height: min(24px*2,100vw*(24/384));
    margin-bottom: 0.75em;
}
.boxTopFeature .date:before{
    content: "";
    display: inline-block;
    width: min(24px*2,100vw*(24/384));
    height: min(24px*2,100vw*(24/384));
    margin-right: 0.5em;
    background-image: url("../img/icon_info.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width:768px){
    #topFeature{
        margin-bottom: max(80px*(1000/1200),min(80px,100vw*(80/1600)));
    }
    .boxTopFeature{
        width: max(1000px*(1000/1200),min(1000px,100vw*(1000/1600)));
        margin: 0 auto max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        border-radius: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .boxTopFeature .inner{
        padding: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    .boxTopFeature a{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    .boxTopFeature article:last-child a{
        margin-bottom: 0;
    }
    .boxTopFeature a:after{
        content: "";
        flex: none;
        display: inline-block;
        width: max(5px*(1000/1200),min(5px,100vw*(5/1600)));
        height: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        margin-left: auto;
        background-image: url("../img/arrow_link.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .boxTopFeature a span{
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-right: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    .boxTopFeature .date{
        flex: none;
        width: max-content;
        height: auto;
        margin-bottom: 0;
        font-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
    }
    .boxTopFeature .date:before{
        width: max(28px*(1000/1200),min(28px,100vw*(28/1600)));
        height: max(28px*(1000/1200),min(28px,100vw*(28/1600)));
        margin-right: 1.5em;
    }
}


#information .entries{
    margin-bottom: min(40px*2,100vw*(40/384));
}
.informationTab{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: min(10px*2,100vw*(10/384));
    margin-bottom: min(40px*2,100vw*(40/384));
    margin-bottom: min(40px*2,100vw*(40/384));
}
.informationTab [class^='label-']{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min(48px*2,100vw*(48/384));
    box-sizing: border-box;
    border-radius: min(48px*2,100vw*(48/384));
    background-color: #fff;
    font-size: min(16px*2,100vw*(16/384));
    font-weight: bold;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}
#information .entry-wrap .post{
    padding: min(20px*2,100vw*(20/384));
    border-bottom: 1px solid var(--border-color1);
}
#information .entry-wrap .post a{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: min(40px*2,100vw*(40/384));
    color: var(--txt-color);
    background-image: url("../img/arrow_mv.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: min(18px*2,100vw*(18/384));
}
#information .entry-wrap .post .meta{
    margin-bottom: min(20px*2,100vw*(20/384));
}
#information .entry-tab{
    display: none;
}
#information .entry-tab.current{
    display: block;
}
.informationTab .label-information{
    color: var(--txt-color);
}
.informationTab .label-information:hover,
.informationTab .label-information.current{
    color: #fff;
    background-color: var(--txt-color);
}
.informationTab .label-closed{
    color: var(--color1);
    border-color: var(--color1);
}
.informationTab .label-closed:hover,
.informationTab .label-closed.current{
    color: #fff;
    background-color: var(--color1);
}
.informationTab .label-news{
    color: var(--color3);
    border-color: var(--color3);
}
.informationTab .label-news:hover,
.informationTab .label-news.current{
    color: #fff;
    background-color: var(--color3);
}
.informationTab .label-recruit{
    color: #00738E;
    border-color: #00738E;
}
.informationTab .label-recruit:hover,
.informationTab .label-recruit.current{
    color: #fff;
    background-color: #00738E;
}
.informationTab .label-event{
    color: #004481;
    border-color: #004481;
}
.informationTab .label-event:hover,
.informationTab .label-event.current{
    color: #fff;
    background-color: #004481;
}
@media (min-width:768px){
    #information .entries{
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    .informationTab{
        display: grid;
        grid-template-columns: repeat(5,1fr);
        grid-gap: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    .informationTab [class^='label-']{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        box-sizing: border-box;
        border-radius: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        background-color: #fff;
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        font-weight: bold;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
    }
    #information .entry-wrap .post{
        padding: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        border-bottom: 1px solid var(--border-color1);
    }
    #information .entry-wrap .post a{
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-right: max(100px*(1000/1200),min(100px,100vw*(100/1600)));
        color: var(--txt-color);
        background-image: url("../img/arrow_mv.svg");
        background-position: center right;
        background-repeat: no-repeat;
        background-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
    }
    #information .entry-wrap .post .meta{
        margin-bottom: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
}

#post.column{
    position: relative;
}
#post .entry{
    margin-top: min(40px*2,100vw*(40/384));
}
.pagination{
    display: flex;
    justify-content: center;
    grid-gap: min(10px*2,100vw*(10/384));
    margin-top: min(60px*2,100vw*(60/384));
    padding-top: min(60px*2,100vw*(60/384));
    border-top: 1px solid var(--border-color1);
}
.pagination .page-numbers{
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(48px*2,100vw*(48/384));
    height: min(48px*2,100vw*(48/384));
    box-sizing: border-box;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: min(18px*2,100vw*(18/384));
    border-radius: min(10px*2,100vw*(10/384));
    border: 1px solid var(--border-color1);
    color: var(--txt-color);
    font-size: min(16px*2,100vw*(16/384));
    text-decoration: none;
}
.pagination a[rel="next"],
.pagination a[rel="prev"]{
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(160px*2,100vw*(160/384));
    height: min(48px*2,100vw*(48/384));
    box-sizing: border-box;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: min(18px*2,100vw*(18/384));
    border-radius: min(30px*2,100vw*(30/384));
    border: 1px solid var(--border-color1);
    color: var(--txt-color);
    font-size: min(16px*2,100vw*(16/384));
    text-decoration: none;
}
.pagination a[rel="next"]{
    background-image: url("../img/arrow_next.svg");
    background-position: 92% center;
    margin-left: auto;
}
.pagination a[rel="prev"]{
    background-image: url("../img/arrow_prev.svg");
    background-position: 8% center;
    margin-right: auto;
}

.wp-block-image{
    border-radius: min(20px*2,100vw*(20/384));
    overflow: hidden;
}
@media (min-width:768px){
    #post.column{
        position: relative;
    }
    #post.column:before{
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background-color: var(--border-color1);
        position: absolute;
        right: min(-60px*(1000/1200),max(-60px,100vw*(-60/1600)));
        top: 0;
    }
    #post .entry{
        margin-top: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    .pagination{
        display: flex;
        justify-content: center;
        grid-gap: max(10px*(1000/1200),min(10px,100vw*(30/1600)));
        margin-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        padding-top: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        border-top: 1px solid var(--border-color1);
    }
    .pagination .page-numbers{
        display: flex;
        align-items: center;
        justify-content: center;
        width: max(48px*(1000/1200),min(48px,100vw*(48/1600)));
        height: max(48px*(1000/1200),min(48px,100vw*(48/1600)));
        box-sizing: border-box;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
        border-radius: max(10px*(1000/1200),min(10px,100vw*(30/1600)));
        border: 1px solid var(--border-color1);
        color: var(--txt-color);
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        text-decoration: none;
    }
    .pagination a[rel="next"],
    .pagination a[rel="prev"]{
        display: flex;
        align-items: center;
        justify-content: center;
        width: max(240px*(1000/1200),min(240px,100vw*(240/1600)));
        height: max(60px*(1000/1200),min(60px,100vw*(60/1600)));
        box-sizing: border-box;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: max(18px*(1000/1200),min(18px,100vw*(18/1600)));
        border-radius: max(30px*(1000/1200),min(30px,100vw*(30/1600)));
        border: 1px solid var(--border-color1);
        color: var(--txt-color);
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        text-decoration: none;
    }
    .pagination a[rel="next"]{
        background-image: url("../img/arrow_next.svg");
        background-position: 92% center;
        margin-left: auto;
    }
    .pagination a[rel="prev"]{
        background-image: url("../img/arrow_prev.svg");
        background-position: 8% center;
        margin-right: auto;
    }
    
    .wp-block-image{
        width: max-content;
        border-radius: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
}

#informationCategory{
    padding-top: min(40px*2,100vw*(40/384));
    border-top: 1px solid var(--border-color1);
}
#informationCategory .inner{
    padding: 0 min(20px*2,100vw*(20/384));
}
#informationCategory h3{
    font-size: min(20px*2,100vw*(20/384));
}
#informationCategory ul{
    margin-bottom: min(40px*2,100vw*(40/384));
}
#informationCategory ul li a{
    display: flex;
    align-items: center;
    width: min(200px*2,100vw*(200/384));
    height: min(40px*2,100vw*(40/384));
    margin-bottom: min(10px*2,100vw*(10/384));
    padding: 0 min(20px*2,100vw*(20/384));
    box-sizing: border-box;
    background-color: #fff;
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: min(8px*2,100vw*(8/384));
    font-size: min(16px*2,100vw*(16/384));
    font-weight: bold;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-radius: min(20px*2,100vw*(20/384));
}
#informationCategory ul li[data-label="information"] a{
    color: var(--txt-color);
    background-image: url("../img/arrow_information.svg");
}
#informationCategory li[data-label="closed"] a{
    color: var(--color1);
    background-image: url("../img/arrow_closed.svg");
}
#informationCategory li[data-label="news"] a{
    color: var(--color3);
    background-image: url("../img/arrow_news.svg");
}
#informationCategory li[data-label="recruit"] a{
    color: #00738E;
    background-image: url("../img/arrow_recruit.svg");
}
#informationCategory ul li[data-label="event"] a{
    color: #004481;
    background-image: url("../img/arrow_event.svg");
}
#informationCategory ul li[data-label="information"] a:hover,
#informationCategory ul li[data-label="information"].current a{
    color: #fff;
    background-color: var(--txt-color);
}
#informationCategory ul li[data-label="closed"] a:hover,
#informationCategory ul li[data-label="closed"].current a{
    color: #fff;
    background-color: var(--color1);
}
#informationCategory ul li[data-label="news"] a:hover,
#informationCategory ul li[data-label="news"].current a{
    color: #fff;
    background-color: var(--color3);
}
#informationCategory ul li[data-label="recruit"] a:hover,
#informationCategory ul li[data-label="recruit"].current a{
    color: #fff;
    background-color: #00738E;
}
#informationCategory ul li[data-label="event"] a:hover,
#informationCategory ul li[data-label="event"].current a{
    color: #fff;
    background-color: #004481;
}
#informationCategory .date{
    font-weight: bold;
}
#informationCategory .post{
    padding: min(10px*2,100vw*(10/384)) 0;
}
#informationCategory .post a{
    color: var(--txt-color);
    line-height: calc(32/18);
}
@media (min-width:768px){
    #informationCategory{
        padding-top: 0;
        border-top: none;
    }
    #informationCategory .inner{
        padding: 0;
        border-top: none;
    }
    #informationCategory h3{
        font-size: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
    #informationCategory ul{
        margin-bottom: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
    }
    #informationCategory ul li a{
        display: flex;
        align-items: center;
        width: max(200px*(1000/1200),min(200px,100vw*(200/1600)));
        height: max(40px*(1000/1200),min(40px,100vw*(40/1600)));
        margin-bottom: max(10px*(1000/1200),min(10px,100vw*(10/1600)));
        padding: 0 max(20px*(1000/1200),min(20px,100vw*(20/1600)));
        box-sizing: border-box;
        background-color: #fff;
        background-size: max(8px*(1000/1200),min(8px,100vw*(8/1600)));
        font-size: max(16px*(1000/1200),min(16px,100vw*(16/1600)));
        font-weight: bold;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        border-radius: max(20px*(1000/1200),min(20px,100vw*(20/1600)));
    }
}

/* 20241022追加 START*/

.doctorAll {
    background-color: #ffeaf2;
    margin: 40px auto;
    border-radius: max(10px*(1000 / 1200), min(10px, 100vw*(10 / 1600)));
  }
  
  .doctorAll .inner {
    padding: max(24px*(1000 / 1200), min(24px, 100vw*(24 / 1600)));
  }
  
  .doctorAll .ttl {
    text-align: center;
    font-weight: bold;
    font-size: min(24px* 1, 100vw*(24 / 384));
    border-bottom: 1px solid var(--main-color);
    margin-bottom:min(20px*2,100vw*(20/384));
  }
  
  dl.doctorAllSpecialty {
    font-weight: bold;
    margin-top: max(18px*(1000 / 1200), min(18px, 100vw*(18 / 1600)));
  }
  
  .doctorAllSpecialty dd {
    margin-inline-start: 10px;
    color: var(--main-color);
    padding-bottom: min(10px* 1, 100vw*(10 / 384));
  }
  
  @media (min-width: 768px) {
    dl.doctorAllSpecialty {
      column-count: 2;
  }
  
  }
  
  /* 20241022追加 END*/
  
/*
2026-04-14
feat: add link cards to the About Us page

Details:
- Add link to prohibited-media-policy page

Path:
/about/
*/
#prohibited-media-policy .linkPanelLead:after{
	background-image: url("../img/about-btn-prohibited-media-policy.png");
}