@charset "UTF-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#panel{
  text-align: center;
  background: url(../images/about/bg_panel.png) no-repeat center 0;
  background-size: cover;
}

.block{
  text-align: center;
}

section#about .bg_1 {
  background: #232323;
}
section#about .bg_2 {
  background: url(../images/about/bg_02.png) no-repeat center 0;
  background-size: cover;
}
section#about .bg_3 {
  background: url(../images/about/bg_03.png) no-repeat center 0;
  background-size: cover;
}
section#about .bg_4 {
  background: url(../images/about/bg_04.png) no-repeat center 0;
  background-size: cover;
}
section#about .bg_5 {
  background: #232323;
}
section#about .bg_6 {
  background: #7a6a56;
}

/*----------------------------------------------------
  PC
----------------------------------------------------*/

@media screen and (min-width: 761px) {
  section#about #panel {
    padding: 120px 0;
  }
  section#about #panel .mark {
    width: 180px;
  }
  section#about .block {
    padding: 80px 0;
  }

  section#about .bg_1 .img1-1 {
    margin: 40px 0 0 0;
    width: 100%;
  }
  section#about .block .img1,
  section#about .block .img2,
  section#about .block .img3,
  section#about .block .img4,
  section#about .block .img5,
  section#about .block .img6 {
    width: 1000px;
  }
}

/*----------------------------------------------------
  SP
----------------------------------------------------*/

@media screen and (max-width: 760px) {
  section#about #panel {
    padding: 30px 0;
  }
  section#about #panel .mark {
    width: 100px;
  }
  section#about .block {
    padding: 30px 0;
  }
  section#about .bg_1 .img1-1 {
    display: none;
  }
  section#about .block .img1,
  section#about .block .img2,
  section#about .block .img3,
  section#about .block .img4,
  section#about .block .img5,
  section#about .block .img6 {
    width: 90%;
  }
}