@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#event_area .c-main__ttl02-wrap {
  background: url(../images/event/header_fv.jpg) no-repeat top center/cover;
}

.cate-list {
  margin-inline: auto;
  padding: 11rem 0 7.8125rem;
  width: min(95%, 1700px);
}

.cate-ttl {
  margin-bottom: 1.875rem;
}

.system-category02 {
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
  margin-bottom: 6.25rem;
  padding: 2rem 0 3.125rem;
}

.p-event__tabs-lists {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 3.125rem;
  margin-inline: auto;
  width: min(95%, 1460px);
}

.p-event__tabs-list h2 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 2.2272727273;
  margin-bottom: 11px;
}

.p-event__tabs-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.p-event__tabs-item button {
  background: #fff;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #333333;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  padding: 10px 0;
  text-align: center;
  width: 12.5rem;
}

.p-event__tabs-item[aria-selected=true] {
  background: #333333;
  color: #fff;
  pointer-events: none;
}

.p-event__tabs-item[aria-selected=false] {
  text-align: center;
  transition: opacity 0.3s ease;
}

.p-event__tabs-content-wrap {
  height: 0;
  opacity: 0;
  transition: opacity 0.3s ease, translate 0.3s ease;
  translate: 0 1.25rem;
  visibility: hidden;
}

.p-event__tabs-content-wrap.js-show {
  height: -moz-fit-content;
  height: fit-content;
  opacity: 1;
  translate: 0;
  visibility: visible;
}

#event_area .event-times {
  display: grid;
  gap: 8px 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

#event_area .event-times li {
  align-items: center;
  border-bottom: 1px solid #333333;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 0 16px;
  letter-spacing: 0.1em;
  line-height: 2;
  padding-bottom: 16px;
}

#event_area .event-times li a {
  background: #BAA477;
  color: #ffffff;
  display: inline-block;
  padding: 0 16px;
}

.l-inner.l-event {
  margin-inline: auto;
  width: min(95%, 1620px);
  overflow: hidden;

}

#event_area .system-list {
  display: grid;
  gap: 5.0625rem 2.125rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 7.5625rem;
}

#event_area .system-list.event_category {
  width: min(95%,1620px);
  margin-inline: auto;
}

#event_area .system-list.event_tag {
  width: min(95%,1620px);
  margin-inline: auto;
}

#event_area .system-pic {
  height: 21.25rem;
  margin-bottom: 1.0625rem;
}

#event_area .system-pic img {
  height: 100%;
  width: 100%;
}

#event_area .icon {
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.7;
  margin-bottom: -25px;
  margin-left: auto;
  padding: 16px 10px;
  position: relative;
  right: 20px;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}

#event_area .icon.icon01 {
  background: #CD371F;
}

#event_area .icon.icon02 {
  background: #145179;
  padding: 16px 15px;
}

#event_area .icon.icon03 {
  background: #333333;
  padding: 16px 15px;
}

#event_area .system-category {
  align-items: center;
  color: #B3B3B3;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 400;
  gap: 0 8px;
  letter-spacing: 0em;
  line-height: 2.3333333333;
}

#event_area .system-ttl {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-bottom: 1.25rem;
}

#event_area .system-ttl.single {
  font-size: 2.25rem;
}

#event_area .system-date {
  display: flex;
  gap: 0 1.125rem;
}

#event_area .date-ttl {
  color: #B3B3B3;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 2.1538461538;
  white-space: nowrap;
}

#event_area .start_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 2.1538461538;
}

#event_area-form .c-main__ttl02-wrap {
	background: url(../assets/images/event/header_fv.jpg) no-repeat top center/cover;
}

#event_area .system-contents {
	margin-inline: auto;
	width: min(95%, 1200px);
	padding: 8.5rem 0 0;
}

#event_area .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.25rem;
}

#event_area .system-category.single {
  margin-bottom: 0.5rem;
}

.system-category.single span {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.75;
}

.system-ttl {
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.0555555556;
	margin-bottom: 1.5625rem;
}

.event-date-wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3.75rem;
	padding-bottom: 2.5rem;
  position: relative;
}

.event-date-wrap::after {
  position: absolute;
  content: "";
  background: url(../images/event/line.svg) no-repeat center center / cover;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#event_area .wysiwyg {
	margin-inline: auto;
	width: min(95%, 1100px);
}

#event_area .system-i-pic {
	margin-inline: auto;
	text-align: center;
	width: min(95%, 1100px);
	margin-bottom: 3rem;
}

#event_area .system-i-pic img {
	height: 46.875rem;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

#event_area .systemtab-list {
	margin-inline: auto;
	width: min(95%, 1100px);
	margin-bottom: 7rem;
}

.event_system-wrap {
	display: grid;
	gap: 6.25rem 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
	padding: 7.5rem 0;
	width: min(95%, 1100px);
}

.event-system-contents {
	display: grid;
	gap: 1rem 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.event-system-list {
	align-items: center;
	border-bottom: #ccc 1px solid;
	display: grid;
	gap: 0 0.5rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding-bottom: 1rem;
}

.event-system-date {
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

.event-system-txt {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

.event-system-ttl {
	border-bottom: #ccc 1px solid;
	display: grid;
	gap: 0 0.5rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding-bottom: 1rem;
}

.event-system-ttl span {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

.event-system-btn  {
	background: #BAA477;
	color: #fff;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	padding: 1rem 2.5rem;
	text-align: center;
}

#event_area-form .form-Box {
	background: #fff;
}

#event_area-form .form-Box .form-box-inner {
	padding: 8.75rem 0;
	position: static;
}

.system-map {
  width: min(95%,1100px);
  margin-inline: auto;
  margin-bottom: 0.5rem;
}

.system-map iframe {
  width: 100%;
  height: 24rem;
  object-fit: contain;
}

.system-link {
  text-align: right;
  width: min(95%,1100px);
  margin-inline: auto;
  margin-bottom: 3rem;
}

.system-link a {
  display: block;
  font-size: 1rem;
  text-decoration: underline;
}

.system-annai {
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 3rem;
  width: min(95%,1100px);
  margin-inline: auto;
}

}


/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#event_area .c-main__ttl02-wrap {
  background: url(../images/event/sp_header_fv.jpg) no-repeat top center/cover;
}

#event_area-form .c-main__ttl02-wrap {
	background: url(../assets/images/event/sp_header_fv.jpg) no-repeat top center/cover;
}

.l-inner.l-event {
  width: min(95%, 94.2vw);
  margin-inline: auto;
  padding: 19vw 0 5vw;
}

.cate-ttl {
  text-align: center;
  margin-bottom: 7vw;
}

.system-category02 {
  margin-bottom: 14vw;
}

.p-event__tabs-list {
  display: none;
}

.p-event__tabs-select {
  display: inline-block;
  position: relative;
  width: 100%;
}

.p-event__tabs-select::after {
  background: url(../images/event/select.svg) no-repeat center center/contain;
  content: "";
  height: 3.14vw;
  position: absolute;
  right: 4.831vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3.623vw;
}

.p-event__tabs-dropdown {
  border: 0.2vw solid #E6E6E6;
  border-radius: none;
  outline: none;
  padding: 3.865vw 4.831vw 3.865vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #F2F2F2;
  color: #333333;
  font-size: 3.865vw;
  font-size: 3.8647342995vw;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  width: 100%;
}

.p-event__tabs-content-wrap {
  height: 0;
  opacity: 0;
  transition: opacity 0.3s ease, translate 0.3s ease;
  translate: 0 4.831vw;
  visibility: hidden;
}

.p-event__tabs-content-wrap.js-show {
  height: -moz-fit-content;
  height: fit-content;
  opacity: 1;
  translate: 0;
  visibility: visible;
}

#event_area .system-list {
  display: grid;
  gap: 13.179vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-bottom: 11vw;
}

#event_area .system-list.event_category {
  width: min(95%, 94.2vw);
  margin-inline: auto;
}

#event_area .system-list.event_tag {
  width: min(95%, 94.2vw);
  margin-inline: auto;
}

#event_area .system-pic {
  height: 61.5942028986vw;
  margin-bottom: 0.932vw;
}

#event_area .system-pic img {
  height: 100%;
  width: 100%;
}

#event_area .system-list li .icon {
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #ffffff;
  font-size: 2.415vw;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.7;
  margin-bottom: -6.039vw;
  margin-left: auto;
  padding: 3.865vw 2.415vw;
  position: relative;
  right: 2.831vw;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}

#event_area .system-list li .icon.icon01 {
  background: #CD371F;
}

#event_area .system-list li .icon.icon02 {
  background: #145179;
  padding: 3.865vw 3.623vw;
}

#event_area .system-list li .icon.icon03 {
  background: #333333;
  padding: 3.865vw 3.623vw;
}

#event_area .system-category {
  align-items: center;
  color: #B3B3B3;
  display: flex;
  flex-wrap: wrap;
  font-size: 2.899vw;
  font-weight: 400;
  gap: 0 1.932vw;
  letter-spacing: 0em;
  line-height: 2.3333333333;
  /* margin-bottom: -0.068vw; */
}

#event_area .system-category.single {
  font-size: 14px;
  line-height: 2;
  gap: 1vw 4vw;
  margin-bottom: 3vw;
}


#event_area .system-ttl {
  font-size: 4.831vw;
  font-size: 4.347826087vw;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-bottom: 3.348vw;
}

#event_area .system-ttl.single {
  font-size: 21px;
  line-height: 1.6;

}

#event_area .system-date {
  display: flex;
  gap: 0 4.348vw;
  margin-bottom: 1.932vw;
}

#event_area .date-ttl {
  color: #B3B3B3;
  font-size: 3.14vw;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.4615384615;
  white-space: nowrap;
}

#event_area .start_text {
  font-size: 3.14vw;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.4615384615;
}

#event_area .system-contents {
  padding: 13vw 0;
}

#event_area .event-date-wrap {
  position: relative;
  padding-bottom: 2.5vw;
  margin-bottom: 9.5vw;
}

#event_area .event-date-wrap::after {
  position: absolute;
  content: "";
  background: url(../images/event/sp_line.svg) no-repeat center center / contain;
  width: 89.372vw;
  height: 0.242vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.event-system-date {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

.event-system-contents {
	display: grid;
	gap: 5vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 10vw;
}

.event-system-list {
	align-items: center;
	border-bottom: #ccc 1px solid;
	display: grid;
	gap: 0 0.5vw;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding-bottom: 5vw;
}

.event-system-txt {
	font-size: 3.38vw;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

.event-system-ttl {
	border-bottom: #ccc 1px solid;
	display: grid;
	gap: 0 0.5vw;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding-bottom: 1vw;
}

.event-system-ttl span {
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

.event-system-btn  {
	background: #BAA477;
	color: #fff;
	display: block;
	font-size: 2.898vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	padding: 1vw 2.5vw;
	text-align: center;
}

.system-map {
  margin-bottom: 1vw;
}

.system-map iframe {
  width: 100%;
  height: 50vw;
  object-fit: contain;
}

.system-link {
  text-align: right;
  margin-bottom: 10vw;
}

.system-link a {
  display: block;
  font-size: 2.899vw;
  text-decoration: underline;
}

.system-annai {
  font-size: 3.382vw;
  line-height: 2;
  margin-bottom: 10vw;
}

} 