/*---------------------------------------------------------
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;
}

html{
	overflow: auto;
}

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

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url('../font/NotoSansCJKjp-Light.eot');
	src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Light.woff') format('woff')
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansCJKjp-Bold.eot');
	src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Bold.woff') format('woff')
}

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

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

h2{
	font-size:2.4em;
	line-height:1.8em;
	text-align:center;
	font-weight: 300;
}

p{
	line-height:1.8em;
	margin-top:20px;
	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%;
	text-align: center;
}

#main{
	padding:0px 0;
}

.cnt{
	padding:100px 0 120px;
}

.inner{
	position: relative;
	width:960px;
	height:auto;
	margin: 0 auto;
	overflow: hidden;
}

.colorBg{
	background: #f6f2ec;
}

hr.style1{
	border-top: 1px solid #c3c3c3;
	width:960px;
}
hr.style2{
	border-top: 1px solid #313131;
	width: 470px;
	text-align: center;
}

.inner hr.style1{
	margin:42px auto;
}

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

/* 左へ回り込み */
.left{
	float:left;
	overflow: hidden;
}

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

.center{
	text-align: center;
}

.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 */

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

#header{
	position: relative;
	padding:0;
	margin:0 auto;
	height:150px;
	width: 960px;
}

#header h1{
	padding:24px 0 20px;
	text-align: left;
}

#header hr{
	margin:0;
}

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

/*---------------------------------------------------------
ナビゲーション
----------------------------------------------------------*/
#gNav_mobile{
	display: none;
}
#gNav{
	list-style-type:none;
	width:960px;
	height:28px;
	margin:25px auto 0;
}

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

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

#n1 {background: url(../img/gNav.png) no-repeat 0 0; width:158px;}
#n2 {background: url(../img/gNav.png) no-repeat -157px 0; width:182px;}
#n3 {background: url(../img/gNav.png) no-repeat -339px 0; width:212px;}
#n4 {background: url(../img/gNav.png) no-repeat -551px 0; width:166px; opacity:0.5; filter:alpha(opacity=50); pointer-events:none;}
#n5 {background: url(../img/gNav.png) no-repeat -717px 0; width:129px;}
#n6 {background: url(../img/gNav.png) no-repeat -846px 0; width:113px;}

#n1 a:hover , .current1 {background: url(../img/gNav.png) no-repeat 0 -28px; width:158px;}
#n2 a:hover , .current2 {background: url(../img/gNav.png) no-repeat -157px -28px; width:182px;}
#n3 a:hover , .current3 {background: url(../img/gNav.png) no-repeat -339px -28px; width:212px;}
/*#n4 a:hover , .current4 {background: url(../img/gNav.png) no-repeat -551px -28px; width:166px;}*/
#n5 a:hover , .current5 {background: url(../img/gNav.png) no-repeat -717px -28px; width:129px;}
#n6 a:hover , .current6 {background: url(../img/gNav.png) no-repeat -846px -28px; width:113px;}

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

#toTop a{
	display:block;
	text-align: center;
	padding-top:20px;
	margin:0 auto -1px;
	width:290px;
	height:40px;
	background-color:#363636;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
		/** Safari Chrome **/
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		/** Firefox  */
		-moz-border-top-left-radius:5px;
		-moz-border-top-right-radius:5px;
}

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

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









@media all and (max-width: 768px) {


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

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

html{
	overflow: auto;
}

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

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url('../font/NotoSansCJKjp-Light.eot');
	src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Light.woff') format('woff')
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansCJKjp-Bold.eot');
	src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Bold.woff') format('woff')
}

body{
	font:'Noto Sans Japanese','ヒラギノ角ゴ 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;
	/*overflow-x: hidden;*/
	min-width:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

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

h2{
	font-size:4.2vw;
	line-height:1.8em;
	text-align:center;
	font-weight: 300;
}

p{
	line-height:1.8em;
	margin-top:20px;
	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%;
	text-align: center;
}

#main{
	padding:0px 0;
}

.cnt{
	padding:6vw 0;
}

.inner{
	position: relative;
	width:96%;
	height:auto;
	margin: 0 auto;
	overflow: hidden;
}

.colorBg{
	background: #f6f2ec;
}

hr.style1{
	border-top: 1px solid #c3c3c3;
	width:100%;
}
hr.style2{
	border-top: 1px solid #313131;
	width: 100%;
	text-align: center;
}

.inner hr.style1{
	margin:42px auto;
}

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

/* 左へ回り込み */
.left{
	float:left;
	overflow: hidden;
}

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

.center{
	text-align: center;
}

.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 */

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

#header{
	position: relative;
	padding:0;
	margin:0 auto;
	height:auto;
	width: 100%;
}

#header h1{
	padding:24px 0 20px 2vw;
	text-align: left;
}

#header hr{
	margin:0;
}

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

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

#gNav{
	display: none;
}
#gNav_mobile{
    padding: 4vw 0;
	display: block;
        font-size: 0;
}
#gNav_mobile a{
	display: inline-block;
        vertical-align: bottom;
        font-size: 2.8vw;
        font-weight: bolder;
        color: #777;
        width: 19.5%;
        text-align: center;
        position: relative;
        line-height: 2.6em;
}
#gNav_mobile a:nth-child(1),
#gNav_mobile a:nth-child(3){
    line-height: 1.5em;
}
#gNav_mobile a span{
    display: block;
    width: 1em;
    position: absolute;
    bottom: -0.5em;
    left: 2.95em;
    height: 2px;
    background: #fbad79;
}

#gNav_mobile a.now{
    color: #000;
}

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

#toTop a{
	display:block;
	text-align: center;
	padding:4vw 0 3vw 0;
	margin:0 auto -1px;
	width:60vw;
        font-size: 3.5vw;
	height:auto;
	background-color:#363636;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
		/** Safari Chrome **/
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		/** Firefox  */
		-moz-border-top-left-radius:5px;
		-moz-border-top-right-radius:5px;
}

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

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


}