/*----------
	robotics top
----------*/
body{position:relative;}
.stuffing{letter-spacing:0.08em;}
@media (max-width: 767px) {
	.robotics-top-overview-fullimg {
		height: 137px;
		margin: 30px -5.9701492537%;
		position: relative;
		overflow: hidden;
	}
	.robotics-top-overview-fullimg > img {
		display: block;
		width: 101%;
		height: 101%;
		position: absolute;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}
}
@media (min-width: 768px) {
	.robotics-top-overview-fullimg {
		margin-top: 50px;
		margin-bottom: 40px;
	}
}

.robotics-top-recommend {
	margin-top:0;
	padding-top: 100px;
}
@media (min-width: 768px) {
	.robotics-top-recommend {
		padding-top: 130px;
	}
}

.robotics-top-overview-link {
	margin-top: 50px;
}
.robotics-top-overview-link__item + .robotics-top-overview-link__item {
	margin-top: 30px;
}
@media (min-width: 768px) {
	.robotics-top-overview-link {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	.robotics-top-overview-link__item {
		flex: 0 0 260px;
	}
	.robotics-top-overview-link__item + .robotics-top-overview-link__item {
		margin-top: 0;
		margin-left: 40px;
	}
}
#topics{
	padding:40px 0 20px;
	background:#fff;
	z-index:5;
}
#topics .c-lead{margin:0 auto;max-width:130px;}
#about .c-grid__item{position:relative;}
.c-title1__eng{
	font-size: 6rem;
	line-height: 1;
	letter-spacing:0;
	color: #EBF7FF;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	#about .c-lead--toplead{padding-top:40px;}
	#about .c-grid__item.last{padding-bottom:50px;}
}
@media (min-width: 768px) {
	#topics{
		padding:80px 0;
	}
	#about .c-grid--2up{
		grid-template-columns: 1fr 45%;
		gap:0;
	}
	#about .robotics-content__text {
		max-width: 96%;
	}
	.c-title1__eng{
		position:absolute;
		left:-40px;
		bottom:0;
		font-size: 18rem;
		margin-bottom: 0;
	}
}

/* MV */
.robotics-home-mv {
	width: 100%;
	height: 0;
	padding-bottom: 128%;
	position: relative;
}
.robotics-home-mv__item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	transition: opacity 1s;
}
.robotics-home-mv__item img {
	display: block;
	transition: -webkit-transform 6s;
	transition: transform 6s;
	transition: transform 6s, -webkit-transform 6s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.robotics-home-mv__item.active {
	opacity: 1;
	z-index: 2;
	pointer-events: all;
}
.robotics-home-mv__item.active img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.robotics-home-mv__copy {
	max-width: 89.3333333333%;
	position: absolute;
	top: 10%;
	left: 5.3333333333%;
	font-weight: bold;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0;
	color: #fff;
}
.robotics-home-mv__copy__inter {
	margin-bottom: 12px;
	padding:8px 10px;
	font-size: 1.2rem;
	line-height: 1;
	color:#203864;
	background:#fff;
}
.robotics-home-mv__copy__inter > em {
	color: #4472C4
}

.Item-Content-Flg1 {
	position: absolute;
	top: 0;
	left: 0;
	border-left: 300px solid #0070c0;
	border-bottom: 300px solid transparent;
	z-index:-1;
}
.l-mainheader__inner{
	background-color:transparent;
	/*border-bottom: 1px solid transparent;*/
}
@media (max-width: 767px) {
	.robotics-home-mv__item--main .robotics-home-mv__copy {
		top: 32px;
		bottom: auto;
		left: 8.6666666667%;
		font-size: 2.6rem;
	}
	.robotics-home-mv__item img {
		width:77%;
		float:right;
	}
	.robotics-content-header::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 280px solid #00B0F0;
		border-right: 280px solid transparent;
		z-index: 1;
	}
}
@media (min-width: 768px) {
	.Item-Content-Flg1 {
		position: absolute;
		top: 0;
		left: 0;
		border-left: 860px solid #0070c0;
		border-bottom: 800px solid transparent;
		z-index: -1;
	}
	.l-mainheader__inner{
		background-color:transparent;
		/*border-bottom: 1px solid transparent;*/
	}
	.robotics-content-header{
		height:750px;
		overflow:hidden;
	}
	.robotics-content-header::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 600px solid #00B0F0;
		border-right: 600px solid transparent;
		z-index: 1;
	}
	/*.robotics-home-mv {
		padding-bottom: 50%;
	}*/
	.robotics-home-mv__item img {
		width:77%;
		float:right;
	}
	.robotics-home-mv__copy {
		max-width: 1080px;
		top:2%;
		left: 50%;
		font-size: 5.6rem;
		-webkit-transform: translate(-520px, 2%);
		transform: translate(-520px, 2%);
	}
	.robotics-home-mv__copy__inter {
		margin-bottom: 32px;
		padding:12px 40px;
	}
	.robotics-home-mv__item--main .robotics-home-mv__copy {
		line-height: 2;
	}
	.robotics-home-mv__copy__inter{
		margin-bottom: 12px;
		font-size: 1.9rem;
		letter-spacing:0.04em;
		line-height: 1.2;
	}
}
@media screen and (min-width: 1380px){
	.Item-Content-Flg1 {
		border-left: 960px solid #0070c0;
		border-bottom: 900px solid transparent;
	}
}
@media screen and (min-width: 1720px){
	.Item-Content-Flg1 {
		border-left: 1200px solid #0070c0;
		border-bottom: 1200px solid transparent;
	}
	.robotics-home-mv__copy {
		max-width: 1080px;
		left: 46%;
		font-size: 6rem;
	}
}
.l-mainnav{
	background:#fff;
}
.l-mainheader__logo.robotics{
	background:transparent;
}
.l-mainheader__logo.robotics:before
/*.l-mainheader__logo.robotics:after*/{
	position: absolute;
	top: -80%;
	right: -8%;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: "";
	width:276px;
	height:120px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#0070c0), to(#0070c0));
	background-image: linear-gradient(0deg, #0070c0 0%, #0070c0 100%);
	-webkit-transform: skew(-46deg, 0deg);
	transform: skew(-46deg, 0deg);
}
.l-mainheader__logo.robotics:before{
	left:-100px;
}
.l-mainnav__gnav{
	position:relative;
}
/*.l-mainnav__gnav:before,
.l-mainnav__gnav:after{
	position: absolute;
	top: -80%;
	right: -12%;
	bottom: 0;
	left: -30%;
	z-index: -1;
	content: "";
	height:96px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff));
	background-image: linear-gradient(0deg, #fff 0%, #fff 100%);
	-webkit-transform: skew(-44deg, 0deg);
	transform: skew(-44deg, 0deg);
}
.l-mainnav__gnav:after {
	right: -300px;
}*/
@media (min-width: 768px) {
	.l-mainheader__logo.robotics:before,
	.l-mainheader__logo.robotics:after{width:540px;height:136px;}
	/*.l-mainnav__gnav:before,
	.l-mainnav__gnav:after{left:-360px;width:600px;height:97px;}*/
}
@media screen and (min-width: 769px){
	.l-mainheader__logo.robotics:before,
	.l-mainheader__logo.robotics:after{width:220%;height:137px;}
}
@media screen and (min-width: 1300px){
	.l-mainheader__logo.robotics:before,
	.l-mainheader__logo.robotics:after{width:230%;height:137px;}
}
@media screen and (min-width: 1400px){
	.l-mainheader__logo.robotics:before,
	.l-mainheader__logo.robotics:after{width:250%;height:137px;}
}
@media screen and (min-width: 1500px){
	.l-mainheader__logo.robotics:before,
	.l-mainheader__logo.robotics:after{width:630px;height:137px;}
}
/*@media screen and (min-width: 1720px){
	.l-mainheader__logo.robotics:after{width:1200px;height:137px;}
}*/