@charset "UTF-8";
.l-mainnav{
	background-color:#0070c0!important;
}
.l-mainheader__logo.robotics a img{filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(313deg) brightness(111%) contrast(100%);}
.l-mainnav__gnav > a, .l-mainnav__gnav > span{color:#fff;}
@media (max-width: 767px) {
	.l-mainheader__inner{background-color:#0070c0!important;}
	.l-mainnav__sub{background-color:#fff;}
	.l-main{margin-top:-30px;}
}
.c-dobot-button__inner > span{font-size:1.8rem;}
@media (min-width: 768px) {
	.c-button-container__item {
		flex: 0 1 400px;
	}
}
/*----------
	choxy
----------*/
.dobot-blue{color:var(--color-dobot-blue) !important;}
.w80{width:80%;margin-left:auto;margin-right:auto;}
.w70{width:70%;margin-left:auto;margin-right:auto;}
.w60{width:60%;margin-left:auto;margin-right:auto;}
.l-main{
	position: relative;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
.c-dobot-button__inner::after {
    font-family: "iconfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: "\e902";
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
    color: #fff;
}
.bg-bluegray{background:var(--color-dobot-seco);}
.l-dobot-section{position: relative;}

/*-------------
	choxy
---------------*/
.dobot-choxy-mv-wrap {
	margin-top:60px;
	width:100%;
	position: relative;
	background-image:url(/assets/dobot/images/choxy/bg-mv.jpg);
	background-size:cover;
}
.dobot-choxy-mv__copy {
	margin:0;
	z-index:3;
}
.dobot-choxy-mv__copy__inter {
	position: relative;
	color:#fff;
	z-index:3;
}
.dobot-choxy-mv__copy__inter em{
	font-size:1.8em;
	font-weight:900;
}
.dobot-choxy-mv__copy__inter em span{
	font-size:0.6em;
}
.dobot-title{
	margin-left:auto;
	margin-right:auto;
	font-size:2.4em;
	color:#b8e6f5;
	letter-spacing:0;
	z-index:4;
}
.dobot-title span{
	position:relative;
	display:block;
	font-size:1.2rem;
	font-weight:400;
}
.u-dobot-choxy-notolight{
	margin:30px auto 12px;
	font-size:1.1em;
	font-weight:700;
	color:#fff;
	letter-spacing:0;
}
.c-grid__item.item2{
	position:relative;
}
@media (min-width: 768px) {
	.dobot-choxy-mv-wrap {margin-top:0;}
	.c-grid.c-grid--2up.mv-top-box{
		gap:0;
		grid-template-columns:55% 1fr;
	}
	.u-dobot-choxy-notolight{
		padding:0 0 0 80px;
		line-height:2.2;
	}
	.dobot-title{
		padding:30px 0 0 80px;
		font-size:3.7em;
		letter-spacing:0.1em;
	}
	.item2 img{
		position:absolute;
		right:0;
		bottom:20px;
	}
}
@media screen and (max-width: 767px){
	.dobot-choxy-mv-wrap .c-grid__item + .c-grid__item {
		margin-top: 0;
	}
	.item2 img{margin-bottom:30px;}
}

.bt-circle{
	position:absolute;
	right:10px;
	bottom:-40px;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin: 0;
	width:140px;
	height:140px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 900;
	color: #fff;
	line-height: 1.4;
	background-image: var(--color-gradient);
	border-radius: 100vh;
	filter: drop-shadow(0 5px 3px rgb(204, 204, 204));
}
.bt-circle span {
	text-align:center;
	color: #ffff00;
}
.bt-circle:hover{
	background-image: linear-gradient(180deg, #E21412 0%, #F18B00 100%);
}
.bt-circle img{margin:5px auto 0;max-width:60px;}
@media screen and (min-width: 768px){
	.bt-circle{
		position:absolute;
		right:0;
		bottom:-80px;
		margin: 0;
		width:180px;
		height:180px;
		font-size: 1.8rem;
		font-weight: 900;
		line-height: 1.4;
	}
	.bt-circle span {
	}
}
/*----------
	concept
----------*/
.bg-concept{
	width:100%;
	position: relative;
	background-image:url(/assets/dobot/images/choxy/bg-concept.png);
	background-size:cover;
}
.concept-box{
	position:relative;
	margin:50px auto;
	padding:50px;
}
.concept-box::before{
	content: "";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:rgba(234,242,247,1);
	mix-blend-mode:multiply;
}
.concept-box h3{
	margin:0 auto 30px;
	font-size:1.4em;
	font-weight:bold;
	color:var(--color-text-link);
}
.concept-box h4{
	margin-top:20px;
	font-size:1.1em;
	font-weight:900;
	color:#333;
}
.c-grid.center-arrow{
	place-content: center;
}
.company-box{
	padding:30px 0;
	font-size:0.86em;
	color:#333;
	background:rgba(255,255,255,1);
	filter: drop-shadow(3px 3px 0 rgb(204, 204, 204));
	z-index:10;
}
.company-box figure img.NTN-logo{margin:20px auto;max-width:180px;}
.company-box figure img.blue{
	width:70%;
	filter: invert(34%) sepia(68%) saturate(7496%) hue-rotate(191deg) brightness(93%) contrast(101%);
}
.concept-box .kakeru{
	margin:10px auto;
	display: block;
	width: 100px;
	height: 100px;
	position: relative;
}
.concept-box .kakeru::before,
.concept-box .kakeru::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--color-text-link);
	transform: rotate(45deg);
	transform-origin:0% 50%;
	position: absolute;
	top: calc(14% - 5px);
	left: 14%;
}
.concept-box .kakeru::after{
	transform: rotate(-45deg);
	transform-origin:100% 50%;
	left: auto;
	right: 14%;
}
@media screen and (min-width: 768px){
	.c-grid.center-arrow{
		gap:0;
		grid-template-columns: 40% 20% 40%;
	}
	.concept-box .kakeru{
		width: 200px;
		height: 200px;
	}
}

/*----------
	title
----------*/
.c-dobot-title1 + .c-dobot__text {
	margin-top: 1px;
}

@media (min-width: 768px) {
	.c-dobot-title1 + .c-dobot__text {
		margin-top: 33px;
	}
}

.c-dobot-title1 span {
	display: block;
	letter-spacing: 0.025em;
	text-align: center;
}

.c-dobot-title1__jap {
	font-size: 2.8rem;
	color:#333;
	font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
}
.c-dobot-title1.is-style1 .c-dobot-title1__jap {
	font-size: 2rem;
	line-height: 32px;
	letter-spacing: 0.06em;
	background: linear-gradient(90deg, rgba(0, 149, 255, 1) 30%, rgba(11, 19, 196, 1) 87%);
	background: -webkit-linear-gradient(0deg, rgba(0, 149, 255, 1) 30%, rgba(11, 19, 196, 1) 87%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (min-width: 768px) {
	.c-dobot-title1.is-style1 .c-dobot-title1__jap {
		font-size: 3rem;
		line-height: 56px;
	}
}
.c-dobot-title1.is-style2 .c-dobot-title1__jap {
	font-size: 2.8rem;
}

@media (min-width: 768px) {
	.c-dobot-title1.is-style2 .c-dobot-title1__jap {
		font-size: 4.2rem;
	}
}

.c-dobot-title1.is-style2.white .c-dobot-title1__eng {
	color: #ffffff;
}

.c-dobot-title1.white .c-dobot-title1__eng {
	color: #ffffff;
}

/*----------
	title
----------*/
.c-dobot-title2 {
	font-size: 2.4rem;
	line-height: 38px;
	font-weight: bold;
	letter-spacing: 0.025em;
	border-bottom: 4px solid #000000;
	padding-bottom: 10px;
}

@media (min-width: 768px) {
	.c-dobot-title2 {
		font-size: 3.2rem;
		line-height: 46px;
		text-align: center;
		padding-bottom: 16px;
	}
}
/*----------
	text
----------*/
.c-dobot__text {
	font-size: 1.6rem;
	line-height: 32px;
	letter-spacing: 0.025em;
	text-align: center;
}
/*----------
	seminar
----------*/
#overview{
	padding:50px 0;
	background:var(--color-dobot-bg);
}
#overview h3{
	font-weight:bold;
	text-align:center;
}
#overview .c-grid__item{
	padding:30px;
}
#overview .c-table th{
	color:#fff;
	background:var(--color-dobot-seco);
}
#overview .c-table td{background:#fff;}

@media (min-width: 768px) {
	#overview h3{font-size:1.8em;}
	#overview .c-grid__item{padding:50px;}
}
@media (max-width: 767px) {
	#overview .c-table th,
	#overview .c-table td{display:block;width:100%;}
}
/*----------
	feature
----------*/
.radius-box{
	display:block;
	height:80%;
	border-radius:30px;
	overflow:hidden;
}
#feature .c-dobot-title1__jap{
	line-height:1.4;
}
#feature .c-imageset__inner{
	position:relative;
}
#feature .c-imageset__image {
	flex: 0 0 calc(50% - 100px);
	margin-right:0;
	margin-left:0;
}
#feature .c-imageset__image::before{
	display:none;
}
#feature .c-imageset__text{
	color:var(--color-text-link);
	font-size:1.8em;
	font-weight:900;
	line-height:1.2;
	letter-spacing:0;
}
#feature .c-imageset__text em{
	color: #F18B00;
}
#feature .c-imageset__content{
	padding:0;
}
#feature .c-imageset.c-imageset--reverse .c-imageset__content{
	padding:0;
}
.dobot-feature3-wrapper {
	padding:48px 0 ;
}
@media (min-width: 768px) {
	.dobot-feature3-wrapper {
		padding: 80px 0;
	}
	#feature .c-imageset__image {
		margin-right:35px;
		margin-left:35px;
	}
	#feature .c-imageset__title span{
		display:inline-block;
		font-size:5rem;
		font-weight:400;
	}
	#feature .c-imageset__content{
		padding:0 35px;
	}
	#feature .c-imageset.c-imageset--reverse .c-imageset__content{
		padding:0 35px; 
	}
	#feature .c-imageset__text{
		font-size:2.2em;
		line-height:1.6;
		letter-spacing:0.02em;
	}
}
.choxy-feature3__list_text_no,
#feature .c-imageset__title span{
	font-family: 'Roboto', sans-serif;
	position:relative;
	color: #ccc;
	z-index: 2;
}
#feature .c-imageset__title span{
	letter-spacing:-1px;
	padding-left:20px;
}
.choxy-feature3__list_text_no {
	display:inline-block;
	letter-spacing: -0.025em;
	font-size: 6rem;
	font-weight:100;
	line-height: 1;
}
@media (max-width: 767px) {
	.choxy-feature__wrap {
		margin-top: 40px;
		margin-bottom: 48px;
		padding-right: 0;
		padding-left: 0;
	}
	.choxy-feature3__list_text_no {
		padding-top: 3px;
	}
	.choxy-feature3__list_wrap + .choxy-feature3__list_wrap {margin-top: 50px;}
}
.choxy-feature3__list_wrap {
		position: relative;
		display: block;
		width: 100vw;
		max-width: 100%;
		min-height: 348px;
		z-index: 1;
		background-image: url(/assets/dobot/images/choxy/bg-arrow.svg);
		background-position: left 0;
		background-repeat: no-repeat;
		background-size: contain;
}
.choxy-feature3__list_wrap.arrow-reverse{
	background-image: url(/assets/dobot/images/choxy/bg-arrow-reverse.svg);
}
@media (min-width: 768px) {
	.choxy-feature__wrap {
		margin-top: 80px;
		padding-bottom: 90px;
	}
	.choxy-feature3__list_text_no {
		font-size: 8rem;
	}
	.choxy-feature3__list_wrap .c-imageset{
		padding-bottom:80px;
	}
}
/*----------
	movie
----------*/
#movie .c-image-center::before {content:none;}
#movie .c-image-center figure{background:#fff;}