@charset "utf-8";

/* CSS Document */









/*基本レイアウト*/



body {

	background: url(../image/top/mv.jpg) no-repeat center 35px;

}

header {

	position: relative;

	padding-bottom: 70px;

	margin-bottom: 30px;

}

nav#g_nav {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

}

#t_head {

}

#t_head div {
	max-width: 1000px;
	width: 95%;
	margin: 35px auto 0px auto;
	/*height: 655px;*/
	height: 732px;
	position: relative;

}

#t_head h1 {

}

#t_head h2 {
	position: absolute;
	/*bottom: 65px;*/
	bottom: 120px;
}

#t_head div .contact_btn {
	position: absolute;
	right: 0;
	top: -35px;
}

#t_head div .contact_btn a {
	background-color: #fff;
	padding: 13px 40px;
	display: block;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}

#t_head div .contact_btn a:hover {

	background-color: #fff;
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}

#t_head .t_mark {

	position: absolute;
	top: 0;
	left: 320px;

}

#t_head .t_mark li {
	float: left;
}

#t_head .staff_banner {
	max-width: 740px;
	width: 80%;
	text-align: center;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -40%;
}

.inner .staff_banner {
	max-width: 740px;
	width: 90%;
	margin: 0px auto 20px;
}
.inner .btn_style1 {
	max-width: 300px;
	width: 90%;
	margin: 0px auto -10px;
	text-align: center;
	font-family: "kozuka-mincho-pr6n",serif;
	font-size: 120%;
}
.inner .btn_style1 a {
	display: block;
	text-align: center;
	padding: 10px 0;
	background: url(../image/common/point4.png) no-repeat right 20px center;
	background-color: #f0f0f0;
	transition: .3s;
	border: #aaa 4px double;
}
.inner .btn_style1 a:hover {
	background: url(../image/common/point4.png) no-repeat right 10px center;
	background-color: #eee;
}



#wapper {

	border-bottom: #333 12px solid;

	width: 100%;

	padding: 0;

	margin: 0;

	padding-bottom: 60px;

}

#wapper div ul#g_navi {

	margin-bottom: 60px;

}

#make_a {

	display:-webkit-box;

	display:-moz-box;

	display:-ms-flexbox;

	display:-webkit-flex;

	display:-moz-flex;

	display:flex;

	-webkit-box-lines:multiple;

	-moz-box-lines:multiple;

	-webkit-flex-wrap:wrap;

	-moz-flex-wrap:wrap;

	-ms-flex-wrap:wrap;

	flex-wrap:wrap;

	border-top: #DDD 1px solid;

	border-left: #DDD 1px solid;

	margin-bottom: 70px;

}

#make_a li {

	width: 50%;

	border-right: #DDD 1px solid;

	border-bottom: #DDD 1px solid;

	padding: 20px;

}

#make_a li .ph {

	float: right;

	margin-bottom: 0px;

	width: 39%;

	margin-left: 15px;

}

#make_a dl {

}

#make_a dt {

	text-align: left;

	margin-bottom: 24px;

	margin-top: 10px;

	font-family: "kozuka-mincho-pr6n",serif;

}

#make_a dt span {

	display: block;

	font-family: "kozuka-mincho-pr6n",serif;

	font-size: 140%;

}

#make_a dd {

	margin-bottom: 0px;

	font-size: 90%;

}

#make_a dd p {

	margin-bottom: 10px;

	line-height: 185%;

}

#make_a dd a {

	padding: 2px 10px 2px 14px;

	display: block;

	color: #444;

	background: url(../image/common/point4.png) no-repeat 0px 9px;

	background-color: #F6F6F6;

	letter-spacing: 1px;

}

#make_a dd a:hover {

	background-color: #F1F1F1;

}

#news_topi {

	width: 100%;

	padding-bottom: 30px;

}

#news_topi h3 {

	margin: 0px auto;

	border-bottom: #CCC 4px solid;

	padding-bottom: 12px;

	margin-bottom: 20px;

}

#news_topi div {

	margin: 0;

	padding: 0;

	overflow: auto;

	width: 100%;

}

#news_topi div dl {

	width: 96%;

	display: table;

	border-bottom: #ccc 1px dotted;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

#news_topi div dl dt {

	display: table-cell;

}

#news_topi div dl dt a {

	color: #444;

	text-decoration: underline;

}

#news_topi div dl dt a:hover {

	color: #8EC31F;

}

#news_topi div dl dd {

	display: table-cell;

	width: 130px;

	background: url(../image/common/point1.png) no-repeat 0px 6px;

	padding-left: 15px;

	color: #999;

}

#news_topi div .more {

	margin: -15px 0 0;

	float: right;

	width: 150px;

}

#news_topi div .more a {

	display: block;

	text-align: center;

	background-color: #444;

	color: #fff;

	padding: 5px 0;

}

#news_topi div .more a:hover {

	background-color: #8EC31F;

}

.greeting_btn,

.greeting_btn2 {

	display: block;

	text-align: center;

	max-width: 300px;

	width: 100%;

	margin: 20px auto 30px;

	font-family: "kozuka-mincho-pr6n",serif;

	font-size: 150%;

	padding: 20px 0;

	border: #aaa 4px double;

	color: #333;

	letter-spacing: 4px;

	background: url(../image/common/point4.png) no-repeat right 20px center;

	box-shadow: 0px 12px 16px -14px rgba(0,0,0,0.6);

	transition: .3s;

}

.greeting_btn:hover {

	background: url(../image/common/point4.png) no-repeat right 10px center;

	background-color: #FF9;

}

.greeting_btn2:hover {

	background: url(../image/common/point4.png) no-repeat right 10px center;

	background-color: #F90;

}





















@media screen and (max-width: 860px) {

}





















@media screen and (max-width: 680px) {

	body {

		background: url(../image/top/mv.jpg) no-repeat center 70px;

		background-size: auto 300px;

	}

	nav#g_nav {

		position: absolute;

		left: auto;

		right: 0;

		bottom: auto;

		margin-top: -10px;

	}

	#t_head {

	}

	#t_head div {

		height: 370px;

	}

	/* ---------------------------------------

	

	--------------------------------------- */

	#t_head div h1 {

		padding-top: 0px;

		width: 150px;

		margin: -25px 0 0;

	}

	#t_head h2 {

		width: 180px;

		bottom: 65px;

		left: 15px;

	}

	#t_head div .contact_btn {

		display: none;

	}

	#t_head .t_mark {

		max-width: 130px;

		left: auto;

		right: 50px;

		top: 0px;

	}

	#t_head .t_mark li {

	}

	#t_head .t_mark li:nth-child(1) {
		width: 17%;
	}

	#t_head .t_mark li:nth-child(2) {
		width: 32%;
	}

	#t_head .t_mark li:nth-child(3) {
		width: 25%;
	}

		#t_head .t_mark li:nth-child(4) {
		width: 26%;
	}

	#t_head .staff_banner {
		top: 30%;
	}

	

	#make_a li {
		width: 100%;
	}

	#make_a dd a {

		padding: 4px;

		display: block;

		color: #fff;

		background: none;

		background-color: #444;

		letter-spacing: 1px;

		text-align: center;

	}

	#make_a dd a:hover {

		background-color: #8EC31F;

	}

	

	#news_topi div dl,

	#news_topi div dl dt,

	#news_topi div dl dd {

		display: block;

	}

	#news_topi div .more {

		float: none;

		width: 100%;

	}
	
	#wapper div.inner {
		margin-top: -70px;
	}
}





















@media screen and (max-width: 480px) {

}