.header-box {
  background: none
}
.active {
  opacity: 1 !important;
  transition: all 0.5s;
}
.blur {
  opacity: 0.4 !important;
  transition: all 0.5s;
}
.lead {
  position: relative;
  min-height: 100vh;
}
.lead__img {
  min-height: 100vh;
  transition: all 2s;
	z-index: 4;
}
.lead__img img {
  min-height: 100vh;
}
.lead__ttl {
  text-align: center;
  font-size: 80px;
  position: absolute;
  top: 50vh;
  left: 0;
  right: 0;
  z-index: 5;
  line-height: 112px;
  transform: translateY(-50%);
  font-weight: 500;
}
.lead__scroll-down {
  position: absolute;
  left: calc(50% + 400px);
  top: 66vh;
  z-index: 5;
  opacity: 0;
}
.sec2__img {
  width: 100%;
  min-height: 100vh;
  position: fixed;

}
.sec2__img__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4674a5;
  background: linear-gradient(180deg, #4674a5 0%, #4674a5 82%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.5;
  z-index: 5;
}
.sec2__img img {
  min-height: 100vh;
}
@media only screen and (max-width: 560px) {
  .lead__ttl {
    font-size: 60px;
    text-align: left;
    padding-left: 54px;
    box-sizing: border-box;
    max-width: 96%;
    letter-spacing: 0px;
    line-height: 90px;
  }
  .lead__scroll-down {
    left: auto;
    right: 30px;
    top: auto;
    bottom: 80px;
    font-size: 15px;
  }
}


/* SEC 1 */
.sec1 {
  position: relative;
  padding: 1000px 0 200px;
}
.sec1-block {
  margin-bottom: 50px;
  position: relative;
  z-index: 5;
  margin-left: 152px;
}
.sec1-block__txt {
  margin-bottom: 43px;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0;
}
@media only screen and (max-width: 560px) {
  .sec1-block {
    margin-left: 0;
  }
  .sec1-block__txt {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 36px;
  }
}


/* SEC 2 */
.sec2 {
  min-height: 1200px;
	padding-top: 700px;

  -moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
.sec2-group {
  position: absolute;
  top: -500px;
  left: 0;
  right: 0;
  z-index: 14;
}
.sec2-group__btn {
  color: #fff;
  line-height: 60px;
}
.sec2-group__btn .block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sec2-group__btn .block::after {
  content: "";
  background: url("../img/shared/icon_arrow.svg") no-repeat;
  width: 60px;
  height: 61px;
  background-size: 100%;
  display: inline-block;
  margin-left: 20px;
}
.sec2-group__btn .block small {
  font-size: 20px;
  font-weight: bold;
  display: block;
  letter-spacing: 0;
}
.sec2-group__btn .block > span {
  font-size: 90px;
  font-weight: 500;
  font-family: 'Barlow Semi Condensed';
}
.sec2-group .sec2-group__btn a span {
  display: inline-block;
  transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
  transition: transform 0.5s ease-in-out;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(1) {
  animation: hover-text .5s ease 0.25s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(2) {
  animation: hover-text .5s ease 0.28s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(3) {
  animation: hover-text .5s ease 0.31s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(4) {
  animation: hover-text .5s ease 0.34s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(5) {
  animation: hover-text .5s ease 0.37s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(6) {
  animation: hover-text .5s ease 0.40s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(7) {
  animation: hover-text .5s ease 0.43s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(8) {
  animation: hover-text .5s ease 0.46s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(9) {
  animation: hover-text .5s ease 0.49s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(10) {
  animation: hover-text .5s ease 0.52s;
}
.sec2-group .sec2-group__btn a .block:hover span:nth-child(11) {
  animation: hover-text .5s ease 0.55s;
}

.sec2-group__btn--btn1 {
  margin-left: 365px;
  margin-bottom: -5px;
transition-delay: 2s;
}
.sec2-group__btn--btn1.fadeout-right {
	transition-delay: 0.5s;
	transition: 0.5s ease-in-out 0.5s;
}
.sec2-group__btn--btn2 {
  margin-left: 10px;
  margin-bottom: -40px;
	transition-delay: 2.5s;	
}
.sec2-group__btn--btn2.fadeout-right {
	transition-delay: 0.8s;
	transition: 0.5s ease-in-out 0.8s;
}
.sec2-group__btn--btn3 {
  margin-left: auto;
  width: 458px;
  margin-right: -20px;
  margin-bottom: -38px;
	transition-delay: 3s;	
}
.sec2-group__btn--btn3.fadeout-right {
	transition-delay: 1.1s;
	transition: 0.5s ease-in-out 1.1s;
}
.sec2-group__btn--btn4 {
  margin-left: 261px;
	transition-delay: 3.5s;	
}
.sec2-group__btn--btn4.fadeout-right {
	transition-delay: 1.4s;
	transition: 0.5s ease-in-out 1.4s;
}
@media only screen and (max-width: 560px) {
	.sec2-group{
		top: -720px;
	}
  .sec2-group__btn .block small {
    font-size: 16px;
    margin-bottom: -6px;
  }
  .sec2-group__btn .block > span {
    font-size: 80px;
    letter-spacing: -4px;
  }
  .sec2-group__btn--btn1 {
    margin-left: 36px;
    margin-bottom: 10px;
  }
  .sec2-group__btn--btn2 {
    margin-left: 36px;
    margin-bottom: 7px;
  }
  .sec2-group__btn--btn3 {
    margin-left: 36px;
    margin-bottom: 7px;
  }
  .sec2-group__btn--btn4 {
    margin-left: 36px;
    margin-bottom: 7px;
  }
}