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


* {
    margin: 0;
    padding: 0;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong {
font-weight: bold;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
	box-sizing: border-box;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*base*/
html {
	/*font-size: 62.5%;*/
	font-size: 10px;
	position: relative;
	min-width: 1110px;
}
body {
	background: #ffffff;
	text-align: center;
	color: #333333;
	font-size: 1.5rem;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, Arial,"Droid Sans", "游ゴシック", YuGothic, sans-serif;
	line-height: 180%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-width: 1110px;
	font-weight: normal;
}

a {
	color: #494949;
	text-decoration: none;   -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
img {
	box-shadow: #000 0 0 0;
	vertical-align:middle;
}
a:hover,#sidenavi #mail a:hover {
	color: #000088;
}
.left{
	float: left;
}
.right{
	float: right;
}

.vsp {
	display: none;
}

#container,.container{
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	padding:0 40px;
}

#header{
    height: 85px;
    position: relative;
    z-index: 19;
}
h2{ margin:15px 0; float:left;}
h2 a{ display:block; background-image:url(../img/logo.gif); background-repeat:no-repeat; text-indent:-9999px; height:52px; width:181px;}
#navibox{ position:absolute; top:26px; right:40px;}
#subnavi,#navi{ display:inline-block; vertical-align:middle;}
#subnavi{}
#subnavi li{ float:left; padding-top:14px;}
#subnavi li.telfs{ line-height:120%; margin-left:30px; padding-top:0;}
#subnavi li.telfs span{ font-size:2.2rem; font-weight:bold;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Roboto, Arial,"Droid Sans", "游ゴシック", YuGothic, sans-serif;}

.content {
    position:relative;
	padding:14px 20px 0 0;
}
.inner { cursor:pointer;
}


#footertel{ background-color:#f4f4f4; padding:63px 0;}
.footer_title{font-family: "Times New Roman","HiraMinProN-W3","ヒラギノ明朝 ProN W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; text-align:center; font-size:2rem; color:#000; padding-bottom:27px;}
.footer_no{ text-align:center;}
.footer_no a{ display:block; font-size:2rem; line-height:130%; padding-left:0.5em; border:1px solid #bdbdbd; padding:7px 0; width:280px; margin:0 auto;}
.footer_no a:hover{ background-color:#fff;}

#footer{border-top:1px solid #d9d9d9; padding:40px 0; margin-top:90px;}

#foot_link{ padding:18px 0;}
#foot_link .container{ text-align:center; line-height:2.5;}
#copyright{ background-color:#000088; padding:10px 0;}
#copyright .container{ text-align:center; color:#fff; font-size:1.2rem;}

@media screen and (max-width:1100px){
.container{
	margin: 0 20px;
}
}

@media screen and (max-width:760px){
html{
	min-width: 100%;}
body{
	min-width: 100%;
	font-size:1.3rem;
	overflow-x: hidden;
}
.container{ width:auto; padding:0;}

#header{ height:auto; background-color:#fff; height:60px; position:fixed; width:100%;}
#header .container{ padding:0;margin:0;}
		
#copyright{
    font-size: 1rem;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
}

.vsp {
	display: inherit;
}
.nsp,#pan,#pagetop a,#footer,#foot_link {
	display: none;
}

h2{ margin:0; float:none; position:relative; z-index:18; width:100%; background-color:#fff; padding:5px 0 0 5px;}
h2 a{ height:50px; width:150px; background-size: 100% auto;}
nav{ margin-top:5px;}
.drawer-menu{ padding-bottom:50px;}
#navibox{ position:relative; top:0; padding-top:70px; right:auto;}
#navi{  width:100%;}
#navi li{ border-bottom:1px dotted #e7e7e7; width:100%;}
#navi li a{ display:block; width:100%; padding:10px 20px;}
#subnavi{ padding:10px 0;}
#subnavi li{ float:none; padding:5px 20px;}
#subnavi li.telfs{ margin-left:0;}
.content {padding: 0;}


#footertel{ padding:40px 0;}
.footer_title{font-size:1.6rem; padding-bottom:20px; line-height:1.4;}
.footer_no span{ font-size:2rem; line-height:130%; }


#copyright .container{ color:#fff; font-size:1.1rem; line-height:120%;}

}