.newsBox > div {
  position: relative;
  display: block;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 1em 0;
  text-align: left;
  margin: 0 0 1em 0;
  cursor: pointer;
}
.newsBox > div:nth-last-child(1) {
  margin: 0 0 0em 0;
}
.newsBox .date {
  font-size: 0.7em;
  color: #9b9b9b;
  margin: 0 0 0.6em 0;
  vertical-align: text-top;
}
.newsBox .date > span {
  display: inline-block;
  color: #ffffff;
  font-size: 0.8em;
  padding: 0.2em 0.4em;
  border-radius: 300px;
  margin: 0 0 0 1em;
  vertical-align: text-top;
}
.newsBox .date .tagG {
  background: #93da49;
}
.newsBox .date .tagP {
  background: #ac8de8;
}
.newsBox .title {
  position: relative;
  text-align: left;
  width: calc(100% - 2.5em);
}
.newsBox .titleTypeA {
  color: #212121;
  font-size: 0.8em;
  line-height: 1.3em;
  letter-spacing: 0em;
}
.newsBox .titleTypeB {
  color: #7356ba;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.3em;
  letter-spacing: 0em;
  font-weight: bold;
}
.newsBox .title .arrow {
  content: url("../images/icon_arrow.svg");
  display: inline-block;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  right: -2.4em;
  top: 0.2em;
}
.newsArrow {
  transform: rotate(180deg);
}
.newsCont {
  display: none;
  padding: 0.6em 0 1.4em 0;
  margin: 0.3em 0 0 0;
}
.newsCont .txt {
  display: inline-block;
  text-align: left;
  color: #3a3a3a;
  font-size: 0.8em;
  line-height: 1.6em;
}
.newsCont .ps {
  font-size: 0.8em;
  margin: 0 0 1em 0;
}
.newsCont a {
  text-decoration: underline;
  color: #7356ba;
}
/***** table *****/
.tableG {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100%;
}
.tableG th {
  background: #a2a2a2;
  color: #ffffff;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-align: center;
}
.tableG td {
  background: #f5f5f5;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
.tableW {
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  width: 100%;
}
.tableW td {
  background: #ffffff;
  padding: 0.5em 0.4em;
  border-left: 0px solid #ffffff;
  border-top: 0px solid #ffffff;
}
.tableP {
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  width: 100%;
}
.tableP th {
  background: #7b34c6;
  color: #ffffff;
  padding: 0.5em 0.4em;
  border-left: 0px solid #ffffff;
  border-top: 0px solid #ffffff;
  text-align: center;
}
.tableP td {
  background: #ffffff;
  padding: 0.5em 0.4em;
  border-left: 0px solid #ffffff;
  border-top: 0px solid #ffffff;
}
/***** list *****/
.listNum {
  list-style: decimal;
  padding: 0;
  margin: 0 0 0 1.4em;
}
.listNum > li {
  padding: 0 0 0.5em 0;
}
/***********************************/
@media screen and (min-width: 821px) {
  .newsBox .date {
    font-size: 0.9em;
    color: #9b9b9b;
    margin: 0 0 0.6em 0;
    vertical-align: text-top;
  }
  .newsBox .date > span {
    display: inline-block;
    color: #ffffff;
    font-size: 0.8em;
    padding: 0.4em 0.4em 0.2em 0.4em;
    border-radius: 300px;
    margin: 0 0 0 1em;
    vertical-align: text-top;
  }
  .newsBox .title {
    position: relative;
    text-align: left;
    width: calc(100% - 3em);
  }
  .newsBox .titleTypeA {
    color: #212121;
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: 0em;
  }
  .newsBox .titleTypeB {
    color: #7356ba;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.3em;
    letter-spacing: 0em;
    font-weight: bold;
  }
  .newsBox .title .arrow {
    content: url("../images/icon_arrow.svg");
    display: inline-block;
    position: absolute;
    width: 0.9em;
    height: 0.9em;
    right: -2.4em;
    top: 0.2em;
  }
  .newsCont .txt {
    display: inline-block;
    text-align: left;
    color: #3a3a3a;
    font-size: 0.9em;
    line-height: 1.6em;
    width: 100%;
  }
}