@charset "UTF-8";

body{background-color: #151515;font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}

a{color: #fff;transition: 0.2s;}
a:hover{opacity: 0.5;}

h1{font-size: 2.5em;margin: 0.8em 0 0.5em 0;color: #fff;font-family: 'Merriweather Sans', sans-serif;letter-spacing: 0.05em;text-align: center;}
@media only screen and (max-width: 767px) {
	h1{font-size: 1.8em;}
}

ul{text-align: center;letter-spacing: 0.1em;font-size: 1em;margin-bottom: 1.3em;}

#banner{text-align: center;}
#banner img{margin:0 0.5em;}
@media only screen and (max-width: 767px) {
#banner img{margin:0 0.5em;width: 42%;}
}

#content{background-color: #fff;margin-top: 1.5em;text-align: center;}
#content img{width: 100%;}
#content h2{font-family: 'Roboto', sans-serif;letter-spacing: 0.1em;font-size: 1.8em;margin: 1em 0;padding-top: 0.7em;}
#content dl{width: 350px;margin: 0 auto;padding-bottom: 2em;}
#content dl dt{float: left; width: 117px;font-weight: bold;line-height: 200%;}
#content dl dd{width: 302px;padding-left: 20px;text-align: left; line-height: 200%;}
@media only screen and (max-width: 370px) {
#content dl{width: 100%;}
#content dl dt{float: none;text-align: left;padding-left: 20px;}
#content dl dd{padding-bottom: 18px;line-height: 120%;}
}

#content dl dd a{color: #000;transition: 0.2s;text-decoration: underline;}
#content dl dd a:hover{opacity: 0.5;text-decoration: none;}


.pc { display: block; }
.sp { display: none; }
@media only screen and (max-width: 767px) {
.pc { display: none; }
.sp { display: block; }
}

footer{font-size: 0.8em;margin: 2em 0;color: #fff;font-family: 'Roboto', sans-serif;text-align: center;}