header,nav,hgroup,article,section,figure,aside,menu,footer{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;}
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, font, 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{margin:0;padding:0;border:0;outline:0;font-size:100%;}
body{line-height:1;}
ol, ul{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}

a:link{color: #687b8b; text-decoration:none;}
a:visited{color: #687b8b; text-decoration:none;}
a:hover{color: #687b8b; text-decoration:underline;}
a:active{color: #687b8b; text-decoration:none;}

body{
	-webkit-text-size-adjust: 100%;
	color: #000;
	background-color: #fff;
}

#background_js {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  -webkit-user-select: none;
}


#box {
	width: 100%;
	height: 100%;
	padding:0;
	margin:0;
	position: fixed;
	top: 0;
	left: 0;
	overflow: scroll;
	z-index: 1;
	-webkit-overflow-scrolling: touch;
}

.f-box {
	width: 100%;
	height: 100%;
	text-align: center;
	clear: both;
}

.h-center{
	position: relative; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */ transform: translateY(-50%);
}

#menu {width: 100%; height: 40px; background-color: rgba(0, 0, 0, 0.90); position: fixed; top: 0px; z-index: 10; display: inline-block;}
#menu ul{text-align: center; font-size: 0;}
#menu li{color: #fff; display: inline-block; padding-left: 30px; font-size:20px; line-height: 40px; font-family: futura-pt, sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase;}
#menu li:first-child{padding-left: 0px;}

#sp_menu {display: none;}
#sp_menu_open {display: none;}
#sp_menu_close {display: none;}

#menu a:link{color: #fff; text-decoration:none;}
#menu a:visited{color: #fff; text-decoration:none;}
#menu a:hover{color: #fff; text-decoration:underline;}
#menu a:active{}


#main_title{ font-size: 160px; text-align: center; font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal; font-feature-settings:"palt"; margin-bottom: 30px; }

h2 { font-size: 24px; font-family: futura-pt, sans-serif; font-weight: 300; text-align: center; margin-bottom: 30px;  text-transform: uppercase;}

h3 { font-size: 26px; line-height: 36px; font-family: serif; text-align: center;}

h4 { font-size: 20px; line-height: 36px; font-family: serif; text-align: center;}

.s01 {font-size: 12px; line-height: 20px; font-family: sans-serif; font-feature-settings:"palt";}

.s02 {font-size: 16px; line-height: 26px; font-family: sans-serif; font-feature-settings:"palt";}

.s03 {font-size: 18px; line-height: 29px; font-family: sans-serif; font-feature-settings:"palt";}

.zukai01 { display: block; width: 400px; margin: 0 auto;}
.zukai02 { display: block; width: 600px; margin: 0 auto;}


.company_name { font-size: 50px; line-height:50px; text-align: center; position: relative; font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 30px;}
.company_name span{font-size: 20px; font-family: sans-serif; vertical-align:top;}

.name li {font-size:25px; font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal; display: inline-block; margin-left: 60px; margin-bottom: 30px;}
.name li:first-child{margin-left: 0px;}
.name span{font-size:0.7em;}

ul.name2 {float: left; margin-left: 50px;}
ul.name2:first-child{ margin-left: 0px;}
.name2 li {font-size:23px; font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 20px; text-align: left;}
.name2 span{font-size:0.7em;}

table {width: 600px; margin: 0px auto 50px;}
table td {font-size: 16px; line-height: 22px; font-family: sans-serif; text-align: left; padding: 10px; vertical-align: top;}

#footer { font-size: 20px; text-align: center; font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal;}

#mail {position: fixed; z-index: 2; left: 20px; bottom: 20px;}
#mail img{ width: 80px; height: 80px;}

hr {width: 60%;
	margin: 30px auto;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0,100), rgba(0, 0, 0, 0));
	background-image:    -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0,100), rgba(0, 0, 0, 0));
	background-image:     -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0,100), rgba(0, 0, 0, 0));
	background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0,100), rgba(0, 0, 0, 0));
}

.m_b_40 { margin-bottom: 40px;}
.m_b_30 { margin-bottom: 30px;}
.m_b_20 { margin-bottom: 20px;}
.m_b_10 { margin-bottom: 10px;}

.t_a_c {text-align: center;}
.t_a_l {text-align: left;}

.d_ib {display:inline-block; }

.a_button {background: #000000; padding: 10px 20px; font-size: 20px; text-align: center; font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal; font-feature-settings:"palt"; color: #fff;}

.p_button a:link{color: #fff; text-decoration:none;}
.p_button a:visited{color: #fff; text-decoration:none;}
.p_button a:hover{color: #fff; text-decoration:underline;}
.p_button a:active{color: #fff; text-decoration:none;}


@media (max-width: 960px) {

#mail {position: fixed; z-index: 2; left: 30px; bottom: 30px;}
#mail img{ width: 120px; height: 120px;}
	
#menu {display: none;}
	
#sp_menu {width: 50%; height: 100%; background-color: rgba(0, 0, 0, 0.85); position: fixed; top: 0px; right: 0px; z-index: 10; display: none;}
#sp_menu ul{text-align: right; margin-top: 120px;}
#sp_menu li{color: #fff; font-size:40px; line-height: 80px; font-family: futura-pt, sans-serif; font-weight: 300; font-style: normal; display:block; margin-right: 30px; text-transform: uppercase;}
#sp_menu_open {display: block; position: fixed; top:20px; right: 20px;  z-index: 20; cursor: pointer;}
#sp_menu_close {display: none;  position: fixed; top:20px; right: 20px; z-index: 20; cursor: pointer;}
	
#sp_menu a:link{color: #fff; text-decoration:none;}
#sp_menu a:visited{color: #fff; text-decoration:none;}
#sp_menu a:hover{color: #fff; text-decoration:underline;}
#sp_menu a:active{}
	
}