/*=======================================================
All SET
=======================================================*/
/*CLEAR*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	min-height:1px;
	display:inline-block;
	display:block;
}

*html .clearfix{
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

.clear{clear:both;}

/*=======================================================
PC SET
=======================================================*/
@media screen and (min-width:769px){
	.box_set{
		width:1100px;
		margin:30px auto;
	}

	header{
		position:absolute;
		top:10px;
		left:0;
		right:0;
		z-index:999;
		width:850px;
		margin:0 auto;
		background:#fff;
		border:3px solid #053e85;
		padding:15px 15px;
		border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
	}

	header h1{
		float:left;
		width:520px;
		font-size:26px;
		font-weight:bold;
		color:#26356e;
		padding-top:3px;
	}

	header a{
		display:block;
		float:right;
		width:220px;
		font-size:16px;
		font-weight:bold;
		background:#053e85;
		color:#fff;
		text-align:center;
		padding:10px 5px;
		border:2px solid #052d60;
		-webkit-border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
	}

	.contents .title{
		display:block;
		text-align:center;
		font-size:34px;
		margin-bottom:10px;
	}

	.contents .dis{
		display:block;
		font-size:18px;
		width:820px;
		margin:0 auto 30px auto;
	}

	.contents .dis span{
		display:block;
		font-size:14px;
	}

	.contents .osusume dd{
		float:left;
		width:260px;
		height:380px;
		padding:10px;
		margin:0 0 20px 10px;
		overflow:hidden;
		background:#fff;
		border:2px solid #053e85;
		-webkit-border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
	}

	.contents .osusume dd:nth-child(4n+2){
		margin:0 0 20px 0;
	}

	.contents .osusume dd img{
		width:100%;
		margin-bottom:5px;
		-webkit-border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		transition:all 300ms 0s ease;
		-webkit-transition:all 300ms 0s ease;
	}

	.contents .osusume dd img:hover{
		transform:scale(1.3,1.3);
		-webkit-transform:scale(1.3,1.3);
	}

	.contents .osusume dd span{
		display:block;
	}

	.contents .osusume dd span.icon{
		display:inline;
		font-size:11px;
		width:80px;
		padding:2px 5px;
		font-weight:bold;
		color:#fff;
		background:#46a64d;
		border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		text-align:center;
		font-family: 'Source Sans Pro', sans-serif;;
	}

	.contents .language .l_list dt{
		font-size:26px;
		font-weight:bold;
		color:#217bd0;
		border-bottom:2px solid #217bd0;
		padding-bottom:1px;
		margin-bottom:10px;
	}

	.contents .language .l_list dd{
		text-align:center;
		float:left;
		width:250px;
		margin:0 0 20px 15px;
	}

	.contents .language .l_list dd a{
		display:block;
		font-weight:bold;
		font-size:20px;
		text-decoration:none;
		width:250px;
		padding:15px;
		background:#fff;
		border:1px solid #ccc;
		border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		-webkit-border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		transition:all 300ms 0s ease;
		-webkit-transition:all 300ms 0s ease;
	}

	.contents .language .l_list dd a:hover{
		background:#3ec1f1;
		transform:rotate(-20deg);
		-webkit-transform:rotate(-20deg);
	}

	.contents .language .l_list dd span{
		display:block;
		text-align:center;
		color:#d8eb00;
		letter-spacing:3px;
	}

	.contents .merit .merit_list{
		width:610px;
		background:#fff;
		padding:15px;
		margin:0 auto 30px auto;
	}

	.contents .merit .merit_list dt{
		font-size:22px;
		font-weight:bold;
		color:#eb193c;
		margin-bottom:3px;
	}

	.contents .merit .merit_list dd{
		font-size:18px;
		font-weight:bold;
		margin:0 0 15px 25px;
		display:list-item;
		list-style-type:decimal !important;
	}

	.contents .merit .merit_list dd:last-child{
		margin-bottom:0;
	}

	.contents .merit .button{
		display:block;
		font-size:22px;
		color:#fff;
		text-align:center;
		background:#053e85;
		width:400px;
		padding:15px 0;
		margin:0 auto;
		border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		-webkit-border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		transition:all 300ms 0s ease;
		-webkit-transition:all 300ms 0s ease;
	}

	.contents .merit .button:hover{
		background:#125add;
		text-decoration:none;
	}

}
/*=======================================================
SP SET
=======================================================*/
@media screen and (max-width:768px){
	.sp_del{display:none;}

	.box_set{
		width:95%;
		margin:30px auto;
	}

	header{
		position:absolute;
		top:10px;
		left:0;
		right:0;
		z-index:999;
		width:95%;
		margin:0 auto;
		background:#fff;
		border:3px solid #053e85;
		padding:15px 10px;
		border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
	}

	header h1{
		width:100%;
		font-size:14px;
		font-weight:bold;
		color:#26356e;
		text-align:center;
	}

	header a{
		display:block;
		float:right;
		width:28%;
		font-size:12px;
		font-weight:bold;
		background:#053e85;
		color:#fff;
		text-align:center;
		padding:10px 5px;
		border:2px solid #052d60;
		-webkit-border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
	}

	.contents .title{
		display:block;
		text-align:center;
		font-size:26px;
		margin-bottom:10px;
	}

	.contents .dis{
		display:block;
		font-size:18px;
		width:100%;
		margin:0 auto 30px auto;
	}

	.contents .dis span{
		display:block;
		font-size:14px;
	}

	.contents .osusume dd{
		float:left;
		width:48%;
		height:320px;
		padding:5px;
		margin:0 0 20px 10px;
		background:#fff;
		border:2px solid #053e85;
		-webkit-border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
	}

	.contents .osusume dd:nth-child(2n+2){
		margin:0 0 20px 0;
	}

	.contents .osusume dd img{
		width:100%;
		margin-bottom:5px;
		-webkit-border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		transition:all 300ms 0s ease;
		-webkit-transition:all 300ms 0s ease;
	}

	.contents .osusume dd span{
		display:block;
	}

	.contents .osusume dd span.icon{
		display:inline;
		font-size:11px;
		width:30%;
		padding:2px 5px;
		font-weight:bold;
		color:#fff;
		background:#46a64d;
		border-radius:12px 12px 12px 12px / 12px 12px 12px 12px;
		text-align:center;
		font-family: 'Source Sans Pro', sans-serif;;
	}

	.contents .language .l_list dt{
		font-size:26px;
		font-weight:bold;
		color:#217bd0;
		border-bottom:2px solid #217bd0;
		padding-bottom:1px;
		margin-bottom:10px;
		text-align:center;
	}

	.contents .language .l_list dd{
		text-align:center;
		width:80%;
		margin:0 auto 20px auto;
	}

	.contents .language .l_list dd a{
		display:block;
		font-weight:bold;
		font-size:20px;
		text-decoration:none;
		width:250px;
		padding:15px;
		background:#fff;
		border:1px solid #ccc;
		border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		-webkit-border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		transition:all 300ms 0s ease;
		-webkit-transition:all 300ms 0s ease;
	}

	.contents .language .l_list dd span{
		display:block;
		text-align:center;
		color:#d8eb00;
		letter-spacing:3px;
	}

	.contents .merit .merit_list{
		width:100%;
		background:#fff;
		padding:15px;
		margin:0 auto 30px auto;
	}

	.contents .merit .merit_list dt{
		font-size:22px;
		font-weight:bold;
		color:#eb193c;
		margin-bottom:3px;
	}

	.contents .merit .merit_list dd{
		font-size:18px;
		font-weight:bold;
		margin:0 0 15px 25px;
		display:list-item;
		list-style-type:decimal !important;
	}

	.contents .merit .merit_list dd:last-child{
		margin-bottom:0;
	}

	.contents .merit .button{
		display:block;
		font-size:16px;
		color:#fff;
		text-align:center;
		background:#053e85;
		width:85%;
		padding:15px 0;
		margin:0 auto;
		border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
		-webkit-border-radius:8px 8px 8px 8px / 8px 8px 8px 8px;
	}

}
}