@charset "UTF-8";



/**
 * ------------------------------------------------------------
 * 表紙
 * ------------------------------------------------------------
 */
#cover { position:relative; min-height:400px; background:#088aff; }

#cover .brand { visibility:hidden; position:absolute; left:0; top:50%; margin-top:-66px; width:100%; text-align:center; }
#cover .action { visibility:hidden; position:absolute; left:50%; top:75%; margin:-10px 0 0 -20px; width:40px; height:20px; background:url(../common/img/arw.png) no-repeat -200px 0; cursor:pointer; }



/* ----------------------------------------
 * NEWS
 * ---------------------------------------- */

#news { visibility:hidden; position:absolute; left:0; bottom:15px; width:100%; color:#fff; }

#news .container { padding:0 100px; }
#news h2 { float:left; width:90px; font-weight:bold; font-size:24px; line-height:1.125; letter-spacing:0.075em; }
#news ul { position:relative; float:left; margin-left:25px; width:685px; font-size:20px; line-height:1.35; letter-spacing:0.2em; }
#news ul li { visibility:hidden; position:absolute; left:0; top:0; width:100%; }
#news ul li:after { content:" "; display:table; clear:both; }
#news ul li a { display:block; color:#fff; }
#news ul li a:after { content:" "; display:table; clear:both; }
#news ul li .date { display:block; float:left; width:160px; }
#news ul li .headline { display:block; overflow:hidden; float:left; margin-left:20px; width:505px; text-overflow:ellipsis; white-space:nowrap; }

#news ul li a .headline { text-decoration:underline; }



/**
 * ------------------------------------------------------------
 * Trooop
 * ------------------------------------------------------------
 */
#trooop { padding:40px 0; }

#trooop .caption { float:right; position:relative; margin:15px 10px 0 0; width:500px; text-align:center; }
#trooop .caption h2 {}
#trooop .caption .description { margin-top:20px; font-size:14px; line-height:1.35714; }
#trooop .caption .description p { margin-top:15px; }
#trooop .caption .features { margin-top:25px; }
#trooop .caption .reference { margin-top:20px; }
#trooop .caption .reference a { display:inline-block; background:url(../img/index/trooop-btn-site-ov.png) no-repeat; }
#trooop .caption .contact { margin-top:7px; font-size:12px; line-height:1.58333; letter-spacing:0.1em; }
#trooop .hero { float:left; margin:0 -11px 0 -23px; width:524px; }
#trooop .hero .action { overflow:hidden; margin-top:-26px; width:100%; }
#trooop .hero .action:after { content:" "; display:table; clear:both; }
#trooop .hero .action ul { float:left; position:relative; left:50%; }
#trooop .hero .action ul li { float:left; position:relative; left:-50%; margin-left:8px; }

#trooop .hero .action ul li:first-child { margin-left:0; }



/**
 * ------------------------------------------------------------
 * ABOUT
 * ------------------------------------------------------------
 */
#about { padding:90px 0; }

#about .section-content { margin-top:90px; }
#about p { margin-top:55px; text-align:center; }

#about p:first-child { margin-top:0; }



/**
 * ------------------------------------------------------------
 * COMPANY PROFILE
 * ------------------------------------------------------------
 */
#profile {}

#profile ul { margin:0 auto; width:652px; }
#profile ul li { margin-top:30px; list-style-type:none;}
#profile ul li:first-child { margin-top:0; }



/**
 * ------------------------------------------------------------
 * CONTACT
 * ------------------------------------------------------------
 */
#contact {}

#contact address { font-size:20px; line-height:1.35; letter-spacing:0.025em; text-align:center; }
#contact .map { margin-top:5px; width:100%; height:260px; background:#e3e3e3; }
#contact .mail { margin-top:30px; font-size:30px; line-height:1.26667; letter-spacing:0.01em; text-align:center; }