/*! Writen  by SCSS */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Sans+JP:wght@100..900&display=swap");
.gothic {
  font-family: "Noto Sans JP", sans-serif; }

.img_cap {
  position: relative; }
  .img_cap .cap {
    display: block;
    z-index: 1;
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px; }

@media screen and (max-width: 1900px) {
  .vpc1900 {
    display: none; } }
@media not screen, screen and (min-width: 1901px) {
  .vsp1900 {
    display: none; } }
@media screen and (max-width: 1800px) {
  .vpc1800 {
    display: none; } }
@media not screen, screen and (min-width: 1801px) {
  .vsp1800 {
    display: none; } }
@media screen and (max-width: 1600px) {
  .vpc1600 {
    display: none; } }
@media not screen, screen and (min-width: 1601px) {
  .vsp1600 {
    display: none; } }
@media screen and (max-width: 1500px) {
  .vpc1500 {
    display: none; } }
@media not screen, screen and (min-width: 1501px) {
  .vsp1500 {
    display: none; } }
@media screen and (max-width: 1400px) {
  .vpc1400 {
    display: none; } }
@media not screen, screen and (min-width: 1401px) {
  .vsp1400 {
    display: none; } }
@media screen and (max-width: 1300px) {
  .vpc1300 {
    display: none; } }
@media not screen, screen and (min-width: 1301px) {
  .vsp1300 {
    display: none; } }
@media screen and (max-width: 1200px) {
  .vpc1200 {
    display: none; } }
@media not screen, screen and (min-width: 1201px) {
  .vsp1200 {
    display: none; } }
@media screen and (max-width: 1024px) {
  .vpc1024 {
    display: none; } }
@media not screen, screen and (min-width: 1025px) {
  .vsp1024 {
    display: none; } }
@media screen and (max-width: 960px) {
  .vpc960 {
    display: none; } }
@media not screen, screen and (min-width: 961px) {
  .vsp960 {
    display: none; } }
@media screen and (max-width: 900px) {
  .vpc900 {
    display: none; } }
@media not screen, screen and (min-width: 901px) {
  .vsp900 {
    display: none; } }
@media screen and (max-width: 768px) {
  .vpc768 {
    display: none; } }
@media not screen, screen and (min-width: 769px) {
  .vsp768 {
    display: none; } }
@media screen and (max-width: 767px) {
  .vpc767 {
    display: none; } }
@media not screen, screen and (min-width: 768px) {
  .vsp767 {
    display: none; } }
@media screen and (max-width: 640px) {
  .vpc640 {
    display: none; } }
@media not screen, screen and (min-width: 641px) {
  .vsp640 {
    display: none; } }
@media screen and (max-width: 480px) {
  .vpc480 {
    display: none; } }
@media not screen, screen and (min-width: 481px) {
  .vsp480 {
    display: none; } }
@media screen and (max-width: 375px) {
  .vpc375 {
    display: none; } }
@media not screen, screen and (min-width: 376px) {
  .vsp375 {
    display: none; } }
@media screen and (max-width: 360px) {
  .vpc360 {
    display: none; } }
@media not screen, screen and (min-width: 361px) {
  .vsp360 {
    display: none; } }
@media screen and (max-width: 320px) {
  .vpc320 {
    display: none; } }
@media not screen, screen and (min-width: 321px) {
  .vsp320 {
    display: none; } }
.mt10 {
  margin-top: 10px; }

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

.vsp600 {
  display: none; }
  @media screen and (max-width: 600px) {
    .vsp600 {
      display: block; } }

header {
  height: 100px;
  display: flex;
  align-items: center; }

body {
  background: #f4ede6;
  overflow-x: hidden; }

footer.footer-container {
  padding-bottom: 50px;
  background: none;
  position: relative; }
  footer.footer-container .bg_07 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(456%/16);
    pointer-events: none; }
    footer.footer-container .bg_07 img {
      max-width: 100%; }
  footer.footer-container .gnav_wraps {
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 480px) {
      footer.footer-container .gnav_wraps {
        padding-top: 0; } }

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

.cap_l {
  font-size: clamp(10px, 1vw, 12px);
  line-height: 1.2; }

.ta_c {
  text-align: center; }

@media screen and (max-width: 480px) {
  .sp_cap_l {
    text-align: left; } }

.town-mv {
  position: relative; }
  @media screen and (max-width: 480px) {
    .town-mv figure {
      aspect-ratio: 480 / 500;
      overflow: hidden; }
      .town-mv figure img.fit-img {
        object-fit: cover;
        width: 100%;
        height: 100%; } }
  .town-mv .main_txt {
    position: absolute;
    inset: 0;
    margin: auto;
    max-width: 530px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 1400px) {
      .town-mv .main_txt {
        width: calc(530%/14);
        min-width: 400px; } }
    @media screen and (max-width: 480px) {
      .town-mv .main_txt {
        max-width: 400px;
        min-width: 200px;
        width: calc(100% - 20px); } }
  .town-mv .cap {
    font-size: clamp(10px, 1.16vw, 14px);
    padding: 5px; }
    .town-mv .cap .l {
      font-size: 160%; }
  .town-mv .cap1 {
    left: 0;
    right: auto; }

.inner {
  max-width: 1100px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.sub_read {
  font-size: clamp(14px, 2.33vw, 28px);
  letter-spacing: 0.2em;
  line-height: 1.5; }
  @media screen and (max-width: 768px) {
    .sub_read {
      font-size: calc(16vw/3.75);
      letter-spacing: 0.1em; } }

.read {
  font-size: clamp(13px, 1.5vw, 18px); }

.sec01 {
  position: relative; }
  .sec01 > div {
    position: relative;
    z-index: 3; }
  .sec01 .bg_01 {
    position: absolute;
    top: 30px;
    right: 0;
    width: calc(456%/16); }
  .sec01 .bg_02 {
    position: absolute;
    top: 22vw;
    left: 0;
    width: calc(867%/16); }
  .sec01 .bg_03 {
    position: absolute;
    bottom: 33vw;
    right: 0;
    width: calc(519%/16); }
  .sec01 .bg_04 {
    position: absolute;
    bottom: -33vw;
    left: 0;
    width: calc(371%/16); }

.sec01 {
  padding: 130px 0 85px; }
  @media screen and (max-width: 768px) {
    .sec01 {
      padding: 50px 0 45px; } }
  .sec01 .in_box {
    width: calc(100% - 40px);
    max-width: 1100px;
    margin: 0 auto 100px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sec01 .in_box {
        margin-bottom: 60px; } }
    .sec01 .in_box .txt1 {
      width: calc(703%/11);
      display: block;
      margin: 0 auto 50px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .sec01 .in_box .txt1 {
          width: calc(350%/3.75);
          margin-bottom: calc(25%/3.75); } }
      .sec01 .in_box .txt1 img {
        display: block; }
  .sec01 .box_wrap {
    display: flex;
    flex-direction: column;
    gap: 70px 0;
    width: calc(100% - 40px);
    max-width: 1100px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .sec01 .box_wrap {
        gap: 40px 0; } }
    .sec01 .box_wrap .box .box_ttl {
      font-size: clamp(15px, 2.16vw, 26px);
      line-height: 1.4;
      letter-spacing: 0.1em;
      text-indent: -1em;
      padding-left: 1em;
      margin-bottom: 1.2em; }
    .sec01 .box_wrap .box .flex_box {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 600px) {
        .sec01 .box_wrap .box .flex_box {
          flex-direction: column-reverse;
          gap: 20px; } }
      .sec01 .box_wrap .box .flex_box .txts {
        width: calc(600%/11); }
        @media screen and (max-width: 600px) {
          .sec01 .box_wrap .box .flex_box .txts {
            width: 100%; } }
      .sec01 .box_wrap .box .flex_box .imgs {
        width: calc(400%/11); }
        @media screen and (max-width: 600px) {
          .sec01 .box_wrap .box .flex_box .imgs {
            width: 100%; } }
    .sec01 .box_wrap .box .bg_txt {
      max-width: 227px;
      width: 100%;
      text-align: center;
      color: #fff;
      background: #5a4f4a;
      padding: 0.4em 10px 0.5em;
      line-height: 1;
      border-radius: 8px;
      font-size: clamp(13px, 1.5vw, 18px);
      margin-bottom: 0.5em; }
      @media screen and (max-width: 600px) {
        .sec01 .box_wrap .box .bg_txt {
          max-width: fit-content; } }
    .sec01 .box_wrap .box .read {
      letter-spacing: 0.05em;
      line-height: 2.22;
      position: relative;
      z-index: 3; }
      @media screen and (max-width: 768px) {
        .sec01 .box_wrap .box .read {
          line-height: 1.7;
          letter-spacing: 0.1em; } }
    .sec01 .box_wrap .box .inner {
      position: relative;
      z-index: 3; }
  .sec01 .txt_005 {
    width: calc(671%/11);
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .sec01 .txt_005 {
        width: 100%; } }

.upper-nav {
  max-width: 480px;
  width: calc(100% - 40px);
  margin: 40px  auto 0; }
  @media screen and (max-width: 900px) {
    .upper-nav {
      max-width: 360px; } }
  .upper-nav .entry a {
    text-align: left;
    display: flex;
    align-items: center;
    height: auto;
    background: #5a4f4a;
    color: #fff;
    border-radius: 40px;
    padding: 20px 25px; }
    @media screen and (max-width: 680px) {
      .upper-nav .entry a {
        padding: 10px 20px; } }
    .upper-nav .entry a .ico.ico_req {
      width: 40px;
      margin-right: 20px; }
      @media screen and (max-width: 900px) {
        .upper-nav .entry a .ico.ico_req {
          width: calc(40%/3.03);
          margin-right: calc(20%/3.03); } }
      @media screen and (max-width: 480px) {
        .upper-nav .entry a .ico.ico_req {
          width: calc(35%/3.03);
          margin-right: calc(15%/3.03); } }
    .upper-nav .entry a .ico.ico_res {
      width: 37px;
      margin-right: 23px; }
      @media screen and (max-width: 900px) {
        .upper-nav .entry a .ico.ico_res {
          width: calc(40%/3.03);
          margin-right: calc(23%/3.03); } }
      @media screen and (max-width: 480px) {
        .upper-nav .entry a .ico.ico_res {
          width: calc(35%/3.03);
          margin-right: calc(15%/3.03); } }
    .upper-nav .entry a .ico img {
      width: 100%;
      max-width: auto; }
    .upper-nav .entry a .ico_arrow {
      margin-left: auto;
      width: 25px; }
      @media screen and (max-width: 900px) {
        .upper-nav .entry a .ico_arrow {
          width: calc(25%/3.03); } }
      .upper-nav .entry a .ico_arrow img {
        width: 100%;
        max-width: auto; }
    .upper-nav .entry a .txt {
      font-size: 20px;
      letter-spacing: 0.15em;
      display: flex;
      flex-direction: column;
      margin-right: 20px;
      line-height: 1.2; }
      @media screen and (max-width: 900px) {
        .upper-nav .entry a .txt {
          margin-right: calc(23%/3.03); } }
      @media screen and (max-width: 680px) {
        .upper-nav .entry a .txt {
          font-size: 13px; } }
      .upper-nav .entry a .txt .en {
        margin-top: 0.5em;
        font-size: 13px;
        font-family: "Jost", sans-serif;
        font-weight: 400;
        letter-spacing: 0.29em; }
        @media screen and (max-width: 680px) {
          .upper-nav .entry a .txt .en {
            font-size: 10px; } }

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