@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap');

html {
	font-size: 62.5%;
	position: relative;
	min-height: 100%;
}

html,body {
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
	height: 100%;
	background: #fff;
}

section {
	height: 100vh;
	min-height: 600px;
}

section.about {
}
section.corp {
	display: none;
}

h2 {
	margin: 1em 0 4em;
}

.spOnly {
	display: none;
}

#pageCover {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: #000;
	z-index: 20;
	transition-duration: .5s;
	transition-delay: .5s;
}
.start #pageCover {
	height: 0;
}

#contentWrap {
	height: 100vh;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#contentWrap > div:first-child {
	padding-left: 8%;
}
#contentWrap > div:last-child {
	width: 48%;
}
#contentWrap > div {
	position: relative;
}

.mainLogo {
	position: fixed;
	bottom: 100px;
	width: 27%;
	max-width: 411px;
	cursor: pointer;
}
.blcokWrap {
	position: relative;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
dl.dataList {
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 4px;
}
dl.dataList dt {
	float: left;
}
dl.dataList dd {
	margin: 0 0 1em 7em;
}
dl.dataList dd span {
	letter-spacing: 0px;
}
.copyTxt {
	position: fixed;
	font-size: 1.2rem;
	right: 1em;
	bottom: 1em;
	text-shadow: 1px 1px 1px rgb(255 255 255), -1px -1px 1px rgb(255 255 255), 1px -1px 1px rgb(255 255 255), -1px 1px 1px rgb(255 255 255), 0 0 5px rgb(255 255 255);
}


@media screen and ( max-width:750px) {
	.spOnly {
		display: block;
	}
	body {
	}
	#contentWrap {
		display: block;
	}
	#contentWrap > div:first-child {
		display: none;
	}
	#contentWrap > div:last-child {
		width: 100%;
	}
	.spTtlWrap {
		text-align: center;
		height: 100%;
	}
	.mainLogo {
		position: relative;
		bottom: auto;
		width: 52%;
	}
	#mainLogoSp {
		display:block;
		overflow:hidden;
		width: 100%;
		background: #fff;
		z-index: 10;
		position: relative;
		bottom: auto;
		top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    padding:1em 0;
	    text-align :center;
	}
	.fixed #mainLogoSp {
		position: fixed;
		top: 0;
	    transform:unset;
	    -webkit-transform:unset;
		/*padding: 1em 0;*/
	}
	.copyTxt {
		width: 100%;
		text-align: center;
		/*font-size: .8em;*/
		bottom:0;
		padding-bottom: 1em;
		background-color:#ffffff;
	}
	.blcokWrap {
		padding: 1.5em;
	}
	.blcokWrap p img{
	width:320px;
}
	h2 img {
		width: 70%;
		height: auto;
	}
	/*dl.dataList {
		padding-bottom: 2em;
		font-size: 1.22rem;
	}
	dl.dataList dt {
		border-bottom: 1px solid #f3f2f2;
		padding: .5em 0;
		float: none;
	}
	dl.dataList dd {
		margin: .5em 0 1em 1em;
	}*/

	section.corp {
		padding: 11em 0;
	}

	section.corp p > img{
		width:100%;
		height:auto;
	}
	
}