@charset "utf-8";
/*ヘッダ*/
.bxslider{
	width: 100%;
	height:230px;
	margin:0;
}
.bxslider img{
	width: 100%;
}
h1{
	position:absolute;
	margin: 35px 40px;
	padding:13px 0;
	width:270px;
	height:160px;
	background:rgba(195,32,0,0.7);;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1.5;
	z-index: 10;
}
#logo{
	position:relative;
}
/*コピー*/
#copybox{
	width:100%;
	height: 98px;
}
#copybox > *{
	float:left;
}
#copybox p{
	width: 594px;
	margin:13px 23px 0 23px;
	font-size:115%;
	text-align: center;
}
#copybox img{
	position:relative;
	top:-15px;
}
#copybox address{
	margin:14px 0 0 40px;
	font-size:113%;
	padding:12px 24px;
	background:#c32000;
	width:220px;
}
#globallink{
	clear: left;
}
/*メイン*/
#main{
	width:1200px;
	float:none;
	margin:0 auto;
}
/*大メニュー*/
#bignavi{
	overflow:hidden;
}
#bignavi > div{
	float: left;
	width:50%;
}
#set, #kizai, #unnpann, #oparate{
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
}
#bignavi> div:first-child{
	border-right: 1px solid #fcfaf4;
}
#bignavi> div:nth-of-type(2){
	border-left: 1px solid #fcfaf4;
}
#set{
	margin-bottom:2px;
}
#unnpann{
	margin-bottom:2px;
}

#bignavi img{
	position:absolute;
	transition: 0.2s;
}
#bignavi h2{
	position: absolute;
	width: 100%;
	height:100%;
}
#set h2 > a:first-letter, #kizai h2 >a:first-letter {
	font-size:120%;
	color:#c32000;
}
#unnpann h2 > a:first-letter, #oparate h2 > a:first-letter{
	font-size:120%;
	color:#008679;
}
#bignavi a{
	font-size:210%;
	color:#330f06;
	display:block;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	padding: 25px 50px 5px 140px;
	z-index: 999;
}
#bignavi a:hover{
	text-decoration:none;
	cursor: pointer;
}
#bignavi > div >div:hover img{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
#bignavi p{
	position: absolute;
	margin: 0;
	width: 84%;
	margin-left:16.1%;
	height:100%;
	padding:90px 20px 0px 30px;
	font-size:80%;
	line-height:1.8;
	color:#330f06;
	background:rgba(255,255,255,0.75)
}
#bignavi > div > div:hover > p{
	background:rgba(255,255,255,0.85)
}
#bignavi small{
	font-size: 55%;
}
.tb{
	padding:0 20px;
	font-size:90%;
	line-height:1.5;
}
/*バナー記事*/
h5{
	font-size: 130%;
}
.lineheight{
    line-height: 24px;
}
.fullimg{
    width:100%;
}
/*ご利用ガイドメニュー*/
.guide_menu{
	overflow:hidden;
	font-size:110%;
}
.guide_menu a{
	display: block;
	width:49.5%;
	float:left;
	text-align:center;
	padding:5px;
	color:#330f06;
	padding:20px 10px;
	border-radius:5px;
	font-weight:bold;
	background: #e6e3da;
	position: relative;
}
.guide_menu a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.guide_menu span{
	font-size:80%;
	display:block;
	margin-bottom:5px;
	font-weight:normal;
}
.guide_menu a:nth-of-type(1){
	margin: 0 1% 1% 0;
}
.guide_menu a:nth-of-type(2){
	margin: 0 0 1% 0;
}
.guide_menu a:nth-of-type(3){
	margin:0 1% 0 0;
}
.guide_menu a:nth-of-type(4){
	margin: 0 0 1% 0;
}
.guide_menu i{
	color: #bf0000;
	font-size: 250%;
	position: absolute;
	left:20%;
	top:20px;
}
.fa-angle-double-right{
	font-weight: bold !important;
	left:21.5% !important;
}
.linkh4 > a{
	display: block;
	color:#330f06;
}
.linkh4 > a:hover{
	text-decoration: none;
}
.linkh4:hover{
	background: #fff;
}
.img500{
	max-width: 500px;
	width: 100%;
}

/*ニュース、実績、Facebook部分の横並び構成*/
#exface{
	overflow:hidden;
	margin-bottom:30px;
}
#exface > div{
	float:left;
}
#ex{
	width:860px;
}
#face{
	width:340px;
	padding-left:20px;
}
/*ニュース*/
#news{
	padding-left:20px;
}
#news p{
	border-bottom:1px dotted #aaa; 
	margin-top:15px;
}
#news p span{
	font-weight:bold;
	font-size:90%;
	color:#888478;
}
/*ワークス*/
dl{
	font-size:90%;
}
dt{
	float:left;
	font-weight: bold;
	border-left:5px solid #008679;
	padding-left: 5px;
}
dd{
	margin-left:190px;
	margin-bottom: 2px;
}
/*レスポンジブ*/
#headerbar{
	display:none;
}
@media screen and (max-width:1199px){
	h1{
		margin: 20px
	}
	#copybox p{
		font-size:90%;
		width:418px;
		margin-top:20px;
	}
	#main{
		width:1024px;
	}
	#bignavi div div{
		height:170.615px;
	}
	#bignavi img{
		width:511.000px;
	}
	#bignavi h2{
	}
	#bignavi h2 > a{
	font-size:170%;
	padding:20px 0 0 110px;
	}
	#bignavi p{
		font-size:70%;
		padding:70px 0 0 20px;
	}
	.guide_menu i{
	left:17%;
}
	.fa-angle-double-right{
		left:19% !important;
}
	#ex{
		width: 684px;
	}
}
@media screen and (max-width:1023px){
	h1{
		width:200px;
		height: 110px;
	}
	#logo{
		width: 170px;
	}
	#copybox{
		height: auto;
	}
	#copybox img{
		width:125px;
	}
	#copybox p{
		font-size:70%;
		width:350px;
		margin:10px 0 0 0;
		line-height:18px;
	}
	header address{
		margin-left:0 !important;
		font-size:100% !important;
		width:168px !important;
		padding:10px 13px !important;
		margin-top: 10px !important;
	}
	#main{
		width: 768px;
	}
	#bignavi div div{
		height: 127.979px;
	}
	#bignavi img{
		width:383.333px;
	}
	#bignavi h2{
		
	}
	#bignavi h2 > a{
		font-size:120%;
		padding: 10px 0 0 80px;
	}
	#bignavi p{
		font-size:53%;
		padding: 50px 10px 0 10px;
	}
	.guide_menu i{
		left:8%;
	}
	.fa-angle-double-right{
		left:10.5% !important;
	}
	.guide_menu a{
		text-align: left;
		padding-left: 105px;
	}
	#ex{
		width: 100%;
	}
	#face{
		padding: 0;
	}
}
@media screen and (max-width:767px){
	#headerbar{
		display: block;
	}
	h1{
		position:fixed;
		margin:0;
		top:0;
		text-align: left;
		padding:5px 0 0 10px;
		z-index:1010;
		background:rgba(0,0,0,0)
	}
	#logo{
		position:fixed;
		top:5px;
		width: auto;
	}
	header address{
		background:rgba(0,0,0,0) !important;
		top:0;
		margin:35px 0 0 15px !important;
		padding:0 !important;
	}
	#copybox img{
		width:20%;
	}
	#copybox p{
		width:60%;
	}
	header nav{
		clear: left;
	}
	#main{
		width: 96%;
	}
	#bignavi div{
		width:599px;
	}
	#bignavi > div:first-child{
		margin-bottom:2px;
	}
	#bignavi div div{
		height:200px;
	}
	#bignavi img{
		width:599px
	}
	#bignavi h2 > a{
		font-size:210%;
		padding:3% 0 0 23%;
	}
	#bignavi p{
		font-size:80%;
		padding:13.5% 5% 0 5%;
	}
	.guide_menu a{
		float:none;
		width:100%;
		padding:15px 0 15px 50px;
		text-align: center;
	}
	.guide_menu a:nth-of-type(1){
		margin: 0 0 1% 0;
	}
	.guide_menu a:nth-of-type(2){
		margin: 0 0 1% 0;
	}
	.guide_menu a:nth-of-type(3){
		margin:0 0 1% 0;
	}
	.guide_menu a:nth-of-type(4){
		margin: 0 0 0 0;
	}
	.guide_menu i{
		top:15px;
		left:25%;
	}
	.fa-angle-double-right{
		left:26.5% !important;
	}
	dl{
		font-size:70%;
	}
	dd{
		margin-left: 160px;
	}
}
@media screen and (max-width:600px){
	#logo{
		top:20px;
	}
	header address{
		font-size: 70% !important;
		margin:45px 0 0 15px !important;
	}
	#copybox p{
		font-size:2vw;
		line-height: normal;
		margin-top:1.5vw;
	}
	#bignavi{
		
	}
	#bignavi div{
		width: 100%;
	}
	#bignavi div div{
		height: 31vw;
	}
	#bignavi img{
		width:100%
	}
	.displaynone{
		display: none;
	}
	#bignavi h2 > a{
		font-size:5vw;
	}
	#bignavi p{
		font-size:2.4vw;
		padding-top:13%;
	}
	.guide_menu i{
		left:14%;
	}
	.fa-angle-double-right{
		left:16.5% !important;
	}
}
@media screen and (max-width:414px){
	header address{
		width:100% !important;
		margin:6px 0 0 40vw !important;
		font-size:2.5vw !important;
	}
	header address span{
		margin-left: 10px;
	}
	.guide_menu i{
		left:5%;
	}
	.fa-angle-double-right{
		left:8% !important;
	}
	dt{
		float: none;
		}
	dd{
		margin-left:5px;
	}
}