/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
p{padding:0;margin:0;}

*{
    -moz-box-sizing: border-box;        /* Firefox */  
    -webkit-box-sizing: border-box;     /* Safari 3 */  
    -ms-box-sizing: border-box;         /* Internet Explorer 8 */  
    box-sizing: border-box;             /* Opera */ 
}

* {
	margin: 0;
	padding: 0;
	}
a,h1,h2, h3, h4, div, p, hr, blockquote, address, noscript {
	text-align  : left;
	font-style: normal;
	font-size: 100%;
	}
ul, ol, dl, dt, dd {
	list-style: none;
	}
span, img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	}
em, strong {
	border: none;
	font-style: normal;
	}
a {
	color: #666666;
	text-decoration: none;
	}
a:hover {
	color: #aaa;
	text-decoration: none;
	}
hr.none{
	display:none;
}


*:hover {
text-decoration:none;
}

html{
width:100%;
}

a:hover, .hover:hover{
     filter:alpha(opacity=50);
     -moz-opacity:0.5;
     -khtml-opacity:0.5;
     opacity:0.5;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

html {
width:100%;
height:100%;
}


@media (min-width: 479px) {
	body {
		text-align: center;
		background:#fff;
		background-position:top;
		font-family:'游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','Noto Sans JP','ＭＳ 明朝',serif!important;
		font-size: 100%;		/*全般の文字サイズ*/
		line-height:1.4em;
		color:#000;
	}

	.pcNone {
	display:none;
	}

	header {
	width:100%;
	height:100vh;
	position:relative;
	}

	header h1 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 440px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	text-align:center;
	}

	header h1 img {
	width:220px;
	}

	header .sideUrl {
	padding: 0;
	position: absolute;
	width: 30px;
	height:170px;
	top: 50%;
	left: 30px;
	margin-top:-85px;
	}

	header .sideUrl img{
	width:100%;
	}

	section.between {
	width:100%;
	height:200px;
	background:url(images/betweenImg3.jpg) center center no-repeat;
	}

	section.companyInfo {
	background:#EEEEEE;
	padding:200px 0;
	}

	section.companyInfo > div{
	width:800px;
	margin:0 auto;
	}

	section.companyInfo > div h2{
	font-size:130%;
	font-weight:bold;
	margin-bottom:30px;
	}

	section.companyInfo > div ul {
	width:100%;
	border-top:1px solid #999;
	}

	section.companyInfo > div ul li {
	padding:20px 0;
	border-bottom:1px solid #999;
	}

	section.companyInfo > div ul li span:nth-child(1) {
	display:block;
	float:left;
	padding-left:115px;
	width:300px;
	}

	section.companyInfo > div ul li span:nth-child(2) {
	display:block;
	float:left;
	width:calc( 100% - 300px );
	}

	footer {
	width:100%;
	background:#555;
	text-align:center;
	
	}

	footer img {
	width:341px;
	margin:120px 0;
	}

	footer .copy {
	width:100%;
	background:#000;
	text-align:center;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size:90%;
	}

	#pagetop{
	position:fixed;
	bottom:0px;
	right:100px;
	height:135px;
	width:80px;
	cursor:pointer;
	width:80px;
	z-index:200;
	}

}

@media (max-width: 479px) {

	body {
		text-align: center;
		background:#fff;
		background-position:top;
		font-family:'游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','Noto Sans JP','ＭＳ 明朝',serif!important;
		font-size: 90%;		/*全般の文字サイズ*/
		line-height:1.4em;
		color:#000;
	}

	header {
	width:100%;
	height:100vh;
	position:relative;
	}

	header h1 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 55%;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	text-align:center;
	}

	header h1 img {
	width:100%;
	}

	header .sideUrl {
	padding: 0;
	position: absolute;
	width: 30px;
	height:auto;
	top: 70%;
	left: 10px;
	margin-top:-85px;
	}

	header .sideUrl img{
	width:100%;
	}

	section.between {
	width:100%;
	height:150px;
	background:url(images/betweenImg3.jpg) center center no-repeat;
	}

	section.companyInfo {
	background:#EEEEEE;
	padding:120px 0;
	}

	section.companyInfo > div{
	width:100%;
	margin:0 auto;
	padding:0 10px;
	}

	section.companyInfo > div h2{
	font-size:130%;
	font-weight:bold;
	margin-bottom:30px;
	width:100%;
	text-align:center;
	}

	section.companyInfo > div ul {
	width:100%;
	border-top:1px solid #999;
	}

	section.companyInfo > div ul li {
	padding:20px 0;
	border-bottom:1px solid #999;
	}

	section.companyInfo > div ul li span:nth-child(1) {
	display:block;
	float:left;
	padding-left:15px;
	margin-bottom:10px;
	width:100%;
	}

	section.companyInfo > div ul li span:nth-child(2) {
	display:block;
	float:left;
	width:100%;
	padding-left:25px;
	}

	footer {
	width:100%;
	background:#555;
	text-align:center;
	
	}

	footer img {
	width:70%;
	margin:100px 15%;
	}

	footer .copy {
	width:100%;
	background:#000;
	text-align:center;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size:90%;
	}

	#pagetop{
	position:fixed;
	bottom:0px;
	right:10px;
	height:135px;
	width:80px;
	cursor:pointer;
	width:80px;
	z-index:200;
	}

}