/** @format */

#key {
  background: url(../img/item/key-bg.jpg) no-repeat center bottom;
  background-size: cover;
}

hr.line {
  background: url("../img/shared/header-line.jpg") repeat-x top center;
  border: none;
  width: 100%;
  height: 12px;
}

.dis-flex {
  display: flex;
  justify-content: space-between;
}

#sec1 {
  background: url("../img/item/sec1_deco1.png") no-repeat top right, url("../img/item/sec1_deco2.png") no-repeat top left, url("../img/item/sec1_deco3.png") no-repeat top 660px left, url("../img/item/sec1_deco5.png") no-repeat bottom right;
  padding: 170px 0px 110px;
}
#sec1 h2 {
  width: 151px;
  margin: 30px 79px 0px 0px;
}
#sec1 .sec1-img1 {
  width: 800px;
  margin: 0px 0px 0px -133px;
}
#sec1 .sec1-txt {
  width: 620px;
  margin: 78px 0px 0px 42px;
}
#sec1 .sec1-img2 {
  width: 223px;
  margin: 69px 50px 0px 0px;
}
#sec1 .sec1-img3 {
  width: 416px;
  margin: 77px 0px 0px -54px;
}
#sec1 .sec1-img4 {
  width: 532px;
  margin: 114px 0px 0px;
}

#sec2 {
  background: url("../img/item/sec2_deco1.png") no-repeat top 200px right 2%;
  padding: 122px 0px 72px;
}
#sec2 h2 {
  text-align: center;
}
#sec2 .sec2-txt1 {
  text-align: center;
  text-decoration: underline;
  margin: 25px 0px 42px;
}
#sec2 .sec2-box {
  position: relative;
}
#sec2 .sec2-box .sec2-img1 {
  width: 1200px;
  margin: 0px -100px;
}
#sec2 .sec2-box .sec2-btn1,
#sec2 .sec2-box .sec2-btn2,
#sec2 .sec2-box .sec2-btn3,
#sec2 .sec2-box .sec2-btn4 {
  display: block;
  position: absolute;
  z-index: 1;
  width: 246px;
}
#sec2 .sec2-box .sec2-btn1 {
  top: 234px;
  left: 282px;
}
#sec2 .sec2-box .sec2-btn2 {
  top: 407px;
  left: 192px;
}
#sec2 .sec2-box .sec2-btn3 {
  top: 463px;
  right: -20px;
}
#sec2 .sec2-box .sec2-btn4 {
  top: 532px;
  right: 286px;
}
#sec2 .sec2-btn5 {
  display: block;
  width: 385px;
  margin: 59px auto 0px;
}

.modal-sec {
  text-align: left;
  background: url("../img/item/bg_popup.jpg") repeat top center;
  padding: 50px 35px;
}
.modal-sec .remodal-close {
  top: -40px;
  right: -20px;
}
.modal-sec .wrap {
  width: 100%;
}
.modal-sec .popup-box {
  width: 470px;
  align-self: center;
}
.modal-sec .popup-img {
  width: 345px;
  margin: 0px 0px 0px 30px;
}
.modal-sec h3 {
  font-size: 40px;
}
.modal-sec .popup-txt {
  margin: 16px 0px 32px;
}

#sec3 {
  background: url("../img/item/sec3_deco1.png") no-repeat top left 3%, url("../img/item/sec3_deco2.png") no-repeat top 76px right;
  padding: 206px 0px 150px;
}
#sec3 h2 {
  width: 554px;
  margin: 0px 0px 0px -58px;
  position: relative;
  z-index: 1;
}
#sec3 .sec3-slide .sec3-row {
  display: flex !important;
}
#sec3 .sec3-slide .slick-arrow {
  position: absolute;
  bottom: -60px;
  transform: translateY(-50%);
  font-size: 0px;
  width: 46px;
  height: 67px;
  border: none;
  z-index: 10;
  cursor: pointer;
}
#sec3 .sec3-slide .slick-arrow:hover {
  opacity: 0.8;
}
#sec3 .sec3-slide .slick-arrow.slick-prev {
  background: url("../img/item/sec3_prev.png") center/cover;
  left: 30%;
}
#sec3 .sec3-slide .slick-arrow.slick-next {
  background: url("../img/item/sec3_next.png") center/cover;
  right: 30%;
}
#sec3 .sec3-slide .slick-list {
  overflow: unset;
}
#sec3 .sec3-slide .slick-dots {
  text-align: center;
  margin: 96px 0px 0px;
}
#sec3 .sec3-slide .slick-dots li {
  display: inline-block;
}
#sec3 .sec3-slide .slick-dots li button {
  cursor: pointer;
  border: none;
  margin: 0px 10px;
  font-size: 0px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9d562b;
}
#sec3 .sec3-slide .slick-dots li.slick-active button {
  background: #4a1f05;
}
#sec3 .sec3-slide .sec3-box {
  width: 430px;
  margin: 90px 0px 0px;
}
#sec3 .sec3-slide .sec3-box h3 {
  font-size: 40px;
  margin: 0px 0px 21px;
}
#sec3 .sec3-slide .sec3-box .sec3-txt {
  letter-spacing: 0;
}
#sec3 .sec3-slide .sec3-img {
  width: 688px;
  margin: -203px -139px 0px 0px;
}

#sec4 {
  margin: 0px 0px 135px;
}
#sec4 .wrap {
  position: relative;
  z-index: 1;
  padding: 0px 0px 12px;
}
#sec4 .wrap::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 1300px;
  height: 100%;
  background: url("../img/item/sec4_bg.jpg") repeat top left;
  z-index: -1;
}
#sec4 .sec4-img {
  width: 724px;
  margin: 0px 0px 0px -192px;
}
#sec4 .sec4-box {
  width: 410px;
  margin: 72px 0px 0px;
}
#sec4 .sec4-box h2 {
  margin: 0px 0px 21px -51px;
  width: 558px;
}

#sec5 {
  background: url("../img/item/sec5_deco1.png") no-repeat top left, url("../img/item/sec5_deco2.png") no-repeat bottom center;
  padding: 116px 0px 126px;
}
#sec5 .sec5-box {
  width: 500px;
  margin: 76px 0px 0px;
}
#sec5 .sec5-box .sec5-txt {
  margin: 33px 12px 0px 0px;
}
#sec5 .sec5-img {
  width: 747px;
  margin: 0px -260px 0px 0px;
}

#sec6 {
  margin: -92px 0px 110px;
}
.shimai a {
  position: absolute;
  top: 520px;
  display: block;
  text-decoration: none;
  width: 360px;
  background-color: #d66a28;
  color: #fff;
  padding: 15px 5px;
  text-align: center;
  font-size: 20px;
  border: solid 1px #fff;
}

.shimai2 a {
  margin: -30px auto 20px auto;
  display: block;
  text-decoration: none;
  width: 360px;
  background-color: #d66a28;
  color: #fff;
  padding: 15px 105px;
  text-align: center;
  font-size: 20px;
  border: solid 1px #fff;
} /*# sourceMappingURL=item.css.map */