<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */


#header .spmenu {
	display:none;
}


/**navi**/
#menu-box{ background-color:#FFF;}
#menu {}
#menu li span{ font-size:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-font-smoothing: antialiased;  }
#menu li a{ display: block; text-decoration:none; }
#menu li:last-child a{ }
#menu li a:hover{ }
#toggle { display: none; }

.line_l{ border-left: 1px solid #f2f2f2; }
.line_r{ border-right: 1px solid #f2f2f2; }

#header ul.mainnav {
	margin:auto;
	position:relative;
}

h1.seo{ text-align:center; padding:8px 0;  }
#header .logo{ text-align:center; padding:15px 0 0 0;  }
#header .logo img{ width:80px;}

label {
    padding :10px 0 0 10px;
    display: block;
    margin: 0;
    color :#fff;
    background :#333;
    border: 1px solid #ccc;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    cursor :pointer;
}

input[type="checkbox"].bellows{
	display:none; /* チェックボックスの非表示 */
}

.aco ul {
/* メニュー開閉時アニメーション */
    background :#f4f4f4;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aco li {
    padding: 5px;
}

/* ▽▽アコーディオン開閉指定▽▽ */
input[type="checkbox"].bellows + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type="checkbox"].bellows:checked + ul{
    height: 170px;/* チェックが入っているときの高さ */
}
/* △△アコーディオン開閉指定△△ */





@media screen and (max-width:899px) {
	#header{
	height:70px;
	}

nav{ height:70px;
	position:relative;
	top:0 !important;
	left:0 !important;
	z-index:999;
	width:100% !important;
	border-bottom:1px solid #CCC;
	background-color: rgba(255, 255, 255, 0.92);
	 }



#header h1{ position:absolute; width:100%; padding:24px 0 0 0;  }
#header h1 img{ text-align:center; height:24px; }

#header ul.mainnav {
	width:100%;
	margin:auto;
	padding-top:0px;
	position:relative;
	display:none;
	position:absolute;
	top:69px;
	z-index:9999;


}

#header ul.mainnav .line {
	display:none;
}
#header .mainnav li {
	float:none;
	display:block;
	border-bottom:#CCC dotted 1px;
	background-color:#FFF;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1.00 !important;
	opacity:1.00  !important;
	height:auto; width:50%; float:left; z-index:9999;
}
#header .mainnav li.ht_2{ height:88px; }


#header .tel{ width:28px; overflow:hidden; display:block; position:absolute; left:15px; z-index:99999; margin:18px auto;}
#header .tel img{ max-width: 100%; height: auto; }

#header .spmenu {
	width:40px;
	height:40px;
	overflow:hidden;
	margin:17px auto 0;
	cursor:pointer;
	display:block;
	right:10px;
	z-index:99999;
	position:absolute;
	margin:13px auto;
	top: 0;
}


/**navi**/
#menu { background-color: #fff; overflow: hidden;}
#menu li { position:relative; border-bottom: 1px solid #dccec5; margin: 0;
	text-align: center;
	background-color:#FFF;
	font-size:13px;
	font-family:'helvetica', sans-serif;
	letter-spacing:0.1em;
	padding: 15px 0 20px 0; }
#menu li a{ display:block; }
.nav_line{ position:absolute; bottom:10px; width:100%; }
.nav_line p{ width:8px; height:2px; background-color:#333; margin:0 auto; }

}

@media screen and (min-width: 900px) {

	#header{ padding-bottom:20px; position:relative; clear:both; overflow:hidden; }
	nav{}
	#header .tel{ display:none; }
	#header .logo img{ width:155px;}

	/**navi**/
#menu { overflow:hidden; width: 100%; padding:20px 0 0px 0;  }
#menu ul{ max-width:1400px; margin: 0 auto; margin-top:10px; }
#menu li{
	position:relative;
	display: block;
	float: left;
	width:12.5%;
	/* width:11.1%; */
	margin: 0;
	text-align: center;
	font-size:14px;
	font-family:'Maven Pro', sans-serif;
	letter-spacing: 0.05em;
	padding: 5px 5px 10px ;
	color:#323131;
	overflow: hidden;
}
#menu li a{
	color:#323131;
}
.nav_line{ position:absolute; bottom:0px; width:100%; }
.nav_line p{ width:20px; height:1px; background-color:#333; margin:0 auto; }


}
</pre></body></html>