@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/parts.css");
@import url("/css/margin.css");

.help-title {
	text-align: center;
	font-size: 168.71%;
	color: #0f489c;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}
.blue-box {
	margin: 10px 0 10px;
	text-align: left;
	font-size: 96.71%;
}
.red-point {
	text-align: center;
	background-color: #e60012;
	color: #fff;
	padding: 8px;
}
.kaden-title {
	background-color: #eee;
	padding: 10px;
	margin: 20px 0 10px;
	text-align: center;
	font-size: 118.71%;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}
/* --------------------------------
	links-btn 枠ボタン
-------------------------------- */
.b-links-btn a {
	display:block; /*ブロック化*/
	padding: 20px 40px 20px 15px; /*a要素の領域を拡大*/
	text-decoration:none;
	font-size: 148.71%;
	background-color: #003c96;
	color: #fff;
	text-align: center;
	position:relative;
}
.b-links-btn a:hover {
	background: #03337b;
	color: #fff;
}
.b-links-btn a:hover:after {
	border-top: #fff 2px solid;
	border-right: #fff 2px solid;
}
.b-links-btn a:after {
	content:"";
	display:block;

	width: 15px;
	height: 15px;
	border-top: #fff 2px solid;
	border-right: #fff 2px solid;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	position:absolute;
	right: 25px;

	top:0;
	bottom:0;
	margin:auto;
}


/* PC SIZE */
@media screen and (min-width: 980px){
	.blue-box img {
		float: right;
		margin-left: 20px;
	}
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	.blue-box {
		text-align: center;
	}
	.blue-box img {
		margin: 0 auto 10px;
	}
}
@media screen and (max-width: 480px){
	.help-title {
		font-size: 158.71%;
	}
	.blue-box p {
		text-align: left;
	}
	/* --------------------------------
		links-btn 枠ボタン
	-------------------------------- */
	.b-links-btn a {
		padding: 18px 30px 18px 15px; /*a要素の領域を拡大*/
		font-size: 128.71%;
	}
	.b-links-btn a:after {
		width: 10px;
		height: 10px;
	}
}