@charset "UTF-8";

.contentBody {
  display: flex;
  font-size: 14px;
}
.contentBody__item--header {
  background: #e2f1ca;
  font-weight: bold;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.contentBody__item--header a {color: #333;}
.contentBody__list {margin-bottom: 30px;}
.contentBody__item:not(.contentBody__item--header) {
  position: relative;
  margin-left: 15px;
}
.contentBody__item:not(.contentBody__item--header):before {
  content: "";
  border-color: #f18e02 #f18e02 transparent transparent;
  border-style: solid;
  border-width: 2px 2px 0 0;
  position: absolute;
  top: calc(50% - 3px);
  left: -14px;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
}
.contentBody__item--areaGroup,
.contentBody__item--subjectGroup {
  font-weight: bold;
  margin-left: 18px!important;
}
.contentBody__item.contentBody__item--areaGroup:before,
.contentBody__item.contentBody__item--subjectGroup:before {
  border-color: #e81c1c transparent transparent;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  position: absolute;
  transform: rotate(0deg);
  top: calc(50% - 5px);
  left: -18px;
  width: 0;
  height: 0;
}
/* PC用 s*/
@media(min-width:769px){
  .contentBody {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contentBody a:hover {text-decoration: underline;}
  .contentBody__list {width: calc(50% - 10px);  }
}
/* PC用 s*/
/* SP用 s*/
@media screen and (max-width: 768px) {
  .contentBody {
    flex-direction: column;
    margin: 10px;
  }
}
/* SP用 s*/