@media screen and (min-width:768px) {
.t-fv {
  background: var(--DARK01);
  overflow: hidden
}

.t-fv img {
  transform: translateY(6%);
  animation: scrollAndFadePc 7s linear 2
}
}

@media screen and (max-width:767px) {
.t-fv {
  position: relative;
  overflow: hidden;
  height: 200px;
  background: var(--DARK01)
}

.t-fv img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(6%);
  width: 100%;
  height: 220px;
  object-fit: cover;
  animation: scrollAndFade 7s linear 2
}
}

@keyframes scrollAndFadePc {
0% {
  transform: translateY(6%);
  opacity: 1
}

75% {
  transform: translateY(0%);
  opacity: 1
}

85% {
  transform: translateY(0%);
  opacity: 0
}

90% {
  transform: translateY(6%);
  opacity: 0
}

100% {
  transform: translateY(6%);
  opacity: 1
}
}

@keyframes scrollAndFade {
0% {
  transform: translateX(-50%) translateY(6%);
  opacity: 1
}

75% {
  transform: translateX(-50%) translateY(0%);
  opacity: 1
}

85% {
  transform: translateX(-50%) translateY(0%);
  opacity: 0
}

90% {
  transform: translateX(-50%) translateY(6%);
  opacity: 0
}

100% {
  transform: translateX(-50%) translateY(6%);
  opacity: 1
}
}

.mainareaTop::before {
content: '';
position: fixed;
display: block;
width: 100vw;
height: 100vh;
background: url(/asset2025/images/common/main-bg.jpg) no-repeat center center / cover;
z-index: -1
}

@media screen and (max-width:767px) {
.mainareaTop {
  padding-top: 60px
}
}

.t-infoInner {
width: var(--INNER_WIDTH);
margin-inline: auto;
border-radius: 2px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
background: var(--WHITE)
}

.t-infoHoliday {
border-bottom: 1px solid var(--GRAY01)
}

.t-infoHoliday__hd {
border-radius: 2px;
background: var(--red01);
color: var(--WHITE);
font-weight: 700;
text-align: center
}

.t-infoHoliday__body__day {
font-weight: 700
}

.t-infoNews__hd {
background: var(--DARK01);
border-radius: 2px;
color: var(--WHITE);
font-weight: 700;
text-align: center
}

@media screen and (min-width:768px) {
.t-infoInner {
  max-width: 900px;
  padding: var(--GAP_40)
}

.t-infoHoliday {
  display: flex;
  gap: var(--GAP_20);
  padding-bottom: 10px;
  margin-bottom: 10px;
  align-items: center
}

.t-infoHoliday__hd {
  padding-block: 10px;
  font-size: var(--FZ_18);
  width: 140px
}

.t-infoNews {
  display: flex;
  align-items: center;
  gap: var(--GAP_20)
}

.t-infoNews__hd {
  width: 140px;
  padding-block: 10px;
  font-size: var(--FZ_18)
}
}

@media screen and (max-width:767px) {
.t-infoInner {
  padding: 15px
}

.t-infoHoliday {
  padding-bottom: 10px;
  margin-bottom: 10px
}

.t-infoHoliday__hd {
  width: 70px;
  padding-block: 5px;
  font-size: 13px;
  margin-bottom: 3px
}

.t-infoHoliday__body {
  font-size: 16px
}

.t-infoNews__hd {
  width: 70px;
  padding-block: 5px;
  font-size: 13px;
  margin-bottom: 3px
}

.t-infoNews__list li:not(:last-child) {
  margin-bottom: 5px
}
}

.s-infoListCon__inner {
display: block
}

[data-pdf-icon="1"]::after {
content: "";
display: inline-block;
background: url(/asset2025/images/common/pdf.jpg) no-repeat center center / 100%;
aspect-ratio: 1/1;
width: 20px;
margin-left: 5px;
vertical-align: middle;
transform: translateY(-2px)
}

.infoIconImportant {
color: var(--red01)
}

.s-infoListCon__linkTitle--red {
color: var(--red01)
}

.t-infoNews__list {
display: grid
}

@media screen and (min-width:768px) {
.s-infoListCon__inner {
  display: flex;
  align-items: center
}

.s-infoListCon__day {
  width: 140px
}

.s-infoListCon__title {
  flex: 1
}
}

@media screen and (max-width:767px) {
.t-infoNews__list {
  display: grid;
  gap: 8px
}

.s-infoListCon__day {
  margin-bottom: 3px;
  font-size: 13px
}
}

.t-aboutSlide {
line-height: 1
}

.t-aboutSlide--nissho .g-slickDots button {
background-color: var(--GRAY02)
}

.t-aboutSlide--nissho .g-slickDots .slick-active button {
background-color: var(--red01)
}

.slick-dotted.slick-slider {
margin-bottom: 0
}

@media screen and (min-width:1115px) {
.t-aboutSlide--nissho .g-slickDots {
  left: 96%
}
}

@media screen and (min-width:768px) and (max-width:1114px) {
.t-aboutSlide--nissho .g-slickDots {
  left: 92.5%
}
}

@media screen and (min-width:768px) {
.t-aboutInnner {
  display: flex;
  align-items: center
}

.t-about--nisshoWrap {
  background: url(/asset2025/images/top/t-about--nissho-bg.jpg) no-repeat center center / cover
}

.t-aboutBody {
  flex: 4.5;
  margin-inline: var(--GAP_75)
}

.t-aboutBody__logo {
  width: 75%;
  margin-inline: auto;
  margin-bottom: var(--GAP_40)
}

.t-aboutBody__text {
  font-size: var(--FZ_18)
}

.t-aboutSlide.slick-dotted.slick-slider {
  flex: 5.5;
  margin-bottom: 0
}

.t-aboutSlide .slick-slide {
  border: none
}

.t-aboutSlide--nissho .g-slickDots {
  position: absolute;
  bottom: 15%;
  transform: rotate(-90deg)
}
}

@media screen and (max-width:767px) {
.t-aboutBody {
  padding-block: 30px 35px;
  background: var(--WHITE);
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: 15px
}

.t-aboutBody__logo {
  margin-inline: auto;
  margin-bottom: 20px
}

.t-aboutBody__logo--nissho {
  width: 270px
}

.t-aboutSlide {
  margin-top: -15px;
  margin-right: calc(50% - 50vw)
}
}

.t-aboutSlide--conference .g-slickDots button {
background-color: var(--GRAY02)
}

.t-aboutSlide--conference .g-slickDots .slick-active button {
background-color: var(--orange01)
}

@media screen and (min-width:1115px) {
.t-aboutSlide--conference .g-slickDots {
  right: 98%
}
}

@media screen and (min-width:768px) and (max-width:1114px) {
.t-aboutSlide--conference .g-slickDots {
  right: 94%
}
}

@media screen and (min-width:768px) {
.t-aboutInnner--conference {
  flex-direction: row-reverse
}

.t-about--conferenceWrap {
  background: url(/asset2025/images/top/t-about-conference-bg.jpg) no-repeat center center / cover
}

.t-aboutBody__logo--conference {
  width: 42%;
  margin-inline: auto
}

.t-aboutSlide--conference .g-slickDots {
  position: absolute;
  bottom: 15%;
  transform: rotate(-90deg)
}
}

@media screen and (max-width:767px) {
.t-aboutBody__logo--conference {
  width: 128px
}
}

.t-about.g-mgb {
margin-bottom: calc(1.5 * var(--GENERALSEC))
}

.t-infoNews__list__none {
display: none
}

.t-infoNews__list:not(:has(.s-infoListCon)) .t-infoNews__list__none {
display: block
}

@media screen and (max-width:767px) {
.t-aboutBody__logo--conference {
  width: 128px
}
}