@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp_s.min.css");
@media screen and (max-width: 767px) {
  #contents .sec-main h1 {
    height: 142.0512820513vw;
  }
}
#contents .sec-main h1 img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #contents .sec-main h1 img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

#contents .sec-colab {
  position: relative;
  background: #fca517;
  border-top: 10px solid #fca517;
  border-bottom: 10px solid #fca517;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab {
    border-width: 2.5641025641vw;
  }
}
#contents .sec-colab:before, #contents .sec-colab:after {
  display: block;
  position: absolute;
  content: "";
  width: 337px;
  height: 165px;
  background: url("../images//colab/img_corner.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab:before, #contents .sec-colab:after {
    width: 56.4102564103vw;
    height: 27.6923076923vw;
  }
}
#contents .sec-colab:before {
  left: 0;
  bottom: 40px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab:before {
    bottom: 7.6923076923vw;
  }
}
#contents .sec-colab:after {
  right: 0;
  top: 40px;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  #contents .sec-colab:after {
    top: 7.6923076923vw;
  }
}
#contents .sec-colab .tape {
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
  background-image: url("../images/colab/txt_gtaxi.svg");
  background-repeat: repeat-x;
  background-size: 395px 27px;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .tape {
    height: 7.6923076923vw;
    background-size: 68.4615384615vw 4.6153846154vw;
    background-position: center left -50%;
  }
}
#contents .sec-colab .tape.top {
  top: 0;
}
#contents .sec-colab .tape.bottom {
  bottom: 0;
}
#contents .sec-colab .w-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner {
    padding-top: 25.641025641vw;
    padding-bottom: 25.641025641vw;
  }
}
#contents .sec-colab .w-inner h3 {
  text-align: center;
}
#contents .sec-colab .w-inner h3 img {
  width: 290px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner h3 img {
    width: 64.1025641026vw;
  }
}
#contents .sec-colab .w-inner h3 .txt {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner h3 .txt {
    margin-top: 8.9743589744vw;
    font-size: 7.1794871795vw;
    line-height: 1.5;
  }
}
#contents .sec-colab .w-inner .link-gtaxi {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .link-gtaxi {
    width: 100%;
    margin-top: 10.2564102564vw;
  }
}
#contents .sec-colab .w-inner .link-gtaxi span {
  font-size: 2.4rem;
  font-weight: bold;
  padding: 15px 60px;
  border-style: solid;
  border-color: #000;
  border-width: 4px 5px 8px;
  border-radius: 40px;
  background: #fff;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .link-gtaxi span {
    display: block;
    text-align: center;
    font-size: 5.1282051282vw;
    padding: 3.8461538462vw 0;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-colab .w-inner .link-gtaxi:hover span {
    opacity: 0.7;
  }
}
#contents .sec-colab .w-inner .sns-link {
  display: flex;
  justify-content: center;
  gap: 55px;
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .sns-link {
    margin-top: 10.2564102564vw;
    gap: 8.9743589744vw;
  }
}
#contents .sec-colab .w-inner .sns-link li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contents .sec-colab .w-inner .sns-link li a:after {
  content: none;
}
#contents .sec-colab .w-inner .sns-link li a img {
  width: 80px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .sns-link li a img {
    width: 15.3846153846vw;
  }
}
#contents .sec-colab .w-inner .sns-link li a .caption {
  margin-top: 20px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .sns-link li a .caption {
    margin-top: 5.1282051282vw;
    font-size: 3.3333333333vw;
  }
}
#contents .sec-colab .w-inner .sns-link li a .caption:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 9px;
  margin-left: 0.5em;
  background: url("../images/colab/icon_external.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .sns-link li a .caption:after {
    width: 3.2307692308vw;
    height: 2.4615384615vw;
    background-size: contain;
  }
}
#contents .sec-colab .w-inner .sns-link + p {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  #contents .sec-colab .w-inner .sns-link + p {
    font-size: 5.1282051282vw;
    text-align: center;
    line-height: 1.3333333333;
    margin-top: 11.5384615385vw;
  }
}

#contents .sec-suv .visual-layer {
  background: url("../images//suv/bg_suv.webp") no-repeat, #ebeef7;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer {
    background: url("../images//suv/bg_suv_sp.webp") no-repeat, #ebeef7;
    background-size: 100% auto;
  }
}
#contents .sec-suv .visual-layer .w-inner {
  padding-top: 6.25vw;
  padding-bottom: 65px;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner {
    padding-top: 11.5384615385vw;
    padding-bottom: 10.2564102564vw;
  }
}
#contents .sec-suv .visual-layer .w-inner h2 {
  text-align: center;
}
#contents .sec-suv .visual-layer .w-inner h2 img {
  width: 36.5277777778vw;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner h2 img {
    width: 75.3846153846vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media {
  display: grid;
  gap: 80px;
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media {
    padding: 0 60px;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media {
    margin-top: 35.8974358974vw;
    padding: 0 3.8461538462vw;
    gap: 15.3846153846vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media .block-media {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media {
    flex-direction: column;
    gap: 8.9743589744vw;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media .ph {
    width: 44.5544554455%;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info {
    width: 48.0198019802%;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl {
    margin-top: 2.5641025641vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl dt {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl dt {
    font-size: 4.1025641026vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl dd {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl dd {
    margin-top: 6.4102564103vw;
    font-size: 3.5897435897vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl dd .note {
  display: block;
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media .info dl dd .note {
    margin-top: 2.5641025641vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .cross-media .block-media:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .cross-media .block-media:nth-child(even) {
    flex-direction: column;
  }
}
#contents .sec-suv .visual-layer .w-inner .info-system {
  margin-top: 80px;
  display: flex;
  gap: 40px;
  color: #fff;
  padding: 40px 40px 60px;
  background: #4c4c4c;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .info-system {
    flex-direction: column;
    margin-top: 15.3846153846vw;
    padding: 7.6923076923vw 7.6923076923vw 8.9743589744vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .info-system .img-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .img-wrap {
    width: 44.5544554455%;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .img-wrap {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .desc {
    width: 53.2019704433%;
  }
}
#contents .sec-suv .visual-layer .w-inner .info-system .desc h4 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .desc h4 {
    font-size: 4.1025641026vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .info-system .desc h4 em {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .desc h4 em {
    font-size: 5.1282051282vw;
    margin-top: 3.8461538462vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .info-system .desc p {
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .desc p {
    margin-top: 7.6923076923vw;
    font-size: 3.5897435897vw;
  }
}
#contents .sec-suv .visual-layer .w-inner .info-system .desc .note {
  display: block;
  margin-top: 35px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .visual-layer .w-inner .info-system .desc .note {
    margin-top: 11.5384615385vw;
    font-size: 3.0769230769vw;
  }
}
#contents .sec-suv .car-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list {
    grid-template-columns: 1fr;
  }
}
#contents .sec-suv .car-list li:nth-child(1) {
  background: url("../images//suv/suv_car_bg01.webp") no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li:nth-child(1) {
    background: url("../images//suv/suv_car_bg01_sp.webp") no-repeat;
    background-size: cover;
    background-position: top center;
  }
}
#contents .sec-suv .car-list li:nth-child(2) {
  background: url("../images//suv/suv_car_bg02.webp") no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li:nth-child(2) {
    background: url("../images//suv/suv_car_bg02_sp.webp") no-repeat;
    background-size: cover;
    background-position: top center;
  }
}
#contents .sec-suv .car-list li:nth-child(3) {
  background: url("../images//suv/suv_car_bg03.webp") no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li:nth-child(3) {
    background: url("../images//suv/suv_car_bg03_sp.webp") no-repeat;
    background-size: cover;
    background-position: top center;
  }
}
#contents .sec-suv .car-list li .car-wrap {
  display: block;
  padding: 100px 0 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li .car-wrap {
    padding: 25.641025641vw 0 10.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .car-list li .car-wrap:hover {
    cursor: pointer;
  }
}
#contents .sec-suv .car-list li .car-wrap .car img {
  transform: scale(1);
  transition: all 0.3s ease;
}
#contents .sec-suv .car-list li .car-wrap .logo {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 38px;
  margin-top: -10px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li .car-wrap .logo {
    height: 9.4871794872vw;
    margin-top: -2.5641025641vw;
    padding: 0 5.1282051282vw;
  }
}
#contents .sec-suv .car-list li .car-wrap .logo img {
  height: 19px;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li .car-wrap .logo img {
    height: 4.7435897436vw;
  }
}
#contents .sec-suv .car-list li .car-wrap .logo.rows-logo img {
  height: 38px;
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li .car-wrap .logo.rows-logo img {
    height: 9.4871794872vw;
  }
}
#contents .sec-suv .car-list li .car-wrap p {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 20px;
}
@media screen and (max-width: 1200px) {
  #contents .sec-suv .car-list li .car-wrap p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-suv .car-list li .car-wrap p {
    font-size: 4.1025641026vw;
    padding: 0 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-suv .car-list li .car-wrap:hover .car img {
    transform: scale(1.12);
  }
}

#contents .sec-intro {
  position: relative;
  padding: 60px 0px 80px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background: #131e30;
}
@media screen and (max-width: 767px) {
  #contents .sec-intro {
    padding: 11.5384615385vw 0 16.6666666667vw;
  }
}
#contents .sec-intro .visual-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 750px;
  background: url("../images/intro/bg_intro.webp") no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  #contents .sec-intro .visual-layer {
    top: 11.5384615385vw;
    height: 52.0512820513vw;
    background-position: top center;
  }
}
#contents .sec-intro h2 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background: linear-gradient(to left, rgba(210, 39, 53, 0.8), rgba(17, 123, 230, 0.8));
}
@media screen and (max-width: 767px) {
  #contents .sec-intro h2 {
    height: 12.8205128205vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-intro h2 img {
    width: 70.2564102564vw;
  }
}
#contents .sec-intro .w-inner {
  position: relative;
  z-index: 1;
}
#contents .sec-intro .lead {
  margin-top: 50px;
  font-size: 2.4rem;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  #contents .sec-intro .lead {
    margin-top: 12.8205128205vw;
    font-size: 3.9vw;
    line-height: 1.8;
  }
}
#contents .sec-intro strong {
  display: block;
  font-size: 3.2rem;
  line-height: 1.34375;
  font-weight: bold;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #contents .sec-intro strong {
    margin-top: 11.5384615385vw;
    font-size: 7.1794871795vw;
    line-height: 1.4285714286;
  }
}
#contents .sec-intro .img-intro {
  max-width: 900px;
  margin: 60px auto 0;
  background: #000;
  border: 6px solid #000000;
  border-radius: 22px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #contents .sec-intro .img-intro {
    margin-top: 10.2564102564vw;
    border-radius: 10px;
    border: 3px solid #000000;
  }
}

#contents .sec-history {
  padding: 30px 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #contents .sec-history {
    padding: 11.5384615385vw 0 0;
  }
}
#contents .sec-history h2 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.34375;
  color: #d22735;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents .sec-history h2 {
    font-size: 5.1282051282vw;
  }
}
#contents .sec-history .history-area {
  position: relative;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area {
    display: flex;
    flex-direction: column;
    margin-top: 11.5384615385vw;
    padding: 0 5.1282051282vw 19.2307692308vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col,
  #contents .sec-history .history-area .lower-history .col {
    margin-top: 10.2564102564vw;
    padding-left: 14.1025641026vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont,
  #contents .sec-history .history-area .lower-history .col .history-cont {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in {
    display: flex;
  }
}
#contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3,
#contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3 {
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3 {
    width: 20vw;
    order: 1;
  }
}
#contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3 img,
#contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3 img {
  height: 19px;
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3 img,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3 img {
    width: auto;
    height: 4.4871794872vw;
  }
}
#contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3 img.sz-s,
#contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3 img.sz-s {
  height: 14px;
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3 img.sz-s,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3 img.sz-s {
    height: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3:before,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3:before {
    display: block;
    content: "";
    position: absolute;
    top: 1vw;
    left: -9.4871794872vw;
    width: 6.4102564103vw;
    height: 4px;
    background: #d22735;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in h3:has(.sz-s) + p,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in h3:has(.sz-s) + p {
    margin-top: -0.25em;
  }
}
#contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in p,
#contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in p {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in p,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in p {
    font-size: 1.4rem;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .wrap-in p,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in p {
    width: 80vw;
    font-size: 3.5897435897vw;
    margin-top: -0.15em;
    order: 2;
  }
}
#contents .sec-history .history-area .upper-history .col .history-cont .txt .note,
#contents .sec-history .history-area .lower-history .col .history-cont .txt .note {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .txt .note,
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .note {
    font-size: 3.0769230769vw;
    order: 4;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col .history-cont .ph,
  #contents .sec-history .history-area .lower-history .col .history-cont .ph {
    margin-top: 6.4102564103vw;
    order: 3;
  }
}
#contents .sec-history .history-area .upper-history .col .history-cont .ph img,
#contents .sec-history .history-area .lower-history .col .history-cont .ph img {
  width: 100%;
}
#contents .sec-history .history-area .upper-history {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history {
    padding-left: min(135px, 9.375vw);
    padding-right: min(161px, 11.1805555556vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history {
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(1) {
    width: min(250px, 17.3611111111vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(1) {
    margin-top: 0;
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(1) .history-cont {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(1) .history-cont .txt {
    order: 2;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 25px;
    border-left: 4px solid #d22735;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(1) .history-cont .ph {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(2) {
    width: min(175px, 12.1527777778vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(2) {
    order: 3;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(2) .history-cont .txt {
    padding-left: 15px;
    padding-bottom: 25px;
    border-left: 4px solid #d22735;
  }
}
#contents .sec-history .history-area .upper-history .col:nth-child(3) {
  position: relative;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(3) {
    width: min(230px, 15.9722222222vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(3) {
    order: 5;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(3) .history-cont {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(3) .history-cont .txt {
    display: contents;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 25px;
    border-left: 4px solid #d22735;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(3) .history-cont .txt h3 {
    order: 1;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(3) .history-cont .txt .note {
    order: 4;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 25px;
    border-left: 4px solid #d22735;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) {
    width: min(183px, 12.7083333333vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) {
    order: 6;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) .history-cont {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) .history-cont .txt {
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) .history-cont .txt h3 {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) .history-cont .txt p {
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) .history-cont .txt .note {
    order: 4;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 25px;
    border-left: 4px solid #d22735;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(4) .history-cont .ph {
    order: 3;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) {
    width: min(183px, 12.7083333333vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) {
    margin-top: 7.6923076923vw;
    order: 9;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) .history-cont {
    border-right: 4px solid #d22735;
    padding-right: 10px;
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) .history-cont .txt h3 {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) .history-cont .txt p {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) .history-cont .ph {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .upper-history .col:nth-child(5) .history-cont .ph {
    width: 51.2820512821vw;
  }
}
#contents .sec-history .history-area .band-history {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .band-history {
    padding: 0 20px;
    justify-content: space-between;
    border-top: 4px solid #d22735;
    border-bottom: 4px solid #d22735;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .band-history {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9.7435897436vw;
    border-left: 4px solid #d22735;
    border-right: 4px solid #d22735;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .band-history img {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: initial;
    transform: rotate(90deg);
    transform-origin: 0 100%;
  }
}
#contents .sec-history .history-area .band-history img:nth-child(1) {
  width: auto;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .band-history img:nth-child(1) {
    height: min(54px, 3.75vw);
    margin-top: -3px;
    margin-bottom: -3px;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .band-history img:nth-child(1) {
    left: -0.5128205128vw;
    top: -7.6923076923vw;
    width: 24.6153846154vw;
  }
}
#contents .sec-history .history-area .band-history img:nth-child(2) {
  width: auto;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .band-history img:nth-child(2) {
    height: min(40px, 2.7777777778vw);
    margin-bottom: -6px;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .band-history img:nth-child(2) {
    top: 41.0256410256vw;
    width: 133.8461538462vw;
  }
}
#contents .sec-history .history-area .band-history img:nth-child(3) {
  width: auto;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .band-history img:nth-child(3) {
    height: min(57px, 3.9583333333vw);
    margin-top: -3px;
    margin-bottom: -3px;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .band-history img:nth-child(3) {
    left: -0.5128205128vw;
    bottom: 71.7948717949vw;
    width: 28.2051282051vw;
  }
}
#contents .sec-history .history-area .lower-history {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history {
    padding-left: min(180px, 12.5vw);
    padding-right: min(155px, 10.7638888889vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .lower-history {
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col .history-cont .txt .wrap-in {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 90px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-left: 4px solid #d22735;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1), #contents .sec-history .history-area .lower-history .col:nth-child(2), #contents .sec-history .history-area .lower-history .col:nth-child(3) {
    width: min(230px, 15.9722222222vw);
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) .history-cont, #contents .sec-history .history-area .lower-history .col:nth-child(2) .history-cont, #contents .sec-history .history-area .lower-history .col:nth-child(3) .history-cont {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) .history-cont .txt, #contents .sec-history .history-area .lower-history .col:nth-child(2) .history-cont .txt, #contents .sec-history .history-area .lower-history .col:nth-child(3) .history-cont .txt {
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) .history-cont .txt .wrap-in, #contents .sec-history .history-area .lower-history .col:nth-child(2) .history-cont .txt .wrap-in, #contents .sec-history .history-area .lower-history .col:nth-child(3) .history-cont .txt .wrap-in {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) .history-cont .txt .note, #contents .sec-history .history-area .lower-history .col:nth-child(2) .history-cont .txt .note, #contents .sec-history .history-area .lower-history .col:nth-child(3) .history-cont .txt .note {
    order: 3;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) .history-cont .ph, #contents .sec-history .history-area .lower-history .col:nth-child(2) .history-cont .ph, #contents .sec-history .history-area .lower-history .col:nth-child(3) .history-cont .ph {
    position: relative;
    width: 100%;
    aspect-ratio: 230/135;
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) .history-cont .ph img, #contents .sec-history .history-area .lower-history .col:nth-child(2) .history-cont .ph img, #contents .sec-history .history-area .lower-history .col:nth-child(3) .history-cont .ph img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1).colspan, #contents .sec-history .history-area .lower-history .col:nth-child(2).colspan, #contents .sec-history .history-area .lower-history .col:nth-child(3).colspan {
    display: flex;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1).colspan .history-cont:first-of-type, #contents .sec-history .history-area .lower-history .col:nth-child(2).colspan .history-cont:first-of-type, #contents .sec-history .history-area .lower-history .col:nth-child(3).colspan .history-cont:first-of-type {
    width: min(230px, 15.9722222222vw);
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1).colspan .history-cont:last-of-type, #contents .sec-history .history-area .lower-history .col:nth-child(2).colspan .history-cont:last-of-type, #contents .sec-history .history-area .lower-history .col:nth-child(3).colspan .history-cont:last-of-type {
    display: flex;
    width: min(225px, 15.625vw);
    margin-left: 15px;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1).colspan .history-cont:last-of-type .ph, #contents .sec-history .history-area .lower-history .col:nth-child(2).colspan .history-cont:last-of-type .ph, #contents .sec-history .history-area .lower-history .col:nth-child(3).colspan .history-cont:last-of-type .ph {
    display: flex;
    align-items: flex-end;
    padding-top: 25px;
    height: min(225px, 90px + 9.2361111111vw);
  }
}
#contents .sec-history .history-area .lower-history .col:nth-child(1).colspan .history-cont:last-of-type .ph img, #contents .sec-history .history-area .lower-history .col:nth-child(2).colspan .history-cont:last-of-type .ph img, #contents .sec-history .history-area .lower-history .col:nth-child(3).colspan .history-cont:last-of-type .ph img {
  position: static;
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(1) {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(2) {
    margin-top: 7.6923076923vw;
    order: 4;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(3) {
    order: 7;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(4) {
    width: min(105px, 7.2916666667vw);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(4) {
    order: 8;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(4) .history-cont .txt {
    padding-top: 25px;
    padding-left: 10px;
    border-left: 4px solid #d22735;
  }
}
@media screen and (min-width: 768px) {
  #contents .sec-history .history-area .lower-history .col:nth-child(4) .history-cont .txt .wrap-in {
    justify-content: flex-start;
    padding: 0;
    border-left: none;
    height: auto;
  }
}

#contents .sec-campaign {
  position: relative;
}
@media screen and (min-width: 768px) {
  #contents .sec-campaign {
    height: max(34.7222222222vw, 500px);
  }
}
#contents .sec-campaign .w-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #contents .sec-campaign .w-inner {
    padding: 0 60px;
  }
}
#contents .sec-campaign h2 {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  #contents .sec-campaign h2 {
    width: clamp(200px, 17.5694444444vw, 253px);
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-campaign h2 {
    width: 28.2051282051vw;
  }
}
#contents .sec-campaign .campaign-lead span {
  display: inline-block;
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #contents .sec-campaign .campaign-lead span {
    font-size: 3.5897435897vw;
    margin-bottom: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .sec-campaign .campaign-lead img {
    width: 81.5384615385vw;
  }
}
#contents .sec-campaign.campaign01 {
  background: url("../images/campaign/bg_campaign01_center.webp") no-repeat, url("../images/campaign/bg_campaign01.webp") no-repeat;
  background-size: auto 100%, cover;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  #contents .sec-campaign.campaign01 {
    padding-top: 7.6923076923vw;
    background: url("../images/campaign/bg_campaign01_center_sp.webp") no-repeat, url("../images/campaign/bg_campaign01.webp") no-repeat;
    background-size: 89.7435897436vw auto, cover;
    background-position: center bottom, center center;
    height: 66.6666666667vw;
  }
}
#contents .sec-campaign.campaign02 {
  background: url("../images/campaign/bg_campaign02_center.webp") no-repeat, url("../images/campaign/bg_campaign02.webp") no-repeat;
  background-size: auto 90%, cover;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  #contents .sec-campaign.campaign02 {
    height: 76.9230769231vw;
    background-size: 64.1025641026vw auto, cover;
    background-position: center top 57%, center center;
  }
}

#contents {
  font-family: "YakuHanJPs", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 768px) {
  #contents .w-inner {
    max-width: 1130px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #contents .w-inner {
    padding: 0 3.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  #contents .w-inner.sp-s {
    padding: 0 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #contents .pc {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  #contents .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #contents .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  #contents .sp {
    display: block !important;
  }
}
#contents .end {
  text-align: center;
  font-size: 2.4rem;
  padding: 0.5em 0;
  color: #fff;
  background: #000;
}
@media screen and (max-width: 767px) {
  #contents .end {
    font-size: 1.6rem;
  }
}/*# sourceMappingURL=style.css.map */