@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■SP版■■■■■■■■■■■■■■■■■■■■*/

.page_contents article .sc_format {
    padding: 0 2.5rem;
    margin-bottom: 50px !important;
}

.page_contents .submenu {
    /*    margin-top: 45px;*/
    margin: 270px 0 20px;
/*    padding: 0 2.5rem 1.5rem 2.5rem;*/
    padding: 0 2.5rem;
}

.page_contents .submenu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-family: "Sawarabi Gothic";
}

.page_contents .submenu ul li {
    padding: 0 10px 5px 0;
}

.page_contents .submenu ul li a {
    color: #5e3912;
    font-size: 1.3rem;
}

.page_contents .submenu ul li i {
    padding-right: 2px;
}


.page_contents .sc_ttl {
    text-align: left;
    margin-top: 25px;
    margin-bottom: 10px;
}

.page_contents .sub_ttl {
    text-align: left;
    margin-bottom: -25px;
}

.page_contents .head_txt {
    font-weight: normal;
    text-align: left;
    font-family: Sawarabi Mincho;
    font-size: 1.6rem;
    text-shadow: 0px 0px;
    color: #5e3912;
    /* [disabled]border-bottom: 1px solid #5e3912; */
    display: inline-block;
    margin-bottom: 10px;
}

.page_contents .service_child p {
    margin-bottom: 15px;
}

.page_contents .service_child figure {
    margin-top: -10px;
    margin-bottom: 25px;
}

/*----------page_visual----------*/
.page_visual {
    position: absolute;
    top: 0;
    z-index: -100;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 330px;
}

.page_visual .page_ttl {
    font-family: "Hannari";
    text-align: center;
    font-size: 3rem;
    padding-top: 170px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 3px
}

#about .page_visual {
    background-image: url(../img/about/page_visual.jpg);
}

#service .page_visual {
    background-image: url(../img/service/page_visual.jpg);
}

#dayservice .page_visual {
    background-image: url(../img/service/dayservice/page_visual.jpg);
}

#nursinghome .page_visual {
    background-image: url(../img/service/nursinghome/page_visual.jpg);
}

#kyotakukaigo .page_visual {
    background-image: url(../img/service/kyotakukaigo/page_visual.jpg);
}

#helperstation .page_visual {
    background-image: url(../img/service/helperstation/page_visual.jpg);
}

#info .page_visual {
    background-image: url(../img/info/page_visual.jpg);
}

#recruit .page_visual {
    background-image: url(../img/recruit/page_visual.jpg);
}

/*●●●●●●●●●●●●●●about.html●●●●●●●●●●●●●●*/

/*----------about_concept----------*/
#about_concept p {
    margin-bottom: 15px;
}

#about_concept figure {
    margin-top: -10px;
    margin-bottom: 25px;
}

#about_concept.sc_format {
    margin-bottom: 25px;
    /*    margin-bottom: 50px;*/
}

/*----------about_greeting----------*/
#about_greeting {
    background: url(../img/about/about_greeting_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 25px 2.5rem
}

#about_greeting .sc_ttl {
    color: #000;
}

#about_greeting .sc_ttl span {
    border-color: #000;
}

#about_greeting .box {
    background: rgba(255, 255, 255, 0.7);
    padding: 30px 25px;
}

#about_greeting .box p {
    margin-bottom: 15px;
}

#about_greeting .box p.right {
    text-align: right;
    margin-top: 25px;
    margin-bottom: 0;
}

/*----------about_company----------*/

#about_company table {
    width: 100%;
}

#about_company tr {
    border-bottom: 1px solid #bfaeae;
    line-height: 3;

}

#about_company th {
    text-align: left;
    padding-left: 30px;
    width: 180px;
    vertical-align: middle;
}

#about_company td span {
display: block;
    margin-bottom: -1.6rem;
} 

#about_company p {
    margin-top: 15px;
}

#about_company p.plan {
box-shadow: 0px 0px 15px -6px #777777;
}

/*●●●●●●●●●●●●●●service.html●●●●●●●●●●●●●●*/
.service_list .btn {
    display: block;
    text-align: center;
    width: 320px;
    margin: auto;
    background: #0fb222;
    color: #fff;
    padding: 15px;
    position: relative;
    margin-top: 30px;
    font-family: Sawarabi Gothic;
}

.service_list p {
    margin-top: 15px;
}

.time_schedule .head_txt span{
    display: block;
    margin-left: 34px;
}

.time_schedule table {
    border: 2px solid #5e3912;
    width: 100%;
    font-family: "Sawarabi Gothic";
}

.time_schedule table tr {
    border-bottom:1px dotted #5e3912;
}

.time_schedule table th {
    text-align: center;
    width: 100px;
    padding: 15px 10px;
    color: #5e3912;
    background: #fff8d8;
    vertical-align: middle;
}

.time_schedule table td {
    padding: 15px;
    background: #fffdf5;
}

.time_schedule p.small_txt {
font-size: 1.3rem;
    margin-top: 3px;
}

/*●●●●●●●●●●●●●●info.html●●●●●●●●●●●●●●*/

#info_list .info_box {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px dotted #5e3912;
}

#info_list .info_box li p {
    margin-bottom: 0;
}

#info_list .info_box li p.date {
    font-size: 1.2rem;
    font-weight: bold;
    font-family: Sawarabi Gothic;
    color: #5e3912;

}

#info_list .info_box li h4 {
    font-family: Sawarabi Mincho;
    color: #5e3912;
margin-bottom: 10px
}

/*●●●●●●●●●●●●●●recruit.html●●●●●●●●●●●●●●*/
#recruit .sc_format section {
margin-top: 3rem;
}

#recruit .sc_format section p {
    margin-bottom: 5px;
}

/*■■■■■■■■■■■■■■■■■■■■TB版■■■■■■■■■■■■■■■■■■■■*/

@media screen and (min-width: 820px) {
    .head {
        font-size: 1.8rem;
    }

    .page_contents .sc_ttl{
        text-align: center;
    }
    
    .page_contents .sub_ttl{
        text-align: center;
        font-size:1.6rem     }


    .page_contents .head_txt {
        font-size: 2.4rem;
    }

    .page_contents .sc_ttl {
        margin-bottom: 30px;
    }

    
    .page_contents .sc_ttl {
        font-size: 30px;
    }

    .page_contents .submenu ul li a {
        font-size: 1.4rem;
    }
    
    .page_contents .service_child p,
    .page_contents .service_child figure {
        margin-bottom: 30px;
    }
    

/*●●●●●●●●●●●●●●about.html●●●●●●●●●●●●●●*/

    /*----------about_concept----------*/
    #about_concept .box p {
        margin-bottom: 30px;
    }

    #about_concept .box figure {
        margin-top: -25px;
        margin-bottom: 45px;
    }

    /*----------about_greeting----------*/
    #about_greeting .box {
        padding: 50px 45px;
    }
  
  /*----------about_plan----------*/
/*
#about_plan {
  padding: 3rem;
  }
*/
    
/*●●●●●●●●●●●●●●service.html●●●●●●●●●●●●●●*/    
    .service_list figure {
        width: 42%;
        float: left;
        margin-bottom: 30px;

    }
    
    .service_list .txt {
        width: 55%;
        float: right;
    }
    
    .service_list .txt p {
        margin-top: 0;
        margin-bottom: 15px;
    }
    
    .service_list .btn {
        clear: both;
        width: 380px;
    }
    
    .time_schedule .head_txt span{
        display: inherit;
        margin-left: 16px;
    }
    
    .time_schedule .table_header {
        background: #ffe2c2;
        border: solid 1px;
    }
    
    .time_schedule table th {
        width: 250px;
        padding: 20px;
    }

    .time_schedule table td {
        padding: 20px 20px 20px 40px;
        background: #fffdf5;
    }
    
    /*●●●●●●●●●●●●●●info.html●●●●●●●●●●●●●●*/
    #info_list .info_box {
        margin: 30px 0;
        padding-bottom: 30px;
    }
    
    #info_list .info_box li p.date {
        font-size: 1.5rem;
}

/*■■■■■■■■■■■■■■■■■■■■PC版■■■■■■■■■■■■■■■■■■■■*/

@media screen and (min-width: 1000px) {
    .page_visual {
        height: 500px;
    }
    
    .page_visual .page_ttl {
    padding-top: 260px;    
    }   
    
    .page_contents article .sc_format {
        width: 1000px;
        margin: auto;
    }

    .page_contents .submenu {
        width: 1000px;
        margin: 440px auto 20px;
/*        padding-left: 0;*/
    }

    .page_contents .head_txt {
        font-size: 2.4rem;
    }

    .page_contents .sc_ttl {
        font-size: 30px;
    }
    
    .service_list p {
        margin-top: 30px;
    }
    

    .page_contents .service_child p {
        margin-bottom: 30px;
    }

    .page_contents .service_child figure {
        margin-top: -25px;
        margin-bottom: 45px;
    }

/*●●●●●●●●●●●●●●about.html●●●●●●●●●●●●●●*/

/*----------about_greeting----------*/
    #about_greeting .box {
        max-width: 1100px;
        margin: auto;
    }
    
    .service_list {
/*     overflow: hidden;   */
    }
    
    .service_list figure {
        width: 40%;
    }
    
    .service_list .wrap {
        width: 57%;
        height: 28.5vh;
        float: right;
        position: relative;
    }
    
    .service_list .txt {
        width: 100%;
        float: none;
    }
    
    .service_list .btn {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        bottom: 0;
    }
}