@charset "utf-8";
/* CSS Document */
@import "reset.css";


/*==============================
	基本設定
==============================*/
body {
	min-width:1000px;
	color:#333;
	font-size:12px;
	font-family:Verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	background:#fff;
	-webkit-text-size-adjust:100%;
}
@media only screen and (max-width:767px){
	body {
		min-width:0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Verdana", "sans-serif";
	}
}

img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}

/*font layout*/
.fBold{font-weight:bold;}
.fVerdana{font-family:Verdana;}

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{
	-webkit-filter:brightness(1.05);
	-moz-filter:brightness(1.05);
	-o-filter:brightness(1.05);
	-ms-filter:brightness(1.05);
	filter:brightness(1.05);
}
.ro a,
a.ro,
a .ro,
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.spOnly,
.spOn,
.brSp,
.imgSp,
.txtSp{
	display:none;
}
@media only screen and (max-width:767px){
	.spNone,
	.brPc,
	.imgPc{
		display:none;
	}
	.spOnly,
	.spOn{
		display:block;
	}
	.brSp,
	.imgSp,
	.txtSp{
		display:inline;
	}
	.imgR{
		width:100%;
		height:auto;
	}
}

/*--------------------------
	基本リンク指定
--------------------------*/
a{
	color:#333;
	text-decoration:underline;
}

/*--------------------------
	header
--------------------------*/
#header .wrapper{
	width:1240px;
	margin:0 auto;
}
#header .logoHeader{
	width:159px;
	float:left;
	margin:27px 0;
}
#header .boxRight{
	width:1050px;
	float:right;
	font-size:0;
	text-align:right;
}
#header .telHeader{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	margin:19px 0 0 37px;
}
@media only screen and (max-width:1240px){
	#header .wrapper{
		width:98%;
	}
	#header .boxRight{
		width:821px;
	}
	#header .telHeader{
		margin:19px 0 0 20px;
	}
}
@media only screen and (max-width:767px){
	#header .wrapper{
		width:94%;
		height:58px;
	}
	#header .logoHeader{
		width:100px;
		margin:21px 0 0;
	}
	#header .boxRight{
		width:140px;
	}
	#header .telHeader{
		margin:14px 0 0;
	}
}

/*--------------------------
	gNaviMain
--------------------------*/
#gNaviMain{
	padding:33px 0;
	display:inline-block;
	vertical-align:top;
}
#gNaviMain li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	position:relative;
	padding:0 1px 0 0;
}
#gNaviMain li::after{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:#ccc;
	position:absolute;
	top:1px;
	right:0;
}
#gNaviMain li a{
	display:block;
	text-align:center;
	padding:0 19px;
	height:14px;
}
#gNaviMain li:first-child a{
	padding-left:0;
}
#gNaviMain li:last-child a{
	padding-right:0;
}
#gNaviMain li:last-child{
	padding-right:0;
}
#gNaviMain li:last-child::after{
	display:none;
}
@media only screen and (max-width:1240px){
	#gNaviMain li a{
		padding:0 5px;
	}
	#gNaviMain li:first-child a{
		padding-left:0;
	}
	#gNaviMain li:last-child a{
		padding-right:0;
	}
}
@media only screen and (max-width:767px){
	#gNaviMain{
		display:none;
	}
}

/* menu */
#menu{
	width:100%;
	border-bottom:#199D59 solid 3px;
	background:#F4F3EE;
}
#menu .menuIn{
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
	border-left:#199D59 solid 1px;
}
#menu .menuIn li{
	float:left;
	background:#FFFFFF;
	width:168px;
	text-align:center;
	line-height:45px;
	font-size:13px;
	border-right:#199D59 solid 1px;
}
#menu .menuIn li:first-child{
	width:153px;
}
#menu .menuIn a{
	display:block;
	color:#FFFFFF;
	background:#F4F3EE;
	text-decoration:none;
	color:#199D59;
}
#menu .menuIn a.active{
	background:#199D59;
	color:#FFFFFF;
}
@media only screen and (max-width:767px){
	#gNaviSp{
		height:50px;
		position:relative;
		z-index:1000;
	}
	#btnMenu{
		display:block;
		background:rgba(25,157,89,0.95);
		text-align:center;
		line-height:50px;
		font-weight:bold;
		color:#FFFFFF;
		width:100%;
	}
	#menu{
		background:none;
		border:none;
		display:none;
		border-top:#FFFFFF solid 1px;
	}
	#menu .menuIn{
		border-left:none;
	}
	#menu .menuIn li,
	#menu .menuIn li:first-child{
		float:none;
		width:100%;
		border:none;
		border-bottom:#FFFFFF solid 1px;
		line-height:50px;
		background:none;
	}
	#menu .menuIn a{
		background:rgba(25,157,89,0.95);
		color:#FFFFFF;
	}
	#menu .btnClose{
		text-align:center;
		padding:30px 0;
		background:rgba(25,157,89,0.95);
		color:#FFFFFF;
	}
	#menu .btnClose .btnCloseIn{
		display:inline-block;
		width:70px;
		border:#7CC7A0 solid 1px;
		border-radius:3px;
		line-height:30px;
	}
}

/*--------------------------
	main
--------------------------*/
/* secSideFixed */
.secSideFixed{
	position:fixed;
	top:187px;
	right:-330px;
	z-index:100;
	width:330px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.secSideFixed.on{
	right:0;
}

/* secSlider */
.secSlider{
	width:100%;
	position:relative;
	overflow:hidden;
}
.secSlider .sliderWrap{
	width:2000px;
	position:relative;
	left:50%;
	margin-left:-1000px;
}
@media only screen and (max-width:1340px){
	.secSlider .sliderWrap{
		width:100%;
		left:0;
		margin-left:0;
	}
	.secSlider li a{
		display:block;
		width:100%;
		height:0;
		padding-top:64%;
		position:relative;
		overflow:hidden;
	}
	.secSlider li img{
		width:auto;
		height:100%;
		position:absolute;
		top:0;
		left:50%;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);		
	}
}

/* secAbout */
.boxAbout{
	text-align:center;
	font-size:0;
	border-bottom:solid 1px #D6D6D6;
}
.boxAbout li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	width:204px;
	border-left:solid 1px #D6D6D6;
}
.boxAbout li:last-child{
	border-right:solid 1px #D6D6D6;
}
.boxAbout li a{
	display:block;
	height:119px;
	padding:35px 0 0;
	box-sizing:border-box;
}
@media only screen and (max-width:1240px){
	.boxAbout li{
		width:16%;
		box-sizing:border-box;
	}
	.boxAbout li:nth-child(4){
		width:20%;
	}
}

/* secMenu */
.secMenu{
	width:1420px;
	margin:0 auto;
}
.secMenu .txtTop{
	padding:71px 0 92px;
	text-align:center;
	font-size:15px;
	letter-spacing:0.8px;
	line-height:30px;
}
.secMenu .boxList{
	font-size:0;
	padding:0 0 79px;
}
.secMenu .boxList li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	width:700px;
	margin:0 20px 20px 0;
}
.secMenu .boxList li:nth-child(odd){
	margin-right:0;
}
.secMenu .boxList li:first-child{
	width:1420px;
	margin-right:0;
}
.secMenu .boxList li a{
	display:block;
}
.secMenu .boxList a{
	display:block;
	position:relative;
}
.secMenu .boxList .txt{
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.secMenu .boxList .img{
	overflow:hidden;
}
.secMenu .boxList .img::after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.4);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.secMenu .boxList a:hover .img::after{
	filter:alpha(opacity=0);opacity:0;
}
.secMenu .boxList .img img{
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.secMenu .boxList a:hover .img img{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
@media only screen and (max-width:1520px){
	.secMenu{
		width:98%;
	}
	.secMenu .boxAbout li{
		width:15%;
		margin:0 2% 0 0;
	}
	.secMenu .boxAbout li:last-child{
		margin-right:0;
	}
	.secMenu .boxAbout li img{
		width:100%;
		height:auto;
	}
	.secMenu .boxList li{
		width:49%;
		margin:0 2% 20px 0;
	}
	.secMenu .boxList li:first-child{
		width:100%;
		margin-right:0;
	}
	.secMenu .boxList .img img{
		width:100%;
		height:auto;
	}
}
@media only screen and (max-width:767px){
	.secMenu{
		width:90.625%;
	}
	.secMenu .txtTop{
		padding:26px 4.6875% 36px;
		font-size:11px;
		letter-spacing:0;
		line-height:17px;
	}
	.secMenu .boxBnr{
		padding-bottom:15px;
	}
	.secMenu .boxBnr a{
		display:block;
		margin-bottom:15px;
	}
	.secMenu .boxList{
		padding:0 0 40px;
	}
	.secMenu .boxList li{
		width:100%;
		margin:0 0 10px;
	}
	.secMenu .boxList .txt img{
		width:auto;
		height:42px;
	}
}

/* secNews */
.secNews{
	width:1240px;
	margin:0 auto;
	padding:0 0 150px;
}
.secNews .titNews{
	padding:0 0 18px;
	text-align:center;
}
.secNews .titNews02{
	padding:0 0 49px;
	text-align:center;
	letter-spacing:1.5px;
	color:#1F1F1F;
}
.secNews .boxList li{
	padding:31px 10px 30px;
	background:url(../img/index_main/line.gif) left top repeat-x;
	background-size:4px 1px;
}
.secNews .boxList{
	background:url(../img/index_main/line.gif) left bottom repeat-x;
	background-size:4px 1px;
}
.secNews .boxList .txtDate{
	float:left;
	padding:0 16px 0 0;
	letter-spacing:0.5px;
	line-height:150%;
}
.secNews .boxList .txt{
	letter-spacing:0.5px;
	line-height:150%;
	overflow:hidden;
}
@media only screen and (max-width:1340px){
	.secNews{
		width:98%;
	}
}
@media only screen and (max-width:767px){
	.secNews{
		width:100%;
		padding:0 0 60px;
	}
	.secNews .titNews{
		padding:0 0 11px;
	}
	.secNews .titNews img{
		width:auto;
		height:19px;
	}
	.secNews .titNews02{
		padding:0 0 29px;
	}
	.secNews .boxList li{
		padding:23px 4.6875% 20px;
	}
	.secNews .boxList .txtDate{
		float:none;
		padding:0 0 3px;
	}
	.secNews .boxList .txt{
		line-height:20px;
	}
}

/*--------------------------
	footer
--------------------------*/
#footer{
	color:#fff;
	background:#199D59;
}
#footer .wrapper{
	width:1240px;
	margin:0 auto;
	position:relative;
}
#footer .boxLeft{
	padding:50px 230px 49px 0;
}
#footer .footerLogo{
	display:block;
	width:190px;
	float:left;
	margin-right:20px;
}
#footer .boxLogo .boxTxt{
	overflow:hidden;
}
#footer .boxLogo .tit{
	padding:18px 0 4px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.5px;
}
#footer .boxLogo .txt{
	letter-spacing:0.5px;
	line-height:150%;
}
#footer .txtLicense{
	padding:13px 0 0;
	letter-spacing:0.5px;
	line-height:150%;
}
#footer .boxRight{
	width:220px;
	padding:51px 0 0;
	position:absolute;
	top:0;
	right:0;
}
#footer .telFooter{
	display:block;
	text-align:right;
	margin-bottom:14px;
}
#footer .btnContact{
	display:block;
	height:42px;
	padding:16px 0 0;
	letter-spacing:0.5px;
	text-align:center;
	color:#fff;
	background:#FF9900;
	box-sizing:border-box;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#footer .btnContact:hover{
	background:#FFAD33;
}
#copy{
	height:60px;
	padding:24px 0 0;
	font-size:11px;
	text-align:center;
	color:#fff;
	background:#168D50;
	box-sizing:border-box;
}
@media only screen and (max-width:1340px){
	#footer .wrapper{
		width:98%;
	}
}
@media only screen and (max-width:767px){
	#footer .wrapper{
		width:90.625%;
	}
	#footer .boxLeft{
		padding:40px 0 25px;
	}
	#footer .footerLogo{
		width:136px;
		float:none;
		margin:0 auto;
	}
	#footer .boxLogo .tit{
		padding:25px 0 1px;
		font-size:13px;
	}
	#footer .boxLogo .txt{
		font-size:11px;
		letter-spacing:0;
		line-height:16px;
	}
	#footer .txtLicense{
		padding:13px 0 0;
		font-size:11px;
		letter-spacing:0;
		line-height:16px;
	}
	#footer .boxRight{
		padding:0 0 40px;
		position:static;
		margin:0 auto;
	}
	#footer .telFooter{
		margin-bottom:14px;
	}
	#copy{
		height:44px;
		padding:16px 0 0;
	}
}

iframe[name="google_conversion_frame"]{
	display:none;
}