#sc-header {
  margin-bottom: 0;
}
#container {
  min-width: auto;
}

.contents,
.contents :is(*, *::before, *::after) {
  box-sizing: border-box;
}

.contents {
  background: #fff;
}
.contents a {
  text-decoration: none;
}

.contents :is(img, picture, svg) {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.trac_menu {
  display: none !important;
}

@media screen and (min-width: 769px) {
  .contents .hide-pc {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .contents .hide-sp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .contents__block1 {
    background: #075bac;
    display: grid;
    padding: 103px 20px 150px 20px;
    flex-direction: column;
    align-items: center;
    gap: 164px;
  }
  .contents__car-lineup-button-block {
    width: 310px;
    margin-inline: auto;
    margin-top: 48px;
  }
  .contents__note {
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    padding-inline: 20px;
    justify-content: center;
    margin-top: 128px;

    color: #666;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }
  .contents__note-item-list li {
    list-style: none;
  }
  .contents__cv-box {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .contents__block1 {
    background: #075bac;
    display: grid;
    padding: 64px 10px 80px 10px;
    flex-direction: column;
    align-items: center;
    gap: 96px;
  }
  .contents__car-lineup-button-block {
    width: 310px;
    margin-inline: auto;
    margin-top: 48px;
  }
  .contents__note {
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    padding-inline: 20px;
    justify-content: center;
    margin-top: 128px;

    color: #666;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }
  .contents__note-item-list {
    display: contents;
  }
  .contents__note-item-list li {
    list-style: none;
    display: contents;
  }
  .contents__note-item {
    display: contents;
  }
  .contents__cv-box {
    margin-top: 80px;
  }
  .contents__note-link {
    color: #4fb1e5;
    display: contents;
  }
}

@media screen and (min-width: 769px) {
  .contents-header {
    background: #eee;
    padding-top: 16px;
    padding-inline: 20px;
    padding-bottom: 12px;
  }
  .contents-header__title {
    width: 287px;
    margin-inline: auto;
  }
  .contents-header__bread-crumbs-list {
    max-width: 1000px;
    margin: auto;
    margin-top: 12px;
  }
  .contents-header__bread-crumbs-list li {
    list-style-type: none;
    display: inline-block;
    text-indent: 5px;
    font-size: 10px;
  }
  .contents-header__bread-crumbs-list li + li::before {
    content: ">";
    margin-right: 10px;
  }
  .contents-header__bread-crumbs-list a {
    text-decoration: underline;
    color: #333;
  }
}
@media screen and (max-width: 768px) {
  .contents-header {
    background: #eee;
    display: grid;
  }
  .contents-header__title {
    width: 165px;
    margin-inline: auto;
  }
  .contents-header__head {
    order: 2;
    padding-inline: 10px;
    padding-block: 7.5px;
    position: relative;
  }
  .contents-header__bread-crumbs-list {
    order: 1;
    background: #f8f8f8;
    padding-inline: 10px;
  }
  .contents-header__bread-crumbs-list li {
    list-style-type: none;
    display: inline-block;
    text-indent: 5px;
    font-size: 10px;
  }
  .contents-header__bread-crumbs-list li + li::before {
    content: ">";
    margin-right: 10px;
  }
  .contents-header__bread-crumbs-list a {
    text-decoration: underline;
    color: #333;
  }
  .contents-header__button {
    width: 30px;
    height: 15px;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin-block: auto;
  }
}

@media screen and (min-width: 769px) {
  .safety-nav__list {
    display: flex;
    justify-content: center;
    gap: 40px;
  }
  .safety-nav__label {
    height: 30px;
    overflow: hidden;
  }
  .safety-nav__link {
    display: block;
    height: 80px;
    padding-top: 25px;
    position: relative;
  }
  .safety-nav__link:hover:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: #eee solid 13px;
    border-left: transparent solid 12px;
    border-right: transparent solid 12px;
    margin-inline: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .safety-nav__link:hover .safety-nav__label img {
    margin-top: -32px;
  }
  .safety-nav__item--top {
    width: 220px;
  }
  .safety-nav__item--why {
    width: 200px;
  }
  .safety-nav__item--eyesight {
    width: 100px;
  }
  .safety-nav__item--starlink {
    width: 115px;
  }
  .safety-nav__item--choice {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .safety-nav__list {
    display: grid;
  }
  .safety-nav__item {
    border-bottom: solid #ccc 1px;
  }
  .safety-nav__label {
    height: 30px;
    overflow: hidden;
  }
  .safety-nav__link {
    display: block;
    position: relative;
    padding-left: 55px;
    padding-block: 5px;
  }
  .safety-nav__link::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    width: 10px;
    height: 15px;
    margin-block: auto;
    background-image: url(/safety/eyesight/assets/img/sp/contents-header__link-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .safety-nav__item--top .safety-nav__label {
    width: 220px;
  }
  .safety-nav__item--why .safety-nav__label {
    width: 200px;
  }
  .safety-nav__item--eyesight .safety-nav__label {
    width: 100px;
  }
  .safety-nav__item--starlink .safety-nav__label {
    width: 115px;
  }
  .safety-nav__item--choice .safety-nav__label {
    width: 150px;
  }
}

@media screen and (min-width: 769px) {
  .kv {
    position: relative;
  }
  .kv__background {
    position: relative;
  }
  .kv__background-camera {
    position: absolute;
    top: 0;
    width: calc(100% / 1440 * 50);
    aspect-ratio: 1;
    border-radius: 100%;
    border: 4px solid #fff;
  }
  .kv__background-camera--1 {
    left: calc(100% / 1440 * 171);
    margin-top: calc(100% / 1440 * 168);
  }
  .kv__background-camera--2 {
    left: calc(100% / 1440 * 280);
    margin-top: calc(100% / 1440 * 267);
  }
  .kv__background-camera--3 {
    left: calc(100% / 1440 * 547);
    margin-top: calc(100% / 1440 * 200);
  }
  .kv__eyesight-logo {
    position: absolute;
    width: calc(100% / 1440 * 385.6);
    margin-top: calc(100% / 1440 * 15);
    top: 0;
    left: calc(100% / 1440 * 13);
  }
  .kv__catch {
    position: absolute;
    width: calc(100% / 1440 * 1145);
    margin-top: calc(100% / 1440 * 477);
    top: 0;
    left: calc(100% / 1440 * 147);
    filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.7));
  }
  .kv__background::before {
    content: "";
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    width: calc(100% / 1440 * 1420);
    bottom: 0;
    margin-bottom: calc(100% / 1440 * 10);
    padding-top: calc(100% / 1440 * 50);
    left: calc(100% / 1440 * 10);
    opacity: 0.5;
    background-color: #075bac;
  }
}
@media screen and (max-width: 768px) {
  .kv {
    position: relative;
  }
  .kv__background {
    position: relative;
  }
  .kv__background-camera {
    position: absolute;
    top: 0;
    width: calc(100% / 375 * 20);
    aspect-ratio: 1;
    border-radius: 100%;
    border: 2px solid #fff;
  }
  .kv__background-camera--1 {
    left: calc(100% / 375 * 101);
    margin-top: calc(100% / 375 * 69);
  }
  .kv__background-camera--2 {
    left: calc(100% / 375 * 148);
    margin-top: calc(100% / 375 * 111);
  }
  .kv__background-camera--3 {
    left: calc(100% / 375 * 265);
    margin-top: calc(100% / 375 * 83);
  }
  .kv__eyesight-logo {
    position: absolute;
    width: calc(100vw / 375 * 148);
    top: calc(100vw / 375 * 8);
    left: calc(100vw / 375 * 7);
  }
  .kv__catch {
    position: absolute;
    width: calc(100vw / 375 * 367);
    top: 0;
    margin-top: calc(100vw / 375 * 202);
    left: calc(100vw / 375 * 4);
    filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.7));
  }
  .kv__background::before {
    content: "";
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    width: calc(100vw / 375 * 367);
    top: 0;
    margin-top: calc(100vw / 375 * 202);
    padding-top: calc(100vw / 375 * 32);
    left: calc(100vw / 375 * 4);
    opacity: 0.5;
    background-color: #075bac;
  }
}

@media screen and (min-width: 769px) {
  .safe-life {
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    justify-content: center;
  }
  .safe-life__title {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 31px;
    text-align: center;
  }
  .safe-life__title-inner {
    display: inline-block;
    position: relative;
    color: #075bac;
    font-family: Noto Sans JP;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: 3.2px;
  }
  .safe-life__title-inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #075bac;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .safe-life__title1 {
    font-size: 48px;
  }
  .safe-life__title2 {
    font-size: 61px;
    color: #f2bd00;
  }
  .safe-life__title3 {
    font-size: 48px;
    color: #f2bd00;
  }

  .safe-life__point1 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .safe-life__point2 {
    margin-top: 164px;
  }
  .safe-life__point3 {
    margin-top: 153px;
  }
  .safe-life__point4 {
    margin-top: 153px;
  }
  .safe-life__camera {
    margin-top: 167px;
  }
  .safe-life__accident {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1096px) {
  .safe-life__point2 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .safe-life__point3 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .safe-life__point4 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .safe-life {
    display: grid;
    justify-content: center;
  }
  .safe-life__title {
    background: #fff;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
  }
  .safe-life__title-inner {
    display: inline-block;
    position: relative;
    color: #075bac;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 3.2px;
    padding-bottom: 10px;
  }
  .safe-life__title-inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #075bac;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .safe-life__title1 {
    font-size: 32px;
  }
  .safe-life__title2 {
    font-size: 40px;
    color: #f2bd00;
  }
  .safe-life__title3 {
    font-size: 32px;
    color: #f2bd00;
  }

  .safe-life__point1 {
    margin-top: 78.77px;
    padding-inline: 10px;
  }
  .safe-life__point2 {
    margin-top: 98.77px;
    padding-inline: 10px;
  }
  .safe-life__point3 {
    margin-top: 98.77px;
    padding-inline: 10px;
  }
  .safe-life__point4 {
    margin-top: 98.77px;
    padding-inline: 10px;
  }
  .safe-life__camera {
    margin-top: 96px;
  }
  .safe-life__accident {
    margin-top: 48px;
  }
}

@media screen and (min-width: 769px) {
  .point-section {
  }
  .point-section__title {
    margin-left: 30px;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
  }
  .point-section__title-no {
    color: #ffc700;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: -2px;
  }
  .point-section__catch {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    position: relative;

    color: #fff;
    font-family: Noto Sans JP;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 4px;
  }
  .point-section__catch::before,
  .point-section__catch::after {
    content: "";
    display: block;
    width: 140px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
  }
  .point-section__catch::before {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='66' viewBox='0 0 142 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.597 15.5859C14.9748 15.3846 14.4817 14.9331 14.2618 14.3635H1V13.0271H14.262C14.4819 12.4576 14.975 12.0063 15.597 11.805V1H17.0567V11.805C17.6788 12.0063 18.1719 12.4576 18.3918 13.0271H141.131V14.3635H18.3919C18.172 14.9331 17.6789 15.3846 17.0567 15.5859V65.1446H15.597V15.5859Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
    left: 0;
    top: 0;
  }
  .point-section__catch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='66' viewBox='0 0 142 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M126.534 50.5587C127.157 50.76 127.65 51.2115 127.87 51.7811H141.131V53.1175H127.869C127.649 53.6869 127.156 54.1383 126.534 54.3396V65.1446H125.075V54.3396C124.453 54.1383 123.96 53.6869 123.74 53.1175H1V51.7811H123.739C123.959 51.2115 124.452 50.76 125.075 50.5587V1H126.534V50.5587Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
    right: 0;
    bottom: 0;
  }
  .point-section__catch-sup {
    font-size: 0.5em;
    vertical-align: super;
  }
  .point-section__video {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
  }
  .point-section__text {
    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
  }
  .point-section__wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .point-section__note {
    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-top: 10px;
  }
  .point-section--1 .point-section__image {
    margin-top: 10px;
  }

  .point-section--2 {
    display: grid;
    grid-template-columns: 1fr calc(100% / 1200 * 538);
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }

  .point-section--3 {
    display: grid;
    grid-template-columns: calc(100% / 1200 * 538) 1fr;
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }
  .point-section--3 .point-section__image {
    order: 1;
  }
  .point-section--3 .point-section__wrapper {
    order: 2;
  }

  .point-section--4 {
    display: grid;
    grid-template-columns: 1fr calc(100% / 1200 * 538);
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }

  .point-section--5 {
    display: grid;
    grid-template-columns: calc(100% / 1200 * 538) 1fr;
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }
  .point-section--5 .point-section__image {
    order: 1;
  }
  .point-section--5 .point-section__wrapper {
    order: 2;
  }

  :is(.point-section--5, .point-section--6) .point-section__title-no {
    color: #00f0ff;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__title {
    color: #075bac;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__title-no {
    color: #ff7a00;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__catch {
    color: #075bac;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__catch::before {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='66' viewBox='0 0 142 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.597 15.5859C14.9748 15.3846 14.4817 14.9331 14.2618 14.3635H1V13.0271H14.262C14.4819 12.4576 14.975 12.0063 15.597 11.805V1H17.0567V11.805C17.6788 12.0063 18.1719 12.4576 18.3918 13.0271H141.131V14.3635H18.3919C18.172 14.9331 17.6789 15.3846 17.0567 15.5859V65.1446H15.597V15.5859Z' fill='%23075BAC' stroke='%23075BAC'/%3E%3C/svg%3E%0A");
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__catch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='66' viewBox='0 0 142 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M126.534 50.5587C127.157 50.76 127.65 51.2115 127.87 51.7811H141.131V53.1175H127.869C127.649 53.6869 127.156 54.1383 126.534 54.3396V65.1446H125.075V54.3396C124.453 54.1383 123.96 53.6869 123.74 53.1175H1V51.7811H123.739C123.959 51.2115 124.452 50.76 125.075 50.5587V1H126.534V50.5587Z' fill='%23075BAC' stroke='%23075BAC'/%3E%3C/svg%3E%0A");
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__text {
    color: #00205b;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__note {
    color: #00205b;
  }
  .point-section--6 {
    display: grid;
    grid-template-columns: 1fr calc(100% / 1200 * 538);
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }

  .point-section--7 {
    display: grid;
    grid-template-columns: 1fr calc(100% / 1200 * 538);
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }

  .point-section--8 {
    display: grid;
    grid-template-columns: calc(100% / 1200 * 538) 1fr;
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }
  .point-section--8 .point-section__image {
    order: 1;
  }
  .point-section--8 .point-section__wrapper {
    order: 2;
  }

  .point-section--9 {
    display: grid;
    grid-template-columns: 1fr calc(100% / 1200 * 538);
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }

  .point-section--10 {
    display: grid;
    grid-template-columns: calc(100% / 1200 * 538) 1fr;
    grid-template-rows: auto;
    gap: calc(100% / 1200 * 69);
  }
  .point-section--10 .point-section__image {
    order: 1;
  }
  .point-section--10 .point-section__wrapper {
    order: 2;
  }
  .point-section--10 .point-section__catch {
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1096px) {
  .point-section .point-section__wrapper {
    display: contents;
    order: unset;
  }
  .point-section {
    display: flex;
    flex-direction: column;
  }
  .point-section .point-section__title {
    order: 1;
  }
  .point-section .point-section__catch {
    order: 2;
  }
  .point-section .point-section__image {
    order: 3;
    margin-top: 22px;
  }
  .point-section .point-section__text {
    order: 4;
  }
}
@media screen and (max-width: 768px) {
  .point-section {
    display: grid;
  }
  .point-section__wrapper {
    display: contents;
  }
  .point-section__title {
    order: 1;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
  }
  .point-section__title-no {
    color: #ffc700;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: -2px;
  }
  .point-section__catch {
    order: 2;
    position: relative;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: calc((100vw - 55px) / 320 * 30);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 4px;
    padding-left: 7.5px;
  }
  .point-section__catch::before,
  .point-section__catch::after {
    content: "";
    display: block;
    width: 93px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
  }
  .point-section__catch::before {
    background-image: url("data:image/svg+xml,%3Csvg width='95' height='42' viewBox='0 0 95 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.08531 7.16667C7.23593 7.55741 7.57375 7.86711 8 8.00521V41H9V8.00521C9.42625 7.86711 9.76407 7.55741 9.91469 7.16667H94V6.25H9.9146C9.76394 5.85937 9.42616 5.54977 9 5.41169V1H8V5.41169C7.57384 5.54977 7.23606 5.85937 7.0854 6.25H1V7.16667H7.08531Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
    left: -12px;
    top: -12px;
  }
  .point-section__catch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='95' height='43' viewBox='0 0 95 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M87.9147 35.8333C87.7641 35.4426 87.4262 35.1329 87 34.9948V1H86V34.9948C85.5738 35.1329 85.2359 35.4426 85.0853 35.8333H1V36.75L85.0854 36.75C85.2361 37.1406 85.5738 37.4502 86 37.5883V42H87V37.5883C87.4262 37.4502 87.7639 37.1406 87.9146 36.75H94V35.8333H87.9147Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
    right: -12px;
    bottom: -12px;
  }
  .point-section__catch-sup {
    font-size: 0.5em;
    vertical-align: super;
  }
  .point-section__image {
    order: 3;
    margin-top: 30px;
  }
  .point-section__video {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
  }
  .point-section__text {
    order: 4;
    margin-top: 10px;
    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.68px;
  }
  .point-section__note {
    display: block;
    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
  }

  :is(.point-section--5, .point-section--6) .point-section__title-no {
    color: #00f0ff;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__title {
    color: #075bac;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__title-no {
    color: #ff7a00;
  }

  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__catch {
    color: #075bac;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__catch::before {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='66' viewBox='0 0 142 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.597 15.5859C14.9748 15.3846 14.4817 14.9331 14.2618 14.3635H1V13.0271H14.262C14.4819 12.4576 14.975 12.0063 15.597 11.805V1H17.0567V11.805C17.6788 12.0063 18.1719 12.4576 18.3918 13.0271H141.131V14.3635H18.3919C18.172 14.9331 17.6789 15.3846 17.0567 15.5859V65.1446H15.597V15.5859Z' fill='%23075BAC' stroke='%23075BAC'/%3E%3C/svg%3E%0A");
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__catch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='142' height='66' viewBox='0 0 142 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M126.534 50.5587C127.157 50.76 127.65 51.2115 127.87 51.7811H141.131V53.1175H127.869C127.649 53.6869 127.156 54.1383 126.534 54.3396V65.1446H125.075V54.3396C124.453 54.1383 123.96 53.6869 123.74 53.1175H1V51.7811H123.739C123.959 51.2115 124.452 50.76 125.075 50.5587V1H126.534V50.5587Z' fill='%23075BAC' stroke='%23075BAC'/%3E%3C/svg%3E%0A");
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__text {
    color: #00205b;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  :is(
      .point-section--7,
      .point-section--8,
      .point-section--9,
      .point-section--10
    )
    .point-section__note {
    color: #00205b;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-top: 10px;
  }
  .point-section--4 .point-section__catch {
    font-size: calc((100vw - 55px) / 320 * 28);
  }
}

@media screen and (min-width: 769px) {
  .safe-life-camera {
    display: grid;
    grid-template-columns: minmax(0, 864px);
    justify-content: center;
    background: #00205b;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-inline: 20px;
  }
  .safe-life-camera__title {
    color: #fff;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 70px;
    letter-spacing: 4.8px;
    position: relative;
    padding-bottom: 10px;
  }
  .safe-life-camera__title::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .safe-life-camera__title1 {
    font-size: 48px;
  }
  .safe-life-camera__title2 {
    font-size: 96px;
  }
  .safe-life-camera__video {
    margin-top: 30px;
  }
  .safe-life-camera__title-lv2 {
    margin-top: 30px;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 2px;
  }
  .safe-life-camera__title-lv2-sup {
    font-size: 0.5em;
    vertical-align: super;
  }
  .safe-life-camera__text {
    margin-top: 20px;

    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.85px;
  }
  .safe-life-camera__note {
    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .safe-life-camera {
    display: grid;
    justify-content: center;
    background: #00205b;
    padding-top: 52.94px;
    padding-bottom: 48px;
    padding-inline: 20px;
  }
  .safe-life-camera__title {
    color: #fff;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 3.2px;
    position: relative;
    padding-bottom: 10px;
  }
  .safe-life-camera__title::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .safe-life-camera__title1 {
    font-size: 32px;
  }
  .safe-life-camera__title2 {
    font-size: 48px;
  }
  .safe-life-camera__video {
    margin-top: 42.91px;
  }
  .safe-life-camera__title-lv2 {
    margin-top: 30px;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 2px;
  }
  .safe-life-camera__title-lv2-sup {
    font-size: 0.5em;
    vertical-align: super;
  }
  .safe-life-camera__text {
    margin-top: 20px;

    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.85px;
  }
  .safe-life-camera__note {
    color: #fff;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
    margin-top: 20px;
  }
}

@media screen and (min-width: 769px) {
  .safe-life-accident {
    display: grid;
    padding: 80px 96px;
    gap: calc(100% / 1008 * 80);
    grid-template-columns: calc(100% / 1008 * 418) calc(100% / 1008 * 502);
    background: #fff;
  }
  .safe-life-accident__block2 {
    padding-top: 6px;
  }
  .safe-life-accident__title {
    color: #000;
    font-family: Noto Sans JP;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 3.2px;
  }
  .safe-life-accident__title2 {
    font-family: Noto Sans JP;
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 4px;
  }
  .safe-life-accident__title-sup1 {
    vertical-align: super;
    font-size: 0.5em;
  }
  .safe-life-accident__title-sup2 {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
  }
  .safe-life-accident__title3 {
    position: relative;
    color: #00a0dc;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 160px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: block;
    height: 160px;
    margin-top: 20px;
  }
  .safe-life-accident__percent-no {
  }
  .safe-life-accident__percent {
    font-size: 96px;
  }
  .safe-life-accident__note-list {
    margin-top: 20px;
  }
  .safe-life-accident__note-item {
    list-style: none;
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .safe-life-accident__note {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  a.safe-life-accident__link {
    text-decoration: underline;
    color: #000;
  }
  .safe-life-accident__link::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.245117' width='16' height='16' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_759_455' transform='translate(0 0.136364) scale(0.0909091)'/%3E%3C/pattern%3E%3Cimage id='image0_759_455' width='11' height='8' xlink:href='data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkMwMjU3NDNCQUVGMTFFOEE4RkRFQ0Q1QUNGNTAyQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkMwMjU3NDRCQUVGMTFFOEE4RkRFQ0Q1QUNGNTAyQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzAyNTc0MUJBRUYxMUU4QThGREVDRDVBQ0Y1MDJBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzAyNTc0MkJBRUYxMUU4QThGREVDRDVBQ0Y1MDJBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl+187EAAABASURBVHjaYly8eDEDFPxnIABYoIoYQZyYmBhGXAqXLFnyn4mBBEA7xSzo7iJKMT7PQQ1iYAQG3X9inAAyDCDAAD9DEeaNjFVQAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
    vertical-align: middle;
    margin-left: 6px;
  }
  .safe-life-accident__catch {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
  }
  .safe-life-accident__catch-strong {
    color: #00a0dc;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1px;
    margin-top: 10px;
    display: block;
    font-feature-settings: "palt";
  }
  .safe-life-accident__catch1 {
    display: block;
    margin-top: 6px;
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
  }
  .safe-life-accident__catch-sup {
    font-size: 0.5em;
    vertical-align: super;
  }
  .safe-life-accident__graph {
    margin-top: 10.73px;
  }

  .safe-life-accident-graph__mark {
    margin-top: 8.46px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .safe-life-accident {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .safe-life-accident {
    display: grid;
    padding: 28px 30px 30px;
    background: #fff;
    align-items: center;
  }
  .safe-life-accident__title {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 2.4px;
  }
  .safe-life-accident__title2 {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
  }
  .safe-life-accident__title-sup1 {
    vertical-align: super;
    font-size: 0.5em;
  }
  .safe-life-accident__title-sup2 {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 18px;
    color: #000;
  }
  .safe-life-accident__title3 {
    position: relative;
    color: #00a0dc;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: 84px;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  .safe-life-accident__percent-no {
  }
  .safe-life-accident__percent {
    font-size: 64px;
  }
  .safe-life-accident__note-list {
    margin-top: 10px;
  }
  .safe-life-accident__note-item {
    list-style: none;
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .safe-life-accident__note {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
  }
  a.safe-life-accident__link {
    text-decoration: underline;
    color: #000;
  }
  .safe-life-accident__link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.245117' width='16' height='16' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_759_455' transform='translate(0 0.136364) scale(0.0909091)'/%3E%3C/pattern%3E%3Cimage id='image0_759_455' width='11' height='8' xlink:href='data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkMwMjU3NDNCQUVGMTFFOEE4RkRFQ0Q1QUNGNTAyQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkMwMjU3NDRCQUVGMTFFOEE4RkRFQ0Q1QUNGNTAyQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzAyNTc0MUJBRUYxMUU4QThGREVDRDVBQ0Y1MDJBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzAyNTc0MkJBRUYxMUU4QThGREVDRDVBQ0Y1MDJBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl+187EAAABASURBVHjaYly8eDEDFPxnIABYoIoYQZyYmBhGXAqXLFnyn4mBBEA7xSzo7iJKMT7PQQ1iYAQG3X9inAAyDCDAAD9DEeaNjFVQAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 6px;
  }
  .safe-life-accident__catch {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 64px;
  }
  .safe-life-accident__catch-strong {
    color: #00a0dc;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.72px;
    margin-top: 10px;
    display: block;
  }
  .safe-life-accident__catch1 {
    display: block;
    margin-top: 6px;
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
  }
  .safe-life-accident__catch-sup {
    font-size: 0.5em;
    vertical-align: super;
  }
  .safe-life-accident__graph {
    margin-top: 10.66px;
  }
}

@media screen and (min-width: 769px) {
  .safe-freeze {
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    justify-content: center;
  }
  .safe-freeze__title {
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 4px;
    text-align: center;
    border: 1px solid #fff;
    padding-top: 29px;
    padding-bottom: 29px;
  }
  .safe-freeze__title-inner {
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
  }
  .safe-freeze__title-inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .safe-freeze__point5 {
    margin-top: 128px;
  }
  .safe-freeze__point6 {
    margin-top: 153px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1096px) {
  .safe-freeze__point5 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .safe-freeze__point6 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .safe-freeze {
    display: grid;
    justify-content: center;
    padding-inline: 10px;
  }
  .safe-freeze__title {
    padding-top: 29px;
    padding-bottom: 29px;
    margin-inline: 2px;
    border: 1px solid #fff;
    display: grid;
    justify-content: center;
  }
  .safe-freeze__title-inner {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .safe-freeze__point5 {
    margin-top: 50.77px;
  }
  .safe-freeze__point6 {
    margin-top: 98.77px;
  }
}

@media screen and (min-width: 769px) {
  .eyesight-cars {
    background: #f5f5f5;
    padding-block: 80px;
    padding-inline: 20px;
  }
  .eyesight-cars__title {
    color: #000;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 3.6px;
  }
  .eyesight-cars__list {
    max-width: 1200px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
  }
  .eyesight-cars__item {
    width: calc((100% - 60px) / 4);
  }
  .eyesight-cars__note {
    color: #000;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .eyesight-cars {
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 48px;
  }
  .eyesight-cars__title {
    color: #000;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 2px;
  }
  .eyesight-cars__list-container {
    padding-inline: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
  .eyesight-cars__list {
  }
  .eyesight-cars__item {
    width: 150px;
  }
  .eyesight-cars__note {
    color: #000;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .eyesight-cars__arrow--next {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 39px;
    top: 64px;
    z-index: 2;
    transition: opacity 0.25s;
  }
  .eyesight-cars__arrow--next.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
  }
}

@media screen and (min-width: 769px) {
  .eyesight-cars-card {
    display: block;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.16);
    padding-bottom: 10px;
    transition: box-shadow 0.25s;
    overflow: hidden;
  }
  .eyesight-cars-card:hover {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.16);
  }
  .eyesight-cars-card__name {
    margin-top: 10px;
    margin-inline: 8px;
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
  }
  .eyesight-cars-card__price {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-inline: 8px;
  }
}
@media screen and (max-width: 768px) {
  .eyesight-cars-card {
    display: block;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.16);
    padding-bottom: 10px;
    overflow: hidden;
  }
  .eyesight-cars-card__name {
    margin-top: 10px;
    margin-inline: 8px;
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
  }
  .eyesight-cars-card__price {
    color: #000;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    margin-inline: 8px;
  }
  .eyesight-cars-card__price--reservation {
    font-size: 15px;
    line-height: 27px;
  }
}

@media screen and (min-width: 769px) {
  .eyesight-x {
    padding-top: 160px;
    padding-bottom: 160px;
    padding-inline: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    justify-content: center;
  }
  .eyesight-x__title {
    background: #075bac;
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.16);
    padding-top: 20px;
    padding-bottom: 33px;
    text-align: center;
    padding-inline: 20px;
  }
  .eyesight-x__title-inner {
    color: #fff;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 4.8px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 5px;
    position: relative;
  }
  .eyesight-x__title-inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .eyesight-x__title1 {
    font-size: 48px;
  }
  .eyesight-x__title2 {
    font-size: 48px;
    color: #fa9b44;
  }

  .eyesight-x__point7 {
    margin-top: 128px;
  }
  .eyesight-x__point8 {
    margin-top: 153px;
  }
  .eyesight-x__point9 {
    margin-top: 153px;
  }
  .eyesight-x__point10 {
    margin-top: 153px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1096px) {
  .eyesight-x__point7 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .eyesight-x__point8 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .eyesight-x__point9 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
  .eyesight-x__point10 {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .eyesight-x {
    padding-top: 80px;
    padding-bottom: 160px;
    padding-inline: 20px;
  }
  .eyesight-x__title {
    background: #075bac;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
  }
  .eyesight-x__title-inner {
    color: #fff;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35.2px;
    border-bottom: 3px solid #fff;
    display: inline-block;
    padding-bottom: 7px;
  }
  .eyesight-x__title1 {
    font-size: 32px;
  }
  .eyesight-x__title2 {
    font-size: 32px;
    color: #fa9b44;
  }

  .eyesight-x__point7 {
    margin-top: 82.77px;
  }
  .eyesight-x__point8 {
    margin-top: 82.77px;
  }
  .eyesight-x__point9 {
    margin-top: 82.77px;
  }
  .eyesight-x__point10 {
    margin-top: 82.77px;
  }
}

@media screen and (min-width: 769px) {
  .car-lineup-button {
    display: block;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: center;
    background: #000;
    transition: 0.25s;
    border: 1px solid #000;
  }
  .car-lineup-button:hover {
    background-color: #fff;
    color: #000;
  }
  .car-lineup-button__arrow {
    width: 10px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: -2px;
  }
  .car-lineup-button__arrow svg path {
    transition: fill 0.25s;
  }
  .car-lineup-button:hover .car-lineup-button__arrow svg path {
    fill: #000;
  }
}
@media screen and (max-width: 768px) {
  .car-lineup-button {
    display: block;
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    background: #000;
  }
  .car-lineup-button__arrow {
    width: 10px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: -2px;
  }
}

@media screen and (min-width: 769px) {
  .cv-box {
    background-color: #f2f2f2;
    padding-block: 28px;
  }
  .cv-box__list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 232px));
    justify-content: center;
  }
  .cv-box__link {
    transition: opacity 0.25s;
  }
  .cv-box__link:hover {
    opacity: 0.5;
  }
}

/* animation */
:is(.point-section, .safe-life-camera, .safe-life-accident).js-animation {
  opacity: 0;
  translate: 0 10% 0;
  transition: opacity 0.5s, translate 0.5s;
}
:is(
    .point-section,
    .safe-life-camera,
    .safe-life-accident
  ).js-animation.animate {
  opacity: 1;
  translate: 0 0 0;
}

.safe-life__title.js-animation .safe-life__title-inner::after,
.safe-freeze__title.js-animation .safe-freeze__title-inner::after,
.eyesight-x__title.js-animation .eyesight-x__title-inner::after,
.safe-life-camera__title.js-animation::after {
  scale: 0 1;
  transition: scale 0.25s;
  transition-delay: 0.5s;
}
.safe-life__title.js-animation.animate .safe-life__title-inner::after,
.safe-freeze__title.js-animation.animate .safe-freeze__title-inner::after,
.eyesight-x__title.js-animation.animate .eyesight-x__title-inner::after,
.safe-life-camera__title.js-animation.animate::after {
  scale: 1 1;
}

.js-animation .kv__background-camera {
  transition: scale 0.5s, opacity 0.5s;
  opacity: 0;
  scale: 0.5;
}
.js-animation .kv__eyesight-logo {
  transition: opacity 0.5s;
  opacity: 0;
  transition-delay: 1.25s;
}
.js-animation .kv__catch {
  transition: opacity 0.5s;
  opacity: 0;
  transition-delay: 1.25s;
}
.js-animation .kv__background::before {
  transition: opacity 0.5s, scale 0.5s;
  scale: 0 1;
  opacity: 0;
  transition-delay: 1.25s;
}
.js-animation .kv__background-camera--1 {
  transition-delay: 0.25s;
}
.js-animation .kv__background-camera--2 {
  transition-delay: 0.5s;
}
.js-animation .kv__background-camera--3 {
  transition-delay: 0.75s;
}
.js-animation.animate .kv__background-camera {
  opacity: 1;
  scale: 1;
}
.js-animation.animate .kv__eyesight-logo {
  opacity: 1;
}
.js-animation.animate .kv__catch {
  opacity: 1;
}

.js-animation.animate .kv__background::before {
  opacity: 0.5;
  scale: 1 1;
}