@charset "utf-8";

@media screen and (min-width:768px) {
.gnav ul{
    display: flex;
    justify-content: center;
    gap: 118px;
    margin-bottom: 94px;
}

body{
    font-family: "Kaisei Opti", serif;
    background-attachment: fixed;
}
a{
    color: #000;
    text-decoration: none;
}
a:hover{
    color: #E95B6B;
}
h1{
   text-align: center; 
   padding: 200px 0 100px;
}
.gnav ul{
    justify-content: center;
    gap: 118px;
    margin-bottom: 94px;
}
.p1,.c1{
    padding: 60px 70px;
    margin: 2em 0;
    background-color: #C0CDDC;
}
.w1{
    padding: 60px 80px;
    margin: 2em 0;
    background-color: #C0CDDC;
}
.gnav a:hover{
    color: #008CAF;
}
.pagetop{
    text-align: right;
    padding-right: 50px;
}
footer{
    text-align: center;
}
}

@media screen and (max-width:768px) {
.gnav ul{
    justify-content: center;
    gap: 118px;
    margin-bottom: 94px;
    margin: 0 20px 0;
}

body{
    font-family: "Kaisei Opti", serif;
    background-attachment: fixed;
}
a{
    color: #000;
    text-decoration: none;
}
a:hover{
    color: #E95B6B;
}
h1{
   text-align: center; 
   padding: 200px 0 100px;
}
.gnav ul{
    justify-content: center;
    gap: 118px;
    margin-bottom: 94px;
}
.p1,.c1{

    padding: 60px 70px;
    margin: 2em 0;
    background-color: #C0CDDC;
}
.w1{
    padding: 60px 70px;
    margin: 2em 0;
    background-color: #C0CDDC;
}
.gnav a:hover{
    color: #008CAF;
}
.pagetop{
    text-align: right;
    padding-right: 20px;
}
footer{
    text-align: center;
    font-size: 14px;
}
}