@charset "UTF-8";

*{margin: 0;padding: 0;}
html {font-family: "Noto Sans JP", sans-serif;font-weight: 900;}
ul,li {list-style-type: none;}

@media all and (min-width:751px) {
header{display: block;padding-top: 30px;background-image: url(images/bg.png);background-repeat: repeat-x;background-position: bottom;padding-bottom: 40px;}
header img{max-width: 1200px;width: 95%;height: auto;display: block;margin: auto;}
main{width: 100%;display: block;background-color: #66c5e1;}
article{display: block;width: 100%;margin: auto;}
section{display: block;}
section img{max-width: 1200px;width: 95%;margin: auto;display: block;}
section div{display: block;background-color: #3690cf;width: 100%;margin-top: 80px;}
section div img{max-width: 1000px;position: relative;top: -60px;}
footer{display: block;padding: 30px 0;}
footer img{display: block;margin: auto;width: 95%;max-width: 800px;}
a.button{display: table;position: relative;left: 50%;transform: translate(-50%,0);font-size: 30px;font-weight: 900;text-decoration: none;color: #fff;background-color: #ff6600;padding: 25px 60px;border-radius: 200px;border: 6px solid #fff;margin-bottom: 40px;background-image: linear-gradient(0deg, #ff6600 0%, #f7c15d);}
}


/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media all and (max-width:750px) {
header{display: block;padding-top: 30px;background-image: url(images/bg.png);background-repeat: repeat-x;background-position: bottom;padding-bottom: 40px;}
header img{max-width: 1200px;width: 98%;height: auto;display: block;margin: auto;}
main{width: 100%;display: block;background-color: #66c5e1;}
article{display: block;width: 100%;margin: auto;}
section{display: block;}
section img{max-width: 1200px;width: 97%;margin: auto;display: block;}
section div{display: block;background-color: #3690cf;width: 100%;margin-top: 80px;}
section div img{max-width: 1000px;position: relative;top: -30px;width: 90%;}
footer{display: block;padding: 30px 0;}
footer img{display: block;margin: auto;width: 85%;max-width: 800px;}
a.button{display: table;position: relative;left: 50%;transform: translate(-50%,0);font-size: 22px;font-weight: 900;text-decoration: none;color: #fff;background-color: #ff6600;padding: 20px 30px;border-radius: 200px;border: 4px solid #fff;margin-bottom: 40px;background-image: linear-gradient(0deg, #ff6600 0%, #f7c15d);}
}