/*common*/
.bold{
  font-weight: bold;
}
.cf:after {
  content: "";
  clear: both;
  display: block;
}
.contents div{
  box-sizing: border-box;
}
.pad10{
  padding:10px;
}
.pad20{
  padding:20px;
}
.mart10{
  margin-top:10px;
}
.mart20 {
  margin-top:20px;
}
.mart30{
  margin-top:30px;
}
.marb10{
  margin-bottom:10px;
}
.underline{
  text-decoration: underline;
}
.cfz{
  width: 100%;
}
.cf50{
  width:47%;
}
.cf20{
  width:15%;
}
.cf80{
  width:80%;
}
.right{
  float:right;
}
.left{
  float:left;
}
.content{
  margin-top:20px;
}

.opening .box a{
  display: block;
  width:263px;
  margin:0 0 0 auto;
}
table {
  width: 100%;
}
table,td,th{
	border:1px solid #333333;
	text-align: center;
	vertical-align: middle;
}
th{
  background: #f9d2d2;
  font-weight: 600;
}
/*thcolor*/
th.ch{background:#cafdff;}
th.thred{background: #e6ffe4;}
th.thblue{background: #c6e7fb;}
th.thyellow{background: #fbf7c6;}
th.thorange{background:#ffd7be;}

.table-2 th {
  width: 50%;
}
.table-3 th {
  width: 33%;
}
.table-4 th {
  width: 25%;
}

/* pagetop */
#contents #main .section p.pagetops{
  text-align: right;
  width: 100%;
  margin:10px 0;
}
.pagetops a{
  padding: 0 0 0 15px;
  background: url(/common/images/listMark02.gif) no-repeat left center;
  font-weight: bold;
  text-decoration: none;
  float:right;
}

/*見出し*/
h3.point_class {
  position: relative;
  background: #fff1f1;
  padding: 0.25em 0.5em;
  font-size: 16px;
  border-left: solid 2em #e75c5c;
  font-weight: bold;
  margin-bottom:10px;
}

h3.point_class:before {
  font-family: "Font Awesome 5 Free";
  content: url(../images/pen_icon.png);
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.45em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
h3.point_class.ch {
  background: #f1fffe;
  border-left: solid 2em #5ce7e7
}
h3.point_class.suugaku{
  background: #f1f8ff;
  border-left: solid 2em #5c9ee7;
}
h3.point_class.kokugo{
  background: #f1fff3;
  border-left: solid 2em #71e75c;
}
h3.point_class.rika{
  background: #fffcf1;
  border-left: solid 2em #e7bc5c;
}