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

@import url("container.css");


@media screen and (min-width : 1000px){/*PC*/
.spView{
	display: none;
}
}
@media screen and (max-width : 999px){/*スマホ*/
.pcView{
	display: none;
}
}

@media screen and (max-width : 479px){/*SP�c*/
#kv .pcView{
	display: none;
}
#kv .spView{
	display: block;
}
}
@media screen and (min-width : 480px){/*����ȊO*/
#kv .spView{
	display: none;
}
#kv .pcView{
	display: block;
}
}

body{
	color: #333;
	font-size: 14px;
}
@media screen and (max-width : 999px){/*TAB以下*/

}
/*
---------------------------------------
layout
---------------------------------------
*/
@media screen and (max-width : 999px){/*TAB以下*/
.inner{
	width: 92%;
	padding: 0 4%;
}
}
@media screen and (min-width : 1000px){/*PC*/
.inner{
	width: 1000px;
	padding: 0;
	margin: 0 auto;
}
}
/*
---------------------------------------
header
---------------------------------------
*/
#kw{
	font-size: 11px;
	margin: 20px 0 5px;
}
@media screen and (max-width : 768px){
#kw{
	display: none;
}
#header{
	position: absolute;
	padding: 0px 0 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
}
#header .inner{
	padding: 0px 0 0;
}
#header #logo{
	padding: 7px 2%;
}
#header #logo img{
	height: 50px;
}
#header .hR{
	display: none;
}
}
@media screen and (min-width : 769px) and (max-width : 999px){/*TAB以下*/
#kw{
	display: none;
}
#header{
	position: absolute;
	padding: 0px 0 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
}
#header .inner{
	padding: 0px 0 0;
}
#header #logo{
	padding: 7px 2%;
}
#header #logo img{
	height: 50px;
}
#header .hR{
	display: none;
}
}
@media screen and (min-width : 1000px) and (max-width : 1049px){/*TAB以下*/
#header{
	width: 100%;

	position: fixed;
	top: 0;
	padding: 0 0 22px;
	background: url(../img/h_bg.png) no-repeat bottom;
	z-index: 5;
}
#header .box{
	background: #fff;
}
#header .inner{
	position: relative;
	width: 100%;
	height: 138px;
	margin: 0 auto;
	padding: 5px 0;

}
#header #logo{
	position: absolute;
	top: 60px;
	left: 15px;
}
#header .hR .hSite {
    position: absolute;
    right: 420px;
    top: 30px;
    font-size: 1.2em;
}
#header .hR .hTel{
	position: absolute;
	right: 177px;
	top: 23px;
}
#header .hR .hContact{
	position: absolute;
	right: 0px;
	top: 23px;
}
}

#header .hR .hSite a{
	text-decoration: none;
	color: #000;
}
#header .hR .hSite a i{
    color: #F05711;
    margin-right: 5px;
}
@media screen and (min-width : 1050px){/*PC*/

#header{
	width: 100%;
	position: fixed;
	top: 0;
	padding: 0 0 22px;
	background: url(../img/h_bg.png) no-repeat bottom;
	z-index: 5;
}
#header .box{
	background: #fff;
}
#header .inner{
	position: relative;
	width: 1050px;
	height: 138px;
	margin: 0 auto;
	padding: 5px 0;

}
#header .hR .hSite {
    position: absolute;
    right: 420px;
    top: 30px;
    font-size: 1.2em;
}
#header .hR .hTel{
	position: absolute;
	right: 177px;
	top: 23px;
}
#header .hR .hContact{
	position: absolute;
	right: 0px;
	top: 23px;
}
#header #logo{
	position: absolute;
	top: 60px;
	left: 35px;
}

}
#navBtnOpen{
	position: absolute;
	padding: 10px;
	min-height: 44px;
	width: 50px;
	text-align: center;
	top: 0px;
	right: 0;
	cursor: pointer;
	z-index: 5;
	color: #fff;
	background: #ea5514;
	height: 44px;
}
#navBtnClose{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 100000;
}
#navBtnOpen i{
	font-size: 32px;
	color: #fff;
}
#navBtnClose i{
	font-size: 30px;
	color: #ea5514;
}
#spNav{
	position: absolute;
	top: 0;
	left: 0;
	width: 92%;
	padding: 65px 4% 0; 
	background: rgba(/*130*/255, 255, 255, 0.9);
	z-index: 99999;
	
	display:none;
}
#spNav li{
	border-top: 1px solid #ea5514;
}
#spNav li a{
	display: block;
	padding: 15px 0;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #ea5514;
	text-decoration: none;
	text-align: center;
}

/*
---------------------------------------
nav
---------------------------------------
*/

@media screen and (max-width : 999px){/*TAB以下*/
#nav{
	display: none;
}
}
@media screen and (min-width : 1000px){/*PC*/
#nav{
	position: absolute;
	right: 0;
	bottom: 17px;
}
#nav li{
	float: left;
	border-right: 1px solid #dddddd;
}
#nav li:first-child{
	border-left: 1px solid #dddddd;
}
#nav li a{
	display: block;

	padding: 0 50px;
}

}

/*
---------------------------------------
bottom
---------------------------------------
*/
#bottom{
	padding: 25px 0;
	height: 15px;
	background: #eee;
}

@media screen and (max-width : 768px){/*TAB以下*/
#bottom{
	display: none;
}
}
@media screen and (min-width : 1100px){/*PC*/
#bottom ul{
	width: 1100px;
	margin: 0 auto;
}
}

#bottom li{
	display: inline;
}
#bottom li a{
	color: #333;
	text-decoration: none;
}
/*
---------------------------------------
footer
---------------------------------------
*/
@media screen and (max-width : 999px){/*TAB以下*/

}
#footer{
	position: relative;
	padding: 18px 5% 0;
	color: #fff;
	height: 40px;
	background: #ea5514;
}


#footer #copy{
	clear: both;
	padding: 10px 0;
	font-size: 11px;

}


/*
---------------------------------------
common
---------------------------------------
*/

@media screen and (max-width : 999px){
#container img{
	width: 100%;
}
.contact #container{
	padding: 64px 0 0;
}

input[type="button"],input[type="submit"],button[type="submit"] {
    -webkit-appearance: none;
	border: none;
}
}
@media screen and (min-width : 769px) and (max-width : 999px){/*TAB以下*/
#container img{
	width: inherit;
}
}
@media screen and (min-width : 1000px){/*PC*/
#container{
	padding: 138px 0 0;
}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページトップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pageTop{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#pageTop a{
	display: block;
	font-size:25px;
	background: rgba(255, 255, 255, 0.0);
	color:#fff;
	width: 58px;
	height: 58px;
	line-height: 60px;
	text-align:center;
	padding: 0px 0 0;
}
#pageTop .fa-angle-up {
	font-size: 36px;
}

#pageTop a:hover{
background: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width : 768px){
#pageTop{
	position: fixed;
}
#pageTop a{
	color: #ea5514;
	background: rgba(255, 255, 255, 0.8);
}
}