@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: 25px;
    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;
    }

.btn_A{
    background-color:cornsilk;
    color: white;
    width: 500px;
    height: auto;
    margin: auto;
    border-radius: 8px;
}

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

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

    
.btn_A:hover{
    background-color:cornsilk;
    color: darkslateblue;
    width: 500px;
    height: auto;
    margin: auto;
    border-radius: 8px;
}

.btn_A:hover p{
    text-align: center;
    color: white;

}
    
.btn_A:hover a{
    text-decoration-line: none;
    cursor:pointer;
}


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

}

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

.left{
    text-align: left;
    margin-left: 15px;
}

.aka{
    color: coral;
}

.waku1 a{
    margin: 0px;
    padding: 0px;
    font-size: 35px;
}


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


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: 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: 800px;
    height: auto;
    background-color: white;
    padding: 25px;
    margin: auto;
    margin-top: 30px;
    border-radius: 80px;
    border: 5px dotted gray;
    color:dimgray;
    

}

.waku1 p{
    text-align: left;
    margin-left: 10px;
}

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

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

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

    
.btn_A:hover{
    background-color:cornsilk;
    color: darkslateblue;
    width: 500px;
    height: auto;
    margin: auto;
    border-radius: 8px;
}

.btn_A:hover p{
    text-align: center;
    color: white;

}
    
.btn_A:hover a{
    text-decoration-line: none;
    cursor:pointer;
}


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

.left{
    text-align: left;
    margin-left: 15px;
}

.aka{
    color: coral;
}
    
.waku1 a{
    margin: 0px;
    padding: 0px;
    font-size: 35px;
}