@charset "utf-8";

/*-----------------------------------------------
	基本設定
-----------------------------------------------*/
body{
	color: #333;
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	min-width: 1070px;
}
body *, body *::before, body *::after{
	box-sizing:border-box;
}
img{vertical-align: bottom;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
th{
	font-weight: normal;
	text-align: left;
}
.spOnly,
.brSp,
.imgSp,
.txtSp{
	display: none;
}
@media only screen and (max-width:767px){
	body{
		min-width: 0;
	}
	.spNone,
	.brPc,
	.imgPc{
		display: none;
	}
	.spOnly{
		display: block;
	}
	.brSp,
	.imgSp,
	.txtSp{
		display: inline;
	}
	.imgR{
		width: 100%;
		height: auto;
	}
}

/* font layout */
.fBold{font-weight: bold;}
.fVerdana{font-family: Verdana;}
.fRoboto{font-family: 'Roboto', sans-serif;}
.fContrail{font-family:'Contrail One', cursive;}

/* rollover */
.ro a:hover,
.ro a img: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.1);
	filter: brightness(1.1);
}
.ro a,
.ro a img,
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;
}

/* 基本リンク設定 */
a{
	color: #0066CC;
	text-decoration: none;
}
a:hover{
	color: #3384D6;
}

/*-----------------------------------------------
	画像を枠いっぱいに表示させる
-----------------------------------------------*/
.imgFill{
	overflow:hidden;
}
.imgFill img{
	width:100%;
	height:auto;
}
.imgFillH img{
	width:auto !important;
	height:100% !important;
	position:absolute !important;
	top:50% !important;
	left:50% !important;
	max-width:none !important;
	max-height:none !important;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:1;
}
.imgFillV img{
	width:100% !important;
	height:auto !important;
	position:absolute !important;
	top:50% !important;
	left:50% !important;
	max-width:none !important;
	max-height:none !important;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:1;
}
@media only screen and (max-width:767px){
	.imgFillSp{
		overflow:hidden;
	}
	.imgFillSp img{
		width:100%;
		height:auto;
	}
}

/*-----------------------------------------------
	header
-----------------------------------------------*/
#header .txtTop{
	height: 30px;
	border-bottom: 1px solid #E9E7E2;
}
#header .txtTop .txt{
	width: 1000px;
	margin: 0 auto;
	color: #393939;
	font-size: 11px;
	line-height: 29px;
	letter-spacing: -1.25px;
}
#header .headerIn{
	width: 1000px;
	margin: 0 auto;
	background: url(../img/common/bgHeader.gif) center bottom no-repeat;
}
#header .headerIn .mainLogo{
	float: left;
	margin: 19px 0;
}
#header .headerIn .img{
	float: left;
	margin: 7px 0 9px 13px;
}
#header .headerIn .bnr01{
	float: left;
	margin: 23px 0 23px 37px;
}
#header .headerIn .bnr02{
	float: left;
	margin: 23px 0 23px 10px;
}
@media only screen and (max-width:767px){
	#header .headerIn{
		width: 100%;
		background: url(../img/common/bgHeader_sp.gif) center bottom no-repeat;
	}
	#header .headerIn .mainLogo{
		margin: 13px 0 23px 11px;
	}
	#header .boxSp{
		float: right;
		font-size: 0;
	}
	#header .boxSp .boxMenu{
		margin-top: 15px;
	}
	#header .boxSp .boxMenu li{
		display: inline-block;
	}
	#header .boxSp .boxMenu li:first-child{
		border-right: 1px solid #D2CCC4;
	}
	#header .boxSp .boxMenu a{
		display: block;
		color: #000;
		padding: 0 8px 0 12px;
		font-size: 10px;
		font-weight: bold;
		line-height: 16px;
	}
	#header .boxSp .boxMenu li:first-child a{
		padding-right: 12px;
	}
	#header .boxSp .boxMenu a img{
		margin-right: 3px;
	}
	#header .boxSp .boxMenu li:last-child a img{
		margin-right: 5px;
	}
	#header .boxSp .btn a{
		display: block;
		width: 140px;
		height: 32px;
		line-height: 30px;
		border: 1px solid #C22C16;
		border-radius: 4px;
		color: #FFF;
		font-size: 10px;
		text-align: center;
		background: #EB6752;
		margin: 7px 0 0 11px;
		font-weight: bold;
		box-shadow: 0 -4px #C85846 inset;
	}
	#header .txtBottom{
		height: 28px;
		line-height: 28px;
		background: #3E8136;
		color: #FFF;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
	}
}

/*-----------------------------------------------
	gNav
-----------------------------------------------*/
#gNav{
	height: 101px;
	border-top: 1px solid #D1CDC2;
	border-bottom: 1px solid #D1CDC2;
	position: relative;
}
#gNav .mainNav{
	position: absolute;
	width: 1000px;
	left: calc(50% - 500px);
}
#gNav .mainNav li{
	float: left;
	border-right: 1px solid #D1CDC2;
	position: relative;
	width: 166px;
	height: 99px;
	box-sizing: content-box;
}
#gNav .mainNav li.list01{
	border-left: 1px solid #D1CDC2;
}
#gNav .mainNav li:nth-child(n+4){
	width: 165px;
}
#gNav .mainNav li a{
	display: block;
	width: 100%;
	height: 100px;
	padding-top: 15px;
	position: absolute;
	-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;
}
#gNav .mainNav li a .txt01{
	width: 122px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	color: #FFF;
	border-radius: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
#gNav .mainNav li a .txt02{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
}
#gNav .mainNav li.list01 a{border-bottom: 4px solid #EB6652; color: #EB6652;}
#gNav .mainNav li.list01 a .txt01{background: #EB6652;}
#gNav .mainNav li.list01 a .txt02{color: #EB6652;}
#gNav .mainNav li.list02 a{border-bottom: 4px solid #85B000; color: #85B000;}
#gNav .mainNav li.list02 a .txt01{background: #85B000;}
#gNav .mainNav li.list02 a .txt02{color: #85B000;}
#gNav .mainNav li.list03 a{border-bottom: 4px solid #367296; color: #367296;}
#gNav .mainNav li.list03 a .txt01{background: #367296;}
#gNav .mainNav li.list03 a .txt02{color: #367296;}
#gNav .mainNav li.list04 a{border-bottom: 4px solid #C36; color: #C36;}
#gNav .mainNav li.list04 a .txt01{background: #C36;}
#gNav .mainNav li.list04 a .txt02{color: #C36;}
#gNav .mainNav li.list05 a{border-bottom: 4px solid #399; color: #399;}
#gNav .mainNav li.list05 a .txt01{background: #399;}
#gNav .mainNav li.list05 a .txt02{color: #399;}
#gNav .mainNav li.list06 a{border-bottom: 4px solid #F60; color: #F60;}
#gNav .mainNav li.list06 a .txt01{background: #F60;}
#gNav .mainNav li.list06 a .txt02{color: #F60;}
#gNav .mainNav li a.active{
	border-bottom: none;
	color: #FFF;
}
#gNav .mainNav li a.active .txt01{
	background: #FFF;
}
#gNav .mainNav li a.active .txt02{
	color: #FFF;
}
#gNav .mainNav li.list01 a.active{background: #EB6652;}
#gNav .mainNav li.list01 a.active .txt01{color: #EB6652;}
#gNav .mainNav li.list02 a.active{background: #85B000;}
#gNav .mainNav li.list02 a.active .txt01{color: #85B000;}
#gNav .mainNav li.list03 a.active{background: #367296;}
#gNav .mainNav li.list03 a.active .txt01{color: #367296;}
#gNav .mainNav li.list04 a.active{background: #C36;}
#gNav .mainNav li.list04 a.active .txt01{color: #C36;}
#gNav .mainNav li.list05 a.active{background: #399;}
#gNav .mainNav li.list05 a.active .txt01{color: #399;}
#gNav .mainNav li.list06 a.active{background: #F60;}
#gNav .mainNav li.list06 a.active .txt01{color: #F60;}
#gNav .subNav{
	width: 1000px;
	height: 239px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: calc(50% - 500px);
	z-index: 9999;
	display: none;
}
#gNav .subNav .boxNav {
	padding: 10px;
}
#gNav .subNav .boxNav .wrapper{
	background: repeating-linear-gradient(-45deg, #E9E9E9, #E9E9E9 24.8px, #FFF 24.8px, #FFF 49.6px);
	background-color: #E9E9E9;
	padding: 20px 0;
	text-align: center;
	font-size: 0;
}
#gNav .subNav .boxNav.nav01{background: #EB6652;}
#gNav .subNav .boxNav.nav02{background: #85B000;}
#gNav .subNav .boxNav.nav03{background: #367296;}
#gNav .subNav .boxNav.nav04{background: #C36;}
#gNav .subNav .boxNav.nav05{background: #399;}
#gNav .subNav .boxNav.nav06{background: #F60;}
#gNav .subNav .boxNav .wrapper{
	width: 980px;
	margin: 0 auto;
}
#gNav .subNav .boxNav li{
	display: inline-block;
	margin-right: 20px;
	background: #FFF;
}
#gNav .subNav .boxNav li:last-child{
	margin-right: 0;
}
#gNav .subNav .boxNav li a{
	display: block;
	color: #FFF;
}
#gNav .overlay {
	display: none;
	z-index: 9998;
	position: fixed;
	top: 248px;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
#container{
	width: 100%;
	position: relative;
	overflow: hidden !important;
}
#contents{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0;
	background: #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	position: relative;
	z-index: 500;
	overflow: hidden;
	box-sizing: content-box;
}
@media only screen and (max-width:767px){
	.menuOpen #contents{
		margin-left: -261px;
		border-right: solid 1px #CCC;
	}
}

/*-----------------------------------------------
	sideMenu
-----------------------------------------------*/
#sideMenu{
	display: none;
}
@media only screen and (max-width:767px){
	#sideMenu{
		display: none;
		width: 260px;
		float: right;
		margin-right: -261px;
		border-left: solid 1px #CCC;
		-webkit-transition: all 0.2s ease-in-out;
		-webkit-transform: translateX(0);
		-moz-transition: all 0.2s ease-in-out;
		-moz-transform: translateX(0);
		position: relative;
		z-index: 499;
		box-sizing: content-box;
	}
	.menuOpen #sideMenu{
		display: block;
		-webkit-transform: translateX(-261px);
		-moz-transform: translateX(-261px);
	}
	#sideMenu .titMenu{
		height: 34px;
		line-height: 34px;
		background: #449F39;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		letter-spacing: 1px;
	}
	#sideMenu .boxBtn{
		padding: 10px 10px 5px;
		border-bottom: 1px solid #CCC;
		background: #F5F5F5;
	}
	#sideMenu .boxBtn a{
		display: block;
		width: 240px;
		height: 40px;
		line-height: 40px;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		text-decoration: none;
		border-radius: 4px;
		margin-bottom: 5px;
		background: #EB6530;
		font-weight: bold;
		box-shadow: 0 -4px #C85629 inset;
		letter-spacing: 0.5px;
	}
	#sideMenu .boxBtn a:last-child{
		background: #2C95D3;
		box-shadow: 0 -4px #257FB4 inset;
	}
	#sideMenu .boxEstate{
		padding: 10px 0;
		border-bottom: 1px solid #CCC;
	}
	#sideMenu .boxEstate .boxTop{
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: center;
	}
	#sideMenu .boxEstate .boxTop span{
		color: #F30;
		font-size: 22px;
		margin: 0 6px 0 4px;
		letter-spacing: -0.5px;
		vertical-align: -2px;
	}
	#sideMenu .boxEstate .boxBottom a{
		display: block;
		width: 240px;
		height: 38px;
		line-height: 34px;
		border: 1px solid #CCC;
		border-radius: 3px;
		font-size: 13px;
		color: #333;
		font-weight: bold;
		margin: 10px auto 0;
		box-shadow: 0 -3px #BFBFBF inset;
		text-align: center;
	}
	#sideMenu .boxEstate .boxBottom a img{
		vertical-align: middle;
		margin: 0 5px 0 6px;
	}
	#sideMenu .boxEstate .boxBottom a:first-child img{
		margin-right: 8px;
	}
	#sideMenu .boxEstate .boxBottom a span{
		color: #F60;
		font-size: 22px;
		vertical-align: -2px;
		margin: 0 4px;
	}
	#sideMenu .boxMenu{
		margin-bottom: 30px;
	}
	#sideMenu .boxMenu li{
		border-bottom: 1px solid #CCC;
	}
	#sideMenu .boxMenu li.parent{
		font-size: 14px;
		line-height: 20px;
		color: #000;
		font-weight: bold;
		padding: 16px 4%;
		background: #F9F9F7;
		letter-spacing: 1px;
	}
	#sideMenu .boxMenu li a{
		display: table-cell;
		color: #333;
		vertical-align: middle;
		width: 260px;
		height: 52px;
		text-decoration: none;
		font-size: 14px;
		line-height: 21px;
		font-weight: bold;
		padding: 0 4%;
		background: url(../img/common/sideArrow.gif) 95% center / 8px 14px no-repeat;
		letter-spacing: 1px;
	}
	#sideMenu .boxMenu li a span{
		font-size: 12px;
	}
	#sideClose{
		display: block;
		width: 200px;
		height: 46px;
		line-height: 46px;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		text-decoration: none;
		background: #999;
		margin: 0 auto;
		border-radius: 23px;
	}
}

/*-----------------------------------------------
	pnkz
-----------------------------------------------*/
#pnkz{
	padding: 19px 0;
	background: #FAF9F1;
}
#pnkz .boxWrap{
	width: 1000px;
	margin: 0 auto;
}
#pnkz li{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
}
#pnkz li:before{
	content: ">";
	display: inline-block;
	padding-right: 3px;
}
#pnkz li:first-child::before{
	display: none;
}
#pnkz li a{
	text-decoration: none;
}
#pnkz .swiper-wrapper{
	white-space: nowrap !important;
}
#pnkz .swiper-slide{
	display: inline-block;
	float: none !important;
	cursor: default;
}
@media only screen and (max-width:767px){
	#pnkz{
		height: 36px;
		overflow: hidden;
		padding: 0;
	}
	#pnkz li{
		max-width: 150px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-top: 12px;
	}
	#pnkz li:first-child{
		padding-left: 10px;
	}
	#pnkz li:last-child{
		max-width: 100%;
	}
}

/*-----------------------------------------------
	titCmnTop
-----------------------------------------------*/
.titCmnTop{
	width: 1000px;
	height: 60px;
	border: 1px solid #CFD6D6;
	font-size: 0;
	color: #000;
	padding-left: 25px;
	margin: 20px auto 0;
	box-shadow: 0px 3px #EFF1F1, 6px 0 0 0 #3E8136 inset;
	font-size: 16px;
	line-height: 58px;
	font-weight: bold;
	letter-spacing: 1.25px;
}
@media only screen and (max-width:767px){
	.titCmnTop{
		width: 100%;
		height: 50px;
		padding-left: 20px;
		margin: 15px auto 0;
		font-size: 15px;
		line-height: 48px;
		letter-spacing: 0.5px;
	}
}

/*-----------------------------------------------
	cmnTit
-----------------------------------------------*/
.cmnTit{
	text-align: center;
	color: #181818;
	font-size: 40px;
	line-height: 60px;
	font-weight: bold;
	letter-spacing: 5px;
	margin-top: 58px;
	position: relative;
}
@media only screen and (max-width:767px){
	.cmnTit{
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		margin-top: 20px;
	}
}

/*-----------------------------------------------
	secCmnEstate
-----------------------------------------------*/
.secCmnEstate{
	height: 59px;
	border-bottom: 1px solid #D1CDC2;
}
.secCmnEstate .wrapper{
	width: 1000px;
	margin: 0 auto;
}
.secCmnEstate .boxLeft{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	float: left;
	margin-top: 17px;
}
.secCmnEstate .boxLeft span{
	color: #F30;
	font-size: 22px;
	margin: 0 6px 0 4px;
	letter-spacing: -0.5px;
	vertical-align: -2px;
}
.secCmnEstate .boxRight{
	float: right;
	font-size: 0;
}
.secCmnEstate .boxRight a{
	display: inline-block;
	min-width: 190px;
	padding-right: 12px;
	height: 38px;
	line-height: 34px;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
	box-shadow: 0 -3px #BFBFBF inset;
}
.secCmnEstate .boxRight a:first-child{
	margin-right: 5px;
}
.secCmnEstate .boxRight a img{
	vertical-align: middle;
	margin: 0 5px 0 6px;
}
.secCmnEstate .boxRight a:first-child img{
	margin-right: 8px;
}
.secCmnEstate .boxRight a span{
	color: #F60;
	font-size: 22px;
	vertical-align: -2px;
	margin: 0 4px;
}

/*-----------------------------------------------
	secCmnContact
-----------------------------------------------*/
.secCmnContact{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 29px;
}
.secCmnContact .txtTop{
	color: #000;
	font-size: 18px;
	text-align: center;
	margin-top: 62px;
	letter-spacing: 2.25px;
	padding-bottom: 8px;
}
.secControlDetails + .secCmnContact .txtTop{
	margin-top: 83px;
}
.secCmnContact .txtTop a{
	padding-bottom: 4px;
	border-bottom: 1px solid #3F8CD9;
}
.secCmnContact .titTop{
	color: #274F76;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
	letter-spacing: 4px;
	margin: 50px 0 38px;
}
.secCmnContact .titTable{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 4.5px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.75);
}
.secCmnContact .titTable.bgTsukuba{
	background: repeating-linear-gradient(-45deg, #EB6652 15px, #EB6652 39.8px, #FFA399 39.8px, #FFA399 64.6px);
	background-color: #EB6652;
}
.secCmnContact .titTable.bgJoban{
	background: repeating-linear-gradient(-45deg, #1177C7 15px, #1177C7 39.8px, #96BBE9 39.8px, #96BBE9 64.6px);
	background-color: #1177C7;
}
.secCmnContact .boxTable{
	display: table;
	border-collapse: collapse;
	margin: 20px 0 52px;
}
.secCmnContact .boxTable dl{
	display: table-row;
}
.secCmnContact .boxTable dl dt,
.secCmnContact .boxTable dl dd{
	display: table-cell;
	border: 1px solid #CCC;
}
.secCmnContact .boxTable dl dt{
	width: 240px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	padding-left: 19px;
	vertical-align: middle;
	background: #F6F6F6;
	letter-spacing: 0.5px;
}
.secCmnContact .boxTable dl dd{
	width: 760px;
	padding: 17px 33px 23px;
}
.secCmnContact .boxTable dl dd .txt01{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 2px;
	color: #000;
}
.secCmnContact .boxTable dl dd .txt02{
	margin-top: 10px;
}
.secCmnContact .boxTable dl dd .txt02 .txtTel{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-bottom: 3px;
	border-bottom: 1px solid #7FB2E5;
}
.secCmnContact .boxTable dl dd .txt02 .txtTel img{
	margin-right: 6px;
}
.secCmnContact .boxTable dl dd .txt02 .txtMail{
	margin-left: 9px;
	letter-spacing: 1.25px;
	padding-bottom: 3px;
	border-bottom: 1px solid #06C;
}
@media only screen and (max-width:767px){
	.secCmnContact{
		width: 100%;
		padding-bottom: 15px;
	}
	.secCmnContact .txtTop{
		width: 93.75%;
		font-size: 13px;
		line-height: 1.5;
		text-align: left;
		margin: 15px auto 0;
		letter-spacing: 0.5px;
		padding-bottom: 0;
	}
	.secControlDetails + .secCmnContact .txtTop{
		margin-top: 15px;
	}
	.secCmnContact .txtTop a{
		padding-bottom: 0;
		border-bottom: none;
		text-decoration: underline;
	}
	.secCmnContact .titTop{
		width: 93.75%;
		font-size: 15px;
		text-align: left;
		line-height: 1.5;
		letter-spacing: 0.5px;
		margin: 25px auto 20px;
	}
	.secCmnContact .titTable{
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		letter-spacing: 0.5px;
	}
	.secCmnContact .boxTable{
		display: block;
		margin: 10px 0 25px;
	}
	.secCmnContact .boxTable dl{
		display: block;
	}
	.secCmnContact .boxTable dl dt,
	.secCmnContact .boxTable dl dd{
		display: block;
		border: none;
		border-top: 1px solid #CCC;
	}
	.secCmnContact .boxTable dl:last-child dd{
		border-bottom: 1px solid #CCC;
	}
	.secCmnContact .boxTable dl dt{
		width: 100%;
		font-size: 15px;
		padding-left: 10px;
		line-height: 35px;
	}
	.secCmnContact .boxTable dl dd{
		width: 100%;
		padding: 12px 10px 15px;
	}
	.secCmnContact .boxTable dl dd .txt01{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.5px;
	}
	.secCmnContact .boxTable dl dd .txt02{
		margin-top: 8px;
	}
	.secCmnContact .boxTable dl dd .txt02 .txtTel{
		display: inline-block;
		font-size: 18px;
		letter-spacing: 0.5px;
	}
	.secCmnContact .boxTable dl dd .txt02 .txtTel img{
		margin-right: 3px;
	}
	.secCmnContact .boxTable dl dd .txt02 .txtMail{
		display: inline-block;
		margin: 8px 0 0 0;
		letter-spacing: 0.5px;
	}
}

/*-----------------------------------------------
	secCmnCustomer
-----------------------------------------------*/
.secCmnCustomer .titCmnCustomer{
	font-size: 34px;
	color: #000;
	text-align: center;
	margin: 88px 0 52px;
	letter-spacing: 11px;
}
.secCmnCustomer .wrapper{
	height: 200px;
	background: repeating-linear-gradient(-45deg, #FBFBFB, #FBFBFB 24.8px, #FFF 24.8px, #FFF 49.6px);
	background-color: #FBFBFB;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 50px;
}
.secCmnCustomer .boxList{
	display: table;
	width: 1000px;
	margin: 0 auto;
	border-left: 1px solid #DDD;
}
.secCmnCustomer .boxList li{
	display: table-cell;
	border-right: 1px solid #DDD;
	vertical-align: middle;
	text-align: center;
}
.secCmnCustomer .boxList li a{
	display: block;
	width: 332px;
	height: 200px;
	padding-top: 38px;
	color: #222;
}
.secCmnCustomer .boxList li .tit{
	color: #222;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	letter-spacing: 3px;
}
.secCmnCustomer .boxList li .btn{
	background: #F90;
	width: 100px;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	margin: 22px auto 0;
	border-radius: 5px;
	font-weight: bold;
}
.secCmnCustomer.owner .titCmnCustomer{
	margin: 0;
	padding: 99px 0 52px;
	border-top: 1px solid #E3E3E3;
}
.secCmnCustomer.owner .boxList li a{
	width: 500px;
	padding-top: 46px;
}
.secCmnCustomer.owner .boxList li .tit{
	margin-top: 14px;
}
.secCmnCustomer.owner .boxList li .btn{
	margin-top: 16px;
}
@media only screen and (max-width:767px){
	.secCmnCustomer .titCmnCustomer{
		font-size: 18px;
		line-height: 27px;
		margin: 35px 0 20px;
		letter-spacing: 0.5px;
	}
	.secCmnCustomer .wrapper{
		height: auto;
		border-bottom: none;
		margin-bottom: 30px;
	}
	.secCmnCustomer .boxList{
		width: 100%;
		border-left: none;
		font-size: 0;
	}
	.secCmnCustomer .boxList li{
		width: 33.33%;
		border-right: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
	}
	.secCmnCustomer .boxList li:last-child{
		border-right: none;
	}
	.secCmnCustomer .boxList li a{
		display: block;
		width: 100%;
		height: auto;
		padding: 10px 0;
	}
	.secCmnCustomer .boxList li .img img{
		width: auto;
		height: 30px;
	}
	.secCmnCustomer .boxList li .tit{
		font-size: 13px;
		line-height: 19px;
		height: 38px;
		margin-top: 7px;
		letter-spacing: 0.5px;
		position: relative;
	}
	.secCmnCustomer .boxList li .tit .inner{
		display: block;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.secCmnCustomer .boxList li .btn{
		background: #F90;
		width: 90px;
		height: 29px;
		line-height: 29px;
		margin: 7px auto 0;
	}
	.secCmnCustomer.owner .titCmnCustomer{
		padding: 35px 0 20px;
	}
	.secCmnCustomer.owner .boxList li a{
		width: auto;
		padding: 10px 0;
	}
	.secCmnCustomer.owner .boxList li .tit{
		height: 32px;
		margin-top: 7px;
	}
	.secCmnCustomer.owner .boxList li .btn{
		margin-top: 7px;
	}
}

/*-----------------------------------------------
	footer
-----------------------------------------------*/
#footer .txtTop{
	width: 1000px;
	margin: 0 auto 30px;
	color: #333;
	background: #F0F0F0;
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: -0.5px;
	padding: 12px 0;
	text-align: center;
}
#footer .footerIn{
	background: #3E8136;
	border-bottom: 3px solid #EAEAEA;
	padding-top: 17px;
}
#footer #fNav{
	height: 87px;
	position: relative;
}
#footer #fNav .mainNav{
	position: absolute;
	width: 1001px;
	left: calc(50% - 500px);
}
#footer #fNav .mainNav li{
	float: left;
	position: relative;
	width: 143px;
	height: 70px;
	box-sizing: content-box;
}
#footer #fNav .mainNav li a{
	display: block;
	color: #FFF;
	width: 100%;
	height: 70px;
	position: absolute;
	-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 #fNav .mainNav li a .txt01{
	width: 141px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto 8px;
	color: #3E8136;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	background: #FFF;
	box-sizing: content-box;
}
#footer #fNav .mainNav li a .txt02{
	display: table-cell;
	width: 143px;
	height: 36px;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border-right: 1px solid #B2CDAF;
	box-sizing: content-box;
}
#footer #fNav .mainNav li.list01 a .txt02{
	border-left: 1px solid #B2CDAF;
}
#footer #fNav .mainNav li a.active .txt01{
	margin-bottom: 0;
	border-radius: 4px 4px 0 0;
}
#footer #fNav .mainNav li a.active .txt02{
	color: #3E8136;
	background: #FFF;
	padding: 8px 0 12px;
}
#footer #fNav .subNav{
	width: 1000px;
	height: 239px;
	overflow: hidden;
	position: absolute;
	top: 81px;
	left: calc(50% - 500px);
	z-index: 9999;
	display: none;
}
#footer #fNav .subNav .boxNav {
	padding: 10px;
}
#footer #fNav .subNav .boxNav .wrapper{
	background: repeating-linear-gradient(-45deg, #E9E9E9, #E9E9E9 24.8px, #FFF 24.8px, #FFF 49.6px);
	background-color: #E9E9E9;
	padding: 20px 0;
	text-align: center;
	font-size: 0;
}
#footer #fNav .subNav .boxNav:first-child{background: #EB6652;}
#footer #fNav .subNav .boxNav:nth-child(2){background: #85B000;}
#footer #fNav .subNav .boxNav:nth-child(3){background: #367296;}
#footer #fNav .subNav .boxNav:nth-child(4){background: #399;}
#footer #fNav .subNav .boxNav:nth-child(5){background: #F60;}
#footer #fNav .subNav .boxNav:last-child{background: #C36;}
#footer #fNav .subNav .boxNav .wrapper{
	width: 980px;
	margin: 0 auto;
}
#footer #fNav .subNav .boxNav li{
	display: inline-block;
	margin-right: 20px;
}
#footer #fNav .subNav .boxNav li:last-child{
	margin-right: 0;
}
#footer #fNav .subNav .boxNav li a{
	display: block;
	color: #FFF;
}
#footer #fNav .subNav .boxNav li .txt{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	background: url(../img/common/imgFnavArrow.gif) center left no-repeat;
	margin-top: 18px;
	padding-left: 11px;
}
#footer .boxSearch{
	width: 1000px;
	margin: 0 auto;
	padding: 17px 0 6px;
	border-top: 1px solid #4B7926;
	border-bottom: 1px solid #4B7926;
	box-shadow: 0 1px #528E4A inset, 0px 1px #528E4A;
}
#footer .boxSearch .tit{
	float: left;
	color: #FFF;
	font-size: 13px;
	margin-top: 11px;
	letter-spacing: 1.8px;
}
#footer .boxSearch .boxArea{
	float: right;
	width: 920px;
	padding-bottom: 13px;
}
#footer .boxSearch .boxArea .boxPref:first-child{
	margin-bottom: 13px;
}
#footer .boxSearch .boxArea .titPref{
	float: left;
	width: 54px;
	height: 26px;
	border: 1px solid #FFF;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	line-height: 24px;
}
#footer .boxSearch .boxArea .boxList{
	float: right;
	width: 866px;
	font-size: 0;
	padding-left: 3px;
}
#footer .boxSearch .boxArea .boxList li{
	display: inline-block;
	padding: 6.5px 0;
}
#footer .boxSearch .boxArea .boxList li a{
	display: block;
	color: #FFF;
	height: 13px;
	font-size: 13px;
	letter-spacing: 0.25px;
	padding: 0 7.5px;
	border-right: 1px solid #9FC09B;
}
#footer .txtFooter{
	width: 1000px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	padding: 15px 0;
	letter-spacing: 0.4px;
}
#footer .boxBottomMenu{
	width: 1016px;
	margin: 26px auto 20px;
	font-size: 0;
}
#footer .boxBottomMenu li{
	display: inline-block;
	border-right: 1px solid #9EC09A;
	margin-bottom: 14px;
}
#footer .boxBottomMenu li:nth-child(7),
#footer .boxBottomMenu li:last-child{
	border-right: 0;
}
#footer .boxBottomMenu li a{
	color: #3E8136;
	font-size: 13px;
	padding: 0 8px;
	letter-spacing: -0.3px;
	white-space: nowrap;
}
#footer .txtCopy{
	height: 50px;
	background: #F3F2EA;
	line-height: 50px;
	text-align: center;
	font-size: 11px;
	letter-spacing: 2.2px;
}
@media only screen and (max-width:767px){
	#footer .txtTop{
		width: 87.5%;
		height: auto;
		margin: 0 auto;
		font-size: 11px;
		line-height: 16.5px;
		padding: 7px 11px;
		letter-spacing: -1px;
	}
	#footer .boxSp .logo{
		width: 136px;
		margin: 20px auto 23px;
	}
	#footer .boxSp .btn a{
		display: block;
		width: 200px;
		height: 36px;
		border: 1px solid #90A1A4;
		border-radius: 3px;
		box-shadow: 0 -4px #D9D9D9 inset;
		font-size: 13px;
		color: #333;
		text-align: center;
		line-height: 30px;
		margin: 0 auto 20px;
		letter-spacing: 0.5px;
	}
	#footer .boxSp .btn a img{
		vertical-align: middle;
		margin-right: 6px;
	}
	#footer .txtCopy{
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		letter-spacing: 0;
	}
}
/* ftScroll */
#footer .ftScroll {
    display: inline-block;
    position: fixed;
    right: 40px;
    bottom: -90px;
    z-index: 999;
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#footer .ftScroll.active {
	bottom: 40px;
}
#footer .ftScroll #pageTop {
    display: block;
    font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #3e8136;
}
#footer .ftScroll #pageTop .icon {
    display: flex;
	flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #f3f2ea;
	gap: 7px;
}
#footer .ftScroll #pageTop .icon::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    color: #3e8136;
    border: 3px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(20%) rotate(-45deg);
}
@media only screen and (max-width: 767px) {
	#footer .ftScroll {
		display: inline-block;
		position: fixed;
		right: 20px;
		bottom: -40px;
		z-index: 999;
	}
	#footer .ftScroll.active {
		bottom: 20px;
	}
	#footer .ftScroll #pageTop {
		display: block;
		font-size: 0;
		letter-spacing: 0;
		font-weight: none;
		color: #3e8136;
	}
	#footer .ftScroll #pageTop .icon {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #f3f2ea;
		gap: 0px;
	}
	#footer .ftScroll #pageTop .icon::after {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		color: #3e8136;
		border: 2px solid currentColor;
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateY(20%) rotate(-45deg);
	}
}