.kv { line-height: 1; font-size: 0; padding: 0; }
.kv .wrap { max-width: inherit; padding: 0; overflow: hidden; }
.kv .anniversary { position: absolute; left: 18px; top: -26px; z-index: 10; transform: scale(0.75); transform-origin: left top; }
.kv .anniversary a { transition: 0.3s; }
.kv .anniversary a:hover { filter: brightness(1.3); transition: 0.3s; }
.kv .swiper-slide img { width: 100%; height: auto; }

.bnnaer_archive { display: flex; justify-content: center; margin: 100px 0 0; }
.bnnaer_archive li { margin: 0 15px; }
.bnnaer_archive li a { transition: 0.3s; }
.bnnaer_archive li a:hover { filter: brightness(1.3); transition: 0.3s; }

#contents section { padding: 85px 0 90px; }
#contents section h2 { font-size: 66px; font-family: "Concert One", cursive, sans-serif; color: #00428e; line-height: 1; margin: -10px 0 18px; }
#contents section + section { margin-top: 10px; }
#contents section.news_archives .head { margin-bottom: 50px; }
#contents section.news_archives .head p a { display: inline-block; width: 134px; line-height: 30px; color: #fff; background: #00428e; font-size: 14px; transition: 0.3s; }
#contents section.news_archives .head p a:hover { filter: brightness(1.2); transition: 0.3s; }
#contents section.news_archives .wrap { max-width: 1400px; padding: 0 15px; text-align: center; }
#contents section.news_archives .wrap a { max-width: 290px; display: inline-block; margin: 0 35px; text-align: left; color: #00428e; vertical-align: top; transition: opacity 0.2s; }
#contents section.news_archives .wrap a:hover { opacity: 0.7; }
#contents section.news_archives .wrap a .eyecatch { line-height: 0; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; background-color: #fff; }
#contents section.news_archives .wrap a .eyecatch img { opacity: 0; width: 100%; height: auto; }
#contents section.news_archives .wrap a .eyecatch::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #c0c0c0; z-index: 10; }
#contents section.news_archives .wrap a.horizon .eyecatch { background-size: 100% auto; }
#contents section.news_archives .wrap a p.sub { background: #dfdfdf; display: flex; justify-content: space-around; margin-bottom: 17px; }
#contents section.news_archives .wrap a p.sub time { background: #00428e; width: 100%; color: #fff; padding: 0 15px; text-align: left; line-height: 30px; font-size: 14px; font-family: "Muli", sans-serif; letter-spacing: 0.1em; }
#contents section.news_archives .wrap a p.sub span { width: 100%; padding: 0 15px; text-align: right; line-height: 30px; font-size: 14px; letter-spacing: 0.1em; font-weight: bold; }
#contents section.news_archives .wrap a h3 { font-size: 14px; line-height: 20px; font-weight: bold; }
#contents section.news_archives .wrap a:first-child { margin-left: 0; }
#contents section.news_archives .wrap a:last-child { margin-right: 0; }

@media screen and (min-width: 781px) and (max-width: 1420px) { #contents section.news_archives .wrap { max-width: 1040px; }
  #contents section.news_archives .wrap a { max-width: 240px; margin: 0 7px; } }
@media screen and (min-width: 1401px) { .kv .anniversary { transform: scale(1); left: 22px; top: -9px; } }
@media screen and (max-width: 780px) { /*  	SP STYLE  *************************************************************/
  .kv .anniversary { left: 2.3076923077vw; top: 0; width: 27.8205128205vw; height: auto; transform: none; }
  .kv .anniversary a { width: 32.1794871795vw; height: 32.1794871795vw; }
  .kv .recruit a { display: flex; width: 32.3076923077vw; height: 30.3846153846vw; position: absolute; right: 0; bottom: 0; z-index: 999; background: #f03838; border-radius: 24px 0 0 0; justify-content: center; align-content: center; align-items: center; flex-direction: column; }
  .kv .recruit a i { font-size: 6.0256410256vw; color: #fff; font-family: "Concert One", cursive, sans-serif; line-height: 1; }
  .kv .recruit a span { display: block; text-align: center; margin-top: 0; }
  .kv .recruit a b { font-size: 2.3076923077vw; color: #f03838; background: #fff; display: inline-block; padding: 0 3.2051282051vw; line-height: 2; border-radius: 15px; margin: 2.5641025641vw 0 0; letter-spacing: 0; font-weight: bold; }
  .bnnaer_archive { margin: 7.1794871795vw 0 0; flex-wrap: wrap; min-width: inherit; }
  .bnnaer_archive li { width: 37.1794871795vw; margin: 0 2.0512820513vw; }
  .bnnaer_archive li:nth-child(n+3) { margin-top: 3.8461538462vw; }
  #contents section + section { margin-top: 1.2820512821vw; }
  #contents section { padding: 12.1794871795vw 0 7.0512820513vw; }
  #contents section h2 { font-size: 13.0769230769vw; margin-bottom: 2.5641025641vw; }
  .android #contents section h2 { transform: translate(0, -1.0256410256vw); }
  #contents section.news_archives .head { min-width: inherit; margin-bottom: 8.3333333333vw; }
  #contents section.news_archives .head p a { width: 26.9230769231vw; line-height: 6.0256410256vw; font-size: 2.6923076923vw; }
  #contents section.news_archives .wrap { padding: 0 0vw; max-width: inherit; width: 100%; min-width: inherit; }
  #contents section.news_archives .wrap a { max-width: 41.0256410256vw; margin: 0; letter-spacing: 0.1em; }
  #contents section.news_archives .wrap a .eyecatch { margin-bottom: 2.5641025641vw; }
  #contents section.news_archives .wrap a p.sub { margin-bottom: 2.5641025641vw; margin-top: 0 !important; }
  #contents section.news_archives .wrap a p.sub time, #contents section.news_archives .wrap a p.sub span { padding: 0 1.9230769231vw; font-size: 2.5641025641vw; line-height: 1.6; }
  #contents section.news_archives .wrap a h3 { font-size: 2.5641025641vw; line-height: 1.6; }
  #contents section.news_archives .wrap .head { margin-bottom: 8.2051282051vw; }
  #contents section.news_archives .wrap a:nth-child(odd) { margin-right: 3.0769230769vw; }
  #contents section.news_archives .wrap a:nth-child(even) { margin-left: 3.0769230769vw; }
  #contents section.news_archives .wrap a:first-child { margin-left: 0vw; }
  #contents section.news_archives .wrap a:last-child { margin-right: 0vw; }
  #contents section.news_archives .wrap a:nth-child(n+3) { margin-top: 3.8461538462vw; }
  .swiper-pagination-bullets { bottom: 6.4102564103vw !important; }
  .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1.9230769231vw !important; } }
@media screen and (max-width: 640px) { .swiper-container .swiper-slide { width: 100% !important; height: 100% !important; } }
