@charset "UTF-8";

* {

	margin: 0;
	padding: 0;
	box-sizing: border-box;

}

.clearfix:after {

	content: "";
	display: block;
	clear: both;
	
}

img {
	
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
	
}

li {

	list-style: none;
	
}

a {

	color: #000;
	text-decoration: none;

}

::-moz-selection {
	
	color: #fff;
	background: #009FE8
	
}

::selection {
	
	color: #fff;
	background: #009FE8;
	
}

/* HTML */
html {

	min-width: 320px;
	font-size: 62.5%;
	overflow-x: hidden;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	
}

/* ボディ */
body {

	min-width: 320px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15.5px;
	line-height: 1.7;
	color: #000;
	letter-spacing: 0.06em;
	-webkit-text-size-adjust: 100%;
	
	padding-top: 12.8rem;

}

/* メイン */
main {
	
	display: block;

}

/* 内枠 */
.inner {

	margin: 0 auto;

}

/* ヘッダー */
header {
	
	position: fixed;
	top:  0;
	left: 0;
	z-index: 1000;
	width: 100%;
	padding-top: 4.3rem;
	padding-bottom: 4.5rem;
	padding-left: 3.5%;
	background: #fff;
	
	line-height: 1;

}

header .inner h1 {

	float: left;
	width: 20.4rem;
	line-height: 1;

}

header .inner h1 a {
	
	display: block;
	
	height: 4rem;

}

header .inner h1 img {
	
	vertical-align: top;

}

header .inner nav {
	
	float: right;
	width: 50%;

}

header nav ul {

	display: flex;

}

header nav ul li {
	
	width: 25%;

}

header nav ul li a {

	display: block;

}

header nav ul li:nth-child(1) a {
	
	padding-top:  0.3rem;
	padding-left: 4.5rem;
	
}

header nav ul li:nth-child(2) a {
	
	padding-top:  0.4rem;
	padding-left: 4.2rem;
	
}

header nav ul li:nth-child(3) a {
	
	padding-top:  0.5rem;
	padding-left: 5.1rem;
	
}

header nav ul li:nth-child(4) a {
	
	padding-top:  0.4rem;
	padding-left: 5.4rem;
	
}

header nav ul li a span {
	
	display: inline-block;
	
}

header nav ul li:nth-child(1) a span {
	
	width: 8.8rem;
	
}

header nav ul li:nth-child(2) a span {
	
	width: 10.7rem;
	
}

header nav ul li:nth-child(3) a span {
	
	width: 10.2rem;
	
}

header nav ul li:nth-child(4) a span {
	
	width: 11.3rem;
	
}

section {

	overflow-x: hidden;

}

#concept {
	
	position: relative;
	margin-bottom: 12.6rem;
	padding-top: 22.2rem;
	text-align: center;
	background: #e4e4e5;

}

#concept h2 {
	
	width: 86%;
	margin: 0 auto;
	margin-bottom: 21.8rem;
	
	opacity: 0;
	transform: translateX(10%);

}

#concept h2.active {
	
	opacity: 1;
	transform: translateX(0%);
	transition: all 0.4s;

}


#concept .inner h2 .en {
	

}

#concept .inner h2 .ja {
	
	display: block;
	margin-top: 2rem;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 2.36vw;
	font-weight: 700;
	letter-spacing: 0.08em;
	
	font-size: 2.6vw;
	letter-spacing: 0em;
	
	opacity: 0;
	transform: translateX(-10%);
	transition: all 0.4s;

}

#concept .inner h2 .ja.active {

	opacity: 1;
	transform: translateX(0%);

}

#concept .txt1 {
	
	position: absolute;
	top:  46.7%;
	left: 22%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1.35vw;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.01em;

}

#concept .txt2 {
	
	position: absolute;
	top:  64%;
	left: 24%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1.35vw;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.01em;

}

#concept .txt3 {
	
	position: absolute;
	top:  90.8%;
	width: 100%;
	text-align: center;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 2.36vw;
	font-weight: 700;
	letter-spacing: 0.08em;
	
	font-size: 2.52vw;
	letter-spacing: 0em;

}

#graphic {

	margin-bottom: 11rem;

}

#graphic h2 {

	margin-bottom: 8.4rem;

}

#graphic .basic {
	
	margin-bottom: 10rem;
	margin-left: 10%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 3vw;
	font-weight: 700;
	letter-spacing: 0.14em;
	
	opacity: 0;
	transform: translateX(10%);
	
}

#graphic .basic.active {

	opacity: 1;
	transform: translateX(0%);
	transition: all 0.4s;

}

#graphic .basic span {

	letter-spacing: 0.06em;

}

#graphic .inner {
	
	padding-top: 12rem;
	padding-bottom: 10.6rem;
	background: #EFEFEF;

}

#graphic .inner .img {

	width: 88%;
	margin: 0 auto;
	margin-bottom: 5.4rem;

}

#graphic .inner .txt1 {

	text-align: center;
	font-size: 1.28vw;
	font-weight: 700;
	line-height: 2.2;
	letter-spacing: 0.08em;

}

#movie {
	
	margin-bottom: 11.4rem;

}

#movie h2 {

	margin-bottom: 8.4rem;

}

#movie .txt1 {

	margin-bottom: 10rem;
	margin-left: 10%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 3vw;
	font-weight: 700;
	letter-spacing: 0.14em;
	
	opacity: 0;
	transform: translateX(10%);

}

#movie .txt1.active {

	opacity: 1;
	transform: translateX(0%);
	transition: all 0.4s;

}

#movie .txt1 span {

	letter-spacing: 0.07em;

}

#movie .inner {
	
	padding-top: 12rem;
	padding-bottom: 10.2rem;
	background: #EFEFEF;

}

#movie .inner .wrap {

  display: flex;
  justify-content: space-between;
  width: 88%;
  margin: 0 auto;
  margin-bottom: 4.6rem;

}

#movie .inner .wrap .box {

	width: 32%;

}

#movie .inner .txt2 {

	text-align: center;
	font-size: 1.26vw;
	font-weight: 700;
	line-height: 2.2;
	letter-spacing: 0.06em;

}

#metaverse {
	
	position: relative;
	margin-bottom: 11rem;

}

#metaverse h2 {

	margin-bottom: 8.4rem;

}

#metaverse .txt1 {

	margin-bottom: 10rem;
	margin-left: 10%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 3vw;
	font-weight: 700;
	letter-spacing: 0.08em;

	opacity: 0;
	transform: translateX(10%);

}

#metaverse .txt1.active {

	opacity: 1;
	transform: translateX(0%);
	transition: all 0.4s;

}

#metaverse .txt1 span {

	letter-spacing: 0.06em;

}

#metaverse .lab {
	
	position: absolute;
	top:  45rem;
	right: 14.5%;
	display: block;
	width:  17rem;
	height: 17rem;
	padding: 3rem;
	background: #000;

}

#metaverse .inner {
	
	position: relative;
	padding-top: 12.2rem;
	padding-bottom: 11rem;
	background: #EFEFEF;

}

#metaverse .inner .img {

	width: 88%;
	margin: 0 auto;
	margin-bottom: 5.4rem;

}

#metaverse .inner .txt2 {

	text-align: center;
	font-size: 1.26vw;
	font-weight: 700;
	line-height: 2.2;
	letter-spacing: 0.06em;

}

#metaverse .inner .lab2 {

	position: absolute;
	right:  5.6rem;
	bottom: 5rem;
	width: 27rem;

}

#seminar {

	margin-bottom: 11rem;

}

#seminar .inner {

	background: #EFEFEF;

}

#seminar h2 {

	margin-bottom: 8.6rem;

}

#seminar .txt1 {

	margin-bottom: 10rem;
	margin-left: 10%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 3vw;
	font-weight: 700;
	letter-spacing: 0.14em;

	opacity: 0;
	transform: translateX(10%);

}

#seminar .txt1.active {

	opacity: 1;
	transform: translateX(0%);
	transition: all 0.4s;

}

#seminar .txt1 span {
	
	letter-spacing: 0.06em;

}

#seminar .inner {
	
	padding-top: 12rem;
	padding-bottom: 11rem;

}

#seminar .inner .box {
	
	width: 88%;
	margin: 0 auto;
	margin-bottom: 5.5rem;
	padding-top: 8rem;
	padding-bottom: 8.2rem;
	background: #f0ebde;
	box-shadow: 0px 0px 1rem #bbb inset;
	border-radius: 0.6rem;

}

#seminar .inner .box .title1 {

	width: 85.5%;
	margin: 0 auto;
	margin-bottom: 5.6rem;

}

#seminar .inner .box ul {
	
	margin-bottom: 5.6rem;
	padding-left: 12.2%;

}

#seminar .inner .box ul li {
	
	margin-bottom: 1.8rem;
	font-size: 2.7vw;
	font-weight: 700;

}

#seminar .inner .box .title2 {

	width: 85.5%;
	margin: 0 auto;

}

#seminar .inner .txt2 {

	text-align: center;
	font-size: 1.26vw;
	font-weight: 700;
	line-height: 2.2;
	letter-spacing: 0.06em;

}

#gennai {
	
	position: relative;
	margin-bottom: 11rem;

}

#gennai h2 {

	margin-bottom: 8.4rem;

}

#gennai .txt1 {

	margin-bottom: 10rem;
	margin-left: 10%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 3vw;
	font-weight: 700;
	letter-spacing: 0.12em;

	opacity: 0;
	transform: translateX(10%);

}

#gennai .txt1.active {

	opacity: 1;
	transform: translateX(0%);
	transition: all 0.4s;

}

#gennai .txt1 span {

	letter-spacing: 0.06em;

}

#gennai .insta {

	display: block;
	position: absolute;
	top: 46.2rem;
	right: 15.2%;
	width: 14.4rem;

}

#gennai .inner {

	padding-top: 12.2rem;
	padding-bottom: 8.6rem;
	background: #EFEFEF;

}

#gennai .inner .img {

	width: 88%;
	margin: 0 auto;
	margin-bottom: 1.8rem;

}

#gennai .inner ul {

	display: flex;
	width: 88%;
	margin: 0 auto;
	margin-bottom: 3.4rem;

}

#gennai .inner ul li {

	width: 25%;
	font-size: 1.6rem;
	font-weight: 700;

}

#gennai .inner .txt2 {

	text-align: center;
	font-size: 1.26vw;
	font-weight: 700;
	line-height: 2.2;
	letter-spacing: 0.06em;

}

#service {
	
	padding-top: 11rem;
	background: #EFEFEF;

}

#service .inner {

	display: flex;

}

#service .inner h2 {

	width: 22.2%;
	padding-left: 5.7%;
	padding-right: 5%;

}

#service .inner .txt {

	padding-left: 5.9%;
	border-left: 0.2rem solid #000;

}

#service .inner .txt p {
	
	margin-bottom: 2.2em;
	font-size: 1.3vw;
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: 0.02em;

}

#profile {

	background: #EFEFEF;

}

#profile .inner {

	

}

#profile .inner h2 {
	
	float: left;
	width: 22.2%;
	margin-top: 10rem;
	padding-left:  5.7%;
	padding-right: 7.5%;
	
}

#profile .inner .right {
	
	float: right;
	width: 77.8%;
	padding-top: 9.4rem;
	padding-left: 5.9%;
	padding-right: 12%;
	border-left: 0.2rem solid #000;
	
}

#profile .inner .right .txt1 {

	margin-bottom: 7.9em;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1.3vw;
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: 0.065em;

}

#profile .inner .right .pro {

	display: flex;
	margin-bottom: 2.6rem;

}

#profile .inner .right .pro .img {

	width: 31%;

}

#profile .inner .right .pro .box {
	
	padding-top: 9rem;
	padding-left: 3.5%;

}

#profile .inner .right .pro .box p {

	font-size: 1.3vw;
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: 0.065em;

}

#profile .inner .right .pro .box p.big {

	font-size: 2vw;
	line-height: 1.6;

}

#profile .inner .right .history {


}

#profile .inner .right .history th {
	
	width: 4.5em;
	text-align: left;
	font-size: 1.3vw;
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: 0;
	vertical-align: top;

}

#profile .inner .right .history td {
	
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1.3vw;
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: 0.065em;
	
}

#profile .inner .right .history th.top {

	padding-top: 0;

}

#profile .inner .right .history td.top {

	padding-top: 0;

}

#message2 {
	
	height: 1px;
	margin-top: 10rem;
	margin-bottom: 7.5rem;

}

#profile .message {
	
	position: relative;
	/*
	margin-top: 17.6rem;
	border: 1px solid red;
	*/

}

#profile .message .logo {

	width: 13%;
	margin: 0 auto;

}

#profile .message .txt {

	position: absolute;
	top:   0.9rem;
	right: 10.2%;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1vw;
	font-weight: 700;
	line-height: 1.88;
	letter-spacing: 0.04em;

}

#contact {

	padding-top: 5.6rem;
	padding-bottom: 36.2rem;
	background: #EDEDED;

}

#contact h2 {
	
	margin-bottom: 1.6rem;
	text-align: center;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1.9vw;
	letter-spacing: 0.09em;

}

#contact .box {

	width: 55.4%;
	margin: 0 auto;
	margin-bottom: 2.7rem;
	padding-top: 6.2rem;
	padding-bottom: 6rem;
	padding-left: 4.8%;
	background: #fff;
	border: 1rem solid #000;

}

#contact .box .mail {
	
	display: inline-block;
	margin-right: 17%;
	font-size: 1.9vw;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;

}

#contact .box .tel {
	
	display: inline-block;
	font-size: 1.9vw;
	font-weight: 700;
	letter-spacing: 0;
	text-decoration: none;

}

#contact .addr {

	text-align: center;
	font-size: 1.4vw;
	font-weight: 700;
	letter-spacing: 0.01em;

}

/* スマホ改行 */
.sp_break {

	display: none;

}


@media only screen and (max-width: 1820px) {

	html {
		
		font-size: 59.25%;
		
	}

}


/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {

	html {
		
		font-size: 56.25%;
		
	}

}


@media only screen and (max-width: 1670px) {

	html {
		
		font-size: 54.375%;
		
	}

}


@media only screen and (max-width: 1620px) {

	html {
		
		font-size: 52.75%;
		
	}

}


@media only screen and (max-width: 1570px) {

	html {
		
		font-size: 51.125%;
		
	}

}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {

	html {
		
		font-size: 49.25%;
		
	}

}


@media only screen and (max-width: 1440px) {

	html {
		
		font-size: 46.875%;
		
	}

}


@media only screen and (max-width: 1400px) {

	html {
		
		font-size: 45.562%;
		
	}

}


/* 中サイズ */
@media only screen and (max-width: 1366px) {

	html {
		
		font-size: 44.4375%;
		
	}

}


@media only screen and (max-width: 1320px) {

	html {
		
		font-size: 43%;
		
	}

}


/* MacBook Air */
@media only screen and (max-width: 1280px) {

	html {
		
		font-size: 41.6875%;
		
	}

}

@media only screen and (max-width: 1240px) {

	html {
		
		font-size: 40.375%;
		
	}

}


@media only screen and (max-width: 1200px) {

	html {
		
		font-size: 39.0625%;
		
	}

}


/* iPad Pro11の横 */
@media only screen and (max-width: 1194px) {

	html {
		
		font-size: 38.875%;
		
	}

}


/* iPad 5th Airの横 */
@media only screen and (max-width: 1180px) {

	html {
		
		font-size: 38.4375%;
		
	}

}


/* iPad 6th Miniの横 */
@media only screen and (max-width: 1133px) {

	html {
		
		font-size: 36.875%;
		
	}

}


@media only screen and (max-width: 1100px) {

	html {
		
		font-size: 35.8125%;
		
	}

}


/* iPad 9thの横 */
@media only screen and (max-width: 1080px) {

	html {
		
		font-size: 35.8125%;
		
	}

}


/* iPadPro */
@media only screen and (max-width: 1024px) {

	html {
		
		font-size: 33.3125%;
		
	}

}


@media only screen and (max-width: 950px) {

	html {
		
		font-size: 30.937%;
		
	}
	
}


/* iPhone14 ProMaxの横 */
@media only screen and (max-width: 932px) {

	html {
		
		font-size: 30.937%;
		
	}
	
}


/* XRの横 */
@media only screen and (max-width: 896px) {

	html {
		
		font-size: 29.2%;
		
	}
	
}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {

	html {
		
		font-size: 27.8125%;
		
	}

}


/* iPhone14 Proの横 */
@media only screen and (max-width: 852px) {

	html {
		
		font-size: 27.75%;
		
	}

}


/* iPhone14の横*/
@media only screen and (max-width: 844px) {

	html {
		
		font-size: 27.5%;
		
	}

}



/* iPad Pro11 */
@media only screen and (max-width: 834px) {

	html {
		
		font-size: 27.125%;
		
	}
	
	header {
	
		padding-top: 4.3rem;
		padding-top: 3.8rem;
		padding-bottom: 4rem;
		padding-left: 3.5%;

	}
	
	header .inner h1 {
		
		margin-top: 0.5rem;
		width: 20.4rem;

	}
	
	header .inner nav {

		
	}

}


/* iPad Air */
@media only screen and (max-width: 820px) {

	html {
		
		font-size: 26.687%;
		
	}

}


/* iPhone13 miniの横 */
@media only screen and (max-width: 812px) {

	html {
		
		font-size: 26.437%;
		
	}

}


/* iPad 9th */
@media only screen and (max-width: 810px) {

	html {
		
		
		
	}

}


/* iPad */
@media only screen and (max-width: 768px) {

	html {
		
		font-size: 25%;
		
	}
	
	header {
	
		padding-top: 4.3rem;
		padding-top: 3.8rem;
		padding-bottom: 4.5rem;
		padding-left: 3.5%;

	}
	
	header .inner h1 {
		
		margin-top: 0.5rem;
		width: 20.4rem;

	}
	
	header .inner nav {
	
		
	}
	
}


/* iPad 6th Mini */
@media only screen and (max-width: 744px) {

	html {
		
		font-size: 24.25%;
		
	}

}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {

	html {
		
		font-size: 23.937%;
		
	}

}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {

	html {
		
		font-size: 21.687%;
		
	}

}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {

	html {
		
		font-size: 18.5%;
		
	}

}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	html {
		
		font-size: 15.625%;
		
	}
	
	header {
	
		padding-top: 2rem;
		padding-bottom: 4.5rem;
		padding-left: 3.5%;

	}
	
	header .inner h1 {
		
		margin-top: 3rem;
		width: 20.4rem;

	}
	
	header .inner nav {
	
	
	}
		
	#concept .txt1 {
		
		top: 47.2%;
		left: 22%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt2 {
		
		top:  64%;
		left: 24%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt3 {
		
		top:  90.8%;
		top:  91.2%;
		font-size: 2.52vw;

	}
	
	#contact .box {

		width: 55.4%;
		padding-top: 6.2rem;
		padding-bottom: 6rem;
		
		padding-top: 4.8rem;
		padding-bottom: 7.4rem;

	}

}


/* Iphone13 Pro Max */
@media only screen and (max-width: 430px) {

	html {
		
		font-size: 14%;
		
	}
	
	header {
	
		padding-top: 1rem;
		padding-bottom: 4.5rem;
		padding-left: 3.5%;

	}
	
	header .inner h1 {
		
		margin-top: 4rem;
		width: 20.4rem;

	}
	
	header .inner nav {
	

	
	}
		
	#concept .txt1 {
		
		top: 47.4%;
		left: 22%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt2 {
		
		top:  64.2%;
		left: 24%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt3 {
		
		top:  90.8%;
		top:  91.2%;
		font-size: 2.52vw;

	}
	
	#metaverse .lab {
	
		top:  45rem;
		right: 14.5%;
		width:  17rem;
		height: 17rem;
		padding: 0rem;

	}
	
	#metaverse .lab img {
	
		transform: scale(0.7);

	}
	
	#contact .box {

		width: 55.4%;
		padding-top: 6.2rem;
		padding-bottom: 6rem;
		
		padding-top: 4.6rem;
		padding-bottom: 7.6rem;

	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {

	html {
		
		
		
	}

}


/* iPhonePlus */
@media only screen and (max-width: 414px) {

	html {
		
		font-size: 13.5%;
		
	}
	
	#concept .txt1 {
		
		top: 47.6%;
		left: 22%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt2 {
		
		top:  64.3%;
		left: 24%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt3 {
		
		top:  90.8%;
		top:  91.2%;
		font-size: 2.52vw;

	}
	
	#contact .box {

		padding-top: 4.2rem;
		padding-bottom: 8rem;

	}

}


/* iPhone14 Pro */
@media only screen and (max-width: 393px) {

	html {
		
		font-size: 12.812%;
		
	}
	
	#concept .txt1 {
		
		top: 47.7%;
		left: 22%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt2 {
		
		top:  64.4%;
		left: 24%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}
	
	#contact .box {

		padding-top: 4rem;
		padding-bottom: 8.2rem;

	}

}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {

	html {
		
		font-size: 12.687%;
		
	}

}


/* iPhone8 */
@media only screen and (max-width: 375px) {

	html {
		
		font-size: 12.187%;
		
	}
	
	header {
	
		padding-top: 0rem;
		padding-bottom: 4.5rem;
		padding-left: 3.5%;

	}
	
	header .inner h1 {
		
		margin-top: 5rem;
		width: 20.4rem;

	}
	
	header .inner nav {

	
	}
		
	#concept .txt1 {
		
		top: 47.2%;
		top: 47.7%;
		left: 22%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt2 {
		
		top:  64%;
		top:  64.4%;
		left: 24%;
		font-size: 1.35vw;
		letter-spacing: 0.01em;

	}

	#concept .txt3 {
		
		top:  90.8%;
		top:  91.2%;
		font-size: 2.52vw;

	}
	
	#metaverse .lab {
	
		top:  45rem;
		right: 14.5%;
		width:  17rem;
		height: 17rem;
		padding: 0rem;

	}
	
	#metaverse .lab img {
	
		transform: scale(0.7);

	}
	
	#contact .box {

		padding-top: 3.8rem;
		padding-bottom: 8.4rem;

	}

}


/* Galaxy */
@media only screen and (max-width: 360px) {

	html {
		
		font-size: 11.75%;
		
	}

}


/* iPhone5 */
@media only screen and (max-width: 320px) {

	html {
		
		font-size: 10.437%;
		
	}

}