@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/

h2.ttl {
	padding-top:50px;
	color: #000000;
}

div.container{
	background: url(../images/model/c_bg.jpg) top center repeat;
	margin-bottom: 50px;
	font-size:16px;
	color: #333333;
	line-height: 1.8;
}

.container > .clearfix {
	margin: 0 auto;
	max-width: 944px;
}
.link_box {
	width: 46.62%;
}
.link_box a:hover {
	text-decoration: underline;
}
.link_ttl {
	border-bottom: 1px solid #bfbfbf;
	font-size: 26px;
	margin-bottom: 10px;
}
.link_subttl {
	color: #457425;
	font-size: 20px;
	margin-bottom: 10px;
}
.link_box .fl_l {
	width: 27.28%;
}
.link_box .fl_r {
	width: 60%;
}
.link_box li {
	font-size: 16px;
}
.link_box.white {
	background: rgba(255,255,255,.6);
	padding: 20px;
}

@media screen and (max-width: 767px){
	div.container{
		font-size:14px;
	}

	h2.ttl {
		position: static;
		transform:none;
		margin-bottom:30px;
	}
	
	.link_box {
		width: 100%;
	}
	.link_ttl {
		font-size: 20px;
	}
	.link_subttl {
		font-size: 16px;
	}
	.link_box.fl_l {
		margin-bottom: 30px;
	}
	.link_box .fl_l,
	.link_box .fl_r {
		width: 100%;
	}
	.link_box li {
		font-size: 14px;
	}
}


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

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