@charset 'UTF-8';

/*------------------------------------------------
contents
------------------------------------------------*/
html {
 overflow-y: scroll;
}
body, html{
  -webkit-text-size-adjust: none;
  
}

body{
  color:#000;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
}
a{
	color:#000;
	text-decoration:none;
}
/*------------------------------------------------
reset
------------------------------------------------*/

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

table{
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img{
  border: 0;

  vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, var{
  font-style: normal;
  font-weight: normal;
}

ol, ul{
  list-style: none;
}

caption, th{
  font-weight: normal; 
  text-align: left;
}

h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
}

area{
  border: none;

  outline: none;
}

abbr, acronym{
  border: 0;
}

a img:hover{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.clearfix:after, .inner:after,ul:after,.box:after,.box2:after,dl:after{
  display: block;
  clear: both; 
  content: '';
}

.clearfix, .inner, ul,.box,.box2,dl{
  zoom: 1;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#wrapper{
	display:none;
}
.contact_page #wrapper,
.top_page #wrapper{
	display:block !important;
}

.hidden{
	display:none;
}

.intro{
	background:#fff;
	z-index:1000;
}

/* Toggle Button */
#nav-toggle,.close {
	display: none;
	position:fixed;
	right: 12px;
	top: 16px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #000;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
.mainimg{
	border-top:1px solid #333;
}
/*SP*/
@media screen and (max-width: 768px) {
img{
	width:100%;
	height:auto;
}



header{
	background:#fff;
	position:fixed;
	z-index:10;
	height:60px;
	border-bottom:1px solid #dedede;
	width:100%;
	top:0;
}

header .logo{
	position:fixed;
	top:15px;
	left:10px;
	width:160px;
	height:auto;
}
header .logo img{
	width:100%;
	height:auto;
}

section {
	padding:60px 15px;
}

#overlay {
	user-select: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 1000;
	display: none;
}
#sp_navi,header nav, header .sns{
	display:none;
}
#sp_navi{
	background:#fff;
	position:fixed;
	z-index:100;
	display:none;
	width:100%;
	top:55px;
	left:0;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;

}
#sp_navi > ul{
	border-top:1px solid #fff;
	background:#333;
}
#sp_navi ul li{
	text-align:left;
	width:100%;
	color:#fff;
}

#sp_navi > ul li a,
#sp_navi > ul li span{
	border-bottom:1px solid #666;
	color:#fff;
	display:block;
	padding:15px 0 15px 10px;
	width:100%;
	text-align:left;
}

#sp_navi ul.sns{
	background:#fff;
	text-align:center;
	margin:0;
	border-bottom:1px solid #666;
}
#sp_navi ul.sns li{
	display:inline-block !important;
	margin:15px 0;
	padding:0 10px;
	width:60px;

}
#sp_navi ul.sns li a{
	display:inline;
	border-bottom:none;
}

#nav-toggle {
	display: block;
}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #global-nav {
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}


footer{
	border-top:1px solid #dfdfdf;
}

footer li{
	border-bottom:1px solid #dfdfdf;
	padding: 0 0 10px;
	margin:0 0 10px;
}

.intro-txt{
	width:220px;
	height:20px;
}

#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pagetop a {
    text-decoration: none;
    width: 40px;
	height:40px;
    display: block;
}
.copyright{
	margin:20px 0;
	text-align:center;
	font-size:11px;
}

}

/*PC*/
@media print, screen and (min-width: 769px) {
body{
	min-width:1000px;
}
#top-head{
	display:none;
	z-index:100;
}
.sp{
	display:none;
}

.logo{
	float:left;
	width:160px;
}
.logo img{
	width:100%;
	height:auto;
}
.gnavi{
	float:left;
	margin:3px 0 0 40px;
}
.gnavi li{
	float:left;
	margin:0 30px 0 0;
}
.gnavi li a{
	font-weight:bold;
	font-size:14px;
}
.gnavi li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.gnavi li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.gnavi li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.sns{
	float:right;
	margin-right:20px;
}
.sns li{
	float:left;
	margin:0 0 0 10px;
	width:36px;
}
.sns li img{
	width:100%;
	height:auto;
}

#wrapper header{
	background:#fff;
	padding:20px 0 20px 20px;
}

.maini_title{
	font-size:30px;
	font-weight:bold;
	border-top:1px solid #ed280e;
	border-bottom:1px solid #ed280e;
	padding:80px 0;
	text-align:center;
}
.map iframe{
	width:100%;
	height:500px;
}

#pagetop {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

#pagetop a {
    text-decoration: none;
    width: 60px;
	height:60px;
    display: block;
}

#pagetop img{
	width:100%;
	height:auto;
}

.copyright{
	font-size:12px;
	margin:40px auto;
	text-align:center;
}

.copyright p{
	font-size:12px;
}
}