@charset "utf-8";

/* ---------------------------
	全体
--------------------------- */
#yri-cat #basicpolicies {
	margin:0;
	padding:0;
}

/*  Hタグ  */
#yri-cat #basicpolicies h1{
	font-size:250%;
	font-weight:bold;
	border-bottom:none;
	line-height:165%;
	color:#ffffff;
}
#yri-cat #basicpolicies h2.bpc-h2top{
	margin:0;
	font-size:185%;
	font-weight:bold;
	border-bottom:none;
	line-height:165%;
	border-bottom:none;
	color:#215f9a;
}
#yri-cat #basicpolicies h2{
	position: relative;
	margin:70px 0 0 0;
	padding:0;
	font-size:180%;
	color:#215f9a;
	line-height:150%;
	border-bottom:5px solid #d2e4f5;
}
	#yri-cat #basicpolicies h2 .bpc-balloonBox{
		position: absolute;
		top: -35px;
		left: 0;
		transform: rotate(-0.03turn);
	}
		#yri-cat #basicpolicies h2 span{
			font-size:55%;
			text-shadow:none;
		}
		#yri-cat #basicpolicies h2 span.bpc-balloon{
			position: relative;
			display: inline-block;
			margin:0;
			padding:0 20px;
			min-width: 120px;
			max-width: 100%;
			color: #ffffff;
			background: #215f9a;
			border:1px solid #215f9a;
			border-radius:10px;
		}
			#yri-cat #basicpolicies h2 span.bpc-balloon:before{
				content: "";
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -8px;
				border: 8px solid transparent;
				border-top: 8px solid #215f9a;
			}
#yri-cat #basicpolicies h3.bpc-h3{
	font-size:140%;
	color:#215f9a;
	line-height:150%;
	position: relative;
	display: inline-block;
	border-bottom:none;
}
	#yri-cat #basicpolicies h3.bpc-h3:before{
		content: '';
		position: absolute;
		bottom: 0;
		display: inline-block;
		width: 120%;
		height: 1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #cccccc;
	}
#yri-cat #basicpolicies h3.bpc-h3Blue{
	margin-left:5px;
	color:#215f9a;
	border:none;
	text-align:left;
	font-weight:bold;
	clear: both;
}

/*  余白  */
.bpc-mt30{
	margin-top:30px;
}
.bpc-mt40{
	margin-top:40px;
}
.bpc-mt50{
	margin-top:50px;
}
.bpc-mb30{
	margin-bottom:30px;
}
.bpc-mb40{
	margin-bottom:40px;
}
.bpc-mb50{
	margin-bottom:50px;
}
.bpc-ml20{
	margin-left:20px;
}
.bpc-ml30{
	margin-left:30px;
}
.bpc-ml40{
	margin-left:40px;
}
.bpc-ml50{
	margin-left:50px;
}
.bpc-ml60{
	margin-left:60px;
}
.bpc-mr20{
	margin-right:20px;
}
.bpc-mr30{
	margin-right:30px;
}
.bpc-mr40{
	margin-right:40px;
}
.bpc-mr50{
	margin-right:50px;
}
.bpc-mr60{
	margin-right:60px;
}

.bpc-pt30{
	padding-top:30px;
}
.bpc-pt40{
	padding-top:40px;
}
.bpc-pt50{
	padding-top:50px;
}
.bpc-pb30{
	padding-bottom:30px;
}
.bpc-pb40{
	padding-bottom:40px;
}
.bpc-pb50{
	padding-bottom:50px;
}
.bpc-pl20{
	padding-left:20px;
}
.bpc-pl30{
	padding-left:30px;
}
.bpc-pl40{
	padding-left:40px;
}
.bpc-pr20{
	padding-right:20px;
}
.bpc-pr30{
	padding-right:30px;
}
.bpc-pr40{
	padding-right:40px;
}

/*  フォントサイズ  */
#yri-cat #basicpolicies .ft70{
	font-size:70%;
}
#yri-cat #basicpolicies .ft120{
	font-size:120%;
}
#yri-cat #basicpolicies .ft130{
	font-size:130%;
}
#yri-cat #basicpolicies .ft150{
	font-size:150%;
}
#yri-cat #basicpolicies .ft180{
	font-size:180%;
}

/*  文字色  */
.ftLightBlue{
	color:#4e95d9;
}
.ftBlue{
	color:#215f9a;
}
.ftNavy{
	color:#163e64;
}
.ftRed{
	color:#e3001d;
}

/*  画像hover  */
#basicpolicies a:hover img{
	opacity: 0.7;
}

@media screen and (max-width: 991.98px) { /*タブレット用*/
	#yri-cat #basicpolicies h1{
		font-size:210%;
	}
	#yri-cat #basicpolicies h2 .bpc-balloonBox{
		top: -50px;
	}
	#yri-cat #basicpolicies h3.bpc-h3:before{
		width: 99%;
	}
}
@media screen and (max-width: 575.98px) { /*スマホ用*/
	#yri-cat #basicpolicies h1{
		font-size:200%;
	}
	#yri-cat #basicpolicies h2.bpc-h2top{
		font-size:150%;
	}
	#yri-cat #basicpolicies h2 .bpc-balloonBox{
		top: -60px;
	}
	#yri-cat #basicpolicies h3.bpc-h3:before{
		width: 99%;
	}
}
/* ---------------------------
	トップ画像
--------------------------- */
#basicpolicies .bpc-header{
	display:block;
	margin:0 8%;
	padding:10px 20px 10px 10px;
	background:#163e64;
}
	.BoxRed{
		display:block;
		width:70%;
		margin:20px 0;
		padding:15px;
		background:#cc0066;
		font-size:40%;
		line-height:130%;
		border-radius:20px;
	}
@media screen and (max-width: 991.98px) { /*タブレット用*/
	#basicpolicies .bpc-header{
		margin:0;
	}
}
@media screen and (max-width: 575.98px) { /*スマホ用*/
	#basicpolicies .bpc-header{
		margin:0;
	}
	.BoxRed{
		width:100%;
		font-size:50%;
	}
}

/* ---------------------------
	コンテンツ
--------------------------- */
#basicpolicies .bpc-content{
	margin:0 12%;
}
	.bpc-top{
		padding:50px 0 30px 0;
		background:#eff5fb;
	}
		#yri-cat #basicpolicies .bpc-top p{
			font-size:125%;
			font-weight:bold;
		}
		#yri-cat #basicpolicies .bpc-top p.val9{
			font-size:100%;
			font-weight:normal;
		}
@media screen and (max-width: 991.98px) { /*タブレット用*/
	#basicpolicies .bpc-content{
		margin:0;
	}
}
@media screen and (max-width: 575.98px) { /*スマホ用*/
	#basicpolicies .bpc-content{
		margin:0;
	}
	#yri-cat #basicpolicies .bpc-top p{
		font-size:110%;
		font-weight:bold;
	}
}
/* ---------------------------
	フッター
--------------------------- */
#basicpolicies .bpc-footer{
	margin:0 auto;
	background:#f2f2f2;
}
/* ---------------------------
	テーブル　一覧表
--------------------------- */
#basicpolicies table {
	margin:0;
	padding:0;
	text-align:left;
	border-bottom:solid 1px #dddddd;
}
#basicpolicies tr.hd,
#basicpolicies tr.hd:hover {
	background-color:#d2e4f5;
	cursor:default;
}
	#basicpolicies tr {
		cursor:pointer;
	}
	#basicpolicies tr.href-none {
		cursor:default;
	}

#basicpolicies tr:hover {
	background-color:#eff5fb;
}
#basicpolicies tr.href-none:hover {
	background-color:inherit;
}
/* ---------------------------
	ダウンロードバナー
--------------------------- */
.bpc-DL{
	margin-left:60px;
	margin-right:60px;
}
@media screen and (max-width: 575.98px) { /*スマホ用*/
	.bpc-DL{
		margin-left:10px;
		margin-right:10px;
	}
}