@charset "UTF-8";


/* -------------------------------------
keyfact
------------------------------------- */
#keyfact {
	overflow:hidden;
}
#keyfact h2 {
	margin-bottom:55px;
}
#keyfact .inblk {
	width:88.5%;
	margin:0 auto;
}
#keyfact h3 {
	font-size:2.4em;
	text-align:center;
	margin-bottom:30px;
}


#keyfact #fact1 {
	margin-bottom:100px;
	position:relative;
}
#fact1 p {
	margin-bottom:50px;
}
#fact1 dl {
	float: left;
	width:65.4%;
	border-bottom:1px dotted #ccc;
	margin-bottom: 50px;
}
#fact1 dt, #fact1 dd {
	font-size:1.4em;
	font-weight:bold;
	padding:10px 0;
	border-top:1px dotted #ccc;
	box-sizing:border-box;
}
#fact1 dt {
	color:#808080;
	width:80px;
	float:left;
	clear:left;
}
#fact1 dd {
	margin-left:80px;
}
#fact1 figure {
	float: right;
	width:34%;
	max-width:323px;
	position: relative;
	right:-8%;
	bottom:0;
}
#fact1 figure img {
	width:100%;
	height:auto;
}


#keyfact #fact2 {
	margin-bottom:100px;
}
#fact2 p {
	margin-bottom:40px;
}
#fact2 img {
	width:100%;
	max-width:1423px;
	height:auto;
	display:block;
	margin:0 auto;
	position:relative;
}


#fact3 {
	margin-bottom:75px;
}
#fact3 p {
	margin-bottom:40px;
}
#fact3 .inblk img.flt-l {
	width:47.8%;
	height:auto;
	float:left;
	position:relative;
	margin-left:-5%;
}
#fact3 .inblk img.flt-r {
	width:56%;
	float:right;
	height:auto;
	box-sizing:border-box;
	posirion:relative;
	margin-right:-3%;
}
#fact3 dl {
	width:56%;
	float:right;
	background-color:#5e96cc;
	border:5px solid #5e96cc;
	box-sizing:border-box;
	posirion:relative;
	margin-right:-3%;
}
#fact3 dl dt {
	font-size:2.1em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:5px 5px 10px 5px;
	box-sizing:border-box;
}
#fact3 dl dd img {
	width:100%;
	height:auto;
}


#fact4 {
	margin-bottom:40px;
}
#fact4 p {
	margin-bottom:40px;
}
#fact4 ol {
	width:40.8%;
	float:left;
	border-bottom:1px dotted #ccc;
}
#fact4 ol li {
	padding:15px 0 15px 33px;
	border-top:1px dotted #ccc;
	background-repeat:no-repeat;
	background-position:left center;
}
#fact4 ol li:nth-child(1) {
	background-image:url(../imgs/keyfact/icon_no1.png);
	background-size:22px auto;
}
#fact4 ol li:nth-child(2) {
	background-image:url(../imgs/keyfact/icon_no2.png);
	background-size:22px auto;
}
#fact4 ol li:nth-child(3) {
	background-image:url(../imgs/keyfact/icon_no3.png);
	background-size:22px auto;
}
#fact4 ol li:nth-child(4) {
	background-image:url(../imgs/keyfact/icon_no4.png);
	background-size:22px auto;
}
#fact4 ol li:nth-child(5) {
	background-image:url(../imgs/keyfact/icon_no5.png);
	background-size:22px auto;
}
#fact4 ol li a {
	font-size:1.4em;
	font-weight:bold;
	color:#1d5aa4;
	display:block;
	border-bottom:1px solid #1d5aa4;
}
#fact4 ol li a span {
	width:135px;
	display:inline-block;
}
#fact4 p#base {
	width:69%;
	float:right;
	margin-right:-10%;
	margin-left:-5%;
	position:relative;
}
#fact4 p#base img {
	width:100%;
	height:auto;
	display:block;
}


#fact5 p {
	margin-bottom:35px;
}
#fact5 ul {
	font-size:0;
	text-align:center;
	margin-bottom:50px;
}
#fact5 ul li {
	font-size:14px;
	width:48%;
	display:inline-block;
}
#fact5 ul li:nth-child(1) {
	margin-right:4%;
}
#fact5 ul li img {
	width:100%;
	height:auto;
}
#fact5 p#lastcap {
	font-size:1.7em;
	text-align:center;
	margin-bottom:65px;
}




@media screen and (max-width:1000px) {
	#keyfact .inblk {
		width:100%;
	}
	#keyfact h3 {
		font-size:2.2em;
		margin-bottom:25px;
	}
	#keyfact #fact1 {
		margin-bottom:85px;
	}
	#fact1 p {
		margin-bottom:40px;
	}
	#fact1 dt {
		width:65px;
	}
	#fact1 dd {
		margin-left:65px;
	}
	#fact1 figure {
		right:0px;
	}
	
	
	#keyfact #fact2 {
		margin-bottom:85px;
	}
	#fact2 img {
		min-width:1000px;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	
	
	#fact3 dl {
		width:52.5%;
		margin-right:0;
	}
	#fact3 dl dt {
		font-size:1.9em;
	}
	#fact3 .inblk img.flt-l {
		width:44%;
		margin-left:0;
	}
	#fact3 .inblk img.flt-r {
		width:52.5%;
		margin-right:0;
	}
	#fact4 ol li a span {
		width:auto;
		padding-right:1em;
	}
	
	
	#fact5 p {
		margin-bottom:30px;
	}
	#fact5 p#lastcap {
		font-size:1.6em;
		margin-bottom:55px;
	}
	
}
@media screen and (max-width:768px) {
	#keyfact h3 {
		font-size:2.0em;
		margin-bottom:20px;
	}
	#keyfact #fact1 {
		margin-bottom:70px;
	}
	#fact1 p {
		margin-bottom:35px;
	}
	#fact1 dl {
		width:100%;
		float:none;
	}
	#fact1 figure {
		display:none;
	}
	
	
	#keyfact #fact2 {
		margin-bottom:70px;
	}
	
	
	#fact3 dl dt {
		font-size:1.8em;
	}
	
	
	#fact4 {
		margin-bottom:70px;
	}
	#fact4 ol {
		width:100%;
		float:none;
	}
	#fact4 p#base {
		width:100%;
		float:none;
		margin-left:0;
		margin-right:0;
	}
	#fact4 p#base img {
		position:relative;
		margin-left:15%;
	}
	
	
	#fact5 p {
		margin-bottom:25px;
	}
	#fact5 p#lastcap {
		font-size:1.5em;
		margin-bottom:40px;
	}
	#fact5 p#lastcap br {
		display:none;
	}
}
@media screen and (max-width:640px) {
	#keyfact h3 {
		font-size:1.9em;
	}
	#keyfact #fact1 {
		margin-bottom:55px;
	}
	#fact1 p {
		margin-bottom:30px;
	}
	
	
	#keyfact #fact2 {
		margin-bottom:55px;
	}
	
	
	#fact3 p {
		margin-bottom:20px;
	}
	#fact3 .inblk img.flt-l {
		width:100%;
		float:none;
		margin:0 0 20px auto;
		position:static;
	}
	#fact3 .inblk img.flt-r {
		width:100%;
		float:none;
		margin:0 0 20px auto;
		position:static;
	}
	#fact3 dl {
		width:100%;
		float:none;
	}
	#fact3 dl dt {
		font-size:1.7em;
	}

	
	#fact5 p {
		margin-bottom:20px;
	}
	#fact5 ul li {
		width:100%;
		display:block;
	}
	#fact5 ul li:nth-child(1) {
		margin-right:0;
		margin-bottom:20px;
	}
}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:320px) {
	#keyfact h3 {
		font-size:1.6em;
	}
	#fact1 dt, #fact1 dd {
		font-size:1.3em;
	}
	#fact4 ol li {
		padding:13px 0 13px 23px;
	}
	#fact4 ol li a {
		font-size:1.3em;
	}
	#fact4 ol li:nth-child(1) {
		background-image:url(../imgs/keyfact/icon_no1.png);
		background-size:18px auto;
	}
	#fact4 ol li:nth-child(2) {
		background-image:url(../imgs/keyfact/icon_no2.png);
		background-size:18px auto;
	}
	#fact4 ol li:nth-child(3) {
		background-image:url(../imgs/keyfact/icon_no3.png);
		background-size:18px auto;
	}
	#fact4 ol li:nth-child(4) {
		background-image:url(../imgs/keyfact/icon_no4.png);
		background-size:18px auto;
	}
	#fact4 ol li:nth-child(5) {
		background-image:url(../imgs/keyfact/icon_no5.png);
		background-size:18px auto;
	}
	#fact4 ol li a span {
		padding-right:0.5em;
	}
	#fact5 p#lastcap {
		font-size:1.4em;
	}
}