/* Scss Document */
/* Scss Document */
#key {
  background-image: url("../img/about/key.jpg");
}
#key .ttl-key {
  top: 60px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1;
}
#sec1 .wrap {
  text-align: center;
  margin-top: 100px;
  padding-bottom: 56px;
}
#sec1 .s1-img {
  position: relative;
  margin-bottom: 75px;
  z-index: 1;
}
#sec1 .s1-img:before {
  content: "";
  background: url("../img/shared/bg3.jpg") repeat center top;
  top: 30px;
  left: 30px;
  position: absolute;
  width: 100%;
  height: 100%;
}
#sec1 .s1-deco {
  bottom: -12px;
  right: -345px;
  position: absolute;
}
#sec2 {
  position: relative;
}
#sec2:before {
  content: "";
  background: url("../img/about/s2_bg.jpg") repeat-x center top/auto 100%;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 115%;
}
#sec2 .wrap {
  padding: 130px 0 86px;
}
#sec2 .wrap:before {
  content: "";
  background: url("../img/about/s2_img2.png") no-repeat center top;
  width: 741px;
  height: 595px;
  top: 514px;
  left: -250px;
  position: absolute;
}
#sec2 .s2-deco {
  top: -232px;
  left: -172px;
  position: absolute;
}
#sec2 h2 {
  float: left;
  height: 570px;
  font-size: 37px;
  line-height: 82.5px;
  letter-spacing: 0.25em;
  margin: 23px 0 0 38px;
  position: relative;
  z-index: 1;
}
#sec2 h2 em {
  font-style: normal;
  font-size: 53px;
  letter-spacing: 0.25em;
}
#sec2 h2 span {
  display: inline-block;
  padding-top: 93px;
}
#sec2 .box-right {
  float: right;
  width: 650px;
}
#sec2 .s2-img {
  margin-right: 60px;
  margin-bottom: 72px;
}
#sec2 dl {
  width: 540px;
  margin-left: auto;
}
#sec2 .s2-ttl {
  font-size: 29px;
  background: url("../img/about/bg_ttl.jpg") repeat center top;
  color: #fff;
  line-height: 46px;
  letter-spacing: 0.3em;
  padding: 0 18px 0 23px;
  margin-right: -30px;
}
#sec2 .text {
  margin: 25px 0 0 25px;
  text-align: justify;
}
#sec3 {
  position: relative;
  padding-bottom: 80px;
  color: #fff;
}
#sec3:before {
  content: "";
  background: url("../img/shared/bg2.jpg") repeat center top;
  top: 85px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 120%;
  transform: skewY(4.2deg);
}
#sec3 .s3-img {
  margin-left: -60px;
  margin-bottom: 80px;
}
#sec3 h2 {
  top: 385px;
  left: 0;
  position: absolute;
  z-index: 1;
  color: #fff;
  font-size: 58px;
  line-height: 90px;
  letter-spacing: 0.25em;
}
#sec3 h2 em {
  font-style: normal;
  font-size: 41px;
  letter-spacing: 0.25em;
}
#sec3 .s3-deco {
  top: 20px;
  right: -176px;
  position: absolute;
  z-index: 1;
}
#sec3 .bx-txt {
  float: left;
  width: 460px;
}
#sec3 .bx-txt .s3-ttl {
  margin-bottom: 26px;
}
#sec3 .bx-txt .s3-ttl span {
  display: inline-block;
  font-size: 29px;
  background: url("../img/about/bg_ttl.jpg") repeat center top;
  color: #fff;
  line-height: 46px;
  letter-spacing: 0.3em;
  padding: 0 25px 0 28px;
}
#sec3 .bx-txt .s3-ttl span ~ span {
  margin-top: 10px;
}
#sec3 .bx-txt .text {
  text-align: justify;
}
#sec3 .s3-img2 {
  float: right;
  margin-right: -67px;
  margin-top: 20px;
}
#sec4 {
  position: relative;
  z-index: 1;
  padding-bottom: 113px;
}
#sec4:before {
  content: "";
  background: url("../img/shared/bg1.jpg") repeat center top;
  top: 98px;
  left: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#sec4 .s4-img1 {
  margin-left: -273px;
}
#sec4 h2 {
  top: 305px;
  right: 33px;
  position: absolute;
  z-index: 1;
}
#sec4 .s4-img2 {
  top: 543px;
  right: 241px;
  position: absolute;
  z-index: 1;
}
#sec4 .s4-ttl {
  margin-top: -64px;
  margin-left: 23px;
  position: relative;
  z-index: 1;
}
#sec4 .s4-ttl span {
  display: inline-block;
  font-size: 29px;
  background: url("../img/about/bg_ttl.jpg") repeat center top;
  color: #fff;
  line-height: 46px;
  letter-spacing: 0.3em;
  padding: 0 20px 0 28px;
}
#sec4 .s4-ttl span ~ span {
  margin-top: 10px;
}
#sec4 .text {
  text-align: justify;
  width: 442px;
  margin: 31px 0 80px 50px;
}
#sec4 .s4-img3 {
  top: 1122px;
  right: -104px;
  position: absolute;
}
#sec4 .s4-img4 {
  top: 1235px;
  right: -60px;
  position: absolute;
  z-index: 1;
}
#sec4 .s4-deco1 {
  top: 570px;
  right: -16px;
  position: absolute;
}
#sec4 .s4-deco2 {
  top: 1554px;
  right: 243px;
  position: absolute;
}
#sec4 .s4-img5 {
  margin-left: -84px;
}
#sec4 .box-bnr {
  display: flex;
  margin: 132px -40px 0 -40px;
}
#sec4 .box-bnr li {
  width: 50%;
}
#sec4 .box-bnr li a {
  display: block;
}