@charset "UTF-8";

/* CSS Document */

@media screen and (max-width:1025px){

.header_contents{
padding: 20px 20px 0 20px;
}

.gnav  {
font-size: min(18px,1.8vw);
}
.gnav ul li a{
padding: 0px 0px 0px 15px;
}

footer{
padding:60px 20px 30px 20px;
}

.inner_footer{
width: 100%;
max-width: 1025px;
font-size: 15px;
}

.mv_wrap,.mv_img{
max-height: 500px;
}
.mv_img img{
height: 500px;
position: absolute;
top:0%;
right: 15%;
}

.mv_wrap h2{
font-size: min(30px,3vw);
line-height: 2;
text-align: left;
position: absolute;
top:35%;
right: 2%;
}

.suv_nav_wrap{
padding: 60px ;
margin-bottom: 100px;
}
.suv_nav2{
padding: 20px 15% 0px 20px;
}
.place{
width: 230px;
height:100px;
}

.suv_nav_motomachi,.suv_nav_katube,.suv_nav_minakuchi,.suv_nav_giou,.suv_nav_moriyama{
width: 100%;
height: 400px;
margin-bottom: 120px;
}

.nav3_box{
width: 400px;
height: 400px;
margin: 0 0 0 auto;
padding: 110px 20px 0 20px;
}



}



@media screen and (max-width:768px){

.header_contents{
padding: 10px 20px 0 20px;
height: 170px;
}

.mv_wrap,.mv_img{
max-height: 400px;
}
.mv_img img{
height: 400px;
position: absolute;
top:0%;
right: 15%;
}
.mv_wrap h2{
font-size: min(30px,3vw);
line-height: 2;
text-align: left;
position: absolute;
top:35%;
right: 2%;
}


.inner_footer{
width: 100%;
max-width: 768px;
font-size: 14px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.f_boxs{
width: 30%;
}
.f_boxs_02{
width: 100%;
}
.f_navi li{
float:left;
margin-right: 20px;
}

.link_box a{
height:100px;
}
.company_wrap{
padding: 0 20px; }

.suv_nav_motomachi,.suv_nav_katube,.suv_nav_minakuchi,.suv_nav_giou,.suv_nav_moriyama{
width: 100%;
height: 300px;
margin-bottom: 120px;
}
.nav3_box{
width: 350px;
height: 300px;
margin: 0 0 0 auto;
padding: 60px 20px 0 20px;
}

.category_box{
margin-bottom: 60px;
}

}

@media screen and (max-width:640px){

.sp_none{
display: none;
}
.pc_none{
display: block;
}
a.anchor{
display: block;
padding-top: 60px;
margin-top: -60px;
}
.header_contents{
padding: 10px 0 10px 10px;
height: 85px;
}

.mv_wrap{
margin-bottom: 50px;
}
.mv_img img{
height: 400px;
object-fit: cover;
position: absolute;
top:0%;
right: 10%;
}
.mv_wrap h2{
font-size: 18px;
line-height: 2;
text-align: right;
position: absolute;
top:10%;
right: 3%;
}



.h_logo{
width: 55%;
text-align: left;
}
.h_logo img{
width: 40%;
height: 40%;
aspect-ratio: 333 / 240;
}
.h_logo h1{
font-size: 8px;
margin-bottom: 5px;
}



.f_color{
height: 2px;
}
.color_box1{
padding: 2px;
}
.color_box2{
padding: 2px;
}
.color_box3{
padding: 2px;
}
footer{
padding:40px 15px 20px 15px;
line-height: 1.5;
}
.f_boxs{
width: 100%;
}
.f_box{
margin-bottom: 0px;
}
.f_box_adress{
margin-top: 30px;
font-size: 12px;
}
.copyright{
padding:10px 0;
font-size: 10px;
}
.f_tit{
border-bottom:1px solid #644f4b;
}



.news_wrap{
margin-bottom: 80px;
}
.news_tits h3 {
font-size: 18px;
margin-bottom: 5px;
}
.news_tits p {
font-size: 14px;
}
.news_link a{
font-size: 14px;
}
.news_box{
width: 45%;
}

.news_l{
height: 120px;
}
.news_l img{
width: 100%;
height: 120px;
object-fit: cover;
}
.news_tit{
font-size: 15px;
margin-bottom: 10px;
}
.news_txt{
font-size: 13px;
line-height: 1.4;
margin-bottom: 0px;
}

.category_box a{
font-size: 15px;
}

.policy_tit{
font-size: 16px;
}
.policy_txt{
font-size: 14px;
}

.service_tits h3 {
font-size: 18px;
}
.sub_tit {
font-size: 18px;
}
.sub_txt {
font-size: 14px;
width: 100%;
}

.service_wrap{
margin-bottom: 50px;
}
.service_box{
width: 80%;
margin-bottom: 40px;
}
.service_box2{
width: 100%;
margin-bottom: 40px;   }


.availability {
    width: 100%;
    margin: 30px 0 40px;
}

.link_box a{
font-size: 14px;
height:130px;
margin-bottom: 10px;
}
.link_box2 a{
font-size: 14px;
height:80px;
margin-bottom: 10px;
}


.service_bg{
position: absolute;
top:0%;
right:0;
width: 50%;
height:60%;
clip-path: polygon(25% 0%, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 10%);
background-image: url(../img/top_service_bg_sp.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}

.top_support{
margin-bottom: 40px;
}
.box_wrap3{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.support_box1{
order: 3;
margin-top: 0px;
padding: 0 0px 0 0;
display: flex;
flex-direction: column;
}
.support_box1 img{
width: 100%;
object-fit: cover;
}
.support_box2{
order: 2;
height: 100%;
padding: 10px 0px;
display: flex;
margin-top: auto; /* 一番下の位置に配置 */
flex-direction: column;
}
.support_box3{
order: 1;
padding: 10px 0px;
}
.support_tit{
font-size: 18px;
writing-mode:horizontal-tb;
-ms-writing-mode:tb-rl;/*IE用*/
text-align: left;
}
.support_txt{
font-size: 14px;
writing-mode:horizontal-tb;
-ms-writing-mode:tb-rl;/*IE用*/
text-align: left;
height: auto;
text-align: justify;
}

.top_contact{
padding: 0 20px 40px 20px;
}
.top_contact_box{
width:100%;
padding: 20px 0;}
.top_contact_box img{
width:6%;
}
.tc_tel{
font-size: 25px;
font-weight: 800;
margin-bottom: 10px;;
}
.tc_mail{
font-size: 22px;
font-weight: 800;
margin-bottom: 10px;;
}
.tc_note{
font-size:15px;
letter-spacing: 0px;
}

.top_connection_wrap{
width: 100%;
padding: 30px ;
}
.top_connection_box{
width:100%;
padding: 20px 0;
margin-bottom: 20px;
}
.connection_txt{
font-size: 14px;
}

.suv_nav_wrap{
width: 100%;
padding:70px 0 0 0;
height: 121px;
background-color: #eee;
position: relative;
margin-bottom: 50px;
}
.suv_nav{
padding: 15px 0 10px 10px;
margin: 0 auto;
}
.suv_nav ul{
line-height: 1.5;
    }
.suv_nav li{
font-size: 15px;
margin-right: 10px;
}

.place{
width: 100%;
height:70px;
line-height: 1.5;
display: flex;
flex-direction: column;
justify-content: center;
padding:0px 20px 0px 10px;
background-color: rgba(255,255,255,0.8);
box-shadow: 0px 0px 7px -6px #777777;
position:absolute;
top:1px;
right: 0;
}
.place p{
font-size: 14px;
}


.company_wrap h4{
font-size: 15px;
margin-bottom: 20px;
}
.company_table {
line-height: 1.2;
font-size: 14px;
}
.company_table2 {
line-height: 1.2;
font-size: 14px;
}


.suv_nav_wrap2{
width: 100%;
padding: 80px 20px 0px 0px ;
margin-bottom: 50px;
}
.suv_nav2{
padding: 8px 0% 0px 20px;
margin-bottom: 0px;
}
.nav2_box1{
width: 100%;
}
.nav2_box2{
width: 100%;
}
.nav2_tit{
font-size: 18px;
writing-mode:horizontal-tb;
-ms-writing-mode:tb-rl;/*IE用*/
text-align: left;
margin-bottom: 15px;
line-height: 1.5;
}
.nav2_txt{
font-size: 15px;
writing-mode:horizontal-tb;
-ms-writing-mode:tb-rl;/*IE用*/
text-align: left;
height: auto;
height: 100%;
line-height: 1.5;
text-align: justify;
margin: 0px;
}

.nursing_boxs{
margin-bottom: 40px;
}
.nursing_box{
width: 100%;
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.nursing_table th {
padding: 0px 0px 8px 0px;
}
.nursing_name{
font-size: 15px;
right: 0px;
}
.item01{
width: 40%;
margin-bottom: 0px;
}
.nursing_name{
font-size: 14px;
padding: 5%;
background-color:#000;
width:100%;
position: absolute;
bottom:0px;
right: 0px;
}
.item02{
width: 55%;
font-size: 14px;
line-height: 1.4;
}
.nursing_wrap h4{
font-size: 16px;
margin-bottom: 10px;
}
.nursing_sub_tit{
font-size: 14px;
}

.blog_wrap{
padding: 35px 0;
margin-bottom: 80px;
}
.blog_tits{
font-size: 16px;
margin-bottom: 10px;
}
.feature_wrap{
padding: 0 20px 60px 20px;
}
.feature_tit{
font-size: 16px;
margin-bottom: 10px;
line-height: 1.5;
}
.feature_tit2{
font-size: 16px;
margin-top:30px;
margin-bottom: 10px;
line-height: 1.5;
}
.feature_txt{
font-size: 14px;
line-height: 1.4;
}
.feature_box{
width: 48%;
font-size: 14px;
}
.feature_box2{
width: 48%;
margin-bottom: 20px;
}
.feature_box2 p{
font-size: 14px;
}



.suv_nav_motomachi,.suv_nav_katube,.suv_nav_minakuchi,.suv_nav_giou,.suv_nav_moriyama{
width: 100%;
height: 200px;
margin-bottom: 200px;
}
.suv_nav3{
padding: 0px 0px;
}
.nav3_box{
width: 100%;
height: 300px;
margin-top: 220px ;
padding: 0px 20px 0 20px;
background-color: none;
}
.nav3_tit{
font-size: 18px;
letter-spacing: 5px;
line-height: 1.5;
margin-bottom: 10px;
}
.nav3_tit_sub{
font-size: 12px;
line-height: 1.5;
}
.nav3_txt{
font-size: 14px;
line-height: 1.5;
text-align: justify;
}
.home_boxs{
margin-bottom: 60px;
}
.home_box{
width: 32%;
}
.home_box2{
width: 100%;
margin-bottom: 30px;
}
.home_box3{
width: 100%;
margin-bottom: 30px;
padding: 0 30px;
}
.home_table,.home_table2 {
width: 100%;
font-size: 14px;
}
.home_cost{
font-size: 14px;
}
.home_table2 th {
width: 25%;
}
.home_contact{
margin-bottom: 80px;
}
.home_note{
font-size: 14px;
line-height: 1.5;
margin-bottom: 30px;
}
.home_contact a{
font-size:16px;
width: 80%;
padding: 18px 30px;
}

.single_tit{
font-size: 16px;
}
.single_day{
font-size: 13px;
margin-bottom: 30px;
text-align: right;
}
.single_txt{
font-size: 14px;
}

.netw_box{
width: 100%;
}


/* 変更したバージョン */
.suv_nav_wrapwrap{
    width: 100%;
    padding: 100px 0 40px 0;
    margin-bottom: 40px;
    position: relative;
    }
    .suv_nav_wrap6{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;

    position: relative;
    }

    .nav6_box{
    }
    .nav6_tit{
    font-size:20px;
    letter-spacing: 5px;
    line-height: 1.5;
    margin-bottom: 20px;
    }
    .nav6_txt{
    font-size: 14px;
    text-align: justify;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
    }


    .flexbox10{
    flex-wrap: wrap;
    }
    .suv_nav_wrap10{
    width: 100%;

    }

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

    .nav10_tit{
    font-size: 18px;

    }
    .nav10_txt{
    font-size: 14px;
    }

}