@charset "utf-8";
/* CSS Document */
body {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	color: #333333;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
html{
    -webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6,form,ol,ul,li,hr,dl,dt,dd,address {
	margin: 0px;
	padding: 0px;
}
img {
	border:0px;
	vertical-align:bottom;
	max-width:100%;
}

li {
	list-style-type: none;
}
a {
	color:#0066FF;
	text-decoration: underline;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration: underline;
	color:#4f95ff;
}
a:active {
	text-decoration: underline;
}
p {
	margin: 0 0 2.5% 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color:#333;
}
#index .mainimg {
	background:url(../img/main_bg.png) no-repeat center top;
	height: 671px;
} 
@media screen and (max-width: 1000px)
{
#index .mainimg {
    height: auto;
    padding: 0px 0;
    background-size: cover;
}
}

.clearfix:after { 
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb100 {margin-bottom:100px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:30px!important;}
.mt30 {margin-top:30px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.fs10 {font-size:10px!important;}
.fs11 {font-size:11px!important;}
.fs12 {font-size:12px!important;}
.fs13 {font-size:13px!important;}
.fs14 {font-size:14px!important;}
.fs15 {font-size:15px!important;}
.fs16 {font-size:16px!important;}
.fs17 {font-size:17px!important;}
.fs18 {font-size:18px!important;}
.fcb {color:#009FE7!important;}
.fcbr {color:#9D6D34!important;}
.fco {color:#E55926!important;}
.fcg {color:#7FB83F!important;}
.fcp {color:#FF0066!important;}
.fcr {color:#F00}
.fcor {color:#FF6600}
.flc {clear:left!important;}
.frc {clear:right!important;}

iframe{
	vertical-align:bottom;
}
#header_area{
	padding:0 0 0 0;
}
.header_inner{
	width: 1200px;
	margin: 0px auto;
	padding: 0% 0 0% 0;
	background: #fff;
}
#header_area ul{
	float: left;
	text-align: center;
	margin: 1.3% 0px 0px 0px;
	width: 50%;
}
#header_area ul li{
	display: inline-block;
	margin:0px 3% 0px 0px;
	width: 90px;
}
#header_area ul li.p_rerative{
	position:relative;
	top:10px;
	line-height: 1;
}
#header_area ul li a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	font-size:15px;
	display: block;
}
#header_area ul li a span{
	display:block;
	color:#A8A8A8;
	font-weight:normal;
	border-top:1px solid #d0d0d0;
}
header{
	background:url(../img/header.jpg) no-repeat center top;
}
.h_tel{
	background: url(../img/h_tel.png) no-repeat left 4px;
	font-size: 40px;
	color: #fff;
	font-family: 'Bebas Neue', cursive;
	padding: 10px 0px 0px 60px;
	line-height: 0.8;
}
.h_tel2 span.time{
	font-size:13px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	background:#666666;
	background:#fff;
	padding: 2px 2px 1px 2px;
	margin:0px 8px 0px 0px;
}
.h_tel2 span.time2{
	font-size:14px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	color:#fff;
}
.h_tel_wrap{
	background: #666666 url(../img/h_tel_wrap.jpg) no-repeat left top;
	float: right;
	padding: 2px 10px 3px 80px;
	height: 77px;
}
h1{
	float:left;
	margin: 8px 0 0 0;
	width: 20%;
}
h1 img{
	vertical-align: middle;
	max-width:100%;
	height:auto;
}
#container{
	background:url(../img/container_bg.jpg) no-repeat center top;
	padding:4% 0 0 0;
}
#index #container{
	background:none;
	padding:0 0 0 0;
}
h2{
	font-size:25px;
	color:#333333;
	margin:0 0 2% 0;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
h2 span{
	font-size:15px;
	color:#A8A8A8;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	font-weight:normal;
}
.company_box{
	background:url(../img/profuct_line.jpg) no-repeat center top;
	padding:3% 0 0 0;
}
.company_box_wrap{
	background: url(../img/company_box_wrap.gif) repeat-y 30% top;
	padding: 0 0 1% 3%;
	margin: 0 0 6% 0;
}
.company_box_left h3{
	margin:0 0 2% 0;
}
.company_box_left{
	width:30%;
	float:left;
}
.company_box_right{
	width:65%;
	padding:0 0 0 4%;
	float:left;
}
.container_inner{
	width:1200px;
	margin:0px auto;
}
.profuct_box{
	background:url(../img/profuct_line.jpg) no-repeat center bottom;
	padding:0 0 4% 0;
	margin:0 0 4% 0;
}
.profuct_box2{
	padding:0 0 4% 0;
	margin:0 0 0 0;
}
.profuct_left{
	width:50%;
	float:left;
}
.profuct_right{
	width:47%;
	float:right;
	padding:2% 0 0 0;
}
.profuct_right h4{
	padding:1% 0 2% 0;
	font-size:20px;
	color:#333333;
}
.profuct_right h3{
	font-size:30px;
	border-bottom:2px solid #999999;
	padding:0 0 2% 0;
	margin:0 0 3% 0;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color:#333333;
}
footer{
	background:#92be24;
	border-top:25px solid #808080;
}
img.logo_footer{
	text-align:center;
	margin:0px auto 20px auto;
	display:block;
	padding:25px 0px 0px 0px;
}
footer ul li a:hover{
	color:#fff;
	text-decoration:none;
	color:#e6edd3;
}
footer ul li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
}
footer ul li{
	display:inline-block;
	margin:0px 70px 0px 0px;
}
footer ul li:nth-child(4n){
	display:inline-block;
	margin:0px 0px 0px 0px;
}
footer ul{
	text-align:center;
	background:#80a129;
	padding:12px 0px 12px 0px;
}
dl.access01 dt{
	float:left;
	width:30%;
	border-right:1px solid #999999;
	padding:1% 0 0.5% 0;
}
dl.access01 dd{
	float:left;
	width:64%;
	padding:1% 0 0.5% 4%;
}
dl.access02 dt{
	float:left;
	width:30%;
	border-right:1px solid #999999;
	padding:0% 0 1% 0;
}
dl.access02 dd{
	float:left;
	width:64%;
	padding:0% 0 1% 4%;
}
.map{
	margin:0 0 3% 0;
}
.access_wrap{
	margin:0 0 5% 10%;
}
.company_box02{
	background:#dbdbdb;
	margin:0 0 5% 0;
	padding:3% 0 3% 0;
}
.company_box_left02 {
	width: 20%;
	float: left;
}
.company_box_right02 {
	width: 35%;
	padding: 0 0 1.5% 4%;
	float: left;
}
.company_wrap img{
	position:absolute;
	top:0;
	right:0;
	border:10px solid #fff;
}
.company_wrap {
	background: url(../img/company_box_wrap.gif) repeat-y 19% top;
	padding: 0 0 0 3%;
	margin: 0 0 0 0;
	position:relative;
}
.contact_box{
	background:#dbdbdb;
}
.container_inner02{
	background:#ec881e;
	padding:1% 0;
	border-bottom:30px solid #dbdbdb;
	margin: 0 0 5% 0;
}
p.contact_txt{
	margin:0 0 2% 0;
	padding:2% 0 0 0;
}
p.contact_txt2{
	font-size:25px;
	color:#fff;
	font-weight:bold;
	padding:0 0 1% 0;
	margin:0;
}
img.contact1{
	border-bottom:2px solid #fff;
	padding:0 0 2% 0;
	margin:0 0 2% 0;
}
.container_inner02 .container_inner{
	position:relative;
}
img.contact3{
	position: absolute;
	top: -130px;
	right: -150px;
}
#index h2{
	color:#92BE24;
	font-size:64px;
	font-family: 'Bebas Neue', cursive;
	font-weight:700;
	margin:0;
	padding:0;
}
p.top_txt{
	color:#808080;
	font-size:18px;
}
.top_company{
	position:relative;
	height: 190px;
}
.top_company img{
	position: absolute;
	right: -150px;
	top: 0px;
}


@media screen and (min-width: 1200px) {
.pc { display: block !important; }
.sp { display: none !important; }
}