@media screen and (min-width:768px){
    
    .sp{
      display: none;
    }
    .pc{
      display: block;
    }
    .logo{
        width: 940px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }
    h1{
        margin-left: 40px;
        margin-top: 10px;
        margin-right: 100px;
        float: left;
    }
    h1:hover{
        opacity: 0.6;
        cursor: pointer;
        transition: all 0.5s ease 0s;
      }
      nav{
        margin-top: 20px;
        clear: both;
        float: right;
    }
    .gnavi ul{
        display: flex;
    }
    .gnavi ul li{
        font-size: 18px;
        font-weight: bold;
        padding-right: 60px ;
    }
    form{    
        overflow: hidden;
        clear: both;
        float: right;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .box{
        width: 250px;
        height:35px ;
        border: 3px solid #f8ca0e;
    }
    .button{
        background-color: #f8ca0e;
        color: #000;
        width: 69px;
        height: 30px;
        border-radius: 5px;
        font-size: 16px;   
        font-weight: bold;
        box-shadow: 2px 2px 3px #e8d999
      }
    .button:hover{
        opacity: 0.6;
        cursor: pointer;
        transition: all 0.5s ease 0s;
    }
    main{
        width: 940px;
        margin-left: auto;
        margin-right: auto;
    }
#qa{
    margin-left: 145px;
}
#qa p{
    margin-left: 120px;
}
#qanda{
    margin-left: 150px;
    background-color: #fffe9a;
    color: #000;
    width: 220px;
    height: 52px;
    border-radius: 10px;
    font-size: 18px;   
    font-weight: bold;
    box-shadow: 4px 4px 4px 4px #e6e1cb;
    margin-top: 10px;
    margin-bottom: 20px;
}
#qanda:hover{
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  }
#tel{
    margin-left: 150px;
    margin-top: 35px;
}
#tel p{
    margin-left: 46px;
}
#mail{
    margin-left: 150px;
    margin-top: 18px;
}
#mail p{
    margin-left: 46px;
}
#newyear{
    margin-left: 150px;
    margin-top: 20px;
}
#online{
    margin-left: 150px;
    margin-top: 20px;
}
#online table td input{
    width: 240px;
    height: 35px;
    border: 2px solid #f8ca0e;
}
#naiyo{
    width: 700px;
    height: 280px;
    border: 2px solid #f8ca0e;
}
div select{
    border: 2px solid #f8ca0e;
    background-color: #fff;
}
#buttons{
    display: flex;
}
#res{
    margin-left: 200px;
}
#confirmation{
    margin-left: 300px;
    background-color: #f8ca0e;
    color: #000;
    width: 220px;
    height: 52px;
    border-radius: 10px;
    font-size: 18px;   
    font-weight: bold;
    box-shadow: 4px 4px 4px 4px #e6e1cb;
    margin-top: 30px;
    margin-bottom: 40px;
}
#home{
    margin-left: 100px;
    background-color: #f8ca0e;
    color: #000;
    width: 220px;
    height: 52px;
    border-radius: 10px;
    font-size: 18px;   
    font-weight: bold;
    box-shadow: 4px 4px 4px 4px #e6e1cb;
    margin-top: 30px;
    margin-bottom: 40px;
}
#confirmation:hover{
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  }
  #home:hover{
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  }

footer{
    margin-top: 120px;
    background-color: #fffe9a; 
}
.footer{
    display: flex;
    font-size: 16px;
    padding-bottom: 22px;
    padding-top: 10px;
}
.left{
    margin-left: 120px;
}
.left p:hover{
    color: #0000ff;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  } 
.left ul li:hover{
    color: #0000ff;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  }
.footer div ul li{
    font-size: 14px;
    padding-left: 22px;
}
.center{
    padding-left: 53px;
} 
 .center p:hover{
    color: #0000ff;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  }
.center ul li:hover{
    color: #0000ff;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  } 
.right{
    margin-left: 50px;
}
strong{
    color:#0000ff;
}
.right section{
    width: 300px;
    border:solid 3px #65cdfe;
    text-align: center;
    margin-top: 16px;
    margin-left: 220px;
    border-radius: 15px;
}
.right section ul{
    display: flex;
}
.right section ul li{
    padding-left: 13px;
    margin-right: auto;
}
.right section ul li:hover{
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.right table tr td{
    padding-left: 22px;
}
.right p{
    margin-left: 110px;
}
strong:hover{
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.5s ease 0s; 
}
.form{
    margin-top: 20px;
}
}