/*---------------------------------------------------------
css reset
----------------------------------------------------------*/

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


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

html, body{
	height:100%;
	margin:0;
	padding:0;
}

.pc{display: block;}
.mobile{display: none;}


body{
	font:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color:#313131;
	background-color:#fff;
	font-size:14px;
	text-align:left;
	letter-spacing:0.1em;
	/*overflow-x: hidden;*/
	min-width:960px;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	color:#5c5c5c;
}

img{
	text-align:left;
	border:0;
	margin:0;
	padding:0;
}

p{
	line-height:1.8em;
	text-align:left;
}

a{
	text-decoration:none;
	/*color:#f56200;*/
	color:#f06;
	word-break: break-all;
}


ul{list-style-type:none;}

#wrap{
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#main{
	clear: both;
	position: relative;
}

.inner{
	position: relative;
	width:960px;
	margin: 0 auto;
	padding:48px 0;
}

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */


s {color:#aaa;}

.narrow {
	letter-spacing: -0.1px;
}

/*---------------------------------------------------------
ヘッダー
----------------------------------------------------------*/

#header{
	position:relative;
	width:960px;
	top:0;
	height:72px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header .inner{
	padding:0;
	margin:0;
}

.fixed{
	position: fixed;
	top:0;
	z-index:1;
}

#logo{
	position: absolute;
	width:300px;
	top:24px;
}

/*---------------------------------------------------------
ナビゲーション
----------------------------------------------------------*/

/***** gNav *****/
#gNav_mobile{
	display: none;
}
#gNav{
	float:right;
	position:relative;
	z-index:500;
	width:560px;
	height:72px;
	margin:0 auto;
	padding:0;
}

#gNav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#gNav li{
	float:left;
	margin:0;
	padding:0;
}

#gNav a{
	display:block;
	outline:none;
	width:140px;
	height:72px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

#n1 {background: url(../img/gNav.png) no-repeat 0 0;}
#n2 {background: url(../img/gNav.png) no-repeat -140px 0;}
#n3 {background: url(../img/gNav.png) no-repeat -280px 0;}
#n4 {background: url(../img/gNav.png) no-repeat -420px 0;}

#n1 a:hover {background: url(../img/gNav.png) no-repeat 0 -72px;}
#n2 a:hover {background: url(../img/gNav.png) no-repeat -140px -72px;}
#n3 a:hover{background: url(../img/gNav.png) no-repeat -280px -72px;}
#n4 a:hover {background: url(../img/gNav.png) no-repeat -420px -72px;}

/*---------------------------------------------------------
コンテンツ
----------------------------------------------------------*/

.scrEvent{display: none;}

/*--- ゴーストボタンカスタマイズ ---*/

.btn{
	display: inline-block;
	position: relative;
	border: solid 2px #f56200;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	color:#f56200;
	font-weight: bold;
}
/* ボタン大 */
.big{
	padding: 22px 70px 18px 56px;
	font-size: 165%;
}
/* ボタン小 */
.small{
	padding: 15px 40px 14px 32px;
	font-size: 100%;
}

/* 矢印 */
.arrow01{
	position: absolute;
	top:36%;
	right:12%;
}

/* 右へ回り込み */
.right{
	float:right;
}

/*--------------------------------------------*/

.tag{
	display:inline-block;
	padding:4px 12px;
	margin:7px 4px 7px 0;
	background: #f56200;
	color:#fff;
	font-size:10px;
}

.caption{
	font-size:88%;
	color:#818181;
	margin:7px 0;
}

/*---------------------------------------------------------
トップへ戻る
---------------------------------------------------------*/

#toTop{
	position: fixed;
	bottom:116px;
	right:60px;
}

/*---------------------------------------------------------
お問合せ
---------------------------------------------------------*/

.contactSmall{
	overflow: hidden;
	position: relative;
	background: #f0eeed;
	min-height:163px;
	width:100%;
}

#conTtl{
	float: left;
	width: 261px;
	margin-top:5px;
}

.con3col{
	width:640px;
	margin-left:328px;
}

.contactBox1{
	float:left;
	width:365px;
}

.contactBox2{
	float:right;
	width:253px;
}

.con3col h2{
	font-size:1.2em;
	margin-bottom:8px;
}

.contactBox ul li{
	padding-bottom:8px;
	margin-left:26px;
}

.contactBox ul li:last-child{
	clear: both;
}

.tel{
	float:left;
	margin-right:23px;
}

/*---------------------------------------------------------
footer
----------------------------------------------------------*/

#footer{
	clear:both;
	position: relative;
	bottom:0;
	width:100%;
	height:100px;
	background-color:#363636;
	color:#fff;
}

#footer p.copyright{
	width:960px;
	padding:30px 0;
	margin:0 auto;
	font-size:83%;
}






@media all and (max-width: 768px) {
html, body{
	/*height:100%;*/
        width: 100%;
	/*margin:0;*/
	/*padding:0;*/
}

.pc{display: none;}
.mobile{display: block;}


body{
	/*font:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;*/
	/*color:#313131;*/
	/*background-color:#fff;*/
	font-size:3.5vw;
	/*text-align:left;*/
	/*letter-spacing:0.1em;*/
	min-width:0;
	/*width:100%;*/
	/*height:100%;*/
	/*margin:0;*/
	/*padding:0;*/
}

h1,h2,h3,h4,h5,h6{
	/*color:#5c5c5c;*/
}

img{
/*	text-align:left;
	border:0;
	margin:0;
	padding:0;*/
}

p{
/*	line-height:1.8em;
	text-align:left;*/
}

a{
/*	text-decoration:none;
	color:#f56200;*/
}


/*ul{list-style-type:none;}*/

#wrap{
/*	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;*/
}

#main{
/*	clear: both;
	position: relative;*/
}

.inner{
/*	position: relative;*/
	width:100%;
	/*margin: 0 auto;*/
	/*padding:48px 0;*/
}

.cf:after {
/*    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;*/
}
/** html .cf { zoom: 1; } /* IE6 */
/**:first-child+html .cf { zoom: 1; } /* IE7 */


/*s {color:#aaa;}*/

/*---------------------------------------------------------
ヘッダー
----------------------------------------------------------*/

#header{
	/*position:relative;*/
	width:100%;
	/*top:0;*/
	height:auto;
	/*margin:0 auto;*/
	padding:0 0 1.7em 0;
	/*text-align:left;*/
}

#header .inner{
	/*padding:0;*/
	/*margin:0;*/
}

.fixed{
	/*position: fixed;*/
	/*top:0;*/
	/*z-index:1;*/
}

#logo{
	position: relative;
	width:65%;
	top:inherit;
        margin: 10px 0 15px 10px;
}
#logo img{
    width: 100%;
    height: auto;
}

/*---------------------------------------------------------
ナビゲーション
----------------------------------------------------------*/

/***** gNav *****/

#gNav{
	display: none;
}
#gNav_mobile{
	display: block;
        font-size: 0;
}
#gNav_mobile a{
	display: inline-block;
        font-size: 3.5vw;
        font-weight: bolder;
        color: #777;
        width: 24.5%;
        text-align: center;
        position: relative;
}
#gNav_mobile a span{
    display: block;
    width: 1em;
    position: absolute;
    bottom: -0.5em;
    left: 3em;
    height: 2px;
    background: #fbad79;
}


/*---------------------------------------------------------
コンテンツ
----------------------------------------------------------*/

.scrEvent{display: none;}

/*--- ゴーストボタンカスタマイズ ---*/

.btn{
	display: inline-block;
	position: relative;
	border: solid 2px #f56200;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	color:#f56200;
	font-weight: bold;
}
/* ボタン大 */
.big{
	padding: 0.9em 2em 0.8em 1em;
	font-size: 4vw;
        text-align: center;
}
/* ボタン小 */
.small{
	padding: 0.7em 2em 0.6em 1em;
	font-size: 3.5vw;
}

/* 矢印 */
.arrow01{
	position: absolute;
	top:34%;
	right:7%;
        height: 2.8vw;
        width: auto;
}

/* 右へ回り込み */
.right{
	float:right;
}

/*--------------------------------------------*/

.tag{
	display:inline-block;
	padding:4px 12px;
	margin:7px 4px 7px 0;
	background: #f56200;
	color:#fff;
	font-size:3vw;
}

.caption{
	font-size:88%;
	color:#818181;
	margin:7px 0;
}

/*---------------------------------------------------------
トップへ戻る
---------------------------------------------------------*/

#toTop{
	/*position: fixed;*/
	bottom:17vw;
	right:1em;
}
#toTop img{
    height: auto;
    width: 14vw;
}

/*---------------------------------------------------------
お問合せ
---------------------------------------------------------*/

.contactSmall{
	overflow: hidden;
	position: relative;
	background: #f0eeed;
	min-height:163px;
	width:100%;
        padding-left: 10px;
        box-sizing: border-box;
}

#conTtl{
	float: none;
	width: auto;
	margin-top:5px;
}
#conTtl img{
    width: 55%;
    height: auto;
}

.con3col{
	width:100%;
	margin-left:0;
}

.contactBox1{
	float:none;
	width:95%;
        margin:30px 0 30px 5%;
}
.contactBox2{
	float:none;
	width:95%;
        margin-left: 5%;
}
.contactBox1 ul li img,
.contactBox2 ul li img{
    height: 5vw;
    width: auto;
}

.con3col h2{
	font-size:1.2em;
	margin-bottom:8px;
}

.contactBox ul li{
	padding-bottom:8px;
	margin-left:26px;
}

.contactBox ul li:last-child{
	clear: both;
}

.tel{
	float:left;
	margin-right:23px;
}

/*---------------------------------------------------------
footer
----------------------------------------------------------*/

#footer{
	/*clear:both;*/
	/*position: relative;*/
	/*bottom:0;*/
	/*width:100%;*/
	height:auto;
	/*background-color:#363636;*/
	/*color:#fff;*/
        padding-bottom:0;
}

#footer p.copyright{
	width:100%;
	padding:1em 0 1em 0.6em;
        box-sizing: border-box;
	/*margin:0 auto;*/
	font-size:3vw;
}
}