@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
module
============================*/
.md_container { width: inherit; padding: 0 20px; }
main { overflow: hidden; }
	
.md_br_pc { display: none; }
.md_br_sp { display: block; }
	
#mainPanelArea { width: 100vw; height: 80vh; min-height: 600px; }
#mainPanelArea .logo { width: 240px; margin-top: -120px; }
#mainPanelArea .logo img { width: 240px; }
#mainPanelArea .logo .catch { margin-top: 20px; font-size: 0.75em; }
#mainPanelArea .sub { bottom: 270px; width: 100%; font-size: 0.75em; letter-spacing: 0.05em; }
#mainPanelArea .image.swiper-container {}
#mainPanelArea .image.swiper-container ul.clearFix.swiper-wrapper {}
#mainPanelArea .image.swiper-container ul.clearFix.swiper-wrapper li.swiper-slide { width: 200px!important; height: 200px!important; }
#mainPanelArea .image.swiper-container ul.clearFix.swiper-wrapper li.swiper-slide img { width: 200px!important; height: 200px!important; }
#mainPanelArea .debut { position: absolute; right: 20px; bottom: 220px; }
#mainPanelArea .debut img { width: 100px; height: auto; }

/*============================
#statementArea
============================*/
#statementArea { padding: 60px 0; }
#statementArea::before { background-size: cover; background-position: 120px center; opacity: 0.5; }
#statementArea .catch { font-size: 1.5em; }
#statementArea .sub { margin-top: 30px; font-size: 0.75em; line-height: 1.75; }

/*============================
#supportArea
============================*/
#supportArea { background: #1a1a1a; padding: 15px 0; text-align: center; color: #fff; font-weight: bold; }
#supportArea img { width: 90px; height: auto; margin-left: 10px; position: relative; top: 3px; }


/*============================
#footer
============================*/
#footer { padding: 60px 0 50px; background: #313131; text-align: center; }
#footer .footer__copy {}
#footer .footer__copy  {}
#footer .footer__copy  a {}
#footer .footer__copy  a img { width: 100px; height: auto; }
#footer .footer__copy p { margin-top: 25px; font-size: 0.75em; color: #fff; }


}