.wow { animation: fadeIn 1s both; -webkit-animation: fadeIn 1s both }
.delay1 { animation-delay: .5s; -webkit-animation-delay: .5s }
.delay2 { animation-delay: 1s; -webkit-animation-delay: 1s }
.delay3 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s }
.delay4 { animation-delay: 2s; -webkit-animation-delay: 2s }
@media (prefers-reduced-motion:reduce) {
  .wow,.delay1,.delay2,.delay3,.delay4 { animation: none !important; -webkit-animation: none !important; transition: none !important; scroll-behavior: auto !important }
}
#articleInfo15 a:focus { outline: 2px solid transparent; outline-offset: 2px }
#articleInfo15 a:focus-visible { outline: 3px solid #1b6fff; outline-offset: 3px; border-radius: .375rem }
#articleInfo15 ul.abList { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none }
#articleInfo15 ul.abList li.ss-mainmenu { width: calc((100%/1) - 20px); margin: 10px }
#articleInfo15 ul.abList .abtitle a {color: var(--primary);font-size: 1.3rem;font-weight: 600;line-height: 1.25;letter-spacing: .125rem;padding: .625rem .625rem .9375rem;margin: 0 0 .625rem;display: block;border-bottom: 2px solid var(--primary);text-decoration: none}
#articleInfo15 ul.abList .abtitle a:hover,#articleInfo15 ul.abList .abtitle a:focus-visible { text-decoration: underline; text-underline-offset: 3px }
#articleInfo15 ul.Area { overflow: hidden; position: relative; padding: 1.25rem .625rem 2.1875rem; z-index: 1; display: flex; flex-wrap: wrap; margin: 0; list-style: none }
#articleInfo15 ul.Area li.ss-nav { width: calc((100%/6) - 10px); animation-name: fadeInUp; -webkit-animation-name: fadeInUp; padding: 0 .625rem 1.25rem 0 }
#articleInfo15 ul.Area li.ss-nav .subTxt p { margin: 0 0 .625rem }
#articleInfo15 ul.Area li.ss-nav .subTxt p a { font-size: 1.0625rem; padding-left: 1.875rem; position: relative; display: inline-block; font-weight: 600; color: var(--primary); text-decoration: none; line-height: 1.4 }
#articleInfo15 ul.Area li.ss-nav .subTxt p a::before { content: ""; display: block; width: 1.25rem; height: 1px; background-color: var(--dark); position: absolute; top: 50%; left: 0; transform: translateY(-50%) }
#articleInfo15 ul.Area li.ss-nav .subTxt p a:hover,#articleInfo15 ul.Area li.ss-nav .subTxt h3 a:focus-visible { text-decoration: underline; text-underline-offset: 3px }
#articleInfo15 ul.Area li.ss-nav ul.subItem { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none }
#articleInfo15 ul.Area li.ss-nav ul.subItem li { width: 100% }
#articleInfo15 ul.Area li.ss-nav ul.subItem li .STxtBox { margin: 0 }
#articleInfo15 ul.Area li.ss-nav ul.subItem li .STxtBox a { color: #4a4a4a; display: block; text-decoration: none; line-height: 1.6; padding: .25rem 0 }
#articleInfo15 ul.Area li.ss-nav ul.subItem li .STxtBox a:hover,#articleInfo15 ul.Area li.ss-nav ul.subItem li .STxtBox p a:focus-visible { text-decoration: underline; text-underline-offset: 3px }


@media screen and (max-width:1440px) {
  #articleInfo15 ul.Area li.ss-nav { width: calc((100%/5) - 5px); padding: 0 .625rem 1.25rem 0 }
}
@media screen and (max-width:960px) {
  #articleInfo15 ul.abList li.ss-mainmenu { width: calc((100%/1) - 10px); padding: 0 .625rem 1.25rem 0 }
  #articleInfo15 ul.Area li.ss-nav { width: calc((100%/4) - 5px) }
}
@media screen and (max-width:640px) {
  #articleInfo15 ul.Area li.ss-nav:nth-child(2n) { border-right: 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2 }
  #articleInfo15 ul.Area li.ss-nav { width: calc((100%/2) - 5px) }
}
@media screen and (max-width:480px) {
  #articleInfo15 ul.abList li.ss-mainmenu { width: calc((100%/1) - 0px); padding: 0; margin: 5px }
  #articleInfo15 ul.Area li.ss-nav { width: calc((100%/1) - 0px); padding: .625rem 0 }
  #articleInfo15 ul.Area { padding: 0 0 .625rem }
  #articleInfo15 ul.Area li.ss-nav .subTxt p { margin-bottom: .125rem }
}
