@charset "utf-8";
/*===================================================================================================
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 

〇 SECTION TITLE 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
====================================================================================================*/


/**********************************************************************************
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □  

◆	Stylesheet: 1024px～1280px(iPad縦からiPad横)までのモニタで適用	◆

start----------------------------------------------------------------------------*/

@media print, screen and (min-width: 1024px) and (max-width: 1280px) {

    .back {
        height: 80vh;
        white-space: nowrap;
        position: absolute;
        top: 5%;
        left: 5vw;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        z-index: 1;
        color: #ffffff;
    }
}

/* 1024px～1280px responsive-close



/**********************************************************************************
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □  

◆	Stylesheet: 768px～1023px(iPad縦からiPad横)までのモニタで適用	◆

start----------------------------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .__home_mainVisual_catch_box h2 {
        font-size: 1.8rem;
    }
    .__home_information_box {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-flow: column;
    }
    .__home_info_box{
        width: 100%;
    }
    .__home_topix_box{
        width: 100%;
        margin-top: 1.2rem;
    }

    .__home_diagnosis_box>ul>li {
        width: 100%;
    }

    #home_mainVisual>div>div {
        width: 100%;

    }

    /********************************/
    /*       メインヴィジュアル　　　 */
    /********************************/
    .__home_mainVisual_box {
        height: auto;
        margin: 40px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    .__home_mainVisual_catch_box {
        width: 90%;
        height: 300px;
        position: absolute;
        z-index: 2;
        top: 0%;
        left: 0%;
        transition: 1s;
    }

    .front {
        width: 100%;
        height: auto;
        white-space: wrap;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        color: #425DA9;
        position: relative;
        z-index: 10;
        font-weight: bold;
        text-shadow: 2px 2px 10px #ffffff,
            -2px 2px 10px #ffffff,
            2px -2px 10px #ffffff,
            -2px -2px 10px #ffffff;
    }

    .back {
        display: none;
    }

    .__home_mainVisual_slider_box {
        width: 100%;
        height: 400px;
        position: relative;
        top: 0;
        right: 0;
        z-index: 1;
        overflow: hidden;
        border-top-right-radius: 0px;
    }

    /********************************/
    /*         トップスケジュール　　　　*/
    /********************************/
    .__home_top_schedule_box {
        display: none;
    }


    /***********************************/
    /*        　　　挨拶　　　　　　　　　　*/
    /***********************************/
    .__home_greeting_box {
        width: 100%;
        height: auto;
    }

    .__home_greeting_img_box {
        width: 100%;
        height: 200px;
    }

    .__home_greeting_img_box {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .__home_greeting_contents_box {
        width: 100%;
    }

    .__home_greeting_contents_box h3 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 15px;
        line-height: 1.6em;
    }

    .__home_greeting_contents_box h3 span {
        font-size: 3.4vw;
    }

    .__home_diagnosis_box>ul>li:nth-child(3)>div>ul>li {
        width: calc((100% / 2) - 20px);
    }
}

/* 768px～1023px responsive-closed */

/*end ----------------------------------------------------------------------------
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
**********************************************************************************/


/**********************************************************************************
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 

◆	Stylesheet: 767pxまで(スマホ)のモニタで適用	◆

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
start----------------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 767px) {
    .__home_mainVisual_catch_box h2 {
        font-size: 1.4rem;
    }
    .__home_information_box {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-flow: column;
    }
    .__home_info_box{
        width: 100%;
    }
    .__home_topix_box{
        width: 100%;
        margin-top: 1.2rem;
    }

    #home_mainVisual>div>div {
        width: 100%;

    }

    /********************************/
    /*       メインヴィジュアル　　　 */
    /********************************/
    .__home_mainVisual_box {
        height: auto;
        margin: 60px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    .__home_mainVisual_catch_box {
        width: 90%;
        height: 400px;
        position: absolute;
        z-index: 2;
        top: 0%;
        left: 0%;
    }

    .front {
        width: 100%;
        height: auto;
        white-space: unset !important;
        overflow: unset;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        color: #425DA9;
        position: relative;
        z-index: 10;
        font-weight: bold;
        text-shadow: 2px 2px 10px #ffffff,
            -2px 2px 10px #ffffff,
            2px -2px 10px #ffffff,
            -2px -2px 10px #ffffff;
    }

    .back {
        display: none;
    }

    .__home_mainVisual_slider_box {
        width: 100%;
        height: 300px;
        position: relative;
        top: 0;
        right: 0;
        z-index: 1;
        overflow: hidden;
        border-top-right-radius: 0px;
    }

    /********************************/
    /*         トップスケジュール　　　　*/
    /********************************/
    .__home_top_schedule_box {
        display: none;
    }


    /********************************/
    /*         　　お知らせ　　　　　　 */
    /********************************/
    .__home_info_box h2 {
        width: 50%;
        border: solid 2px #425DA9;
        border-bottom: none;
        padding: 20px;
        background-color: #ffffff;
        position: relative;
        z-index: 1;
    }

    .__home_info_box {
        width: 100%;
    }

    .__home_info_box h2 {
        width: 50%;
        padding: 10px;
    }

    .__home_info_box ul {
        top: -3px;
    }

    .__home_info_title {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: flex-start;
        align-items: first baseline;
        flex-flow: column;
        font-size: 0.8em;
    }

    .__home_info_date {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .__home_topix_box {
        width: 100%;
        padding: 20px;
    }


    .__home_topix_item {
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .__home_topix_item_img {
        width: 100%;
    }

    .__home_topix_item_content {
        width: 100%;
        margin-top: 20px;
    }

    .__home_topix_item_content li a {
        font-size: 2.8vw;
    }

    /***********************************/
    /*        　　　診療科目　　　　　　　*/
    /***********************************/
    .__home_department_box ul li {
        width: 45%;
        padding: 20px;
        height: 125px;
    }

    .__home_department_box ul li svg {
        width: 30px !important;
        aspect-ratio: 1 / 1;
        fill: #425DAA !important;
    }

    .__home_department_box ul li::after {
        bottom: -10px;
        left: -10px;
        z-index: -1;
    }

    .__home_department_box ul li h3 p {
        font-size: 1rem;
    }

    .__home_department_box ul li h3 span {
        font-size: 0.6rem;
        width: 100%;

    }

    /***********************************/
    /*        　　　挨拶　　　　　　　　　　*/
    /***********************************/
    .__home_greeting_box {
        width: 100%;
        height: auto;
    }

    .__home_greeting_img_box {
        width: 100%;
        height: auto;
    }

    .__home_greeting_contents_box {
        width: 100%;
    }

    .__home_greeting_contents_box h3 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 15px;
        line-height: 1.6em;
    }

    .__home_greeting_contents_box h3 span {
        font-size: 1.2rem
    }

    .__home_greeting_contents_box p {
        font-size: 0.9rem;
    }

    /***********************************/
    /*        　　診療内容　　　　　　　　*/
    /***********************************/
    .__home_diagnosis_box>ul>li:nth-child(1)>div>ul>li {
        width: calc((100% / 2) - 20px);
    }

    .__home_diagnosis_box_item_contents h3 {
        margin: 0 10px 0px;
        align-items: center;
    }

    .__home_diagnosis_box>ul>li {
        width: 100%;
        padding: 20px;
    }

    .__home_diagnosis_box_item_contents ul li {
        width: 100%;
    }

    .__home_diagnosis_box_item_contents ul li a {
        width: 100%;
        justify-content: left;
        align-items: center;
        flex-flow: unset;
        padding: 1rem;
    }

    .__home_diagnosis_box_item_contents ul li a p {
        width: calc(100% - 30px);
        font-size: 0.9rem;
    }

    .__home_diagnosis_box_item_contents ul li a svg {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .__home_diagnosis_box>ul>li:nth-child(3)>div>ul>li {
        width: 100%;
    }
}

/* 767px responsive-closed */

/*end ----------------------------------------------------------------------------
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
**********************************************************************************/

@media screen and (max-width: 480px) {
    #home_mainVisual>div>div {
        width: 100%;

    }
    .__home_mainVisual_catch_box h2 {
        font-size: 1.2rem;
        text-align: center;
    }

    /********************************/
    /*       メインヴィジュアル　　　 */
    /********************************/
    .__home_mainVisual_box {
        height: auto;
        margin: 60px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    .__home_mainVisual_catch_box {
        width: 90%;
        height: 300px;
        position: absolute;
        z-index: 2;
        top: 0%;
        left: 0%;
    }

    .front {
        width: 100%;
        height: auto;
        white-space: unset !important;
        overflow: unset;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        color: #425DA9;
        position: relative;
        z-index: 10;
        font-weight: bold;
        text-shadow: 2px 2px 10px #ffffff,
            -2px 2px 10px #ffffff,
            2px -2px 10px #ffffff,
            -2px -2px 10px #ffffff;
    }

    .back {
        display: none;
    }

    .__home_mainVisual_slider_box {
        width: 100%;
        height: 400px;
        position: relative;
        top: 0;
        right: 0;
        z-index: 1;
        overflow: hidden;
        border-top-right-radius: 0px;
    }

    /********************************/
    /*         トップスケジュール　　　　*/
    /********************************/
    .__home_top_schedule_box {
        display: none;
    }


    /********************************/
    /*         　　お知らせ　　　　　　 */
    /********************************/
    .__home_info_box h2 {
        width: 50%;
        border: solid 2px #425DA9;
        border-bottom: none;
        padding: 20px;
        background-color: #ffffff;
        position: relative;
        z-index: 1;
    }

    .__home_info_box {
        width: 100%;
    }

    .__home_info_box h2 {
        width: 50%;
        padding: 10px;
    }

    .__home_info_box ul {
        top: -3px;
    }

    .__home_info_title {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: flex-start;
        align-items: first baseline;
        flex-flow: column;
        font-size: 0.8em;
    }

    .__home_info_date {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .__home_topix_box {
        width: 100%;
        padding: 20px;
    }


    .__home_topix_item {
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .__home_topix_item_img {
        width: 100%;
    }

    .__home_topix_item_content {
        width: 100%;
        margin-top: 20px;
    }

    .__home_topix_item_content li a {
        font-size: 2.8vw;
    }

    /***********************************/
    /*        　　　診療科目　　　　　　　*/
    /***********************************/
    .__home_department_box ul li {
        width: 45%;
        padding: 20px;
        height: 125px;
    }

    .__home_department_box ul li svg {
        width: 30px !important;
        aspect-ratio: 1 / 1;
        fill: #425DAA !important;
    }

    .__home_department_box ul li::after {
        bottom: -10px;
        left: -10px;
        z-index: -1;
    }

    .__home_department_box ul li h3 p {
        font-size: 1rem;
    }

    .__home_department_box ul li h3 span {
        font-size: 0.6rem;
        width: 100%;

    }

    /***********************************/
    /*        　　　挨拶　　　　　　　　　　*/
    /***********************************/
    .__home_greeting_box {
        width: 100%;
        height: auto;
    }

    .__home_greeting_img_box {
        width: 100%;
        height: auto;
    }

    .__home_greeting_contents_box {
        width: 100%;
    }

    .__home_greeting_contents_box h3 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 15px;
        line-height: 1.2em;
    }

    .__home_greeting_contents_box h3 span {
        font-size: 1.2rem
    }

    .__home_greeting_contents_box p {
        font-size: 0.9rem;
    }

    /***********************************/
    /*        　　診療内容　　　　　　　　*/
    /***********************************/
    .__home_diagnosis_box>ul>li:nth-child(1)>div>ul>li {
        width: calc((100% / 1) - 20px);
    }

    .__home_diagnosis_box_item_contents h3 {
        margin: 0 10px 0px;
        align-items: center;
    }

    .__home_diagnosis_box>ul>li {
        width: 100%;
        padding: 20px;
    }

    .__home_diagnosis_box_item_contents ul li {
        width: 100%;
    }

    .__home_diagnosis_box_item_contents ul li a {
        width: 100%;
        justify-content: left;
        align-items: center;
        flex-flow: unset;
        padding: 1rem;
    }

    .__home_diagnosis_box_item_contents ul li a p {
        width: calc(100% - 30px);
        font-size: 0.9rem;
    }

    .__home_diagnosis_box_item_contents ul li a svg {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .__home_diagnosis_box>ul>li:nth-child(3)>div>ul>li {
        width: 100%;
    }
}