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

〇 SECTION TITLE 〇

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


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

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

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

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .__common_base_inner {
        width: 90%;
    }

    #header.fixed {
        width: 90%;
        left: 5%;
    }
}

/* 1024px～1280px responsive-close



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

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

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

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .fast_section {
        margin-top: 40px;
    }

    .__common_base_inner {
        width: 90%;
    }

    #header {
        display: none;
    }

    #header.fixed {
        width: 90%;
        left: 5%;
    }

    #__common_sp {
        width: 100%;
        height: auto;
        display: block;
        background-color: #ffffff;
        position: fixed;
        top: 0;
        z-index: 9999;
        border-bottom-left-radius: 10px;
        box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);

    }

    .__common_header_logo_item {
        padding: 10px 20px;
    }

    .__common_footer_box::after {
        content: '';
    }

    .__common_footer_schedule_table_box {
        width: 100%;
        margin-bottom: 40px;
    }

    .__common_footer_tel_mail_box {
        width: 100%;
    }

    .__common_accessmap_box_contents {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: column-reverse;
        align-items: center;
        flex-wrap: wrap;
    }

    .__common_accessmap_comment_box {
        width: 100%;
    }

    .__common_accessmap_ifleme_box {
        width: 100%;
        margin-bottom: 40px;
    }

    .sp_footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 2;
    }

    .sp_footer li {
        width: calc(100% / 4);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        border-left: solid 1px #ffffff;
        font-size: 0.8em;
    }

    .sp_footer li:first-child {
        border-left: none;
    }

    .sp_footer li a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        padding: 20px 0;
    }

    .__common_footer_tel_mail_item a:nth-child(2),
    .__common_footer_tel_mail_item a:nth-child(3) {
        font-size: 5.4vw;
    }
}

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

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


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

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

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
start----------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .fast_section {
        margin-top: 45px;
    }

    .__common_base_inner {
        width: 90%;
    }

    #header {
        display: none;
    }

    #header.fixed {
        width: 90%;
        left: 5%;
    }

    #__common_sp {
        width: 100%;
        height: auto;
        display: block;
        background-color: #ffffff;
        position: fixed;
        top: 0;
        z-index: 9999;
        border-bottom-left-radius: 10px;
        box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);

    }

    .__common_header_logo_item {
        padding: 10px 20px;
    }

    .__common_footer_box::after {
        content: '';
    }

    .__common_footer_schedule_table_box {
        width: 100%;
        margin-bottom: 40px;
    }

    .__common_footer_schedule_table_box table {
        width: 100%;
        display: block;
        background-color: #ffffff;
        padding: 20px;
        font-size: 0.9em;
    }

    .__common_footer_schedule_table_box table tbody {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .__common_footer_schedule_table_box table tr {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        width: calc((100% - 115px) / 2);
    }

    .__common_footer_schedule_table_box table tr:first-child {
        width: 115px;
    }

    .__common_footer_schedule_table_box table th {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        min-height: 50px;
        border: none;
        border-bottom: solid 1px #dedede;
        padding: 5px;
    }

    .__common_footer_schedule_table_box table td {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        min-height: 50px;
        border: none;
        border-bottom: solid 1px #dedede;
        padding: 5px;
    }

    .__common_footer_schedule_table_box table th:last-child,
    .__common_footer_schedule_table_box table td:last-child {
        border-bottom: none;
    }




    .__common_footer_tel_mail_box {
        width: 100%;
    }

    .__common_accessmap_box_contents {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: column-reverse;
        align-items: center;
        flex-wrap: wrap;
    }

    .__common_accessmap_comment_box {
        width: 100%;
        font-size: 0.8em;
    }

    .__common_accessmap_ifleme_box {
        width: 100%;
        margin-bottom: 40px;
    }

    .sp_footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 2;
    }

    .sp_footer li {
        width: calc(100% / 4);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        border-left: solid 1px #ffffff;
        font-size: 0.8em;
    }

    .sp_footer li:first-child {
        border-left: none;
    }

    .sp_footer li a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        padding: 20px 0;
    }

    #page-top {
        bottom: 80px;
    }

    .__common_footer_tel_mail_item a:nth-child(2),
    .__common_footer_tel_mail_item a:nth-child(3) {
        font-size: 6.2vw;
    }

}

/* 767px responsive-closed */

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