@charset "utf-8";

/* ======================================================
 * layout_pc.css
====================================================== */

@media print, screen and (min-width: 768px) {

/* ------------------------------------------------------
 * Main
------------------------------------------------------ */
#mainVisual {
  position: relative;
  width: 1440px;
  margin:0 auto 28px;
}
#mainVisual .innr_mainVisual {
    float: right;
    width: 83.47%;
}
#mainVisual .lead {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  left: 9%;
  z-index: 300;
}
#mainVisual .lead h2 {
  font-size: 6vw;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
#mainVisual .lead p {
  font-size: 1.1vw;
}

/* ----- .common ----- */
.common {
  max-width: 1440px;
  margin: 0 auto;
}
.common .background-color {
  background-size: 69.58333% 100%;
  min-height: 435px;
}
.common .title {
  width: 80.56%;
  max-width: 1160px;
  margin: 0 auto;
}
.common h2 {
  font-size: 60px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  margin: 34px 0 60px;
}
.common .title img {
  width: 77px;
}
.common .title p:nth-of-type(2) {
  font-size: 23px;
}

/* ----- #contents01 ---- */
#contents01 .background-color {
  margin-top: 104px;
  background: url(/fb/about/mission/img/bg_mission_01.png) no-repeat right top;
  min-height: 435px;
}
#contents01 .title {
  padding-top: 13px;
}
/* ----- #contents02 ---- */
#contents02 .background-color {
  background: url(/fb/about/mission/img/bg_mission_02.png) no-repeat left 32px;
  min-height: 536px;
}
#contents02 .title {
  margin-top: 82px;
  margin-right: 140px;
  width: 346px;
  float: right;
}
#contents02 .title p:nth-of-type(1),
#contents02 .title h2 {
  text-align: right;
}
#contents02 .title p:nth-of-type(1) {
  margin-right: 83px;
}

/* ----- #contents03 ---- */
#contents03 {
  margin-bottom: 175px;
}
#contents03 .background-color {
  margin-top: 51px;
  background: url(/fb/about/mission/img/bg_mission_03.png) no-repeat right 9px;
  min-height: 407px;
}
#contents03 .title_inner {
  width: 403px;
}
#contents03 li {
  line-height: 180%;
  text-indent: -1em;
  margin-left: 1em;
  font-size: 23px;
}

}