/*****************************************************************
@メディアクエリ
xs:767pxまで適用
*****************************************************************/
h1 {
    max-width: 230px;
}
h3 {
    font-size: 1.5rem;
}
/* .slider-img {
    margin: 10px 10px;
} */
table {
    font-size: 80%;
}
th, td {
    padding: 5px;
}
.btn {
    font-size: 80%;
    padding: 0 10px;
}
.slider {
    margin: 10px auto auto 0;
}
.slick-next {
    right: 20px;
}
.slick-prev {
    left: -20px;
}

/*-------------------------------
header
--------------------------------*/
header {
    padding: 10px;
}
/*****************************************************************
トップページ　#home
*****************************************************************/
/*-------------------------------
main
--------------------------------*/
/* トップビジュアル .m-visual*/
#home .m-visual::before {
    content: "";
    display: block;
    background-image: url(../img/sp_pieces_bgtop.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 390px;
    height: 410px;
    position: absolute;
}
@media screen and (max-width:400px) {
    #home .m-visual::before {
        width: 310px;
        height: 330px;
    }
}
#home .m-visual::after {
    content: "";
    display: block;
    background-image: url(../img/sp_pieces_bgbottom.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 380px;
    height: 250px;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media screen and (max-width:400px) {
    #home .m-visual::after {
        width: 300px;
        height: 200px;
    }
}
#home .m-visual h2 {
    height: 400px;
}

/*-------------------------------
ABOUT,事業内容 #about
--------------------------------*/
#home #about li {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#home #about li h4 {
    padding-left: 4em;
    font-size: 1.2rem;
}
#home #about li h4 span {
    font-size: 1rem;
}

/*-------------------------------
共同生活援助（介護サービス包括型）事業 #cl_support
--------------------------------*/
/* サービス事業共通タイトル */
#home #cl_support h2, #home #da_support h2 {
    font-size: 1.2rem;
    padding: 15px 15px 15px 60px;
    /* padding: 15px; */
}
#home #da_support h2 {
    margin-left: auto;
}
#home #cl_support > .w100, #home #da_support > .w100 {
    height: auto;
}
#home #cl_support h2::before, #home #da_support h2::before {
    width: 50px;
    height: 50px;
    left: 0;
    top: 3px;
}
#home #cl_support::before,
#home #da_support::before {
    background-image: none;
}
#home #cl_support::after,
#home #da_support::after {
    background-image: none;
}
#home #cl_support h4, #home #da_support h4 {
    font-size: 1rem;
}

/* 共同生活援助（介護サービス包括型）事業単独 */
#home #cl_support .service li {
    width: 48%;
    margin-bottom: 40px;
}
#home #cl_support .service li .text-color1 {
    font-size: 1.2rem;
}
#home #cl_support .grouphome li h5 {
    font-size: 1rem;
}
#home #cl_support .grouphome .slider-img {
    padding: 10px;
}
#home #cl_support .grouphome .group-magokoro .w48,
#home #cl_support .grouphome .group-satoru .w48{
    margin-bottom: 10px;
}
#home #cl_support .grouphome table {
    font-size: 80%;
}
#home #cl_support .grouphome table th {
    width: 40px;
}
#home #cl_support .grouphome table td {
    line-height: 1.5rem;
}
#home #cl_support .weekdays > p,
#home #cl_support .holiday > p {
    font-size: 1rem;
}
#home #cl_support .time-schedule {
    font-size: 80%;
}
#home #cl_support .time-schedule .time::after{
    right: -25px;
}
#home #cl_support .time-schedule p {
    margin-left: 25px;
}

/*-------------------------------
指定日中活動支援事業所（通所） #da_support
--------------------------------*/
#home #da_support .btn-color2-active {
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 10px;
}
#home #da_support .btn-color2-active.active {
    padding: 10px 20px;
    width: 100%;
    border-radius: 20px !important;
    margin-bottom: 10px;
}
#home #da_support div[id$="-contents"] {
    padding: 15px;
}
#home #da_support .tab-contnts .support th {
    display: block;
}
#home #da_support .tab-contnts .support td {
    display: block;
}
#home #da_support .tab-contnts .support td p {
    font-size: 80%;    
}
#home #da_support .contents {
    padding: 15px;
}
#home #da_support .contents .support th {
    display: block;
}
#home #da_support .contents .support td {
    display: block;
}
#home #da_support .contents .support td p {
    font-size: 80%;    
}

/*-------------------------------
問い合わせ #contact
--------------------------------*/
#home #contact .flex-wrap .tel {
    font-size: 1.5rem;
}
#home #contact .flex-wrap .form {
    font-size: 1.25rem;
}
#home #contact .flex-wrap .form::after {
    right: 1em;
}

/*-------------------------------
footer
--------------------------------*/
footer .w33 {
    width: max-content;
}

/*****************************************************************
サブページ　.subpage
*****************************************************************/
.subpage main h2 {
    font-size: 1.5rem;
}
.subpage main h3 {
    font-size: 1.25rem;
}

/*-------------------------------
お問い合わせ（サブページ）
.subpage#contact
--------------------------------*/
.subpage#contact form {
    padding: 10px;
    font-size: 1rem;
}
.subpage#contact form input {
    font-size: 1rem;
}
.subpage#contact form select, 
.subpage#contact form textarea {
    font-size: 1rem;
}
.subpage#contact form .shortwidth {
    width: 30%;
}
.subpage#contact form .confirmation input {
    display: block;
    /* margin-bottom: 50px; */
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.subpage#contact form .confirmation .back {
    margin-right: auto;
}