@charset "utf-8";


/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

h2{
	clear: both;
	height: 120px;
	color: #0f6ab4;
	font-size: 32px;
	font-weight: 500;
	line-height: 120px;
	background: url(../common/images/title-bg.jpg) no-repeat center;
	background-size: cover;
}
/* table */
#contents table{
	clear: both;
	width: 100%;
	border: 1px solid #d7d7d7;
}
#contents table th{
	color: #0f6ab4;
	font-weight: 500;
	text-align: center;
	padding: 2px 0;
	border: 1px solid #d7d7d7;
}
#contents table th:nth-child(1){ width: 9em; border: none;}
#contents table th:nth-child(2){ width: 200px; background: #F8E9F6;}
#contents table th:nth-child(3){ width: 300px; background: #DEE5F3;}
#contents table td{
	padding: 2px 10px;
	border: 1px solid #d7d7d7;
}
#contents table td:nth-child(1){ width: 9em; color: #0f6ab4;}
#contents table td:nth-child(2){ width: 200px; background: #FAF2F7;}
#contents table td:nth-child(3){ width: 300px; background: #EAF2F7;}
/* flow */
#contents .flow{
	overflow: hidden;
}
#contents .flow dl{
	float: left;
	width: 360px;
	overflow: hidden;
	border: 1px solid #d7d7d7;
}
#contents .flow dl:last-child{ float: right;}
#contents .flow dl dt{
	color: #fff;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	background: #90C31F;
	border-bottom: 1px solid #d7d7d7;
}
#contents .flow dl:last-child dt{
	background: #F0845D;
}
#contents .flow dl dd{
	padding: 20px 20px 30px;
}
#contents .flow dl dd img{
	display: block;
}
#contents .flow p{
	float: left;
	text-align: center;
	padding-top: 170px;
	margin-left: 10px;
}
/* list */
#contents ul.list{
	margin-bottom: 10px;
}
#contents ul.list li{
	display: inline-block;
	margin: 0 5px 20px;
}
/* btn */
#contents .btn1{
	color: #FFF600;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 50px;
	border-radius: 10px;
	display: inline-block;
	min-width: 550px;
	box-sizing: border-box;
	background: url(../common/images/arrow-yellow.png) no-repeat left 30px center,
				url(../common/images/icon-blank-white.png) no-repeat right 15px top 15px,
				url(images/btn1-bg.jpg) repeat-x center;
	background-size: auto,auto,1px 100%;
}
#contents .btn1 strong{
	font-size: 24px;
}
#contents .btn2{
	color: #0F6AB4;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 50px;
	border-radius: 10px;
	display: inline-block;
	min-width: 460px;
	box-sizing: border-box;
	border: 1px solid #0F6AB4;
	background: url(../common/images/arrow-blue.png) no-repeat left 20px center,
				url(../common/images/icon-blank-blue.png) no-repeat right 15px top 15px #D9F0FF;
}
#contents .btn2 span{
	display: inline-block;
	margin-right: 15px;
}

.ksmall{
	font-size: 18px;
	text-align: left;
	width: 460px;
	margin: 0 auto;
	padding: 0 0 0 64px;
	background: url(images/icon.png) no-repeat;
	text-decoration: underline;
	color: #0f6ab4;
}

@media screen and (max-width:768px){
	h2{
		font-size: 18px;
		height: 60px;
		line-height: 60px;
	}
	/* list */
	#contents ul.list li{
		width: 48%;
		max-width: 150px;
		margin: 0 1% 10px;
	}
	/* btn */
	#contents .btn1{
		font-size: 14px;
		padding: 10px 25px;
		border-radius: 5px;
		min-width: inherit;
		background: url(../common/images/arrow-yellow.png) no-repeat left 10px center,
					url(../common/images/icon-blank-white.png) no-repeat right 5px top 15px,
					url(images/btn1-bg.jpg) repeat-x center;
		background-size: 10px,auto,1px 100%;
	}
	#contents .btn1 strong{
		font-size: 20px;
	}
#contents .btn2{
	color: #0F6AB4;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 50px;
	border-radius: 10px;
	display: inline-block;
		min-width: inherit;
	box-sizing: border-box;
	border: 1px solid #0F6AB4;
	background: url(../common/images/arrow-blue.png) no-repeat left 20px center,
				url(../common/images/icon-blank-blue.png) no-repeat right 15px top 15px #D9F0FF;
}
#contents .btn2 span{
	display: inline-block;
	margin-right: 15px;
}

	.ksmall{
		font-size: 16px;
		width: auto;
	margin: 0 auto;
	padding: 0 0 0 64px;
	background: url(images/icon.png) no-repeat;
	text-decoration: underline;
	color: #0f6ab4;
}
	.ksmall br{
		display: none;
	}
}