@charset "utf-8";
/* CSS Document */

@import url("base.css");
body{
	background:#fff;
}
.container{
	width:1024px;
	margin:0 auto 0 auto;
}

/* hedder */
#head{
	position:fixed;
	top:0;
	z-index:9999;
	width: 100%;
	background:#fff;
}
#start{
	width: 100%;
}
#Header{
	width:1024px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
}
#Header h1{
	float:left;
}
#Header h1:hover{
	opacity:0.8;
}
#Header ul{
	float:right;
	list-style:none;
	display:block;
	margin-top:8px;
}
#Header ul li{
	float:left;
	text-align:center;
	display:block;
	margin-left:50px;
}
#Header ul li:first-child{
	margin-left:0px;
}
#Header ul li a , #Header ul li span{
	color:#000000;
	text-decoration:none;
	letter-spacing:1px;
	font-size:15px;
}
#Header ul li a:hover{
	text-decoration:underline;
}
#Header ul li:last-child a{
	background:#74cfb2;
	color:#fff;
	font-size:14px;
	padding:8px 12px;
}
#Header ul li:last-child a i{
	margin-right:8px;
}
.bx-wrapper{
	margin:74px auto 0px auto !important;
}
#slider{
	width:100%;
	z-index:1;
	position:relative;
}
.contents{
	width:674px;
	float:left;
	padding:60px 0;
}
.side{
	width:300px;
	float:right;
	padding:60px 0;
}
.contents h3{
	border-bottom:1px solid #e2e2e2;
	padding-bottom:10px;
	color:#555555;
	font-size:16px;
	margin-bottom:20px;
	letter-spacing:1px;
}
.news{
	text-align:left;
	margin-bottom:30px;
}
.news div{
	padding:10px 0;
}
.news div span{
	display:block;
	float:left;
	width:14%;
	font-size:14px;
	color:#555555;
}
.news div p , .news div a{
	display:block;
	float:left;
	color:#10996e;
	width:71%;
	margin-left:4%;
	font-size:14px;
}
.news div p{
	color:#333;
}
.news div a{
	text-decoration:underline;
}
.news div a:hover{
	text-decoration:none;
}
.feat{
	padding:50px 46px;
	background:#eefcf8;
	text-align:center;
}
.feat h3{
	color:#555;
	font-size:18px;
	border:none;
}
.feat p{
	font-size:14px;
	letter-spacing:1px;
	line-height:200%;
	margin-bottom:30px;
	margin-top:-10px;
}
.feat a{
	float:left;
	width:23%;
	margin-right:2.6666666%;
	display:block;	
	color:#333333;
	text-decoration:none;
}
.feat a img:hover{
	opacity:0.8;
}
.feat a:last-child{
	margin-right:0%;
}
.feat a span{
	display:block;
	font-size:14px;
	color:#555;
	margin-top:10px;
	text-decoration:underline;
}
.feat a span:hover{
	text-decoration:none;
}
.feat_btn{
	clear:both;	
}
.feat_btn a{
	float:none;
	width:180px;
	margin-right:0;
	margin-top:30px;
	display:block;
	background:#84d6bc;
	color:#fff;
	font-size:14px;
	padding:8px 14px;
}
.feat_btn a:hover{
	opacity:0.8;	
}
.contact{
	background:#84d6bc;
	padding:20px 20px 40px 20px;
	text-align:center;
}
.contact i{
	color:#fff;
	font-size:30px;
	display:block;
	margin:10px 0 10px 0;
}
.contact span{
	color:#fff;
	font-size:13px;
	display:block;
	margin:0px 0 -1px 0;
}
.contact h3{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	letter-spacing:2px;
}
.contact p{
	color:#fff;
	font-size:25px;
	font-weight:bold;
	margin-top:10px;
}
.contact strong{
	font-size:14px;
	color:#fff;
	margin-bottom:20px;
	display:block;
}
.contact a{
	display:block;
	background:#fff;
	padding:8px 16px;
	color:#84d6bc;
	font-size:14px;
	text-decoration:none;
	width:180px;
	margin:0 auto;
}
.contact a i{
	margin-right:6px;
	display:inline;
	color:#84d6bc;
	margin:0 6px 0 0;
	font-size:14px;
}
.contact a:hover{
	text-decoration:underline;
}
.bnr{
	text-align:center;
	margin-top:20px;
}
.bnr img{
	margin-bottom:20px;	
}
.bnr a:hover{
	opacity:0.8;
}




/* bottom・footer */
#bottom{
	border-top:3px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	padding:14px 0 14px 0;
	margin-top:40px;
}
#bottom ul li{
	list-style:none;
	border-right:1px solid #DCDCDC;
	display:inline;
	padding:0 60px 0 60px;
}
#bottom ul li:first-child{
	padding:0 60px 0 0;
}
#bottom ul li:last-child{
	border:none;
	padding:0 0px 0 60px;
}
#bottom ul li i{
	color:#aeaeae;
}
#bottom ul li a{
	color:#808080;
	font-size:14px;
	margin-left:6px;
}
#bottom ul li a:hover{
	text-decoration:none;
}
.bottom_link .link01{
	text-align:center;
	width:94%;
	background:url(../images/bottom_bg01.jpg) 0 0 no-repeat;
	background-size:cover;
	padding:100px 3%;
}
.bottom_link h2{
	color:#FFFFFF;
	font-size:24px;
	margin-bottom:50px;
}
.bottom_link h2 span{
	font-size:16px;
	display:block;
	font-weight:normal;
}
.bottom_link p{
	color:#FFFFFF;
	margin:0 50px 50px 50px;
	font-size:14px;
	line-height:170%;
}
.bottom_link a{
	background-color:#FFFFFF;
	padding:10px 30px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:1px;
}
.bottom_link a:hover{
	opacity:0.75;
}
.bottom_link .link01 a{
	color:#d90a04;	
}
#pagetop{
	display:block;
	z-index:9999;
	overflow:hidden;
}
#pagetop:after{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;
}
#pagetop div{
	display:block;
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:9999;
}
#footer{
	padding:80px 0 75px;
}
.copyright {
	float:left;
	width:55%;
	margin-right:10%;
}
.copyright p {
	font-size:12px;
	line-height:180%;
	margin-top:20px;
	color:#838383;
}
.copyright img:hover{
	opacity:0.8;	
}
.rights{
	float:right;
	width:35%;
}
.rights div{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
	margin-bottom:20px;
}
.rights div:last-child{
	margin-bottom:0px;
}
.rights div a{
	color:#6e6e6e;
	text-decoration:none;
	font-size:14px;
}
.rights div i{
	color:#84d6bc;
	margin-left:20px;
}
.rights div a:hover{
	opacity:0.8;
}

@media (max-width: 767px) {
.copyright {
	float:none;
	width:100%;
	margin-right:0%;
	margin-bottom:20px;
	text-align:center;
}
.copyright p {
	font-size:10px;
	line-height:200%;
}
.rights{
	float:none;
	width:100%;
	margin-top:10px;
}

}




div#navi-openclose span{
	display: none;
}

.n2-ss-align{
	margin-top:-1% !important;
}

@media (max-width: 1400px) {
	.n2-ss-align{
		margin-top:0% !important;
	}
}

@media (max-width: 1080px) {
	.n2-ss-align{
		margin-top:0% !important;
	}
	#Header{
		width: 90%;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:10px;
		padding-top:10px;
	}
	#Header ul li a , #Header ul li span{
		color:#646464;
		text-decoration:none;
		letter-spacing:1px;
		font-size:14px !important;
	}
	.container{
		width: 90%;
		padding-left:5%;
		padding-right:5%;
	}	
	.bottom_link br{
		display:none;		
	}
	.contents{
		width:70%;
	}
	.side{
		width:25%;
	}
	.contact p{
		font-size:22px;
	}
	.contact a{
		padding:6px 12px;
		font-size:13px;
		width:140px;
	}
	.contact a i{
		display:none;
	}
	.contact a:hover{
		text-decoration:underline;
	}
	#bottom{
		display:none;
	}
	#footer{
		padding:40px 0 40px 0;
	}
}
	
@media (max-width: 1024px) {
	.bx-wrapper{
		margin:54px auto 0px auto !important;
	}
	.bx-wrapper .bx-controls-direction a {
		top: 44% !important;
	}
	.feat p br{
		display:none;		
	}
	#Header ul li{
		margin-left:40px;
	}
	#Header ul li a , #Header ul li span{
		font-size:14px;
	}
	#Header ul li:last-child a{
		font-size:13px;
		margin-right:10px;
	}
}
	
	
@media (max-width: 900px) {
	.n2-ss-align{
		margin-top:1% !important;
	}
	#Header{
		width: auto;
		padding-left:10px;
		padding-right:0;
	}
	.news div span{
		font-size:14px;
	}
	.news div p , .news div a{
		font-size:14px;
	}
	.contents{
		width:100%;
		float:none;
	}
	.side{
		width:100%;
		float:none;
		margin-top:-70px;
	}
	.contact p{
		font-size:28px;
	}
	.contact a{
		padding:8px 16px;
		font-size:14px;
		width:220px;
	}
	.contact a i{
		display:inline;
	}
	.bnr img{
		width:240px;
		height:auto;
	}
	.rights div{
		margin-bottom:5px;
	}
	.rights div a{
		font-size:13px;
	}
	#footer{
		padding:0px 0 40px 0;
	}
}
@media (max-width: 850px) {
	#Header ul li{
		margin-left:22px;
	}
	#Header ul li a , #Header ul li span{
		font-size:12px;
	}
	#Header ul li:last-child a{
		font-size:11px;
		margin-right:8px;
	}
}
@media (max-width: 768px) {
	.n2-ss-align{
		margin-top:2% !important;
	}	
	.news div span{
		font-size:13px;
	}
	.news div p , .news div a{
		font-size:13px;
	}
	.news .after{
		float:right;
		padding:15px 30px;
		color:#FFFFFF;
		display:block;
		width:20%;
		text-decoration:none;
		text-align:center;
	}
}
@media (max-width: 750px) {
	#Header ul li{
		margin-left:40px;
	}
	div#navi-openclose{
		width: 29px;
		height: 26px;
		background: url(../images/icon_navi.png) right no-repeat;
		background-size: 100% auto;
		position:fixed;
		top: 13px;
		right: 10px;
		cursor: pointer;
		z-index: 99999 !important;
		display:block;
	}
	div#navi-openclose span{
		display: none;
	}
	.global_nav {
		margin: 0;
		display: none;
		height: 100%;
		width:210px;
		overflow: none;
		border-radius: 0;
		position: fixed;
		background-color:#f3f3f3;
		top: 0;
		right: 0;
		z-index: 40;
	}
	.global_nav ul {
		padding-top:60px;
	}
	.global_nav ul li{
		width:100% !important;
		border:none;
		text-align:left;
		float:none;
		display:block;
	}
	.global_nav ul li a.first{
		margin-left:20px !important;
	}
	.global_nav ul li a{
		width:100% !important;
		text-align:left;
		float:none;
		display:block;
		font-size:14px !important;		
		margin-top:20px !important;
		margin-left:-20px !important;
		padding:0 !important;
		color:#333 !important;
	}
	#Header ul li:last-child a{
		background:none;
		color:#333 !important;
		padding:0;
	}
	#Header ul li:last-child a i{
		display:none;
	}
}
@media (max-width: 659px) {
	.n2-ss-align{
		margin-top:3% !important;
	}	
	.news di
	.news div span{
		display:block;
		float:none;
		width:100%;
		padding-left:0%;	
		font-size:12px;
		color:#b1b1b1;
		margin-bottom:5px;
	}
	.news div p , .news div a{
		display:block;
		float:none;
		width:88% !important;
		margin-left:0;	
		font-size:13px;
	}
	.news .after{
		float:none;
		padding:15px 30px;
		color:#FFFFFF;
		font-size:13px;
		display:inline;
		width:auto;
		text-decoration:none;
		text-align:center;
	}
	.bottom_link .link01 , .bottom_link .link03{
		width:90%;
		float:none;
		padding:60px 5%;
	}
	.bottom_link .link02{
		width:90%;
		float:left;	
		padding:60px 5%;
	}
	#pagetop{
		display:none;
	}
	.pc{
		display:none !important;
	}
	.sp{
		display:block !important;
	}
	.rights div a{
		font-size:11px;
	}
	.feat{
		padding:30px;
		background:#eefcf8;
		text-align:center;
	}
	.feat h3{
		color:#555;
		font-size:16px;
		border:none;
		line-height:190%;
	
	}
	.feat p{
		font-size:13px;
		letter-spacing:1px;
		line-height:160%;
		margin-bottom:30px;
		margin-top:-10px;
	}
	.bx-wrapper .bx-controls-direction a {
		top: 42% !important;
	}
}

@media (max-width: 580px) {
	.n2-ss-align{
		margin-top:6% !important;
	}	
	.bx-wrapper .bx-controls-direction a {
		top: 40% !important;
	}
	.feat a span{
		font-size:12px;
	}
	.feat_btn a{
		float:none;
		width:160px;
		margin-right:0;
		margin-top:30px;
		display:block;
		background:#84d6bc;
		color:#fff;
		font-size:12px;
		padding:8px 10px;
	}
	.feat h3 br{
		display:none;
	}
	.contents{
		margin-top:-40px;
	}
}

@media (max-width: 480px) {
	.n2-ss-align{
		margin-top:7% !important;
	}	
	.news{
		margin-bottom:40px;
	}
	.feat{
		padding:20px;
	}
	.feat h3{
		font-size:14px;
	}
	.contact p{
		font-size:20px;
	}
	.contact a{
		padding:8px 9px;
		font-size:13px;
		width:190px;
	}
	.bx-wrapper .bx-controls-direction a {
		display:none;
	}
}

@media (max-width: 320px) {
	.n2-ss-align{
		margin-top:8% !important;
	}	
	.news div p , .news div a{
		display:block;
		float:none;
		width:86% !important;
		margin-left:0;	
		font-size:13px;
	}
	
}