@charset "UTF-8";
/* home */

/* text link
------------------------------------------------------------ */
a:link { text-decoration: none; color:#333; }
a:visited { text-decoration: none; color:#333; }
a:hover { text-decoration: underline; color:#000; }
a:active { text-decoration: none; color:#333; }

/* Main
------------------------------------------------------------ */
main {
 width: 100%;
 height: 800px;
 background-image: url("../../images/main_bg.jpg");
 background-size: 1920px 800px;
 background-repeat: no-repeat;
 background-position: center center;
 text-align: center;
 margin-bottom: 40px;
}
main .copy { width: 800px; margin: 0 auto; padding-top: 300px;}
main h3 {}
.pc { display:block !important; }
.sp { display: none !important; }

@media screen and (max-width:960px){
	main {
 background-size: auto 100%;
}

 main .copy { width: 100%; padding-top: 160px; text-align: center;}
	main .copy img { width: 100%; height: auto;}
 main h3 {}
 .pc { display: none !important; }
 .sp { display: block !important; }
}

@media screen and (max-width:480px){
	main {
 height: 400px;
}
}



/* Boxes
------------------------------------------------------------ */
.banners { width: 960px; margin: 0 auto 40px; display: flex;}
.banners .box { width: 460px; margin-right: 40px;}
.banners .box:last-child{margin-right: 0;}

@media screen and (max-width:960px){
 .banners { width: 96%; margin: 0 auto 10px; display: flex;}
 .banners .box { margin-right: 10px;}
 .banners .box:last-child{margin-right: 0;}
 .banners .box img {max-width: 100%; height: auto;}
}