#content h1 {
	position: relative;
	border-bottom: 4px solid #b3b3b3;
	font-size:180%;
	padding-bottom:10px;
	padding-left:8px;
	margin-top:8px;
	letter-spacing: 0.1em;
	line-height: 35px;
}
.contentHeader p.date{
  text-align: right;
  padding: 10px;
}


#content h1::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 40%;
	height: 4px;
	background-color: #44c1b5;
}


.contentBody h2 {
    font-size: 150%;
    position: relative;
    padding: .75em 1em .75em 1.5em;
    border-bottom: 1px solid #082886;
	border-top: 1px solid #082886;
    margin-top: 10px;
    margin-bottom: 20px;
	background-color:#f2f2f2;
	color:#082886;
}
.contentBody h2:after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}

.contentBody h2::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #082886;
    border-radius: 4px;
		clear:both;
	min-height:1em;

}

.contentBody h3 {
    font-size: 130%;
    padding: .5em .75em;
	background-color: #f6f6f6;
	border-bottom: 1px solid #ccc;
	color: #1eadae;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing: 0.1em;
		clear:both;
	min-height:1em;

}

.contentBody h3 :after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}

.contentBody h4 {
 position: relative;
	padding: 0 .5em .5em 1.7em;
  font-size: 110%;
  margin-top:20px;
  margin-bottom:10px;
  border-bottom: 1px solid #ffa400;
}

.contentBody h4::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ffa400;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.contentBody p,
.contentBody ol,
.contentBody ul {
  margin: 0em 0px 1em 0px;
}
.contentBody ol {
  list-style: decimal;
  padding-left: 30px;
}
.contentBody ul {
  list-style: disc;
  padding-left: 30px;
}
.contentBody li ul {
  list-style: circle;
}
.contentBody li li ul {
  list-style: square;
}

.contentBody .alignLeft {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.contentBody .alignRight {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}
.contentBody .alignCenter {
  display: block;
  margin: 0 auto;
}
.contentBody em {
}
.contentBody table {
  width: 100%;
}
.contentBody table th,
.contentBody table td {

  font-size: 100%;
  vertical-align:middle;

}

.contentBody table[border] {
  border: 1px solid #ccc;
}
.contentBody table[border] th,
.contentBody table[border] td {
  padding: 10px;
  border: 1px solid #ccc;
}
.contentBody table[border] th {
  font-weight: normal;

}
.contentBody table th p,
.contentBody table td p {

  margin: 0em 0px 0em 0px;
}


/* Color Definition
================================================== */

.red{
    font-size: 140%;
	font-weight:bold;
}

.tbl-base{


}
.tbl-base th{

}
	.tbl-base td{

}
.clr{
	clear:both;
	min-height:1em;
}
*html .clr{
	height:1px;
}

.clr:after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}
.col01{
	background-color:#F4FF00;
	text-align:center;
	}

.contentBody table.recruit_tbl01{
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.contentBody table.recruit_tbl02{
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.contentBody table.recruit_tbl01 th,
.contentBody table.recruit_tbl01 td,
.contentBody table.recruit_tbl02 th,
.contentBody table.recruit_tbl02 td{
  box-sizing: border-box;
  padding: 15px 0 15px 0;
  width: 50%;
}
.contentBody table.recruit_tbl02 th,
.contentBody table.recruit_tbl02 td,
.contentBody table.recruit_tbl02{
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.contentBody table.recruit_tbl01 th,
.contentBody table.recruit_tbl01 td{
  font-size: 150%;
}

@media (max-width: 768px) {

  #content h1 {
    font-size:140%;
    line-height: 20px;
  }

  .contentBody h2 {
    font-size: 120%;
  }

  .contentBody h3 {
    font-size: 110%;
  }
}

@media (max-width: 480px) {
  .contentBody table.recruit_tbl01 th,
  .contentBody table.recruit_tbl01 td{
    font-size: 120%;
  }
}
@media (max-width: 380px) {
  .contentBody table.recruit_tbl01 th,
  .contentBody table.recruit_tbl01 td{
    font-size: 90%;
  }
}