@charset "utf-8";
/* ****************************************************
new_base.css
***************************************************** */



/* listStyle08 */
.listStyle08 {
	margin: 0;
	padding: 40px 0 35px;
	overflow:hidden;
	border-bottom: 1px solid #D1D1D1;
}
#tab03 .listStyle08 li {
	padding-bottom: 0;
	margin-right: 0;
}
.listStyle08 li {
  box-sizing: border-box;
	float: left;
	width: 33.3%;
	padding: 0 25px 0 25px;
	margin-right: 0;
	border-right: 1px solid #D1D1D1;
}
.listStyle08 li:last-child {
	border-right: none;
}
/*--for tab link--*/
.listStyle08 li {
	min-height:204px;
}

.listStyle08 li a {
	display: block;
	text-decoration: none;
}
.listStyle08 li a:hover {
	text-decoration: underline;
}
.listStyle08 li .img {
	float: none;
	display: block;
	margin: 0 auto 20px;
	border: none;
}
.listStyle08 li .img img {
	display: block;
	margin: 0 auto 5px;
	border: 1px solid #D1D1D1;
}
.listStyle08 li .ttl {
	display: block;
	padding-bottom: 5px;
	font-size: 112%;
	line-height: 1.3;
	font-weight: bold;
}
.listStyle08 li .txt {
	display: block;
}

/* listStyle09 */
.listStyle09 {
	overflow: hidden;
	padding: 0;
	border: 3px solid #D1D1D1;
}
.listStyle09 li {
  box-sizing: border-box;
	float: left;
	width: 20%;
	/*padding:12px 7px 8px 66px;*/
	padding: 0 0 0 0;
	margin: 0 0 -1px 0;
	background: none;
	border-bottom: 1px solid #D1D1D1;
	cursor: pointer;
}
.listStyle09 li.rightend {
	width: 20%;
	border-right: 0;
}
.listStyle09 li.firstRow a {
	background: none;
}
.listStyle09 li a {
	position: relative;
	display:table;
	width: 100%;
	height: 60px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #D1D1D1;
}
.listStyle09 li a.on,
.listStyle09 li a:hover {
	background: none;
}
.listStyle09 li a.on .ttl,
.listStyle09 li a:hover .ttl {
	font-weight: bold!important;
}
.listStyle09 li a.on .bdr,
.listStyle09 li a:hover .bdr {
	display: block;
	position: absolute;
	left: 4px;
	bottom: 4px;
	width: 20%;
	height: 0;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #3E4E56;
}

.listStyle09 li a.on .bdr1,
.listStyle09 li a:hover .bdr1 {
	display: block;
	position: absolute;
	left: 4px;
	bottom: 4px;
	width: 20%;
	height: 0;
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.listStyle09 li.firstRow a.on,
.listStyle09 li.firstRow a:hover {
	background: none;
}
.listStyle09 li.last {
	margin-right:0;
}
.listStyle09 li .ttl {
	display: table-cell;
	width: 100%;
	background: none;
	line-height: 1.3;
	font-weight: normal;
	vertical-align: middle;
}

/* tab03
=================================*/
#tab03 #tabNav03{
	background: url(../images/com_hr004.gif) repeat-x left bottom;
	overflow:hidden;
}
#tab03 #tabNav03 li{
	float:left;
	margin-right:3px;
}
#tab03 #tabNav03 li a{
	float:left;
	width:152px;
	height:30px;
	border-bottom:1px solid #3d4e56;
	background:#f1f3f3;
	color:#3d4e56;
	font-size:96%;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}
#tab03 #tabNav03 li a.on,
#tab03 #tabNav03 li a:hover{
	width:150px;
	height:30px;
	line-height:28px;
	border:1px solid #3d4e56;
	border-bottom:none;
	background:#ffffff;
	color:#d7103c;
}
#tab03 .tabBoxT {
  margin-top: -15px;
}
#tab03 .tabBoxB,
#tab03 .tabBox01 {
  margin-top: -15px;
}
#tab03 .tabBox02 {
	padding: 0 20px 0;
}
#tab03 .tabBox02Bg {
	padding: 22px 0 0;
}
#tab03 .listStyle08 {
}
#tab03 .listStyle08 li {
	padding-bottom: 15px;
}
#tab03 .listStyle08 li.last {
	margin-right: 0;
}
#tab03 .tabBox {
	display: none;
}
#tab03 #tabA {
	display: block;
}
#tab03 .tabBox01,
#tab03 .tabBox02 {
	display: none;
}

@media only screen and (max-width: 768px) {
  
.listStyle08 {
	margin: 0;
	padding: 0 0 0;
	overflow:hidden;
	border-bottom: none;
}
.listStyle08 li {
  box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 25px 0 25px 0;
	margin-right: 0;
	border-right: none;
	border-bottom: 1px solid #D1D1D1;
	min-height: auto;
}
.listStyle08 li .img {
	float: left;
  margin: 0 20px 0 0;
}
.listStyle08 li .txt {
  overflow: hidden;
}
#tab03 .tabBoxT {
  margin-top: 0;
}
#tab03 .tabBoxB,
#tab03 .tabBox01 {
  margin-top: 0;
}
#tab03 .tabBox02Bg {
	padding: 0 0 0;
}
  
}