@charset "utf-8";
/*------------------------  common.css  ------------------------*/


/*------------  reset  ------------*/
*, *::before, *::after { box-sizing: border-box; }
* { padding: 0; margin: 0; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
form { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: none; width: 100%; vertical-align: bottom; -webkit-user-drag: none; }
a { text-decoration: none; color: #000; opacity: 1; transition: .2s; }
a:hover { text-decoration: none; opacity: .6; }
button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background-color: transparent; padding: 0; }
.pc { display: block; }
.sp { display: none; }

@media screen and (max-width: 620px) {
 a:hover { opacity: 1; }
 .pc { display: none; }
 .sp { display: block; }
}



body { background: url(images/bg.jpg) center top #fff; background-size: 1280px 700px; font-family: sans-serif; font-size: 1em; line-height: 1; color: #000; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: .02em; }

#wrap { display: block; margin: 0 auto; max-width: 680px; height: 100%; background: #fff; }



/*------------  nenga  ------------*/
#nenga { padding: 40px 6% 55px; text-align: center; }
#nenga .pic { margin: 0 auto; padding: 0 0 45px; }
#nenga .txt { font-weight: 600; font-size: 20px; line-height: 1.9; letter-spacing: .1em; }

@media screen and (max-width: 620px) {
 #nenga { padding: 30px 4% 40px; }
 #nenga .pic { padding:0 0 30px; }
 #nenga .txt { font-weight: 600; font-size: 17px; line-height: 1.8; }
}


/*------------  footer  ------------*/
#footer { padding: 0 5% 50px;}
#footer .logo { margin: 0 auto; width: 160px; }
#footer .logo .link { display: block; }
#footer .copyright { display: block; text-align: center; }
#footer .copyright p { padding: 22px 0 0; font-size: 12px; }

@media screen and (max-width: 620px) {
 #footer { padding: 0 5% 35px;}
 #footer .logo { width: 124px; }
 #footer .copyright p { padding: 18px 0 0; font-size: 11px; }
}