@charset "utf-8";
/*------------------------------------------------------------
	nipt
------------------------------------------------------------*/
#main .nipt .mainImg {
	background: url("../img/nipt/main_img.jpg") no-repeat center center;
}

#main .nipt #conts .headLine03 {
	margin-bottom: 15px;
}

#main .nipt #conts .h3Ttl01 {
	margin-bottom: 26px;
}

#main .nipt #conts p {
	margin-bottom: 55px;
	line-height: 2.55;
}

#main .nipt #conts .photo {
	margin-bottom: 128px;
	text-align: center;
}

#main .nipt #conts .txtUl {
	margin: 25px auto 27px;
	width: 654px;
}

#main .nipt #conts .txtUl li {
	margin: 0 8px;
	width: 202px;
	height: 202px;
	display: table;
	float: left;
	color: #505050;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E",
		"ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	background-color: #f3f8fb;
	border-radius: 100%;
	position: relative;
}

#main .nipt #conts .txtUl li:before {
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border: 1px solid #fff;
	border-radius: 100%;
	content: "";
}

#main .nipt #conts .txtUl li > span {
	display: table-cell;
	vertical-align: middle;
}

#main .nipt #conts .txtUl li span span {
	display: block;
	font-size: 1.8rem;
}

#main .nipt #conts .comBgBox {
	margin-bottom: 28px;
}

#main .nipt #conts .text01 {
	margin-bottom: 86px;
}

#main .nipt #conts .txtList {
	margin: -20px 0 103px;
}

#main .nipt #conts .txtList li {
	margin-bottom: 12px;
	width: 100%;
	display: table;
}

#main .nipt #conts .txtList li span {
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}

#main .nipt #conts .txtList li .bgTxt {
	padding: 14px 0 13px;
	width: 27.3%;
	text-align: center;
	background-color: #f3f8fb;
}

#main .nipt #conts .photo01 {
	margin-bottom: 40px;
}

@media all and (max-width: 767px) {
	#main .nipt .mainImg {
		margin-bottom: 39px;
		background: url("../img/nipt/sp_main_img.jpg") no-repeat center center;
	}
	#main .nipt #conts .headLine03 {
		margin-bottom: 18px;
	}

	#main .nipt #conts .h3Ttl01 {
		margin-bottom: 23px;
	}

	#main .nipt #conts p {
		margin-bottom: 33px;
		line-height: 1.75;
	}

	#main .nipt #conts .photo {
		margin: 0 43px 81px;
	}

	#main .nipt #conts .photo img {
		width: 100%;
	}

	#main .nipt #conts .txtUl {
		margin: 25px auto 8px;
		width: auto;
	}

	#main .nipt #conts .txtUl li {
		margin: 0 auto 10px;
		width: 202px;
		height: 202px;
		float: none;
	}

	#main .nipt #conts .comBgBox {
		margin-bottom: 28px;
	}

	#main .nipt #conts .text01 {
		margin-bottom: 86px;
	}

	#main .nipt #conts .text02 {
		margin-bottom: 78px;
	}

	#main .nipt #conts .txtList {
		margin: -9px 0 82px;
	}

	#main .nipt #conts .txtList li {
		margin-bottom: 12px;
		width: 100%;
		display: table;
	}

	#main .nipt #conts .txtList li span {
		padding-left: 20px;
		display: table-cell;
		vertical-align: middle;
	}

	#main .nipt #conts .txtList li .bgTxt {
		width: 58.5%;
	}

	#main .nipt #conts .photo01 {
		margin: 0 67px 27px;
	}
}

#main .niptAttBox {
	margin: 55px 0;
	padding: 24px 40px;
	background-color: #f3f8fb;
}

@media all and (max-width: 767px) {
	#main .niptAttBox {
		margin: 33px 0;
		padding: 24px;
		background-color: #f3f8fb;
	}
}

#main .niptAttBox > p {
	font-size: 1.4rem;
	margin-bottom: 0 !important;
	text-align: justify;
}