article img {
  width: 100%;
}


/*____________sec1*/

.sec1 {
  background: url('../img/concept_bg_01.png') no-repeat;
  background-size: 100%;
  height: 986px;
  position: relative;
  margin-top: 30px;
}

.sec1_ttl {
  width: 71%;
  float: right;
  padding-top: 32px;
  padding-right: 47px;
}

.sec1_txt {
  position: absolute;
  width: 53%;
  top: 25%;
  right: 4%;
}

/*____________sec2*/

.sec2 {
  background: url('../img/concept_bg_02.png') no-repeat;
  background-size: 100%;
  height: 850px;
  position: relative;
}

.sec2_ttl {
  position: absolute;
  width: 90%;
  top: -12%;
  left: 5%;
}

.sec2_txt {
  position: absolute;
  width: 70%;
  top: 3%;
  left: 16%;
}

.sec2_txt_02 {
  position: absolute;
  width: 93%;
  bottom: 4%;
  left: 2%;
}


/*____________sec3*/

.sec3 {
  background: url('../img/concept_bg_03n.png') no-repeat;
  background-size: 100%;
  height: 1420px;
  position: relative
}

.sec3_ttl {
  position: absolute;
  width: 72%;
  top: 2%;
  left: 14%;
}

.sec3_txt {
  position: absolute;
  width: 66%;
  top: 18%;
  left: 4%;
}

.sec3_txt_02 {
  position: absolute;
  width: 93%;
  top: 56%;
  left: 3%;
}

/* 2019.03.08 */
.sec4 {
  position: relative;
  z-index: 9;
  margin-top: -36%;
}
.sec4 a { position: relative; }
.sec4 a:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
  opacity: 1;
}
.sec4 img {
  width: 100%;
  height: auto;
}

.sec4::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 11;
  width: 76px;
  height: 104px;
  right: 0;
  bottom: 0;
  transform: translate(0,0);
  background: url("../img/options_banner_hand.png") no-repeat center / contain;
  animation: 0.5s handfocus infinite linear;
}

@keyframes handfocus {
  0% { transform: translate(0,0); }
  50% { transform: translate(-20%, -20%); }
  100% { transform: translate(0,0); }
}