/* CSS Document */
/*-----------------------------------------------------------------
common-----------------------------------------------------------
-----------------------------------------------------------------*/
html, body {
  margin: 0;
  padding: 0; }

.homecoming-2026 {
  font-family: "HondaGlobalFontJP-Regular", sans-serif; }
  .homecoming-2026 * {
    box-sizing: border-box; }
  .homecoming-2026 img,
  .homecoming-2026 svg,
  .homecoming-2026 video,
  .homecoming-2026 iframe {
    max-width: 100%; }
  .homecoming-2026 b, .homecoming-2026 strong, .homecoming-2026 h1, .homecoming-2026 h2, .homecoming-2026 h3, .homecoming-2026 h4, .homecoming-2026 h5,
  .homecoming-2026 .homecoming-2026__outline .outline-textarea p {
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
    font-weight: 500; }

.container {
  width: 768px;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto; }

/*-----------------------------------------------------------------
kv-----------------------------------------------------------
-----------------------------------------------------------------*/
.homecoming-2026__kv {
  padding: 40px 0; }
  .homecoming-2026__kv .container {
    background: #c00;
    color: #fff;
    padding: 40px 0;
    width: 980px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    line-height: 1.5; }
  .homecoming-2026__kv h1 {
    text-align: center;
    padding-bottom: 40px; }
    .homecoming-2026__kv h1 i {
      display: block;
      line-height: 0;
      padding-bottom: 40px;
      max-width: 320px;
      margin: 0 auto; }
    .homecoming-2026__kv h1 b {
      display: block;
      padding-bottom: 40px;
      font-size: 24px; }
    .homecoming-2026__kv h1 time em {
      font-size: 32px;
      display: block;
      border-top: 1px solid #eee;
      padding-bottom: 8px; }
    .homecoming-2026__kv h1 time small {
      font-size: 15px; }
    .homecoming-2026__kv h1 time strong {
      font-size: 24px;
      border-top: 1px solid #eee;
      padding-top: 8px;
      display: block; }

.homecoming-2026__read .inner p {
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  font-weight: 500; }

x.homecoming-2026 .head-uline h2::after {
  width: 4em;
  left: 50%;
  transform: translateX(-50%); }

.homecoming-2026__outline .outline-textarea small {
  font-family: "HondaGlobalFontJP-Regular", sans-serif; }

.homecoming-2026__outline .outline-textarea .head-bg {
  min-width: 5em;
  text-align: center; }

/*-----------------------------------------------------------------
hc2026-link-----------------------------------------------------------
-----------------------------------------------------------------*/
.hc2026-link {
  background: #f5f5f5;
  padding: 80px 0;
  text-align: center; }
  .hc2026-link h3 {
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 2rem; }
    .hc2026-link h3::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 3em;
      height: 2px;
      background: #111;
      transform: translate(-50%, 3px); }
  .hc2026-link p {
    padding: 1rem 0 0; }
    .hc2026-link p a {
      display: block;
      font-size: 14px;
      text-align: center;
      text-decoration: none; }
      .hc2026-link p a img {
        width: 80px;
        margin: 4px auto; }
    .hc2026-link p a.btn {
      display: inline-flex;
      padding: 8px 40px 8px 24px;
      justify-content: center;
      align-items: center;
      border: 1px solid #222;
      color: #222;
      position: relative; }
      .hc2026-link p a.btn::after {
        content: "";
        background: url("../img/icon_blank01_black.svg") no-repeat 0 0/contain;
        width: 1em;
        height: 1em;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translate(0, -50%); }
      .hc2026-link p a.btn:hover {
        background: #d11;
        border: 1px solid #d11;
        color: #fff; }
        .hc2026-link p a.btn:hover::after {
          background-image: url("../img/icon_blank01_white.svg"); }

.homecoming-2026__caution .inquiry-area {
  width: 500px;
  max-width: 100%; }

.linkBox {
  margin-top: 1rem;
  font-size: 1.1em; }
  .linkBox a {
    border: 1px solid #ccc;
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
    text-align: left; }
    .linkBox a:hover {
      opacity: 0.7; }
    .linkBox a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 24px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
      width: 7px;
      height: 7px;
      transform: translate(0, -50%) rotate(45deg); }
    .linkBox a i {
      flex: 0 0 390px;
      line-height: 0;
      border-right: 1px solid #ccc; }
    .linkBox a p {
      padding: 8px 24px;
      margin-right: 40px; }
    .linkBox a small {
      display: block; }
  .linkBox a.blank::after {
    border: 0;
    background: url("../img/icon_blank01_black.svg") no-repeat 0 0/contain;
    width: 15px;
    height: 15px;
    transform: translate(0, -50%); }

/*-----------------------------------------------------------------
resp-----------------------------------------------------------
-----------------------------------------------------------------*/
.sp {
  display: none; }

@media screen and (max-width: 768px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  br.sp {
    display: inline; }

  .homecoming-2026__kv {
    padding: 0; }
    .homecoming-2026__kv .container {
      min-height: 100dvh;
      padding: 40px 4vw;
      width: 100%;
      max-width: 100%;
      border-radius: 0;
      display: flex;
      align-items: center;
      justify-content: center; }

  .linkBox a i {
    flex: 0 0 150px; }
  .linkBox a p {
    padding: 8px 0 8px 15px;
    margin-right: 24px; }
  .linkBox a.blank::after {
    right: 8px; } }

/*# sourceMappingURL=page.css.map */