#key .slider-fade p {
  height: 180vw;
}
#key .slider-fade p span {
  display: block;
  height: 180vw;
}
#key .slider-fade .slide1 span {
  background: url("../img/index/key1_sp.jpg") center/cover;
}
#key .slider-fade .slide2 span {
  background: url("../img/index/key2_sp.jpg") center/cover;
}
#key .slider-fade .slide3 span {
  background: url("../img/index/key3_sp.jpg") center/cover;
}
@media only screen and (min-width: 768px) {
  #key .slider-fade p {
    height: 1010px;
  }
  #key .slider-fade p span {
    height: 1010px;
  }
  #key .slider-fade .slide1 span {
    background: url("../img/index/key1.jpg") center/cover;
  }
  #key .slider-fade .slide2 span {
    background: url("../img/index/key2.jpg") center/cover;
  }
  #key .slider-fade .slide3 span {
    background: url("../img/index/key3.jpg") center/cover;
  }
}

#rss {
  padding: 16vw 0px;
}
#rss .rss-box {
  width: 100%;
  box-sizing: border-box;
  background-color: #ededed;
  padding: 8vw 6% 16vw;
  position: relative;
}
#rss .rss-box h2 {
  text-align: center;
  font-size: 6vw;
}
#rss .rss-box h2 span {
  font-size: 3vw;
}
#rss .rss-box #feed {
  margin: 6vw 0px 10vw;
}
#rss .rss-box #feed dl {
  border-bottom: 1px solid #e6e6e6;
  letter-spacing: 0.01em;
  padding-bottom: 2vw;
  margin: 0px 0px 4vw;
}
#rss .rss-box #feed dl .rss_ttl:hover {
  text-decoration: underline;
}
#rss .rss-box .list-btn .btn-rss1 {
  margin: 0px 0px 4vw 50%;
  font-size: 14px;
  letter-spacing: 0.01em;
}
#rss .rss-box .list-btn .btn-rss1 i {
  margin: 0px 0px 0px 24px;
}
#rss .rss-box .list-btn .btn-rss2 {
  background: none;
  border: 2px solid #d0d0d0;
  box-sizing: border-box;
  color: #000;
  letter-spacing: 0.01em;
  padding: 0px 6% 0px 16%;
}
#rss .rss-box .list-btn .btn-rss2 i {
  margin: 0px 0px 0px 10%;
  font-size: 12px;
}
#rss .rss-box .list-btn .btn-rss2:hover {
  background-color: #101277;
  color: #fff;
  border: 2px solid #101277;
}
@media only screen and (min-width: 768px) {
  #rss {
    padding: 120px 0px 162px;
  }
  #rss .rss-box {
    width: 1300px;
    margin: 0px 0px 0px -150px;
    padding: 30px 190px 76px;
  }
  #rss .rss-box::before {
    content: url("../img/index/rss_deco.jpg");
    position: absolute;
    top: 0px;
    right: 0px;
  }
  #rss .rss-box h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #rss .rss-box h2 span {
    font-size: 12px;
  }
  #rss .rss-box #feed {
    width: 550px;
    margin: 31px 0px 0px;
  }
  #rss .rss-box #feed dl {
    line-height: 29px;
    padding-bottom: 13px;
    margin: 0px 0px 10px;
  }
  #rss .rss-box #feed dl dt {
    font-size: 14px;
  }
  #rss .rss-box .list-btn {
    width: 300px;
    align-self: end;
    margin: 0px 11px 12px 0px;
  }
  #rss .rss-box .list-btn .btn-rss1 {
    font-size: 14px;
    line-height: 32px;
    margin: 0px 0px 16px;
    padding: 0px 0px 0px 60px;
  }
  #rss .rss-box .list-btn .btn-rss1 i {
    margin: 0px 0px 0px 69px;
  }
  #rss .rss-box .list-btn .btn-rss2 {
    line-height: 38px;
    padding: 0px 12px 0px 27px;
  }
  #rss .rss-box .list-btn .btn-rss2 i {
    font-size: 12px;
    margin: 0px 0px 0px 16px;
  }
}

#sec1 {
  padding: 0px 0px 12vw;
}
#sec1 .sec1-txt1 {
  letter-spacing: 0.08em;
  font-size: 3.5vw;
}
#sec1 .sec1-img {
  margin: 0px -12% 18vw;
}
#sec1 .sec1-box2 h2 {
  letter-spacing: 0.2em;
  font-size: 6vw;
}
#sec1 .sec1-box2 .sec1-txt2 {
  letter-spacing: 0;
  margin: 8vw 0px 10vw;
  line-height: 2.2;
}
#sec1 .sec1-box2 .sec1-btn {
  line-height: 2.5;
  font-size: 4.5vw;
  border-bottom: 1px solid #b0b0b0;
  padding: 0px 4%;
}
#sec1 .sec1-box2 .sec1-btn i {
  margin: 0px 0px 0px 32px;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  #sec1 {
    padding: 0px 0px 265px;
  }
  #sec1 .sec1-box1 {
    position: relative;
  }
  #sec1 .sec1-txt1 {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: rotate(90deg);
    font-size: 12px;
    line-height: 44px;
    top: 16px;
    right: -65px;
    margin: 0px;
  }
  #sec1 .sec1-img {
    width: 1217px;
    margin: 0px 0px 0px -500px;
  }
  #sec1 .sec1-box2 {
    width: 470px;
    margin: 185px -247px 0px 0px;
  }
  #sec1 .sec1-box2 h2 {
    font-size: 25px;
    line-height: 44px;
  }
  #sec1 .sec1-box2 .sec1-txt2 {
    margin: 54px 0px 45px;
    letter-spacing: 0.1em;
    line-height: 32px;
  }
  #sec1 .sec1-box2 .sec1-btn {
    font-size: 20px;
    line-height: 38px;
    padding: 0px 5px;
  }
  #sec1 .sec1-box2 .sec1-btn i {
    font-size: 12px;
    margin: 0px 0px 0px 20px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  #sec1 .sec1-img {
    margin: 0px 0px 0px -740px;
  }
  #sec1 .sec1-box2 {
    margin: 185px 20px 0px 0px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  #sec1 .sec1-img {
    margin: 0px 0px 0px -630px;
  }
  #sec1 .sec1-box2 {
    margin: 185px -92px 0px 0px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  #sec1 .sec1-img {
    margin: 0px 0px 0px -680px;
  }
  #sec1 .sec1-box2 {
    margin: 185px -42px 0px 0px;
  }
}
#sec2 {
  background: url("../img/index/sec2_bg.jpg") center/cover;
  padding: 80vw 4% 12vw;
  color: #fff;
}
#sec2 .sec2-box .sec2-btn {
  font-size: 8vw;
  letter-spacing: 0.2em;
}
#sec2 .sec2-box .sec2-btn:hover::before {
  border: 1px solid #fff;
}
#sec2 .sec2-box .sec2-btn span {
  font-size: 3vw;
  letter-spacing: 0.08em;
  margin: 0px 8px;
}
#sec2 .sec2-box .sec2-btn i {
  font-size: 13px;
  margin: 0px 0px 0px 20px;
}
#sec2 .sec2-box .sec2-txt {
  border-top: 1px solid #fff;
  margin: 4vw 0px 0px;
  padding: 6vw 0px 0px;
}
@media only screen and (min-width: 768px) {
  #sec2 {
    background: url("../img/index/sec2_bg.jpg") center/cover;
    padding: 464px 0px 112px;
  }
  #sec2 .sec2-box {
    width: 420px;
    margin: 0px 0px 0px auto;
    padding: 0px 24px 0px 0px;
  }
  #sec2 .sec2-box .sec2-btn {
    font-size: 40px;
    line-height: 44px;
  }
  #sec2 .sec2-box .sec2-btn span {
    font-size: 12px;
    margin: 0px;
  }
  #sec2 .sec2-box .sec2-btn i {
    font-size: 16px;
    margin: 0px 0px 0px 40px;
  }
  #sec2 .sec2-box .sec2-txt {
    margin: 12px 0px 0px;
    padding: 25px 0px 0px 12px;
  }
}

#sec3 {
  background: url("../img/index/sec3_bg.jpg") center/cover;
  padding: 80vw 4% 12vw;
  color: #fff;
}
#sec3 .sec3-box .sec3-btn {
  font-size: 8vw;
  letter-spacing: 0.2em;
}
#sec3 .sec3-box .sec3-btn:hover::before {
  border: 1px solid #fff;
}
#sec3 .sec3-box .sec3-btn span {
  font-size: 3vw;
  letter-spacing: 0.08em;
  margin: 0px 8px;
}
#sec3 .sec3-box .sec3-btn i {
  font-size: 13px;
  margin: 0px 0px 0px 20px;
}
#sec3 .sec3-box .sec3-txt {
  border-top: 1px solid #fff;
  margin: 4vw 0px 0px;
  padding: 6vw 0px 0px;
}
@media only screen and (min-width: 768px) {
  #sec3 {
    background: url("../img/index/sec3_bg.jpg") center/cover;
    padding: 516px 0px 0px;
  }
  #sec3 .sec3-box {
    width: 455px;
    margin: 0px auto 0px 88px;
    border-left: 1px solid #fff;
    padding: 0px 0px 82px 31px;
  }
  #sec3 .sec3-box .sec3-btn {
    font-size: 40px;
    line-height: 44px;
  }
  #sec3 .sec3-box .sec3-btn span {
    font-size: 12px;
    margin: 0px 12px;
  }
  #sec3 .sec3-box .sec3-btn i {
    font-size: 16px;
    margin: 0px 0px 0px 38px;
  }
  #sec3 .sec3-box .sec3-txt {
    margin: 18px 0px 0px;
    padding: 0px;
    border: none;
  }
}

#sec4 {
  background: url("../img/shared/bg2.jpg") repeat top center;
  padding: 28vw 0px 0px;
}
#sec4 .sec4-img1 {
  position: absolute;
  top: 0px;
  left: -5%;
  width: 72%;
}
#sec4 h2 {
  height: 64vw;
  font-size: 6vw;
  padding: 4vw 0px 0px;
  margin: 0px 2% 26vw auto;
  position: relative;
  z-index: 1;
  letter-spacing: 0.2em;
  line-height: 1.4;
}
#sec4 h2::before {
  content: "";
  position: absolute;
  top: -16vw;
  right: -50%;
  width: 146%;
  height: 24vw;
  background: url("../img/index/sec4_deco.jpg") center/cover;
  z-index: -1;
}
#sec4 h2 span {
  font-size: 3vw;
  letter-spacing: 0.08em;
}
#sec4 .sec4-box .sec4-txt1 {
  letter-spacing: 0;
}
#sec4 .sec4-box .sec4-btn {
  margin: 6vw 0px 0px;
  border-bottom: 1px solid #b0b0b0;
  font-size: 4vw;
  padding: 0px 5%;
  line-height: 2.5;
}
#sec4 .sec4-box .sec4-btn i {
  font-size: 13px;
  margin: 0px 0px 0px 42px;
}
#sec4 .sec4-img2 {
  width: 50%;
  margin: 12vw -5% 0px auto;
}
#sec4 .sec4-img3 {
  width: 50%;
  margin: 10vw 0px 16vw 2%;
}
#sec4 .sec4-img4 {
  margin: 0px -6%;
}
@media only screen and (min-width: 768px) {
  #sec4 {
    padding: 187px 0px 223px;
  }
  #sec4 .sec4-img1 {
    width: 685px;
    left: -150px;
  }
  #sec4 h2 {
    height: 300px;
    padding: 51px 0px 0px;
    margin: 0px 287px 82px auto;
    font-size: 25px;
    line-height: 44px;
  }
  #sec4 h2::before {
    width: 143px;
    height: 141px;
    top: -57px;
    right: -48px;
  }
  #sec4 h2 span {
    font-size: 12px;
  }
  #sec4 .sec4-box {
    width: 460px;
    margin: 0px -94px 0px auto;
  }
  #sec4 .sec4-box .sec4-txt1 {
    letter-spacing: 0.1em;
  }
  #sec4 .sec4-box .sec4-btn {
    margin: 67px 0px 0px;
    font-size: 20px;
    line-height: 40px;
    padding: 0px 16px;
  }
  #sec4 .sec4-box .sec4-btn i {
    font-size: 12px;
    margin: 0px 0px 0px 14px;
  }
  #sec4 .sec4-img2 {
    width: 290px;
    position: absolute;
    top: -176px;
    right: -250px;
    margin: 0px;
  }
  #sec4 .sec4-img3 {
    margin: 266px 0px 0px 379px;
    width: 337px;
  }
  #sec4 .sec4-img4 {
    width: 544px;
    margin: 41px 0px 0px -250px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  #sec4 .sec4-img1 {
    left: -180px;
  }
  #sec4 h2 {
    margin: 0px 372px 82px auto;
  }
  #sec4 .sec4-box {
    margin: 0px 0px 0px auto;
  }
}

#sec5 {
  padding: 20vw 0px;
}
#sec5 .sec5-img {
  margin: 0px -6% 10vw;
}
#sec5 .sec5-box h2 {
  letter-spacing: 0.2em;
  font-size: 6vw;
  line-height: 1.5;
}
#sec5 .sec5-box h2 span {
  letter-spacing: 0.08em;
  font-size: 3vw;
}
#sec5 .sec5-box .sec5-txt {
  letter-spacing: 0;
  margin: 8vw 0px;
}
#sec5 .sec5-box .sec5-btn {
  font-size: 4.5vw;
  border-bottom: 1px solid #b0b0b0;
  padding: 0px 5%;
}
#sec5 .sec5-box .sec5-btn i {
  font-size: 13px;
  margin: 0px 0px 0px 20px;
}
@media only screen and (min-width: 768px) {
  #sec5 {
    padding: 0px 0px 218px;
  }
  #sec5 .sec5-row {
    flex-direction: row-reverse;
  }
  #sec5 .sec5-img {
    width: 981px;
    margin: 0px -250px 0px 0px;
  }
  #sec5 .sec5-box {
    width: 450px;
    margin: 192px 0px 0px -183px;
  }
  #sec5 .sec5-box h2 {
    font-size: 25px;
    line-height: 44px;
  }
  #sec5 .sec5-box h2 span {
    font-size: 12px;
  }
  #sec5 .sec5-box .sec5-txt {
    margin: 80px 0px 55px;
  }
  #sec5 .sec5-box .sec5-btn {
    padding: 0px 16px;
    font-size: 20px;
    line-height: 42px;
  }
  #sec5 .sec5-box .sec5-btn i {
    font-size: 12px;
    margin: 0px 0px 0px 12px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  #sec5 .sec5-img {
    margin: 0px -444px 0px 0px;
  }
  #sec5 .sec5-box {
    margin: 192px 0px 0px 10px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  #sec5 .sec5-img {
    margin: 0px -360px 0px 0px;
  }
  #sec5 .sec5-box {
    margin: 192px 0px 0px -80px;
  }
}/*# sourceMappingURL=index.css.map */