@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gHeader {
	background-color: #2756a5;
}

#gNavi li a {
	color: #fff;
}

#gNavi li a::after {
	background-color: #fff;
}

#main .mainImg {
	margin-bottom: 93px;
	position: relative;
}

#main .mainImg .bg {
	height: 443px;
	background: url("../image/index/main_img.jpg") no-repeat center center;
	background-size: cover;
}

#main .mainImg .innerBox {
	padding: 70px 0 0 80px;
	width: 1104px;
	position: absolute;
	/*height: 100%;*/
	height: 50%;
	top: 240px;
	left: 50%;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#main .mainImg .innerBox .bottomTxt {
	margin: 0;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 21px;
	line-height: 1.5;
}

#main .mainImg h2 {
	margin-bottom: 12px;
	font-size: 3.2rem;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 100;
	color: #fff;
}

#main .mainImg p {
	line-height: 1.73;
	margin-left: 5px;
	color: #fff;
}

#main .headLine01 {
	margin-bottom: 36px;
	font-size: 3.2rem;
	text-align: center;
}

#main .headLine01 span {
	padding-bottom: 11px;
	min-width: 681px;
}

#main .content {
	max-width: 1322px;
}

#main .pageUl {
	
}

#main .pageUl li {
	margin-right: 16px;
	padding: 27px 15px 26px;
	width: 430px;
	float: left;
	text-align: center;
	border: 1px solid #2756a5;
	box-sizing: border-box;
	background-color: #fafdfe;
}

#main .pageUl li:last-child {
	margin-right: 0;
}

#main .pageUl li .text {
	margin-bottom: 21px;
	font-size: 1.4rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main .pageUl li .text span {
	margin-top: 8px;
	font-size: 2.4rem;
	display: block;
	font-weight: bold;
}

#main .pageUl li .image {
	margin-bottom: 18px;
}

#main .pageUl .comBtn a {
	padding: 11px 15px 9px;
	max-width: 232px;
	font-size: 1.6rem;
}

#main .subBox {
	margin-bottom: 90px;
}

#main .centerTxt {
	margin-top: -10px;
	text-align: center;
	line-height: 1.75;
}

#main .content .listUl {
	margin-top: 32px;
}

#main .content .listUl li {
	margin-right: 15px;
	padding: 28px 23px 0;
	width: 319px;
	float: left;
	text-align: center;
	border: 1px solid #2756a5;
	box-sizing: border-box;
	background-color: #fafdfe;
}

#main .content .listUl li:last-child {
	margin-right: 0;
}

#main .content .listUl li .ttl {
	margin-bottom: 9px;
	font-size: 1.4rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main .content .listUl li .ttl span {
	margin-top: 1px;
	font-size: 2.2rem;
	display: block;
	font-weight: bold;
}

#main .content .listUl li .image {
	margin-bottom: 21px;
	padding-bottom: 16px;
	border-bottom: 3px solid #2756a5;
}

#main .content .listUl li .text {
	font-size: 1.4rem;
	text-align: left;
}

#main .content .listUl .comBtn {
	margin: 18px -23px 0;
	padding: 23px 0 21px;
	background-color: #90a9d1;
}

#main .centerTxt02 {
	margin-top: 0;
}

@media all and (-ms-high-contrast:none){
	#main .pageUl .comBtn a {
		padding: 13px 15px 7px;
	}
}
@media all and (max-width: 767px) {
	#gHeader {
		background-color: #fff;
	}
	
	#main .mainImg .innerBox {
		padding: 23px 0 0 25px;
		width: 100%;
		left: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	
	#main .mainImg h2 {
		margin-bottom: 16px;
		font-size: 1.82rem;
		line-height: 1.6;
	}
	
	#main .mainImg p {
		margin-left: 4px;
		line-height: 1.83;
		font-size: 0.91rem;
	}
	
	#main .mainImg .bg {
		height: 430px;
		background-image: url("../image/index/sp_main_img.jpg");
	}
	
	#main .mainImg .innerBox .bottomTxt {
		display: none;
	}
	
	#main .headLine01 span {
		min-width: auto;
	}
	
	#main .headLine01 {
		margin: 0 -4px 20px;
		font-size: 1.7rem;
	}
	
	#main .mainImg {
		margin-bottom: 30px;
	}
	
	#main .pageUl li {
		margin: 0 0 4px;
		padding: 0;
		width: 100%;
		float: none;
		display: table;
	}
	
	#main .pageUl li > div {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		box-sizing: border-box;
	}
	
	#main .pageUl li .lBox {
		padding: 10px 5px 7px;
		width: 140px;
		text-align: center;
		background-color: #2756a5;
	}
	
	#main .pageUl li .rBox {
		padding: 10px 5px 10px 29px;
	}
	
	#main .content {
		margin: 0 14px;
	}
	
	#main .pageUl li .image img {
		width: 40px;
	}
	
	#main .pageUl li .text {
		margin: 0;
		font-size: 1rem;
	}
	
	#main .pageUl li .text span {
		margin-top: 0;
		font-size: 1.5rem;
		line-height: 1.3;
	}
	
	#main .pageUl .comBtn a {
		padding: 6px 15px 5px;
		max-width: 124px;
		font-size: 0.8rem;
		border: 1px solid #fff;
	}
	
	#main .pageUl li .image {
		margin-bottom: 8px;
	}
	
	#main .subBox {
		margin-bottom: 27px;
	}
	
	#main .centerTxt {
		margin-top: -1px;
		text-align: left;
		line-height: 1.9;
	}
	
	#main .content .listUl {
		margin-top: 8px;
	}
	
	#main .content .listUl li {
		margin: 16px 0 0 0;
		padding: 15px 13px 52px;
		width: 48.4%;
		position: relative;
	}
	
	#main .content .listUl li:nth-child(2n) {
		float: right;
	}
	
	#main .content .listUl li .image {
		margin-bottom: 19px;
		padding-bottom: 9px;
		border-bottom: 2px solid #2756a5;
	}
	
	#main .content .listUl li .ttl span {
		margin-top: 3px;
		font-size: 1.65rem;
	}
	
	#main .content .listUl li .ttl {
		margin-left: 3px;
		line-height: 1.3;
		font-size: 1rem;
		text-align: left;
	}
	
	#main .content .listUl li .text {
		margin-left: 3px;
		font-size: 1.1rem;
		line-height: 1.5;
	}
	
	#main .content .listUl .comBtn {
		width: 100%;
		margin: 0;
		padding: 11px 0 10px;
		height: 42px;
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	#main .content .listUl .comBtn a {
		padding: 6px 15px 4px;
		max-width: 110px;
		font-size: 0.7rem;
	}
	
	#gNavi li a {
		color: #2756a5;
	}
	
	#gNavi li a::after {
		background-color: #2756a5;
	}
}