@charset "UTF-8";

@media (max-width: 1200px) {
  .course {
    padding: 4rem 2rem;
  }

  .course-main {
    flex-direction: column;
  }

  .course-toyota {
    width: 100%;
  }

  .course-toyota_logo {
    width: 250px;
    margin-inline: auto;
  }

  .course-toyota_list {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
  }

  .course-toyota_list li {
    width: auto;
  }

  .course-toyota_list li a {
    gap: 0.5rem;
    padding: 1.2rem;
  }

  .course-toyota_list li a span {
    font-size: 1.6rem;
  }

  .course-toyota .notes {
    margin-top: 1rem;
    text-align: center;
  }

  .course-map {
    width: 100%;
  }

  .course-dands {
    width: 100%;
  }

  .course-dands_header span {
    font-size: 1.7rem;
  }

  .course-dands_header small {
    font-size: 1.2rem;
  }
}

@media (min-width: 1081px) {
  .sp {
    display: none !important;
  }

  .en .about-discount_01 h3 b {
    top: -6%;
    width: 35%;
  }

  .en .about-discount_01 h3 sub {
    max-width: 40%;
  }

  .ko .about-discount_01 h3 b {
    right: 6%;
    width: 22%;
  }

  .th .about-discount_01 h3 b {
    top: -5%;
    right: 26%;
    width: 22%;
    padding-left: unset;
    padding-right: 2%;
    background-image: url(../images/about-fukidashi_reverse.png);
  }

  .th .about-discount_01 h3 span em {
    margin-inline: unset;
    font-size: unset;
  }

  .th .about-discount_01 h3 sub {
    max-width: 45%;
  }

  .zh-TW .about-discount_01 h3 span em {
    margin-inline: unset;
  }

  .zh-TW .about-discount_01 h3 b {
    top: -10%;
    right: 6%;
    width: 22%;
  }
}

@media (max-width: 1080px) {
  .pc {
    display: none !important;
  }

  .header {
    padding: 1rem
  }

  nav ul {
    grid-template-columns: 1fr;
    padding: 0 2rem;
  }

  nav ul li {
    border-top: 1px solid #ddd;
    border-left: unset;
  }

  nav ul li a {
    padding: 2rem;
  }

  h2 {
    font-size: 2.8rem;
  }

  .menu-overlay {
    width: 88vw;
  }

  .arch {
    height: 2rem;
  }

  .arch img {
    height: 100%;
    object-fit: cover;
    vertical-align: baseline;
  }

  .campaign-info span {
    font-size: 1.3rem;
  }

  .about {
    gap: 2rem;
    padding: 4rem 2rem;
  }

  .about-inner {
    padding: 2rem;
    border-radius: 2rem;
  }

  .about-discount_01 {
    padding: 2rem 2rem 3.5rem;
  }

  .about-discount_01 h3 {
    flex-direction: column;
    gap: 2rem;
    text-align: center;
  }

  .about-discount_01 h3 sub {
    max-width: unset;
  }

  .about-discount_01 h3 span {
    font-size: 4.2rem;
  }

  .about-discount_01 h3 b {
    position: static;
    width: 220px;
  }

  .about-discout_02-inner {
    padding: 1.6rem;
  }

  .about-discout_02-inner h4 span {
    font-size: 2.7rem;
  }

  .about-detail {
    padding: 2rem;
  }

  .about-flow_inner {
    overflow: scroll;
  }

  .about-flow_inner img {
    min-width: 780px;
  }

  .advantage-wrap {
    flex-direction: column;
  }

  .advantage-sec.--green {
    padding: 4rem 2rem 2rem;
  }

  .advantage-sec.--red {
    padding: 2rem 3rem 4rem;
  }

  .advantage-main h3 {
    font-size: 2.4rem;
  }

  .advantage-main ol li h4 {
    font-size: 2rem;
    padding: 1rem;
  }

  .modelcourse {
    padding: 4rem 2rem;
  }

  .cta {
    padding: 4rem 2rem;
  }

  .cta-inner {
    flex-direction: column;
    gap: 2rem;
  }

  .foot-inner {
    flex-direction: column-reverse;
    justify-content: center;
  }

  .foot-nav {
    flex-direction: column;
    justify-content: center;
  }

  .foot-nav li {
    line-height: 1.4em;
  }

  .foot-copy_inner span {
    text-align: center;
    line-height: 1.2em;
  }




  .en .about-discount_01 h3 b {
    width: 290px;
  }

  .th .about-discount_01 h3 span em {
    margin-inline: unset;
  }



  .stt-lang-select {
    top: 1rem !important;
    right: calc(50px + 2rem) !important;
  }
}