@charset "UTF-8";

*{
	box-sizing:border-box;
}
.clear {
	display:none;
}

/* categoryInd */

body.categoryInd h1{
	position:relative;
	color:#010099;
	background:url(/img/insurance/bg_h1_index.jpg) no-repeat;
	background-size:cover;
	background-position:90% top;
}
  body.categoryInd h1:before {
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.8);
  }
	body.categoryInd h1 span.inner{
		position:relative;
		display:block;
		padding:0 0 0 60px;
		font-weight:bold;
	}
		body.categoryInd h1 span.inner:before{
			position:absolute;
			top:-10px;
			left:-10px;
			display:inline-block;
			content:"";
			background:url(/img/insurance/ico_h1.png) no-repeat;
			background-size:contain;
			width:65px;
			height:47px;
		}
	body.categoryInd h1 span.read{
		position:relative;
		display:block;
		color:#333333;
		font-size:0.7em;
		padding:20px 0 20px 0;
	}
	body.categoryInd #main-box h1 + div.sectionCol {
		margin-top:-20px;
	}


#main-box .index-d h3{
	position:relative;
	margin:12px 0 0;
	padding:0px 0px;
	border-radius:5px 5px 0 0;
}
#main-box .index-d h3 a{
	display:block;
	padding:6px 12px;
}
#main-box .index-d h3:after{
	position:absolute;
	font-family:"jpsmt";
	content:"\3e";
	font-size:0.8rem;
	color:#FFFFFF;
	right:4px;
	top:35%;
}

#main-box .index-d .section{
	border-left:1px solid rgba(204,204,204,0.7);
	border-right:1px solid rgba(204,204,204,0.7);
	border-top:1px solid rgba(204,204,204,0.3);
	border-bottom:1px solid rgba(204,204,204,0.7);
}

div.half.w550 .col2-r, div.half.w550 .col2-l{
	margin:10px 0;
}

#utility_insurance {
    background: #f2f6ff;
    padding: 20px 12px 20px 12px;
    margin: 0 -12px;
}
#utility_insurance a.bnr{
	display:inline-block;
	vertical-align:top;
	width:49%;
}
	#utility_insurance a.bnr:nth-child(1){
		margin-right:1%;
	}

@media only screen and (orientation:landscape) {
	#utility_insurance a.bnr{
		width:inherit;
		max-width:40%;
	}
	#utility_insurance a.bnr:nth-child(1){
		margin-right:15px;
	}
	div.half.w550 .col2-r, div.half.w550 .col2-l{
		display:inline-block;
		vertical-align:top;
		width:45% !important;
	}
}