@charset "UTF-8";

/* =================================
base
================================= */
html{
	font-size: 14px;
}
body {
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	color: #333;
}
*{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: normal !important;
	word-wrap: break-word !important;
	list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}
a:hover{
	text-decoration: underline;
}
img{
	max-width: 100%;
}

/* =================================
layout
================================= */
#header{
	background-color: #0b4994;
	padding: 0.2rem 0;
}
.headerInner{
	/* font-size: 1rem; */
	color: #ffffff;
	max-width: 960px;
	margin: 0 auto;
}
.mainVisual{
	text-align: center;
	max-width: 960px;
	margin: 1.8% auto 0;
}
.mainInner{
	padding: 2.2% 0;
	max-width: 960px;
	margin: 0 auto;
}
#footer{
	background-color: #0b4994;
	padding: 3% 0 6%;
}
.copyright{
	color: #ffffff;
	max-width: 960px;
	margin: 0 auto;
}

/* =================================
module
================================= */
.point{
	border: 6px solid #282e70;
	border-top: none;
	width: 100%;
	background-color: #ffffff;
}
.pointHead{
	background-color: #282e70;
	text-align: center;
	padding: 15px 10px;
	font-size: 0;
}
.pointItem{
	border-bottom: 4px solid #282e70;
	position: relative;
}
.pointList .pointItem:last-of-type{
	border-bottom: none;
}
.pointIcon{
	position: absolute;
	top: 0;
	left: 3%;
	width: 10%;
}
.pointSummary{
	padding: 1% 2% 4% 14%;
}

.pointSummary .pointItemImg{width:33%; float:left; padding:1% 1% 0 0;}
.pointSummary img{ width:100%; margin:0 auto;}

.pointItemHead{
	font-size: 2.428rem;
	line-height: 1.1;
}
.pointItemHeadSmall{
	font-size: 1.571rem;
}
.pointItemDescription{
	margin-top: 1.3rem;
	font-size: 1.285rem;
}

.news{
	border: 3px solid #efede6;
}
.newsHead{
	font-size: 2.142rem;
	text-align: center;
	line-height: 1;
	padding: 2% 0;
	background-color: #efede6;
}
.newsMain{
	padding: 1.8%;
	border-bottom: 2px solid #efede6;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.newsMainImg{
	display: table-cell;
	vertical-align: middle;
	width: 14%;
	font-size: 0;
}
.newsMainHead{
	display: table-cell;
	vertical-align: middle;
	padding-left: 4%;
}
.newsMainHead a{
	font-size: 2rem;
	color: #1a66b3;
	font-weight: bold;
}
.newsList{
	padding: 1.8% 1.8% 1.8% 20%;
}
.newsItem{
	margin-bottom: 0.3em;
	font-size: 1.571rem;
	line-height: 1.3;
}
.newsItem a{
	color: #1a66b3;
	font-weight: bold;
	display: inline;
	vertical-align: top;
}
.newsItem::before{
	font-family: FontAwesome;
	content: "\f105";
	color: #a3a3a2;
	font-weight: bold;
	display: inline;
	vertical-align: top;
	line-height: 1;
	margin-right: 10px;
}

.buttonBlock{
	border-top: 6px solid #282e70;
	padding: 2.2% 0;
	text-align: center;
}
.button .buttonOff{
	display: inline;
}
.button .buttonOn{
	display: none;
}
.button:hover .buttonOff{
	display: none;
}
.button:hover .buttonOn{
	display: inline;
}

/* =================================
common
================================= */
.bgBlue{
	background-color: #e8f8fd;
}
.colorRed{
	color: #fc4646;
}
.sp_inline{
	display: none;
}


@media screen and (max-width: 959px) {
	html{
		/* font-size: 12px; */
		font-size: 3.125vw;
	}
	.headerInner{
		padding: 1.5% 1em;
	}
	.pointSummary{
		padding: 1% 2% 4% 4%;
	}
	.newsMainImg{
		width: 30%;
	}
	.pointSummary img{ width:100%; margin:0 auto;}
	.pointSummary .pointItemImg{width:100%; float:none;}
	
	.pointItemHead{
		padding-left: 12%;
		line-height: 1.2;
	}
	.pointItemHeadSmall{
		display: inline-block;
		line-height: 1.4;
		margin-bottom: 0.6em;
	}
	.news{
		width: 94%;
		margin: 0 auto;
	}
	.newsList{
		padding: 2%;
	}
	.copyright{
		padding-left: 1em;
	}
	.button .buttonOn{
		display: none;
	}
	.sp_inline{
		display: inline;
	}
}