@charset "UTF-8";


html {
	overflow-y: scroll;
overflow-x:hidden;
	background:#fff;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0; padding: 0;
}

h1{
font-weight:normal;
}


img{
border:0;
vertical-align:bottom;
}

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



html {
	overflow-y: scroll;
overflow-x:hidden;
}


body{
-webkit-text-size-adjust: none;
font-family:'Zen Kaku Gothic New', sans-serif;;
line-height:1.5em;
background:#fff;
font-weight: 500;
width:100%;
text-align:center;
}



#wrapper{
	margin:0 auto 0 auto;
	width:100%;
height:100%;
text-align:center;
position:relative;
}

img {
  width: 100vw;
  height: auto;
}

.pcmain{
display:block;
position:relative;
}

.spmain{
display:none;
}


h1{
margin:40px 0 50px 0;
font-size:50px;
font-weight:900;
 position: fixed;
  top:10px;
color:#fff;
left:50%;
text-align:center;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
}



p{
font-size:20px;
line-height:1.6em;

color:#fff;
position:absolute;
font-weight:900;
text-shadow: 1px 1px 0px #000;

text-align:center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.copy{
font-size:13px;
color:#000;
position:fixed;
bottom:20px;
left:50%;
text-align:center;
text-align:center;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
}



/***************************
会社概要
***************************/
h2{
margin:50px 0 10px 0;
	font-size:20px;
text-align:center;
}

.guideBox {
	width:100%;
margin:70px auto 0 auto;
}



.guideBox table {
	width:800px;
	border-collapse:collapse;
	background:#fff;
margin:0 auto;
text-align:center;
}

.guideBox th {
	font-size:17px;
	line-height:1.6em;
width:25%;
	vertical-align:middle;
	padding:15px 10px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#00224c;
}
.guideBox td {
	font-size:17px;
	line-height:1.6em;
width:75%;
	padding:15px 10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#000;
}



@media screen and (max-width: 768px){
.pcmain{
display:none;
}

.spmain{
display:block;
position:relative;
}


h1{
margin:30px 0 10px 0;

font-weight:900;
font-size:30px;
 position: fixed;
  top: 10px;
color:#fff;
left:50%;
text-align:center;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}


.guideBox table {
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

p{
font-size:15px;
line-height:1.6em;
margin:15px 0 0 0;
color:#fff;
position:absolute;
font-weight:900;
text-shadow: 1px 1px 0px #000;
width:100%;
text-align:center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.copy{
font-size:11px;
 position: fixed;
  bottom: 10px;
left:50%;
text-align:center;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}




}
