html { 
	font-size: 62.5%; /* 10px */
}
body, body *, body *::before, body *::after {
	outline:none;
}
body {
	background:#FFF;
}
.inter {
	font-family: 'Inter', sans-serif;
}

/* =color
-------------------------------------------------------------- */
:root {
	--anime-1:cubic-bezier(.2, 1, .2, 1);
}

/* =structure
-------------------------------------------------------------- */
.container {
	width:100%;
	height:calc(var(--vh,1vh) * 100);
	overflow:hidden;
	perspective:1;
}
.wrapper {
	width:100%;
	margin:0 auto;
	position: relative;
	overflow:hidden;
}
.contents {
	max-width:1500px;
	width:85%;
	margin:0 auto;
	position: relative;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: space-between;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

main {
	width:100%;
	height:calc(var(--vh,1vh) * 100);
	position: relative;
}
@media screen and (min-width:768px) {
	header {
		position: absolute;
		top:50%;
		left:50%;
		width:218px;
		height:104px;
		margin:-52px 0 0 -109px;
	}
	header img {
		display: block;
		width:100%;
		height:auto;
	}
	.main {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		align-items:center;
	}
	.main .left {
		width:50%;
		text-align:right;
		font-size:1.2rem;
		line-height: 1.5em;
		padding:20px 30px;
		border-right:1px solid #000;
	}
	.main .right {
		width:50%;
		text-align:left;
		font-size:1.2rem;
		line-height: 1.5em;
		padding:20px 30px;
	}
}
@media screen and (max-width:767px) {
	header {
		position: absolute;
		top:44%;
		left:50%;
		width:140px;
		height:66px;
		margin:-33px 0 0 -70px;
	}
	header img {
		display: block;
		width:100%;
		height:auto;
	}
	.main {
		position: absolute;
		bottom:50px;
		left:7.5%;
		right:0;
		width:85%;
		height:50%;
		display:block;
	}
	.main .left {
		width:100%;
		text-align:left;
		font-size:1.1rem;
		line-height: 1.5em;
		padding:20px 0;
		border-bottom:1px solid #000;
	}
	.main .right {
		width:100%;
		text-align:left;
		font-size:1.1rem;
		line-height: 1.5em;
		padding:20px 0;
	}
}