@charset "utf-8";


.pci {display:block;}
.spi {display:none;}
#panel-btn    {display:none;}
.sp_menu_bloc {display:none;}
@media screen and (max-width: 767px) {

.pci {display:none;}
.spi {display:block;}


html {
		height:100%;
}
body {
    height: 100%;
    min-width: auto;
	-webkit-text-size-adjust: 100%;
}

.page-id-19, .page-id-21 {
    grid-template-rows: 45px auto 110px;
}






.inner {
    max-width: none;
    margin: 0 10px;
}

a[href^="tel:"] {
		pointer-events: all;
}


header.flex {
    min-height: auto;
}

.header_contact a span em {
    font-size: 10px;
}
.header_contact a span i {
    max-width: 34px;
    width: 1em;
}
.header_contact a span i img {
    display: block;
}
.header_contact a {
    padding: 1em;
    min-height: auto;
}

header .logo {
    width: 100px;
    padding: 0 0.5em;
}
header .logo img {
    display: block;
}




.mv {
    height: auto;
}
.mv > p {
    width: 100%;
    margin: 0;
    font-size: 4vw;
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
}



.mv_content {
    /*
    padding: 1em 1em 1em;
    background-size: cover;
    background-position: left 800% top;
    */
}
.mv_content:after {
    width: 36vw;
    height: 27vw;
    bottom: -12vw;
}
.mv_content > .inner {
    margin: 0;
}

.mv_bloc {
    width: 70%;
    margin: 0 0 0 auto;
    padding: 1em 0;
}

.mv_bloc figure {
    width: 74%;
    margin: 0 auto;
}
.mv_bloc h1 span {
    font-size: 4vw;
    text-align: center;
}
.mv_bloc h1 strong {
    text-align: right;
    font-size: 6vw;
    line-height: 1.2em;
}
.mv_bloc h1 strong em {
    font-size: 10vw;
    line-height: 1em;
}
.mv_bloc h1 strong em small {
    font-size: 8vw;
}



.concept {
    padding: 2em 0;
}
.concept_bloc h2 {
    font-size: 6vw;
}
.concept_bloc h3 {
    font-size: 4vw;
}
.concept_bloc p {
    font-size: 4vw;
    line-height: 1.8em;
    text-align: left;
}

.notice {
    padding: 2em 0;
}
.notice h2 {
    font-size: 6vw;
}
.notice_bloc p {
    font-size: 4vw;
    text-align: left;
}
.sns_link {
    margin-top: 1em;
}



.information {
    padding: 2em 0;
    background-size: contain;
    background-position: left -24vw bottom;
}
.information_bloc  h2 {
    font-size: 6vw;
}
.information_bloc  h3 {
    font-size: 5vw;
}
.information_list article dl {
    font-size: 4vw;
}



.facility {
    padding: 2em 0;
}
.facility_bloc  h2 {
    font-size: 6vw;
}
.facility_bloc  h3 {
    font-size: 5vw;
    margin-bottom: 1.5em;
}

.facility_list {
    gap: 2em;
    margin-bottom: 2em;
}

.facility_list .facility_item {
    width: 100%;
    max-width: none;
}
.facility_list .facility_item figure {

}

.facility_list .facility_item .meta {

}
.facility_list .facility_item .meta h4 {
    font-size: 6vw;
}
.facility_list .facility_item .meta p {
    font-size: 5vw;
}

.facility_list .facility_item .cell {

}
.facility_list .facility_item .cell h5 {
    font-size: 5vw;
    text-align: center;
    margin-bottom: 0.5em;
}
.facility_list .facility_item .cell p {
    font-size: 4vw;
    min-height: auto;
}








.facility_list .item {
    width: calc(100% / 3 - 1em);
}
.facility_list .item .box p em {
    font-size: 5vw;
}
.facility_list .item .box p span {
    font-size: 4vw;
}
.facility_list .item .box {
    margin-bottom: 1em;
}
.facility_list .item .box h4 {
    margin-bottom: 0.5em;
}

.more {
    font-size: 3vw;
    padding: 1em;
}
.more:after {
    display:none;
}

.facility_modal {
    padding: 1em;
}

.facility_modal .upper figure {
    width: 50%;
}
.facility_modal .upper .box p em {
    font-size: 8vw;
}
.facility_modal .upper .box p span {
    font-size: 7vw;
}

.remodal-close {
    top: -3em;
    border-color: #fff;
}
.remodal-close:before {
    color: #fff;
}

.facility_modal .bottom .box h5 {
    font-size: 5vw;
}
.facility_modal .bottom .box p {
    font-size: 3vw;
}


.relation {
    padding: 2em 0;
}
.relation_bloc  h2 {
    font-size: 6vw;
}
.relation_bloc  h3 {
    font-size: 5vw;
}
.relation_list {

}
.relation_list ul {
    gap: 1em;
}
.relation_list ul li {
    width: calc(100% / 2 - 1em);
}

.recruit {
    padding: 2em 0;
}
.recruit_bloc  h2 {
    font-size: 6vw;
}
.recruit_bloc  h3 {
    font-size: 5vw;
}

.recruit_list ul {
    gap: 1em;
}
.recruit_list ul li {
    width: 100%;
}
.recruit_list ul li a {
    border-radius: 0.5em;
}
.recruit_list ul li a figure {
    width: 30%;
}
.recruit_list ul li a .box {
    align-items: center;
    justify-content: flex-start;
}
.recruit_list ul li a .box .cell {
    text-align: left;
}
.recruit_list ul li a .box h4 {
    font-size: 5vw;
}
.recruit_list ul li a .box p {
    font-size: 5vw;
}


.footer_logo {
    width: 30%;
    margin: 0 auto;
}
.copyright small {
    font-size: 10px;
}

#pagetop {
    width: 3em;
    bottom: 0.5em;
    right: 0.5em;
}



.contact {
    padding: 2em 0;
}
.contact_upper h2 {
    font-size: 6vw;
}
.contact_upper h3 {
    font-size: 5vw;
}
.contact_upper p {
    font-size: 10px;
}

.contact_bloc dl {
    border-top: solid 1px #dcdcdc;
    margin: 0;
    padding: 0.5em 0;
    align-items: center;
}
.contact_bloc dl dt {
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 0 0.5em;
}
.contact_bloc dl dd {
		width: 100%;
    border: none;
    padding-left: 0;
    margin-left: 0;
    padding: 0 0.5em;
}
.contact_bloc dl dt.required:after {
		content: "必須";
    display: inline-block;
    color: #fff;
    font-size: 10px;
}

.contact_date_box {
    align-items: center;
    justify-content: space-between;
}
.contact_date_box .date_title {
    width: 100%;
    font-size: 12px;
}
.contact_date {
		/*
    width: calc(50% - 2px);
    margin: 0;
		*/
		width: 9em;
    margin: 0;
    flex: unset;
}
.contact_time {
    margin: 0;
}

.btn_bloc button {
    font-size: 16px;
    font-weight: normal;
}
.contact_check_bloc {
    padding: 1em;
}
.contact_privacy {
    margin: 0 1em 1em;
    box-sizing: border-box;
    width: auto;
}

.contact .btn_bloc {
    padding: 0 1em;
    margin-top: 1em;
}


.mwform-tel-field input[name^="c_tel"] {
    width: 6em!important;
}

input[type=checkbox] {
    -webkit-appearance: auto;
}

.privacy_bloc h3 {
    font-size: 4vw;
}
.privacy_bloc > p {
    font-size: 3vw;
}
.privacy_cell p {
    font-size: 3vw;
}
input[name=submitConfirm] {
    font-size: 4vw;
    max-width: calc(100% / 2 - 1em);
}
input[name=submitBack] {
    font-size: 4vw;
    max-width: calc(100% / 2 - 1em);
}
input[name=c_submit] {
    font-size: 4vw;
    max-width: calc(100% / 2 - 1em);
}

.contact_thanks h2 {
    font-size: 4vw;
}
.contact_thanks p {
    font-size: 3vw;
}


.recruit_page {
    padding: 2em 0;
}
.rectuit_select {
    margin-bottom: 2em;
}
.rectuit_select ul {
    gap: 0.5em;
}
.rectuit_select ul li {
    width: calc(100% / 2 - 0.5em);
}
.rectuit_select ul li a {
    font-size: 4vw;
}


.contact {
    padding: 2em 0;
}
.recruit_upper h2 {
    font-size: 6vw;
}
.recruit_upper h3 {
    font-size: 5vw;
}
.recruit_upper p {
    font-size: 3vw;
}
.recruit_upper {
    margin-bottom: 2em;
}




.rectuit_subselect {
    margin-bottom: 1em;
}

.rectuit_subselect ul li {
    width: calc(100% / 2 - 0.5em);
}
.rectuit_subselect ul li a {
    font-size: 4vw;
    padding: 1em 0.5em;
}

.recruit_data {
    margin-bottom: 2em;
}
.recruit_data dl dt {
    width: 100%;
    font-size: 3vw;
    padding: 0.5em;
}
.recruit_data dl dd {
    font-size: 3vw;
    padding: 0.5em;
}

.recruit_bottom {
    margin-bottom: 2em;
}
.recruit_bottom h3 {
    font-size: 4vw;
}
.recruit_bottom h4 {
    font-size: 4vw;
}
.recruit_bottom h5 {
    font-size: 4vw;
}
.recruit_bottom p {
    font-size: 3vw;
}
.recruit_bottom .address_bloc dl dt {
    width: 100%;
    font-size: 3vw;
    padding: 0.5em 0.5em 0;
}
.recruit_bottom .address_bloc dl dd {
    font-size: 4vw;
    padding: 0 0.5em 0.5em;
}

.recruit_entry a {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    font-size: 4vw;
}



.remodal {
    max-width: 90%;
}
.facility_modal .map iframe {
    width: 100%;
    height: 50vh;
}

.facility_bottom p {
    font-size: 3vw;
}

.fix_banner {
    top: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    width: 3em;
    display:none;
}

.fix_banner.active {

}


.page_upper {
    padding: 1em 0;
}
.page_upper_title .en {
    font-size: 5vw;
    margin-bottom: 0;
}
.page_upper_title .jp {
    font-size: 4vw;
}
.page_content {
    min-height: auto;
    padding: 2em 0;
}
.page_bloc article .meta {

}
.page_bloc article .meta time {
    font-size: 4vw;
}
.page_bloc article .meta h2 {
    font-size: 5vw;
}
.page_bloc article .content p {
    font-size: 4vw;
    line-height: 1.8em;
}

.page_btn_bloc a {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    font-size: 3.5vw;
}

.page_bloc article dl {
    gap: 0;
}
.page_bloc article dl dt {
    font-size: 3vw;
}
.page_bloc article dl dd {
    font-size: 4vw;
    width: 100%;
}


.category-information {
    /*
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 45px auto 110px;
    */
}

.pager span, .pager a {
    display: inline-block;
    font-size: 4vw;
    line-height: 38px;
}


.wp-block-file a {
    font-size: 4vw;
    line-height: 1.4em;
}
.wp-block-file a.wp-block-file__button {
    font-size: 4vw;
}

.insta_sec {
    padding: 2em 0;
}


.reserve {
    padding: 2em 0;
}
.reserve_bloc + .reserve_bloc {
    margin-top: 2em;
}
.rsv_title {
    margin-bottom: 1em;
}
.rsv_title i {
    width: 10vw;
    max-width: 68px;
}
.rsv_title h3 {
    font-size: 6vw;
}
.rsv_title p {
    font-size: 4vw;
}
.reserve_list p {
    font-size: 3vw;
    line-height: 1.4em;
}

.reserve_list ul {
    gap: 1em;
}
.reserve_list ul li a {
    font-size: 4vw;
}

.reserve_list ul li a:after {
    width: 1.2em;
    height: 1.2em;
}










body.yoyaku_page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    padding-bottom: 0;
}
.yoyaku_page header {
    
}
.yoyaku_page main {
    grid-row: 1/3;
    background: #f5f2ed;
}
.yoyaku_page footer {
    
}

.event_seminar_s_item {
    margin-top: 1em;
}
.event_seminar_s_item h4 {
    font-size: 4vw;
    cursor: pointer;
    margin-bottom: 1em;
}
.search_calendar_bloc {
    display: none;
    gap: 1em;
}
.calendar_item {
    width: 100%;
}
.calendar_item h5 {
    font-size: 5vw;
}
.calendar_item table thead th {
    font-size: 4vw;
}
.calendar_item table tbody td {
    font-size: 4vw;
}
.search_event_cat_bloc ul {
    gap: 1em;
}
.search_event_cat_bloc ul li a {
    font-size: 3.5vw;
    line-height: 1em;
    padding: 0.7em 0.5em 0.5em;
}
.event_seminar_search {
    margin-bottom: 2em;
}
.event_seminar_page_bloc {
    padding: 0;
}
.event_seminar_page_bloc article {
    gap: 0.5em;
}
.event_seminar_page_bloc article + article {
    padding-top: 1em;
    margin-top: 1em;
}
.event_seminar_page_bloc article .article_figure {
    width: 20%;
}
.event_seminar_page_bloc article .article_data .meta .event_facility {
    font-size: 3vw;
}
.event_seminar_page_bloc article .article_data .meta .event_division {
    font-size: 3vw;
}
.event_seminar_page_bloc article .article_data .meta .event_more {
    display: none;
}
.event_seminar_page_bloc article .article_data .meta {
    gap: 0.5em;
}
.event_seminar_page_bloc article .article_data .titles h1 {
    font-size: 4vw;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
.event_seminar_page_bloc article .article_data .titles p {
    font-size: 3vw;
}
.event_seminar_page_bloc article .article_data .boxes {
    padding: 0.5em;
}
.event_seminar_page_bloc article .article_data .boxes dl {
    gap: 0.5em;
}
.event_seminar_page_bloc article .article_data .boxes dl dt {
    font-size: 10px;
    min-width: 7em;
}
.event_seminar_page_bloc article .article_data .boxes dl dd {
    width: 100%;
    flex: auto;
    font-size: 3vw;
    padding-top: 0;
}

.event_seminar_single_bloc article .upper .meta {
    gap: 0.5em;
}
.event_seminar_single_bloc article .upper .meta .event_facility {
    font-size: 3vw;
}
.event_seminar_single_bloc article .upper .meta .event_division {
    font-size: 3vw;
}
.event_seminar_single_bloc article .upper .titles h1 {
    font-size: 5vw;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
.event_seminar_single_bloc article .upper .titles p {
    font-size: 3vw;
}

.event_seminar_single_bloc article .content {
    display: block;
}
.event_seminar_single_bloc article .content .article_figure {
    width: 50%;
    margin: 0 auto 1em;
}
.event_seminar_single_bloc article .content .article_data {
    flex: auto;
    width: 100%;
}

.event_seminar_single_bloc article .content .article_data .boxes dl {
    gap: 0.5em;
}
.event_seminar_single_bloc article .content .article_data .boxes dl dt {
    font-size: 10px;
}
.event_seminar_single_bloc article .content .article_data .boxes dl dd {
    font-size: 3.5vw;
    padding-top: 0;
}

.banner {
    padding: 1em 1em 0;
}
.banner_bloc + .banner_bloc {
    margin-top: 1em;
}

.banner h2 {
        font-size: 4.6vw;
    margin-bottom: 1em;
    line-height: 1.5em;
    }
.banner h3 {
        font-size: 4vw;
        margin-top: 1em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: .5em;
    }

.banner_bloc + .banner_bloc_b {
    margin-top: 2em;
}

.banner_list {

}
.banner_list ul {
    gap: 2em;
}
.banner_list ul li {
    width: 100%;
}
    
.sp_none {
    display: none;
}

}