@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v12/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F62fjtqLzI2JPCgQBnw7HFowA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQMisq1A.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v42/-F6pfjtqLzI2JPCgQBnw7HFQei0q1A.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v21/xn77YHs72GKoTvER4Gn3b5eMZGKLRkg.otf) format('opentype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
/*
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 VARIABLE FOR  _media
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
/*
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 VARIABLE FOR  _font-line
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
/*
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 VARIABLE FOR  _color
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
#Event .sect-1 {
  padding-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 {
    padding-bottom: 45px;
  }
}
#Event .sect-1 .l-container .arc-cat-wrap p {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #969696;
  margin-bottom: 11px;
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category {
  width: 220px;
  position: relative;
  display: inline-block;
  margin-bottom: 43px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-cat-wrap .arc-category {
    margin-bottom: 48px;
  }
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--dropbtn {
  position: relative;
  width: 100%;
  font-size: 25px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  border-bottom: 1px solid #CBCBCB;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-cat-wrap .arc-category--dropbtn {
    font-size: 22px;
  }
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--dropbtn::after {
  content: "";
  display: block;
  border-top: 12px solid #329E3A;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--content {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.11);
  padding: 10px 0;
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--content.show {
  display: block;
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--content a {
  color: #969696;
  font-size: 16px;
  padding: 8px 15px;
  display: block;
  transition: 0.3s;
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--content a:hover {
  background-color: #F0FAF1;
  color: #329E3A;
}
#Event .sect-1 .l-container .arc-cat-wrap .arc-category--content a.isActive {
  background-color: #F0FAF1;
  color: #329E3A;
}
#Event .sect-1 .l-container .arc-year {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 23px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-year {
    margin-bottom: 15px;
  }
}
#Event .sect-1 .l-container .arc-year--item {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #A5A5A5;
  transition: 0.3s;
  cursor: pointer;
}
#Event .sect-1 .l-container .arc-year--item:hover {
  color: #329E3A;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-year--item {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
#Event .sect-1 .l-container .arc-year--item.isActive {
  color: #329E3A;
}
#Event .sect-1 .l-container .arc-year--item:not(:last-child) {
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-year--item:not(:last-child) {
    margin-right: 15px;
  }
}
#Event .sect-1 .l-container .arc-month {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 85px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-month {
    margin-bottom: 45px;
  }
}
#Event .sect-1 .l-container .arc-month--item {
  font-size: 16px;
  font-weight: 500;
  color: #A5A5A5;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 10px;
}
#Event .sect-1 .l-container .arc-month--item:hover {
  color: #329E3A;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-month--item {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
#Event .sect-1 .l-container .arc-month--item.isActive {
  color: #329E3A;
}
#Event .sect-1 .l-container .arc-month--item:not(:last-child) {
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .arc-month--item:not(:last-child) {
    margin-right: 25px;
  }
}
#Event .sect-1 .l-container .c-event {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
#Event .sect-1 .l-container .c-event--item {
  width: calc(100% / 4);
  padding: 0 10px 45px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .c-event--item {
    width: calc(100% / 2);
    padding: 0 10px 31px;
  }
}
#Event .sect-1 .l-container .c-event--link {
  cursor: pointer;
}
#Event .sect-1 .l-container .c-event--link:hover figure img {
  transform: scale(1.2);
}
#Event .sect-1 .l-container .c-event--link figure {
  overflow: hidden;
  border-radius: 3px;
}
#Event .sect-1 .l-container .c-event--link figure img {
  width: 100%;
  height: auto;
  transition: 0.3s;
  aspect-ratio: 4/3;
  object-fit: cover;
}
#Event .sect-1 .l-container .c-event--link p {
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 1.5px;
  color: #555555;
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  #Event .sect-1 .l-container .c-event--link p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
#Event .sect-1 .l-container .e-tab-content .e-tab-pane {
  display: none;
}
#Event .sect-1 .l-container .e-tab-content .e-tab-pane.isActive {
  display: block;
}
#Event .sect-1 .l-container .e-tab-content .e-tab-pane.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#Event .sect-1 .l-container .e-tab-content .e-tab-pane.in {
  opacity: 1;
}