#breadcrumb {
  padding-top: 13px;
}

#head-key .key-content {
  background: var(--orange);
}
#head-key .key-content:before {
  background: url('../img/shared/c-deco.png') no-repeat center;
  background-size: contain;
}

/*--------------------------------------
    lead
--------------------------------------*/
#lead {
  padding: 16vw 0;
}

#lead .row {
  gap: 7vw;
}

#lead .row h2 {
  margin-bottom: 6vw;
  --gap: -2.5vw;
  line-height: 1.875;
}

@media screen and (min-width: 768px) {
  #lead {
    padding: 110px 0 93px;
  }
  #lead .row {
    gap: 64px;
  }
  #lead .row .content {
    width: 450px;
    margin-top: -22px;
  }
  #lead .row .content h2 {
    letter-spacing: 0.05em;
    margin-bottom: 22px;
    margin-right: -110px;
  }
}
/*--------------------------------------
    event
--------------------------------------*/
#event {
  padding: 16vw 0;
  background: url('../img/shared/bg2.jpg') repeat;
  text-align: center;
}
#event .c-ttl {
  margin-bottom: 12vw;
}
#event .photo1 {
  margin: 6vw -5%;
}
#event .set-ttl span {
  color: #4b6388;
}
#event .set1 h4 {
  margin-bottom: 4vw;
}
#event .set1 h5 {
  margin: 12vw 0 4vw;
}
#event .set1 .table-wrapper {
  overflow-x: scroll;
}
#event .set1 .table-wrapper td,
#event .set1 .table-wrapper th {
  padding: 14px 15px;
}
#event .set1 .table-wrapper table {
  font-weight: 500;
  background: #f8f8f8;
  width: 810px;
  text-align: left;
}
#event .set1 .table-wrapper table thead {
  font-weight: bold;
  background: #a15b4b;
  color: #fff;
  text-align: center;
}
#event .set1 .table-wrapper table tbody tr {
  border-bottom: 1px solid #dcdcdc;
}
#event .set1 .table-wrapper table small {
  font-size: 12px;
}
#event .set1 .note {
  text-align: center;
  margin: 5vw 0 8vw;
  font-weight: 500;
}
#event .set1 .btn-cus {
  width: 330px;
}
#event .set2 {
  margin-top: 15vw;
}
#event .set2 .main {
  margin-top: 8vw;
}
#event .set2 .main h4 {
  background: #f8f8f8;
  padding: 10px 0;
  margin-bottom: 5vw;
}
#event .set2 .main .txt + h4 {
  margin-top: 10vw;
}
@media screen and (min-width: 768px) {
  #event {
    padding: 100px 0;
  }
  #event .c-ttl {
    margin-bottom: 72px;
  }
  #event .c-ttl span:last-child {
    width: 80px;
  }
  #event .photo1 {
    margin: 43px 0 29px;
  }
  #event .set-ttl {
    letter-spacing: 0.1em;
    margin-left: 3px;
  }
  #event .set1 h4 {
    letter-spacing: 0em;
    margin-left: 2px;
    margin-bottom: 25px;
  }
  #event .set1 .txt {
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
  }
  #event .set1 h5 {
    margin: 65px 0 25px;
  }
  #event .set1 .table-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    overflow: visible;
  }
  #event .set1 .table-wrapper table {
    width: 100%;
  }
  #event .set1 .table-wrapper table th,
  #event .set1 .table-wrapper table td {
    padding: 20px 15px 12px;
  }
  #event .set1 .table-wrapper table td {
    padding: 17px 18px 16px;
  }
  #event .set1 .note {
    margin: 22px 0 34px 31px;
    /* letter-spacing: -0.02em; */
  }
  #event .set2 {
    margin-top: 113px;
  }
  #event .set2 .main {
    margin: 24px auto 0;
    width: 100%;
    max-width: 576px;
  }
  #event .set2 .main h4 {
    padding: 8px 0;
    margin-bottom: 14px;
  }
  #event .set2 .main .txt + h4 {
    margin-top: 34px;
  }
}

/*--------------------------------------
    rss
--------------------------------------*/
#rss {
  padding: 16vw 0;
}
#rss .c-ttl span:last-child {
  width: auto;
  text-align: center;
}
#rss .text {
  font-weight: 500;
  margin: 6vw 0;
  text-align: center;
}
#rss #feed .block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 15px;
}
#rss #feed .block:nth-child(n + 3) {
  display: none;
}
#rss #feed .block .photo {
  width: 37vw;
  height: auto;
  aspect-ratio: 220/143;
}
#rss #feed .block .photo a {
  display: block;
  width: 100%;
  height: 100%;
}
#rss #feed .block .photo a span {
  width: 100% !important;
  height: 100% !important;
}
#rss #feed .block dl dt {
  font-family: 'Shippori Mincho B1';
  font-size: 10px;
}
#rss #feed .block + .block {
  margin-top: 10px;
}
#rss .btn-cus {
  margin-top: 8vw;
  width: 330px;
}
#rss .btn-cus a {
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  #rss {
    padding: 89px 0 201px;
  }
  #rss .wrap {
    max-width: 720px;
  }
  #rss .c-ttl span:last-child {
    margin-top: -1px;
    margin-left: 5px;
  }
  #rss .text {
    margin: 22px 0 52px;
  }
  #rss #feed {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  #rss #feed .block {
    width: calc(33.3333333333% - 20px);
    display: block !important;
  }
  #rss #feed .block .photo {
    width: 100%;
  }
  #rss #feed .block .photo:hover {
    opacity: 0.8;
  }
  #rss #feed .block + .block {
    margin-top: 0;
  }
  #rss #feed .block dl {
    margin-top: -2px;
  }
  #rss #feed .block dl dd {
    height: 52px;
  }
  #rss .btn-cus {
    margin-top: 30px;
  }
}

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