@charset "utf-8";

main { overflow: hidden; }

/*============================
ClearFix
============================*/
.clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

/*============================
module
============================*/
.md_container { width: 1240px; padding: 0 20px; margin: 0 auto; position: relative; }

.md_br_pc { display: block; }
.md_br_sp { display: none; }

#mainPanelArea { position: relative; width: 100vw; height: 100vh; min-height: 900px; }
#mainPanelArea .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -180px; }
#mainPanelArea .logo img { width: 400px; height: auto; }
#mainPanelArea .logo .catch { margin-top: 40px; font-size: 1.25em; text-align: center; letter-spacing: 0.2em; font-weight: bold; }
#mainPanelArea .sub { position: absolute; left: 50%; transform: translateX(-50%); bottom: 400px; color: #777; font-size: 1.125em; letter-spacing: 0.1em; line-height: 1.75; text-align: center; white-space: nowrap; }
#mainPanelArea .sub span { font-size: 1.125em; }
#mainPanelArea .image.swiper-container { position: absolute; width: 100%; bottom: 40px; left: 50%; transform: translateX(-50%);  }
#mainPanelArea .image.swiper-container ul.clearFix.swiper-wrapper { transition-timing-function: linear; }
#mainPanelArea .image.swiper-container ul.clearFix.swiper-wrapper li.swiper-slide { width: 320px!important; height: 320px!important; }
#mainPanelArea .image.swiper-container ul.clearFix.swiper-wrapper li.swiper-slide img { width: 100%; height: auto; }
#mainPanelArea .debut { position: absolute; right: 100px; bottom: 320px; }
#mainPanelArea .debut img {}

/*============================
#statementArea
============================*/
#statementArea { background: #f5f5f5; background-size: auto 100%; padding: 100px 0; position: relative; }
#statementArea::before { position: absolute; right: 0; top: 0; content: ""; width: 100%; height: calc(100% + 200px); background: url("../../imageFile/bg_statement.png") no-repeat right center; /*background-attachment: fixed;*/ z-index: 0; }
#statementArea .catch { font-size: 2.25em; line-height: 1.5; font-weight: bold; letter-spacing: 0.1em; }
#statementArea .sub { margin-top: 50px; font-weight: bold; line-height: 2; letter-spacing: 0.1em; }

/*============================
#supportArea
============================*/
#supportArea { background: #1a1a1a; padding: 15px 0; text-align: center; color: #fff; font-weight: bold; position: relative; z-index: 1; }
#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; }