@charset "utf-8";
blockquote, body, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, li, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
ul {
  list-style-type: none
}
table {
  border: 0;
  border-collapse: collapse;
  font-size: 1em
}
table th {
  font-weight: 400
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: 400
}
input {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border-radius: 0
}
em {
  font-style: normal
}
img {
  border: none;
  vertical-align: bottom
}
address {
  font-style: normal
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
button {
  border: none;
  background: 0 0;
  cursor: pointer;
  padding: 0;
  margin: 0
}
.fit {
  width: 100%;
  height: auto
}
:root {
  --bg_blk: #010203;
  --col_blk: #000000;
  --col_yel: #fff300;
  --skewX: -11deg
}
body {
  color: #fff;
  background-color: var(--bg_blk);
  -webkit-text-size-adjust: none;
  -webkit-print-color-adjust: exact;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
a {
  color: inherit;
  text-decoration: none
}
a:not([class]):hover {
  text-decoration: underline
}
a[href^="tel:"] {
  color: #fff;
  text-decoration: underline
}
a.nolink {
  pointer-events: none
}
.ft_min {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
@media screen and (min-width:768px) {
  a[href^="tel:"] {
    pointer-events: none
  }
}
.alpha a:hover > img {
  -moz-opacity: .7;
  opacity: .7
}
.alpha a > img {
  -webkit-transition: all .3s ease 0s;
  -webkit-transition: opacity .3s ease 0s;
  transition: opacity .3s ease 0s
}
.cf:after {
  content: "";
  display: block;
  clear: both
}
.sp {
  display: block
}
.pc, .pc_br {
  display: none
}
img {
  max-width: 100%;
  height: auto
}
.notes {
  margin-top: .3em;
  padding-left: 1em;
  text-indent: -1em;
  font-size: .75em
}
.indent_10 {
  padding-left: 1em;
  text-indent: -1em;
}
.btn_wrap {
  text-align: center
}
.btn {
  display: inline-block;
  padding: .25em 3.3em;
  border: 2px solid var(--bg_blk);
  border-radius: 100vh;
  text-align: center;
  position: relative;
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: .1em;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  color: #fff;
  background-color: var(--bg_blk)
}
.btn::after {
  content: "＞";
  position: absolute;
  top: .75em;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
  right: 1.3em;
  width: .5555em;
  height: .5555em;
  font-weight: 700;
  line-height: 1;
  -webkit-text-stroke: .5px #fff;
  text-stroke: .5px #fff;
  -webkit-transition: all .2s;
  transition: all .2s
}
.btn:hover {
  color: var(--col_blk);
  background-color: #fff
}
.btn:hover::after {
  right: .8em;
  -webkit-text-stroke: .5px var(--col_blk);
  text-stroke: .5px var(--col_blk)
}
.btn._window::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  right: .8em;
  width: .8em;
  height: 1em;
  background: url(/images/event/Autosalon2025/add_icon_open_wh.svg) no-repeat center/contain;
  line-height: 1;
  -webkit-transition: all .2s;
  transition: all .2s
}
.btn._window:hover::after {
  background-image: url(/images/event/Autosalon2025/add_icon_open.svg)
}
@media screen and (min-width:768px) {
  .sp {
    display: none
  }
  .pc {
    display: block
  }
  .pc_br {
    display: inline
  }
  .notes {
    font-size: .75em
  }
  .btn_wrap {
    text-align: left
  }
  .btn {
    padding: .5em 3em
  }
  .btn::after {
    top: .9em
  }
  .btn._window::after {
    width: .47em;
    height: 1em
  }
}
.inner {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: auto
}
@media screen and (max-width:1280px) {
  .inner {
    padding: 0 10%
  }
}
main {
  display: block;
  overflow: hidden;
  background-color: var(--bg_blk)
}
.mv_back {
  width: 100%;
  height: 100vh;
  background: var(--bg_blk) url(/images/event/Autosalon2025/main_sp.jpg) no-repeat center top/100% auto;
  position: absolute;
  overflow: hidden
}

.mv_back._fixed {
  position: fixed;
  margin-top: 0;
  left: 0;
  top: 0
}
.mv_wrap {
  position: relative;
  aspect-ratio: 375/533;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  z-index: 2;
}
.mv_wrap .logo {
  width: 100%;
  max-width: 1440px;
  height: 37px;
  margin: auto;
  padding-left: .66666%;
  padding: 0 6.67%;
}
.mv_wrap .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 36.923%;
  height: 100%
}
.mv_text {
}
.mv_text img {
  display: block;
}
.mv_text .tas_logo {
  position: relative;
  z-index: 2;
  width: 53.3333%;
  padding: 11.7333vw 0 0 6.6666%;
}
.mv_text #event-period {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(22%);
          transform: translateY(22%);
  width: 100%;
  padding: 0 10px;
}
.mv_text #event-period img {
  margin: auto;
}
@media screen and (min-width:768px) {
  .mv_wrap {
    aspect-ratio: 9/5;
  }
  .mv_back {
    background-image: url(/images/event/Autosalon2025/main_pc.jpg);
    background-size: 2000px;
  }
  .mv_wrap .logo {
    height: min(6.25vw, 90px);
    padding: 0 0 0 3.47%;
  }
  .mv_wrap .logo a {
    width: auto;
  }
  .mv_wrap .logo img {
    width: 21.44%;
  }
  .mv_text {
    margin: 0 auto;
    max-width: 1440px
  }
  .mv_text .tas_logo {
    width: auto;
    padding-top: 200px;
    padding-left: 80px;
  }
  .mv_text #event-period {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@media only screen and (max-width:896px) and (orientation:landscape) {
  .mv_back {
    background: url(/images/event/Autosalon2025/main_sp.png) no-repeat center/100% auto

  }
}


/* Loop img
------------------------------------------------------------------- */
.loop-img-wrapper {
  position: relative;
  z-index: 1;
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important
}
.slick-slide {
  -webkit-transform: skewX(-16deg);
          transform: skewX(-16deg);
  overflow: hidden;
  position: relative;
}
.slick-slide> div {
  width: 124%;
  -webkit-transform: skewX(16deg);
          transform: skewX(16deg);
  position: relative;
  left: -12%;
}
.loop-img-clip {
}
.loop-img-clip> img {
}

/* section
------------------------------------------------------------------- */
section[id^=sec] {
  position: relative;
  background-color: var(--bg_blk)
}
/* section01
------------------------------------------------------------------- */
#sec01 {
  position: relative;
  margin-top: -10px;
  padding-bottom: 35vw;
  background: #0d123a url("/images/event/Autosalon2025/sec01_bg01_sp.png") no-repeat center top/100%;
}
#sec01::after {
  content: "";
  position: absolute;
  top: -1.9vw;
  left: -7%;
  width: 136%;
  height: 100%;
  background: url("/images/event/Autosalon2025/sec01_bg02.png") no-repeat 20% top/contain;
  z-index: 1;
  pointer-events: none;
}
#sec01> .inner {
  padding-top: 35vw;
}
#sec01 .sec_ttl {
  position: relative;
  width: 61%;
  margin: auto
}
#sec01 .tas_concept {
  position: relative;
  margin-top: 2.5em;
  font-size: .9rem;
  text-align: center;
  line-height: 1.8;
}
#sec01 .tas_concept>p + p {
  margin-top: 1.8em;
}
@media screen and (min-width:768px) {
  #sec01 {
    background: #0d123a url("/images/event/Autosalon2025/sec01_bg01.png") no-repeat center top/100%;
    padding-bottom: 18em;
  }
  #sec01::after {
    top: -55px;
    width: 1673px;
    left: 50%;
    -webkit-transform: translateX(-46%);
            transform: translateX(-46%);
  }
  #sec01> .inner {
    padding-top: 335px;
  }
  #sec01 .sec_ttl {
    width: auto;
    text-align: center;
  }
  #sec01 .tas_concept {
    margin-top: 5em;
    font-size: 1.25rem;
    letter-spacing: .2em;
    line-height: 1.5;
  }
}
/* section02
------------------------------------------------------------------- */
#sec02 {
  position: relative;
  margin-top: -17vw;
  padding-top: 31vw;
  padding-bottom: 2em;
  background: url("/images/event/Autosalon2025/sec02_bg01_sp.png") no-repeat center top/100%;
}
#sec02 .sec_ttl {
  text-align: center;
  color: var(--col_yel);
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: .15em;
}
#sec02 .ov-text-wrap {
  position: relative;
  z-index: 2;
  margin-top: 3em;
  text-align: center;
  font-size: .9rem;
  line-height: 1.7
}
#sec02 .ov-text-wrap> p+ p {
  margin-top: 2em;
}
#sec02 .bg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-top: 3.8em;
  margin-right: -4vw;
  margin-left: -4vw;
  position: relative;
  z-index: 1;
}
#sec02 .bg-wrap> div {
  width: 50%;
  margin-bottom: 1em
}
@media screen and (min-width:768px) {
  #sec02 {
    margin-top: -17vw;
    padding-top: 25.4em;
    background: url("/images/event/Autosalon2025/sec02_bg01.png") no-repeat center top/cover;
    padding-bottom: 27.5vw;
  }
  #sec02 .sec_ttl {
    font-size: 2.5rem;
    letter-spacing: .05em;
  }
  #sec02 .ov-text-wrap {
    margin-top: 3em;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: .24em;
  }
  #sec02 .bg-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    margin: 0;
  }
  #sec02 .bg-wrap> div {
    position: absolute;
    width: auto;
    margin: 0
  }
  #sec02 .sec02_img01 {
    left: -19.6%;
    top: -55%;
  }
  #sec02 .sec02_img02 {
    right: -18.8%;
    top: -95%;
  }
  #sec02 .sec02_img03 {
    left: -12.1%;
    bottom: -89%;
  }
  #sec02 .sec02_img04 {
    right: -15.5%;
    bottom: -88.5%;
  }
}
/* section03
------------------------------------------------------------------- */
#sec03 {
  margin-top: -3.5em;
  padding-top: 6em;
  padding-bottom: 32vw;
  background: url("/images/event/Autosalon2025/sec03_bg01.png") no-repeat center top/100%, -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(20%, var(--col_yel)), to(var(--col_yel))) ;
  background: url("/images/event/Autosalon2025/sec03_bg01.png") no-repeat center top/100%, linear-gradient(transparent 20%, var(--col_yel) 20%, var(--col_yel)) ;
  color: var(--col_blk);
}
#sec03 .sec_ttl {
  height: 2.8em;
  text-align: center;
}
#sec03 .sec_ttl img {
  height: 100%;
  width: auto;
}
#sec03 .cam-item-wrap {
  margin-top: 2.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
#sec03 .cam-item+ .cam-item {
  margin-top: 2em
}
#sec03 .cam-item._img01 {
    margin-left: -.7em;
}
#sec03 .cam-item {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#sec03 .cam-item._cam02 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2
}
#sec03 .cam-item._img02 {
  margin-top: 3.5em;
  margin-right: -4%;
  margin-left: -4%
}
#sec03 h3 {
  margin-bottom: 1.2em;
  font-size: 1.2rem;
  font-weight: 600;
}
#sec03 p {
  font-size: .9rem;
  line-height: 1.8;
  text-align: justify;
}
#sec03 .cam-detail {
  margin-top: 1.2em;
  font-size: .9rem;
  line-height: 1.8;
}
#sec03 .cam-detail dt {
  font-weight: 600;
}
#sec03 .cam-detail> div+ div {
  margin-top: .6em
}
#sec03 [id^="kiyaku"] {
  margin-top: 2em;
  padding: .5em;
  background-color: #ffffff
}
#sec03 [id^="kiyaku"] .kiyaku-wrap {
  height: 15em;
  overflow-y: scroll;
}
#sec03 [id^="kiyaku"] .kiyaku-wrap h4 {
  margin-bottom: 1em;
  font-size: 1.0em;
  text-align: center;
  font-weight: 700
}
#sec03 [id^="kiyaku"] .kiyaku-wrap .kiyaku-list {
  margin-bottom: 1.0em;
  font-size: .85em
}
#sec03 [id^="kiyaku"] .kiyaku-wrap .kiyaku-list>div+ div {
  margin-top: 1.0em
}
#sec03 [id^="kiyaku"] .kiyaku-wrap .kiyaku-list dd {
  font-size: .85em;
}
#sec03 [id^="kiyaku"] .kiyaku-wrap .kiyaku-list .notes {
  font-size: 1em;
}
#sec03 [id^="kiyaku"] .kiyaku-wrap> p {
  font-size: .85em
}
#sec03 #kiyaku_tyre h5 {
  margin-top: 2em;
  font-weight: 700
}
#sec03 #kiyaku_tyre .kiyaku-list {
  margin-top: 1em
}

@media screen and (min-width:768px) {
  #sec03 {
    margin-top: -9.5vw;
    padding-top: 15em;
    padding-bottom: 10em;
    background-size: cover;
  }
  #sec03 .sec_ttl {
    height: 6.1em;
  }
  #sec03 .cam-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 6.5em;
  }
  #sec03 .cam-item-wrap> * {
    width: 49%
  }
  #sec03 .cam-item {
    margin: 0 !important;
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
    padding-bottom: 4.2em;
  }
  #sec03 h3 {
    font-size: 1.8rem;
    margin-bottom: .7em;
  }
  #sec03 p {
    font-size: 1rem;
  }
  #sec03 .cam-detail {
    margin-top: 1.5em;
    font-size: 1rem;
  }
  #sec03 .cam-detail> div+ div {
    margin-top: 1.6em;
  }
  #sec03 .cam-detail dt {
    font-size: 1.2em;
  }
  #sec03 .cam-item._cam02 {
    padding-left: 2.2em;
  }
  #sec03 .cam-item._img02 {
    margin-right: -4% !important;
  }
  #sec03 [id^="kiyaku"] {
    margin-top: 0;
    margin-bottom: 4em;
    padding: 2.2em;
  }
  #sec03 [id^="kiyaku"] .kiyaku-wrap h4 {
    margin-bottom: 2em;
    font-size: 1.2em;
    text-align: center;
    font-weight: 700;
  }
  #sec03 [id^="kiyaku"] .kiyaku-wrap .kiyaku-list {
    font-size: 1em;
  }
  #sec03 [id^="kiyaku"] .kiyaku-wrap> p {
    font-size: .85em
  }
}
/* section image
------------------------------------------------------------------- */
#sec_image01 {
  width: 114%;
  aspect-ratio: 145/103;
  background: url("/images/event/Autosalon2025/sec_image01_sp.png") no-repeat center top/100%;
  margin-top: -12vw;
  margin-left: -7%;
  overflow: hidden;
  -webkit-transition-delay: -.2s;
          transition-delay: -.2s;
  position: relative;
  z-index: 1
}
@media screen and (min-width: 768px) {
  #sec_image01 {
    width: 100%;
    aspect-ratio: 16/9;
    background: url("/images/event/Autosalon2025/sec_image01.png") no-repeat center top/cover;
    margin-top: -9.7vw;
    margin-left: 0;
  }
}
/* section04
------------------------------------------------------------------- */
#sec04 {
  margin-top: -10vw;
  padding-top: 24.5vw;
  padding-bottom: 28vw;
  background: #1c1c1e url("/images/event/Autosalon2025/sec04_bg01_sp.png") no-repeat center top/100%;
}
#sec04 .sec_ttl {
  text-align: center;
  color: var(--col_yel);
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: .15em;
}
#sec04 .sec_ttl img {
}
#sec04 .product-item-wrap {
  position: relative;
  left: .5%;
  margin-top: 3.8em;
  margin-right: -4%;
  margin-left: -4%;
}
#sec04 .product-item {
  position: relative;
  z-index: 1
}
#sec04 .product-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--col_yel);
  -webkit-transform: skewX(var(--skewX));
          transform: skewX(var(--skewX));
  z-index: -1
}
#sec04 .product-item+ .product-item {
  margin-top: 2.6em
}
#sec04 .product-item h4 {
  position: relative;
  left: 4.3%;
  padding: .5em 1.5em;
  color: var(--col_blk);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  z-index: 1
}
#sec04 .product-item._mountain h4 { left: 5.25%}
#sec04 .product-item._star h4 { left: 5.25%}
#sec04 .product-item h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--col_yel);
  -webkit-transform: skewX(var(--skewX));
          transform: skewX(var(--skewX));
  z-index: -1
}
#sec04 .product-item-detail {
  padding: .8em 1.5em;
}
#sec04 .product-item-detail> div+ div {
  margin-top: .5em;
}
#sec04 .product-item-detail dt {
  font-size: .8em;
  color: var(--col_yel);
  letter-spacing: .25em;
}
#sec04 .product-item-detail dd {
  color: #ffffff;
  letter-spacing: .15em;
}
#sec04 .product-img {
  position: absolute;
  right: 1%;
  top: -20px;
  width: 35%;
  z-index: 1
}
#sec04 .product-item._all .product-img {
}
#sec04 .product-item._star .product-img {
  width: 34%;
  right: 3%;
}
#sec04 .product-item._bridge .product-img {
  width: 34%;
  right: 3%;
}
#sec04 .product-item._snow .product-img {
  width: 27%;
  right: 5%;
}
#sec04 .product-item._mountain .product-img {
  width: 33%;
  right: 3%;
}
#sec04 .label_yel {
  position: relative;
  display: inline-block;
  margin-top: .5em;
  margin-left: -.6em;
  padding: .35em .6em;
  font-size: .9em;
  font-weight: 600;
  letter-spacing: .2em;
  color: var(--col_blk);
  line-height: 1;
  z-index: 1;
}
#sec04 .label_yel::before {
  content: "";
  position: absolute;
  top: .05em;
  left: -.25em;
  width: 100%;
  height: 100%;
  background-color: var(--col_yel);
  -webkit-transform: skewX(var(--skewX));
          transform: skewX(var(--skewX));
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #sec04 {
    margin-top: -9vw;
    padding-top: 20vw;
    padding-bottom: 17vw;
    background: #1c1c1e url("/images/event/Autosalon2025/sec04_bg01.png") no-repeat center top/100%;
  }
  #sec04 .sec_ttl {
    font-size: 2.5rem;
    letter-spacing: .05em;
  }
  #sec04 .product-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 95%;
    margin: auto;
    margin-top: 6.5em;
  }
  #sec04 .product-item {
    width: 49%;
  }
  #sec04 .product-item+ .product-item {
    margin-top: 0;
  }
  #sec04 .product-item:nth-of-type(n + 3) {
    margin-top: 5em;
  }
  #sec04 .product-item h4 {
    padding: .56em 1.3em;
    font-size: 2rem;
    left: 3.6%
  }
  #sec04 .product-item._mountain h4,
  #sec04 .product-item._star h4 { left: 4.7%}
  #sec04 .product-item._bridge h4 { left: 3.4%}
  #sec04 .product-item-detail {
    padding: 1.3em 1.5em 2.2em;
  }
  #sec04 .product-item-detail> div+ div {
    margin-top: 1em;
  }
  #sec04 .product-item-detail dt {
    font-size: 1em;
  }
  #sec04 .product-item-detail dd {
    min-height: 2em;
    font-size: 1.3em;
  }
  #sec04 .product-img {
    width: 40%;
  }
  #sec04 .product-item._star .product-img {
    width: 33%;
  }
  #sec04 .product-item._bridge .product-img {
    width: 36%;
    right: 3%;
  }
  #sec04 .product-item._mountain .product-img {
    width: 34%;
    right: 3%;
  }
  #sec04 .label_yel {
    margin-top: .9em;
    padding: .45em .6em;
    font-size: 1.1em;
  }
  #sec04 .bg-image {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

/* section image02
------------------------------------------------------------------- */
#sec_image02 {
  position: relative;
  width: 100%;
  aspect-ratio: 750/643;
  background: url("/images/event/Autosalon2025/sec_image02_sp.png") no-repeat center top/100%;
  margin-top: -14vw;
  overflow: hidden;
  -webkit-transition-delay: -.3s;
          transition-delay: -.3s;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #sec_image02 {
    width: 100%;
    aspect-ratio: 144/65;
    background: url("/images/event/Autosalon2025/sec_image02.png") no-repeat center top/cover;
    margin-top: -14vw;
    margin-left: 0;
  }
}

/* section05;
------------------------------------------------------------------- */
#sec05 {
  margin-top: -22vw;
  padding-top: 22vw;
  padding-bottom: 27vw;
  background-color: var(--col_yel);
}
#sec05 .innner {
  padding: 0 7%;
}
#sec05 .sec_ttl {
  color: var(--col_blk);
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .1em;
  -webkit-transform: skewX(var(--skewX));
          transform: skewX(var(--skewX));
}
#sec05 .schedule {
  width: 100%;
  max-width: 1000px;
  margin: 2.0em auto 0;
  color: var(--col_blk);
  font-size: 1.125em
}
#sec05 .schedule>div {
  padding: 1em 0;
  border-top: 1px solid #b1a901
}
#sec05 .schedule>div:last-of-type {
  border-bottom: 1px solid #b1a901
}
#sec05 .schedule>div>dt {
  width: 10em;
  font-size: .8em;
  font-weight: 700
}
#sec05 .schedule>div>dd {
  padding-top: .7em;
  font-size: .8em;
}
#sec05 .schedule_detail {
  display: block;
  line-height: 1.7;
}
#sec05 .schedule_detail>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
#sec05 .schedule_detail dt {
  width: 7em;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  #sec05 {
    margin-top: -12vw;
    padding-top: 14.5vw;
    padding-bottom: 5vw;
  }
  #sec05 .sec_ttl {
    -webkit-transform: none;
            transform: none;
    text-align: center;
    font-size: 2.5rem;
    letter-spacing: .05em;
  }
  #sec05 .schedule {
    width: 86.933%;
    margin-top: 3.3em;
    line-height: 1.7;
  }
  #sec05 .schedule> div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em 0;
  }
  #sec05 .schedule> div> dt {
    width: 11em;
    font-size: 1em;
    letter-spacing: .1em;
  }
  #sec05 .schedule> div> dd {
    padding-top: 0;
    font-size: 1em;
  }
  #sec05 .schedule_detail dt {
    font-size: 1em;
  }
  #sec05 .schedule_detail dd {
    font-size: 1em;
  }
}

/* cam-oshi
------------------------------------------------------------------- */
#cam-oshi {
  position: relative;
  z-index: 1;
  aspect-ratio: 375/757;
  background: url("/images/event/Autosalon2025/campaign_main_sp.jpg") no-repeat center/cover;
  margin-top: -2vw;
}
@media screen and (min-width: 768px) {
  #cam-oshi {
    aspect-ratio: 72/35;
    background: url("/images/event/Autosalon2025/campaign_main_pc.jpg") no-repeat center/cover;
    margin-top: -2vw;
  }
}

/* report
------------------------------------------------------------------- */
#report {
  position: relative;
  margin-top: 0;
  padding-top: 18.5vw;
  padding-bottom: 19vw;
  background: url("/images/event/Autosalon2025/report_bg01_sp.png") no-repeat center top/100%;
}
#report .inner {
  padding: 0 6.5%;
}
#report .sec_ttl {
  height: 2.8125em;
  text-align: center;
  color: var(--col_yel);
}
#report .sec_ttl img {
  height: 100%;
  width: auto
}
#report .area-wrap {
  position: relative;
  margin-top: 3.9em;
}
#report .area-wrap+ .area-wrap {
  margin-top: 2.7em;
}
#report .area-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--col_yel);
  transform: skewX(-2.8deg);
  pointer-events: none;
}
#report .area-item {
}
#report .area-item+ .area-item {
  margin-top: 2.6em
}
#report .area-item .area-name {
  position: relative;
  left: 3.4%;
  padding: .5em 1.5em;
  color: var(--col_blk);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  z-index: 1
}
#report .area-item .area-name::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--col_yel);
  transform: skewX(-2.8deg);
  z-index: -1
}
#report .area-item dd {
  padding: 0 6%
}
#report .area-item dd+ dd {
  margin-top: 1.6em
}
#report .area-item .area-img_wrap {
  padding: 0 10%;
  margin-top: 1.6em;
}
#report .area-item .area-img_wrap figure+ figure {
  margin-top: 1em;
}
#report .area-item .area-item-text {
  position: relative;
  left: -1%;
  padding-bottom: 3em;
  font-size: .8em;
}

@media screen and (min-width: 768px) {
  #report {
    margin-top: 0;
    padding-top: 10.4vw;
    padding-bottom: 17vw;
    background: url("/images/event/Autosalon2025/report_bg01_pc.png") no-repeat center top/100%;
  }
  #report .inner {
    padding: 0 4%;
  }
  #report .sec_ttl {
    height: 6.2em
  }
  #report .area-wrap {
    margin-top: 6em;
  }
  #report .area-wrap+ .area-wrap {
    margin-top: 6.2em;
  }
  #report .area-wrap::before {
    transform: skewX(var(--skewX));
  }
  #report .area-item {
  }
  #report .area-item+ .area-item {
    margin-top: 0;
  }
  #report .area-item .area-name {
    display: inline-block;
    left: 1.35em;
    padding: .56em 1.8em;
    font-size: 2rem;
  }
  #report .area-item._bridge .area-name {
    left: 1.4em;
  }
  #report .area-item .area-name::before {
    transform: skewX(var(--skewX));
  }
  #report .area-item dd {
    padding: 0 7%;
  }
  #report .area-item dd+ dd {
    margin-top: 2.5em;
  }
  #report .area-item .area-img_wrap {
    display: flex;
    justify-content: center;
    margin-top: 3em;
    padding: 0;
  }
  #report .area-item .area-img_wrap figure+ figure {
    margin: 0;
  }
  #report .area-item .area-item-text {
    font-size: 1em;
    line-height: 1.8;
    left: 0;
  }
}

/* section04_after
------------------------------------------------------------------- */
#sec04_after {
  margin-top: -10vw;
  padding-top: 24.5vw;
  padding-bottom: 28vw;
  background: #1c1c1e url("/images/event/Autosalon2025/sec04_bg01_sp.png") no-repeat center top/100%;
}
#sec04_after .sec_ttl {
  text-align: center;
  color: var(--col_yel);
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: .15em;
}
#sec04_after .inner {
  padding: 0 6.5%;
}
#sec04_after .area-wrap {
  position: relative;
  margin-top: 4.3em;
}
#sec04_after .area-wrap+ .area-wrap {
  margin-top: 2.7em;
}
#sec04_after .area-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--col_yel);
  transform: skewX(-2.8deg);
  pointer-events: none;
}
#sec04_after .area-item {
  padding-bottom: 3em
}
#sec04_after .area-item+ .area-item {
  margin-top: 2.6em
}
#sec04_after .area-item .car-name {
  position: relative;
  left: 4%;
  margin-top: 1em;
  padding: 0 1em;
  font-size: 1.15em;
  font-weight: 600;
}
#sec04_after .area-item .area-name {
  position: relative;
  left: 4.8%;
  padding: .5em 1.5em;
  color: var(--col_blk);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  z-index: 1
}
#sec04_after .area-item._mountain .area-name {
  left: 5.0%;
}
#sec04_after .area-item._all .area-name {
  left: 5.7%;
}
#sec04_after .area-item._snow .area-name {
  left: 5.2%;
}
#sec04_after .area-item .area-name::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--col_yel);
  transform: skewX(-2.8deg);
  z-index: -1
}
#sec04_after .area-item .area-img_wrap {
  padding: 0 10%;
  margin-top: 1.6em;
}
#sec04_after .area-item .area-img_wrap+ .area-img_wrap {
  margin-top: 2.0em
}
#sec04_after .area-item .area-img_wrap figure+ figure {
  margin-top: 1em;
}
#sec04_after .area-item .area-item-text {
  position: relative;
  left: -1%;
  padding-bottom: 3em;
  font-size: .8em;
}
#sec04_after .product-item-detail {
  margin-top: .5em
}
#sec04_after .product-item-detail> div+ div {
  margin-top: .5em;
}
#sec04_after .product-item-detail dt {
  font-size: .8em;
  color: var(--col_yel);
  letter-spacing: .25em;
}
#sec04_after .product-item-detail dd {
  color: #ffffff;
  font-size: .8em;
  letter-spacing: .15em;
}

@media screen and (min-width: 768px) {
  #sec04_after {
    margin-top: -9vw;
    padding-top: 20vw;
    padding-bottom: 25vw;
    background: #1c1c1e url("/images/event/Autosalon2025/sec04_bg01.png") no-repeat center top/100%;
  }
  #sec04_after .sec_ttl {
    font-size: 2.5rem;
    letter-spacing: .05em;
  }
  #sec04_after .inner {
    padding: 0 4%;
  }
  #sec04_after .area-wrap {
    margin-top: 6.5em;
  }
  #sec04_after .area-wrap+ .area-wrap {
    margin-top: 6.2em;
  }
  #sec04_after .area-wrap::before {
    transform: skewX(var(--skewX));
  }
  #sec04_after .area-item+ .area-item {
    margin-top: 0;
  }
  #sec04_after .area-item .area-name {
    display: inline-block;
    left: 2em;
    padding: .56em 1.8em;
    font-size: 2rem;
  }
  #sec04_after .area-item._mountain .area-name {
    left: 2.0em;
  }
  #sec04_after .area-item._star .area-name {
    left: 1.75em;
  }
  #sec04_after .area-item._all .area-name {
    left: 2.25em;
  }
  #sec04_after .area-item._snow .area-name {
    left: 2.05em;
  }
  #sec04_after .area-item._bridge .area-name{
    left: 1.85em;
  }
  #sec04_after .area-item .area-name::before {
    transform: skewX(var(--skewX));
  }
  #sec04_after .area-item dd+ dd {
    margin-top: 2.5em;
  }
  #sec04_after .area-item .car-name {
    margin-top: .8em;
    font-size: 2.2em;
    letter-spacing: .2em;
  }
  #sec04_after .area-item .area-img_wrap {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 1em 0 0;
    padding: 0;
    padding-left: 6.5%;
  }
  #sec04_after .area-item .area-img_wrap:last-of-type {
    padding: 0;
    padding-right: 6.5%;
  }
  #sec04_after .area-item .area-img_wrap+ .area-img_wrap {
    margin-top: 1em;
  }
  #sec04_after .area-item .area-img_wrap figure+ figure {
    margin: 0;
  }
  #sec04_after .area-item .area-item-text {
    font-size: 1em;
    line-height: 1.8;
    left: 0;
  }
  #sec04_after .product-item-detail {
    padding: 1.3em 0 2.2em;
  }
  #sec04_after .product-item-detail> div+ div {
    margin-top: 1em;
  }
  #sec04_after .product-item-detail dt {
    font-size: 1em;
  }
  #sec04_after .product-item-detail dd {
    font-size: 1.3em;
  }
}

/* ヘッダー・フッター用（前回流用）
------------------------------------------------------------------- */
.black-bg .breadcrumb-bg .breadcrumb-item+.breadcrumb-item {
  color: #c6c6c6!important
}

@media (min-width: 768.02px) {
  .breadcrumb-bg {
    margin-top:1.09rem!important
  }
}

.breadcrumb-bg .breadcrumb-item+.breadcrumb-item,.breadcrumb-bg a {
  color: #c6c6c6!important
}

.footer-page {
  position: relative!important
}

.footer-title,.item-search-history {
  color: #000
}

.breadcrumb-bg nav {
  z-index: 1
}

.yellow-title-18 .align-middle {
  color: #000
}

.modal-content__search-condition {
  color: #000!important
}

.modal-content__list-scroller {
  color: #000!important
}

.modal-content__vehicle-type-indexes--active {
  color: #000!important
}

.border-bottom-light {
  border-bottom: 1px solid #000!important
}

.footer-page .footer {
  z-index: 10
}