@charset "UTF-8";
/* 介護のあさひのページ ---------------------------- */
h2{color:rgb(242,145,0);
   text-align: center;
   font-size: 2.3rem;
    margin-top: 15px;}

h3{font-size:1.2rem;
    margin: 15px;}

h4{text-align: center;
    color:rgb(242,145,0);
   font-size:1.2rem;}

h5{color:rgb(242,145,0);
   padding: 15px;
   font-size:1rem;}


/* レスポンシブデザイン */
.pc { display: block !important; }
.sp { display: none !important; }


/* 上にくる画像 ----------------------------------------------- */
.k-topimg{width: 100%;}
.k-topimg img{width: 100%;
              margin: 150px auto 0;
              }

/* コンセプト ----------------------------------------------- */
.k-concept{display: flex;
           justify-content: space-between;
           width: 85%;
           margin: 0 auto;
           margin-top: 30px;
            }

.k-concept-text{width: 65%;}
.k-concept-img{width: 45%;
              text-align: center;}
.k-concept-img img{width: 250px;}


/* メニュー ----------------------------------------------- */

/*スクロールのしくみ -------- */
.k-down{width: 15px;
        height: 15px;
        position: relative;
        margin: 0 30px 0 10px;
        }

.k-down1{margin: 0 auto 20px;
         font-size: 1rem;
         border-right: dotted 1px rgb(76,73,72); /* ボーダー右側に入れる */
        }

    

.k-down2{width: 85%;
         margin: 50px auto;
         display: flex;
         justify-content: space-around;
         flex-wrap: wrap;
         }

.k-down3{margin: 0 auto 20px;
         font-size: 1rem;
        }

.k-down2 a:link{color: rgb(76,73,72);
                text-decoration: none;
                }

.k-down2 a:visited{color: rgb(76,73,72);
                   text-decoration: none;
                   }

.k-down2 a:hover{color: rgb(255,233,174);
                 text-decoration: none;
                 }

/* 説明 ------------------------------------------------------ */
.k-about{text-align: center;
         margin-bottom: 40px;
         }
.k-about-2{text-align: center;
           padding: 5px 7px 10px 7px;
           border: solid 1px rgb(76,73,72);
           margin-bottom: 50px;
           }
.k-about-2 p{line-height: 1.6em;}

/* サービス内容 ----------------------------------------------- */
.k-naiyou{display: flex;
          padding: 10px;
          border: solid 10px rgb(255,251,205);
          justify-content: space-around;
          margin: 20px 0 20px 0;
          }

.kaigo-text{text-align: left;
            font-size: 0.9rem;
            }

.kaigo-text li{margin-left: 1rem;}

.k-box{text-align: center;
       margin: 0 100pix;
       width: 28%;
       }

.k-box p{margin: 0.5rem;
         padding: 0;
         }
.kaigo-illust img{height: 180px;}



/* ご利用の流れ ----------------------------------------------- */
.k-nagare{text-align: center;
          margin: 50px 0;
         }
.k-nagare-img{display: flex;
              justify-content: center;}
.k-nagare img{margin-top: 20px;
              width: 800px;
              }



/*------------------------------- ここからモバイル -------------------------------*/
@media screen and (max-width: 767px)
{
    
/* レスポンシブデザイン */
.pc { display: none !important; }
.sp { display: block !important;}
    
/* body -------------------------------------------- */
    
    .k-topimg img{margin: 100px auto 0;}
    
/* コンセプト -------------------------------------------- */
    .k-concept{display: block;
               text-align: center;}
    

    .k-concept-text{width: 100%;}
    
    .k-concept-img{width: 100%;
                   text-align: center;
                    margin-top: 10px;}
    
    .k-concept-img img{width: 100%;}
    
    .k-about{
        margin: 0 8px 30px;
    }
    .k-about-2{
        margin: 0 8px 30px;
    }
    
    .k-naiyou{
        margin: 0 8px 30px;
    }
    
/* サービス内容 ------------------------------------------ */
    .k-concept-img{justify-content: center;}
    
 
/* サービス内容 ------------------------------------------ */
    .k-naiyou{display: block;
             }
    .kaigo-illust{width: 50%;
                  height: auto;}
    .kaigo-illust img{width: 100%;
                      height: auto;
                      padding-left: 10px;
                      }
    .k-box{width: 100%;
           }
    .k-box2{width:100%;
            display: flex;
            align-items: center;
            }
    .k-illust-small img{width: 82%;}
    
    .kaigo-text{width: 50%;
                text-align: left;
                margin-left: 30px;
                }
    


/* ご利用の流れ ------------------------------------------- */

    .k-nagare img{ width: 75%;}
    
    
/* アクセス ---------------------------------------------- */
    .k-access-info{display: block;}
    

        
/* スクロール---------------------------------------------- */    
    .k-down2 p{
        font-size: 3.5vw;
    }
    .k-down{
    margin: 0 10px 0 10px;
}
}