@charset "utf-8";
/* CSS Document */


/* loading_anime */
.js-loading_anime {
  background: #EDF0F7;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.logo_anime {
  width: 150px;
}

/***************************************************
 * Generated by SVG Artista on 7/5/2023, 11:27:26 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-1{-webkit-animation:animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both;animation:animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-2{-webkit-animation:animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;animation:animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-3{-webkit-animation:animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-4{-webkit-animation:animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;animation:animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-5{-webkit-animation:animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;animation:animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-6{-webkit-animation:animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;animation:animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-7{-webkit-animation:animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;animation:animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-8{-webkit-animation:animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both;animation:animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-9{-webkit-animation:animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both;animation:animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(61,93,162)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(61,93,162)}}.loding_logo-10{-webkit-animation:animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.7000000000000002s both;animation:animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.7000000000000002s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(97,122,181)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(97,122,181)}}.loding_logo-11{-webkit-animation:animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.8s both;animation:animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.8s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(135,149,198)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(135,149,198)}}.loding_logo-12{-webkit-animation:animate-svg-fill-12 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.9000000000000001s both;animation:animate-svg-fill-12 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.9000000000000001s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(173,180,215)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(173,180,215)}}.loding_logo-13{-webkit-animation:animate-svg-fill-13 0.7s cubic-bezier(0.47,0,0.745,0.715) 2s both;animation:animate-svg-fill-13 0.7s cubic-bezier(0.47,0,0.745,0.715) 2s both}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(196,205,230)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(196,205,230)}}.loding_logo-14{-webkit-animation:animate-svg-fill-14 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.1s both;animation:animate-svg-fill-14 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.1s both}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(220,223,240)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(220,223,240)}}.loding_logo-15{-webkit-animation:animate-svg-fill-15 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.2s both;animation:animate-svg-fill-15 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.2s both}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(220,223,240)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(220,223,240)}}.loding_logo-16{-webkit-animation:animate-svg-fill-16 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.3s both;animation:animate-svg-fill-16 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.3s both}@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(196,205,230)}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(196,205,230)}}.loding_logo-17{-webkit-animation:animate-svg-fill-17 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.4000000000000004s both;animation:animate-svg-fill-17 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.4000000000000004s both}@-webkit-keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(173,180,215)}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(173,180,215)}}.loding_logo-18{-webkit-animation:animate-svg-fill-18 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.5s both;animation:animate-svg-fill-18 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.5s both}@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(135,149,198)}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(135,149,198)}}.loding_logo-19{-webkit-animation:animate-svg-fill-19 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.6s both;animation:animate-svg-fill-19 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.6s both}@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(97,122,181)}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(97,122,181)}}.loding_logo-20{-webkit-animation:animate-svg-fill-20 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.7s both;animation:animate-svg-fill-20 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.7s both}@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(61,93,162)}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(61,93,162)}}.loding_logo-21{-webkit-animation:animate-svg-fill-21 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.8s both;animation:animate-svg-fill-21 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.8s both}@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-22{-webkit-animation:animate-svg-fill-22 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.9000000000000004s both;animation:animate-svg-fill-22 0.7s cubic-bezier(0.47,0,0.745,0.715) 2.9000000000000004s both}@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-23{-webkit-animation:animate-svg-fill-23 0.7s cubic-bezier(0.47,0,0.745,0.715) 3s both;animation:animate-svg-fill-23 0.7s cubic-bezier(0.47,0,0.745,0.715) 3s both}@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-24{-webkit-animation:animate-svg-fill-24 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.1000000000000005s both;animation:animate-svg-fill-24 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.1000000000000005s both}@-webkit-keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-25{-webkit-animation:animate-svg-fill-25 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.2s both;animation:animate-svg-fill-25 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.2s both}@-webkit-keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-26{-webkit-animation:animate-svg-fill-26 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.3s both;animation:animate-svg-fill-26 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.3s both}@-webkit-keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-27{-webkit-animation:animate-svg-fill-27 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.4000000000000004s both;animation:animate-svg-fill-27 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.4000000000000004s both}@-webkit-keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-28{-webkit-animation:animate-svg-fill-28 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.5s both;animation:animate-svg-fill-28 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.5s both}@-webkit-keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-29{-webkit-animation:animate-svg-fill-29 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.6000000000000005s both;animation:animate-svg-fill-29 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.6000000000000005s both}@-webkit-keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-30{-webkit-animation:animate-svg-fill-30 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.7s both;animation:animate-svg-fill-30 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.7s both}@-webkit-keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(38,69,146)}}@keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(38,69,146)}}.loding_logo-31{-webkit-animation:animate-svg-fill-31 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.8s both;animation:animate-svg-fill-31 0.7s cubic-bezier(0.47,0,0.745,0.715) 3.8s both}


/*---------------------------------------------------------------------
	top_first
---------------------------------------------------------------------*/
.top_first {
  position: relative;
  padding: 20px 30px 80px;
  overflow: hidden;
  background: #ECFAFE url("../image/bg_top_first_sky.png") no-repeat center bottom / cover;
}
.top_first::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: url("../image/bg_top_first_bill.png") repeat-x 0 0/auto 100%;
  width: 1000%;
  height: 50px;
  animation: bill_silide 150s infinite;
}
@keyframes bill_silide {
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}


/* main_slide */
.main_slide_wrap {
    margin-bottom: 20px;
}
.main_slide .slick-arrow {
    width: 20px;
    height: 41px;
  z-index: 1
}
.main_slide .slick-arrow::before { display: none; }
.main_slide .slick-prev { left: -20px; }
.main_slide .slick-next { right: -20px; }

/* top_navi */
.top_navi {
  max-width: 1200px;
  margin: 0 auto;
}
.top_navi li + li {
    margin-top: 20px;
}
.top_navi li a {
    display: block;
    color: #fff;
    background: #00238C;
    border-radius: 4px;
    position: relative;
    padding: 0 10px 10px 50px;
    text-decoration: none;
}
.top_navi li:nth-child(2) a { background-color: #00975B; }
.top_navi li a::before {
    content: "";
    position: absolute;
    left: 10px;
    top: -10px;
    background: url(../userfiles/images/top/img_top_navi_01.png) no-repeat 0 0/cover;
    width: 30px;
    height: 91px;
}
.top_navi li:nth-child(2) a::before {
  background-image: url("../userfiles/images/top/img_top_navi_02.png");
}
.top_navi li h2 {
    box-shadow: 0 3px 6px rgb(0 0 0 / 75%);
    border-radius: 0 0 4px 4px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
}
.top_navi li h2 span {
    font-size: 1.2rem;
    font-weight: normal;
    margin-top: 6px;
}
.top_navi li p {
    text-align: right;
    font-size: 1rem;
    margin-top: 10px;
    background: url(../image/icon/icon_arrow_slim_yellow.svg) no-repeat right 0/auto 16px;
    padding-right: 20px;
}

/* Tablet */
@media (min-width: 768px) {
  .top_first {
    padding: 40px 40px 80px;
  }
  .top_first::before {
    animation-duration: 220s;
  }
  
  .main_slide_wrap {
    margin-bottom: 30px;
  }
  
  .top_navi {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
  }
  .top_navi li {
    width: 48%;
    margin: 0 4% 0 0;
  }
  .top_navi li+ li { margin-top: 0; }
  .top_navi li:nth-child(2n) { margin-right: 0;}
  
}

/* DeskTop */
@media (min-width: 980px) {
  .top_first {
    padding: 30px 0 180px;
  }
  .top_first::before {
    height: 153px;
    animation-duration: 1000s;
  }
  .main_slide_wrap {
    margin-bottom: 70px;
    margin-bottom: 35px;
  }
  .main_slide .slick-slide {
    margin: 0 20px;
  }
  .main_slide .slick-slide img { width: 100%; }
  .main_slide .slick-arrow {
    position: absolute;
  }
  .main_slide .slick-prev {
    left: 15vw;
  }
  .main_slide .slick-next {
    right: 15vw;
  }
  
  
  .top_navi {
    padding: 0 40px;
    box-sizing: content-box;
  }
  .top_navi li a {
    padding: 0 20px 15px 125px;
    border-radius: 10px;
    transition: transform .3s,opacity .3s;
  }
  .top_navi li a:hover {
    color: #fff;
    opacity: .9;
    transform: scale(1.05);
  }
  .top_navi li a::before {
    width: 67px;
    height: 201px;
    top: -40px;
    left: 30px;
  }
  .top_navi li:nth-child(2) a::before {
    width: 80px;
    height: 200px;
  }
  .top_navi li h2 {
    font-size: 2.8rem;
    padding: 20px;
    border-radius: 0 0 10px 10px;
  }
  .top_navi li h2 strong {
    font-weight: 500;
  }
  .top_navi li h2 span {
    font-size: 1.7rem;
    font-weight: 400;
  }
  .top_navi li p {
    font-size: 1.5rem;
    background-size: auto;
    padding-right: 30px;
    color: rgb(255 255 255 / 80%);
  }
}


/* DeskTop */
@media (min-width: 1280px) {
  .top_navi li h2 {
    font-size: 3.8rem;
  }
  .top_navi li h2 span {
    font-size: 1.8rem;
  }
  .top_navi li p {
    font-size: 1.5rem;
  }
}

/*---------------------------------------------------------------------
	top_topics
---------------------------------------------------------------------*/
.top_topics {
  padding: 60px 10px;
  position: relative;
}
.top_topics_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  overflow: hidden;
}
.top_topics_bg .dots_nichiryu:nth-child(1) {
    width: 190px;
    position: absolute;
    left: -10px;
    top: -30px;
}
.top_topics_bg .dots_nichiryu:nth-child(2) {
    width: 190px;
    position: absolute;
    right: -30px;
    bottom: -40px;
}

/* dots_nichiryu anime */
/***************************************************
 * Generated by SVG Artista on 7/4/2023, 12:22:01 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@keyframes animate-dots-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 35, 140);
  }
}
.show .svg-elem-1 {
  animation: animate-dots-svg-fill-1 0.7s ease 0.8s both;
}
@keyframes animate-dots-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(38, 68, 157);
  }
}
.show .svg-elem-2 {
  animation: animate-dots-svg-fill-2 0.7s ease 0.9s both;
}
@keyframes animate-dots-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(76, 101, 174);
  }
}
.show .svg-elem-3 {
  animation: animate-dots-svg-fill-3 0.7s ease 1s both;
}
@keyframes animate-dots-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(115, 134, 192);
  }
}
.show .svg-elem-4 {
  animation: animate-dots-svg-fill-4 0.7s ease 1.1s both;
}
@keyframes animate-dots-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(153, 167, 209);
  }
}
.show .svg-elem-5 {
  animation: animate-dots-svg-fill-5 0.7s ease 1.2000000000000002s both;
}
@keyframes animate-dots-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(191, 200, 226);
  }
}
.show .svg-elem-6 {
  animation: animate-dots-svg-fill-6 0.7s ease 1.3s both;
}
@keyframes animate-dots-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(229, 233, 243);
  }
}
.show .svg-elem-7 {
  animation: animate-dots-svg-fill-7 0.7s ease 1.4000000000000001s both;
}
@keyframes animate-dots-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 35, 140);
  }
}
.show .svg-elem-8 {
  animation: animate-dots-svg-fill-8 0.7s ease 1.5s both;
}
@keyframes animate-dots-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(38, 68, 157);
  }
}
.show .svg-elem-9 {
  animation: animate-dots-svg-fill-9 0.7s ease 1.6s both;
}
@keyframes animate-dots-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(76, 101, 174);
  }
}
.show .svg-elem-10 {
  animation: animate-dots-svg-fill-10 0.7s ease 1.7000000000000002s both;
}
@keyframes animate-dots-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(115, 134, 192);
  }
}
.show .svg-elem-11 {
  animation: animate-dots-svg-fill-11 0.7s ease 1.8s both;
}
@keyframes animate-dots-svg-fill-12 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(153, 167, 209);
  }
}
.show .svg-elem-12 {
  animation: animate-dots-svg-fill-12 0.7s ease 1.9000000000000001s both;
}
@keyframes animate-dots-svg-fill-13 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(191, 200, 226);
  }
}
.show .svg-elem-13 {
  animation: animate-dots-svg-fill-13 0.7s ease 2s both;
}
@keyframes animate-dots-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(229, 233, 243);
  }
}
.show .svg-elem-14 {
  animation: animate-dots-svg-fill-14 0.7s ease 2.1s both;
}
/* //dots_nichiryu anime */

.top_topics_ttl {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 20px;
}
.top_topics .ttl {
    font-weight: 400;
    font-size: 1.2rem;
}
.top_topics .ttl .en {
    color: #00238C;
    font-weight: 400;
    font-size: 4rem;
    margin-right: 10px;
}
.top_topics .link_list a {
    display: block;
    color: #000;
    text-decoration: none;
    background: #F7F9FF;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.2rem;
    padding: 5px 10px 5px 20px;
    position: relative;
}
.top_topics .link_list a::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    border: 4px solid transparent;
    border-left: 5px solid #00238C;
    margin-top: -5px;
}

.top_topics_inner dl {
  margin-bottom: 10px;
}
.top_topics_inner dl a {
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 30px 10px 10px;
  border-radius: 6px;
  text-decoration: none;
  color: #000;
  position: relative;
  background: #fff url("../image/icon/icon_arrow_blue.svg") no-repeat right 10px center;
}
.top_topics_inner dt { color: #575757; }
.top_topics_inner dd {}


/* DeskTop */
@media (min-width: 980px) {
  .top_topics {
    padding: 80px 0;
    margin-bottom: 0;
  }
  .top_topics .pagebody_inner {
    display: flex;
  }
  .top_topics_ttl {
    flex-direction: column;
    margin-right: 10%;
    position: relative;
  }
  .top_topics_ttl::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dotted #C5C5C5;
  }
  .top_topics .ttl {
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    background: #fff;
    position: relative;
    padding-bottom: 10px;
  }
  .top_topics .ttl .en {
    font-size: 5.3rem;
  }
  .top_topics .link_list a {
    font-size: 1.6rem;
    padding: 10px 17px 10px 37px;
    transition: background .3s,color .3s;
  }
  .top_topics .link_list a::before { left: 15px; }
  .top_topics .link_list a:hover {
    background: #00238c;
    color: #fff;
  }
  
  
  .top_topics_inner {
    width: 78%;
  }
  
  .top_topics_inner dl {
  }
  .top_topics_inner dl a {
    padding: 20px 40px 20px 20px;
    background-size: 16px;
    background-position: right 15px center;
    transition: background .3s, border .3s;
  }
  .top_topics_inner dl a:hover {
    background-color: #ffffeb;
    border-color: #00238C;
  }
  .top_topics_inner dt {
    display: inline-block;
    vertical-align: middle;
    width: 13%;
  }
  .top_topics_inner dd {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8rem
  }
  
  .top_topics_bg .dots_nichiryu:nth-child(1) {
    width: auto;
    top: 110px;
    left: -110px;
  }
  .top_topics_bg .dots_nichiryu:nth-child(2) {
    width: auto;
    right: -120px;
    bottom: 90px;
  }
  
  
  
}


/*---------------------------------------------------------------------
	top_gallery
---------------------------------------------------------------------*/
.top_gallery {
  position: relative;
  padding: 30px 0;
  margin-bottom: 40px;
}
.top_gallery::before,
.top_gallery::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50px;
}
.top_gallery::before {
    background: #C8E7EF;
    top: 0;
}
.top_gallery::after {
    background: #D3EFE9;
    bottom: 0;
    right: 0;
}
.top_gallery .gallery_slide {
  position: relative;
  z-index: 1;
  background: #DCE1EE;
}
.top_gallery .slick-slide img {
  height: 200px;
}
/*.top_gallery .slick-slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  transition: .3s;
}
.top_gallery .slick-slide.slick-active::before {
  transform: translateX(-100%);
}*/

/* DeskTop */
@media (min-width: 980px) {
  .top_gallery { margin-bottom: 70px; }
  .top_gallery .slick-slide img {
    height: 390px;
  }
}

/*---------------------------------------------------------------------
	pr_70th
---------------------------------------------------------------------*/
.pr_70th {
  padding: 30px 0 20px;
  background: url("../userfiles/images/top/bg_70th.png") no-repeat center bottom /cover;
}

/* DeskTop */
@media (min-width: 980px) {
  .pr_70th {
    padding: 130px 0 20px;
  }
}

/*---------------------------------------------------------------------
	top_bnr_bottom
---------------------------------------------------------------------*/
.top_bnr_bottom ul {
  margin-top: 30px;
}
.top_bnr_bottom ul li + li {
  margin-top: 20px;
}

/* DeskTop */
@media (min-width: 980px) {
  .top_bnr_bottom ul {
    margin-top: 60px;
  }
  .top_bnr_bottom ul li + li {
    margin-top: 40px;
  }
}