@charset "utf-8";


/* 汎用クラス */

.t-center {text-align:center;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.tit_ring {
	font-size:142.9%;
	font-weight:bold;
	padding-left:30px;
	background:url(/files/img/common/ico_ring.png) no-repeat left center;
	margin-bottom:20px;
}
.tit_slash {
	font-size:185.7%;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.2;
}
.tit_slash img {
	margin-right:5px;
}
/* imgalpha */
a.imgalpha:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a:hover img.imgalpha{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pcnone{display:none;}
.spnone{}

.btn02 {
	display: inline-block;
	background: #fff;
	padding: 10px 35px 14px 31px;
	border-radius: 3px;
	line-height: 1.1;
	border:1px solid #999;
}
a.btn02 {
	color: #005952;
	text-decoration: none;
}
.btn02 .fa {
	color: #005952;
	margin-right: 9px;
	font-size: 12px;
}
.btn02 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@media screen and (max-width:767px){
.mb10{margin-bottom:5px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:15px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom:25px;}
.mb60{margin-bottom:30px;}
.tit_ring {
	font-size:115%;
	font-weight:bold;
	padding-left:20px;
	background:url(/files/img/common/ico_ring.png) no-repeat left 4px;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	background-size:15px 15px;
	margin-bottom:10px;
}
.tit_slash {
	font-size:115%;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
}
.tit_slash img {
	margin-right:5px;
	width:16px;
	height:auto;
}
a.imgalpha:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
a:hover img.imgalpha{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.spcont {
	padding:0 10px;
}
.pcnone{display:block;}
.spnone{display:none;}
}



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

foret

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

#foret {
	width:1000px;
	margin:0 auto 90px;
}
#foret > .spcont > .read {
	color:#005952;
	font-size:130%;
	font-weight:bold;
	margin-bottom:30px;
}
#foret > .spcont > .read2 {
	font-size:115%;
	margin-bottom:40px;
}
#foret > .spcont > h4 {
	color:#005952;
	font-size:115%;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
#foret > .spcont > ul.cont3 {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
#foret > .spcont > ul.cont3 li {
	width:320px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}
#foret > .spcont > ul.cont3 li:first-child {
	margin-left:0;
}
#foret > .spcont > ul.cont3 li p {
	font-weight:bold;
	margin-bottom:20px;
}
#foret > .spcont > ul.cont2 {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
#foret > .spcont > ul.cont2 li {
	width:490px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}
#foret > .spcont > ul.cont2 li:first-child {
	margin-left:0;
}
#foret > .spcont .green_bg {
	text-align:center;
	padding:20px;
	background:#f0f0f0;
	font-size:115%;
	font-weight:bold;
}
@media screen and (max-width:767px){
#foret {
	width:100%;
	margin:0 auto 50px;
}
#foret > .read {
	color:#005952;
	font-size:115%;
	margin-bottom:15px;
}
#foret > .spcont > .read2 {
	font-size:115%;
	margin-bottom:20px;
}
#foret > .spcont > h4 {
	color:#005952;
	font-size:115%;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
#foret > .spcont > ul.cont3 li {
	width:100%;
	float:none;
	margin-left:0;
	margin-bottom:10px;
}
#foret > .spcont > ul.cont3 li p {
	font-weight:bold;
	margin-bottom:10px;
}
#foret > .spcont > ul.cont2 li {
	width:100%;
	float:none;
	margin-left:0;
	margin-bottom:10px;
}
}