@charset "UTF-8";
.mainArea p {
  max-width: 800px;
  margin: 2rem auto 1rem; }
  @media only screen and (max-width: 979px) {
    .mainArea p {
      width: 90%; } }

.contents-description {
  padding: 1rem 0 2rem; }
  .contents-description .pointBox picture {
    padding: 1rem 0 2.5rem;
    display: block; }

.tpms_flex {
  display: flex;
  align-items: center;
  margin: 0.5rem 0 2.5rem;
  /* ===== mobile用追加 ===== */ }
  @media only screen and (max-width: 767px) {
    .tpms_flex {
      display: block;
      width: 100%;
      padding-bottom: 2rem;
      margin: .5rem 0; }
      .tpms_flex p.lineuptxt {
        margin: .5rem 0 0; } }
  .tpms_flex picture {
    margin: 0;
    width: 48%; }
    .tpms_flex picture img {
      width: 90%; }
  .tpms_flex-cont {
    width: 48%;
    font-size: 18px; }
    .tpms_flex-cont h3 {
      padding-bottom: 10px;
      font-size: 20px;
      font-weight: bold;
      border-bottom: none; }
    .tpms_flex-cont p {
      font-size: 16px; }
    .tpms_flex-cont span.noteRed {
      font-size: 85%;
      color: #e60012; }
  @media only screen and (max-width: 767px) {
    .tpms_flex.clearfix {
      flex-direction: column; }
    .tpms_flex picture, .tpms_flex-cont {
      width: 100%;
      padding: 0.5rem 0 1rem; }
    .tpms_flex picture img {
      width: 100%; } }

.movieBlock {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem 0 1rem; }
  @media only screen and (max-width: 979px) {
    .movieBlock {
      width: 90%; } }
  .movieBlock iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block; }

.ankerList {
  margin: 1rem;
  background-color: #FFF; }
  .ankerList ul {
    padding: .5rem;
    font-size: 12px; }
    .ankerList ul li {
      display: inline-block;
      padding: 5px;
      margin: 10px 5px; }
      .ankerList ul li a {
        color: #454545;
        background: #D4D4D4;
        -webkit-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        border-radius: 1.5rem;
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 10px 15px; }
        .ankerList ul li a:after {
          content: "\2304";
          display: inline-block;
          margin: 0 0.2em;
          line-height: 100%;
          vertical-align: top; }
        .ankerList ul li a:hover, .ankerList ul li a:active, .ankerList ul li a:focus {
          text-decoration: none;
          background: #eeeeee; }
  @media screen and (max-width: 767px) {
    .ankerList {
      display: none; } }

.app_wrap {
  text-align: center;
  margin-bottom: 2rem;
  border-top: 2px solid #D4D4D4; }
  .app_wrap p {
    margin: 1.5rem 0 1rem; }
  .app_wrap a:hover img {
    opacity: 0.8; }

.app {
  display: flex;
  justify-content: center;
  height: clamp(45px, 6vw, 70px);
  margin-bottom: 2rem;
  gap: 20px; }
  .app li {
    max-width: 250px; }
    .app li img {
      height: 100%;
      aspect-ratio: 327 / 120;
      width: auto; }
    .app li:last-child img {
      height: 100%;
      aspect-ratio: 404 / 120;
      width: auto; }

ul.pointlead {
  padding: 1rem 0;
  list-style: inside; }
  ul.pointlead li {
    padding: .5rem 0; }
    ul.pointlead li:last-child {
      padding-bottom: 0; }

ol.pointlead {
  padding: 1rem 0;
  list-style-type: decimal !important;
  list-style: inside; }
  ol.pointlead li {
    padding: .5rem 0; }
    ol.pointlead li:last-child {
      padding-bottom: 0; }