@charset "EUC-JP";

/* .section.num00 */
	.section.num00 {
		margin-bottom: 15px; color: #fff; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 0; font-weight: bold; background-color: #9a302f; padding: 45px 20px 60px 20px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; text-align: center;
	}
	.section.num00 span {
		display: none;
	}
	.section.num00 h2 {
		margin-bottom: 41px;
	}
	.section.num00 h2 span {
		font-size: 36px; line-height: 44px;
	}

/* section num01 */
	.section.num01 .txtNotes {
		font-size: 12px; line-height: 20px; text-align: right;
	}
	/** numBoxArea **/
	.section.num01 .numBoxArea {
		zoom: 1; clear: both; background-color: #eeeeee; margin-bottom: 20px;
	}
	.section.num01 .numBoxArea:after {
		content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;
	}
	.section.num01 .numBoxArea .numBox {
		float: left; width: 320px; text-align: center; background-position: left top; background-repeat: no-repeat; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	.section.num01 .numBoxArea .numBox h4 {
		font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 20px; border: none;
	}
	.section.num01 .numBoxArea .numBox .linkBox li {
		display: block; background-color: #6297cd; padding: 5px; font-size: 16px; line-height: 24px; letter-spacing: -1px; text-align: center; color: #ffffff; text-decoration: none; margin-bottom: 15px;
	}
	.section.num01 .numBoxArea .img {
		float: right;
	}
	
	/** num01 **/
	.section.num01 .numBoxArea.num01 .numBox {
		background-image: url(../imgs/img-num01.png); padding: 70px 15px 0;
	}
	/** num02 **/
	.section.num01 .numBoxArea.num02 .numBox {
		background-image: url(../imgs/img-num02.png); padding: 25px 15px 0;
	}
	
	.section.num01 .text {
		margin-bottom: 20px; clear: both;
	}
	
	.section.num01 .cBox {
		background-color: #d6e4f2; padding: 20px; margin-bottom: 20px;
	}
	.section.num01 .cBox h4 {
		font-size: 18px; line-height: 28px; color: #000; font-weight: bold; border: none; padding-bottom: 0!important;
	}
	
/* bdBox */
	.bdBox {
		border: 1px solid #eee; padding: 19px 0 0;
	}
	.bdBox .inner {
		padding: 0 19px;
	}
	.bdBox h3 {
		background-color: #eee; padding: 20px 0; margin-bottom: 45px;
	}
	.bdBox h3 span {
		border-left: 10px solid #003167; padding: 0 0 0 10px; font-size: 14px; line-height: 23px; color: #003167; height: 23px;
	}
	

@media screen and (max-width: 960px) {
	.section.num00 img {
		display: none;
	}
	.section.num00 span {
		display: block;
	}
	.section.num00 h2 {
		padding-top: 70px;
		background-image: url(../imgs/icon-01.png);
		background-position: center top;
		background-repeat: no-repeat;
	}
	
	.section.num01 .txtNotes {
		text-align: left; margin-bottom: 20px;
	}
	.section.num01 .numBoxArea .numBox {
		float: none; width: 100%;
	}
	.section.num01 .numBoxArea .img {
		float: none; width: 100%; clear: both; padding: 20px 0 0; text-align: center;
	}
	.section.num01 .numBoxArea .img img {
		max-width: 100%;
	}
}

@media screen and (max-width: 400px) {
	section.h2section h2 {
		margin-bottom: 20px;
	}
	section.h2section h2 span {
		font-size: 24px; line-height: 32px;
	}
	section.h2section span {
		font-size: 14px; line-height: 24px;
	}
	.section.num01 .txtNotes br {
		display: none;
	}
	.section.num01 .numBoxArea .img {
		padding: 20px 0 10px;
	}
	.section.num01 .numBoxArea .img img {
		max-width: 95%;
	}
}