/***************************************************************************
*
* INTRO STYLE
*
***************************************************************************/
body { background: url(../../images/armor/common/main_bg.jpg) no-repeat center top 60px, #000; background-size: 1920px; }

.area_title { text-align: center; }

#content { margin-top: 180px; }

.areaIntro .introduction { position: relative; padding-bottom: 131px; }
.areaIntro .introduction:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: url(../../images/armor/intro/intro_border.png) no-repeat center; background-size: 100% 2px; }
.areaIntro .intro_sub { font-size: 16px; text-align: center; margin-top: 72px; line-height: 2.3; }
.areaIntro .story { padding-top: 143px; }

@media (max-width: 1350px) and (min-width: 769px) { body, html { width: 1350px; } }
@media (max-width: 768px) { body { background: url(../../images/armor/common/main_bg_sp.jpg) no-repeat center top, #000; background-size: 100%; }
  #content { margin-top: 80px; }
  .area_title { width: 43.5%; margin: 0 auto; }
  .areaIntro .introduction { padding-bottom: 36px; }
  .areaIntro .introduction:after { background: none; border-bottom: 1px solid #fff; }
  .areaIntro .intro_sub { font-size: 14px; text-align: center; line-height: 1.8; margin-top: 46px; }
  .areaIntro .story { padding-top: 41px; }
  .areaIntro .story .area_title { width: 40%; }
  .areaIntro .story .intro_sub { margin-top: 36px; } }

/*# sourceMappingURL=intro.css.map */