@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;
}

/* 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{
    margin: 0 0 100px 0;
}

.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;
}


/* main */
.h_wrap{
    text-align: center;
}
.txt_wrap{
    text-align: center;
}
.txt_wrap p{
    font-size: 18px;
    line-height: 1.5;
}


#google_form{
    max-width: 650px;
    margin: 0 auto 120px;
}
#google_form iframe{
    width: 100%;
    border: 0px;
}


/* footer */
footer{
    max-width: 1000px;
    margin: 0 auto;
    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{
        max-width: 1000px;
        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;
    }
    
 
    /* main */
 
    .txt_wrap p{
        font-size: 13px;
    }

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