@charset "utf-8";

header{
    text-align: center;
    padding-top: 10px;
    margin-top: 50px;
}


body{
    width: 1000px;
    margin: auto;
    padding:0;
    background-color: white;
}

#contents {
    width: 1000px;
    margin: auto;
    text-align: center;
}

footer p{
    text-align: center;
}

h1{
    color: dimgray;
    width: 1000px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

h1 a{
    margin: 0px;
    padding: 0px;
}

h2{
    font-family: serif;
    font-size: 40px;
    color: dimgray;
}

h3{
    font-family: serif;
    font-size: 40px;
    color: dimgray;
}

p{
    font-family: serif;
    font-size: 35px;
    color: dimgray;

}

.btn{
    background-color: deepskyblue;
    color: darkslateblue;
    width: 500px;
    height: auto;
    margin: auto;
    border-radius: 8px;
}

.btn p{
    text-align: center;
    color: white;

}

.btn a{
    text-decoration-line: none;
}


.waku1{
    width: 900px;
    height: auto;
    background-color: white;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 80px;
    border: 5px dotted gray;
    color:dimgray;
    

}

.waku1 p{
    text-align: left;
    margin-left: 1em;
    margin-right: 1em;
}

.small{
    font-size: 30px;
    margin: 0px;
    padding: 0px;
}



@media screen and (max-width:1300px){
    /*　画面サイズが1300px以下の場合に適用*/


body{
    width: 1000px;
    margin: auto;
    padding:0;
    background-color: white;
}

#contents {
    width: 1000px;
    margin: auto;
    text-align: center;
}

footer p{
    text-align: center;
}

h1{
    color: dimgray;
    width: 800px;
    margin: auto;
    margin-top: 0px;
    padding: 0px;
    text-align: center;

}
    
h1 a{
    margin: 0px;
    padding: 0px;
}

h2{
    font-family: serif;
    font-size: 60px;
    color: dimgray;
}
    
h3{
    font-family: serif;
    font-size: 60px;
    color: dimgray;
}

p{
    font-family: serif;
    font-size: 55px;
    color: dimgray;
}

.btn{
    background-color: deepskyblue;
    color: darkslateblue;
    width: 500px;
    height: auto;
    margin: auto;
    border-radius: 8px;
}

.btn p{
    text-align: center;
    color: white;

}
    
.btn a{
    text-decoration-line: none;
    }

.waku1{
    width: 950px;
    height: auto;
    background-color: white;
    margin: auto;
    margin-top: 30px;
    border-radius: 80px;
    border: 5px dotted gray;
    color:dimgray;
    

}

.waku1 p{
    text-align: left;
    margin-left: 1em;
    margin-right: 1em;
}
    
.small{
    font-size: 30px;
    margin: 0px;
    padding: 0px;
}