@charset "UTF-8";

@media all and (max-width: 680px) {
  .ultimate999 h2 {
    position: relative;
    font-size: 6vw;
  }
  .ultimate999 h2 span {
    position: absolute;
    width: 100%;
    font-size: 3.8vw;
    color: rgb(190,25,30);
    text-align: right;
    bottom: -6vw;
    left: 0;
  }
  .ultimate999 .menu {
    padding: 10vw 0 10vw;
  }
  .ultimate999 .menu dl {
    width: 100%;
    padding: 0 0 8vw;
  }
  .ultimate999 .menu dl dt {
    height: 54vw;
  }
  .ultimate999 .menu dl dt h3 {
    font-size: 5vw;
    color: rgb(190,25,30);
    text-align: center;
  }
   .ultimate999 .menu dl dd {
     font-size: 4.2vw;
     text-align: center;
     margin: 0;
     padding: .5em 0 0;
   }
   .ultimate999 .menu dl dd span {
     font-size: 3.8vw;
   }
   .ultimate999 .menu dl:nth-of-type(1) dt {
     background: url(/999/img/999-img-01.webp) bottom no-repeat;
     background-size: contain;
   }
   .ultimate999 .menu dl:nth-of-type(2) dt {
     background: url(/999/img/999-img-02.webp) bottom no-repeat;
     background-size: contain;
   }
   .ultimate999 .note {
     padding: 0 0 15vw;
   }
   .ultimate999 .note h3 {
    font-size: 5vw;
    color: rgb(190,25,30);
   }
   .ultimate999 .note div {
     padding-left: 33vw;
     background: url(/999/img/999-img-03.webp) left top no-repeat;
     background-size: 30vw;
   }
   .ultimate999 .note p {
     font-size: 3.8vw;
   }
   .ultimate999 .note p em {
     font-weight: normal;
     font-style: normal;
     color: rgb(190,25,30);
   }
}

@media all and (min-width: 680px) {
  .wrap {
    min-width: 980px;
  }
  .ultimate999 h2 span {
    font-size: 16px;
    color: rgb(190,25,30);
    padding-left: 1.4em;
  }
  .ultimate999 .menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 0 40px;
  }
  .ultimate999 .menu dl {
    width: 460px;
  }
  .ultimate999 .menu dl dt {
    height: 260px;
  }
  .ultimate999 .menu dl dt h3 {
    font-size: 20px;
    color: rgb(190,25,30);
    text-align: center;
  }
   .ultimate999 .menu dl dd {
     font-size: 20px;
     text-align: center;
     margin: 0;
     padding: 15px 0 0;
   }
   .ultimate999 .menu dl dd span {
     font-size: 16px;
   }
   .ultimate999 .menu dl:nth-of-type(1) dt {
     background: url(/999/img/999-img-01.webp) bottom no-repeat;
     background-size: contain;
   }
   .ultimate999 .menu dl:nth-of-type(2) dt {
     background: url(/999/img/999-img-02.webp) bottom no-repeat;
     background-size: contain;
   }
   .ultimate999 .note {
     padding: 30px 0 30px 270px;
     background: url(/999/img/999-img-03.webp) left 60px top no-repeat;
     background-size: 150px;
   }
   .ultimate999 .note h3 {
    font-size: 20px;
    color: rgb(190,25,30);
   }
   .ultimate999 .note p {
     font-size: 16px;
   }
   .ultimate999 .note p em {
     font-weight: normal;
     font-style: normal;
     color: rgb(190,25,30);
   }
}