.p-headvariations {

  position: relative;

  z-index: 2;

  padding: 11rem 0 17rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations {

    padding: 8vw 0 26.6666666667vw;

  }

}

.p-headvariations-unit-headline {

  border-bottom: 1px solid #111;

  position: relative;

  padding: 0 0 1rem 6rem;

  font-size: 2rem;

  font-weight: bold;

  margin-bottom: 5rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-headline {

    font-size: 4.2666666667vw;

    padding: 0 0 1.3333333333vw 10.6666666667vw;

    margin-bottom: 5.3333333333vw;

  }

}

.p-headvariations-unit-headline .icn {

  position: absolute;

  left: 1rem;

  bottom: -1px;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-headline .icn {

    width: 5.3333333333vw;

  }

  .p-headvariations-unit-headline .icn img {

    width: 100%;

  }

}

.p-headvariations-unit-wrap {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: justify;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -ms-flex-align: stretch;

  -webkit-box-align: stretch;

          align-items: stretch;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap {

    display: block;

  }

}

.p-headvariations-unit-wrap .img {

  margin-top: 0.9rem;

  width: 55rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap .img {

    width: 100%;

    margin: 0 0 2.6666666667vw;

  }

}

.p-headvariations-unit-wrap .txt {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  margin-left: 5rem;

  position: relative;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap .txt {

    margin-left: 0;

  }

}

.p-headvariations-unit-wrap .txt .detail {

  font-size: 1.6rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap .txt .detail {

    font-size: 3.7333333333vw;

  }

}

.p-headvariations-unit-wrap .btns {

  margin-top: 5rem;

}

@media print, screen and (min-width: 768px) {

  .p-headvariations-unit-wrap .btns {

    position: absolute;

    bottom: 0;

    width: 100%;

  }

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap .btns {

    margin-top: 8vw;

  }

}

.p-headvariations-unit-wrap .btns .c-squarebtn {

  margin: 0;

}

.p-headvariations-unit-wrap .btns .c-squarebtn .icn {

  margin-right: 1rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap .btns .c-squarebtn .icn {

    margin-left: 2.6666666667vw;

  }

}

.p-headvariations-unit-wrap .btns li + li {

  margin-top: 1.5rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit-wrap .btns li + li {

    margin-top: 4vw;

  }

}

.p-headvariations-unit + .p-headvariations-unit {

  margin-top: 15rem;

}

@media screen and (max-width: 767px) {

  .p-headvariations-unit + .p-headvariations-unit {

    margin-top: 26.6666666667vw;

  }

}



.headvariations {

  position: relative;

}

@media screen and (min-width: 1200px) {

  .headvariations {

    overflow-x: hidden;

  }

}

.headvariations-bg {

  position: absolute;

  top: 4rem;

  right: calc(50% - 88rem);

  width: 87.3rem;

}

.headvariations .c-mv {

  margin-bottom: 2.2rem;

}

@media print, screen and (min-width: 768px) {

  .headvariations .c-mv {

    height: 33.7rem;

  }

}

@media print, screen and (min-width: 768px) {

  .headvariations .c-mv-title .ja {

    font-size: 6.9rem;

    letter-spacing: -0.5rem;

  }

}

@media screen and (max-width: 767px) {

  .headvariations .c-mv-title .ja {

    font-size: 8.5333333333vw;

  }

}

.headvariations .c-mv-lead {

  margin-top: 6rem;

}

@media screen and (max-width: 767px) {

  .headvariations .c-mv-lead {

    font-size: 3.7333333333vw;

    text-align: center;

    margin-top: 0;

  }

}

.headvariations .l-header-menu li:nth-child(5) a {

  color: #d32b2b;

}

@media screen and (max-width: 767px) {

  .headvariations .l-header-menu li:nth-child(5) a {

    color: #111;

  }

}