@charset "UTF-8";
/*==================================================

** words
==================================================*/
#wordsSec .words-anchor {
  gap: 0 2.1%; }
  #wordsSec .words-anchor li {
    margin-top: 0;
    padding-left: 0; }
    #wordsSec .words-anchor li:before {
      content: none; }
  #wordsSec .words-anchor a {
    color: #7e8284;
    padding-left: 24px;
    position: relative; }
    #wordsSec .words-anchor a:before {
      content: "";
      font: normal normal 900 1.6rem "Font Awesome 6 Free";
      line-height: inherit;
      color: #df2b22;
      position: absolute;
      top: 2px;
      left: 0; }
    #wordsSec .words-anchor a:hover span {
      text-decoration: none;
      opacity: .8;
      transition: all 0.6s; }
  #wordsSec .words-anchor span {
    text-decoration: underline;
    transition: all 0.4s; }
#wordsSec .words-box dt, #wordsSec .words-box dd {
  padding: 22px 20px 22px 60px; }
#wordsSec .words-box dt {
  font-weight: 700;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #ddd;
  position: relative; }
  #wordsSec .words-box dt:before {
    content: "";
    font: normal normal 900 2rem "Font Awesome 6 Free";
    line-height: inherit;
    color: #043160;
    position: absolute;
    top: 24px;
    left: 20px;
    line-height: 1; }
  #wordsSec .words-box dt.is {
    border-bottom: none; }
    #wordsSec .words-box dt.is-open {
      border-radius: 8px 8px 0 0;
      border-bottom: none; }
#wordsSec .words-box dd {
  display: none;
  background: #f4f5f5;
  border-inline: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 8px 8px;
  padding-left: 20px; }
#wordsSec .words-box + .words-box {
  margin-top: 16px; }

@media screen and (max-width: 767px) {
  #wordsSec .words-anchor {
    gap: 24px 6.8%; }
    #wordsSec .words-anchor li {
      width: 28.8%; } }