@-webkit-keyframes title_color {
  0% {
    color: #333;
  }

  100% {
    color: #ffce00;
  }
}

@keyframes title_color {
  0% {
    color: #333;
  }

  100% {
    color: #ffce00;
  }
}

.is_change {
  -webkit-animation-duration: 1.0s;
  animation-duration: 1.0s;
  -webkit-animation-name: title_color;
  animation-name: title_color;
  color: #ffce00;
}

.l-aniv120th-section {
  position: relative;
  z-index: 1;
}

.l-section__group {
  position: relative;
}

.bg-gray {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.bg-gray:before {
  background-color: #f5f5f5;
}

.history__headline {
  font-family: "RenaultFont";
  font-weight: bold;
  letter-spacing: 1px;
}

.img__copy {
  font-family: "RenaultFont";
}

.bg-gray {
  height: calc(100% - 200px);
}

.bg-gray:before {
  content: "";
  display: block;
  height: 100%;
  margin: 0 auto;
}

/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
  .bg-gray:before {
    max-width: 300px;
    width: 40%;
    margin-top: -100px;
  }
}

/* SP */
@media (max-width: 767px) {
  .bg-gray:before {
    margin-top: -100px;
    max-width: 150px;
    width: 40%;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section__group {
    margin: 54px 0 0;
    padding: 80px 0 0 0;
  }

  .bg-gray {
    max-width: 1024px;
  }

  .bg-gray:before {
    margin-top: -90px;
    max-width: 500px;
    width: 48.8281%;
  }

  .history__lead {
    border-left: 5px solid #ffce00;
    font-size: 2.2rem;
    margin: -3px 0 18px;
    padding: 0 0 3px 20px;
    position: relative;
  }

  .history__description {
    font-size: 1.5rem;
    line-height: 1.9;
    margin: 25px 0 0;
    text-align: justify;
  }

  .img__caption,
  .img__copy {
    font-size: 1.2rem;
  }

  .l-section__inner {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 130px;
    padding-right: 130px;
    position: relative;
  }

  .history__headline {
    font-size: 8rem;
    position: absolute;
    white-space: nowrap;
  }
}

/* SP & TB */
@media (max-width: 1279px) {
  .l-section__group {
    margin: 26px 0 0;
    padding: 25px 0 0 0;
  }

  .history__lead {
    border-left: 5px solid #ffce00;
    font-size: 1.9rem;
    margin: -3px 0 16px;
    padding: 0 0 0 13px;
    position: relative;
  }

  .history__description {
    font-size: 1.3rem;
    line-height: 1.9;
    text-align: justify;
  }

  .img__caption {
    font-size: 1.3rem;
    line-height: 1.9;
    margin-top: 11px;
    padding: 0 15px;
  }

  .img__copy {
    font-size: 1rem;
    letter-spacing: .1px;
    padding: 5px 15px 0 0;
    text-align: right;
  }

  .history__content {
    margin: 15px 0 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .history__headline {
    font-size: 4rem;
    margin: 0 0 3px;
    padding: 0 0 0 12px;
    white-space: nowrap;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type01__headline {
    left: -190px;
    top: 132px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .l-section-type01__img {
    width: 48.8281%;
  }

  .l-section-type01__content {
    width: 46.8750%;
  }

  .l-section-type01__img__copy {
    margin: 7px 0 0 0;
  }
}

/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
  .history__content {
    margin: 15px 0 50px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .history__headline {
    font-size: 5.5rem;
    margin: 0 0 3px;
    padding: 0 0 0 12px;
    white-space: nowrap;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type02 {
    margin-top: 120px;
  }

  .l-section-type02__headline {
    right: -180px;
    top: 162px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .l-section-type02__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    padding-right: 60px;
    width: 62.5000%;
  }

  .l-section-type02__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 33.2031%;
  }

  .l-section-type02__img__copy {
    margin: 7px -2px 0 0;
    text-align: right;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type03 {
    margin-top: 120px;
  }

  .l-section-type03__headline {
    left: -60px;
    top: 79px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .l-section-type03__img {
    padding-left: 60px;
    width: 64.4531%;
  }

  .l-section-type03__content {
    width: 30.9570%;
  }

  .l-section-type03__img__copy {
    margin: 7px 0 0 0px;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type04 {
    margin-top: 100px;
  }

  .l-section-type04__headline {
    right: 33px;
    top: -30px;
  }

  .l-section-type04__inner {
    padding-top: 90px;
  }

  .l-section-type04__img {
    width: 100%;
  }

  .l-section-type04__content {
    margin: 12px 0 0 0;
    width: 100%;
  }

  .l-section-type04__img__copy {
    margin: 7px 0 0 3px;
    text-align: right;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type05 {
    margin-top: 126px;
  }

  .l-section-type05__headline {
    left: -280px;
    top: 202px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .l-section-type05__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 48.8281%;
  }

  .l-section-type05__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 44.9219%;
  }

  .l-section-type05__content__img {
    margin: 0 0 50px;
    padding: 60px 0 0 21%;
  }

  .l-section-type05__img__copy {
    margin: 7px 0 0 3px;
    text-align: right;
  }
}

/* SP & TB */
@media (max-width: 1279px) {
  .l-section-type05__img__copy {
    padding: 10px 20px 0 0;
  }

  .l-section-type05__content {
    margin: 20px 0 50px;
  }

  .l-section-type05__content__img {
    margin: 0 0 25px;
    width: 72%;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type06 {
    margin-top: 120px;
  }

  .l-section-type06__headline {
    right: -190px;
    top: 112px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .l-section-type06__img {
    width: 35.1563%;
  }

  .l-section-type06__img img {
    margin-left: -12%;
    width: 111%;
  }

  .l-section-type06__content {
    width: 58.5938%;
    width: 100%;
  }

  .l-section-type06__img__copy {
    padding: 7px 3px 0 0;
    text-align: right;
  }

  .l-section-type06__subcontent {
    margin-top: 40px;
    position: relative;
  }

  .l-section-type06__img__caption {
    bottom: 45px;
    color: #fff;
    line-height: 1.9;
    margin: 12px -2px 0 0;
    position: absolute;
    right: 30px;
    text-align: justify;
    width: 150px;
  }

  .l-section-type06__subcontent__copy {
    padding: 7px 0px 0 0;
    text-align: right;
  }
}

/* SP & TB */
@media (max-width: 1279px) {
  .l-section-type06__content {
    margin: 10px 0 25px;
  }

  .l-section-type06__subcontent {
    margin: 0 0 50px;
  }

  .l-section-type06__img__copy {
    padding: 7px 0px 0 0;
    text-align: right;
  }
}

/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
  .l-section-type06__img {
    margin: 32px 0 0;
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* SP */
@media (max-width: 767px) {
  .l-section-type06__img {
    margin: 15px 0 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* PC */
@media (min-width: 1280px) {
  .l-section-type07 {
    margin-top: 253px;
  }

  .l-section-type07__headline {
    left: 10px;
    top: -160px;
  }

  .l-section-type07__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 41.9922%;
  }

  .l-section-type07__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    /* width: 52.7344%; */
    width: 100%;
  }

  .l-section-type07__img__copy {
    margin: 7px 0 0 3px;
    text-align: right;
  }

  .l-section-type07__subcontent__copy {
    padding: 7px 24px 0 0;
    position: absolute;
    right: 0;
    text-align: right;
  }

  .l-section-type07__subcontent {
    /* margin: 60px auto 110px; */
    margin: 40px auto 110px;

    max-width: 1600px;
    position: relative;
  }

  .l-section-type07__img__caption {
    bottom: 17px;
    color: #fff;
    left: 26px;
    line-height: 1.9;
    margin: 12px -2px 0 0;
    position: absolute;
    width: 200px;
  }
}

/* SP & TB */
@media (max-width: 1279px) {
  .l-section-type07__content {
    margin: 10px 0 25px;
  }

  .l-section-type07__subcontent {
    padding-bottom: 20px;
  }

  .l-section-type07__content__img {
    padding: 15px 15px 0;
  }

  .l-section-type07__subcontent__copy {
    padding: 5px 15px 0 0;
    right: 0;
  }
}


.l-section-banner_inner {
  margin: 0 auto 0;
  max-width: 1024px;

}

.l-section-banner a {
  display: block;
}

/* PC */
@media (min-width: 1280px) {
  .l-section-banner_inner {
    margin: 0 auto 40px;
    max-width: 1024px;

  }

  .l-section-banner a {
    transition: all .5s;
  }

  .l-section-banner a:hover {
    opacity: 0.7;
  }

  .l-section-banner__caption {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 21px 0 0;
    letter-spacing: .5px;
  }
}

/* SP & TB */
@media (max-width: 1279px) {
  .l-section-banner {
    padding: 40px 15px;

  }

  .l-section-banner__caption {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 9px 0 -8px;
    letter-spacing: .5px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .l-section-banner {
    padding: 40px 32px;

  }
}