
.mobileOnly{
	display: none;
}

.pcOnly{
	display: block;
}
.aboutInner{
	/* min-width: 368px; */
}
.aboutVisualInner{
	/* margin: 3vw 2.3vw -12vw; */
	margin: 3vw 40px -12vw 22px;
}
.aboutVisualSub{
	position: relative;
}


.aboutVisualTitle h3{
	font-size: 15.42vw;
	font-weight: 600;
	line-height: 1;
	color: #FFF;
	z-index: 34;
}
.aboutVisualTitle h3.secondSubject{padding: 0 0 25.4vw;}

.aboutVisualSubtitle{
	overflow: hidden;
	position: relative;
	padding: 0 8px 0 14px;
}
.aboutVisualSubtitle p{
	font-size: 4.6vw;
	line-height: 1;
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
}
.aboutVisualSubtitle p.one{
	text-align: right;
}
.aboutVisualSubtitle p.three{
	text-align: right;
	padding-right: 15vw;
}

.aboutInfoBoxPc{
	position: absolute;
	bottom: 1.2vw;
	left: 0;
}
.aboutInfoBoxPc h5{
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	position: relative;
	top: 14px;
	left: 20px;
}

.aboutInfo{
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-top: 4.27vw;
}

.aboutInfoBox{
	width: 50%;
	flex-grow: 1;
}
.aboutInfoBoxLeft{}
.aboutInfoBoxLeft p{
	font-size: 1vw;
	font-weight: 400;
	line-height: 1.3;
	color: #FFF;
	padding: 2vw 0 0;
}
.aboutInfoBox h4{
	font-size: 4.6vw;
	line-height: 1.4;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	padding: 0 0 4.27vw;
}
.aboutInfoBox p{
	word-break: keep-all;
	font-size: 1.04vw;
	line-height: 1.4;
	color: #FFF;
	color: #FFF;
}
.aboutBottom{
	position: relative;
	z-index: 40;
}

/*
.aboutInner .aboutVisualBall{
	display: inline-block;
	width: 52.1875vw;
	height: 54.6875vw;
	background: url('/data/images/C000.png') no-repeat center / cover;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
*/

.aboutInner .aboutVisualBall{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.aboutInner .aboutVisualBall video{
	width: 100%;
	position: relative;
	top: -180px;
}

.aboutInner .aboutVisualBall.is-stop{
	position: absolute;
}
.aboutBottom > h3{
	font-size: 14.58vw;
	font-weight: 600;
	line-height: 1;
	color: #FFF;
	text-indent: -0.8vw;
	letter-spacing: 0.5vw;
	z-index: 34;
	position: relative;
	padding: 18vw 0 0;
}





.ourTeam{}
.ourTeamInner{
	padding: 0 2.3vw 3.2vw;
}

.ourTeamCont{
	padding: 0;
}
.ourTeamTitle{}
.ourTeamTitle h4{
	font-size: 4.58vw;
	font-weight: 400;
	line-height: 1;
	color: #FFF;
}
.ourTeamTitle p{
	font-size: 1vw;
	font-weight: 400;
	line-height: 1.4;
	color: #FFF;
	padding: 2.6vw 0 0.8333vw;
	word-break: keep-all;
}
.ourTeamTitle h5{
	font-size: 1vw;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.6);
}


.ourTeamList{
	padding: 5.36vw 0 9vw 32vw;
	display: flex;
}

.ourTeamList ul{

	width: 50%;
	font-size: 0;
}
.ourTeamList ul li{
	display: inline-block;
	width: 50%;
	padding: 0 4px;
	vertical-align: top;
}
.ourTeamList ul li:nth-child(even){
	margin-top: 8vw;
}
.ourTeamImg{
	display: inline-block;
	width: 100%;
	padding-bottom: calc(626 / 284 * 100%);
	position: relative;
}
.ourTeamInfo{
	padding: 1.67vw 1.25vw;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; 
}
.ourTeamInfo span{
	font-size: 1.1vw;
	font-weight: 400;
	line-height: 1.3;
	color: #FFF;
	padding: 0 1.6vw 0 0;
}
.ourTeamInfo span.infoName{
	position: relative;
}

.ourTeamInfo span.infoName::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: 4px;
	right: 10px;
}
.ourTeamInfo span.infoUniv{
	display: block;
	padding: 0.4vw 0 0;
	
}

.ourTeamBot{
	max-width: 67vw;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px 100px 20px;
}

.ourTeamBot p{
	font-size: 4.58vw;
	font-weight: 400;
	line-height: 1;
	color: rgba(255, 255, 255, 0.2);
	
}

.ourTeamBot p:first-child{
	color: #FFF;
}

.ourTeamBot p:last-child{
	padding-right: 3.2vw;
}




.portfolioContactusWrap{
	background: #FF4800;
	border-radius: 8px;
	padding: 40px 22px;
	margin: 0 20px;
}
.portfolioContactus{

	
}
.portfolioContactusText{}
.portfolioContactusText h3{
	font-size: 21px;
	word-break: keep-all;
	font-weight: 400;
	line-height: 1.4;
	color: #FFF;
	text-align: center;
}
.portfolioContactusText p{
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	color: #FFF;
	padding: 13px 35px 33px;
	word-break: keep-all;
	text-align: center;
}
.portfolioContactus a{
	width: 100%;
	font-size:  18px;
	font-weight: 400;
	line-height: 48px;
	color: #FFF;
	display: inline-block;
	height: 48px;
	border: 1px solid #FFF;
	border-radius: 40px;
	text-align: center;
}

.aboutContactusWrap{
	margin: 0;
	padding: 33.1250vw 2.3vw 2.3vw;
	background: url('/data/images/about_contactus.jpg') no-repeat center / cover;
}
.aboutContactus{
	padding: 2vw 3vw;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.aboutContactus p{
	font-size: 2.6vw;
	font-weight: 400;
	line-height: 1;
	color: #FFF;
}

.aboutContactus a{
	font-size: 1.2vw;
	font-weight: 400;
	line-height: 3.5vw;
	color: #FFF;
	display: inline-block;
	height: 3.5vw;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 40px;
	padding: 0 1.5vw;
}





.aboutTextAnimationText{
	padding: 30vw 20px 8.125vw 20px;
	overflow: hidden;
}
.aboutTextAnimationText h2{
	font-size: 0;
	line-height: 1;
	color: #FFF;
	font-weight: 700;
	white-space: nowrap;
	width: 200%;
	
}
.aboutTextAnimationText h2 span{
	display:inline-block;
	width:50%;	
	font-size: 14.6vw;
	text-align: center;
}
/*
.animation1{

	-moz-animation: scroll-left1 4s linear infinite;
	-webkit-animation: scroll-left1 4s linear infinite;
	animation: scroll-left1 4s linear infinite;
}
*/

.animation2{

	-moz-animation: scroll-left1 10s linear infinite;
	-webkit-animation: scroll-left1 10s linear infinite;
	animation: scroll-left1 10s linear infinite;
}


@keyframes scroll-left1 {
	from {
		transform: translateX(0%);
	  }
	  to {
		transform: translateX(-50%);
	  }
}




@media screen and (max-width: 767px){
	#container {
		width: 100%;
		overflow-x: hidden;
	}
	.aboutInner {
		width: 100%;
		overflow: hidden;
	}
	.mobileOnly{
		display: block;
	}
	
	.pcOnly{
		display: none;
	}
	
	.portfolioContactusText p {font-size: 23px;}
	.aboutVisualInner{
		margin: 0;
		padding: 25px 20px;
	}
	.aboutVisualTitle{
		
	}
	.aboutVisualTitle h3{
		font-size: 14.5vw;
		line-height: 1;
	}
	.aboutVisualTitle h3.secondSubject{
		padding: 0 0 258px;
	}
	
	.aboutInner .aboutVisualBall{
		position: fixed;
	}
	.aboutInfoBoxPc{
		position: unset;
		bottom: unset;
		left: unset;
	}
	
	
	.aboutInfoBoxPc h5{
		padding: 19px 0 72px;
		font-size: 13px;
		line-height: 1.5;
		position: static;
	}
	
	.aboutVisualSub .aboutInfoBoxLeft p{
		font-size: 32px;
		line-height: 1;
	}
	.aboutVisualSubtitle {padding: 0}
	.aboutVisualSubtitle p{
		font-size: 5.8vw;
		line-height: 1.4;
	}
	.aboutVisualSubtitle p.one{
		text-align: left;
	}
	.aboutVisualSubtitle p.two{
		text-align: left;
	}
	.aboutVisualSubtitle p.three{
		text-align: left;
		padding: 0;
	}
	.aboutVisualSub p.four{
		text-align: left;
	}
	
	.aboutInfoBox p{
		text-align: left;
		font-size: 13px;
		line-height: 1.4;
	}
	
	.aboutInfo{
		display: block;
	}
	
	.aboutInfoBox{
		width: 100%;
	}
	
	.aboutInfoBoxLeft p{
		padding: 19px 0 0;
	}
	
	.mobileLast{
		/* max-width: 206px; */
	}
	
	
	
	

	
	.aboutTextAnimationText h2 span{
		font-size: 14vw;
		text-align: left;
	}
	
	.ourTeamInner{
		padding: 80px 20px 48px;
	}
	.ourTeamTitle h4{
		font-size: 32px;
		line-height: 32px;
	}
	.ourTeamTitle p{
		font-size: 14px;
		line-height: 18px;
		padding: 16px 0;
	}
	.ourTeamTitle h5{
		font-size: 13px;
		line-height: 19px;
		padding-right: 29px;
		word-break: keep-all;
	}
	.ourTeamList{
		padding: 52px 0 64px 71px;
		display: block;
		
		
	}
	.ourTeamList ul{
		width: 100%;
	}
	.ourTeamList ul:nth-child(2){
		margin-top: -64px;
	}
	.ourTeamList ul li{
		width: 50%;
		padding: 0 1px;
	}
	
	.ourTeamList ul li:nth-child(even){
		margin-top: 1px;
	}
	.ourTeamList ul li:nth-child(2){
		margin-top: 66px;
	}
	
	.ourTeamBot{
		max-width: 100%;
		margin: 0;
	}
	.ourTeamBot p{
		font-size: 32px;
		line-height: 1.2;
		word-break: keep-all;
		text-align: left;
	}
	
	.ourTeamBot p:last-child{
		text-align: left;
	}
	
	.aboutInner .aboutVisualBall video {
		/* position: static; */
		transform: scale(2);
		top: 0;
	}
	
}