@charset "utf-8";

html,body,p,h1,h2,h3,div,ul,li{
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
a{
    text-decoration: none;
    color: inherit;
}
ul{
    list-style: none;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}

/* container */
.container{
    max-width: 960px;
    margin: 0 auto;
    border-left:2px solid #939599;
}

/* flex */
.box{
    display: flex;
    justify-content: space-between;
}

.h_wrap{
    text-align: center;
}

h2{
    margin: 0 0 40px 0;
    font-size: 27px;
    display: inline-block;
    text-align: center;
    padding: 0 0 8px 0;
    border-bottom: 2px solid #939599;
    font-family: "Sawarabi Gothic",sans-serif;
}



/* header */
.header{
    max-width: 1000px;
    margin: 15px auto 0;
}
.header_inside{
    margin: 0 5px;
}
.header h1{
    font-size: 36px;
    font-family: "Sawarabi Gothic",sans-serif;
}

.yoyaku{
    font-size: 14px;
}
.tel_num{
    font-size: 20px;
}

/* nav */
.pc_nav_list{
    max-width: 1000px;
    margin: 0 auto 5px;
    justify-content: flex-end;
    border-bottom: 2px solid  #939599;
}

.pc_nav_list>li{
    font-size: 14px;
   line-height: 40px;
   margin: 0 55px 0 0;
}
.pc_nav_list>li:last-child{
    margin:0 10px 0 0;
}
.pc_nav_list a:hover{
    opacity:0.5;
    transition: 0.3s;
}
/* spnav非表示 */
.sp_nav{
    display: none;
}

/* keyvis */
.keyvis{
    max-width: 1000px;
    margin: 0 auto 30px;
}

/* main */
.mamoru_wrap{
    max-width: 800px;
    margin:0 auto 20px;
    border: 1px solid #FF69B4;
    border-radius: 45px;
    padding: 26px;
    /* box-shadow: inset 0 0 15px rgba(0, 0, 0, .3); */
}
.mamoru_wrap p{
    /* margin: 0 0 10; */
    line-height: 1.5;
}
.mamoru_txt{
    margin: 30px 0 30px 0;
}
.mamoru_set_txt{
    font-size: 18px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #000;
}
.mamoru_set_01{
    margin: 0 0 30px 0;
}
.mamoru_set_01:last-child{
    margin: 0;
}
.mamoru_set_left{
    margin: 0 0 0 60px;
}
.mamoru_set_01 h3{
    font-size: 20px;
}

.menu_wrap{
    max-width: 716px;
    margin: 0 auto;
}
/* menu */

.menu_01{
    padding: 30px 0;
    border-top: 1px solid #939599;

}
.student{
    font-size: 16px;
    margin: 13px 0 5px 0;
}
h3{
    margin: 0 0 12px 0;
    font-weight: normal;
    font-size: 23px;
}
.sub_ttl{
    font-size: 16px;
}
.price{
    font-size: 23px;
}

/* shampoo */
.shampoo_wrap{
    max-width: 640px;
    margin: 0 auto 30px;
    align-items: center;
    border: 1px solid #FF69B4;
    border-radius: 45px;
    padding: 10px;
    /* box-shadow: 10px 10px 15px -10px #cbb7a5; */
}
.shampoo_txt p{
    line-height: 1.7;
}
.oyamada_link{
    margin: 10px 0 0 0;
    justify-content: left;
    align-items: center;
}
.oyamada_hp{
    display: block;
}
.oyamada_hp p{
    display: inline;
    border-bottom: 1px solid #000;
    font-weight: 500;
}
.oyamada_insta,.oyamada_fb{
    margin: 0 0 0 20px;
}
.oyamada_link a:hover{
    opacity: 0.5;
    transition: 0.3s;
}


/* homecare */


/* homecare_left */
.homecare_left{
    width: 49%;
    margin: 0 0 30px 0;
    justify-content: left;
    align-items: center;
    border: 1px solid #939599;
    border-radius: 45px;
}
.homecare_left img{
    padding: 6px;
}
.homecare_txt{
    margin:0 0 0 3%;
    align-items: stretch;
    line-height: 1.7;
    font-size: 14px;
}
.homecare_txt p:first-child{
    margin: 0 0 10px 0;
}
.homecare_txt p:last-child{
    margin: 0 0 10px 0;
}

/* homecare_right */
.homecare_right{
    width: 48%;
}
.homecare_right_ttl{
    margin: 0 0 20px 0;
    height: 40px;
    border-top: 1px solid #939599;
    border-bottom: 1px solid #939599;
}
.homecare_right p{
    text-align: center;
}
.homecare_right p:first-child{
    font-size: 36px;
    line-height: 45px;
    text-align: center;
   
}
.homecare_right p:nth-child(2){
    margin: 0 0 10px 0;
}
.homecare_right p:nth-child(3){
    margin: 0 0 10px 0;
}
.homecare_right p span{
    font-weight: bold;
    font-size: 20px;
}


/* others */
.others{
    max-width: 592px;
    margin: 0 auto;
}
.kituke{
    margin: 20px 0 20px 0;
}
.kituke p:first-child{
    margin: 0 0 5px 0;
}
.kituke p:last-child{
    text-align: right;
}
.kituke a{
    display: block;
}
.kituke a:hover{
    opacity: 0.5;
}
.kituke span{
    border-bottom: 1px solid #000;
}

.hair_d{
    margin: 20px 0 20px 0;
}
.hair_d p:first-child{
    margin: 0 0 5px 0;
}
.hair_d p:last-child{
    text-align: right;
}
.hair_d a{
    display: block;
}
.hair_d a:hover{
    opacity: 0.5;
}
.hair_d span{
    border-bottom: 1px solid #000;
}
.credit{
    max-width: 716px;
    margin: 30px auto 120px;
}







/* footer */
footer{
    padding: 40px 0 0 0;
    border-top: 2px solid #939599;
    text-align: center;
    font-size: 14px;
}

.sns{
    max-width: 156px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
}
.sns a:hover{
    opacity: 0.5;
    transition: 0.3s;
}
footer p{
    margin:0 0 20px 0;
    line-height: 1.5;
}

/* media query */
@media screen and (max-width:767px){
    
    /* header */
      /* header */
      .header{
        margin:25px 0 20px 0;
    }
    .header_inside{
        display: block;
    }
    .header h1 {
        font-size: 25px;
        margin:0 0 10px 0;
    }
    .yoyaku{
        text-align: right;

    }
    .tel_num {
        font-size: 18px;
        text-align: right;
    }

    /* pcnav非表示 */
    .pc_nav{
        display: none;
    }
    /* spnav */
    .sp_nav{
        display: block;
        background: #e8e8e9;
        opacity: 0.9;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 60;
    }
    .sp_nav_list{
        margin: 0 auto;
        border-bottom: 2px solid  #939599;
    }
    .sp_nav_list>li{
        width: 30%;
        font-size: 14px;
       line-height: 60px;
       text-align: center;
    }

 
    /* 見出し */
    h2 {
        font-size: 23px;
    }
    h3{
        font-size:14px ;
    }

    /* main */

    .mamoru_01{
        display: block;
    }
    .mamoru_01_left>h3{
        text-align: center;
    }
    .mamoru_wrap {
        padding: 14px;
    }
    .sub_ttl {
        font-size: 12px;
    }
    .mamoru_set_txt {
        font-size: 14px;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #000;
    }

    .mamoru_set_left {
        margin: 0px 0 0 20px;
    }
    .mamoru_set_01 h3 {
        font-size: 16px;
    }
    .price {
        margin: 10px 0 0 0;
        font-size: 14px;
    }

/* menu_list */
    .menu_wrap{
        margin: 0 3px;
    }
    .menu_list{
        margin: 0 4px;
    }
    .student {
        font-size: 14px;
        margin: 10px 0 5px 0;
    }

/* shampoo */
.shampoo_wrap {
    display: block;
    max-width: 640px;
    margin: 0 auto 30px;
    align-items: center;
    border-radius: 45px;
    padding: 12px;
}
.shampoo_wrap img{
    display: block;
    margin: 0 auto 5px;
}
.shampoo_txt p {
    line-height: 1.5;
    font-size: 12px;
    margin: 5% 0;
}
.oyamada_link {
    margin: 10px 0 0 10%;
    justify-content: left;
    align-items: center;
}
/* homecare */
.homecare {
 display: block;
}
.homecare_left {
    width: 100%;
    margin: 0 0 30px 0;
}
.homecare_left img {
    padding: 2px;
}
.homecare_right {
    width: 100%;
    margin: 0 0 20px 0;
}
.homecare_txt{
    margin:0 0 0 5%;
}

/* others */
.others {
    max-width: 592px;
    margin: 20px 3px 0;
    font-size: 14px;
}

/* footer */
footer p {
    margin: 0 0 10px 0;
    line-height: 1.5;
    font-size: 12px;
}
}