@charset "UTF-8";
.element {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.brpc {
  display: block;
}

main {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  position: relative;
  line-height: 1.5;
  width: 100%;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

img[src$=".svg"] {
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

#pagetotop {
  font-size: 5rem;
  width: 80px;
  text-align: center;
  position: relative;
  display: inline-block;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 1000;
}
#pagetotop a {
  color: #2D7CB7;
}

a {
  color: #313133;
}

/*==================
#loading
==================*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #D5B65B;
  text-align: center;
}

#loading_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loading .kvArea {
  width: 100%;
}

#loading .kvArea .img_box {
  text-align: center;
}

#loading .kvArea .img_box img {
  max-width: 15%;
  height: auto;
}

.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 1;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
.main {
  position: relative;
}

#menu-check,
.drawer__btn,
.drawer__bg,
.header__nav {
  display: none;
}

.footer {
  background: url(../images/dist/brown_bg.jpg) no-repeat 0 0;
  background-size: cover;
  text-align: center;
  font-size: 1.2rem;
  padding: 1rem 0;
}
.footer__sns {
  max-width: 110px;
  position: absolute;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.footer__sns-ttl {
  font-size: 2.1rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}
.footer__sns-items {
  display: flex;
  justify-content: center;
}
.footer__sns-item {
  width: 50px;
  cursor: pointer;
}
.footer__inner {
  max-width: 1100px;
  margin: 3rem auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer__inner-items {
  width: 275;
}
.footer__inner-items_ttl {
  text-align: left;
  margin-bottom: 1rem;
}
.footer__inner-items_ttl a {
  color: #F2A319;
  font-weight: 700;
  font-size: 1.6rem;
  text-decoration: none;
}
.footer__inner-items_links {
  text-align: left;
}
.footer__inner-items_links ul li a {
  padding-left: 1rem;
  font-size: 1.6rem;
  text-decoration: none;
  color: #f1f1f1;
}
.footer__sake {
  width: 100%;
  padding: 2rem 0;
}
.footer__sake-icon {
  width: 100px;
  margin: 0 auto;
}
.footer__sake p {
  font-size: 1.2rem;
  color: #f1f1f1;
}
.footer__copy {
  color: #f1f1f1;
}

@media screen and (max-width: 1200px) {

  .drawer__bg {
    display: block;
  }

  .drawer__btn {
    position: fixed;
    display: block;
    top: 25px;
    right: 20px;
    width: 28px;
    height: 16px;
    cursor: pointer;
    z-index: 100;
  }

  .drawer__btn span.inner {
    position: relative;
  }
  .drawer__btn span.inner::before {
    position: fixed;
    display: block;
    width: 60px;
    height: 60px;
    top: 3px;
    right: 3px;
    background-image: url(../images/dist/drawer_bg.png);
    background-image: -webkit-image-set(url(../images/dist/dist/drawer_bg.png) 1x, url(../images/dist/drawer_bg_2x.png) 2x);
    background-image: image-set(url(../images/dist/dist/drawer_bg.png) 1x, url(../images/dist/drawer_bg_2x.png) 2x);
    background-image: -webkit-image-set(url(../images/dist/drawer_bg.png) 1x, url(../images/dist/drawer_bg_2x.png) 2x);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    display: inline-block;
  }

  .drawer__btn span.border,
.drawer__btn::before,
.drawer__btn::after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 100%;
    height: 2px;
    background: #2D1C00;
    transition: all 0.3s;
    z-index: 100;
  }

  .drawer__btn span.border {
    top: 50%;
    transform: translateY(-50%);
  }

  .drawer__btn::before {
    top: 0;
  }

  .drawer__btn::after {
    bottom: 0;
  }

  #menu-check {
    display: none;
  }

  #menu-check:checked + .drawer__btn span {
    background: transparent;
  }

  #menu-check:checked + .drawer__btn::before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }

  #menu-check:checked + .drawer__btn::after {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
  }

  #menu-check:checked ~ .header__nav {
    transform: translateX(0);
  }

  .header__nav {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 320px;
    height: 100%;
    padding: 0 20px;
    background: #E8DDC3;
    transform: translateX(102%);
    transition: transform 0.5s;
    z-index: 80;
  }
  .header__nav .navigation__item {
    width: 100%;
    border-bottom: 1px solid #211A12;
  }

  .drawer__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    z-index: 50;
    pointer-events: none;
  }

  #menu-check:checked ~ .drawer__bg {
    background: rgba(0, 0, 0, 0.7);
    pointer-events: auto;
  }

  .header__nav .navigation__items a {
    text-align: center;
  }

  .header__btn-item {
    margin-bottom: 0.5rem;
  }
  .header__btn-item:first-of-type {
    margin-top: 2rem;
  }
  .header__btn-item a {
    background: #1E1E1E;
    display: block;
    border: 1px solid #1E1E1E;
    padding: 1.5rem 2.5rem;
    color: #f1f1f1;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.6rem;
    transition: all 0.3s ease;
  }
  .header__btn-item a:hover {
    background: #f1f1f1;
    color: #1E1E1E;
  }

}

@-moz-document url-prefix() {}
@media screen and (max-width: 767px) {
  #pagetotop {
    width: 50px;
  }

  html {
    font-size: 55%;
  }

  #loading .kvArea .img_box img {
    max-width: 50%;
  }

  .footer {
    text-align: center;
    font-size: 1.2rem;
    padding: 1rem 0;
  }
  .footer__inner {
    max-width: 1100px;
    margin: 3rem auto;
    padding: 0 3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer__inner-items {
    width: 550;
    margin-bottom: 3rem;
  }
  .footer__inner-items_ttl {
    text-align: left;
    margin-bottom: 1rem;
  }
  .footer__inner-items_ttl a {
    color: #F2A319;
    font-weight: 700;
    font-size: 1.6rem;
    text-decoration: none;
  }
  .footer__inner-items_links {
    text-align: left;
  }
  .footer__inner-items_links ul li a {
    padding-left: 1rem;
    font-size: 1.6rem;
    text-decoration: none;
    color: #f1f1f1;
  }
  .footer__sake {
    width: 100%;
    padding: 2rem 0;
  }
  .footer__sake-icon {
    width: 100px;
    margin: 0 auto;
  }
  .footer__sake p {
    font-size: 1.2rem;
    color: #f1f1f1;
  }
  .footer__copy {
    color: #f1f1f1;
  }
}

.fuchidori {
  color: #000;
  -webkit-text-stroke: 1px #FFF;
  text-stroke: 1px #FFF;
}
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background-image: url(../images/dist/top/mv_pc.jpg);
  background-image: image-set(url(../images/dist/top/mv_pc.jpg) 1x, url(../images/dist/top/mv_pc_2x.jpg) 2x);
  background-image: -webkit-image-set(url(../images/dist/top/mv_pc.jpg) 1x, url(../images/dist/top/mv_pc_2x.jpg) 2x);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
}
.header::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.header__logo_common {
  width: 24.47%;
}
.header__logo {
  padding-top: 200px;
  width: 70.47%;
}
.header__twitter {
  width: 50px;
  position: absolute;
  top: 15px;
  left: 15px;
  transition: all 0.3s ease;
}
.header__instagram {
  width: 50px;
  position: absolute;
  top: 15px;
  left: 80px;
  transition: all 0.3s ease;
}
.header__facebook {
  width: 50px;
  position: absolute;
  top: 15px;
  left: 145px;
  transition: all 0.3s ease;
}
.header__twitter:hover,
.header__instagram:hover,
.header__facebook:hover  {
  opacity: 0.7;
}
.header__btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
}
.header__btn-item:first-child {
  border-right: 1px solid #f1f1f1;
}
.header__btn a {
  background: #1E1E1E;
  display: block;
  border: 1px solid #1E1E1E;
  padding: 1.5rem 2.5rem;
  color: #f1f1f1;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.6rem;
  transition: all 0.3s ease;
}
.header__btn a:hover {
  background: #f1f1f1;
  color: #1E1E1E;
}

.navigation {
  display: flex;
  justify-content: center;
}
.navigation__items {
  margin-top: -6vw;
  margin-bottom: 5rem;
  display: flex;
  justify-content: center;
  z-index: 10;
}
.navigation__item {
  width: 19.33%;
  transition: all 0.3s ease;
}
.navigation__item:hover {
  opacity: 0.9;
}

.content {
  background: url(../images/dist/yellow_bg.jpg) 0 0 repeat;
  background: contain;
}

.outline__ttl {
  width: 48.22%;
  margin: 30px auto 100px;
}
.outline__ttl img {
  width: 100%;
}
.outline__bottom {
  background-image: url(../images/dist/top/outline_bg.jpg);
  background-image: image-set(url(../images/dist/top/outline_bg.jpg) 1x, url(../images/dist/top/outline_bg_2x.jpg) 2x);
  background-image: -webkit-image-set(url(../images/dist/top/outline_bg.jpg) 1x, url(../images/dist/top/outline_bg_2x.jpg) 2x);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.outline__bottom-inner {
  max-width: 765px;
  padding: 180px 0 85px;
  margin: 0 auto;
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.8;
}
.outline__slider {
  margin-bottom: -120px;
}
.outline__slider-img img {
  display: block;
  width: auto;
  max-width: 100%;
}

.map {
  background: url(../images/dist/brown_bg.jpg) 0 0 no-repeat;
  background-size: cover;
  padding: 100px 0;
}
.map__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.map__ttl {
  width: 31%;
  margin: 0 auto 5rem;
}
.map__mapimg {
  width: 60.83%;
  margin: 0 auto 5rem;
}
.map__mapimg img {
  width: 100%;
}
.map__area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.map__area-item {
  width: calc(25% - 5rem);
  position: relative;
  margin-bottom: 3rem;
}
.map__area-item::after {
  content: "";
  width: 40px;
  height: 2px;
  display: inline-block;
  background-color: #F2A319;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: -2rem;
}
.map__area-item::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #F2A319;
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.8rem;
}
.map__area-item a {
  width: 100%;
  color: #f1f1f1;
  text-align: center;
  font-weight: 700;
  font-size: 2.1rem;
  text-decoration: none;
  display: block;
  border: 1px solid #f1f1f1;
  border-radius: 25px;
  padding: 1rem 0;
  transition: all 0.3s ease;
}
.map__area-item a:hover {
  background: #f1f1f1;
  color: #211A12;
}

.event__header {
  position: relative;
}
.event__header .pc {
  display: block;
}
.event__header .sp {
  display: none;
}
.event__header img {
  width: 100%;
}
.event__slider-item {
  width: 100%;
}
.event__slider-img img {
  display: block;
  width: auto;
  max-width: 100%;
}
.event__ttl {
  position: absolute;
  width: 14.58%;
  /* width: 33.58%; */
  bottom: -2.3vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.event__ttl02 {
  /* width: 20.93%; */
  width: 34.93%;
  margin: 12rem auto 1rem;
}
.event__subttl {
  margin-bottom: 3rem;
}
.event__bottom {
  padding: 10rem 0 5rem;
  max-width: 760px;
  margin: 0 auto;
  color: #261E16;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.8;
}
.event__bottom p{
  text-align: center;
  padding-top: 3rem;
}
.event__bottom:last-of-type {
  padding: 3rem 0 10rem;
}
.event__bottom-btn {
  position: relative;
  max-width: 410px;
  margin: 4rem auto;
}
.event__bottom-btn a {
  width: 100%;
  color: #211A12;
  background: #f1f1f1;
  text-align: center;
  font-weight: 700;
  font-size: 2.1rem;
  text-decoration: none;
  display: block;
  border: 1px solid #211A12;
  border-radius: 50px;
  padding: 1rem 0;
  transition: all 0.3s ease;
}
.event__bottom-btn a:hover {
  background: #211A12;
  color: #f1f1f1;
}
.event__bottom-btn::after {
  content: "";
  width: 40px;
  height: 2px;
  display: inline-block;
  background-color: #F2A319;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: -2rem;
}
.event__bottom-btn::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #F2A319;
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.8rem;
}

.about {
  padding-top: 39.0625%;
  background-image: url(../images/dist/top/about_bg.jpg);
  background-image: image-set(url(../images/dist/top/about_bg.jpg) 1x, url(../images/dist/top/about_bg_2x.jpg) 2x);
  background-image: -webkit-image-set(url(../images/dist/top/about_bg.jpg) 1x, url(../images/dist/top/about_bg_2x.jpg) 2x);
  position: relative;
  background-size: cover;
  background-position: bottom center;
}
.about__inner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.about__inner-body {
  max-width: 1200px;
  margin: 0 auto;
  padding: 6.66% 0% 6.66% 16.66%;
}
.about__inner-btn {
  position: relative;
  width: 410px;
  margin: 4rem 0 4rem 4rem;
}
.about__inner-btn_wrap {
  display: flex;
  flex-direction: row-reverse;
}
.about__inner-btn a {
  width: 100%;
  color: #211A12;
  background: #f1f1f1;
  text-align: center;
  font-weight: 700;
  font-size: 2.1rem;
  text-decoration: none;
  display: block;
  border: 1px solid #211A12;
  border-radius: 25px;
  padding: 1rem 0;
  transition: all 0.3s ease;
}
.about__inner-btn a:hover {
  background: #211A12;
  color: #f1f1f1;
}
.about__inner-btn::after {
  content: "";
  width: 40px;
  height: 2px;
  display: inline-block;
  background-color: #F2A319;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: -2rem;
}
.about__inner-btn::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #F2A319;
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.8rem;
}
.about__ttl {
  width: 78.97%;
  margin-bottom: 5rem;
}
.about__ttl .pc {
  display: block;
}
.about__ttl .sp {
  display: none;
}
.about__txt {
  padding-left: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
}


@-moz-document url-prefix() {}
@media screen and (max-width: 767px) {
  html {
    font-size: 55%;
  }

  #loading .kvArea .img_box img {
    max-width: 50%;
  }

  .header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url(../images/dist/top/mv_sp.jpg);
    background-image: image-set(url(../images/dist/top/mv_sp.jpg) 1x, url(../images/dist/top/mv_sp_2x.jpg) 2x);
    background-image: -webkit-image-set(url(../images/dist/top/mv_sp.jpg) 1x, url(../images/dist/top/mv_sp_2x.jpg) 2x);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
  }
  .header::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .header__logo {
    width: 61.27%;
  }
  .header__twitter {
    width: 25px;
    position: absolute;
    top: 15px;
    left: 15px;
    transition: all 0.3s ease;
  }
  .header__instagram {
    width: 25px;
    position: absolute;
    top: 15px;
    left: 55px;
    transition: all 0.3s ease;
  }
  .header__facebook {
    width: 25px;
    position: absolute;
    top: 15px;
    left: 100px;
    transition: all 0.3s ease;
  }
  .header__twitter:hover {
    opacity: 0.7;
  }

  .header__btn {
    display: none;
  }

  .navigation {
    display: none;
  }


  .outline {
    padding-top: 6rem;
  }
  .outline__ttl {
    width: 78.22%;
    margin: 0 auto 40px;
  }
  .outline__bottom-inner {
    max-width: 765px;
    padding: 150px 2rem 85px;
    margin: 0 auto;
    color: #fff;
    font-size: 2.1rem;
  }
  .outline__slider {
    margin-bottom: -120px;
  }
  .outline__slider-img img {
    display: block;
    width: auto;
    max-width: 100%;
  }

  .map {
    background: url(../images/dist/brown_bg.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 50px 0;
  }
  .map__ttl {
    width: 48.5%;
    margin: 0 auto 5rem;
  }
  .map__mapimg {
    width: 91.26%;
    margin: 0 auto 5rem;
  }
  .map__area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 2rem;
  }
  .map__area-item {
    width: calc(50% - 2rem);
    position: relative;
    margin-bottom: 3rem;
  }
  .map__area-item::after {
    content: "";
    width: 30px;
    height: 2px;
    display: inline-block;
    background-color: #F2A319;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: -1.5rem;
  }
  .map__area-item::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #F2A319;
    position: absolute;
    top: 50%;
    left: 1.5rem;
    margin-top: -4px;
  }
  .map__area-item a {
    width: 100%;
    color: #f1f1f1;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    text-decoration: none;
    display: block;
    border: 1px solid #f1f1f1;
    border-radius: 25px;
    padding: 1rem 0;
    transition: all 0.3s ease;
  }
  .map__area-item a:hover {
    background: #f1f1f1;
    color: #211A12;
  }

  .event__header {
    position: relative;
  }
  .event__header .pc {
    display: none;
  }
  .event__header .sp {
    display: block;
  }
  .event__ttl {
    position: absolute;
    /* width: 36.5%; */
    width: 70.5%;
    bottom: -4.6vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .event__ttl02 {
    width: 52.41%;
    margin: 3rem auto 1rem;
  }
  .event__bottom {
    padding: 5rem 2rem 3rem;
    max-width: 760px;
    margin: 0 auto;
    color: #261E16;
    font-size: 2.1rem;
  }
  .event__bottom:last-of-type {
    padding: 3rem 2rem 10rem;
  }
  .event__bottom-btn {
    position: relative;
    max-width: 310px;
    margin: 4rem auto;
  }

  .about {
    padding-top: 0;
    background: #FFF9F9;
    background-image: url(../images/dist/top/about_bg_sp.png);
    background-image: image-set(url(../images/dist/top/about_bg_sp.png) 1x, url(../images/dist/top/about_bg_sp_2x.png) 2x);
    background-image: -webkit-image-set(url(../images/dist/top/about_bg_sp.png) 1x, url(../images/dist/top/about_bg_sp_2x.png) 2x);
    position: relative;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 950px;
  }
  .about__inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .about__inner-body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 2rem 25rem 2rem;
  }
  .about__inner-btn {
    position: relative;
    max-width: 310px;
    margin: 4rem auto;
  }
  .about__inner-btn_wrap {
    display: flex;
    flex-direction: row-reverse;
  }
  .about__ttl {
    width: 90.61%;
    margin: 0 auto 5rem;
  }
  .about__ttl .pc {
    display: none;
  }
  .about__ttl .sp {
    display: block;
  }
  .about__txt {
    padding-left: 0;
    font-size: 1.6rem;
  }

  .top__dl{
    width:500px;
   }
   .top__dt{
    border-bottom:1px solid #ccc;
     float:left;
     padding:10px 5px;
   }
   .top__dd{
    border-bottom:1px solid #ccc;
     margin-left:100px;
     padding:10px 5px;
   }
   .top__a{
     background-color:red;
     border-radius:5px;
     color:#fff;
     margin:0 20px;
     padding:5px 15px;
     text-decoration:none;
   }

}
@charset "UTF-8";

/* 共通
------------------------------------ */
.is-pc {
  display: block;
}

.is-sp {
  display: none;
}

/* 下層 グロナビ
------------------------------------ */
.header02 {
  position: relative;
  aspect-ratio: 1920 / 300;
  background-image: url(../images/dist/header-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.header02 .header__logo {
  position: absolute;
  width: 13%;
  min-width: 180px;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.header02__nav ul {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}

.header02__nav ul li {
  width: 8.3%;
  min-width: 140px;
  margin-right: -1%;
  transition: opacity .3s ease;
}

.header02__nav ul li:first-of-type {
  margin-left: 10.4%;
}

/*　この設定をやめる
　　ヘッダーにロゴを入れていたが、うまく表示されてないため、別のアイコンを使うことにした
.header02__nav ul li:nth-of-type(3) {
  margin-left: 10.5%;
}
*/

.header02__nav ul li:hover {
  opacity: 0.9;
}


/* 下層ナビ
------------------------------------ */
.sub__nav {
  margin-top: 30px;
  width: 100%;
}

.sub__nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 825px;
  margin: 0 auto;
}

.sub__nav ul li {
  /* width: 13.3%; */
  width: calc(825px / 5);
  transition: transform .3s ease;
}

/* .sub__nav ul li:nth-of-type(n+2) {
  margin-left: -1%;
} */


/* TOPへ戻る
------------------------------------ */
.return-btn {
  margin-top: 100px;
}

.return-btn a {
  position: relative;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 78px;
  color: #F1F1F1;
  width: 560px;
  height: 80px;
  margin: 0 auto;
  border-radius: 40px;
  text-decoration: none;
  background-color: #000;
  transition: all .3s ease;
}

.return-btn a:hover {
  color: #000;
  background-color: #E8DDC3;
}

.return-btn a i {
  position: absolute;
  top: 50%;
  right: 80px;
  transform: translateY(-50%);
  font-size: 2.3rem;
}

@media (hover: hover) and (pointer: fine) {
  .sub__nav ul li:hover {
    transform: translateY(-15px);
  }
}


/* レスポンシブ
------------------------------------ */
@media screen and (max-width: 1200px) {
  .header__btn {
    display: flex;
    flex-direction: column;
  }

  .header02 .header__logo {
    width: 15%;
    min-width: unset;
  }

  .header02__nav ul li {
    width: 11.6%;
    min-width: unset;
  }

  .header__btn {
    display: none;
  }
  .header02 {
    aspect-ratio: 750 / 250;
    background-image: url(../images/dist/header-bg-sp.jpg);
    background-position: top center;
  }

  .header02__nav {
    display: none;
  }

  .header02 .header__logo {
    width: 33%;
    top: 0;
  }



}


@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
  
  .is-sp {
    display: block;
  }

  .sub__nav {
    margin-top: 10px;
  }

  .sub__nav ul li {
    width: 25.7%;
  }

  .sub__nav ul li:nth-of-type(n+5) {
    margin-top: -3%;
  }

  .return-btn {
    margin-top: 40px;
  }

  .return-btn a {
    line-height: 50px;
    width: 80%;
    max-width: 500px;
    height: 50px;
  }
}
@charset "UTF-8";

/* イベント共通、トップ
------------------------------------ */
img {
  width: 100%;
}

.sub__nav.event-nav ul li {
  width: 18%;
}
.sub__nav.event-nav ul li.coming::after {
  content: 'Coming Soon';
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
}

.online-event {
  position: relative;
  background: url(../images/dist/bg.png) repeat center center / contain;
  background-color: #e3b836;
  padding: 45px 0 270px;
}

.online-event__inner {
  max-width: 1200px;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 40px;
}

.online-event__ttl {
  /* width: 56.77%; */
  width: 20%;
  margin: 0 auto;
}

.online-event__main {
  width: 82.75%;
  margin: -4% auto 0;
}

.online-event__lead {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-top: 4rem;
}

.business__ttl02 {
  position: relative;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}

.business__ttl02::before, .business__ttl02::after {
  position: absolute;
  content: '';
  top: 55%;
  transform: translateY(-50%);
  width: 30%;
  height: 20px;
  background: url(../images/dist/business/ttl-line.svg) no-repeat center center / cover;
}
.business__ttl02::before {
  left: 0;
}

.business__ttl02::before, .business__ttl02::after {
  position: absolute;
  content: '';
  top: 55%;
  transform: translateY(-50%);
  width: 30%;
  height: 20px;
  background: url(../images/dist/business/ttl-line.svg) no-repeat center center / cover;
}
.business__ttl02::after {
  right: 0;
}


/* イベント詳細
------------------------------------ */
.online__contents {
  border-radius: 13px;
  box-shadow: 0 0 34px 6px rgba(67,34,14,0.75);
  background-color: #fff;
  margin-top: 110px;
  padding: 5% 8% 8%;
}

.online__contents h3 {
  position: relative;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 3rem;
  padding-bottom: 2.6rem;
  color: #2D1C00;
}

.online__contents h3::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
  height: 3px;
  background-color: #2D1C00;
}

.online__contents .schedule {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.online__contents .lead {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 5rem;
}

.online__contents .sub-ttl {
  font-size: 2.4rem;
  margin-top: 4rem;
  padding-left: 3rem;
  position: relative;
}
.online__contents .sub-ttl::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 35px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #43220E;
}

.event__content h4 {
  font-size: 2.1rem;
  letter-spacing: 0.1em;
}


.online__contents > .txt,
.event__content > .txt,
.event__content .wrap02 .txt {
  font-size: 1.6rem;
  line-height: 2.5;
  letter-spacing: 0.1em;
  margin-top: 2rem;
  padding-left: 3.5rem;
}

.event-profile__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.event-profile__wrap .event-profile {
  position: relative;
  width: 49%;
  margin: 4rem 0 3rem;
  padding: 3.6rem 2rem;
}

.event-profile__wrap .event-profile::before {
  position: absolute;
  content: '';
  top: -1.3rem;
  left: -1.3rem;
  width: 15.7%;
  height: 31.3%;
  background-size: contain;
  background-repeat: no-repeat;
}

.event-profile__wrap .event-profile.times01::before {
  background-image: url(../images/dist/event/times01.svg);
}

.event-profile__wrap .event-profile.times02::before {
  background-image: url(../images/dist/event/times02.svg);
}

.event-profile__wrap .event-profile.times03::before {
  background-image: url(../images/dist/event/times03.svg);
}

.event-profile__wrap .event-profile.times04::before {
  background-image: url(../images/dist/event/times04.svg);
}

.event-profile__wrap .event-profile.times01-02::before {
  background-image: url(../images/dist/event/times01-02.svg);
}

.event-profile__wrap .event-profile.times02-02::before {
  background-image: url(../images/dist/event/times02-02.svg);
}

.event-profile__wrap .event-profile.times03-02::before {
  background-image: url(../images/dist/event/times03-02.svg);
}

.event-profile__wrap .event-profile.times04-02::before {
  background-image: url(../images/dist/event/times04-02.svg);
}

.event-profile__wrap .event-profile.times05-02::before {
  background-image: url(../images/dist/event/times05-02.svg);
}

.event-profile__wrap .event-profile:nth-of-type(n+3) {
  margin-top: 0;
}

.event-profile__wrap .event-profile__img {
  width: 33.2%;
}

.event-profile__wrap .event-profile__desc {
  width: 62%;
}

.event-profile {
  display: flex;
  justify-content: space-between;
  max-width: 658px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding: 2rem 4rem;
  background-color: rgba(67,34,14,0.1);
}

.event-profile__img {
  width: 26%;
}

.event-profile__desc {
  width: 68%;
}

.event-profile__desc .name {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1rem 0;
}

.event-profile__desc .txt {
  font-size: 1.6rem;
  font-weight: 500;
}

.event__content {
  position: relative;
  margin-top: 8rem;
}

.event__content.content03 {
  margin-top: 12rem;
}



.event__content .txt-img {
  position: absolute;
  width: 20.3%;
  top: -5%;
  right: 0;
}

.event__content .wrap01 {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
  padding: 0 10%;
}

.event__content .wrap01 .wrap-txt {
  flex: 1;
  font-size: 1.6rem;
}

.event__content .wrap01 .wrap-txt > p + p {
  line-height: 1.8;
  margin-top: 1.6rem;
  padding-left: 2.5rem;
}

.event__content .wrap01 .wrap-img {
  width: 15.8%;
  margin-left: 5rem;
}

.online-event__section {
  margin-top: 6rem;
}

.online-event__section .section__box01 {
  padding: 4rem 5rem 6rem;
  background-color: #ECE8E6;
  border-radius: 12px;
  border: 0.6rem solid #43220E;
}

.online-event__section h5 {
  font-size: 2.1rem;
  font-weight: 700;
  color: #43220E;
  margin-bottom: 2.6rem;
  padding-bottom: 1rem;
  border-bottom: 0.3rem solid #43220E;
}

.online-event__section dl {
  display: flex;
  flex-wrap: wrap;
}

.online-event__section dl dt {
  width: 70px;
  align-self: flex-start;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-bottom: 1.2rem;
  padding: 0 0 2px;
  background-color: #43220E;
}

.online-event__section dl dd {
  width: calc(100% - (70px + 1.6rem));
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1.2rem 1.6rem;
}

.online-event__section dl dd span {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  margin-left: 1.8rem;
}

.online-event__section .time {
  position: relative;
  width: 123px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  color: #43220E;
  background-color: #EDD15D;
  margin-top: 3rem;
}

.online-event__section .time::after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  transform:  translateX(-50%);
  background-color: #EDD15D;
  width: 8px;
  height: 5px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.online-event__section h6 {
  display: flex;
  align-items: flex-start;
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  font-feature-settings: "palt";
  margin-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.online-event__section h6::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #43220E, #43220E 1px, transparent 2px, transparent 4px, #43220E 5px, #43220E 6px);
  background-size: 6px auto;
  background-repeat: repeat-x;
}

.online-event__section h6 .area-tag {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: 1rem;
  padding: 0 0.6rem;
  color: #fff;
  background-color: #43220E;
}

.online-event__section h6 + p {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}

.online-event__section .section__box02 {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  padding: 2.4rem;
  background-color: #fff;
}

.online-event__section .section__box02 .image {
  width: 25.5%;
  margin-right: 1.4rem;
}

.online-event__section .section__box02 .desc {
  flex: 1;
  margin-left: 2.6rem;
}

.online-event__section .section__box02 .desc > p:first-of-type {
  font-size: 1.6rem;
  font-weight: 700;
  color: #43220E;
}

.online-event__section .section__box02 .desc > p + p {
  font-size: 1.4rem;
  line-height: 1.7;
  margin-top: 1.8rem;
}

.online-event__section .link-area {
  margin-top: 6rem;
}

.online-event__link {
  margin-top: 3rem;
}

.online-event__link a {
  position: relative;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  width: 495px;
  margin: 0 auto;
  padding: 1.8rem 0;
  border: 4px solid #261E16;
  border-radius: 35px;
  text-decoration: none;
  background-color: #DEDEDE;
  transition: all 0.3s ease;
}

.online-event__link a:hover {
  color: #fff;
  background-color: #261E16;
}

.online-event__link a::before {
  position: absolute;
  content: '';
  width: 5.4rem;
  height: 0.2rem;
  top: 50%;
  left: -2.5rem;
  transform: translateY(-50%);
  background-color: #F49642;
}

.online-event__link a::after {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  background-color: #F49642;
  border-radius: 50%;
}


/* レスポンシブ
------------------------------------ */
@media screen and (max-width: 1000px) {
  .event__content .txt-img {
    top: -10%;
  }
}


@media screen and (max-width: 767px) {
  .online-event {
    background-size: 1000px auto;
    padding: 20px 0 160px;
  }

  .online-event__inner {
    max-width: 500px;
    padding: 0 2rem;
  }

  .online-event__ttl {
    width: 90%;
  }

  .online-event__main {
    width: 100%;
  }

  .online-event__lead {
    font-size: 1.7rem;
    margin-top: 3rem;
  }

  .online__contents {
    margin: 50px 0 80px;
    padding: 2rem 2rem 4rem;
    box-shadow: 0 0 20px 3px rgb(67,34,14,0.75);
  }

  .sub__nav.event-nav ul {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  
  .sub__nav.event-nav ul li {
    width: 33.3%;
  }

  .sub__nav.event-nav ul li:nth-of-type(n+4) {
    margin-top: -7%;
  }

  .online__contents h3 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    padding-bottom: 1.6rem;
  }

  .online__contents .schedule {
    font-size: 2rem;
    margin-bottom: 4rem;
  }

  .online__contents .lead {
    margin-bottom: 4rem;
  }

  .event-profile {
    padding: 1.8rem;
  }

  .event-profile__img,
  .event-profile__wrap .event-profile__img {
    width: 25%;
    margin-top: 1.2rem;
  }

  .event-profile__desc,
  .event-profile__wrap .event-profile__desc {
    width: 70%;
  }

  .event-profile__desc .name {
    margin: 0 0 0.5rem;
  }

  .online__contents .sub-ttl {
    font-size: 2rem;
  }

  .online__contents > .txt,
  .event__content > .txt,
  .event__content .wrap02 .txt {
    margin-top: 1.6rem;
    padding: 0;
    line-height: 1.8;
  }

  .event__content,
  .event__content.content03 {
    margin-top: 4rem;
  }

  .event__content h4 {
    padding-left: 2rem;
  }

  .event__content h4::before {
    top: 1.6rem;
    width: 3px;
    height: 30px;
  }

  .event-profile__wrap {
    display: block;
    margin-top: 2.5rem;
  }

  .event-profile__wrap .event-profile {
    width: 100%;
    margin: 1rem 0 0;
    padding: 1.8rem;
  }

  .event__content .wrap01 {
    margin-top: 3rem;
    padding: 0;
  }

  .event__content .wrap01 .wrap-txt > p + p {
    margin-top: 1.2rem;
    padding-left: 1rem;
  }

  .event__content .wrap01 .wrap-img {
    width: 30%;
    margin-left: 2rem;
  }

  .event__content .wrap02 {
    display: flex;
    margin-top: 1.6rem;
  }

  .event__content .wrap02 .txt {
    flex: 1;
    margin-top: 0;
    padding: 0;
    line-height: 1.8;
  }

  .event__content .wrap02 .txt-img {
    position: static;
    width: 30%;
    max-width: 140px;
    margin-left: 2rem;
  }

  .event-profile__wrap .event-profile {
    margin: 0 0 1.4rem;
  }

  .online-event__section {
    margin-top: 4rem;
  }

  .online-event__section .section__box01 {
    padding: 2rem 2rem 3rem;
  }

  .online-event__section dl {
    display: block;
  }

  .online-event__section dl dt {
    width: 50px;
    font-size: 1.6rem;
  }

  .online-event__section dl dd {
    width: 100%;
    line-height: 1.2;
    margin: 0 0 1.6rem;
  }

  .online-event__section dl dd span {
    margin-left: 1rem;
  }

  .online-event__section h6 {
    display: block;
  }

  .online-event__section .section__box02 {
    display: block;
    padding: 2rem;
  }

  .online-event__section .section__box02 .image {
    width: 100%;
    margin-bottom: 1rem;
  }

  .online-event__section .section__box02 .desc {
    margin: 2rem 0 0;
  }

  .online-event__section .section__box02 .desc > p + p {
    margin-top: 1rem;
  }

  .online-event__section .link-area {
    margin-top: 4rem;
  }

  .online-event__link {
    margin-top: 1.6rem;
  }

  .online-event__link a {
    width: 100%;
    max-width: 400px;
    border-radius: 50px;
  }

  .online-event__link a::before {
    width: 3rem;
    left: -1.8rem;
  }

  .online-event__link a::after {
    left: 1.2rem;
  }
}