@charset "utf-8";

#OCN-wrapper h1,
#OCN-wrapper h2,
#OCN-wrapper h3,
#OCN-wrapper h4 {
	font-weight: bold;
}

#OCN-wrapper-in {
	font-size: 15px;
	margin: 30px auto 90px;
}
#OCN-wrapper-in .section{
	margin-bottom: 60px;
}
#OCN-wrapper-in .inner{
	margin: 0 35px 40px;
}
#OCN-wrapper-in h1 {
	font-size: 27px;
	margin-bottom: 30px;
	line-height: 1.185;
}
#OCN-wrapper-in h2 {
	font-size: 20px;
	border: 1px #ccc solid;
	padding: 6px 12px 6px 16px;
	font-family: Arial;
	position: relative;
	margin-bottom: 40px;
	line-height: 1.4;
	font-weight: bold;
}
#OCN-wrapper-in h2 span{
	border-left: 7px #09357f solid;
	padding: 1px 0 1px 12px;
	font-weight: bold;
	display: block;
}
#OCN-wrapper-in h3 {
	font-size: 17px;
	position: relative;
	padding-left: 24px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 6px;
	margin-bottom: 20px;
}
#OCN-wrapper-in h3::before{
	content: '\25cf';
	position: absolute;
	top: 0;
	left: 0;
	color: #09357f;
}
#OCN-wrapper-in p {
	margin-bottom: 1.5em;
	line-height: 1.467;
}
#OCN-wrapper-in p.caption{
	font-size: 12px;
	margin-bottom: 1.5em;
}
#OCN-wrapper-in p img{
	display: block;
	text-align: center;
	margin: 0 auto 5px;
}
#OCN-wrapper-in p span.caption{
	display: block;
	font-size: 13px;
	text-align: center;
}
#OCN-wrapper-in p span.list{
	display: block;
	padding-left: 1.25em;
}
#OCN-wrapper-in .bold{
	font-weight: bold;
}
#OCN-wrapper-in dl{
	margin-bottom: 30px;
	line-height: 1.467;
}
#OCN-wrapper-in dt{
	position: relative;
	padding-left: 20px;
}
#OCN-wrapper-in dt::before{
	content: '\25a0';
	position: absolute;
	top: 0;
	left: 0;
}
#OCN-wrapper-in dd{
	margin-bottom: 1.5em;
}
#OCN-wrapper-in dd img{
	display: block;
	text-align: center;
	margin: 0 auto;
}
#OCN-wrapper-in ol,#OCN-wrapper-in ul{
	margin-bottom: 1.5em;
}
#OCN-wrapper-in .table{
	margin-bottom: 30px;
}
#OCN-wrapper-in table{
	border-right: 1px solid #b6b6b6;
	border-top: 1px solid #b6b6b6;
}
#OCN-wrapper-in table p{
	margin: 0;
	text-align: left;
	display: inline-block;
}
#OCN-wrapper-in table img{
	margin: 0 auto;
	width: 18px;
}
#OCN-wrapper-in th, td{
	border-bottom: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	vertical-align: middle;
	padding: 1em;
	text-align: center;
	font-size: 13px;
	box-sizing: border-box;
}
#OCN-wrapper-in th{
	background: #ebebeb;
}}
#OCN-wrapper-in th.d-gray{
	background: #b1b1b1;
}
#OCN-wrapper-in td{
	background: #ffffcc;
}
#OCN-wrapper-in th.target{width: 92px;}
#OCN-wrapper-in th.sender{width: 184px;}
#OCN-wrapper-in th.address{width: 197px;}
#OCN-wrapper-in th.subject{width: 255px;}
#OCN-wrapper-in th.frequency{width: 66px;}
#OCN-wrapper-in th.format{width: 115px;}
#OCN-wrapper-in th.signature{width: 79px;}
#OCN-wrapper-in td.d-yellow{background: #ffcc33;}
#OCN-wrapper-in td.orange{background: #ffcf9c;}




@media screen and (max-width: 599px){
	body,#OCN-wrapper-in{
		font-size: 13px;
		line-height: 1.538;
	}
	#OCN-wrapper-in{
		margin: 0 3.34% 50px;
		padding: 0;
	}
	#OCN-wrapper-in .section{
		margin-bottom: 50px;
	}
	#OCN-wrapper-in .inner{
		margin: 0 2.68% 40px;
	}
	#OCN-wrapper-in h1 {
		font-size: 20px;
		margin-bottom:30px;
		line-height: 1.25;
	}
	#OCN-wrapper-in h2{
		font-size: 17px;
		line-height: 1.294;
		padding: 6px 15px;
		margin-bottom: 20px;
	}
	#OCN-wrapper-in h3{
		font-size: 15px;
		line-height: 1.467;
		padding-bottom: 2px;
		padding-left: 22px;
	}
	#OCN-wrapper-in p.img{
		margin: 0 9.45% 1.5em;
	}
	#OCN-wrapper-in p img{
		width: 100%;
	}
	#OCN-wrapper-in p.caption{
		font-size: 11px;
	}
	#OCN-wrapper-in p span.caption{
		font-size: 11px;
	}
	#OCN-wrapper-in dd.img{
		margin: 0 9.45% 1.5em;
	}
	#OCN-wrapper-in dd img{
		width: 100%;
	}
	#OCN-wrapper-in .table{
		overflow-x: scroll;
	}
	#OCN-wrapper-in table {
		table-layout: fixed;
		width: 100%;
	}
	#OCN-wrapper-in th.target{width: 53px;}
	#OCN-wrapper-in th.sender{width: 141px;}
	#OCN-wrapper-in th.address{width: 215px;}
	#OCN-wrapper-in th.subject{width: 185px;}
	#OCN-wrapper-in th.frequency{width: 66px;}
	#OCN-wrapper-in th.format{width: 79px;}
	#OCN-wrapper-in th.signature{width: 79px;}

	#OCN-wrapper-in td.target{writing-mode: vertical-lr;text-orientation: upright;}
	#OCN-wrapper-in table p .sp-br{
		display: block;
	}



}