.brandKeyVisual {
  background-color: #e6ecf0;
}

@media screen and (min-width: 768px) {
  .brandKeyVisual {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.brandKeyVisual__image .photo {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.brandKeyVisual__image .photo__pic, .brandKeyVisual__image .photo__image {
  height: 100%;
  width: 100%;
}

.brandKeyVisual__image .photo__image {
  -webkit-filter: brightness(1.2) blur(10px);
          filter: brightness(1.2) blur(10px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-filter 1.8s ease-in-out, -webkit-transform 1.8s ease-in-out;
  transition: -webkit-filter 1.8s ease-in-out, -webkit-transform 1.8s ease-in-out;
  transition: filter 1.8s ease-in-out, transform 1.8s ease-in-out;
  transition: filter 1.8s ease-in-out, transform 1.8s ease-in-out, -webkit-filter 1.8s ease-in-out, -webkit-transform 1.8s ease-in-out;
}

@media screen and (min-width: 768px) {
  .brandKeyVisual__image:first-child {
    grid-column: auto / span 2;
  }
}

.brandKeyVisual__image:nth-child(2) .photo__image {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

@media screen and (min-width: 768px) {
  .brandKeyVisual__image:nth-child(2) .photo__capIn {
    left: 0;
    right: auto;
  }
}

.brandKeyVisual__image:nth-child(3) .photo__image {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.brandKeyVisual.sai-animate .brandKeyVisual__image .photo__image {
  -webkit-filter: brightness(1) blur(0);
          filter: brightness(1) blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media screen and (min-width: 768px) {
  .introSect__head .headingUnit .heading + .txt {
    max-width: 880px;
  }
}

@media screen and (min-width: 768px) {
  .ownerSect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 60px 120px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: -120px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1439px) {
  .ownerSect {
    gap: 60px;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .ownerSect:not(:first-child) {
    margin-top: 200px;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect:not(:first-child) {
    margin-top: 100px;
  }
}

@media screen and (min-width: 768px) {
  .ownerSect__head {
    width: 880px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1439px) {
  .ownerSect__head {
    width: 760px;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__head {
    margin: 0 -20px;
  }
}

.ownerSect__head .usableList__inner {
  display: grid;
}

@media screen and (min-width: 768px) {
  .ownerSect__head .usableList__inner {
    gap: 16px 20px;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__head .usableList__inner {
    gap: 2px;
  }
}

@media screen and (min-width: 768px) {
  .ownerSect__head--mitsubishi .usableList__inner {
    grid-template-columns: 33fr 53fr;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__head--mitsubishi .usableList__inner {
    grid-template-columns: 143fr 230fr;
  }
}

.ownerSect__head--mitsubishi .usableList__item:last-child {
  grid-column: auto / span 2;
}

.ownerSect__head--sumitomo .usableList__inner {
  grid-template-columns: repeat(2, 1fr);
}

.ownerSect__head--sumitomo .usableList__item:last-child {
  grid-column: auto / span 2;
}

.ownerSect__head--kintetsu .usableList__inner {
  grid-template-columns: repeat(2, 1fr);
}

.ownerSect__head--kintetsu .usableList__item:first-child {
  grid-column: auto / span 2;
}

@media screen and (min-width: 768px) {
  .ownerSect__cont {
    width: 320px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .ownerSect__cont {
    width: 760px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .ownerSect__cont .headingUnit .heading {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__cont .headingUnit .heading {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .ownerSect__cont .headingUnit .txt .caption {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__cont .headingUnit .txt .caption {
    display: block;
    margin-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__head + .ownerSect__cont {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .ownerSect__logo {
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__logo {
    margin: 0 auto;
  }
}

.ownerSect__logo img {
  height: auto;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ownerSect__logo + .headingUnit {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__logo + .headingUnit {
    margin-top: 40px;
  }
}

.ownerSect__logo--mitsubishi {
  width: 316px;
}

@media screen and (min-width: 768px) {
  .ownerSect__logo--sumitomo {
    width: 192px;
  }
}

@media screen and (max-width: 768px) {
  .ownerSect__logo--sumitomo {
    width: 201px;
  }
}

.ownerSect__logo--kintetsu {
  width: 222px;
}

@media screen and (min-width: 768px) {
  .ownerSect--rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: -120px;
    margin-right: 0;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1439px) {
  .ownerSect--rev {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .brand-introduction {
    padding: 140px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .brand-introduction {
    padding: 100px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .brand-detail {
    padding: 200px 0;
  }
}

@media screen and (max-width: 768px) {
  .brand-detail {
    padding: 100px 0;
  }
}