/* Init
----------------------------------------------*/
/* Header and Paragraphs
----------------------------------------------- */
p {
  margin-bottom: 1.5em; }
  p:last-child {
    margin-bottom: 0; }

/* Layout
----------------------------------------------- */
body {
  background-color: #f4f1ea; }

header {
  width: 843px;
  margin: auto;
  margin-top: 70px;
  margin-bottom: 65px; }
  header div.lead {
    position: relative;
    height: 450px; }
    header div.lead h1 {
      width: 361px;
      height: 214px;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../img/h1.png);
      text-indent: -200%;
      overflow: hidden; }
    header div.lead p.start {
      width: 487px;
      height: 434px;
      position: absolute;
      left: 356px;
      top: 11px;
      background-image: url(../img/start.png);
      text-indent: -200%;
      overflow: hidden; }
    header div.lead p.baloon {
      width: 458px;
      height: 175px;
      position: absolute;
      left: 0px;
      top: 251px;
      text-align: left;
      padding: 35px 90px 35px 35px;
      font-size: 23px !important;
      font-size: 1.44em;
      line-height: 160%;
      white-space: nowrap;
      background-image: url(../img/baloon.png); }

section {
  width: 843px;
  margin: auto;
  position: relative;
  box-sizing: border-box; }
  section.structure {
    background-color: #FFF;
    margin-bottom: 65px;
    padding: 67px 50px 23px 50px;
    background-image: url(../img/bg_structure.png);
    background-repeat: repeat; }
    section.structure h2 {
      width: 552px;
      height: 70px;
      position: absolute;
      top: -35px;
      left: 50%;
      margin-left: -276px;
      background-image: url(../img/h2_structure.png);
      text-indent: -200%;
      overflow: hidden; }
    section.structure div {
      text-align: left;
      border: 3px solid #f3e4c4;
      margin-bottom: 27px;
      background-color: #FFF; }
      section.structure div h3 {
        background-color: #f3e4c4;
        padding: 5px 5px 7px 72px;
        position: relative; }
        section.structure div h3:after {
          content: '';
          display: block;
          width: 61px;
          height: 61px;
          position: absolute;
          left: 0;
          bottom: 0; }
      section.structure div p {
        margin: 18px; }
      section.structure div.pointOne h3:after {
        background-image: url(../img/flg_1.png);
        background-repeat: no-repeat; }
      section.structure div.pointTwo h3:after {
        background-image: url(../img/flg_2.png);
        background-repeat: no-repeat; }
  section.flow {
    background-color: #FFF;
    border-radius: 25px;
    padding: 50px; }
    section.flow h2 {
      border-radius: 34px;
      background-color: #d6b125;
      color: #FFF;
      height: 68px;
      font-size: 34px !important;
      font-size: 2.125em;
      line-height: 72px;
      margin-bottom: 24px; }

header:after,
section:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

/* footer */
footer {
  width: 100%;
  height: 110px;
  text-align: center; }
  footer p {
    height: 110px;
    width: 10000px;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

/* Navi
----------------------------------------------- */
/* Page
----------------------------------------------- */
/* Top Page */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  header div.lead h1 {
    background-image: url(../img/h1_x2.png);
    background-size: 362px 218px; }
  header div.lead p.start {
    background-image: url(../img/start_x2.png);
    background-size: 486px 452px; }
  header div.lead p.baloon {
    background-image: url(../img/baloon_x2.png);
    background-size: 458px 175px; }
  section.structure {
    background-image: url(../img/bg_structure.png);
    background-size: 638px 164px; }
    section.structure h2 {
      background-image: url(../img/h2_structure_x2.png);
      background-size: 551px 70px; }
    section.structure div.pointOne h3:after {
      background-image: url(../img/flg_1_x2.png);
      background-size: 60px 60px; }
    section.structure div.pointTwo h3:after {
      background-image: url(../img/flg_2_x2.png);
      background-size: 60px 60px; } }