@charset "UTF-8";
.main .news .menu .side ul li ul, .main .news .event .list .schedule .year, .main .news .event .list .schedule .dow, .main .news .event .list .time .label, .main .news .event .list .entry {
  font-size: 0.15rem;
}
html.fontS .main .news .menu .side ul li ul, .main .news .menu .side ul li html.fontS ul, html.fontS .main .news .event .list .schedule .year, .main .news .event .list .schedule html.fontS .year, html.fontS .main .news .event .list .schedule .dow, .main .news .event .list .schedule html.fontS .dow, html.fontS .main .news .event .list .time .label, .main .news .event .list .time html.fontS .label, html.fontS .main .news .event .list .entry, .main .news .event .list html.fontS .entry {
  font-size: 0.1285714286rem;
}
html.fontL .main .news .menu .side ul li ul, .main .news .menu .side ul li html.fontL ul, html.fontL .main .news .event .list .schedule .year, .main .news .event .list .schedule html.fontL .year, html.fontL .main .news .event .list .schedule .dow, .main .news .event .list .schedule html.fontL .dow, html.fontL .main .news .event .list .time .label, .main .news .event .list .time html.fontL .label, html.fontL .main .news .event .list .entry, .main .news .event .list html.fontL .entry {
  font-size: 0.1714285714rem;
}

.main .news .menu .side ul li label, .main .news .info .list .date {
  font-size: 0.16rem;
}
html.fontS .main .news .menu .side ul li label, .main .news .menu .side ul li html.fontS label, html.fontS .main .news .info .list .date, .main .news .info .list html.fontS .date {
  font-size: 0.1371428571rem;
}
html.fontL .main .news .menu .side ul li label, .main .news .menu .side ul li html.fontL label, html.fontL .main .news .info .list .date, .main .news .info .list html.fontL .date {
  font-size: 0.1828571429rem;
}

.main .news .menu .side .name, .main .news .info .list .title, .main .news .event .list .summary {
  font-size: 0.17rem;
}
html.fontS .main .news .menu .side .name, .main .news .menu .side html.fontS .name, html.fontS .main .news .info .list .title, .main .news .info .list html.fontS .title, html.fontS .main .news .event .list .summary, .main .news .event .list html.fontS .summary {
  font-size: 0.1457142857rem;
}
html.fontL .main .news .menu .side .name, .main .news .menu .side html.fontL .name, html.fontL .main .news .info .list .title, .main .news .info .list html.fontL .title, html.fontL .main .news .event .list .summary, .main .news .event .list html.fontL .summary {
  font-size: 0.1942857143rem;
}

.main .news .event .list .time {
  font-size: 0.18rem;
}
html.fontS .main .news .event .list .time, .main .news .event .list html.fontS .time {
  font-size: 0.1542857143rem;
}
html.fontL .main .news .event .list .time, .main .news .event .list html.fontL .time {
  font-size: 0.2057142857rem;
}

.main .news .snav a,
.main .news .snav span {
  font-size: 0.2rem;
}
html.fontS .main .news .snav a, .main .news .snav html.fontS a,
html.fontS .main .news .snav span,
.main .news .snav html.fontS span {
  font-size: 0.1714285714rem;
}
html.fontL .main .news .snav a, .main .news .snav html.fontL a,
html.fontL .main .news .snav span,
.main .news .snav html.fontL span {
  font-size: 0.2285714286rem;
}

.main .news .headline .ttl .en {
  font-size: 0.24rem;
}
html.fontS .main .news .headline .ttl .en, .main .news .headline .ttl html.fontS .en {
  font-size: 0.2057142857rem;
}
html.fontL .main .news .headline .ttl .en, .main .news .headline .ttl html.fontL .en {
  font-size: 0.2742857143rem;
}

.main .news .event .list .schedule .date {
  font-size: 0.3rem;
}
html.fontS .main .news .event .list .schedule .date, .main .news .event .list .schedule html.fontS .date {
  font-size: 0.2571428571rem;
}
html.fontL .main .news .event .list .schedule .date, .main .news .event .list .schedule html.fontL .date {
  font-size: 0.3428571429rem;
}

.main .news .headline .ttl .ja {
  font-size: 0.6rem;
}
html.fontS .main .news .headline .ttl .ja, .main .news .headline .ttl html.fontS .ja {
  font-size: 0.5142857143rem;
}
html.fontL .main .news .headline .ttl .ja, .main .news .headline .ttl html.fontL .ja {
  font-size: 0.6857142857rem;
}

.main .news .info .list .title::before, .main .news .event .list .summary::before, .main .news .info .list .title::after, .main .news .event .list .summary::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .news .info .list .title::before, .main .news .event .list .summary::before {
  margin-bottom: calc((1em - 1lh) / 2);
}
.main .news .info .list .title::after, .main .news .event .list .summary::after {
  margin-top: calc((1em - 1lh) / 2);
}

@keyframes ticker {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.main .news {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.main .news .deco {
  width: calc(50% - 3rem);
  height: 4.53rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 750px) {
  .main .news .deco {
    width: 3.82rem;
    height: 2.43rem;
    position: absolute;
  }
}
.main .news .deco::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../imgs/img26.png), url(../../assets/imgs/deco01.png), url(../../assets/imgs/deco02_a.png), linear-gradient(90deg, transparent 4.65rem, #c80e37 4.65rem), linear-gradient(90deg, transparent 2.65rem, #c80e37 2.65rem, #c80e37 4.65rem, #d33737 4.65rem);
  background-position: 0 100%, 3.65rem 0, 1.65rem 2rem, 0 0, 0 2rem;
  background-size: 4.94rem auto, auto 2rem, auto 2rem, 100% 2rem, 100% 2rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main .news .deco::before {
    background-image: url(../../imgs/img26.png), url(../../assets/imgs/deco01.png), url(../../assets/imgs/deco02_a.png), linear-gradient(90deg, transparent 2.62rem, #c80e37 2.62rem), linear-gradient(90deg, transparent 1.42rem, #d33737 1.42rem, #d33737 2.62rem, #d33737 2.62rem);
    background-position: 0 100%, 2.02rem 0, 0.82rem 1.2rem, 0 0, 0 1.2rem;
    background-size: 3.46rem auto, auto 1.2rem, auto 1.2rem, 100% 1.2rem, 100% 1.2rem;
  }
}
.main .news .circle {
  box-sizing: border-box;
  aspect-ratio: 1/1;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.main .news .circle--01 {
  width: 1.2rem;
  border: 0.14rem solid #eee2d8;
  top: 1.47rem;
  right: calc(50% + 7.66rem);
}
@media screen and (max-width: 750px) {
  .main .news .circle--01 {
    top: 1.4rem;
    right: auto;
    left: -0.2rem;
  }
}
.main .news .circle--02 {
  width: 0.15rem;
  top: 1.56rem;
  right: calc(50% + 6.14rem);
  background: #ffdede;
}
@media screen and (max-width: 750px) {
  .main .news .circle--02 {
    display: none;
  }
}
.main .news .circle--03 {
  width: 1.2rem;
  top: 0.91rem;
  right: calc(50% + 2.62rem);
  background: repeating-linear-gradient(#fcc, #fcc 0.06rem, transparent 0.06rem, transparent 0.16rem);
  opacity: 0.5;
  transform: rotate(-45deg);
}
@media screen and (max-width: 750px) {
  .main .news .circle--03 {
    display: none;
  }
}
.main .news .circle--04 {
  width: 0.12rem;
  top: 2.66rem;
  right: calc(50% + 1.84rem);
  background: #eee2d8;
}
@media screen and (max-width: 750px) {
  .main .news .circle--04 {
    display: none;
  }
}
.main .news .circle--05 {
  width: 0.5rem;
  border: 0.08rem solid #eee2d8;
  top: 1.21rem;
  left: calc(50% + 0.15rem);
}
@media screen and (max-width: 750px) {
  .main .news .circle--05 {
    top: 0.4rem;
    left: 50%;
  }
}
.main .news .circle--06 {
  width: 0.15rem;
  top: 2.93rem;
  left: calc(50% + 0.45rem);
  background: #f2aaaa;
}
@media screen and (max-width: 750px) {
  .main .news .circle--06 {
    display: none;
  }
}
.main .news .headline {
  width: 12.6rem;
  margin: 0 auto;
  padding: 2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .news .headline {
    width: auto;
    padding: 1rem 0 0;
  }
}
.main .news .headline .ttl .en {
  background-size: 0.2rem auto;
}
@media screen and (max-width: 750px) {
  .main .news .headline .ttl .en {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 750px) {
  .main .news .headline .ttl .ja {
    font-size: 0.5rem;
  }
}
.main .news .snav {
  display: flex;
  gap: 0.3rem;
  box-sizing: border-box;
  width: 12.6rem;
  margin: 0.6rem auto 0;
  padding: 0 0.45rem;
}
@media screen and (max-width: 750px) {
  .main .news .snav {
    justify-content: center;
    gap: 0.4rem;
    width: auto;
    padding: 0;
  }
}
.main .news .snav li {
  box-sizing: border-box;
  width: 2.7rem;
}
@media screen and (max-width: 750px) {
  .main .news .snav li {
    width: calc(50% - 0.2rem);
  }
}
.main .news .snav a,
.main .news .snav span {
  display: block;
  box-sizing: border-box;
  height: 0.7rem;
  padding: 0.32rem 0 0;
  border-radius: 0.2rem 0.2rem 0 0;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .news .snav a,
  .main .news .snav span {
    height: auto;
    padding: 0.32rem 0;
    font-size: 0.22rem;
  }
}
.main .news .snav a {
  background: #f4f4f4;
  /*@include hover {
  	transition: .4s;
  	transition-property: background-color, color;

  	&:hover {
  		background: #fff;
  		color: #d1002d;
  	}
  }*/
}
.main .news .snav span {
  position: relative;
  background: #fff;
  color: #d1002d;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
}
.main .news .snav span::before, .main .news .snav span::after {
  content: "";
  display: block;
  width: 0.2rem;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 0;
}
.main .news .snav span::before {
  right: 100%;
  background: radial-gradient(circle at 0 0, transparent 0.2rem, #fff 0.2rem);
}
.main .news .snav span::after {
  content: "";
  display: block;
  width: 0.2rem;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 0;
}
.main .news .snav span::after {
  left: 100%;
  background: radial-gradient(circle at 100% 0, transparent 0.2rem, #fff 0.2rem);
}
.main .news .menu {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2.3rem;
  gap: 0.6rem 0.7rem;
  width: 12.6rem;
  margin: 0 auto;
  padding: 0 0 1.9rem;
  position: relative;
  z-index: 1;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main .news .menu {
    display: block;
    width: auto;
  }
}
.main .news .menu::before {
  content: "";
  display: block;
  width: 2rem;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0.1rem;
  right: calc(50% + 8.6rem);
  z-index: -1;
  background: #c80e37;
  border-radius: 50%;
}
.main .news .menu .list {
  grid-row: 1/2;
  grid-column: 1/2;
}
.main .news .menu .side {
  grid-row: 1/2;
  grid-column: 2/3;
  align-self: flex-start;
  margin: -0.7rem 0 0;
  padding: 0.4rem 0.3rem;
  background: #f0f0f0;
  border-radius: 0.05rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .news .menu .side {
    margin: 0.4rem 0 0;
    padding: 0.4rem;
  }
}
.main .news .menu .side .name {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 0.15rem;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .main .news .menu .side .name {
    font-size: 0.26rem;
    padding: 0 0 0.2rem;
  }
}
.main .news .menu .side ul {
  padding: 0.05rem 0 0;
}
.main .news .menu .side ul li {
  margin: 0.15rem 0 0;
}
.main .news .menu .side ul li label {
  display: flex;
  gap: 0.12rem;
  padding: 0 0 0 0.2rem;
  position: relative;
  font-size: 500;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .main .news .menu .side ul li label {
    font-size: 0.24rem;
  }
}
.main .news .menu .side ul li label::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1em;
  background: url(../imgs/arrow-side.svg) 0 50%/100% auto no-repeat;
  transform: scale(1, -1);
  transition: transform 0.4s;
}
.main .news .menu .side ul li label.active::after {
  transform: scale(1, 1);
}
.main .news .menu .side ul li ul {
  display: none;
  width: 0.7rem;
  padding: 0.03rem 0 0.25rem;
  font-weight: 400;
  text-align: right;
}
@media screen and (max-width: 750px) {
  .main .news .menu .side ul li ul {
    font-size: 0.2rem;
  }
}
.main .news .menu .side ul li ul li {
  margin: 0.12rem 0 0;
}
.main .news .menu .side ul li ul .active {
  font-weight: 700;
}
.main .news .menu .pager {
  grid-row: 2/3;
  grid-column: 1/3;
  display: flex;
  justify-content: center;
  gap: 0.1rem;
}
@media screen and (max-width: 750px) {
  .main .news .menu .pager {
    margin: 0.4rem 0 0;
  }
}
.main .news .menu .pager .prev,
.main .news .menu .pager .next {
  width: 0.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #f6f6f6 url(../imgs/arrow-pager.svg) 50% 50%/0.14rem auto no-repeat;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .news .menu .pager .prev,
  .main .news .menu .pager .next {
    transition: background-color 0.4s;
  }
  .main .news .menu .pager .prev:hover,
  .main .news .menu .pager .next:hover {
    background-color: #d1002d;
    background-image: url(../imgs/arrow-pager_w.svg);
  }
}
.main .news .menu .pager .prev {
  transform: scale(-1, 1);
}
.main .news .menu .pager .list {
  display: flex;
  gap: 0.1rem;
  padding: 0.05rem;
  background: #f6f6f6;
  border-radius: 0.25rem;
}
@media screen and (max-width: 750px) {
  .main .news .menu .pager .list {
    padding: 0;
  }
}
.main .news .menu .pager .list span,
.main .news .menu .pager .list a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main .news .menu .pager .list span,
  .main .news .menu .pager .list a {
    width: 0.5rem;
    font-size: 0.26rem;
  }
}
.main .news .menu .pager .list span:not(.dot) {
  background: #d1002d;
  color: #fff;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .news .menu .pager .list a {
    transition: 0.4s;
    transition-property: background-color, color;
  }
  .main .news .menu .pager .list a:hover {
    background: #d1002d;
    color: #fff;
  }
}
.main .news .info .list li {
  border-bottom: 1px solid #f0f0f0;
  padding: 0.4rem 0;
}
.main .news .info .list .date {
  color: #666666;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .news .info .list .date {
    font-size: 0.26rem;
  }
}
.main .news .info .list .date .en {
  font-family: "Poppins";
  font-size: 1.0625em;
  line-height: 0.9411764706;
}
.main .news .info .list .title {
  padding: 0.2rem 0 0;
  font-weight: 600;
  line-height: 1.7647058824;
}
@media screen and (max-width: 750px) {
  .main .news .info .list .title {
    padding: 0.26rem 0 0;
    font-size: 0.26rem;
    line-height: 1.5384615385;
  }
}
.main .news .info .list .title .pdf {
  display: inline-block;
  width: 1em;
  margin: 0 0 0 0.5882352941em;
  aspect-ratio: 17/21;
  background: url(../../assets/imgs/ico-pdf.png) 0 0/contain no-repeat;
  vertical-align: baseline;
}
@media screen and (max-width: 750px) {
  .main .news .info .list .title .pdf {
    width: 0.23rem;
    margin: 0 0 0 0.12rem;
    background-position: 0 100%;
  }
}
.main .news .event .list li {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.2rem auto 1fr;
  gap: 0 0.15rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid #f0f0f0;
}
@media screen and (max-width: 750px) {
  .main .news .event .list li {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1.8rem 1fr;
    gap: 0 0.36rem;
    padding: 0.4rem 0;
  }
}
.main .news .event .list .date {
  grid-row: 1/2;
  grid-column: 1/4;
  padding: 0 0 0.2rem;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .date {
    grid-column: 1/3;
    padding: 0 0 0.3rem;
  }
}
.main .news .event .list .schedule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  grid-row: 2/4;
  grid-column: 1/2;
  align-self: flex-start;
  box-sizing: border-box;
  min-height: 1.2rem;
  padding: 0.12rem 0;
  background: #ffeff2;
  border-radius: 0.1rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .schedule {
    min-height: 1.8rem;
  }
}
.main .news .event .list .schedule .year {
  font-family: "Poppins";
  font-weight: 600;
  line-height: 0.8;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .schedule .year {
    font-size: 0.22rem;
  }
}
.main .news .event .list .schedule .date {
  padding: 0.12rem 0 0;
  color: #d1002d;
  font-family: "Poppins";
  font-weight: 600;
  line-height: 0.8;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .schedule .date {
    padding: 0.15rem 0 0;
    font-size: 0.45rem;
  }
}
.main .news .event .list .schedule .dow {
  padding: 0.08rem 0 0;
  color: #d1002d;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .schedule .dow {
    padding: 0.12rem 0 0;
    font-size: 0.22rem;
  }
}
.main .news .event .list .schedule .to {
  padding: 0.12rem 0 0;
}
.main .news .event .list .schedule .to::before {
  content: "";
  display: block;
  width: 0.12rem;
  height: 0.11rem;
  margin: 0 auto;
  background: #f6bfcb;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.main .news .event .list .schedule .to .year {
  padding: 0.12rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .schedule .to .year {
    padding: 0.15rem 0 0;
  }
}
.main .news .event .list .time {
  display: flex;
  gap: 0.1rem;
  grid-row: 2/3;
  grid-column: 2/3;
  font-family: "Poppins";
  font-weight: 500;
  line-height: 1.4444444444;
  align-self: flex-end;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .time {
    gap: 0.12rem;
    font-size: 0.26rem;
  }
}
.main .news .event .list .time .label {
  padding: 0 0.9333333333em;
  border-radius: 0.5lh;
  color: #d1002d;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-weight: 600;
  line-height: 1.7333333333;
  box-shadow: inset 0 0 0 1px currentColor;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .time .label {
    padding: 0 0.2rem;
    font-size: 0.22rem;
    line-height: 0.38rem;
  }
}
.main .news .event .list .time:empty + .entry {
  grid-column: 2/4;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .time:empty + .entry {
    grid-column: 2/3;
  }
}
.main .news .event .list .entry {
  grid-row: 2/3;
  grid-column: 3/4;
  color: #d1002d;
  font-weight: 600;
  line-height: 1.7333333333;
  align-self: flex-end;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .entry {
    grid-row: 3/4;
    grid-column: 2/3;
    padding: 0.2rem 0 0;
    font-size: 0.24rem;
    line-height: 1;
    align-self: flex-start;
  }
}
.main .news .event .list .entry a {
  text-decoration: underline;
  text-underline-offset: 0.06rem;
}
.main .news .event .list .summary {
  grid-row: 3/4;
  grid-column: 2/4;
  padding: 0.14rem 0 0;
  font-weight: 600;
  line-height: 1.7647058824;
}
@media screen and (max-width: 750px) {
  .main .news .event .list .summary {
    grid-row: 4/5;
    grid-column: 1/3;
    padding: 0.26rem 0 0;
    font-size: 0.26rem;
    line-height: 1.5384615385;
  }
}/*# sourceMappingURL=unique.css.map */