@charset "UTF-8";

/*=======================================================
タグリセット・clear部品
=======================================================*/
body,header,section,article,footer,div,h1,h2,h3,h4,h5,p,span,img,a,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
	font-family:Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
}

/*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;}

/*=======================================================
共通設定
=======================================================*/
body{
	border-top:20px solid #2a2929;
	height:100%;
}

header{
	width:100%;
}

/*=======================================================
PC向け設定
=======================================================*/
@media screen and (min-width: 925px){

	header .hd{
		width:980px;
		margin:0 auto 0 auto;
		position:relative;
		height:260px;
	}

	header h1{
		text-align:center;
	}

	header .fuda{
		position:absolute;
		top:15px;
		right:70px;
		z-index:3;
		transform:translate(0px , 0px) rotate(10deg);
		-webkit-transform:translate(0px , 0px) rotate(10deg);
		-ms-transform:translate(0px , 0px) rotate(10deg);
	}

	.dis{
		background:#2a2929;
		padding:20px 0 100px 0;
		margin-top:-13px;
	}

	.dis .box_set{
		width:980px;
		margin:0 auto 0 auto;
	}

	.dis .box_set p{
		width:750px;
		margin:0 0 50px 100px;
		color:#fff;
		font-size:24px;
		line-height:300%;
	}

	.dis .box_set .button{
		margin:0 0 0 120px;
	}

	.dis .box_set .button li{
		float:left;
		width:350px;
		list-style:none;
	}

	.dis .box_set .entry{
		display:block;
		width:300px;
		margin:0 auto;
		background:#fa8406;
		padding:30px 20px;
		font-size:20px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		border:1px solid #fff;
		border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-webkit-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-ms-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	}

	.dis .box_set .entry:hover{
		opacity:0.6;
	}

	.dis .box_set .login{
		display:block;
		width:230px;
		margin:30px auto 0 auto;
		background:#065ae4;
		padding:10px 20px;
		font-size:16px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		border:1px solid #fff;
		border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-webkit-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-ms-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	}

	.dis .box_set .login:hover{
		opacity:0.6;
	}

}/*PC設定 END*/

/*=======================================================
タブレット向け設定・スマートフォン向け設定
=======================================================*/
@media screen and (max-width: 920px){

	header .hd{
		position:relative;
	}


	header h1{
		text-align:center;
	}

	header h1 img{
		width:100%;
	}

	header .fuda{
		position:absolute;
		width:12%;
		top:10px;
		right:20px;
		z-index:3;
		transform:translate(0px , 0px) rotate(10deg);
		-webkit-transform:translate(0px , 0px) rotate(10deg);
		-ms-transform:translate(0px , 0px) rotate(10deg);
		margin-bottom:0;
	}

	.dis{
		background:#2a2929;
		padding:20px 0 30px 0;
		margin-top:-13px;
	}

	.dis .box_set{
		margin:0 auto 0 auto;
	}

	.dis .box_set p{
		padding:10px;
		color:#fff;
		font-size:16px;
		line-height:300%;
	}

	.dis .box_set .button{
		width:98%;
		margin:0 auto 0 auto;
	}

	.dis .box_set .button li{
		float:left;
		width:48%;
		list-style:none;
	}

	.dis .box_set .button li:last-child{
		margin:0 0 0 10px;
	}

	.dis .box_set .entry{
		display:block;
		margin:0 auto;
		background:#fa8406;
		padding:10px 20px;
		font-size:18px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		border:1px solid #fff;
		border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-webkit-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-ms-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	}

	.dis .box_set .entry:hover{
		opacity:0.6;
	}

	.dis .box_set .login{
		display:block;
		margin:0 auto 0 auto;
		background:#065ae4;
		padding:10px 20px;
		font-size:18px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		border:1px solid #fff;
		border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-webkit-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
		-ms-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	}

	.dis .box_set .login:hover{
		opacity:0.6;
	}
}/*スマホ・タブレット設定 END*/