@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {margin:0 auto; padding:40px 0 0 0; color:#333; font:14px / 220% 'Noto Sans JP', sans-serif; letter-spacing:0.1em; background:#fff; text-align:center;}
a:link, a:visited, a:active{color:#333333;}
a:hover{color:#1681B3;}
a {text-decoration: none; position: relative; display: inline-block; transition: .3s;}
a::after {position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 1px; background-color:#1681B3; transition: .3s; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
a:hover::after {width: 100%;}
img{margin:20px auto; text-align:center; display:block;}
h1{margin:50px auto 10px auto !important; font-size:25px !important;}
h2{margin:50px auto 10px auto !important; font-size:20px !important;}
h3{margin:10px auto !important; font-size:16px !important;}
p{width:700px; margin:20px auto 20px auto !important; text-align:center;}

.sns {width:200px; margin:0 auto !important; list-style:none; display:flex; text-align:center;}
.sns li {padding:10px;}
.sns li a {text-decoration: none;}
.wrapper{margin:0 auto !important;}

footer{width:100%; background-color:#333333; color: #fff; text-align: center; margin-top:50px; padding:20px 0; bottom: 0; /*下に固定*/}


@media screen and (max-width: 560px) {
h1{font-size:120% !important;}
h2{font-size:95% !important;}
h3{font-size:95% !important;}
p{width:95%; padding:0 20px; font-size:90% !important; line-height:160%;}
img.catch{width:350px;}
}