@media all and (max-width: 1000px){
    html{
        font-size: 12px;
    }
    #page-link{
        padding: 5px;
    } 
    #page-link li a{
        padding:0 0.8rem;
        font-size: 0.5rem;
    }
    #page-link li a::before{
        content:'▼';
        font-size:0.8rem;
        padding:0 5px 0 0;
        color: #B6DFEA;
    }

    .header_fix{
        height: 45rem;
    }
    .hd{
        font-size: 4rem;
    }
    .profile{
        width: 50%;
        top: 45em;
        left: 25%;
    }
    .profile_img img{
        width: 90%;
    }
    .profile h2{
        font-size: 1.8rem;
    }
    .profile p{
        font-size: 0.8rem;
    }
    .intro_title h2{
        font-size: 3.3rem;
    }
    .intro_title h3{
        font-size: 1.3rem;
    }
    .intro_title img{
        width: 25rem;
    }
    .intro_icon i{
        width: 6rem;
        height: 6rem;
        font-size: 3rem;
    }
    .intro_icon img{
        width: 6rem;
        height: 6rem;
    }
    .intro_icon p{
        font-size: 1.1rem;
    }
    .intro_ptitle{
        font-size: 1.6rem;
    }
    .intro_ptitle span{
        font-size: 1.4rem;
    }
    .contents{
        width: 40%;
        margin: 0 auto;
    }
    .service_i{
        width: 25%;
    }
    .services{
        margin: 2rem;
    }
    .opening_hours{
        padding: 12rem 3rem;
    }
    .opening_hours h2{
        font-size: 2rem;
    }
    .opening_hours dt{
        font-size: 1.3rem;
    }
    .opening_hours dd{
        font-size: 1.3rem;
    }   
    .news_icon{
        padding: 1rem 0;
        font-size: 2rem;
        margin-top: -2rem;
    }
    .news_title h3{
        font-size: 1.5rem;
    }
    .news_title span{
        font-size: 3rem;
    }
    .news_title h2{
        font-size: 1.8rem;
    }
    .news_txt{
        font-size: 1rem;
    }
    .footer_fix h2{
        margin-top: 6rem;
        font-size: 2rem;
        letter-spacing: 0.8rem;
    }
    .footer_fix p{
        font-size: 1.0rem;
        letter-spacing: 0.2rem;
    }
    .sns{
        font-size: 2rem;
    }
    .promotion{
        margin-right: 1rem;
    }
}
@media all and (max-width: 670px){
    .header_pc{
        display: none;
    }
    /*menuボタン*/
    .header_mobile{
        display: block;
        background-color: rgba(0, 0, 0, 0);
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 11;    
    }
    .openbtn{
        position: relative;
        background:#D54884;
        cursor: pointer;
        width: 50px;
        height:50px;
        border-radius: 5px;
        top: 1rem;
        left: 80%;
        z-index: 9999;
    }
    .openbtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 2px;
        border-radius: 5px;
        background: #fff;
        width: 45%;
    }  
    .openbtn span:nth-of-type(1) {
        top:13px; 
    }  
    .openbtn span:nth-of-type(2) {
        top:19px;
    }  
    .openbtn span:nth-of-type(3) {
        top:25px;
    }  
    .openbtn span:nth-of-type(3)::after {
        content:"Menu";
        position: absolute;
        top:5px;
        left:-2px;
        color: #fff;
        font-size: 0.6rem;
        text-transform: uppercase;
    }
    .openbtn.btnactive span:nth-of-type(1) {
        top: 14px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }  
    .openbtn.btnactive span:nth-of-type(2) {
        opacity: 0;
    }  
    .openbtn.btnactive span:nth-of-type(3){
        top: 26px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }  
    .openbtn.btnactive span:nth-of-type(3)::after {
        content:"Close";
        transform: translateY(0) rotate(-45deg);
        top:5px;
        left:4px;
    }
    #g-nav{
        position:fixed;
        z-index: 999;
        top:-120%;
        right: 0;
        width:100%;
        height: 30%;
        background:rgba(0, 0, 0, 0.9);
        transition: all 0.6s;
    }
    #g-nav.panelactive{
        top: 0;
    }
    #g-nav ul {
        position: absolute;
        z-index: 999;
        top:50%;/*ナビゲーションの位置*/
        left:50%;
        transform: translate(-50%,-50%);
    }  
    #g-nav li{
        list-style: none;
    }
    #g-nav li a{
        color: #fff;
        font-family: Consolas;
        text-decoration: none;
        padding:10px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    #page-link-mobile li a::before{
        content:'▼';
        font-size:0.8rem;
        padding:0 10px 0 0;
        color: #ccc;
    }
    
    /*common*/
    .header_fix{
        height: 20rem;
    }
    .hd{
        font-size: 2rem;
    }
    .profile{
        width: 60%;
        margin: -20px auto;
        top: 18em;
        left: 20%;
    }
    .profile h2{
        font-size: 8px;
    }
    .profile p{
        font-size: 6px;
    }
    .intro{
        margin-top: 18rem;
    }    
    .intro_title{
        text-align: center;
    }
    .intro_icon i{
        width: 5rem;
        height: 5rem;
        font-size: 2rem;
    }
    .intro_icon img{
        width: 5rem;
        height: 5rem;
    }
    .intro_icon p{
        font-size: 1rem;
    }
    .intro_ptitle{
        font-size: 1.4rem;
    }
    .contents{
        width: 70%;
    }
    .service_i{
        width: 25%;
    }
    .services{
        margin: 2rem;
    }
    .opening_hours{
        padding: 5rem 2rem;
    }
    .opening_hours h2{
        font-size: 1rem;
    }
    .opening_hours dt{
        font-size: 0.8rem;
    }
    .opening_hours dd{
        font-size: 0.8rem;
    }
    .opening_hours p{
        font-size: 0.6rem;
    }
    .news_icon{
        padding: 1rem 0;
        font-size: 1.5rem;
        margin-top: -2rem;
    }
    .news_title h3{
        font-size: 1.0rem;
    }
    .news_title span{
        font-size: 2rem;
    }
    .news_title h2{
        font-size: 1.5rem;
        padding-top: 5px;
    }
    .news_txt{
        font-size: 0.8rem;
    }
    .footer_fix h2{
        margin-top: 4rem;
        letter-spacing: 0.4rem;
    }
    .footer_fix p{
        letter-spacing: 0rem;
    }
}