@charset "utf-8";

/* ===== イメージエリア ===== */

#main .page_contents p {
  margin-top: 0;
}

.page_contents {
  width: 100%;
}

/* main_visual */
.page_contents #main_visual {
  width: 100%;
  background: url('/img/landing_page/req/vision/bg_xg-x_1126_06_001.jpg')  center top;
  height: 550px;
  text-align: center;
}
.page_contents #main_visual h1 {
  width: 970px;
  margin: 0 auto;
}
.page_contents #main_visual p {
  width: 970px;
  margin: 0 auto;
  position: relative;
}
.page_contents #main_visual p a {
  position: absolute;
  left: 30px;
  bottom: 70px;
}

/* con01 */
.page_contents #con01 {
  width: 100%;
  background: #d0d1d5;
}
.page_contents #con01 h2 {
  width: 100%;
  background: #b6000d;
  text-align: center;
}
.page_contents #con01 .contents_inner dl {
  overflow: hidden;
}
.page_contents #con01 .contents_inner dl dd {
  float: left;
  display: inline-block;
}
.page_contents #con01 .contents_inner .before {
  background: #eaedf4;
}
.page_contents #con01 .contents_inner .after {
  background: #fff;
}
.page_contents #con01 .contents_inner .dl_btn {
  padding: 40px 0;
  text-align: center;
}

/* con02 */
.page_contents #con02 {
  width: 100%;
  background: #e8f2fc;
}
.page_contents #con02 h2 {
  width: 100%;
  background: #004ea1;
  text-align: center;
}
.page_contents #con02 .contents_inner > .left_box {
  width: 485px;
  float: left;
}
.page_contents #con02 .contents_inner .right_box {
  width: 435px;
  float: right;
  overflow: hidden;
}
.page_contents #con02 .contents_inner .right_box dd {
  width: 209px;
}

/* con03 */
.page_contents #con03 {
  width: 100%;
  background: #d7e9fd;
}
.page_contents #con03 .contents_inner {
  overflow: hidden;
}
.page_contents #con03 .contents_inner .left_box {
  float: left;
  width: 457px;
}
.page_contents #con03 .contents_inner .right_box {
  float: right;
  width: 457px;
}

/* con04 */
.page_contents #con04 {
  width: 100%;
  background: url('/img/landing_page/req/vision/bg_xg-x_1126_06_002.jpg') repeat-x center top #ffffff;
}

/* common */
.page_contents .contents_inner {
  width: 970px;
  margin: 0 auto;
  text-align: center;
}
.page_contents #con01 .contents_inner h2,
.page_contents #con02 .contents_inner h2,
.page_contents #con03 .contents_inner h2,
.page_contents #con01 .contents_inner p,
.page_contents #con02 .contents_inner p,
.page_contents #con03 .contents_inner p {
  margin: 0;
}
.clb { clear: both;}
.fl { float: left;}
.fr { float: right;}