@charset "utf-8";

/*============================
#mainPanel
============================*/
#mainPanel { position: relative; }
#mainPanel .copy { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 865px; height: 305px;z-index: 99; text-align: center; }
#mainPanel .copy .logo { background: url(../../imageFile/top/logo_panel.png) no-repeat center top; text-indent: -9999px; height: 117px; }
#mainPanel .copy .mainCopy { font-size: 2.375em; font-weight: bold; color: #fff; letter-spacing: 3px; margin-top: 40px; }
#mainPanel .copy .subCopy { font-size: 1.125em; margin-top: 20px; color: #fff; letter-spacing: 2px; line-height: 2; }
#mainPanel ul { background-size: cover; }
#mainPanel ul li.panel01 { min-width: 1200px; width: 100%; height: 100vh; min-height: 800px; background: url(../../imageFile/top/photo_topPanel01.png); background-size: cover; }
#mainPanel ul li.panel02 { min-width: 1200px; width: 100%; height: 100vh; min-height: 800px; background: url(../../imageFile/top/photo_topPanel02.png); background-size: cover; }
#mainPanel ul li.panel03 { min-width: 1200px; width: 100%; height: 100vh; min-height: 800px; background: url(../../imageFile/top/photo_topPanel03.png); background-size: cover; }

/*============================
#aboutArea
============================*/
#aboutArea { min-width: 1200px; text-align: center; padding: 100px 0; background: #f6f6f6; }
#aboutArea .title { font-size: 3.750em; color: #ce3535; font-family: 'Anton',serif; letter-spacing: 2px; }
#aboutArea .subTitle { margin-top: 15px; font-weight: bold; letter-spacing: 2px; }
#aboutArea .copy { margin-top: 50px; line-height: 2; }

/*============================
#lineupArea
============================*/
#lineupArea { min-width: 1200px; padding-top: 100px; }
#lineupArea { min-width: 1200px; padding-top: 100px; }
#lineupArea .title { font-size: 3.750em; color: #ce3535; font-family: 'Anton',serif; letter-spacing: 2px; text-align: center; }
#lineupArea .subTitle { margin-top: 15px; font-weight: bold; letter-spacing: 2px; text-align: center; }
#lineupArea section { overflow: hidden; }
#lineupArea section.line2 > * { width: 50%; height: 600px; float: left; }
#lineupArea section .photo { background-repeat: no-repeat; background-size: cover; }
#lineupArea section.line2 .text {}
#lineupArea section.line2 .text p { width: 440px; text-align: left; margin: 35px auto; line-height: 2.0; }
/* company */
#lineupArea section#trouble { margin-top: 100px; position: relative; }
#lineupArea section#trouble .triangle { position: absolute; top: 0; left: 25%; background: url(../../imageFile/top/lineup_triangle.png) no-repeat center top; }
#lineupArea section#trouble .text { background: #ce3535; }
#lineupArea section#trouble .text .miniTitle { color: #fff; font-family: 'Anton',serif; margin-top: 130px; font-size: 2.75em; letter-spacing: 2px; text-align: center; }
#lineupArea section#trouble .text .minisubTitle { color: #fff; margin: 20px 0 30px 0; letter-spacing: 2px; font-weight: bold; text-align: center; }
#lineupArea section#trouble .text .miniCopy { width: 510px; margin: 0 auto;  color: #fff; margin-top: 40px; background: url(../../imageFile/top/underline.png) no-repeat center top; padding-top: 40px; line-height: 2; letter-spacing: 2px; }
#lineupArea section#trouble .photo { background-image: url( "../../imageFile/top/photo_trouble.png" ); }
/* maintenance */
#lineupArea section#maintenance {}
#lineupArea section#maintenance .photo { background-image: url( "../../imageFile/top/photo_maintenance.png" ); }
#lineupArea section#maintenance .text { background: #252525; }
#lineupArea section#maintenance .text .miniTitle { color: #fff; font-family: 'Anton',serif; margin-top: 130px; font-size: 2.75em; letter-spacing: 2px; text-align: center;  }
#lineupArea section#maintenance .text .minisubTitle { color: #fff; margin: 20px 0 30px 0; letter-spacing: 2px; font-weight: bold; text-align: center; }
#lineupArea section#maintenance .text .miniCopy { width: 510px; margin: 0 auto;  color: #fff; margin-top: 40px; background: url(../../imageFile/top/underline.png) no-repeat center top; padding-top: 40px; line-height: 2; letter-spacing: 2px; }
/* contract */
#lineupArea section#contract {}
#lineupArea section#contract .text { background: #ce3535; }
#lineupArea section#contract .text .miniTitle { color: #fff; font-family: 'Anton',serif; margin-top: 130px; font-size: 2.75em; letter-spacing: 2px; text-align: center; }
#lineupArea section#contract .text .minisubTitle { color: #fff; margin: 20px 0 30px 0; letter-spacing: 2px; font-weight: bold; text-align: center; }
#lineupArea section#contract .text .miniCopy { width: 510px; margin: 0 auto;  color: #fff; margin-top: 40px; background: url(../../imageFile/top/underline.png) no-repeat center top; padding-top: 40px; line-height: 2; letter-spacing: 2px; }
#lineupArea section#contract .photo { background-image: url( "../../imageFile/top/photo_contract.png" ); }