#key {
  background: url("../img/concept/key.jpg") no-repeat center/cover;
}
#sec1 {
  background: url("../img/concept/sec1_bg.jpg") no-repeat center top;
  padding: 165px 0 173px;
}
#sec1 h2 {
  float: right;
  padding-right: 57px;
}
#sec1 .txt-vertical {
  float: left;
  height: 240px;
  width: 570px;
  margin: 433px 0 0 30px;
}
#sec2 {
  background: url("../img/concept/sec2_deco.jpg") no-repeat center top 7px, url("../img/shared/bg01.jpg") repeat center top;
  color: #fff;
  padding: 182px 0 280px;
  position: relative;
}
#sec2:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/shared/line.jpg") repeat-x center top;
}
#sec2 h2 {
  text-align: center;
}
#sec2 .note {
  text-align: center;
  padding: 31px 0 42px;
}
#sec2 .block {
  position: relative;
}
#sec2 .block dl {
  font-family: 'Noto Serif JP', serif;
  font-size: 40px;
  line-height: 57px;
  font-weight: bold;
}
#sec2 .block dl dd span {
  font-size: 20px;
}
#sec2 .block:nth-of-type(1) {
  padding-bottom: 145px;
}
#sec2 .block:nth-of-type(1) .fr {
  width: 450px;
  padding-top: 86px;
}
#sec2 .block:nth-of-type(1) .img1 {
  position: absolute;
  top: 0;
  left: -245px;
}
#sec2 .block:nth-of-type(1) .txt {
  padding-top: 13px;
}
#sec2 .block:nth-of-type(2) {
  padding-bottom: 55px;
}
#sec2 .block:nth-of-type(2) .fl {
  width: 450px;
  padding-top: 30px;
}
#sec2 .block:nth-of-type(2) .txt {
  padding-top: 13px;
}
#sec2 .block:nth-of-type(2) .img1 {
  position: absolute;
  top: 0;
  right: -190px;
}
#sec2 .block:nth-of-type(3) {
  padding-bottom: 76px;
}
#sec2 .block:nth-of-type(3) .fr {
  width: 385px;
}
#sec2 .block:nth-of-type(3) .txt {
  padding-top: 13px;
}
#sec2 .block:nth-of-type(3) .img1 {
  position: absolute;
  top: 10px;
  left: -345px;
}
#sec2 .block:nth-of-type(4) .fl {
  width: 450px;
  padding-top: 86px;
}
#sec2 .block:nth-of-type(4) .txt {
  padding-top: 13px;
}
#sec2 .block:nth-of-type(4) .img1 {
  position: absolute;
  top: 0;
  right: -240px;
}
#sec3 .row1 {
  position: relative;
}
#sec3 .row1 .slide-fade {
  float: left;
  width: 50%;
  height: 800px;
}
#sec3 .row1 .slide-fade .sl_01 {
  background: url("../img/concept/sec3_img_1.jpg") no-repeat center/cover;
}
#sec3 .row1 .slide-fade .sl_02 {
  background: url("../img/concept/sec3_img_2.jpg") no-repeat center/cover;
}
#sec3 .row1 .fl {
  width: 50%;
  background: url("../img/concept/sec3_bg_1.jpg") no-repeat center/cover;
  color: #fff;
  padding: 173px 0 172px;
  text-align: center;
  position: relative;
}
#sec3 .row1 .fl:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/concept/sec3_deco.png") no-repeat center bottom;
}
#sec3 .row1 .fl:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-top: 6px solid #5a360a;
  border-bottom: 6px solid #5a360a;
}
#sec3 .row2 .fl h3 img{
  width: 100%;
  height: auto;
}
#sec3 .row1 .fl .txt {
  padding-top: 45px;
}
#sec3 .row2 .fl {
  width: 50%;
  background: url("../img/concept/sec4_bg_01.jpg") no-repeat center top/cover;
  position: relative;
  text-align: center;
  padding: 325px 0;
  transition: 0.3s;
}
#sec3 .row2 .fl:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 10px solid;
  -webkit-border-image: url("../img/shared/body.jpg") 30 stretch;    /* Safari 3.1-5 */
  -o-border-image: url("../img/shared/body.jpg") 30 stretch;    /* Opera 11-12.1 */
  border-image: url("../img/shared/body.jpg") 30 stretch;
}
#sec3 .row2 .fl + .fl {
  background: url("../img/concept/sec4_bg_02.jpg") no-repeat center top/cover;
}
#sec3 .row2 .fl .arrow {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -39px;
}
#sec3 .row2 .fl .link a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
#sec3 .row2 .fl:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1300px) {
  #sec3 .row1 .fl h2 img{
    width: 100%;
    height: auto;
  }  
}