@charset "UTF-8";
.studyBox {
  margin: 0 10px 40px;
}
.studyBox h3 {
  background-color: #e6f1ff;
  border-bottom: #005bd1 solid 4px;
  border-top: #005bd1 solid 4px;
  font-size: 32px;
  color: #000000;
  line-height: 1em;
  padding: 15px 10px;
  margin-bottom: 20px;
}
.studyBox p {
  font-size: 28px;
  color: #484848;
  line-height: 1.25em;
}
.studyBox ul {
  height: auto;
  overflow: hidden;
  border-left: #cccccc solid 1px;
  border-top: #cccccc solid 1px;
  margin-top: 20px;
  box-sizing: border-box;
}
.studyBox ul li {
  border-bottom: #cccccc solid 1px;
  border-right: #cccccc solid 1px;
  font-size: 32px;
  color: #999999;
  line-height: 1em;
  box-sizing: border-box;
}
.studyBox ul li span {
  padding: 20px 10px;
  display: block;
}
.studyBox ul li a {
  background: url(/common/images/btnArrorRight.png) no-repeat 98% 50%;
  color: #484848;
  padding: 30px 10px;
  display: block;
}
.studyBox ul li p {
  font-size: 28px;
  color: #484848;
  line-height: 1em;
  margin-top: 10px;
}
.studyBox ul li p::before {
  content: "∟";
  color: #cccccc;
}
@media screen and (max-width: 736px) {
  .studyBox {
    margin: 0 5px 20px;
  }
  .studyBox h3 {
    border-bottom: #005bd1 solid 2px;
    border-top: #005bd1 solid 2px;
    font-size: 16px;
    padding: 10px 5px;
    margin-bottom: 10px;
  }
  .studyBox p {
    font-size: 14px;
  }
  .studyBox ul {
    margin-top: 10px;
  }
  .studyBox ul li {
    font-size: 16px;
  }
  .studyBox ul li a, .studyBox ul li span {
    background-size: 9px 8px;
    -moz-background-size: 9px 8px;
    -webkit-background-size: 9px 8px;
    padding: 15px 5px;
  }
  .studyBox ul li p {
    font-size: 14px;
    margin-top: 5px;
  }
}
.studyBox.list, .studyBox.list-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px 5px;
}
.studyBox.list div[class^=list-box], .studyBox.list-detail div[class^=list-box] {
  width: calc((100% - 5px) / 2);
  box-sizing: border-box;
}
.studyBox.list div[class^=list-box] h3, .studyBox.list-detail div[class^=list-box] h3 {
  background: rgb(245, 245, 245);
  background: linear-gradient(180deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 50%, rgb(223, 223, 223) 50%, rgb(223, 223, 223) 100%);
  border: #d0d0d0 solid 1px;
  font-size: 32px;
  color: #484848;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}
.studyBox.list div[class^=list-box] h3.pack, .studyBox.list-detail div[class^=list-box] h3.pack {
  letter-spacing: -0.1em;
}
.studyBox.list div[class^=list-box] h3 a, .studyBox.list-detail div[class^=list-box] h3 a {
  color: #484848;
  padding: 30px 10px;
  display: block;
  box-sizing: border-box;
}
.studyBox.list div[class^=list-box] ul, .studyBox.list-detail div[class^=list-box] ul {
  border: none;
  margin-top: 0;
}
.studyBox.list div[class^=list-box] ul li, .studyBox.list-detail div[class^=list-box] ul li {
  border: none;
  border-bottom: dotted 1px #333333;
}
.studyBox.list div[class^=list-box] ul li.pack, .studyBox.list-detail div[class^=list-box] ul li.pack {
  letter-spacing: -0.1em;
}
.studyBox.list div[class^=list-box] ul li a, .studyBox.list-detail div[class^=list-box] ul li a {
  padding: 30px 10px;
  background: none;
}
.studyBox.list div[class^=list-box] ul li a::before, .studyBox.list-detail div[class^=list-box] ul li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  color: #51518b;
  font-weight: 900;
  margin-right: 10px;
}
.studyBox.list div[class^=list-box] .c1r, .studyBox.list-detail div[class^=list-box] .c1r {
  border: none;
  margin-top: 10px;
  padding-bottom: 0;
}
.studyBox.list div[class$=-detail], .studyBox.list-detail div[class$=-detail] {
  border: #d0d0d0 solid 1px;
  border-top: none;
}
.studyBox.list div[class$=-detail] h3, .studyBox.list-detail div[class$=-detail] h3 {
  border-right: none;
  border-left: none;
}
@media screen and (max-width: 736px) {
  .studyBox.list, .studyBox.list-detail {
    margin-top: 11px;
  }
  .studyBox.list div[class^=list-box] h3, .studyBox.list-detail div[class^=list-box] h3 {
    font-size: 16px;
  }
  .studyBox.list div[class^=list-box] h3 a, .studyBox.list-detail div[class^=list-box] h3 a {
    padding: 15px 5px;
  }
  .studyBox.list div[class^=list-box] ul li a, .studyBox.list-detail div[class^=list-box] ul li a {
    padding: 15px 5px;
  }
  .studyBox.list div[class^=list-box] ul li a::before, .studyBox.list-detail div[class^=list-box] ul li a::before {
    margin-right: 5px;
  }
  .studyBox.list div[class^=list-box] p, .studyBox.list-detail div[class^=list-box] p {
    padding: 10px 5px;
  }
}

/*----------------------------------------------------*/
/*
.studyBox {
  .list {
    height: auto;
    overflow: hidden;
    border: #cccccc solid 2px;
    margin: -2px 10px 0;

    h3 {
      background-color: #eeeeee;
      border: none;
      font-size: 28px;
      color: #484848;
      line-height: 1.0em;
      margin: 0;
      padding: 0;
    }

    a {
      color: #484848;
      padding: 30px;
      display: block;
    }

    ul {
      border: none;
      margin-top: 0;
    }

    li {
      border: none;
      border-top: #cccccc solid 1px;
    }
  }

  .keito_scBox ul li a {
    font-size: 28px;
    color: #484848;
    line-height: 1.0em;
    padding: 30px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 736px) {
  .studyBox .list {
    border: #cccccc solid 1px;
    margin: -1px 10px 0;
  }

  .ui-collapsible-heading, .ui-collapsible-heading-collapsed {
    background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
  }

  .studyBox {
    .list {
      h3 {
        font-size: 14px;
      }

      a {
        padding: 15px;
      }
    }

    .keito_scBox ul li a {
      font-size: 14px;
      padding: 15px 10px;
    }
  }
}*//*# sourceMappingURL=study_ver2.css.map */