html { font-size: 100% }
.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 }
@media (prefers-reduced-motion:reduce) {
  .wow,.delay1,.delay2 { animation: none !important; -webkit-animation: none !important; transition: none !important }
}
a:focus,button:focus,input:focus,select:focus,textarea:focus { outline: 2px solid #1b6fff; outline-offset: 2px; border-radius: 0.375rem }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-width: 3px; outline-offset: 3px }
#sideNav2 { margin-bottom: 40px }
#sideNav2 ul.Cate { text-align: center; font-size: 0.9375rem; color: #6f6f6f; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px }
#sideNav2 > ul > li { position: relative; display: inline-block; border: 1px solid #e1e1e1; margin: 0 }
#sideNav2 > ul > li > h3 { display: block }
#sideNav2 > ul > li > h3 a { font-size: 0.9375rem; font-weight: 400; color: #35393a; display: block; padding: 15px 20px; transition: background-color .25s ease,color .25s ease,border-color .25s ease; line-height: 1.3; text-align: center; text-decoration: none }
#sideNav2 > ul > li > h3 a:hover,#sideNav2 > ul > li > h3 a:focus-visible { background-color: #f2f6ff; color: #163a8a; text-decoration: underline; text-underline-offset: 3px }
.tit h3 { padding-bottom: 5px; margin-bottom: 20px; font-size: 1.5rem; letter-spacing: 0.0125rem; color: #1a1a1a; font-weight: 500 }
.tit .pageTitleCenter {padding-bottom: 5px;margin-bottom: 20px;font-size: 1.35rem;letter-spacing: 0.0125rem;color: #1a1a1a;font-weight: 500;text-align: center;}
#articleInfo15 .tit { position: relative; text-align: center; z-index: 2 }
#articleInfo15 .tit h5 { padding: 10px 15px; border-bottom: 1px #adadad solid; font-size: 1.1875rem; color: #333; font-weight: 500; background-color: #f9f9f9 }
#articleInfo15 .tit h3 { text-align: center; font-size: 2.0625rem; line-height: 1.2 }
#articleInfo15 .tit p { padding: 20px; line-height: 1.7; color: #222 }
#articleInfo15 .tit font { padding: 0 20px; background: #fff; display: inline-block }
#articleInfo15:hover .tit h3,#articleInfo15:hover .tit font,#articleInfo15:focus-within .tit h3,#articleInfo15:focus-within .tit font { letter-spacing: 0.3125rem }
#articleInfo15 ul {overflow: hidden;position: relative;z-index: 1;margin: 0;padding: 0;list-style: none;border-top: 1px #adadad solid;}
#articleInfo15 ul li { width: 100%; border-bottom: 1px #e4e4e4 solid }
#articleInfo15 ul li:hover,#articleInfo15 ul li:focus-within { background-color: #f7f7f7 }
#articleInfo15{
    margin-bottom: 30px;
}
#articleInfo15 .circle { padding: 10px 10px }
#articleInfo15 .circle h3 { padding: 10px 0; font-weight: 300; font-size: 1.125rem; color: #4a4a4a }
#articleInfo15 ul li .item { vertical-align: top; color: #515151; display: flex; align-items: stretch }
#articleInfo15 ul li .item article { width: calc(100% - 100px); display: flex; align-items: center }
#articleInfo15 ul li .item article a { width: 100%; box-sizing: border-box; color: #22282b; display: block; text-decoration: none; padding: 20px; line-height: 1.4 }
#articleInfo15 ul li .item article a:hover,#articleInfo15 ul li .item article a:focus-visible { text-decoration: underline; text-underline-offset: 3px }
#articleInfo15 ul li .item .btnPdf { padding: 5px; width: 70px; display: flex; align-items: center; justify-content: center }
#articleInfo15 ul li .item .btnPdf a { width: 100%; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px 5px; text-align: center; border-radius: 0.5rem }
#articleInfo15 ul li .item .btnPdf a i {font-size: 1.875rem;color: #cecece;padding: 4px 6px}
#articleInfo15 ul li .item .btnPdf a.bbpdf i { color: #0b7e83 }
#articleInfo15 ul li .item .btnPdf a:hover,#articleInfo15 ul li .item .btnPdf a:focus-visible { background-color: #eef7f7 }
#articleInfo15 ul li .item span { display: none; font-size: 0.875rem }
.classLink { display: flex; flex-flow: wrap; justify-content: center; margin-bottom: 20px; gap: 10px }
.classLink li { border: 1px solid #dedede; margin-left: 0 }
.classLink a { display: inline-block; font-size: 1rem; line-height: 1.4; padding: 0.625rem 1.5625rem; text-align: center; background-color: #fff; color: #5a5a5a; text-decoration: none; border-radius: 0.375rem; transition: background-color .2s ease,color .2s ease,border-color .2s ease }
.classLink a:hover,.classLink a:focus-visible { color: #fff; background-color: #7f1084; text-decoration: underline; text-underline-offset: 3px }

@media screen and (max-width:768px) {
  #sideNav2 ul.Cate { justify-content: center }
}
@media screen and (max-width:640px) {
  #articleInfo15 .circle { padding: 10px 0 20px 0 }
}
@media screen and (max-width:480px) {
  #articleInfo15 ul li { width: 100% }
  #articleInfo15 .imgBox p { margin: 10px 0; width: 100% }
  #sideNav2 > ul > li > h3 a { padding: 16px 20px; letter-spacing: 0 }
}