
a:focus-visible,button:focus-visible{outline:3px solid rgba(23,168,173,.75);outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.wow,.animated{animation:none !important;-webkit-animation:none !important}
#sideNav2 > ul > li > h3 a,.teachers .linkList li .item h3 a{transition:none !important}
.teachers .linkList li .item h3:hover a{transform:none !important;-webkit-transform:none !important;animation:none !important}
}
#sideNav2 ul.Cate{text-align:center;font-size:0.9375rem;color:#9e9e9e;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0;margin:0}
#sideNav2 > ul > li{position:relative;display:inline-block;border:1px solid #e1e1e1;margin:0}
#sideNav2 > ul > li > h3{display:block;margin:0}
#sideNav2 > ul > li > h3 a{letter-spacing:2px;font-size:0.9375rem;font-weight:400;color:#35393a;display:block;padding:10px 20px;transition:background-color .25s ease,color .25s ease,letter-spacing .25s ease;line-height:1.4;text-align:center;text-decoration:none}
#sideNav2 > ul > li > h3 a:hover,#sideNav2 > ul > li > h3 a:focus-visible{background-color:#f7f7f7}
#articleInfo20{margin:0}
#articleInfo20 .tit{margin:0 0 40px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .tit h2{border-bottom:1px #d4d4d4 solid;letter-spacing:1.5px;font-size:1.375rem;font-weight:600;margin-bottom:10px;padding:10px 0 10px;color:var(--primary)}
#articleInfo20 .tit h4{font-weight:600;margin:0;font-size:1.125rem}
#articleInfo20 .tit .red_bg{background-color:#ac1821;background-image:-webkit-gradient(linear,left top,right top,from(#87030b),to(#ac1821));background-image:linear-gradient(to right,#87030b,#ac1821);color:#fff;padding:20px;text-align:center}
#articleInfo20 .tit h4 span{font-weight:400}
.column{padding-left:20px}
.column h5{margin:20px 0 0;font-size:1.125rem;font-weight:500}
.textEditor{padding:0}
.textEditor h4{color:#ac1821}
.textEditor ol{margin:10px 0 20px;padding-left:1.5rem}
.textEditor li{margin:4px 5px;list-style-type:square;list-style-position:outside;color:rgb(60 60 60);font-size:0.9375rem;line-height:1.8;letter-spacing:0.2px;font-weight:400}
.textEditor li .style2{color:#d13560;font-style:italic;font-weight:bold}
.textEditor h5{font-weight:500;margin:5px 0 10px;font-size:1rem;color:#31579d;letter-spacing:0;padding-left:20px}
.textEditor .gray_bg,.gray_td3_bg{background-color:rgb(227,227,227);color:rgb(153,51,0);padding:10px 20px;text-align:center;margin:10px 0}
.textEditor li a{color:#1a1a1a;text-decoration:underline;text-underline-offset:2px}
.textEditor li a:hover,.textEditor li a:focus-visible{color:#4267b2}
.textEditor article,.column article{padding:10px 0;color:#2c2c2c;font-weight:400}
.textEditor article h2{font-size:1.25rem;padding:0 0 20px}
.textEditor .textfeature{display:flex;align-items:center}
.textEditor .textfeature .img{width:520px;margin-right:3%}
.textEditor .textfeature ol{width:-webkit-fill-available;width:100%}
.narrowfix h3{letter-spacing:1.5px;font-size:1.375rem;font-weight:600;margin-bottom:10px;padding:10px 0 10px;color:var(--primary)}
.teachers{margin:30px 0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;display:flex;background-color:#f3f3f3}
.teachers .titleBox{width:20%;background-color:#d77186;margin-right:2%}
.teachers:nth-child(2) .titleBox{background-color:#61a2da}
.teachers:nth-child(3) .titleBox{background-color:#6a1317}
.teachers:nth-child(4) .titleBox{background-color:#004951}
.teachers:nth-child(5) .titleBox{background-color:#e29e3c}
.teachers:nth-child(6) .titleBox{background-color:#474343}
.teachers .titleBox h2,.teachers .titleBox h3{color:#fff;font-weight:400;padding:40px 30px;letter-spacing:0.5px;font-size:1.25rem;margin:0}
.teachers .linkList{display:flex;width:75%;align-items:center;padding:20px;margin:0}
.teachers .linkList li{width:-webkit-fill-available;width:100%;display:contents}
.teachers .linkList li:not(:last-child)::after{content:"";display:inline-block;vertical-align:middle;width:1px;height:40px;margin:0 10px;background-color:#e1e1e1}
.teachers .linkList li .item h3{text-align:center;margin:0}
.teachers .linkList li .item h3 a{font-weight:400;text-align:center;position:relative;display:block;padding:38px 14px;font-size:1rem;text-decoration:none}
.teachers .linkList li .item h3 a:hover,.teachers .linkList li .item h3 a:focus-visible{text-decoration:underline;text-underline-offset:2px}


@media screen and (min-width:1281px) {
  .teachers .linkList li .item h3:hover a { -webkit-transform: translateY(5%); transform: translateY(5%); animation-name: elementor-animation-buzz-out; animation-duration: .75s; animation-timing-function: linear; animation-iteration-count: 1; }
}
@media screen and (max-width:960px) {
  #articleInfo20 ul li article { font-size: 1rem; }
}
@media screen and (max-width:768px) {
  .main-article #describe article { padding: 10px 0; }
  #articleInfo20 .tit h2,#articleInfo20 .tit h3 { padding-bottom: 10px; margin-bottom: 20px; font-size: 1.375rem; letter-spacing: 0.5px; }
  #articleInfo20 .tit h4 { margin: 20px 0 0; display: flex; align-items: flex-start; flex-direction: column; font-size: 1.25rem; }
  #articleInfo20 .tit p { margin-left: 10px; }
  .textEditor article,.column article { font-size: 0.9375rem; }
  #articleInfo20 { width: 100%; }
  .textEditor .textfeature { display: flex; flex-direction: column; }
  .textEditor .textfeature .img { width: -webkit-fill-available; width: 100%; margin-right: 0; }
  #sideNav2 ul.Cate { display: flex; flex-wrap: wrap; }
  #articleInfo20 ul li { width: -webkit-fill-available; width: 100%; }
  .teachers .linkList li { display: inline-block; }
  .teachers,.teachers .linkList { display: flex; flex-wrap: wrap; flex-direction: column; }
  .teachers .titleBox,.teachers .linkList { width: -webkit-fill-available; width: 100%; margin: 0; }
  .teachers .titleBox h2,.teachers .titleBox h3 { font-size: 1.0625rem; padding: 10px 30px; text-align: center; }
  .teachers .linkList li:not(:last-child)::after { display: none; }
  .teachers .linkList li .item p { padding: 2px 0; }
}
@media screen and (max-width:480px) {
  #articleInfo20 ul li { margin: 5px; }
  #sideNav2 > ul > li > h3 a { padding: 16px 20px; }
  #articleInfo20 .tit { margin: 0 0 20px; }
  .textEditor h5 { font-size: 1rem; padding-left: 10px; }
  .textEditor ol { padding-left: 1.25rem; }
  .textEditor li { margin: 5px 0; }
  .column { padding-left: 0; }
}
