@charset "utf-8";

body {
	-webkit-text-size-adjust: 100%;
	background-image:url(../images/bg.gif);
	background-size:400px auto;
 font-size: 13px;
 min-width: inherit;
}
img {
	max-width:100%;
}
.pc {
	display:none !important;
}
.sp {
	display: block !important;
}
.sp_inline {
	display:inline !important;
}
a#top {
 position: absolute;
 top: 0;
}
div#header {
	width: 100%;
	padding:0;
	position: fixed;
	background-color: #000;
	height: 40px;
	top: 0;
	left: 0;
 z-index: 1;
}


p.sp_menu {
 display: block;
 position: fixed;
 right: 16px;
 top: 11px;
 z-index: 62;
 width: 31px;
 height: 20px;
 text-align: center;
}
.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 31px;
    height: 20px;
}
.menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 3px;
 background-color: #666666;
 border-radius: 2px;
 -webkit-border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
 top: 0;
}
.menu-trigger span:nth-of-type(2) {
 top: 9px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(8px) rotate(-45deg);
 transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-8px) rotate(45deg);
 transform: translateY(-8px) rotate(45deg);
}
div#sp_bg {
 background: rgba(0,0,0,0.85);
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 59;
 display: none;
}
div#sp_menu {
	background-color:rgba(255,255,255,0.9);
	width:70%;
 height: 100%;
	position:fixed;
	right:0;
	top:0;
	z-index:60;
	display: none;
 overflow-y: scroll;
}
div#sp_menu ul.sp_gmenu {
	margin:44px 0 0 0;
 border-top: 1px solid #152223;
}
div#sp_menu ul.sp_gmenu li {
	line-height:1;
 border-bottom: 1px solid #152223;
}
div#sp_menu ul.sp_gmenu li img {
 width: 113px;
 padding: 0 0 0 20px;
 -moz-opacity:0.3;
	opacity:0.3;
}
div#sp_menu ul.sp_gmenu li a img {
 padding: 0;
 -moz-opacity:1;
	opacity:1;
}
div#sp_menu ul.sp_gmenu li a {
	display:block;
 padding: 0 0 0 20px;
}
div#sp_menu ul.sp_submenu {
 margin: 30px 7px 0 7px;
}
div#sp_menu ul.sp_submenu li {
 margin-bottom: 15px;
}

div#document {
	width: auto;
	margin: 0 15px;
 background: none;
 padding:0;
}
h1.main {
	height: auto;
	z-index:0;
	text-indent:0;
	position: static;
}
h1.main img {
	width:100%;
	height:auto;
}
div#header {
 background: #FFF url(../images/header_bg.png) no-repeat center bottom;
 background-size: 100% 2px;
 padding-bottom: 7px;
}
div#header_area {
 width: auto;
 margin: 0;
}
div#header .logo {
	float: none;
	margin: 6px 0 0 15px;
}
div#header .logo img {
	width:141px;
	height:auto;
 vertical-align: middle;
}
div#header .menu_area {
 display: none;
}
ul.footer_submenu {
 margin: 25px 0 30px 0;
}
ul.footer_submenu li {
 float: left;
 width: 48%;
 line-height: 1;
 margin:0 0 10px 0;
}
ul.footer_submenu li:nth-child(even) {
 margin:0 0 10px 0;
 float: right;
}

.pagetop span {
 padding: 5px;
}
.pagetop img {
 width: 25px;
}
p.pagetop2 {
 display: none;
}

#footer {
 background-color: #eae4da;
 padding: 15px 0;
 border-top: 1px solid #FFF;
}
#footer_area {
 width: auto;
 margin: 0 15px;
}
#footer_area p {
 float: none;
 text-align: center;
}
p.official {
 margin: 0;
}
p.official img {
 width: 100%;
}
p.tel {
 margin: 30px 0;
}
p.tel img {
 width: 100%;
}
p.banner {
 margin: 0;
}
p.banner img {
 width: 25%;
}

.title01 {
 text-align: center;
 margin: 30px 0;
}
.title01 img {
 height: 50px;
}
.title02 {
 text-align: center;
 margin: 50px 0 20px 0;
}
.title02 img {
 height: 20px;
 max-width: 100%;
}