article img {
  width: 100%;
}

.color-yellow {
  color: #fffc83;
}

.color-blue {
  color: #8dffff;
}

.color-pink {
  color: #ffb8f7;
}
.color-red {
  color: #e50012;
}

.marker-pink {
  padding: 0 0.15em;
  background-image: linear-gradient(0deg, #ffb8f7 0.65em, transparent 0.65em);
}

.marker-red {
  padding: 0 0.15em;
  background-image: linear-gradient(0deg, #eb2a4d 0.65em, transparent 0.65em);
}

.marker-purple {
  padding: 0 0.15em;
  background-image: linear-gradient(0deg, #8115c4 0.65em, transparent 0.65em);
}

.marker-yellow {
  padding: 0 0.15em;
  background-image: linear-gradient(0deg, #e6a928 0.65em, transparent 0.65em);
}

.bold {
  font-weight: bold;
}

/*____________sec1*/

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

.sec1_ttl {
  font-size: 35px;
  width: 74%;
  float: right;
  padding-top: 62px;
  padding-right: 20px;
  padding-left: 20px;
  font-weight: normal;
}

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

.sec1_txt p {
  font-size: 26px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.6;
  letter-spacing: -.05em;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);
}

.sec1_txt p:nth-of-type(2) span:first-of-type {
  font-size: 36px;
}

.sec1_txt p:nth-of-type(2) span:last-of-type {
  font-size: 40px;
}

/*____________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: -10%;
  left: 5%;
  text-align: center;
  font-size: 42px;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

.sec2_txt {
  position: absolute;
  top: 1%;
  left: 16%;
  text-align: center;
  font-size: 29px;
}

.sec2_txt p {
  margin-bottom: 20px;
  line-height: 1.6;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);
  letter-spacing: -.05em;
}

.sec2_txt p:first-of-type span {
  font-size: 36px;
}

.sec2_txt p:last-of-type span:first-of-type {
  font-size: 36px;
}

.sec2_txt p:last-of-type span:last-of-type {
  font-size: 36px;
}


.sec2_txt_02 {
  position: absolute;
  width: 93%;
  bottom: 4%;
  left: 2%;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);
  font-size: 29px;
  line-height: 1.6;
}

.sec2_txt_02 span {
  font-size: 36px;
}


/*____________sec3*/

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

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

.sec3_ttl {
  position: absolute;
  top: 1%;
  left: 14%;
  font-size: 36px;
  text-align: center;
  font-weight: normal;
  line-height: 1.4;
}

.sec3_txt {
  position: absolute;
  top: 18%;
  left: 4%;
  font-size: 28px;
  line-height: 1.6;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);
}

.sec3_txt p {
  margin-bottom: 20px;
}

.sec3_txt p:first-of-type {
  font-size: 36px;
}

.sec3_txt p:last-of-type span {
  font-size: 36px;
}

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

/* 2019.03.07 */
.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 a::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);
  }
}