@charset "utf-8";

/*--- 改行 ---*/
@media screen and (min-width: 960px){   
    .pc { display:inline; }
    .tb { display:none; }
    .sp { display:none; }
}
@media screen and (min-width: 520px){   
    .pc { display:none; }
    .tb { display:inline; }
    .sp { display:none; }
}   
  .pc { display:none; }
  .tb { display:none; }
  .sp { display:inline; }

/*-------------- height --------------*/
@media screen and (max-height: 768.9px) {
    /*--- index ---*/
    /* cover */
    .slide_cont_bg {
        width: 40%;
        min-height: 120px;
        bottom: 72px;
    }
    .slide-content p {
        font-size: 1.77rem;
    }
}

/*-------------- width1366未満 --------------*/
@media screen and (max-width: 1365.9px) {
    /* header */
    .header_left {
        padding: 2.343vw 0 2.343vw 2%;
    }    
    .logo h1 a img {
        height: 7.028vw;
    }
    #gnav {
        width: calc(100% - (20.644vw + 4%));
    }    
    .gnav_list_child {
        background-size: 100% 5.124vw;
        background-position: center top 2.050vw;
    }    
    .gnav_list {
        height: 11.713vw;
    }
    .gnav_list_child > a {
        height: 11.713vw;
    }
    .dropdown_menu > li a {
        padding: 8.346vw 0 2.050vw;
        font-size: 16px;
    }
    .dropdown_menu li ul li{
        width: 165%;
    }

    /*--- index ---*/
    .slide_cont_bg {
        width: 52.709vw;
    }

    /* main */
    .img_link img {
        height: 28.111vw;
    }
    .img_link .caption {
        font-size: 1.757vw;
    }
}

/*-------------- width992未満 --------------*/
@media screen and (max-width:991.9px) {
    /*--- 共通 ---*/
    /* header */
    #header {
        height: 72px;
    }

    .fixed #header {
        background-color: #fff;
    }
    .header_left {
        background-color: #fff;
        box-shadow: rgba(31,31,31,.2) 0 2px 2px;
        padding: 9px 0 9px 3%;
        display: flex;
        align-items: center;
        position: fixed;
        /*z-index: 1;*/
        width: 100%;
        height: 72px;
        top: 0;
    }
    .logo h1 a img {
        object-fit: cover;
        height: 54px;
    }
    .fixed .header_left {
        padding: 9px 0 9px 3%;
        width: 100%;
        z-index: 0;
    }
    .fixed .logo h1 a img {
        object-fit: cover;
        height: 54px;
    }
    .fixed #gnav .gnav_list {
        width: calc(100% - 12rem);
    }
    #gnav {
        display: none;
    }
    .header_menu_sp {
        display: block;
    }
    /* sp-header */
    .header_menu_sp {
        display: block;
    }

    /* footer */
    .f_info_box {
        text-align: center;
        margin-bottom: 56px;
    }
    .f_nav ul li {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }

    /* index */
    .slide_cont_bg {
        width: 72%;
        min-height: 120px;
        right: 0;
        left: 0;
        bottom: 64px;
        margin: 0 auto;
    }
    .slide-content p {
        font-size: 3.226vw;
        text-align: center;
    }
    .img_link {
        width: 100%;
    }

    /* facilities */
    .price_list ul li {
        width: calc(100% / 2);
        text-align: left;
    }
    
    /* history */
    .h_list_year {
        width: 20%;
    }
    .h_list_data {
        width: 80%;
    }

    /* recruit */
    .recruit_table01 dt,
    .recruit_table01 dd  {
        width: 100%;
    }

    /* contact */
    form#mailformpro dl dt {
        float: none;
        width: 100%;
        clear: both;
    }
    form#mailformpro dl dd {
        padding: 18px 9px; 
    }
    
    /*--- CMS調整 ---*/
    /* news 一覧ページ */
    .art_list_more {
        width: 40%;
    }
}

/*-------------- width768未満 --------------*/
@media screen and (max-width:767.9px) {
    /*--- 共通 ---*/
    body {
        font-size: 16px;
    }

    /* title */
    .title01 {
        font-size: 3.65vw;
        margin-bottom: 52px;
    }
    .title01::before,
    .title01::after {
	width: 9.115vw;
    }
    .title01_2 {
        font-size: 3.65vw;
    }

    .title03 {
        font-size: 2.74vw;
        padding-bottom: .5em;
    }
    .title04 {
        font-size: 2.35vw;
        margin-bottom: 1rem;
    }
    .title05 {
        font-size: 3vw;
        margin-bottom: 1em;
    }
    .title05::before {
        margin-right: 30px;
        transform: rotate(-35deg);
    }
    .title05::after {
        margin-left: 30px;
        transform: rotate(35deg);
    }
    .title05::before,
    .title05::after {
        content: '';
        width: 3px;
        height: 40px;
    }
    .title07 {
        font-size: 2.87vw;
        margin-bottom: .5em;
    }
    .title08_line { /*上下にライン*/
        padding: .75em 1em;
        font-size: 3vw;
        margin-bottom: 2rem;
    }

    /* index */
    .slide-content p {
        font-size: 4.17vw;
    }

    .img_link_box h2 {
        font-size: 3.65vw;
    }
    .img_link_box h2[second] {
        border-left: none;
    }
    .img_link img {
        width: 100%;
        height: 50.07vw/*272px*/;
        object-fit: cover;
    }
    .img_link a:hover {
        opacity: 0.7;
        transition: ease 0.3s;
    }
    .img_link .caption {
        width: 90%;
        font-size: 2.87vw;
    }
    .img_link .mask {
        width: 100%;
        height: 100%;
        position: absolute;	/* 絶対位置指定 */
        top: 0;
        left: 0;
        opacity: 1;	/* マスクを表示する */
        background-color: rgba(0,0,0,0.5);	/* マスクは半透明 */
        cursor: pointer;
    }

    /*--- under page 共通 ---*/
    .cover_inner {
        top: 40%;
    }
    .cover_inner h1 {
        font-size: 5.22vw;
    }

    /* main */
    figcaption {
        font-size: 2.61vw;
    }
    figcaption span {
        font-size: 1.83vw;
    }

    /* facilities */
    .fac_title02 {
        font-size: 3.65vw;
        margin-bottom: 3.91vw;
    }
    
    .price_list ul li {
        width: 100%;
        margin-bottom: 32px;
    }
    .fac_info_list dt {
        width: 30%;
    }
    .fac_info_list dd {
        width: 70%;
    }
    .fac_info_box {
        font-size: 2.35vw;
    }

    .bg_gr_box {
        font-size: 2.35vw;
        margin-right: 1rem;
    }
    .fac_info_tel {
        font-size: calc(32 / 767.9 * 100vw);
    }

    /* about */
    .philosophy {
        text-align: left;
    }
    .policy_section {
        padding: 2em;
    }
    .pol_txt {
        margin-left: 2rem;
    }
    #about .number_ttl::before {
        top: -4px;/*初期値6px*/
    }

    .history_list {
        flex-direction: column;
    }
    .h_list_year,
    .h_list_data {
        width: 100%;
    }

    /* recruit */
    /*.number_ttl {
        font-size: 2.74vw;
    }*/
    .rec_section {
        padding: 2em;
    }
    .rec_ttl01 {
        font-size: 3.65vw;
    }
    .rec_ttl01 span {
        font-size: 2.74vw;
    }
    .rec_ttl03 {
        font-size: 4.17vw;
    }

    /* contact */
    .tel_cont_list dt,
    .tel_cont_list dd {
        width: 100%;
    }
    .tel_cont_list dt {
        border-bottom: none;
    }
    .tel_cont_list dd {
        border-left: none;
    }

    /* privacy */
    .pr_section {
        padding: 2em;
    }
    .pr_section .number_ttl::before {
        top: -4;
    }
    /*--- CMS調整 ---*/
    /* news 一覧ページ */
    .art_list_more {
        width: 40%;
    }
    .article_list dt,
    .article_list dd {
        width: 100%;
    }
    .article_list dt {
        padding: 1em 2em .5em;
        border-bottom: none;
    }
    .article_list dd {
        padding: 0 2em 1em;
    }
}

/*-------------- width576未満 --------------*/
@media screen and (max-width:575.9px) {
#cover .soudan img {
    width: 35%;
}

    /* title */
    .title01 {
        font-size: 4.87vw;
        margin-bottom: 52px;
    }
    .title01::before, .title01::after {
        width: 10.417vw;
    }
    .title01_2 {
        font-size: 4.87vw;
    }
    .title03 {
        font-size: 3.65vw;
        padding-bottom: .5em;
    }
    .title04 {
        font-size: 3.13vw;
        margin-bottom: 1rem;
    }
    .title05 {
        font-size: 4vw;
        margin-bottom: 1em;
    }
    .title05::before {
        margin-right: 30px;
        transform: rotate(-35deg);
    }
    .title05::after {
        margin-left: 30px;
        transform: rotate(35deg);
    }
    .title05::before,
    .title05::after {
        content: '';
        width: 3px;
        height: 40px;
    }
    .title07 {
        font-size: 3.83vw;
        margin-bottom: .5em;
    }
    .title08_line { /*上下にライン*/
        padding: .75em 1em;
        font-size: 4vw;
        margin-bottom: 2rem;
    }
    /* footer */
    .mk_box img {
        width: 50%;
    }

    /* index */
    .opening02 .opening_txt {
        font-size: 8.333vw;
        letter-spacing: .5em;
        margin-right: -.5em;
    }
    .img_link_box h2 {
        font-size: 4.861vw;
    }
    .img_link .caption {
        font-size: 3.472vw;
    }

    /*--- under page ---*/
    .cover_inner,
    .cover_inner02,
    .cover_inner03 {
        left: 50%;
        transform: translateX(-50%);
    }
    .cover_inner h1,
    .cover_inner02 h1,
    .cover_inner03 h1 {
        text-align: center;
    }

    /* facilities */
    figcaption {
        font-size: 3.47vw;
    }
    figcaption span {
        font-size: 14px;
    }
    .flow_ttl {
        font-size: 3.83vw;
    }
    .flow_ttl::before {
        font-size: 5.22vw;
    }
    .flow_ttl::after {
        font-size: 10.61vw;
        left: 13.74vw;
    }
    .fac_room_list dt,
    .fac_room_list dd {
        width: 100%;
    }
    .fac_room_list dt:last-of-type {
        border-bottom: none;
    }


    /* recruit */
    .number_ttl {
        font-size: 3.65vw;
    }
    #recruit .number_ttl::before {
        top: 0;
    }
    .rec_ttl01 {
        font-size: 4.87vw;
    }
    .rec_ttl01 span {
        font-size: 3.65vw;
    }
    .rec_ttl02 {
        font-size: 3.48vw;
    }
    .rec_ttl03 {
        font-size: 5.57vw;
    }

    /*--- CMS調整 ---*/
    #news_page h1 {
        font-size: calc(40 / 575.9 * 100vw);
    }
}

/*-------------- width480未満 --------------*/
@media screen and (max-width:479.9px) {
    /*--- 共通 ---*/
    .fs32 {
        font-size: 6.667vw;
    }
    /* btn */
    .more_btn01 {
        width: 100%;
    }
    /* header */
    .sp_hm_nav ul {
        flex-direction: column;
    }
        
    /*--- index --*/
    .sp_h_logo {
        width: 80%;
    }
    .slide_cont_bg {
        width: 80%;
        min-height: 80px;
    }

    /*--- facilities ---*/
    .fac_info_tel {
        font-size: calc(24 / 767.9 * 100vw);
    }    

    /*--- regional ---*/
    .slide_item_b img {
        height: 44.167vw;
    }

    /*--- CMS調整 ---*/
    /* news 一覧ページ */
    .art_list_more {
        width: 70%;
    }
}