.background1{
  background-size: auto;
  background-color: #e5e3dc;
}

.background2{
  background-size: auto;
  background-color: #d6d0c4;
}

.background3{
  background-size: auto;
  background-color: #c6bcaf;
}

.box img{
  margin-bottom: 30px;
}

#first_content {
  width: 990px;
  margin: 0 auto;
  text-align: center; }

    img {
    width: 100%;
    height: auto; }

  #first_content .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  #first_content .ttl_area {
    margin-bottom: 100px; }

    #first_content .ttl_area p{
      font-size: 14px;
      margin-top: 50px; }

    #first_content .ttl_area h2 {
      width: 900px;
      padding: 50px 0px;
      margin: 0 auto 82px; }

  #first_content .item_area1 {
    height: 1760px;
    position: relative;
  }

  #first_content .item_area1 p{
    font-size: 12px;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 2;
    letter-spacing: 0.1em;
  }

  #first_content .item_area1 .box .plaid{
    position: absolute;
    width: 150px;
    top: 60px;
    left: -10px;
  }

  #first_content .item_area1 .box a{
    position: absolute;
  }

  #first_content .item_area1 > .box > a:nth-child(1){
    width: 175px;
    top:150px;
    left: -10px;
    text-align: center;
  }

  #first_content .item_area1 > .box > a:nth-child(2){
    width: 175px;
    top:40px;
    left: 200px;
    text-align: center;
  }

  #first_content .item_area1 > .img > a{
    position: absolute;
  }

  #first_content .item_area1 > .img > .img3 > p{
    text-align: right;
  }

  #first_content .item_area1 > .img > .img3{
    position: absolute;
    width: 500px;
    top:-50px;
    right: 20px;
  }

  #first_content .item_area1 > .img > .img4 > p{
    text-align: left;
  }

  #first_content .item_area1 > .img > .img4{
    position: absolute;
    width: 420px;
    top:570px;
    left: -30px;
  }

  #first_content .item_area1 > .img > .img5 > p{
    text-align: right;
  }

  #first_content .item_area1 > .img > .img5{
    position: absolute;
    width: 480px;
    bottom: 100px;
    right: -50px;
  }


  #second_content {
    width: 990px;
    margin: 0 auto;
    text-align: center; }

  #second_content .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  #second_content .item_area2 {
    height: 1700px;
    position: relative;
  }

  #second_content .item_area2 p{
    font-size: 12px;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 2;
    letter-spacing: 0.1em;
  }

  #second_content .item_area2 .box .swede{
    position: absolute;
    width: 180px;
    top: 110px;
    right: 30px;
  }
  #second_content .item_area2 .box a{
    position: absolute;
  }

  #second_content .item_area2 > .box > a:nth-child(1){
    width: 180px;
    top:220px;
    right: 40px;
    text-align: center;
  }

  #second_content .item_area2 > .box > a:nth-child(2){
    width: 200px;
    top:100px;
    right: 240px;
    text-align: center;
  }

  #second_content .item_area2 > .img > a{
    position: absolute;
  }

  #second_content .item_area2 > .img > .img8 > p{
    text-align: left;
  }

  #second_content .item_area2 > .img > .img8{
    position: absolute;
    width: 400px;
    top:50px;
    left: 40px;
  }

  #second_content .item_area2 > .img > .img9 > p{
    text-align: right;
  }

  #second_content .item_area2 > .img > .img9{
    position: absolute;
    width: 430px;
    top:580px;
    right: 25px;
  }

  #second_content .item_area2 > .img > .img10 > p{
    text-align: left;
  }

  #second_content .item_area2 > .img > .img10{
    position: absolute;
    width: 500px;
    bottom: 100px;
    left: -80px;
  }


  #third_content {
    width: 990px;
    margin: 0 auto;
    text-align: center; }

    #third_content .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

    #third_content .item_area3 {
      height: 1820px;
      position: relative;
    }

    #third_content .item_area3 p{
      font-size: 12px;
      margin-top: 15px;
      font-family: 'Open Sans', sans-serif;
      line-height: 2;
      letter-spacing: 0.1em;
    }

    #third_content .item_area3 .box .tweed{
      position: absolute;
      width: 180px;
      top: 110px;
      left: 5px;
    }

    #third_content .item_area3 .box a{
      position: absolute;
    }

    #third_content .item_area3 > .box > a:nth-child(1){
      width: 150px;
      top:190px;
      left: 30px;
      text-align: center;
    }

    #third_content .item_area3 > .box > a:nth-child(2){
      width: 190px;
      top:100px;
      left: 205px;
      text-align: center;
    }

    #third_content .item_area3 > .img > a{
      position: absolute;
    }

    #third_content .item_area3 > .img > .img13 > p{
      text-align: right;
    }

    #third_content .item_area3 > .img > .img13{
      position: absolute;
      width: 500px;
      top:60px;
      right: 0px;
    }

    #third_content .item_area3 > .img > .img14 > p{
      text-align: left;
    }

    #third_content .item_area3 > .img > .img14{
      position: absolute;
      width: 420px;
      top:620px;
      left: -10px;
    }

    #third_content .item_area3 > .img > .img15 > p{
      text-align: right;
    }

    #third_content .item_area3 > .img > .img15{
      position: absolute;
      width: 480px;
      bottom: 70px;
      right: -50px;
    }

  .check_btn {
    width: 380px;
    height: 200px;
    margin: 0 auto 100px;
  }