@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.mainImage {
  margin-top: 100px;
  height: 280px;
}
@media screen and (max-width: 767px) {
  .mainImage {
    margin-top: 80px;
  }
}
.mainImage__inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url("../img/common/bg-img01.jpg");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
}
.mainImage__inner__hl {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 5px 15px;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  background-color: #fff;
  z-index: 10;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner__hl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .mainImage__inner__hl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner__hl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 329px) {
  .mainImage__inner__hl {
    font-size: 1.25rem;
  }
}
.mainImage__inner .illust {
  width: 100%;
  height: 100%;
  max-width: 1020px;
  margin: 0 auto;
  position: relative;
}
.mainImage__inner .illust .illust-topLeft {
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-topLeft {
    width: calc(159px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-topLeft {
    width: calc(159px * 0.6);
  }
}
.mainImage__inner .illust .illust-btmLeft {
  position: absolute;
  bottom: 35px;
  left: 18.5%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-btmLeft {
    width: calc(131px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-btmLeft {
    width: calc(131px * 0.6);
    left: 5%;
  }
}
.mainImage__inner .illust .illust-topRight {
  position: absolute;
  top: 5px;
  right: 18.3%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-topRight {
    width: calc(175px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-topRight {
    width: calc(175px * 0.6);
    top: 10px;
    right: 5%;
  }
}
.mainImage__inner .illust .illust-btmRight {
  position: absolute;
  bottom: 25px;
  right: 5px;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-btmRight {
    width: calc(161px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-btmRight {
    width: calc(161px * 0.6);
  }
}

.cnts {
  background-image: linear-gradient(to top, #fef7eb, #fdf9f1, #fef7eb, #fdf9f1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  .cnts {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .cnts {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
.cnts__inner {
  margin: 0 auto;
  max-width: 1020px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 70px min(29% , 30px) 150px;*/
  padding: 50px 60px 150px;
  background-color: #fff;
}
@media screen and (max-width: 1279px) {
  .cnts__inner {
    padding: 30px 40px 150px;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner {
    padding: 20px 15px 80px;
  }
}
.cnts__inner .secList {
  max-width: 900px;
  margin: 0 auto 100px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .cnts__inner .secList {
    padding: 0;
    margin-bottom: 80px;
  }
}
.cnts__inner .secList__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 10px;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .secList__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .secList__list {
    grid-template-columns: 1fr;
    gap: 20px 10px;
  }
}
.cnts__inner .secList__item {
  margin-bottom: 15px;
}
.cnts__inner .secList__item--anchor {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  padding: 20px 25px 30px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 15px;
  text-decoration: none;
  color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: 0.3s linear;
}
@media screen and (max-width: 767px) {
  .cnts__inner .secList__item--anchor {
    padding: 15px 15px 30px;
  }
}
.cnts__inner .secList__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .cnts__inner .secList__item--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    background-color: #fdfdfd;
    transform: translateY(-2px);
  }
}
.cnts__inner .secList__item--anchor .festa__wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 479px) {
  .cnts__inner .secList__item--anchor .festa__wrap {
    gap: 10px;
  }
}
.cnts__inner .secList__item--anchor .festa__wrap .image {
  display: block;
  height: auto;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
.cnts__inner .secList__item--anchor .festa__wrap .date span {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  background-color: #ffd28f;
  padding: 2px 10px;
  border-radius: 999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .cnts__inner .secList__item--anchor .festa__wrap .date span {
    font-size: 1rem;
    padding: 4px 12px;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .secList__item--anchor .festa__wrap .date span {
    font-size: 0.8125rem;
  }
}
.cnts__inner .secList__item--anchor .festa__wrap .title span {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .cnts__inner .secList__item--anchor .festa__wrap .title span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .secList__item--anchor .festa__wrap .title span {
    font-size: 0.8125rem;
  }
}
.cnts__inner .secList__item--anchor .festa__wrap .place span {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  padding-left: 18px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .cnts__inner .secList__item--anchor .festa__wrap .place span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .secList__item--anchor .festa__wrap .place span {
    font-size: 0.8125rem;
  }
}
.cnts__inner .secList__item--anchor .festa__wrap .place span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/icon_placepin.png");
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: top left -5px;
}
.cnts__inner .returnLink {
  text-align: center;
}
.cnts__inner .returnLink a {
  display: inline-block;
  padding: 25px 40px 25px 90px;
  background-color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  transition: 0.3s linear;
  border: solid 1px #555;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .returnLink a {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .returnLink a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .returnLink a {
    font-size: 0.875rem;
    padding-left: 70px;
  }
}
.cnts__inner .returnLink a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 28px;
  height: auto;
  aspect-ratio: 28 / 23;
  background-image: url("../img/common/arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 479px) {
  .cnts__inner .returnLink a:before {
    width: 22px;
  }
}
.cnts__inner .returnLink a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .cnts__inner .returnLink a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

/* CSS Document */