@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px) {
}
html,body {
	position: relative;
}
body {
	font-size: 14px;
	overflow: hidden;
}
body.fixed {
	position: fixed;
	width: 100%;
}
button {
	cursor: pointer;
}
img {
	width: 100%;
	height: auto;
}
div {
font-family: "Noto Sans JP", sans-serif;
font-weight: normal;
}
p,a,li,dt,dd,th,td,.f-go,input {
font-family: "Noto Sans JP", sans-serif;
font-weight: normal;
font-style: normal;
	color: #000;
	letter-spacing: 0.05em;
}
h1,h2,h3,h4 {
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
font-style: normal;
	color: #000;
	letter-spacing: 0.05em;
}
p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 1em;
	text-justify: none;
}
* > p:nth-last-child(1) {
	margin-bottom: 0;
}
@media screen and (max-width:767px) {
	p {
		font-size: 3.8vw;
	}
}
.block {
	display: block;
}
.blue {
	color: #032274;
}
.red {
	color: #d40000;
}
.bold {
	font-weight: bold;
}
.block {
	display: block;
}
.fs-14 {
	font-size: 14px;
}
.headerNav > li > a,
.fs-16 {
	font-size: 16px;
}
.fs-18 {
	font-size: 18px;
}
.fs-20 {
	font-size: 20px;
}
.fs-22 {
	font-size: 22px;
}
.fs-24 {
	font-size: 24px;
}
.fs-26 {
	font-size: 26px;
}
.fs-28 {
	font-size: 28px;
}
.fs-32 {
	font-size: 32px;
}
.fs-40 {
	font-size: 40px;
}
.fs-50 {
	font-size: 50px;
}
.fs-75 {
	font-size: 75px;
}
.tc-green {
	color: #c1ea00;
}
@media screen and (max-width: 767px) {
	.fs-14 {
		font-size: 14px;
	}
	.headerNav > li > a,
	.fs-16 {
		font-size: 3.8vw;
	}
	.fs-18 {
		font-size: 3.8vw;
	}
	.fs-20 {
		font-size: 3.8vw;
	}
	.fs-22 {
		font-size: 3.8vw;
	}
	.fs-24 {
		font-size: 3.8vw;
	}
	.fs-26 {
		font-size: 3.8vw;
	}
	.fs-28 {
		font-size: 3.8vw;
	}
	.fs-32 {
		font-size: 4.3vw;
	}
	.fs-40 {
		font-size: 40px;
	}
	.fs-50 {
		font-size: 7.2vw;
	}
	.fs-75 {
		font-size: 11vw;
	}
}
.box800 {
	width: 92%;
	max-width: 800px;
	margin: 0 auto;
}
.box1000 {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
}
.box1200 {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.box1400 {
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
}
.align-C {
	text-align: center;
}
.align-L {
	text-align: left;
}
.align-R {
	text-align: right;
}
.mb1em {
	margin-bottom: 1em;
}
.mb2em {
	margin-bottom: 2em;
}
.mb3em {
	margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
	.only_sp767 {
		display: none;
	}
	.img_sp {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	main {
		padding-bottom: 0;
	}
	.only_pc768 {
		display: none;
	}
	.img_pc {
		display: none;
	}
}
@media screen and (min-width: 1025px) {
	.only_sp1024 {
		display: none;
	}
}
.wrap {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}
.wrap.top .contWrap {
	position: relative;
}
.sec_fv {
	display: block;
	height: 100vh;
	position: relative;
}
.bgmov{
  width:100vw;
  height:100vh;
  position: relative;
  overflow: hidden;
}

.bgmov video {
  width:100%;
  height:100%;
  object-fit: cover; 
  object-position: center;
  display:block;
}
.fvIn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.fvIn > .text {
	position: absolute;
	top: 40%;
	left: 10vw;
	transform: translateY(-50%);
}
.fvIn > .text h1 {
	font-size: 70px;
	font-weight: 700;
	color: #FFF;
	line-height: 1.3;
}
.fvIn > .text h1 > span {
	display: block;
}
.fvIn > .text h1 > span.text02 {
	font-size: 90px;
	font-weight: 700;
	line-height: 1.3;
}
.fvIn > .text h1 > span.text02 .small {
	font-size: 70px;
}
.fvIn > .text h1 > span.text03 {
	font-size: 24px;
	line-height: 1.8;
}
.fvIn .newsArea {
	position: absolute;
	left: 0;
	bottom: 68px;
	background-color: #FFF;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 15px 30px 15px 40px;
	width: 550px;
	overflow: hidden;
}
.fvIn .newsArea ul {
}
.fvIn .newsArea ul li {
}
.fvIn .newsArea ul li > a {
	position: relative;
	padding-left: 85px;
	display: block;
}
.fvIn .newsArea ul li > a .cat {
	display: table-cell;
	line-height: 30px;
	font-size: 14px;
	color: #FFF;
	width: 70px;
	border-radius: 5px;
	background-color: rgba(154,28,30,1.00);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.fvIn .newsArea ul li.event > a .cat {
	background-color: #f9968f;
}
.fvIn .newsArea ul li.announcement > a .cat {
	background-color: #faa332;
}
.fvIn .newsArea ul li.news-topics-robot > a .cat {
	background-color: #5dc95d;
}
.fvIn .newsArea ul li.products-topics-robot > a .cat {
	background-color: #32a9c6;
}
.fvIn .newsArea ul li > a .text {
	display: block;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
}
.fvIn .copy {
	right: 20px;
	bottom: 20px;
	position: absolute;
}
.fvIn .copy p {
	font-size: 14px;
	color: #FFF;
}
.fvIn .robotimg {
	position: absolute;
	right: 143px;
	bottom: 25px;
}
.fvIn .robotimg img {
	width: auto;
	height: 33vh;
}
.arrowWrap {
	position: absolute;
	left: 96vw;
	top: 120px;
	transform: rotate(90deg);
	transform-origin: 0;
}
.arrow {
	display: block;
	width: 300px;
}
.arrow > div {
	display: inline-block;
	line-height: 16px;
	position: relative;
	vertical-align: top;
}
.arrow .cel01 {
	font-size: 14px;
	color: #FFF;
	padding-right: 6px;
	line-height: 16px;
	height: 16px;
}
.arrow .cel02 {
	width: 40px;
	height: 16px;
	animation-name: scrollArrow;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.arrow .cel02::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	left: 0;
	top: 50%;
}
.arrow .cel03 {
	width: 14px;
	line-height: 16px;
	height: 16px;
}
.arrow .cel03::before {
	content: "";
	display: table-cell;
	width: 14px;
	height: 4px;
	border-left: 14px solid #FFF;
	border-top: 4px solid transparent;
	box-sizing: border-box;
	position: absolute;
	bottom: 7px;
	left: 0;
}
@keyframes scrollArrow {
	0% {
		width: 40px;
	}
	90% {
		width: 110px;
	}
	100% {
		width: 40px;
	}
}
@media screen and (max-width:1440px) {
	.fvIn .robotimg {
		right: 5vw;
	}
	.fvIn > .text {
		left: 4vw;
		top: 30vh;
		transform: translateY(0);
	}
	.fvIn > .text h1 {
		font-size: 5vw;
		font-weight: 700;
		color: #FFF;
		line-height: 1.3;
	}
	.fvIn > .text h1 > span {
		display: block;
	}
	.fvIn > .text h1 > span.text02 {
		font-size: 1.4em;
		font-weight: 700;
		line-height: 1.3;
	}
	.fvIn > .text h1 > span.text02 .small {
		font-size: 5vw;
	}
	.fvIn > .text h1 > span.text03 {
		font-size: 3vw;
		line-height: 1.8;
		margin-top: 0.6em;
	}
}
@media screen and (max-width:767px) {
  .fvIn > .text h1 {
    font-size: 8vw;
  }	
	.fvIn > .text h1 .text01 {
		margin-bottom: 0.2em;
	}
	.fvIn > .text h1 .text02 {
		font-size:12vw; 
	}
	.fvIn > .text h1 .text03 {
		font-size:12vw; 
	}
  .fvIn > .text h1 > span.text02 .small {
    font-size: 4vw;
  }	
  .fvIn > .text {
    left: 4vw;
    top: 34vw;
  }	
	.arrowWrap {
		left: 96vw;
		top: 60vw;
		transform: rotate(90deg);
		transform-origin: 0;
	}
	.arrow {
		display: block;
		width: 50vw;
	}
	.arrow > div {
		display: inline-block;
		line-height: 4vw;
		position: relative;
		vertical-align: top;
	}
	.arrow .cel01 {
		font-size: 3vw;
		font-weight: 700;
		color: #FFF;
		padding-right: 3vw;
		line-height: 4vw;
		height: 4vw;
	}
	.arrow .cel02 {
		width: 10vw;
		height: 4vw;
	}
	.arrow .cel03 {
		width: 7vw;
		line-height: 4vw;
		height: 4vw;
	}
	.arrow .cel03::before {
		content: "";
		display: table-cell;
		width: 4vw;
		height: 1vw;
		border-left: 4vw solid #FFF;
		border-top: 1vw solid transparent;
		box-sizing: border-box;
		position: absolute;
		bottom: calc(2vw - 1px);
		left: 0;
	}
	@keyframes scrollArrow {
		0% {
			width: 4vw;
		}
		90% {
			width: 20vw;
		}
		100% {
			width: 4vw;
		}
	}
	.fvIn .robotimg {
	  position: absolute;
	  right: 4vw;
	  bottom: 25vw;
	}
	.fvIn .robotimg img {
		width: 84vw;
		height: auto;
	}	
	.fvIn .copy {
	  right: 4vw;
	  bottom: 20vw;
	  position: absolute;
	}	
	.fvIn .newsArea {
	  position: absolute;
	  left: 0;
	  bottom: 4vw;
	  background-color: #FFF;
	  border-top-right-radius: 30px;
	  border-bottom-right-radius: 30px;
	  padding: 2vw 10vw 2vw 4vw;
	  width: 85vw;
	  overflow: hidden;
	}
	.fvIn .newsArea ul li > a {
		padding-left: 20vw;
	}
	.fvIn .newsArea ul li > a .cat {
		line-height: 6.6vw;
		font-size: 3.2vw;
		width: 16vw;
		border-radius: 2vw;
	}
	.fvIn .newsArea ul li > a .text {
	  font-size: 3.2vw;
	  line-height: 6.6vw;
	  height: 6.6vw;
	}
}
.heading-h2 {
	font-size: 50px;
}
.heading-h2 .textBig {
	font-weight: 700;
	letter-spacing: 0.10em;
	display: block;
	line-height: 1.3;
}
.heading-h2 .textSmall {
	font-size: 0.44em;
	font-weight: 700;
	display: block;
	color: #32a9c6;
	padding-top: 0.4em;
}
.page-robot-top .sec_reasons .heading-h2 .textBig {
	letter-spacing: 0.05em;
}
.headColor .textBlue {
	color: #32a9c6;
}
.headingLR {
	display: table;
}
.headingLR > .left {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #a5a5a5;
	width: 290px;
}
.headingLR > .right {
	display: table-cell;
	vertical-align: middle;
	padding-left: 85px;
}
.secCont {
	padding-top: 65px;
}
.sec_product {
	padding-top: 100px;
}

@media screen and (max-width:767px) {
	.heading-h2 {
		font-size: 7.3vw;
	}
	.heading-h2 .textSmall {
		font-size: 4vw;
	}
	.sec_product {
		padding-top: 11vw;
	}
	.headingLR {
		display: block;
	}
	.headingLR > .left {
		display: block;
		width: 100%;
		border:none;
		margin-bottom: 6vw;
	}
	.headingLR > .right {
		display: block;
		padding-left: 0;
	}
	.secCont {
		padding-top: 16vw;
	}
	
}

.scalaBox-2 .row {
	font-size: 0;
	padding: 112px 0;
	position: relative;
}
.scalaBox-2 .row .box:nth-child(1)::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(50vw - 600px + 100%);
	height: 4px;
	background: right center / 8px auto url("../img/dotline_blue_LtoR.png") repeat-x;
}
.scalaBox-2 .row .box:nth-child(3)::before {
	content: "";
	position: absolute;
	left: -4px;
	bottom: 0;
	width: calc(50vw - 600px + 100%);
	height: 4px;
	background: right center / 8px auto url("../img/dotline_blue_LtoR.png") repeat-x;
}
.scalaBox-2 .row .box {
	display: inline-block;
	width: 33.3%;
	background-repeat: no-repeat;
	position: relative;
	vertical-align: top;
}
.scalaBox-2 .row .box::after {
	content: "";
	display: table-cell;
	width: 4px;
	height: 116px;
	background: center bottom / 100% auto url("../img/dotline_blue_vertical_BtoT.png") repeat-y;
	position: absolute;
	right: 0;
	bottom: 0;
}
.scalaBox-2 .row .box:nth-last-child(1)::after {
	display: none;
}
.scalaBox-2 .row .box01 {
	background-image: url("../img/robot_top_bx01bg.jpg");
	background-position: right 56px bottom 44px;
	top: 112px;
}
.scalaBox-2 .row .box02 {
	background-image: url("../img/robot_top_bx02bg.jpg");
	background-position: right 62px bottom 43px;
}
.scalaBox-2 .row .box03 {
	background-image: url("../img/robot_top_bx03bg.jpg");
	background-position: right 21px bottom 40px;
	top: -112px;
}
.scalaBox-2 .row .box04 {
	background-image: url("../img/robot_top_bx04bg.jpg");
	background-position: right 42px bottom 45px;
	top: 112px;
}
.scalaBox-2 .row .box05 {
	background-image: url("../img/robot_top_bx05bg.jpg");
	background-position: right 32px bottom 50px;
}
.scalaBox-2 .row .box06 {
	background-image: url("../img/robot_top_bx06bg.jpg");
	background-position: right 18px bottom 45px;
	top: -112px;
}
.scalaBox-2 .row .box:nth-child(2) .textBox {
	background: left bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.scalaBox-2 .row01 .box .textBox {
	height: 305px;
}
.scalaBox-2 .row02 .box .textBox {
	height: 216px;
}
.scalaBox-2 .row .box .textBox h3 {
	margin-bottom: 25px;
}
.scalaBox-2 .row .box .textBox h3 .text_jp {
	font-size: 24px;
	font-weight: 700;
	display: block;
	line-height: 1.3;
}
.scalaBox-2 .row .box .textBox h3 .text_en {
	font-size: 18px;
	font-weight: 600;
	display: block;
	color: #bcbcbc;
	padding-top: 0.4em;
}
.btn.blueBtn {
	
}
.btn.blueBtn a {
	padding-right: 68px;
	padding-left: 53px;
	background-color: #32a9c6;
	border-radius: 25px;
	display: inline-block;
	position: relative;
}
.btn.blueBtn a::after {
	content: "";
	display: table-cell;
	width: 22px;
	height: 22px;
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translateY(-50%);
	background: center / 100% auto url("../img/icn_btnarrow.png") no-repeat;
	
}
.btn.blueBtn a .text {
	display: block;
	font-size: 16px;
	line-height: 50px;
	color: #FFF;
	height: 50px;
}
.archive.case .btnArea {
	text-align: center;
}
.archive.case .btnArea button {
	background-color: #32a9c6;
	border-radius: 25px;
	border:none;
}
.archive.case .btnArea .resetBtn {
	background-color: #E16E70;
	border-radius: 25px;
	border:none;
	margin-left: 20px;
	display: inline-block;
}
.archive.case .btnArea button span,
.archive.case .btnArea .resetBtn span {
	display: block;
	font-size: 16px;
	letter-spacing: 0.1em;
	font-weight: 600;
	line-height: 50px;
	color: #FFF;
	height: 50px;
	padding: 0 1.5em;
}

.scalaBox-2 .rowMiddle {
	padding-bottom: 60px;
	background: left bottom / auto url("../img/robot_face.png") no-repeat;
	margin-bottom: 30px;
}
.scalaBox-2 .rowMiddle p {
	text-align: right;
}
.scalaBox-2 .rowMiddle p.textBig {
	font-size: 30px;
	font-weight: 700;
}
@media screen and (max-width:1100px) {
	.scalaBox-2 .row {
	  padding: 0;
	}
	.scalaBox-2 .row .box {
	  display: block;
	  width: 100%;
		max-width: 450px;
		margin: 0 auto 78px;
		top: 0;
	}
	.scalaBox-2 .row .box:nth-child(1)::before,
	.scalaBox-2 .row .box:nth-child(2)::before,
	.scalaBox-2 .row .box:nth-child(3)::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;		
		width: calc(50vw + 225px);
		height: 4px;
		background: right center / 8px auto url("../img/dotline_blue_LtoR.png") repeat-x;		
	}
	.scalaBox-2 .row .box::after {
	  width: 4px;
	  height: 116px;
	  right: 0;
	  bottom: 0;
	}	
	.scalaBox-2 .row01 .box .textBox {
		position: relative;
	}	
	.scalaBox-2 .row01 .box .textBox::before,
	.scalaBox-2 .row02 .box .textBox::before
	{
		content: "";
		display: table-cell;
		width: calc(50vw - 225px);
		height: 4px;
		background: left top / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
		position: absolute;
		bottom: 112px;
		left: 100%;
	}
	.scalaBox-2 .row .box:nth-child(2) .textBox {
	  background:none;
	}
	.scalaBox-2 .row .box:nth-child(3)::before {
	  left: auto;
	}
	.scalaBox-2 .row .box.box03::after,
	.scalaBox-2 .row .box.box06::after {
	  content: "";
	  display: table-cell;
	  width: 4px;
	  height: 116px;
	  background: center bottom / 100% auto url("../img/dotline_blue_vertical_BtoT.png") repeat-y;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	}
	.scalaBox-2 .rowMiddle p {
	  text-align: center;
	}
}
@media screen and (max-width: 767px) {
	  .scalaBox-2 .row .box {
		display: block;
		width: 85vw;
		max-width: 85vw;
		margin: 0 auto 11vw;
		top: 0;
	  }	
	.scalaBox-2 .row .box:nth-child(1)::before, .scalaBox-2 .row .box:nth-child(2)::before, .scalaBox-2 .row .box:nth-child(3)::before {
		width: 92.5vw;
		height: 4px;
		background: right center / 8px auto url("../img/dotline_blue_LtoR.png") repeat-x;
	}
	.scalaBox-2 .row01 .box .textBox::before, .scalaBox-2 .row02 .box .textBox::before {
		width: 10vw;
		height: 4px;
		bottom: 112px;
	}	
	.scalaBox-2 .row .box .textBox h3 {
	  margin-bottom: 5.6vw;
	}
	.scalaBox-2 .row .box .textBox h3 .text_jp {
	  font-size: 4.5vw;
	}	
	.scalaBox-2 .row .box .textBox h3 .text_en {
	  font-size: 4vw;
	}
	.btn.blueBtn a {
		padding: 0;
	  border-radius: 6vw;
	}	
	.btn.blueBtn a .text {
		width: 48vw;
	  font-size: 3.8vw;
	  line-height: 12vw;
	  height: 12vw;
		text-align: center;
	}	
	.sec_guide .secIn .cel.dotBox .bottom p::after,
	.btn.blueBtn a::after {
	  width: 4.6vw;
	  height: 4.6vw;
	  right: 3vw;
	}
	.scalaBox-2 .row01 .box .textBox {
	  height: 60vw;
	}	
	.scalaBox-2 .row .box01 {
	  background-image: url("../img/robot_top_bx01bg.jpg");
		background-size: 48.8vw auto;
	  background-position: right 6.6vw bottom 5.8vw;
	}	
	.scalaBox-2 .row .box02 {
		background-image: url("../img/robot_top_bx02bg.jpg");
		background-position: right 6.5vw bottom 4.5vw;
		background-size: 48.4vw auto;
	}
	.scalaBox-2 .row .box03 {
		background-image: url("../img/robot_top_bx03bg.jpg");
		background-position: right 6.5vw bottom 4.5vw;
		background-size: 46.0vw auto;
	}
	.scalaBox-2 .row .box04 {
		background-image: url("../img/robot_top_bx04bg.jpg");
		background-position: right 6.5vw bottom 4.5vw;
		background-size: 27.0vw auto;
	}
	.scalaBox-2 .row .box05 {
		background-image: url("../img/robot_top_bx05bg.jpg");
		background-position: right 4vw bottom 8vw;
		background-size: 30vw auto;
	}
	.scalaBox-2 .row .box06 {
		background-image: url("../img/robot_top_bx06bg.jpg");
		background-position: right 3.7vw bottom 10.2vw;
		background-size: 28.26vw auto;
	}
	.scalaBox-2 .rowMiddle p.textBig {
	  font-size: 5.3vw;
	}	
	.scalaBox-2 .rowMiddle p {
		text-align: left;
	}
	.scalaBox-2 .rowMiddle {
	  padding-bottom: 0;
	  background:none;
	  margin-bottom: 11vw;
	}	
	.scalaBox-2 .row02 .box .textBox {
	  height: 38.6vw;
	}
	.archive.case .btnArea button {
	  background-color: #32a9c6;
	  border-radius: 6vw;
	  border: none;
	}	
	.archive.case .btnArea button span,
	.archive.case .btnArea .resetBtn span {
	  font-size: 4.3vw;
	  letter-spacing: 0.1em;
	  line-height: 12vw;
	  height: 12vw;
	}
	.archive.case .btnArea .resetBtn {
	  border-radius: 6vw;
	  margin-left: 0;
		margin-top: 4vw;
	}	
	
}
.sec_introTrial {
	padding-top: 156px;
	padding-bottom: 97px;
	position: relative;
}
.sec_introTrial .blueBox {
	width: 600px;
	padding: 60px 48px 68px;
	background-color: rgba(51,174,205,0.18);
	border-radius: 30px;
}
.sec_introTrial .blueBox .secHead {
	margin-bottom: 30px;
}
.sec_introTrial .blueBox p {
	margin-bottom: 43px;
}
.sec_introTrial .imgs {
	display: table-cell;
	position: absolute;
	right: -78px;
	top: -90px;
	width: 773px;
	height: 673px;
}
.sec_introTrial .imgs::before {
	position: absolute;
	content: "";
	display: table-cell;
	width: 417px;
	height: 671px;
	background-color: #f0f0f0;
	border-radius: 30px;
	right: 0;
	top: 0;
}
.sec_introTrial .imgs .img01 {
	display: table-cell;
	width: 693px;
	height: 486px;
	position: absolute;
	left: 0;
	top: 141px;
	background: right center / auto 100% url("../img/CC1_on_office.jpg") no-repeat;
	border-radius: 30px;
}
.borderArea.deco01 {
	position: absolute;
	width: 100vw;
	height: 164px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.borderArea.deco01 .border01 {
	display: table-cell;
	width: calc(50vw - 240px);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: right bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.borderArea.deco01 .border01 .border02 {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
}
.borderArea.deco01 .border03 {
	display: table-cell;
	width: calc(50vw + 244px);
	height: 100%;
	background: left top / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	position: absolute;
	left: calc(50vw - 240px);
	top: 0;
}
@media screen and (max-width: 1200px){
	.sec_introTrial .imgs {
	  display: table-cell;
	  position: absolute;
	  right: -78px;
	  top: -90px;
	  width: calc(100vw - 500px);
	  height: 673px;
	}
	.sec_introTrial .imgs .img01 {
	  display: table-cell;
	  width: 45vw;
	  height: 486px;
	  position: absolute;
	  left: 0;
	  top: 141px;
	  background: right center / auto 100% url("../img/CC1_on_office.jpg") no-repeat;
	  border-radius: 30px;
	}
	.sec_introTrial .imgs::before {
	  position: absolute;
	  content: "";
	  display: table-cell;
	  width: 417px;
	  height: 671px;
	  background-color: #f0f0f0;
	  border-radius: 30px;
	  right: auto;
		left: 30vw;
	  top: 0;
	}
}
@media screen and (max-width: 767px) {
	.sec_introTrial {
		padding: 0;
	}	
	 .sec_introTrial .imgs {
		 display: none;
	  }	
	.sec_introTrial .blueBox {
	  width: 100%;
	  padding: 7.3vw 4vw 14vw;
	  border-radius: 4vw;
	}	
	.sec_introTrial .blueBox p {
	  margin-bottom: 6vw;
	}
	.sec_introTrial {
		position: relative;
		padding-top: 7.6vw;
		padding-bottom: 11.6vw;
	}	
	.sec_introTrial .secIn {
		position: relative;
	}
	.sec_introTrial::before {
		content: "";
		display: table-cell;
		width: 55.6vw;
		height: 89.5vw;
		background-color: #f0f0f0;
		border-radius: 4vw;
		position: absolute;
		right: -8vw;
		top: 0;
	}
	.sec_introTrial .secIn::before {
		content: "";
		display: block;
		width: 100%;
		height: 64.6vw;
		border-radius: 4vw;
		background: right center / auto 100% url("../img/CC1_on_office.jpg") no-repeat;
		margin-bottom: 6vw;
	}
	.borderArea.deco01 {
	  position: absolute;
	  width: 100vw;
	  height: 21.6vw;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
	}
	.borderArea.deco01 .border01 {
	  display: table-cell;
	  width: 68vw;
	  height: 100%;
	  position: absolute;
	  left: 0;
	  top: 0;
	  background: right bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	}
	.borderArea.deco01 .border03 {
	  display: table-cell;
	  width: 32vw;
	  height: 100%;
	  background: left top / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	  position: absolute;
	  left: 68vw;
	  top: 0;
	}	
	
}
.page-robot-top .sec_reason {
	margin-bottom: 147px;
}
.page-robot-top .sec_reason .blueBox {
	width: 610px;
  padding: 60px 0 68px 182px;
  background-color: rgba(51,174,205,0.18);
  border-radius: 30px;	
}
.page-robot-top .sec_reason .secIn {
	padding-left: 560px;
	position: relative;
}
.page-robot-top .sec_reason .secIn .blueBox .secHead {
	margin-bottom: 30px;
}
.secHead h2 .textPink {
	font-size: 1.4em;
	color: #f84d99;
}
.page-robot-top .sec_reason .secIn .blueBox p {
	margin-bottom: 30px;
	padding-right: 30px;
}
.page-robot-top .sec_reason .secIn .imgs {
	display: table-cell;
	width: 693px;
	height: 486px;
	position: absolute;
	top: 99px;
	left: 0;
}
.page-robot-top .sec_reason .secIn .imgs .img01 {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: center / auto 100% url("../img/bellapro360_sensor.jpg") no-repeat;
	border-radius: 30px;
}
.page-robot-top .sec_reason .secIn .imgs::before {
	content: "";
	display: table-cell;
	width: 100%;
	height: 85%;
	position: absolute;
	left: -80px;
	top: 136px;
	background-color: #f0f0f0;
	border-radius: 30px;
}
.borderArea.deco02 {
	transform: translateY(24px);
}
.sec_case .secHead h2 > span {
	display: block;
	text-align: center;
}
.borderArea.deco02 {
	display: block;
	height: 100px;
	position: relative;
}
.borderArea.deco02 .border01 {
	width: calc(50vw + 200px);
	height: 100px;
	background: right top / auto 4px url("../img/dotline_blue.png") repeat-x;
	position: relative;
}
.borderArea.deco02 .border01 .border02 {
	display: table-cell;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
}
.borderArea.deco02 .border03 {
	width: calc(50vw - 204px);
	height: 104px;
	background: left bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	position: absolute;
	left: calc(50vw + 200px);;
	bottom: 0;
}
.borderArea.deco02 .border03::before {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/robot_face.jpg") no-repeat;
	width: 267px;
	height: 62px;
	position: absolute;
	left: 131px;
	top: 10px;
}

@media screen and (max-width: 1250px) {
	.page-robot-top .sec_reason .secIn {
	  padding-left: calc(100% - 610px);
	  position: relative;
	}
	.page-robot-top .sec_reason .blueBox {
	  width: 610px;
	  padding: 60px 0 68px 182px;
	  background-color: rgba(51,174,205,0.18);
	  border-radius: 30px;
	}	
	.page-robot-top .sec_reason .secIn .imgs {
	  display: table-cell;
	  width: calc(100% - 500px);
	  height: 486px;
	  position: absolute;
	  top: 99px;
	  left: 0;
	}	
}
@media screen and (max-width: 767px) {
	.page-robot-top .sec_reason {
		padding-top: 11vw;
	  margin-bottom: 15vw;
		position: relative;
	}	
	.page-robot-top .sec_reason::before {
		content: "";
		display: table-cell;
		width: 85.6vw;
		height: 59.5vw;
		border-radius: 4vw;
		background-color: #f0f0f0;
		position: absolute;
		top: 26.3vw;
		right: 17vw;
	}
	.page-robot-top .sec_reason .secIn {
		padding-left: 0;
		position: relative;
	}	
	.page-robot-top .sec_reason .blueBox {
		width: 100%;
		padding: 7.3vw 4vw 14vw;
		border-radius: 4vw;
	}	
	.sec_introTrial .blueBox .secHead {
	  margin-bottom: 4vw;
	}	
	.page-robot-top .sec_reason .secIn .imgs {
	  display: none;
	}
	.page-robot-top .sec_reason .secIn::before {
		content: "";
		display: block;
		width: 100%;
		height: 64.6vw;
		border-radius: 4vw;
		background: center / auto 100% url("../img/bellapro360_sensor.jpg") no-repeat;
		margin-bottom: 4vw;
	}
	.borderArea.deco02 {
		height: 13.3vw;
	}
	.borderArea.deco02 .border01 {
		width: 75vw;
		height: 13.3vw;
		background: right top / auto 4px url("../img/dotline_blue.png") repeat-x;
		position: relative;
	}
	.borderArea.deco02 .border01 .border02 {
		display: table-cell;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	}
	.borderArea.deco02 .border03 {
		width: 25vw;
		height: 13.3vw;
		background: left bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
		position: absolute;
		left: auto;
		right: 0;
		bottom: 0;
	}
	.borderArea.deco02 .border03::before {
		content: "";
		display: table-cell;
		background: center / auto 100% url("../img/robot_face_sp.png") no-repeat;
		width: 16vw;
		height: 13vw;
		left: auto;
		right: 4vw;
		top: -3vw;
	}
}
.sec_case .secHead {
	margin-bottom: 30px;
}
.page-robot .caseListWrap .caseList {
	margin-bottom: 53px;
}
.page-robot .caseListWrap li.slick-slide {
	display: block;
	width: 374px;
	height: auto;
	min-height: 490px;
	border-radius: 30px;
	overflow: hidden;
	margin: 0 22px;
	background-color: #FFF;
}
.page-robot .caseListWrap li.slick-slide a {display: block;}
.page-robot .caseListWrap li.slick-slide > span {
	display: block;
	position: relative;
	padding-top: 275px;
}
.page-robot .caseListWrap li.slick-slide > span .img {
	position: absolute;
	top: 0;
	left: 0;
	display: table-cell;
	width: 100%;
	height: 260px;
	background-position: center;
	background-size: cover;
}
.page-robot .caseListWrap li.slick-slide > span .info {
	display: block;
	padding: 10px 25px 45px;
}
.page-robot .caseListWrap li.slick-slide > span .info .infoHead {
	display: block;
	margin-bottom: 28px;
}
.page-robot .caseListWrap li.slick-slide > span .info .title {
	display: block;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
.page-robot .caseListWrap li.slick-slide > span .info .companyName {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	color: #bcbcbc;
}
.page-robot .caseListWrap li.slick-slide > span .info .infoTable {
}
.page-robot .caseListWrap li.slick-slide > span .info .infoTable li {
	display: block;
	padding-left: 80px;
	position: relative;
	margin-bottom: 10px;
}
.page-robot .caseListWrap li.slick-slide > span .info .infoTable li .label {
	display: table-cell;
	width: 62px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	background-color: #32a9c6;
}
.page-robot .caseListWrap li.slick-slide > span .info .infoTable li .text {
	display: block;
	font-size: 15px;
	line-height: 1.3;
}
.page-robot .caseListWrap {
	padding-bottom: 55px;
	position: relative;
}
.page-robot .caseListWrap .bottom {
	text-align: center;
}
.page-robot .caseListWrap::before {
	content: "";
	display: block;
	height: 400px;
	background-color: #daf0f6;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.page-robot-top .sec_reasons {
	background: left top / auto 12px url("../img/bg_slash.jpg") repeat;
	padding: 115px 0 60px;
	position: relative;
}
.page-robot-top .sec_reasons .row {
	display: block;
	font-size: 0;
	margin-bottom: 80px;
}
.page-robot-top .sec_reasons .row:nth-last-child(1) {
	margin-bottom: 0;
}
.page-robot-top .sec_reasons .row .box {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	vertical-align: top;
	position: relative;
}
.page-robot-top .sec_reasons .row .box:nth-last-child(1) {
	margin-right: 0;
}
.page-robot-top .sec_reasons .row .box .boxIn {
	display: block;
	border-radius: 30px;
	overflow: hidden;
	background-color: #daf0f6;
}
.page-robot-top .sec_reasons .row .box .boxIn .img {
	display: block;
	height: 250px;
}
.page-robot-top .sec_reasons .row .box01 .img {
	background: center / cover url("../img/robot_top_reason_01.jpg") no-repeat;
}
.page-robot-top .sec_reasons .row .box02 .img {
	background: center / cover url("../img/robot_top_reason_02.jpg") no-repeat;
}
.page-robot-top .sec_reasons .row .box03 .img {
	background: center / cover url("../img/robot_top_reason_03.jpg") no-repeat;
}
.page-robot-top .sec_reasons .row .box04 .img {
	background: center / cover url("../img/robot_top_reason_04.jpg") no-repeat;
}
.page-robot-top .sec_reasons .row .box05 .img {
	background: center / cover url("../img/robot_top_reason_05.jpg") no-repeat;
}
.page-robot-top .sec_reasons .box .info {
	padding: 30px 25px;
}
.page-robot-top .sec_reasons .box .info h3 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 0.8em;
}
.page-robot-top .sec_reasons .titleBox {
	padding-top: 12px;
	background: left 284px / auto url("../img/robot_face.png") no-repeat;
}
.page-robot-top .sec_reasons .box .num {
	display: table-cell;
	font-size: 70px;
	font-weight: 800;
	color: #32a9c6;
	position: absolute;
	right: 20px;
	bottom: 0;
	transform: translateY(50%);
}
.page-robot-top .sec_reasons .dots {
	position: absolute;
	width: 1400px;
	height: 920px;
	top: 322px;
	left: 50%;
	transform: translateX(-50%);
}
.page-robot-top .sec_reasons .dots .box01 {
	position: relative;
	display: block;
	height: 608px;
	background: right top / 4px auto url("../img/dotline_blue_vertical_TtoB.png") repeat-y;
}
.page-robot-top .sec_reasons .dots .box01 .top {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: calc(50vw + 700px);
	height: 4px;
	background:  right top / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.page-robot-top .sec_reasons .dots .box01 .bottom {
	position: absolute;
	right: 0;
	bottom: -4px;
	display: block;
	width: 1400px;
	height: 4px;
	background:  right top / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.page-robot-top .sec_reasons .dots .box02 {
	position: relative;
	display: block;
	height: 312px;
	left: 4px;
	background: left top / 4px auto url("../img/dotline_blue_vertical_TtoB.png") repeat-y;
}
.page-robot-top .sec_reasons .dots .box02 .bottom {
	display: block;
	width: calc(50vw + 700px);
	height: 4px;
	background:right top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: absolute;
	left: 0;
	bottom: -4px;
}
.page-robot-top .sec_reasons .secIn {
	margin-bottom: 220px;
}
.page-robot-top .sec_reasons .robotsScroll {
	width: 100%;
	display: block;
}
@media screen and (max-width: 768px) and (min-width: 1200px) {
	.page-robot-top .sec_reasons .robotsScroll {
		padding-top: 
		width: 100%;
		display: block;
	}
}
.page-robot-top .sec_reasons .robotsScroll .robots {
	width: 339px;
	height: auto;
	position: relative;
	background: left top / auto 100% url("../img/robot_top_reason_robots.png") no-repeat;
}
.page-robot-top .sec_reasons .robotsScroll .robots::before {
	content: "";
	display: block;
	padding-top: 38.6%;
}
@media screen and (min-width: 1201px) {
	.page-robot-top .sec_reasons .dotsSp {
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	
	.page-robot-top .sec_reasons .dotsSp {
		display: block;
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 340px;
		left: 50%;
		transform: translateX(-50%);
	}
	.page-robot-top .sec_reasons .dotsSp {
		display: block;
	}
	.page-robot-top .sec_reasons .dotsSp > div {
		width: 94%;
		max-width: 600px;
		margin: 0 auto;
		position: relative;
		background: right bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	}
	.page-robot-top .sec_reasons .dotsSp > div .dotVertical {
		position: absolute;
		top: 0;
		width: 4px;
		height: 100%;
		background: center top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	}
	.page-robot-top .sec_reasons .dotsSp > div.v-right .dotVertical {
		right: 0;
	}
	.page-robot-top .sec_reasons .dotsSp > div.v-left .dotVertical {
		left: 0;
	}
	.page-robot-top .sec_reasons .dotsSp > div .dotTop {
		display: block;
		width: calc(50vw + 300px);
		height: 4px;
		background: top right / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
		position: absolute;
		right: 0;
		top: 0;
	}
	.page-robot-top .sec_reasons .dotsSp > div .dotBottom {
		display: block;
		width: calc(50vw + 300px);
		height: 4px;
		background: top left / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.page-robot-top .sec_reasons .dotsSp > div.box06 {
		background: none;
	}	
	.page-robot-top .sec_reasons .row .box {
	  display: block;
	  width: 92%;
		max-width: 500px;
		margin: 0 auto 60px;
	}	
	.page-robot-top .sec_reasons .row .box:nth-last-child(1) {
	  margin-right: auto;
	}	
	.page-robot-top .sec_reasons {
	  background: left top / auto 12px url("../img/bg_slash.jpg") repeat;
	  padding: 110px 0 90px;
	  position: relative;
	}
	.page-robot-top .sec_reasons .row .box.titleBox {
	  padding-top: 12px;
	  background: right bottom / 150px auto url("../img/robot_face.png") no-repeat;
		margin-bottom: 90px;
	}
	.page-robot-top .sec_reasons .robotsScroll {
		padding-top: 60px;
	}	
	.page-robot-top .sec_reasons .row {
	  margin-bottom: 40px;
	}
	.page-robot-top .sec_reasons .dots {
		display: none;
	}	
}
@media screen and (max-width:767px) {
  .page-robot-top .sec_reasons .robotsScroll {
    padding-top: 0;
  }	
	.sec_case .secHead {
	  margin-bottom: 6vw;
	}	
	.page-robot .caseListWrap .caseList {
	  margin-bottom: 6vw;
	}	
	.page-robot .caseListWrap li.slick-slide {
	  width: 80vw;
	  height: 112vw;
	  border-radius: 4vw;
	  margin: 0 2vw;
		min-height: 0;
	}
	.page-robot .caseListWrap li.slick-slide > span {
	  padding-top: 64.5vw;
	}
	.page-robot .caseListWrap li.slick-slide > span .img {
	  height: 60vw;
	}	
	.page-robot .caseListWrap li.slick-slide > span .info {
	  padding: 3vw 4vw;
	}
	.page-robot .caseListWrap li.slick-slide > span .info .infoHead {
	  margin-bottom: 4vw;
	}
	.page-robot .caseListWrap li.slick-slide > span .info .title {
	  font-size: 4.0vw;
	}	
	.page-robot .caseListWrap li.slick-slide > span .info .companyName {
	  font-size: 3.8vw;
	  line-height: 1.6;
	  color: #bcbcbc;
	}	
	.page-robot .caseListWrap li.slick-slide > span .info .infoTable li {
	  padding-left: 80px;
	  position: relative;
	  margin-bottom: 10px;
	}
	.page-robot .caseListWrap li.slick-slide > span .info .infoTable li {
	  padding-left: 16vw;
	  margin-bottom: 3vw;
	}	
	.page-robot .caseListWrap li.slick-slide > span .info .infoTable li .label {
	  display: table-cell;
	  width: 12.3vw;
	  height: 5.3vw;
	  line-height: 5.3vw;
	  border-radius: 1vw;
	  font-size: 3.2vw;
	}	
	.page-robot .caseListWrap li.slick-slide > span .info .infoTable li .text {
	  font-size: 3.8vw;
	}
	.page-robot-top .sec_reasons .dotsSp {
		display: block;
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 43vw;
		left: 50%;
		transform: translateX(-50%);
	}
	.page-robot-top .sec_reasons {
		background: left top / auto 12px url("../img/bg_slash.jpg") repeat;
		padding: 11vw 0 9vw;
		position: relative;
	}	
	.page-robot-top .sec_reasons::before {
	  height: 16.6vw;
	  bottom: 11vw;
	  left: 0;
	  background: center / auto 100% url("../img/robot_top_reason_robots.png") repeat-x;
	  position: absolute;
	}
	.page-robot-top .sec_reasons .row .box.titleBox {
		padding-top: 0;
		background: right bottom / 28.6vw auto url("../img/robot_face.png") no-repeat;
		margin-bottom: 15vw;
	}
	.page-robot-top .sec_reasons .row .box .boxIn .img {
	  display: block;
	  height: 56.5vw;
	}	
	.page-robot-top .sec_reasons .box .info {
	  padding: 5vw 4vw;
	}	
	.page-robot-top .sec_reasons .box .info h3 {
	  font-size: 4.3vw;
	}
	.page-robot-top .sec_reasons .box .num {
	  font-size: 15.8vw;
	  right: 4vw;
	}
	.page-robot-top .sec_reasons .row .box {
		display: block;
		width: 92%;
		max-width: 92%;
		margin: 0 auto 12.8vw;
	}	
	.page-robot-top .sec_reasons .robotsScroll .robots {
	  width: 65vw;
	  height: auto;
	  position: relative;
	  background: left top / auto 100% url("../img/robot_top_reason_robots.png") no-repeat;
	}	
	
}
.sec_subsidy {
	background: center bottom / cover url("../img/robot_top_subsidy_bg.jpg") no-repeat;
	padding: 99px 0 178px;
}
.sec_subsidy .secIn {
}
.sec_subsidy .secIn .dotBox {
	border: 3px dotted #FFF;
	width: 92%;
	max-width: 800px;
	margin: 0 auto;
	padding: 80px 60px 76px;
	border-radius: 30px;
}
.sec_subsidy .secIn .dotBox .secHead {
	margin-bottom: 60px;
}
.sec_subsidy .secIn .dotBox h2 .textBig {
	text-align: center;
}
.sec_subsidy .secIn .dotBox h2 .textSmall {
	text-align: center;
}
.sec_subsidy .secIn .dotBox p {
	margin-bottom: 75px;
}
.sec_subsidy .secIn .dotBox .btnArea {
	text-align: center;
}
.sec_guide {
	padding: 250px 0 225px;
	background: center / cover url("../img/robot_guide_bg.jpg") no-repeat;
}
.sec_guide .secIn {
	font-size: 0;
}
.sec_guide .secIn .cel {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
}
.sec_guide .secIn a.cel {
	cursor: pointer;
	
}
.sec_guide .secIn .cel:nth-last-child(1) {
	margin-right: 0;
}
.sec_guide .secIn .cel.dotBox {
	border: 3px dotted #FFF;
	border-radius: 30px;
	padding: 45px 37px;
}
.sec_guide .secIn .cel.dotBox .bottom {
	padding-top: 15px;
	text-align: right;
}
.sec_guide .secIn .cel.dotBox .bottom p {
	display: inline-block;
	padding-right: 50px;
	position: relative;
}
.sec_guide .secIn .cel.dotBox .bottom p::after {
	content: "";
  display: table-cell;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: center / 100% auto url("../img/icn_btnarrow.png") no-repeat;
}
.sec_guide .secIn .cel.dotBox .head {
	padding-left: 43px;
	position: relative;
	margin-bottom: 45px;
}
.sec_guide .secIn .cel02 .head::before {
	content: "";
	display: table-cell;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("../img/robot_icn_guide_shop.png");
	background-size: 60% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #32a9c6;
	border-radius: 50%;
}
.sec_guide .secIn .cel03 .head::before {
	content: "";
	display: table-cell;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("../img/robot_icn_guide_company.png");
	background-size: 50% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #32a9c6;
	border-radius: 50%;
}
.sec_guide .secIn .cel.dotBox .head h3 {
	font-size: 24px;
	color: #FFF;
}
.sec_guide .secIn .cel.dotBox p {
	color: #FFF;
}
.sec_guide .secIn .secHead {
	margin-bottom: 45px;
}
.sec_guide .secIn .secHead h2 .textBig {
	color: #FFF;
}
.sec_guide .secIn .cel01 p {
	color: #FFF;
	margin-bottom: 45px;
}
.sec_linkBnrtoHome {
	text-align: center;
	padding: 100px 0 70px;
}
.sec_linkBnrtoHome a {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #daf0f6;
	border-radius: 30px;
	display: block;
	padding: 40px 45px;
	position: relative;
}
.sec_linkBnrtoHome .bgs {
	content: "";
	width: 577px;
	height: 100%;
	display: table-cell;
	position: absolute;
	right: 0;
	top: 0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	background-color: #a7dbe8;
}
.sec_linkBnrtoHome .bgs .tri {
	content: "";
	display: table-cell;
	width: 148px;
	height: 100%;
	border-right: 148px solid #a7dbe8;
	position: absolute;
	left: 0.5px;
	top: 0;
	transform: translateX(-100%);
}
.sec_linkBnrtoHome a .btnIn {
	display: table;
	width: 100%;
	position: relative;
}
.sec_linkBnrtoHome a .btnIn .left {
	display: table-cell;
	vertical-align: top;
	padding-right: 90px;
}
.sec_linkBnrtoHome a .btnIn .left .secHead {
	margin-bottom: 25px;
}
.sec_linkBnrtoHome a .btnIn .right {
	display: table-cell;
	width: 560px;
	vertical-align: middle;
}
.sec_linkBnrtoHome a .btnIn .right ul {
	display: table;
	width: 100%;
}
.sec_linkBnrtoHome a .btnIn .right ul li {
	display: table-cell;
	padding-top: 145px;
	text-align: center;
}
.sec_linkBnrtoHome a .btnIn .right ul li:nth-child(1) {
	background: center 3px / auto 135px url("../img/robot_bnrtoHome_img01.png") no-repeat;
}
.sec_linkBnrtoHome a .btnIn .right ul li:nth-child(2) {
	background: center top / auto 138px url("../img/robot_bnrtoHome_img02.png") no-repeat;
}
.sec_linkBnrtoHome a .btnIn .right ul li:nth-child(3) {
	background: center 3px / auto 135px url("../img/robot_bnrtoHome_img03.png") no-repeat;
}
.sec_linkBnrtoHome a .btnIn .right ul li .text {
	display: block;
	text-align: center;
}
.sec_linkBnrtoHome .heading-h2 {
  font-size: 30px;
}
.borderArea.deco03 {
	position: relative;
	height: 100px;
	transform: translateY(30px);
}
.borderArea.deco03 .border01 {
	display: table-cell;
	width: calc(50vw - 224px);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: right top / 4px auto url("../img/dotline_blue_vertical_TtoB.png") repeat-y;
}
.borderArea.deco03::before {
	content: "";
	display: table-cell;
	background: left bottom / auto 62px url("../img/robot_face.png") no-repeat;
	width: 1200px;
	height: 70px;
	left: 50%;
	top: 0;
	position: absolute;
	transform: translateX(-50%);
}
.borderArea.deco03 .border01 .border02 {
	display: table-cell;
	width: 100%;
	height: 4px;
	right: 0;
	bottom: 0;
	position: absolute;
	background: right bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.borderArea.deco03 .border03 {
	display: table-cell;
	width: calc(50vw + 224px);
	height: 4px;
	position: absolute;
	right: 0;
	top: 0;
	background: left top / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
@media screen and (max-width: 1200px) {
	.sec_guide {
	  padding: 60px 0 30px;
	  background: center / cover url("../img/robot_guide_bg.jpg") no-repeat;
	}	
	.sec_guide .secIn {
		width: 92%;
		max-width: 600px;
		margin: 0 auto;
	}
	.sec_guide .secIn .cel {
	  display: block;
	  vertical-align: top;
	  width: 100%;
	  margin-right: 0;
		margin-bottom: 40px;
	}
	.sec_linkBnrtoHome a .btnIn {
	  display: block;
	}	
	.sec_linkBnrtoHome a .btnIn .left {
	  display: block;
		padding: 45px 30px 45px;
	}	
	.sec_linkBnrtoHome a .btnIn .right {
	  display: block;
	  width: 100%;
		padding: 0 30px 45px;
	}
	.sec_linkBnrtoHome a .btnIn .left .secHead {
	  margin-bottom: 10px;
	}
	.sec_linkBnrtoHome a {
	  width: 92%;
	  max-width: 1200px;
	  margin: 0 auto;
	  background-color: #daf0f6;
	  border-radius: 30px;
	  display: block;
	  padding: 0;
	  position: relative;
	}	
	.sec_linkBnrtoHome .bgs {
	  content: "";
	  width: 100%;
	  height: 100%;
	  display: block;
	  position: absolute;
		top:auto;
	  right: 0;
	  bottom: 0;
	  border-top-right-radius: 0;
	  border-bottom-left-radius: 30px;
	  border-bottom-right-radius: 30px;
	  background-color: #a7dbe8;
	}
	.sec_linkBnrtoHome .bgs .tri {
	  width: 100%;
	  height: 30px;
	  border-right: 100% solid #a7dbe8;
		border-top: 30px solid transparent;
	  position: absolute;
	  left: auto;
		right: 0;
	  top: 0;
	  transform: translateX(0) translateY(-100%);
	}	
	
}
@media screen and (max-width: 767px) {
	.sec_subsidy {
	  background: center bottom /cover url("../img/robot_top_subsidy_bg.jpg") no-repeat;
	  padding: 10vw 0 10vw;
	}	
	.sec_subsidy .secIn .dotBox {
	  padding: 10vw 4vw 8vw;
	  border-radius: 4vw;
	}
	.sec_subsidy .heading-h2 {
		font-size: 6.4vw;
	}	
	.sec_subsidy .secIn .dotBox .secHead {
		margin-bottom: 5.3vw;
	}
	.sec_subsidy .secIn .dotBox p {
	  margin-bottom: 6vw;
	}
	.sec_guide {
		padding: 10vw 0 6vw;
		background: center / cover url("../img/robot_guide_bg.jpg") no-repeat;
	}	
	.sec_guide .secIn .secHead {
	  margin-bottom: 4vw;
	}	
	.sec_guide .secIn .cel01 p {
	  margin-bottom: 4vw;
	}	
	.sec_guide .secIn .cel.dotBox {
	  border-radius: 4vw;
	  padding: 5vw 4vw;
	}
	.sec_guide .secIn .cel.dotBox .head {
	  padding-left: 10vw;
	  margin-bottom: 5vw;
	}	
	.sec_guide .secIn .cel02 .head::before,
	.sec_guide .secIn .cel03 .head::before{
	  width: 7vw;
	  height: 7vw;
	}	
	.sec_guide .secIn .cel.dotBox .head h3 {
	  font-size: 4.3vw;
	}
  .sec_guide .secIn .cel {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-right: 0;
    margin-bottom: 4vw;
  }	
	.sec_linkBnrtoHome {
	  text-align: center;
	  padding: 10vw 0 16vw;
	}	
  .sec_linkBnrtoHome a .btnIn .left {
    padding: 6vw 4vw;
  }	
	.sec_linkBnrtoHome .heading-h2 {
	  font-size: 5.3vw;
	}
  .sec_linkBnrtoHome a .btnIn .right {
    padding: 0 4vw 5vw;
  }
	.sec_linkBnrtoHome a .btnIn .right ul li {
	  padding-top: 20vw;
	  text-align: center;
		width: 30%;
	}
	.sec_linkBnrtoHome a .btnIn .right ul li:nth-last-child(1) {
		width: 40%;
	}
	.sec_linkBnrtoHome a .btnIn .right ul li .text {
		font-size: 3.2vw;
		line-height: 1.3;
	}
	.sec_linkBnrtoHome a .btnIn .right ul li:nth-child(1) {
		background: center 3px / auto 18vw url("../img/robot_bnrtoHome_img01.png") no-repeat;
	}
	.sec_linkBnrtoHome a .btnIn .right ul li:nth-child(2) {
		background: center top / auto 18vw url("../img/robot_bnrtoHome_img02.png") no-repeat;
	}
	.sec_linkBnrtoHome a .btnIn .right ul li:nth-child(3) {
		background: center 3px / auto 18vw url("../img/robot_bnrtoHome_img03.png") no-repeat;
	}
	.borderArea.deco03 {
		position: relative;
		height: 13vw;
		transform: translateY(4vw);
	}
	.borderArea.deco03 .border01 {
		width: 25vw;
	}
	.borderArea.deco03::before {
		content: "";
		display: table-cell;
		background: left bottom / auto 100% url("../img/robot_face_sp.png") no-repeat;
		width: 16vw;
		height: 13vw;
		left: 4vw;
		top: 0;
		position: absolute;
		transform: translateX(0) translateY(-50%);
	}
	.borderArea.deco03 .border01 .border02 {
		display: table-cell;
		width: 100%;
		height: 4px;
		right: 0;
		bottom: 0;
		position: absolute;
		background: right bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	}
	.borderArea.deco03 .border03 {
		width: 75vw;
	}
	
	
	

}
.sec_topics {
}
.sec_topics .bottom {
	text-align: center;
	padding-bottom: 60px;
}
.sec_topics .bottom .btn {
	display: inline-block;
}
.sec_topics .secHead h2 {
	text-align: center;
}
.sec_topics .topicsList {
	font-size: 0;
}
.sec_topics .topicsList > li {
	display: inline-block;
	width: 31.9%;
	margin-right: 2%;
	margin-bottom: 4%;
	vertical-align: top;
	padding-bottom: 30px;
}
.sec_topics .topicsList > li:nth-child(3n) {
	margin-right: 0;
}
.sec_topics .topicsList > li .imgBox {
	display: block;
	background-color: rgba(236,236,236,1.00);
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 18px;
}
.sec_topics .topicsList > li .imgBox .img {
	display: block;
	position: relative;
	background-size: cover;
}
.sec_topics .topicsList > li .imgBox .img::before {
	content: "";
	display: block;
	padding-top: 75%;
}
.sec_topics .topicsList > li .infoBox {
	display: block;
}
.sec_topics .topicsList > li .infoBox .row {
	display: table;
	margin-bottom: 15px;
}
.sec_topics .topicsList > li .infoBox .row .data {
	font-size: 16px;
	line-height: 25px;
	display: table-cell;
	padding-right: 1em;
}
.sec_topics .topicsList > li .infoBox .row .cat {
	font-size: 16px;
	display: table-cell;
}
.sec_topics .topicsList > li .infoBox .row .cat .text {
	line-height: 2em;
	height: 2em;
	display: block;
	width: 6em;
	color: #FFF;
	background-color: rgba(79,79,79,1.00);
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
}
.sec_topics .topicsList > li .infoBox .row .cat.event .text {
	background-color: #f9968f;
}
.sec_topics .topicsList > li .infoBox .row .cat.announcement .text {
	background-color: #faa332;
}
.sec_topics .topicsList > li .infoBox .row .cat.news-topics-robot .text {
	background-color: #48c359;
}
.sec_topics .topicsList > li .infoBox .row .cat.products-topics-robot .text {
	background-color: #32a9c6;
}
.sec_topics .topicsList > li .infoBox a {
	font-size: 16px;
	line-height: 1.3;
	display: block;
}
@media screen and (max-width: 980px) {
	.sec_topics .topicsList > li,
	.sec_topics .topicsList > li:nth-child(3n) {
	  display: inline-block;
	  width: 48%;
	  margin-right: 4%;
	  margin-bottom: 4%;
	  vertical-align: top;
	  padding-bottom: 30px;
	}	
	.sec_topics .topicsList > li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.sec_topics .topicsList > li,
	.sec_topics .topicsList > li:nth-child(3n) {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 4%;
	  padding-bottom: 30px;
	}	
	.sec_topics .topicsList > li:nth-child(2n) {
		margin-right: 0;
	}
	
	.sec_topics .topicsList > li .infoBox .row .data {
	  font-size: 3.8vw;
	  line-height: 5vw;
	}	
	.sec_topics .topicsList > li .infoBox .row .cat {
	  font-size: 3.2vw;
	}	
	.sec_topics .topicsList > li .infoBox .row .cat .text {
	  border-radius: 2vw;
	  font-size: 3.2vw;
	}
	.sec_topics .topicsList > li .infoBox a {
	  font-size: 3.8vw;
	}	
	.sec_topics .bottom {
	  padding-bottom: 6vw;
	}	
}

footer {
	background-color: #32a9c6;
}
footer .footerRow01 {
	padding: 45px 0 130px;
}
footer .footerRow01 .logo {
	margin-bottom: 52px;
}
footer .footerRow01 .logo p {
	text-align: center;
}
footer .footerRow01 .logo p img {
	width: 88px;
	height: auto;
}
footer .footerRow01 .footerList {
	font-size: 0;
	text-align: center;
	margin-bottom: 40px;
}
footer .footerRow01 .footerList li {
	display: inline-block;
	margin-right: 9px;
}
footer .footerRow01 .footerList li:nth-last-child(1) {
	margin-right: 0;
}
footer .footerRow01 .footerList li a {
	display: block;
	background-color: #1089a6;
	font-size: 16px;
	color: #FFF;
	border-radius: 1em;
	width: 190px;
	text-align: center;
}
footer .footerRow01 .footerList li a .text {
	text-align: center;
	line-height: 2em;
	height: 2em;
}
footer .footerRow01 .footerList li.linkBlank a {
	background-color: #aceeff;
	color: #00566b;
}
footer .footerRow01 .footerList li.linkBlank a .text {
	padding-left: 22px;
	position: relative;
}
footer .footerRow01 .footerList li.linkBlank a .text::before {
	content: "";
	display: table-cell;
	width: 20px;
	height: 20px;
	background: center / auto 100% url("../img/robot_footer_icn_cart.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
footer .footerRow01 .copy p {
	font-size: 14px;
	text-align: center;
}
footer .footerRow02 {
	padding: 20px 0;
	background-color: #1089a6;
	position: fixed;
	left: 0;
	bottom: -150px;
	width: 100%;
	z-index: 800;
	transition: 0.3s all ease;
}
.scrolled footer .footerRow02 {
	bottom: 0;
}
footer .footerRow02 .footerList02 {
	font-size: 0;
	text-align: center;
}
footer .footerRow02 .footerList02 li {
	width: 350px;
	margin-right: 30px;
	display: inline-block;
	vertical-align: top;
}
footer .footerRow02 .footerList02 li:nth-last-child(1) {
	margin-right: 0;
}
footer .footerRow02 .footerList02 li a {
	display: block;
	border-radius: 30px;
	text-align: center;
}
footer .footerRow02 .footerList02 li a .text {
	line-height: 60px;
	height: 60px;
	color: #FFF;
	font-size: 16px;
	position: relative;
}
footer .footerRow02 .footerList02 li.btnTel a .text {
	line-height: auto;
	height: 60px;
	display: block;
	vertical-align: middle;
	width: 100%;
}
footer .footerRow02 .footerList02 li.btnTel a .text .text01 {
	line-height: 1.0;
	font-size: 16px;
	color: #FFF;
	display: block;
	padding-top: 8px;
	margin-bottom: 5px;
}
footer .footerRow02 .footerList02 li.btnTel a .text .text02 {
	line-height: 1.0;
	font-size: 24px;
	color: #FFF;
	display: block;
}
footer .footerRow02 .footerList02 li.btnTel a .text .text02 .text02In {
	position: relative;
	padding-left: 28px;
}
footer .footerRow02 .footerList02 li.btnTel a .text .text02 .text02In::before {
	content: "";
	display: table-cell;
	width: 19px;
	height: 19px;
	background: center / auto 100% url("../img/icn_tel.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
footer .footerRow02 .footerList02 li.btnContact a {
	background-color: #ee8100;
}
footer .footerRow02 .footerList02 li.btnContact a .text {
	padding-left: 28px;
}
footer .footerRow02 .footerList02 li.btnContact a .text::before {
	content: "";
	display: table-cell;
	background: left center / auto 100% url("../img/icn_email.png") no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
footer .footerRow02 .footerList02 li.btnTel a {
	background-color: #2aae30;
}
footer .footerRow02 .footerList02 li.btnToHome a {
	background-color: #155398;
}
.gotop {
	display: table-cell;
	width: 68px;
	height: 68px;
	border: 3px solid #1089a6;
	border-radius: 10px;
	background: center / 38px auto url("../img/icn_gotoparrow.png") no-repeat;
	background-color: #FFF;
	position: fixed;
	right: -120px;
	bottom: 130px;
	z-index: 900;
	transition: 0.3s all ease;
	cursor: pointer;
	transform: scale(100%);
}
.gotop:hover {
	transform: scale(105%);
}
.scrolled .gotop {
	right: 30px;
}
.end.scrolled .gotop {
	right: 30px;
	bottom: 420px;
}
@media screen and (max-width: 1400px) {
	footer .footerRow02 .footerList02 li:nth-last-child(1) {
		display: none;
	}
	footer .footerRow01 .footerList li {
	  display: inline-block;
	  margin-right: 9px;
		margin-bottom: 12px;
	}	
}
@media screen and (max-width: 767px) {
	footer {
		padding-bottom: 13vw;
	}
	footer .footerRow01 .footerList {
		display: none;
	}	
	footer .footerRow02 .footerList02 li:nth-last-child(2) {
		display: none;
	}
	footer .footerRow01 {
	  padding: 4.5vw 0 13vw;
	}	
	footer .footerRow01 .logo {
	  margin-bottom: 5vw;
	}	
	footer .footerRow01 .logo p img {
	  width: 18.4vw;
	  height: auto;
	}
	footer .footerRow01 .copy p {
	  font-size: 2.6vw;
	}
	footer .footerRow02 {
	  padding: 3vw 0;
	}
	footer .footerRow02 .footerList02 li {
		width: 92vw;
		margin: 0 auto;
		display: block;
	}
	footer .footerRow02 .footerList02 li:nth-last-child(1) {
		margin-right: 0;
	}
	footer .footerRow02 .footerList02 li a {
		display: block;
		border-radius: 5vw;
		text-align: center;
	}
	footer .footerRow02 .footerList02 li a .text {
		line-height: 10vw;
		height: 10vw;
		font-size: 4.3vw;
	}
	footer .footerRow02 .footerList02 li.btnContact a .text::before {
	  width: 4vw;
	  height: 4vw;
	}	
	footer .footerRow02 .footerList02 li.btnContact a .text {
	  padding-left: 6vw;
	}
	.gotop {
	  width: 11vw;
	  height: 11vw;
	  border-radius: 2vw;
	  background: center / 50% auto url("../img/icn_gotoparrow.png") no-repeat;
		background-color: #FFF;
	  right: -15vw;
	  bottom: 18vw;
		z-index: 900;
	}	
	.scrolled .gotop {
		right: 4vw;
	}
	.end.scrolled .gotop {
		right: 4vw;
		bottom: 18vw;
	}
}

.robot main.single {
	padding-top: 90px;
}
.singleHead,
.pageHead {
	position: relative;
	padding: 95px 0;
}
.pageHead .text_en,
.singleHead .title .text_en {
	font-size: 100px;
    margin-bottom: 0;
    letter-spacing: 4px;
	text-align: center;
	color: #FFF;
	display:block;
}
.robot .pageHead .text_jp,
.robot .singleHead .title .text_jp
{
	font-size: 45px;
	letter-spacing: 0.2em;
	text-align: left;
	color: #32a9c6;
	display:block;
	margin-bottom: 0.6em;
}
.robot .singleHead.case {
	background: center / cover url("../img/case-single-head-bg.jpg") no-repeat;
}
.robot-trial .pageHead {
	background: center / cover url("../img/robot_guide_fvbg.jpg") no-repeat;
}
.robot-about .pageHead {
	background: center / cover url("../img/robot-about-fvbg.jpg") no-repeat;
}
.robot-distributor .pageHead {
	background: center / cover url("../img/robot-recruit-distributor.jpg") no-repeat;
}
.robot-contact .pageHead {
	background: center / cover url("../img/robot-contact-bg.jpg") no-repeat;
}
.robot .singleHead .title {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}

.robot .singleHead .title h2 span {
	text-align: left;
	margin-bottom: 0.2em;
}
.robot .singleHead p {
	text-align: left;
	color: #FFF;
	padding-top: 0.5em;
	
}

.breadCrumbs {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.archive.case .breadCrumbs {
	width: 100%;
	max-width: 1200px;
}
.breadCrumbs {
	padding: 15px 0;	
}
.breadCrumbs ul {
	font-size: 0;
}
.breadCrumbs ul li {
	display: inline-block;
}
.breadCrumbs ul li > span,
.breadCrumbs ul li > a
{
	font-size: 13px;
	letter-spacing: 0.1em;
}
.breadCrumbs ul li::after {
	content: ">";
	padding: 0.5em;
}
.breadCrumbs ul li:nth-last-child(1)::after {
	display: none;
}
.caseWrap {
	padding-top: 80px;
	position: relative;
}
.caseWrap::before {
	content: "";
	display: table-cell;
	width: 100%;
	height: calc(100% - 490px);
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #daf0f6;
}
.caseWrap .caseIn {
	position: relative;
}
.caseWrap .headImg {
	width: 90%;
	max-width: 850px;
	margin: 0 auto 30px;
}
.caseWrap .headImg .img {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}
.caseWrap .headImg .img::before {
	content: "";
	display: block;
	padding-top: 70%;

}
.caseWrap .title {
	
}
.caseWrap .title h1 {
	font-size: 50px;
	line-height: 1.5;
	margin-bottom: 0.6em;
}
.caseWrap .borderBox {
	border: 4px solid #32a9c6;
	padding: 40px;
	background-color: #FFF;
	border-radius: 30px;
	margin-bottom: 60px;
}
.caseWrap .borderBox .companyName {
	margin-bottom: 30px;
}
.caseWrap .borderBox .companyName h2 {
	font-size: 24px;
	color: #32a9c6;
	line-height: 1.3;
}
.caseWrap .borderBox p {
	font-size: 16px;
	line-height: 2.0;
	margin-bottom: 1.5em;
}
.caseWrap .grayBox {
	background-color: #f7f7f7;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 40px;
}
.caseWrap .blueBox {
	background-color: #d9f0f6;
	padding: 30px;
	border-radius: 10px;
}
.caseWrap .insertBox {
	background-color: #d9f0f6;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 60px;
}
.caseWrap .insertBox ul {
	display: table;
	width: 100%;
}
.caseWrap .insertBox ul li {
	display: table-cell;
	width: 50%;
	font-size: 15px;
}
.caseWrap .insertBox ul li .label {
	line-height: 22px;
	height: 22px;
	background-color: #32a9c6;
	padding: 0 1em;
	border-radius: 6px;
	color:#FFF;
	margin-right: 1em;
}
.caseWrap .insertBox ul li .value {
	line-height: 22px;
}
.caseWrap .borderBox h3 {
	font-size: 24px;
	color: #32a9c6;
	margin-bottom: 1em;
}
.caseWrap .borderBox ul.wp-block-list {
	
}
.caseWrap .borderBox ul.wp-block-list li {
	font-size: 16px;
	line-height: 2.0;
	padding-left: 2.0em;
	position: relative;
}
.caseWrap .borderBox ul.wp-block-list li::before {
	content: "";
	display: table-cell;
	background: left center / 100% auto url("../img/icn_robot_check.png") no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 6px;
}
.caseWrap .youtubeArea {
	padding: 40px 0 150px;
	position: relative;
}
.caseWrap .youtubeArea::before {
	content: "";
	display: table-cell;
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFF;
}
.caseWrap .youtubeArea .wp-block-group__inner-container {
	font-size: 0;
}
.caseWrap .youtubeArea .wp-block-group__inner-container figure {
	display: inline-block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	overflow: hidden;
	border-radius: 30px;
}
.caseWrap .youtubeArea .wp-block-group__inner-container figure:nth-child(2n) {
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.robot main.single {
	  padding-top: 12vw;
	}	
	.singleHead, .pageHead {
	  padding: 10vw 0;
	}	
	.pageHead .text_en,
	.singleHead .title .text_en {
	  font-size: 9.3vw;
	  letter-spacing: 0.1em;
	}	
	.robot .pageHead .text_jp, .robot .singleHead .title .text_jp {
	  font-size: 5.6vw;
	}
	.breadCrumbs {
		display: none;
	}
	.caseWrap {
	  padding-top: 10vw;
	}
	.caseWrap .headImg {
	  width: 100%;
	  max-width: 100%;
	  margin: 0 auto 4vw;
	}
	.caseWrap::before {
	  height: calc(100% - 43vw);
	}
	.caseWrap .title h1 {
	  font-size: 6.6vw;
	}	
	.caseWrap .borderBox {
	  border: 0.53vw solid #32a9c6;
	  padding: 8.5vw 4vw 4vw;
	  border-radius: 4vw;
	  margin-bottom: 6vw;
	}	
	.caseWrap .borderBox .companyName {
	  margin-bottom: 4vw;
	}	
	.caseWrap .borderBox p {
	  font-size: 3.8vw;
	}	
	.caseWrap .insertBox {
	  padding: 4vw;
	  border-radius: 4vw;
	  margin-bottom: 6vw;
	}	
	.caseWrap .insertBox ul {
	  width: 100%;
	}	
	.caseWrap .insertBox ul li {
	  display: block;
	  width: 100%;
	  font-size: 3.8vw;
		margin-bottom: 0.6em;
	}	
	.caseWrap .insertBox ul li:nth-last-child(1) {
		margin-bottom: 0;
	}
	.caseWrap .insertBox ul li .label {
	  line-height: 1.8em;
	  height: 1.8em;
	  border-radius: 1.5vw;
	}	
	.caseWrap .insertBox ul li .value {
	  line-height: 1.8;
	}	
	.caseWrap .grayBox {
	  padding: 6vw 4vw;
	  border-radius: 4vw;
	  margin-bottom: 4vw;
	}	
	.caseWrap .borderBox h3 {
	  font-size: 5.3vw;
	}	
	.caseWrap .borderBox ul.wp-block-list li {
	  font-size: 3.8vw;
	}	
	.caseWrap .borderBox ul.wp-block-list li::before {
	  width: 4.5vw;
	  height: 4.5vw;
	  top: 2vw;
	}	
	.caseWrap .blueBox {
	  padding: 6vw 4vw;
	  border-radius: 4vw;
	}
	.caseWrap .youtubeArea {
	  padding: 6vw 0 12vw;
	}
	.caseWrap .youtubeArea .wp-block-group__inner-container figure {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 4%;
	  border-radius: 4vw;
	}	
	
}
.wrap .archive {
	padding-top: 90px;
}
.wrap .archive .breadCrumbs {
	margin-bottom: 40px;
}
.wrap .archiveCont {
	position: relative;
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.wrap .archive .searchBox {
	border: 4px solid #32a9c6;
	border-radius: 30px;
	padding: 30px 0;
	margin-bottom: 50px;
}
.wrap .archive .searchBox .searchBoxIn {
	width: 85%;
	max-width: 1000px;
	margin: 0 auto;
}
.wrap .archive .searchBox .searchBoxIn .head {
	margin-bottom: 15px;
}
.wrap .archive .searchBox .searchBoxIn .head p {
	font-size: 24px;
	font-weight: 700;
	padding-left: 1.5em;
	line-height: 1.3;
	background: left center / auto 23px url("../img/magnifying-glass-solid.svg") no-repeat;
}
.wrap .archive .searchBox .searchBoxIn .terms {
	margin-bottom: 25px;
		border-top: 4px solid #32a9c6;
		padding-top: 20px;
}
.wrap .archive .searchBox .searchBoxIn .terms li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 12px;
	line-height: 30px;
	height: 30px;
	position: relative;
	padding-left: 34px;
}
.wrap .archive .searchBox .searchBoxIn .terms li input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	display: table-cell;
	border: 3px solid #bcbcbc;
	border-radius: 4px;
	cursor: pointer;
}
.wrap .archive .searchBox .searchBoxIn .terms li label {
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.wrap .archive .searchBox .searchBoxIn .terms li input[type="checkbox"]:checked {
	background-color: #32a9c6;
	border: 3px solid rgba(253,253,149,1.00);
}

.archive.case .caseListWrap .caseList {
	margin-bottom: 53px;
	font-size: 0;
}
.archive.case .caseListWrap li.caseItem {
	display: inline-block;
	width: 31.9%;
	height: auto;
	border-radius: 30px;
	overflow: hidden;
	background-color: #FFF;
	margin-right: 2%;
	margin-bottom: 4%;
	vertical-align: top;
	background-color: #f7f7f7;
	box-sizing: border-box;
}
.archive.case .caseListWrap li.caseItem:nth-child(3n) {
	margin-right: 0;
}
.archive.case .caseListWrap li.caseItem a {display: block;}
.archive.case .caseListWrap li.caseItem > span {
	display: block;
	position: relative;
}
.archive.case .caseListWrap li.caseItem > span .img {
	position: relative;
	display: block;
	width: 100%;
	background-position: center;
	background-size: cover;
}
.archive.case .caseListWrap li.caseItem > span .img::before {
	content: "";
	display: block;
	padding-top: 65%;
}
.archive.case .caseListWrap li.caseItem > span .info {
	display: block;
	padding: 10px 25px 45px;
}
.archive.case .caseListWrap li.caseItem > span .info .infoHead {
	display: block;
	margin-bottom: 28px;
}
.archive.case .caseListWrap li.caseItem > span .info .title {
	display: block;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
.archive.case .caseListWrap li.caseItem > span .info .companyName {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	color: #bcbcbc;
}
.archive.case .caseListWrap li.caseItem > span .info .infoTable {
}
.archive.case .caseListWrap li.caseItem > span .info .infoTable li {
	display: block;
	padding-left: 80px;
	position: relative;
	margin-bottom: 10px;
}
.archive.case .caseListWrap li.caseItem > span .info .infoTable li .label {
	display: table-cell;
	width: 62px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	background-color: #32a9c6;
}
.archive.case .caseListWrap li.caseItem > span .info .infoTable li .text {
	display: block;
	font-size: 15px;
	line-height: 1.3;
}
.archive.case .caseListWrap {
	padding-bottom: 55px;
	position: relative;
}
.archive.case .caseListWrap .bottom {
	text-align: center;
}

.pagenation ul,
ul.page-numbers{
	font-size: 0;
	text-align: center;
}
.pagenation ul li,
ul.page-numbers li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
ul.page-numbers li span,
ul.page-numbers li a,
.pagenation ul li span,
.pagenation ul li a {
	display: block;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	font-weight: 600;
	border-radius: 6px;
}
ul.page-numbers li span,
.pagenation ul li span {
	background-color: #32a9c6;
}
ul.page-numbers li span.page-numbers.dots,
ul.page-numbers li a,
.pagenation ul li a {
	background-color: #d5d5d5;
}
@media screen and (max-width: 767px) {
	.wrap .archive {
	  padding-top: 12vw;
	}	
	.wrap .archiveCont {
		padding-top: 6vw;
	}
	.wrap .archive .searchBox {
	  border-radius: 4vw;
	  padding: 6vw 0;
	  margin-bottom: 6vw;
	}	
	.wrap .archive .searchBox .searchBoxIn {
	  width: 90%;
	}	
	.wrap .archive .searchBox .searchBoxIn .head p {
	  font-size: 5.3vw;
	  background: left center / auto 5vw url("../img/magnifying-glass-solid.svg") no-repeat;
	}	
	.wrap .archive .searchBox .searchBoxIn .head {
	  margin-bottom: 4vw;
	}	
	.wrap .archive .searchBox .searchBoxIn .terms {
	  margin-bottom: 6vw;
		padding-top: 4vw;
	}
	.wrap .archive .searchBox .searchBoxIn .terms li {
	  display: inline-block;
	  margin-right: 4vw;
	  margin-bottom: 3vw;
	  line-height: 6vw;
	  height: 6vw;
	  position: relative;
	  padding-left: 7vw;
	}	
	.wrap .archive .searchBox .searchBoxIn .terms li input[type="checkbox"] {
		width: 5vw;
		height: 5vw;
		border-radius: 0.4vw;
	}
	.wrap .archive .searchBox .searchBoxIn .terms li label {
	  font-size: 4.3vw;
	}
	.archive.case .caseListWrap li.caseItem {
	  display: block;
	  width: 100%;
	  border-radius: 4vw;
	  margin-right: 0;
	  margin-bottom: 4%;
	}
	.archive.case .caseListWrap li.caseItem > span .info {
	  padding: 4vw;
	}	
	.archive.case .caseListWrap li.caseItem > span .info .title {
	  font-size: 4.3vw;
	}	
	.archive.case .caseListWrap li.caseItem > span .info .companyName {
	  font-size: 3.8vw;
	}	
	.archive.case .caseListWrap li.caseItem > span .info .infoHead {
	  margin-bottom: 4vw;
	}
	.archive.case .caseListWrap li.caseItem > span .info .infoTable li .label {
	  display: table-cell;
	  width: 15vw;
	  height: 6vw;
	  line-height: 6vw;
	  color: #FFF;
	  border-radius: 2vw;
	  font-size: 3.8vw;
	}	
	.archive.case .caseListWrap li.caseItem > span .info .infoTable li {
	  padding-left: 20vw;
	  margin-bottom: 4vw;
	}
	.archive.case .caseListWrap li.caseItem > span .info .infoTable li .text {
	  font-size: 3.8vw;
	}
	.pagenation ul li {
		display: inline-block;
		vertical-align: middle;
		margin-right: 2vw;
	}
	.pagenation ul li span,
	.pagenation ul li a {
		display: block;
		line-height: 11vw;
		height: 11vw;
		width: 11vw;
		text-align: center;
		font-size: 2.8vw;
		color: #FFF;
		font-weight: 600;
		border-radius: 1vw;
	}
}
.productitem .contWrap.robot {
	padding-top: 90px;
}
.robotSingleHead {
	height: 600px;
	position: relative;
	background-size: cover;
	background-position: center;
}
.robotSingleHead .headIn {
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
	display: block;
	height: 600px;
	position: relative;
}
.robotSingleHead .headIn .textBox {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	max-width: 50%;
}
.robotSingleHead .headIn .textBox .text01 {
	font-size: 20px;
	line-height: 1.0;
	margin-bottom: 0.6em;
	color: #FFF;
}
.robotSingleHead .headIn .textBox .text02 {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 0.6em;
	color: #FFF;
}
.robotSingleHead .headIn .textBox h2 {
	font-size: 100px;
	line-height: 1.2;
	font-weight: 900;
	margin-bottom: 0.6em;
	color: #FFF;
}
.robotSingleHead .headIn .textBox h2.more10 {
	font-size: 80px;
}
.robotSingleHead .headIn .textBox h2.more14 {
	font-size: 60px;
}
.robotSingleHead .headIn .btns li.contact.btn {
	margin-bottom: 20px;
}

.robotSingleHead .headIn .btns li.contact.btn a {
	display: block;
	width: 450px;
	background-color: #feb900;
	text-align: center;
	border-radius: 40px;
}
.robotSingleHead .headIn .btns li.contact.btn .text,
.robotSingleHead .headIn .btns li.download.btn .text {
	font-size: 20px;
	color: #FFF;
	padding-left: 37px;
	position: relative;
	line-height: 80px;
	height: 80px;
}
.robotSingleHead .headIn .btns li.contact.btn .text::before {
	content: "";
	display: table-cell;
	width: 25px;
	height: 25px;
	background: left center / auto 100% url("../img/icn_memo.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.robotSingleHead .headIn .btns li.download.btn a {
	display: block;
	width: 450px;
	background-color: #1478cc;
	text-align: center;
	border-radius: 40px;
}
.robotSingleHead .headIn .btns li.download.btn .text::before {
	content: "";
	display: table-cell;
	width: 25px;
	height: 25px;
	background: left center / auto 100% url("../img/icn_download_white.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.robotSingleHead .headIn .img {
	width: 610px;
	height: 600px;
	position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width: 1200px) {
	.robotSingleHead .headIn .img {
	  width: 42vw;
	  height: auto;
	  position: absolute;
	  right: 0;
	  top: auto;
		bottom: 4vw;
	}	
	.robotSingleHead .headIn .textBox .text01 {
		font-size: 18px;
		line-height: 1.0;
		margin-bottom: 0.6em;
		color: #FFF;
	}
	.robotSingleHead .headIn .textBox .text02 {
		font-size: 35px;
		line-height: 1.0;
		margin-bottom: 0.6em;
		color: #FFF;
	}
	.robotSingleHead .headIn .textBox h2 {
		font-size: 75px;
		font-weight: 900;
		margin-bottom: 0.6em;
		color: #FFF;
	}
	.robotSingleHead .headIn .btns li.contact.btn {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.robotSingleHead {
	  height: auto;
	}	
	.productitem .contWrap.robot {
	  padding-top: 12vw;
	}
	.robotSingleHead .headIn {
	  width: 92%;
	  margin: 0 auto;
	  display: block;
	  height: auto;
	  position: relative;
	  padding-right: 0;
		padding-top: 16.8vw;
		padding-bottom: 6.1vw;
	}
	.robotSingleHead .headIn .textBox {
	  position: relative;
		top: 0;
		left: 0;
	  transform: translateY(0);
		z-index: 2;
		max-width: 100%;
	}	
	.robotSingleHead .headIn .textBox .text01 {
		font-size: 3.2vw;
		line-height: 1.3;
		margin-bottom: 0.6em;
		color: #FFF;
		max-width: 60%;
	}
	.robotSingleHead .headIn .textBox .text02 {
		font-size: 4.3vw;
		line-height: 1.3;
		margin-bottom: 0.6em;
		color: #FFF;
		max-width: 60%;
	}
	.robotSingleHead .headIn .textBox h2 {
		font-size: 9.3vw;
		margin-bottom: 30.4vw;
		width: 60%;
	}
	.robotSingleHead .headIn .textBox h2.more10 {
		font-size: 7.3vw;
		margin-bottom: 30.4vw;
	}
	.robotSingleHead .headIn .textBox h2.more14 {
		font-size: 6.4vw;
		margin-bottom: 30.4vw;
	}
	.robotSingleHead .headIn .btns li.contact.btn {
		margin-bottom: 20px;
	}
	.robotSingleHead .headIn .btns li.contact.btn .text, .robotSingleHead .headIn .btns li.download.btn .text {
	  font-size: 4.3vw;
	  padding-left: 1.8em;
	  line-height: 13.3vw;
	  height: 13.3vw;
	}
	.robotSingleHead .headIn .btns li.contact.btn a {
	  width: 100%;
	  border-radius: 7vw;
	}	
	.robotSingleHead .headIn .btns li.download.btn a {
		width: 100%;
	  border-radius: 7vw;
	}
  .robotSingleHead .headIn .img {
    width: 81vw;
    right: -20vw;
    top: 0;
    bottom: auto;
	  z-index: 1;
  }	
	.robotSingleHead .headIn .btns li.contact.btn .text::before {
	  width: 5.3vw;
	  height: 5.3vw;
	}
	.robotSingleHead .headIn .btns li.download.btn .text::before {
	  width: 5.3vw;
	  height: 5.3vw;
	}	
}
.sec_rs_worries {
	padding-top: 85px;
	padding-bottom: 175px;
}
.sec_rs_worries > div {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.sec_rs_worries .worries_head {
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 75px;
}
.sec_rs_worries .worries_head .headingIn {
	position: relative;
}
.sec_rs_worries .worries_head .headingIn::before {
	content: "";
	display: table-cell;
	width: 2px;
	height: 60px;
	background-color: rgba(0,0,0,1.00);
	position: absolute;
	transform-origin: 100% 100%;
	left: -10px;
	top: 50%;
	transform:translateY(-50%) rotate(-45deg);
}
.sec_rs_worries .worries_head .headingIn::after {
	content: "";
	display: table-cell;
	width: 2px;
	height: 60px;
	background-color: rgba(0,0,0,1.00);
	position: absolute;
	transform-origin: 0 100%;
	right: 0;
	top: 50%;
	transform:translateY(-50%) rotate(45deg);
}
.worriesListWrap .wp-block-list {
	background-color: #daf0f6;
	padding: 45px 125px 45px 50px;
	border-radius: 30px;
	box-shadow: 150px 40px 0 #f0f0f0;
}
.worriesListWrap .wp-block-list li {
	padding-left: 37px;
	position: relative;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 0.8em;
}
.worriesListWrap .wp-block-list li:nth-last-child(1) {
	margin-bottom: 0;
}
.worriesListWrap .wp-block-list li::before {
	content: "";
	display: table-cell;
	width: 22px;
	height: 22px;
	background: left center / 100% auto url("../img/icn_robot_check.png") no-repeat;
	position: absolute;
	left: 0;
	top: 4px;
}
.worriesListWrap {
	padding-right: 150px;
	position: relative;
}
.worriesListWrap::after {
	content: "";
	display: table-cell;
	width: 262px;
	height: 195px;
	background: center / 100% auto url("../img/worries_illust.png") no-repeat;
	position: absolute;
	right: 22px;
	bottom: -40px;
}
.cleaning-robot .worriesListWrap::after {
	width: 262px;
	height: 195px;
	background: center bottom / 100% auto url("../img/staff_cleaning.png") no-repeat;
}
.serving-robot .worriesListWrap::after {
	width: 262px;
	height: 195px;
	background: center bottom / 100% auto url("../img/staff_serving.png") no-repeat;
}
.delivery-robot .worriesListWrap::after {
	width: 262px;
	height: 195px;
	background: center bottom / 100% auto url("../img/staff_delivery.png") no-repeat;
}
.productitem .robotCont {
	position: relative;
}
.productitem .robotCont .slashbg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: left top / 12px auto url("../img/bg_slash.jpg") repeat;
}
.productitem .breadCrumbs {
	position: relative;
}
.robot-products .comment01 img {
	vertical-align: top !important;
	display: inline-block;
	width: 100%;
	height: auto;
}
.sec_rs_intro {
	padding:  75px 0 0;
}
.sec_rs_intro > div {
	position: relative;
	width: 92%;
	max-width: 1100px;
	margin: 0 auto;
	display: table;
}
.sec_rs_intro > div::after {
	content: "";
	display: table-cell;
	width: calc(50vw + 50%);
	height: 4px;
	background: left top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	bottom: 0;
	left: -4px;
	position: absolute;
}
.sec_rs_intro .textbox {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 45px;
	padding-right: 20px;
}
.sec_rs_intro .textbox::after {
	content: "";
	display: table-cell;
	width: 4px;
	height: 164px;
	background: left bottom /4px auto url("../img/dotline_blue_vertical_BtoT.png") repeat-y;
	bottom: 0;
	left: -4px;
	position: absolute;
}
.sec_rs_intro .textbox::before {
	content: "";
	display: table-cell;
	width: calc(50vw - 550px);
	height: 4px;
	background: right top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	bottom: 160px;
	left: -4px;
	position: absolute;
	transform: translateX(-100%);
}
@media screen and (max-width: 1200px) {
	.sec_rs_intro .textbox::before {
		width: 4vw;
		height: 4px;
	}
	.sec_rs_intro > div::after {
	  width: 96vw;
	}	
}
.sec_rs_intro .textbox h2,
.sec_rs_feature h2{
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 1em;
}
.sec_rs_intro .textbox p {
	padding-left: 100px;
	margin-bottom: 1em;
}
.sec_rs_intro .textbox p:nth-last-child(1) {
	margin-bottom: 0;
}
.sec_rs_intro figure {
	display: table-cell;
	vertical-align: top;
	width: 370px;
	position: relative;
}
.sec_rs_intro figure::before {
	content: "";
	display: block;
	padding-top: 125%;
}
.sec_rs_intro figure img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.sec_rs_worries .worries_head {
	  text-align: center;
	  font-size: 6.3vw;
	  margin-bottom: 1em;
	}
	.sec_rs_worries .worries_head .headingIn::before {
	  height: 6vw;
	  left: -1vw;
	}

	.sec_rs_worries .worries_head .headingIn::after {
	  height: 6vw;
	}	
	.worriesListWrap {
	  padding-right: 4.6vw;
	}	
	.worriesListWrap .wp-block-list {
	  background-color: #daf0f6;
	  padding: 6vw 4.6vw 12vw;
	  border-radius: 4vw;
	  box-shadow: 4.6vw 14.6vw 0 #f0f0f0;
	}
	.worriesListWrap .wp-block-list li {
	  padding-left: 5.3vw;
	  font-size: 4.3vw;
	}
	.worriesListWrap .wp-block-list li::before {
	  width: 4.3vw;
	  height: 4.3vw;
	  top: 1vw;
	}
	.serving-robot .worriesListWrap::after,
	.delivery-robot .worriesListWrap::after,
	.cleaning-robot .worriesListWrap::after,
	.worriesListWrap::after {
	  width: 35.7vw;
	  height: 26vw; /* 74.4%*/
	  right: 4.3vw;
	  bottom: -14.6vw;
	}
	.sec_rs_worries {
	  padding-top: 11vw;
	  padding-bottom: 22vw;
	}
	.sec_rs_intro {
	  padding: 26vw 0 0;
	}	
	.sec_rs_intro > div {
	  max-width: 100%;
	  display: block;
	}	
	.sec_rs_intro .textbox {
	  display: block;
	  padding-bottom: 19.3vw;
	}	
	.sec_rs_intro figure {
	  display: none;
	}
	.sec_rs_intro .textbox h2, .sec_rs_feature h2 {
	  font-size: 7.3vw;
	}
	.sec_rs_intro .textbox p {
	  padding-left: 0;
	  margin-bottom: 1em;
	}
	.sec_rs_intro .textbox::after {
	  content: "";
	  display: table-cell;
	  width: 4px;
	  height: 13vw;
	  background: left bottom /4px auto url("../img/dotline_blue_vertical_BtoT.png") repeat-y;
	  bottom: 0;
	  left: -4px;
	  position: absolute;
	}
	.sec_rs_intro .textbox::before {
	  width: 4vw;
	  bottom: 13vw;
	  left: 0;
	}	
}



.sec_rs_feature {
	padding-top: 115px;
}
.sec_rs_feature > div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.pointBox {
	position: relative;
	padding-top: 55px;
}
.pointBox.imgLeft {
	padding-left: 580px;
}
.pointBox.imgRight {
	padding-right: 580px;
}
.pointBox.imgLeft .textbox {
	padding-left: 580px;
}
.pointBox.imgRight .textbox {
	padding-right: 580px;
}
.pointBox figure {
	display: table-cell;
	width: 580px;
	height: auto;
	border-radius: 30px;
	position: absolute;
	overflow: hidden;
	top: 0;
}
.pointBox figure::before {
	content: "";
	display: block;
	padding-top: 68%;
}
.pointBox figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.pointBox.imgLeft figure {
	left: 0;
}
.pointBox.imgRight figure {
	right: 0;
}
.pointBox .textBox {
	padding-bottom: 45px;
	min-height: 400px;
}
.pointBox .textBox .blueBox {
	padding: 15px 0 20px;
	position: relative;
	margin-bottom: 15px;
}
.pointBox .textBox .blueBox > * {
	position: relative;
}
.pointBox .textBox .blueBox::before {
	content: "";
	display: table-cell;
	width: 70vw;
	height: 100%;
	background-color: #daf0f6;
	position: absolute;
	top: 0;
}
.pointBox.imgLeft .textBox .blueBox::before {
	left: 0;
}
.pointBox.imgRight .textBox .blueBox::before {
	right: 0;
}

.pointBox.imgLeft .textBox .blueBox,
.pointBox.imgLeft .textBox > div > p{
	padding-left: 60px;
}
.pointBox.imgRight .textBox .blueBox,
.pointBox.imgRight .textBox > div > p {
	padding-right: 60px;
}
.pointBox .textBox .pointText {
	color: #32a9c6;
	margin-bottom: 6px;
}
.pointBox .textBox .pointText .text {
	font-size: 22px;
	padding-right: 1em;
}
.pointBox .textBox .pointText .num {
	font-size: 40px;
	font-weight: 800;
}
.pointBox .textBox h3 {
	font-size: 30px;
	line-height: 1.3;
}
.sec_rs_otherFeature {
	padding: 90px 0;
	background: left top / 12px auto url("../img/bg_slash.jpg") repeat;
}
.sec_rs_otherFeature h2 {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
}
.sec_rs_otherFeature .featureList {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.sec_rs_otherFeature .featureList > div {
	font-size: 0;
}
.sec_rs_otherFeature .featureList > div .featureBox {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 4%;
	background-color: #daf0f6;
	border-radius: 30px;
	overflow: hidden;
	vertical-align: top;
}
.sec_rs_otherFeature .featureList > div .featureBox:nth-child(2n) {
	background-color: #bfe6ef;
}
.sec_rs_otherFeature .featureList > div .featureBox:nth-child(3n) {
	margin-right: 0;
}
.sec_rs_otherFeature .featureList > div .featureBox figure {
	position: relative;
	overflow: hidden;
}
.sec_rs_otherFeature .featureList > div .featureBox figure::before {
	content: "";
	display: block;
	padding-top: 56%;
	position: relative;
}
.sec_rs_otherFeature .featureList > div .featureBox figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.sec_rs_otherFeature .featureList > div .featureBox .wp-block-group {
	padding: 25px;
}
.sec_rs_otherFeature .featureList > div .featureBox h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 0.8em;
}
.sec_rs_otherFeature figure {
	display: block;
	text-align: center;
}
.sec_rs_otherFeature .youtubeBlock {
	text-align: center;
	margin-bottom: 84px;
}
.sec_rs_otherFeature .youtubeBlock iframe {
	width: 800px;
	height: 450px;
}
.sec_rs_otherFeature .wp-block-buttons,
.sec_rs_overview .wp-block-buttons
{
	display: block;
	text-align: center;
}
.sec_rs_otherFeature .wp-block-buttons .wp-block-button,
.sec_rs_overview .wp-block-buttons .wp-block-button {
	display: inline-block;
}
.sec_rs_otherFeature .wp-block-buttons .wp-block-button a,
.sec_rs_overview .wp-block-buttons .wp-block-button a {
	font-size: 20px;
	color: #FFF;
	line-height: 80px;
	height: 80px;
	padding: 0 2.5em 0 1.5em;
	background-color: #feb900;
	border-radius: 40px;
	position: relative;
}
.sec_rs_otherFeature .wp-block-buttons .wp-block-button a::after,
.sec_rs_overview .wp-block-buttons .wp-block-button a::after{
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/icn_2arrow.png") no-repeat;
	width: 17px;
	height: 19px;
	position: absolute;
	right: 1.0em;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width:1400px) {
	.pointBox figure {
	  width: 50%;
	}	
}
@media screen and (max-width:767px) {
	.sec_rs_feature {
	  padding-top: 11vw;
	}	
	.pointBox figure {
	  display: block;
	  width: 100%;
	  border-radius: 4vw;
	  position: absolute;
		top: 0;
	}
	.pointBox {
	  position: relative;
	  padding-top: 69%;
	}
	.pointBox .textBox .blueBox {
	  padding: 3.8vw 0 5.3vw;
		padding-right: 0px;
	  position: relative;
	  margin-bottom: 4vw;
	}
	.pointBox.imgLeft .textBox .blueBox,
	.pointBox.imgLeft .textBox > div > p{
		padding-left: 0;
	}
	.pointBox.imgRight .textBox .blueBox,
	.pointBox.imgRight .textBox > div > p {
		padding-right: 0;
	}
	.pointBox .textBox .pointText {
	  margin-bottom: 1vw;
	}	
	.pointBox .textBox h3 {
	  font-size: 4.5vw;
	}	
	.pointBox .textBox .pointText .text {
	  font-size: 4vw;
	}
	.pointBox .textBox .pointText .num {
	  font-size: 10vw;
	}
	.pointBox .textBox .blueBox::before {
	  width: 100vw;
	  height: calc(100% + 10vw);
	  position: absolute;
	  top: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.pointBox.imgLeft {
	  padding-left: 0;
	}
	.pointBox.imgLeft .textBox .blueBox::before {
	  left: 50%;
	}
	.pointBox .textBox {
	  padding-bottom: 13vw;
		min-height: 0;
	}	
	.sec_rs_otherFeature {
	  padding: 11vw 0;
	  background: left top / 12px auto url("../img/bg_slash.jpg") repeat;
	}
	.sec_rs_otherFeature h2 {
	  font-size: 7.3vw;
	}
	.sec_rs_otherFeature .featureList > div .featureBox {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%;
		border-radius: 4vw;
	}
	.sec_rs_otherFeature .featureList > div .featureBox .wp-block-group {
	  padding: 4vw 4vw 6vw;
	}	
	.sec_rs_otherFeature .featureList > div .featureBox h3 {
	  font-size: 4.5vw;
	}
	.sec_rs_otherFeature .youtubeBlock {
	  margin-bottom: 4vw;
	}
	.sec_rs_otherFeature .youtubeBlock iframe {
	  width: 92vw;
	  height: 52vw; /* 56% */
	}	
	.sec_rs_otherFeature .wp-block-buttons .wp-block-button a, .sec_rs_overview .wp-block-buttons .wp-block-button a {
		width: 92vw;
		margin: 0 auto;
	  font-size: 4.3vw;
	  line-height: 1.3;
	  height: auto;
	  padding: 4vw 2.5em 4vw 1.5em;
	  border-radius: 20vw;
	}	
	.sec_rs_otherFeature .wp-block-buttons .wp-block-button a::after, .sec_rs_overview .wp-block-buttons .wp-block-button a::after {
	  width: 4vw;
	  height: 4.48vw; /*112%*/
	  position: absolute;
	  right: 1.0em;
	  top: 50%;
	  transform: translateY(-50%);
	}	
	
}
.sec_rs_scene {
	background-color: #daf0f6;
	padding: 115px 0;
}
.sec_rs_scene > div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.dotHead {
	margin-bottom: 55px;
}
.dotHead h2 {
	font-size: 45px;
	display: block;
	position: relative;
}
.dotHead h2::before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: left center / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.sec_rs_scene .dotHead h2 > span {
	position: relative;
	background-color: #daf0f6;
}
.dotHead h2 > span {
	position: relative;
	background-color: #FFF;
}
.secBgGray .dotHead h2 > span {
	background-color: #f7f7f7;
}
.secBgBlue .dotHead h2 > span {
	background-color: #daf0f6;
}
.secBgSlash .dotHead h2 > span {
	background: left top / auto url("../img/bg_slash.jpg") repeat;
}
.dotHead h2 > span.end {
	padding-right: 15px;
}
.dotHead p {
	font-size: 22px;
	font-weight: 600;
	color: #32a9c6;
}
.sec_rs_scene .sceneList {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.sec_rs_scene .sceneBox {
	background-color: #FFF;
	padding: 30px 35px;
	border-radius: 30px;
	margin-bottom: 30px;
	box-shadow: 10px 10px 0 #bfe6ef;
}
.sec_rs_scene .sceneBox:nth-last-child(1) {
	margin-bottom: 0;
}
.sec_rs_scene .sceneBox > div {
	display: table;
	width: 100%;
}
.sec_rs_scene .sceneBox > div .wp-block-group {
	display: table-cell;
	vertical-align: top;
	padding-right: 55px;
	padding-top: 30px
}
.sec_rs_scene .sceneBox > div figure {
	display: table-cell;
	vertical-align: middle;
	width: 340px;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}
.sec_rs_scene .sceneBox > div figure::before {
	content: "";
	display: block;
	padding-top: 68%;
}
.sec_rs_scene .sceneBox > div figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.sec_rs_scene .sceneBox > div .wp-block-group h3 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.sec_rs_scene {
	  padding: 11vw 0;
	}
	.dotHead {
		margin-bottom: 4vw;
	}
	.dotHead h2 {
		font-size: 6vw;
	}
	.dotHead h2 > span.text {
		padding-right: 4vw;
	}
	.dotHead p {
		font-size: 4vw;
	}
	.sec_rs_scene {
	  padding: 11vw 0;
	}	
	.sec_rs_scene .sceneBox {
	  padding: 5vw 4vw;
	  border-radius: 4vw;
	  margin-bottom: 4vw;
	  box-shadow: 2vw 2vw 0 #bfe6ef;
	}
	.sec_rs_scene .sceneBox > div {
		display: block;
		width: 100%;
		padding-top: 75%;
		position: relative;
	}
	.sec_rs_scene .sceneBox > div .wp-block-group {
		display: block;
		padding-right: 0;
		padding-top: 0;
	}
	.sec_rs_scene .sceneBox > div figure {
		display: block;
		vertical-align: middle;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sec_rs_scene .sceneBox > div figure img {
		border-radius: 3vw;
		overflow: hidden;
	}
	.sec_rs_scene .sceneBox > div .wp-block-group h3 {
		font-size: 4.3vw;
		line-height: 1.3;
		margin-bottom: 1em;
	}
}

.sec_rs_merit {
	padding: 115px 0;
	position: relative;
}
.sec_rs_merit::before {
	content: "";
	display: table-cell;
	width: 100%;
	height: 226px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #daf0f6;
}
.sec_rs_merit > div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.sec_rs_merit > div .meritList > div {
	font-size: 0;
	text-align: center;
}
.sec_rs_merit .meritBox {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 4px solid #32a9c6;
	padding: 145px 25px 25px;
	background-color: #FFF;
	border-radius: 30px;
	position: relative;
	vertical-align: top;
}
.sec_rs_merit .meritBox:nth-child(3n),
.sec_rs_merit .meritBox:nth-last-child(1)
{
	margin-right: 0;
}
.sec_rs_merit .meritBox h3 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 0.6em;
}
.sec_rs_merit .meritBox .num {
	font-size: 60px;
	font-weight: 800;
	display: table-cell;
	width: 94px;
	height: 94px;
	line-height: 94px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	background-color: #daf0f6;
	color: #32a9c6;
	position: absolute;
	left: 50%;
	top: 22px;
	transform: translateX(-50%);
}
@media screen and (max-width:767px) {
	.sec_rs_merit {
	  padding: 11vw 0;
	}	
	.sec_rs_merit .meritBox {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	  padding: 23vw 4vw 6vw;
	  border-radius: 4vw;
		margin-bottom: 4vw;
	}	
	.sec_rs_merit .meritBox h3 {
	  font-size: 4.5vw;
	}
	.sec_rs_merit .meritBox .num {
	  font-size: 10vw;
	  width: 16vw;
	  height: 16vw;
	  line-height: 16vw;
	  top: 4vw;
	}

}


.sec_rs_flow {
	padding: 115px 0;
}
.sec_rs_flow > div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.sec_rs_flow .flowList {
	display: table;
	width: 100%;
	max-width: 1200px;
	background-color: #daf0f6;
	margin-bottom: 80px;
}
.sec_rs_flow .flowList li {
	display: table-cell;
	position: relative;
	padding-right: 40px;
	height: 230px;
	width: 248px;
	text-align: center;
	vertical-align: middle;
	padding-top: 130px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}
.sec_rs_flow .flowList li:nth-last-child(1) {
	padding-right: 0;
	width: 208px;
}
.sec_rs_flow .flowList li::after {
	content: "";
	display: table-cell;
	width: 40px;
	height: 230px;
	border-left: 40px solid #bfe6ef;
	border-top: 115px solid #FFF;
	border-bottom: 115px solid #FFF;
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: border-box;
}
.sec_rs_flow .flowList li:nth-last-child(1)::after {
	display: none;
}
.sec_rs_flow .flowList li::before {
	content: "";
	display: block;
	width: calc(100% - 40px);
	height: 80px;
	left: 0;
	top: 38px;
	position: absolute;
}
.sec_rs_flow .flowList li:nth-child(1)::before {
	background: center / 80px auto url("../img/icn_flow_01.png") no-repeat;
}
.sec_rs_flow .flowList li:nth-child(2)::before {
	background: center / 80px auto url("../img/icn_flow_02.png") no-repeat;
}
.sec_rs_flow .flowList li:nth-child(3)::before {
	background: center / 80px auto url("../img/icn_flow_03.png") no-repeat;
}
.sec_rs_flow .flowList li:nth-child(4)::before {
	background: center / 80px auto url("../img/icn_flow_04.png") no-repeat;
}
.sec_rs_flow .flowList li:nth-child(5)::before {
	width: 100%;
	background: center / 80px auto url("../img/icn_flow_05.png") no-repeat;
}
.sec_rs_flow .wp-block-buttons {
	display: block;
	text-align: center;
}
.sec_rs_flow .wp-block-buttons .wp-block-button {
	display: inline-block;
}
.sec_rs_flow .wp-block-buttons .wp-block-button a {
	font-size: 20px;
	color: #FFF;
	line-height: 80px;
	height: 80px;
	padding: 0 2.5em 0 1.5em;
	background-color: #1478cc;
	border-radius: 40px;
	position: relative;
}
.sec_rs_flow .wp-block-buttons .wp-block-button a::after {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/icn_2arrow.png") no-repeat;
	width: 17px;
	height: 19px;
	position: absolute;
	right: 1.0em;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
	.sec_rs_flow .flowList {
	  display: block;
	  width: 500px;
	  margin-bottom:0;
		margin: 0 auto 60px;
	}
	.sec_rs_flow .flowList li {
	  display: block;
	  padding-right: 0;
	  height: auto;
	  width: 100%;
	  padding-top: 130px;
		padding-bottom: 60px;
	}	
	.sec_rs_flow .flowList li::before {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 80px;
	  left: 0;
	  top: 38px;
	  position: absolute;
	}
	.sec_rs_flow .flowList li::after {
	  content: "";
	  display: table-cell;
	  width: 100%;
	  height: 40px;
		border-top: 40px solid #bfe6ef;
		border-left: 250px solid #FFF;
		border-right: 250px solid #FFF;
	  border-bottom: none;
	  position: absolute;
	  right: 0;
	  top: auto;
		bottom: 0;
	  box-sizing: border-box;
	}
	.sec_rs_flow .flowList li:nth-last-child(1) {
	  padding-right: 0;
		padding-bottom: 30px;
	  width: 100%;
	}	
}
@media screen and (max-width: 767px) {
  .sec_rs_flow .flowList {
    display: block;
    width: 100%;
    margin: 0 auto 6vw;
  }	
  .sec_rs_flow .flowList li {
    padding-top: 28vw;
    padding-bottom: 13vw;
	  font-size: 4.3vw;
  }
  .sec_rs_flow .flowList li::before {
    height: 19vw;
    left: 0;
    top: 5vw;
    position: absolute;
  }	
  .sec_rs_flow .flowList li::after {
    width: 100%;
    height: 6vw;
    border-top: 6vw solid #bfe6ef;
    border-left: 46vw solid #FFF;
    border-right: 46vw solid #FFF;
  }
	.sec_rs_flow .flowList li:nth-child(1)::before {
		background: center / auto 100% url("../img/icn_flow_01.png") no-repeat;
	}
	.sec_rs_flow .flowList li:nth-child(2)::before {
		background: center / auto 100% url("../img/icn_flow_02.png") no-repeat;
	}
	.sec_rs_flow .flowList li:nth-child(3)::before {
		background: center / auto 100% url("../img/icn_flow_03.png") no-repeat;
	}
	.sec_rs_flow .flowList li:nth-child(4)::before {
		background: center / auto 100% url("../img/icn_flow_04.png") no-repeat;
	}
	.sec_rs_flow .flowList li:nth-child(5)::before {
		width: 100%;
		background: center / auto 100% url("../img/icn_flow_05.png") no-repeat;
	}
	.sec_rs_flow .wp-block-buttons .wp-block-button {
	  display: block;
	}
	.sec_rs_flow .wp-block-buttons .wp-block-button a {
	  font-size: 4.3vw;
	  line-height: 1.3;
	  height: auto;
	  padding: 4vw 2.5em 4vw 1.5em;
	  border-radius: 20vw;
	}
	.sec_rs_flow {
	  padding: 11vw 0;
	}
	.sec_rs_merit::before {
	  height: 40vw;
	}	
}
.sec_rs_overview {
	padding: 115px 0;
	background-color: #f7f7f7;
}
.sec_rs_overview > div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.sec_rs_overview .dotHead h2 > span {
  position: relative;
  background-color: #f7f7f7;
}
.sec_rs_overview .overviewTable {
	display: table;
	border:none;
	overflow: hidden;
	margin-bottom: 80px;
}
.sec_rs_overview .overviewTable > div {
	display: table-row;
}
.sec_rs_overview .overviewTable > div > figure {
	display: table-cell;
	vertical-align: top;
}
.sec_rs_overview .overviewTable > div > figure.wp-block-image {
	width: 40%;
}
.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table {
	width: 60%;
	padding-left: 40px;
}
.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table {
	border-radius: 30px;
	overflow: hidden;
}
.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table th {
	font-size: 16px;
	line-height: 1.3;
	padding: 1.2em 1.5em;
	background-color: #daf0f6;
	border-right: 2px solid #f7f7f7;
	border-bottom: 2px solid #f7f7f7;
	border-left: none;
	border-top: none;
	width: 30%;
}
.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table td {
	font-size: 16px;
	line-height: 1.3;
	padding: 1.2em 1em;
	background-color: #FFF;
	border-right: none;
	border-bottom: 2px solid #f7f7f7;
	border-left: none;
	border-top: none;
}
@media screen and (max-width: 767px) {
	.sec_rs_overview {
	  padding: 11vw 0;
	}
	.sec_rs_overview .overviewTable {
	  display: block;
	  margin-bottom: 6vw;
	}	
	.sec_rs_overview .overviewTable > div {
	  display: block;
	}	
	.sec_rs_overview .overviewTable > div > figure {
	  display: block;
	  vertical-align: top;
	}
	.sec_rs_overview .overviewTable > div > figure.wp-block-image {
	  width: 60%;
		margin: 0 auto 6vw;
	}	
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table {
	  padding-left: 0;
		width: 100%;
	}	
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table,
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table tbody,
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table tr,
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table th,
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table td {
		display: block;
	}
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table table {
	  border-radius: 4vw;
	}	
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table th {
	  font-size: 3.8vw;
	  width: 100%;
	}	
	.sec_rs_overview .overviewTable > div > figure.wp-block-flexible-table-block-table td {
	  font-size: 3.8vw;
		padding: 1.2em 1.5em;
	}	
}
.sec_rs_faq {
	padding: 115px 0;
}
.sec_rs_faq > div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.faqList {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.faqList .faqBox {
	margin-bottom: 30px;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}
.faqList .faqBox .icn {
	display: table-cell;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 30px;
	top: 30px;
}
.faqList .faqBox .icn .border {
	display: table-cell;
	width: 26px;
	height: 4px;
	background-color: #32a9c6;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(0);
}
.faqList .faqBox .icn .border:nth-child(2) {
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.faqList .faq_q {
	background-color: #daf0f6;
	padding: 1.5em 75px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 600;
	color: #32a9c6;
	position: relative;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	transition: 0.3s all ease;
	margin-bottom: 0;
}
.faqList .open .faq_q {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.faqList .faq_q::before {
	content: "Q";
	position: absolute;
	left: 20px;
	top: 0;
	transform: translateY(-50%);
	font-size: 40px;
	font-weight: 800;
	color: #32a9c6;
}
.faqList .faq_a {
	padding: 1.5em 75px;
	background-color: rgba(218,240,246,0.35);
	font-size: 16px;
	line-height: 1.6;
	position: relative;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	display: none;
}
.faqList .faq_a .block {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 1.0em;
}
.faqList .faq_a .block:nth-last-child(1) {
	margin-bottom: 0;
}
.faqList .faq_a::before {
	content: "A";
	font-size: 40px;
	font-weight: 800;
	color: #ffae13;
	position: absolute;
	left: 20px;
	top: 0;
}
@media screen and (max-width: 767px) {
	.sec_rs_faq	.dotHead {
		margin-bottom: 9vw;
	}	
	.sec_rs_faq {
	  padding: 11vw 0;
	}	
	.faqList .faqBox {
	  margin-bottom: 6vw;
	  border-radius: 4vw;
	}	
	.faqList .faq_q {
	  padding: 1.2em 13vw;
	  font-size: 4.3vw;
	  border-top-left-radius: 4vw;
	  border-top-right-radius: 4vw;
	  border-bottom-left-radius: 4vw;
	  border-bottom-right-radius: 4vw;
	}
	.faqList .faq_a {
	  padding: 1.2em 6vw 1.2em 13vw;
	  font-size: 3.8vw;
	  border-bottom-left-radius: 4vw;
	  border-bottom-right-radius: 4vw;
	}	
	.faqList .faq_q::before {
	  left: 4vw;
	  font-size: 7vw;
	}
	.faqList .faqBox .icn {
		display: table-cell;
		width: 6vw;
		height: 6vw;
		position: absolute;
		right: 3vw;
		top: 6vw;
	}
	.faqList .faqBox .icn .border {
		display: table-cell;
		width: 6vw;
		height: 1.0vw;
		background-color: #32a9c6;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%) rotate(0);
	}
	.faqList .faq_a::before {
	  font-size: 7vw;
	  left: 4vw;
	  top: 2vw;
	}
}
.contWrap.robotCat {
	padding-top: 90px;
}
.contWrap.robotCat > .robotCatHead {
	width: 100%;
	height: 600px;
	position: relative;
	background: center / auto 100% url("../img/robot_cat_head.jpg") no-repeat;
}
@media screen and (min-width: 1920px) {
	.contWrap.robotCat > .robotCatHead {
		background: center / 100% auto url("../img/robot_cat_head.jpg") no-repeat;
	}
}
.contWrap.robotCat > .robotCatHead .text {
	width: 92%;
	max-width: 1200px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.contWrap.robotCat > .robotCatHead .text h2 .text_en {
	font-size: 100px;
	font-weight: 800;
	margin-bottom: 0.3em;
	line-height: 1.0;
	color: #FFF;
}
.contWrap.robotCat > .robotCatHead .text h2 .text_jp {
	font-size: 45px;
	font-weight: 600;
	line-height: 1.0;
	color: #32a9c6;
	margin-bottom: 1.0em;
}
.contWrap.robotCat > .robotCatHead .text p {
	font-size: 20px;
	color: #FFF;
	line-height: 1.6;
}
.catBody .catBox {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
}
.catBody .catBox .itemList {
	font-size: 0;
}
.catBody .catBox .itemList > .item {
	display: inline-block;
	width: 31.8%;
	margin-right: 2%;
	margin-left: 0;
	margin-bottom: 4%;
	border-radius: 30px;
	border: 4px solid #32a9c6;
	padding: 40px 20px 40px;
	vertical-align: top;
	box-sizing: border-box;
}
.catBody .catBox .itemList > .item:nth-child(3n) {
	margin-right: 0;
}
.catBody .catBox .itemList .item span {
	display: block;
}
.catBody .catBox .itemList .item .itemIn {
	display: block;
	position: relative;
	padding-bottom: 66px;
}
.catBody .catBox .itemList .item .titleRow {
	margin-bottom: 20px;
}
.catBody .catBox .itemList .item .title {
	font-size: 35px;
	font-weight: 700;
	line-height: 1.3;
}
.catBody .catBox .itemList .item .kana {
	font-size: 16px;
	line-height: 1.3;
	color: #bcbcbc;
}
.catBody .catBox .itemList .item .desc {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	padding-top: 0.5em;
}


.catBody .catBox .itemList .item .features {
	display: table;
	width: 100%;
}
.catBody .catBox .itemList .item .features .feature {
	padding-left: 22px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 0.5em;
	position: relative;
}
.catBody .catBox .itemList .item .features .feature::before {
	content: "";
	display: table-cell;
	width: 17px;
	height: 17px;
	background: left center / 100% auto url("../img/icn_robot_check.png") no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.catBody .catBox .itemList .item .features .featureList {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.catBody .catBox .itemList .item .features .itemImg {
	display: table-cell;
	width: 50%;
	padding-left: 3%;
	vertical-align: bottom;
	box-sizing: border-box;
}
.catBody .catBox .itemList .item .blueLinkBtn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.catBody .catBox .itemList .item .blueLinkBtn .btn {
	display: inline-block;
}
.catBody .catBox .itemList .item .blueLinkBtn .btn a {
	font-size: 16px;
	color: #FFF;
	line-height: 50px;
	height: 50px;
	background-color: #32a9c6;
	display: block;
	padding: 0 4em 0 2.5em;
	border-radius: 25px;
	position: relative;
}
.catBody .catBox .itemList .item .blueLinkBtn .btn a::after {
	content: "";
	display: table-cell;
	width: 22px;
	height: 22px;
	background: center / 100% auto url("../img/icn_btnarrow.png") no-repeat;
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
	.catBody .catBox .itemList .item,
	.catBody .catBox .itemList .item:nth-child(3n) {
	  display: inline-block;
	  width: 48%;
	  margin-right: 3%;
	}
	.catBody .catBox .itemList .item:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.contWrap.robotCat {
	  padding-top: 12vw;
	}
	.contWrap.robotCat > .robotCatHead {
	  height: auto;
	}	
	.contWrap.robotCat > .robotCatHead .text {
	  width: 92%;
	  max-width: 1200px;
	  position: static;
	  transform: translateX(0) translateY(0);
		padding: 11vw 0;
		margin: 0 auto;
	}
	.contWrap.robotCat > .robotCatHead .text h2 .text_en {
	  font-size: 9vw;
	}	
	.contWrap.robotCat > .robotCatHead .text h2 .text_jp {
	  font-size: 5.6vw;
	}	
	.contWrap.robotCat > .robotCatHead .text p {
	  font-size: 3.8vw;
	}
	.catBody .catBox {
	  padding-top: 9vw;
	}
	.catBody .catBox .itemList .item, 
	.catBody .catBox .itemList .item:nth-child(2n),
	.catBody .catBox .itemList .item:nth-child(3n)
	{
		display: block;
		width: 100%;
		margin-right: 2%;
		padding: 8vw 4vw 4vw;
	}	
	.catBody .catBox .itemList .item .title {
	  font-size: 6.4vw;
	}	
	.catBody .catBox .itemList .item .kana {
	  font-size: 4vw;
	}	
	.catBody .catBox .itemList .item .desc {
	  font-size: 3.8vw;
	}
	.catBody .catBox .itemList .item .features .feature {
	  padding-left: 5vw;
	  font-size: 3.8vw;
	  line-height: 1.3;
	}	
	.catBody .catBox .itemList .item .features .feature::before {
	  content: "";
	  display: table-cell;
	  width: 4vw;
	  height: 4.94vw;
	  background: left center / 100% auto url("../img/icn_robot_check.png") no-repeat;
	  position: absolute;
	  left: 0;
	  top: 0;
	}	
	.catBody .catBox .itemList .item .blueLinkBtn .btn a {
	  font-size: 3.8vw;
	  line-height: 12vw;
	  height: 12vw;
	  border-radius: 6vw;
	}
	.catBody .catBox .itemList .item .itemIn {
	  padding-bottom: 16vw;
	}	
	.catBody .catBox .itemList .item .blueLinkBtn .btn a::after {
	  width: 5vw;
	  height: 5vw;
	  right: 3vw;
	}
	.catBody .catBox .itemList .item .features .featureList {
	  width: 60%;
	}	
	.catBody .catBox .itemList .item .features .itemImg {
	  width: 40%;
	}	
}
.robot-page {
	padding-top: 90px;
}
.robot-page .pageHead {
	width: 100%;
	height: 600px;
}
.advantage.robot-page .pageHead {
	background: right center / cover url("../img/pagehead_advantage-cleaning.png") no-repeat;
}
.robot-guide.robot-page .pageHead {
	background: right center / cover url("../img/robot_guide_fvbg.jpg") no-repeat;
}
.robot-subsidy.robot-page .pageHead {
	background: right center / cover url("../img/robot-subsidy-bg.jpg") no-repeat;
}
.robot-page .pageHead .headIn {
	width: 92%;
	max-width: 1200px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.robot-page .pageHead h2 .text_en {
	font-size: 100px;
	font-weight: 800;
	line-height: 1.0;
	margin-bottom: 0.2em;
	text-align: left;
}
.robot-page .pageHead h2 .text_jp {
	font-size: 45px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #32a9c6;
	text-align: left;
	line-height: 1.0;
	margin-bottom: 1.2em;
}
.robot-page .pageHead p {
	font-size: 20px;
	line-height: 1.6;
	font-weight: 500;
	color: #FFF;
}
.robot-page .dotBtnNav {
	padding: 80px 0 90px;
}
.robot-page .dotBtnNav .dotBtnNavIn {
	width: 92%;
	max-width: 850px;
	margin: 0 auto;
}
.robot-page.robot-company .dotBtnNav .dotBtnNavIn {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.robot-page .dotBtnNav ul {
	text-align: center;
	padding: 95px 0 0;
	font-size: 0;
}
.robot-page.robot-company .dotBtnNav ul {
	padding: 0;
}
.page-advantage-serving .robot-page .dotBtnNav ul {
	padding: 0;
}
.robot-page .dotBtnNav ul li {
	display: inline-block;
	vertical-align: top;
	width: 290px;
	margin-right: 20px;
	border: 4px dotted #32a9c6;
	height: 54px;
	box-sizing: border-box;
	border-radius: 27px;
	font-weight: 600;
}
.robot-page.robot-company .dotBtnNav ul li {
	width: 23%;
	margin-right: 2%;
}
.robot-page.robot-company .dotBtnNav ul li:nth-last-child(1) {
	margin-right: 0;
}
.robot-page .dotBtnNav ul li a {
	color: #32a9c6;
}
.robot-page .dotBtnNav ul li.current .text {
	background-color: #32a9c6;
	color: #FFF;
}
.robot-page .dotBtnNav ul li a:hover {
	opacity: 1.0;
}
.robot-page .dotBtnNav ul li:nth-last-child(1) {
	margin-right: 0;
}
.robot-page .dotBtnNav ul li span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 40px;
	height: 46px;
	border: 3px solid #FFF;
	border-radius: 23px;
}
.robot-page .dotBtnNav ul li:hover span {
	color: #FFF;
	background-color: #32a9c6;
}
.robot-page .sec {
	padding: 115px 0 90px;
	position: relative;
}
.robot-page .sec.sec_aboutVision {
	padding-bottom: 325px;
}
.robot-page .sec.sec_aboutVision .cont p {
	max-width: 576px;
}
.robot-page .sec .secIn {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}

.sec.secBgGray {
	background-color: #f7f7f7;
}
.sec.secBgBlue {
	background-color: #daf0f6;
}
.sec.secBgSlash {
	background: left top / auto url("../img/bg_slash.jpg") repeat;
}
.sec_onsite .cont {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.sec_onsite .cont p {
	line-height: 1.8;
	margin-bottom: 2em;
}
.sec_onsite .cont .whiteCont {
	background-color: #FFF;
	padding: 35px 0;
	border-radius: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.sec_onsite .cont .whiteCont .dotList {
	display: inline-block;
}
.sec_onsite .cont .whiteCont .dotList li {
	font-size: 16px;
	font-weight: 500;
	padding-left: 20px;
	position: relative;
	margin-bottom: 1em;
}
.sec_onsite .cont .whiteCont .dotList li:nth-last-child(1) {
	margin-bottom: 0;
}
.sec_onsite .cont .whiteCont .dotList li::before {
	content: "";
	display: table-cell;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 1px;
}
.advantage .sec_reason .cont > p {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 3em;
}
.advantage .reasonList {
	font-size: 0;
}
.advantage .reasonList .reasonBox {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 4px solid #32a9c6;
	border-radius: 30px;
	padding: 180px 20px 20px;
	vertical-align: top;
	position: relative;
}
.advantage .reasonList .reasonBox:nth-child(3n) {
	margin-right: 0;
}
.advantage .reasonList .reasonBox h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 1em;
	text-align: center;
}
.advantage .reasonList .reasonBox::before {
	content: "";
	display: block;
	width: 100%;
	height: 110px;
	position: absolute;
	left: 0;
	top: 40px;
	background-color: #CCC;
}
.advantage .reasonList .reasonBox:nth-child(1)::before {
	background: center / contain url("../img/advantage_reason_01.png") no-repeat;
}
.advantage .reasonList .reasonBox:nth-child(2)::before {
	background: center / contain url("../img/advantage_reason_02.png") no-repeat;
}
.advantage .reasonList .reasonBox:nth-child(3)::before {
	background: center / contain url("../img/advantage_reason_03.png") no-repeat;
}
.advantage .reasonList .reasonBox:nth-child(4)::before {
	background: center / contain url("../img/advantage_reason_04.png") no-repeat;
}
.advantage .reasonList .reasonBox:nth-child(5)::before {
	background: center / contain url("../img/advantage_reason_05.png") no-repeat;
}
.advantage .reasonList .reasonBox:nth-child(6)::before {
	background: center / contain url("../img/advantage_reason_06.png") no-repeat;
}
.advantage-serving .reasonList .reasonBox:nth-child(1)::before {
	background: center / contain url("../img/serving-reason-01.png") no-repeat;
}
.advantage-serving .reasonList .reasonBox:nth-child(2)::before {
	background: center / contain url("../img/serving-reason-02.png") no-repeat;
}
.advantage-serving .reasonList .reasonBox:nth-child(3)::before {
	background: center / auto 60% url("../img/serving-reason-03.png") no-repeat;
}
.advantage-serving .reasonList .reasonBox:nth-child(4)::before {
	background: center / auto 60% url("../img/serving-reason-04.png") no-repeat;
}
.advantage-serving .reasonList .reasonBox:nth-child(5)::before {
	background: center / auto 70% url("../img/serving-reason-05.png") no-repeat;
}
.advantage-serving .reasonList .reasonBox:nth-child(6)::before {
	background: center / contain url("../img/serving-reason-06.png") no-repeat;
}

.advantage .sec_effect {
	
}
.advantage .sec_effect .cont {
	
}
.advantage .sec_effect .cont > p {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.advantage .effectList {
	padding-top: 60px;
	font-size: 0;
	text-align: center;
}
.advantage .effectList .effectBox {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 4px solid #32a9c6;
	border-radius: 30px;
	padding: 40px 20px 40px;
	vertical-align: top;
	position: relative;
	background-color: #FFF;
}
.advantage .effectList .effectBox:nth-child(3n),
.advantage .effectList .effectBox:nth-last-child(1) {
	margin-right: 0;
}
.advantage .effectList .effectBox h3 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 1em;
	text-align: center;
}
.advantage .sec_scene {
	
}
.advantage .sec_scene .cont {
}
.advantage .sec_scene .cont > p {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.advantage .sec_scene .cont .sceneList {
	padding-top: 55px;
	font-size: 0;
	text-align: center;
}
.advantage .sec_scene .cont .sceneList .scene {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	vertical-align: top;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(3n) {
	margin-right: 0;
}
.advantage .sec_scene .cont .sceneList .scene .img {
	display: block;
	position: relative;
	border-radius: 30px;
	background-color: #CCC;
	margin-bottom: 5px;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(1) .img {
	background: center / cover url("../img/scene_bg_01.png") no-repeat;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(2) .img {
	background: center / cover url("../img/scene_bg_02.png") no-repeat;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(3) .img {
	background: center / cover url("../img/scene_bg_03.png") no-repeat;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(4) .img {
	background: center / cover url("../img/scene_bg_04.png") no-repeat;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(5) .img {
	background: center / cover url("../img/scene_bg_05.png") no-repeat;
}
.advantage .sec_scene .cont .sceneList .scene:nth-child(6) .img {
	background: center / cover url("../img/scene_bg_06.png") no-repeat;
}

.advantage-serving .sec_scene .cont .sceneList .scene:nth-child(1) .img {
	background: center / cover url("../img/serving-scene-01.jpg") no-repeat;
}
.advantage-serving .sec_scene .cont .sceneList .scene:nth-child(2) .img {
	background: center / cover url("../img/serving-scene-02.jpg") no-repeat;
}
.advantage-serving .sec_scene .cont .sceneList .scene:nth-child(3) .img {
	background: center / cover url("../img/serving-scene-03.jpg") no-repeat;
}
.advantage-serving .sec_scene .cont .sceneList .scene:nth-child(4) .img {
	background: center / cover url("../img/serving-scene-04.jpg") no-repeat;
}
.advantage-serving .sec_scene .cont .sceneList .scene:nth-child(5) .img {
	background: center / cover url("../img/serving-scene-05.jpg") no-repeat;
}


.advantage .sec_scene .cont .sceneList .scene .img::before {
	content: "";
	padding-top: 68%;
	display: block;
}
.advantage .sec_scene .cont .sceneList .scene .text {
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 1.3;
}
.advantage .sec_destination {
	
}
.advantage .destinationList {
	font-size: 0;
}
.advantage .destinationList .destination {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	vertical-align: top;
	border-radius: 30px;
	overflow: hidden;
}
.advantage .destinationList .destination:nth-child(3n) {
	margin-right: 0;
}
.advantage .destinationList .destination .img {
	display: block;
	position: relative;
}
.advantage .destinationList .destination:nth-child(1) .img {
	background: center / cover url("../img/destination_img_01.png") no-repeat;
}
.advantage .destinationList .destination:nth-child(2) .img {
	background: center / cover url("../img/destination_img_02.png") no-repeat;
}
.advantage .destinationList .destination:nth-child(3) .img {
	background: center / cover url("../img/destination_img_03.png") no-repeat;
}

.advantage-serving .destinationList .destination:nth-child(1) .img {
	background: center / cover url("../img/serving-destination-01.jpg") no-repeat;
}
.advantage-serving .destinationList .destination:nth-child(2) .img {
	background: center / cover url("../img/serving-destination-02.jpg") no-repeat;
}
.advantage-serving .destinationList .destination:nth-child(3) .img {
	background: center / cover url("../img/serving-destination-03.jpg") no-repeat;
}
.advantage-serving .destinationList .destination:nth-child(4) .img {
	background: center / cover url("../img/serving-destination-04.jpg") no-repeat;
}
.advantage-serving .destinationList .destination:nth-child(5) .img {
	background: center / cover url("../img/serving-destination-05.jpg") no-repeat;
}
.advantage-serving .destinationList .destination:nth-child(6) .img {
	background: center / cover url("../img/serving-destination-06.jpg") no-repeat;
}

.advantage .destinationList .destination .img::before {
	content: "";
	padding-top: 67%;
	display: block;
}
.advantage .destinationList .destination .textBox {
	display: block;
	background-color: #daf0f6;
	padding: 30px 25px;
}
.advantage .destinationList .destination .textBox .text01 {
	display: block;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 1em;
}
.advantage .destinationList .destination .textBox .text02 {
	display: block;
	font-size: 16px;
	line-height: 1.8;
}
.advantage .sec_robotLink {
	
}
.advantage .sec_robotLink .introList {
	font-size: 0;
	margin-bottom: 95px;
}
.advantage .sec_robotLink .introList .robot {
	display: inline-block;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	vertical-align: top;
	min-height: 165px;
}
.advantage .sec_robotLink .introList .robot:nth-child(2n) {
	margin-right: 0;
}
.advantage .sec_robotLink .introList .robot a {
	display: block;
	border: 4px solid #32a9c6;
	border-radius: 30px;
	position: relative;
	padding: 35px 35px 35px 185px;
	background-color: #FFF;
	overflow: hidden;
	min-height: 190px;
}
.advantage .sec_robotLink .introList .robot .img {
	content: "";
	display: table-cell;
	width: 140px;
	height: 110px;
	background: center / contain url("../img/robots_img/pudu_cc1_noblank.jpg") no-repeat;
	position: absolute;
	left: 25px;
	top: 35px;
}
.advantage .sec_robotLink .introList .robot:nth-child(2) .img {
	background: center / contain url("../img/robots_img/rc300dz_noblank.jpg") no-repeat;
}

.advantage-serving .sec_robotLink .introList .robot .img {
	content: "";
	display: table-cell;
	width: 160px;
	height: 160px;
	background: center / contain url("../img/robots_img/pudu_cc1_noblank.jpg") no-repeat;
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.advantage-serving .sec_robotLink .introList .robot:nth-child(1) .img {
	background: center / contain url("../img/robots_img/bellabot_pro.jpg") no-repeat;
}
.advantage-serving .sec_robotLink .introList .robot:nth-child(2) .img {
	background: center / contain url("../img/robots_img/pudubot2_title-1.png") no-repeat;
}
.advantage-serving .sec_robotLink .introList .robot:nth-child(3) .img {
	background: center / contain url("../img/robots_img/kettybotopro.jpg") no-repeat;
}
.advantage-serving .sec_robotLink .introList .robot:nth-child(4) .img {
	background: center / contain url("../img/robots_img/pudu_t300.jpg") no-repeat;
}
.advantage .sec_robotLink .introList .robot .icn {
	content: "";
	display: table-cell;
	width: 65px;
	height: 65px;
	position: absolute;
	right: -1px;
	bottom: -1px;
	box-sizing: border-box;
}
.advantage .sec_robotLink .introList .robot .icn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-right: 65px solid #32a9c6;
	border-top: 65px solid transparent;
	display: table-cell;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.advantage .sec_robotLink .introList .robot .icn::after {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/icn_btnarrow.png") no-repeat;
	width: 23px;
	height: 23px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.advantage .sec_robotLink .introList .robot .text01 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 1em;
	display: block;
}
.advantage .sec_robotLink .introList .robot .text02 {
	font-size: 16px;
	line-height: 1.8;
	display: block;
}



.advantage .sec_robotLink .introList .robot:nth-last-child(1) {
	margin-right: 0;
}
.advantage .sec_robotLink .bottom {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.advantage .sec_robotLink .bottom h3 {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
}
.advantage .sec_robotLink .bottom p {
}
.advantage .sec_robotLink .bottom .btnArea {
	padding-top: 55px;
	text-align: center;
}
.advantage .sec_robotLink .bottom .btnArea .btn {
	display: inline-block;
}
.advantage .sec_robotLink .bottom .btnArea .btn a {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	display: block;
	line-height: 80px;
	height: 80px;
	background-color: #feb900;
	padding: 0 3em;
	border-radius: 40px;
}
@media screen and (max-width:1200px) {
	.advantage .reasonList .reasonBox,
	.advantage .reasonList .reasonBox:nth-child(3n) {
	  width: 49%;
	  margin-right: 2%;
	  margin-bottom: 2%;
	}	
	.advantage .reasonList .reasonBox:nth-child(2n) {
		margin-right: 0;
		
	}
	.advantage .effectList .effectBox {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	}
	.advantage .sec_scene .cont .sceneList .scene,
	.advantage .sec_scene .cont .sceneList .scene:nth-child(3n)
	{
	  width: 49%;
	  margin-right: 2%;
	  margin-bottom: 2%;
	  vertical-align: top;
	}	
	.advantage .sec_scene .cont .sceneList .scene:nth-child(2n) {
		margin-right: 0;
	}	
}
@media screen and (max-width: 767px) {
	 .advantage .dotHead h2 > span {
		 line-height: 1.3;
	  }	
	.advantage .dotHead h2::before {
	  top: 80%;
	  transform: translateY(-50%);
	}	
	.advantage .effectList .effectBox h3 {
	  font-size: 4.5vw;
	  margin-bottom: 0.8em;
	}	
	.robot-page {
	  padding-top: 12vw;
	}	
	.advantage.robot-page .pageHead {
	  background: right center / cover url("../img/pagehead_advantage_sp.png") no-repeat;
		height: auto;
	}
	.advantage.advantage-serving.robot-page .pageHead {
	  background: right center / cover url("../img/pageHead-adbantage-serving_sp.jpg") no-repeat;
		height: auto;
	}
	.robot-page .pageHead .headIn {
	  width: 92%;
	  max-width: 1200px;
	  position: static;
	  transform: translateX(0) translateY(0);
		margin: 0 auto;
	}	
	.robot-page .pageHead h2 .text_en {
	  font-size: 9.3vw;
	}	
	.robot-page .pageHead h2 .text_jp {
	  font-size: 5.3vw;
		line-height: 1.3;
		margin-bottom: 0.3em;
	}
	.robot-page .pageHead p {
	  font-size: 3.8vw;
	}
	.robot-page .dotBtnNav {
	  padding: 6vw 0;
	}	
	.robot-page .dotBtnNav .dotBtnNavIn > p {
		width: 90%;
		margin: 0 auto;
	}
	.robot-page .dotBtnNav ul {
	  text-align: center;
	  padding: 8vw 0 0;
	  font-size: 0;
	}
	.robot-page .dotBtnNav ul li {
	  width: 48.9%;
	  margin-right: 2%;
	  border: 1vw dotted #32a9c6;
	  height: 13vw;
	  box-sizing: border-box;
	  border-radius: 6.5vw;
	  font-weight: 600;
	}
	.robot-page .dotBtnNav ul li span {
	  display: block;
	  font-size: 3.6vw;
	  line-height: 9vw;
	  height: 11vw;
	  border: 1vw solid #FFF;
	  border-radius: 5.5vw;
	}
	.robot-page .sec {
	  padding: 9vw 0;
	  position: relative;
	}
	.page-advantage-cleaning .dotHead h2 > span {
		line-height: 1.3;
	}
	.page-advantage-cleaning .dotHead h2::before {
	  top: 75%;
	  transform: translateY(-50%);
	}
	.robot-page  .dotHead {
		margin-bottom: 6vw;
	}	
	.sec_onsite .cont .whiteCont {
	  padding: 6vw 8vw;
	  border-radius: 4vw;
	  text-align: center;
	  margin-bottom: 6vw;
	}
	.sec_onsite .cont .whiteCont .dotList {
	  display: block;
	}	
	.sec_onsite .cont .whiteCont .dotList li {
	  font-size: 3.8vw;
	  padding-left: 1.2em;
		line-height: 1.3;
		margin-bottom: 0.6em;
	}
	.sec_onsite .cont .whiteCont .dotList li::before {
	  width: 3.5vw;
	  height: 3.5vw;
	  border-radius: 2.7vw;
		top: 0.2em;
	}
	.advantage .reasonList .reasonBox,
	.advantage .reasonList .reasonBox:nth-child(2n),
	.advantage .reasonList .reasonBox:nth-child(3n) {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 2%;
	  border-radius: 4vw;
	  padding: 30vw 4vw 4vw;
	}
	.advantage .reasonList .reasonBox::before {
	  height: 20vw;
	  top: 6vw;
	}	
	.advantage .reasonList .reasonBox h3 {
	  font-size: 4.3vw;
	}
	.advantage .effectList {
	  padding-top: 6vw;
	  font-size: 0;
	  text-align: center;
	}	
	.advantage .effectList .effectBox {
	  border-radius: 4vw;
	  padding: 6vw 4vw 4vw;
	  vertical-align: top;
	  position: relative;
	  background-color: #FFF;
	}
	.advantage .sec_scene .cont .sceneList .scene,
	.advantage .sec_scene .cont .sceneList .scene:nth-child(2n),
	.advantage .sec_scene .cont .sceneList .scene:nth-child(3n) {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 6vw;
	}	
	.advantage .sec_scene .cont .sceneList {
	  padding-top: 6vw;
	}	
	.advantage .sec_scene .cont .sceneList .scene .text {
	  font-size: 4.3vw;
	}
	.advantage .destinationList .destination {
	  display: block;
	  width: 100%;
	  margin-right: 0;
		margin-bottom: 6vw;
	  border-radius: 4vw;
	}
	.advantage .destinationList .destination .img::before {
	  padding-top: 45%;
	}
	.advantage .destinationList .destination .textBox {
	  padding: 5vw 4vw 4vw;
	}
	.advantage .destinationList .destination .textBox .text01 {
	  font-size: 4.3vw;
	}	
	.advantage .destinationList .destination .textBox .text02 {
	  font-size: 3.8vw;
	}	
	.advantage .sec_robotLink .introList {
	  font-size: 0;
	  margin-bottom: 6vw;
	}	
	.advantage .sec_robotLink .introList .robot {
	  display: block;
	  width: 100%;
	  margin-right: 0;
		margin-bottom: 4%;
	  min-height: 0;
	}
	.advantage .sec_robotLink .introList .robot a {
	  display: block;
	  border-radius: 4vw;
	  position: relative;
	  padding: 6vw 4vw 4vw 40%;
	  background-color: #FFF;
	  overflow: hidden;
	}
	.advantage .sec_robotLink .introList .robot .img {
	  content: "";
	  display: table-cell;
	  width: 28vw;
	  height: 30vw;
	  background: center / contain url("../img/robots_img/pudu_cc1_noblank.jpg") no-repeat;
	  position: absolute;
	  left: 4vw;
	  top: 50%;
		transform: translateY(-50%);
	}	
	.advantage.advantage-serving .sec_robotLink .introList .robot .img {
	  width: 28vw;
	  height: 40vw;
	  left: 4vw;
	}	
	.advantage .sec_robotLink .introList .robot .text01 {
	  font-size: 4.5vw;
	}
	.advantage .sec_robotLink .introList .robot .text02 {
	  font-size: 3.8vw;
	}
	.advantage .sec_robotLink .introList .robot .icn {
	  width: 11vw;
	  height: 11vw;
	}
	.advantage .sec_robotLink .introList .robot .icn::before {
	  border-right: 11vw solid #32a9c6;
	  border-top: 11vw solid transparent;
	}
	.advantage .sec_robotLink .introList .robot .icn::after {
	  width: 4.5vw;
	  height: 4.5vw;
	}
	.advantage .sec_robotLink .bottom h3 {
	  font-size: 6.6vw;
	}
	.advantage .sec_robotLink .bottom .btnArea {
	  padding-top: 6vw;
	}
	.advantage .sec_robotLink .bottom .btnArea .btn {
	  display: block;
	}	
	.advantage .sec_robotLink .bottom .btnArea .btn a {
	  font-size: 4.3vw;
	  line-height: 13vw;
	  height: 13vw;
	  background-color: #feb900;
	  padding: 0;
	  border-radius: 6.5vw;
	}
	.robot-subsidy.robot-page .pageHead {
		background: right center / cover url("../img/robot-subsidy-bg-sp.jpg") no-repeat;
	}
	
}
.advantage.robot-page.advantage-serving .pageHead {
  background: right center / cover url("../img/pageHead-adbantage-serving.jpg") no-repeat;
}
.advantage.robot-page.advantage-cleaning .pageHead {
  background: right center / cover url("../img/pagehead_advantage-cleaning.png") no-repeat;
}
@media screen and (max-width:1400px) {
	.advantage.robot-page.advantage-serving .pageHead {
	  background: right center / cover url("../img/pageHead-adbantage-serving_sp.jpg") no-repeat;
	}
	.advantage.robot-page.advantage-cleaning .pageHead {
	  background: right center / cover url("../img/pagehead_advantage_sp.png") no-repeat;
	}
}

.robot-guide.robot-page .dotBtnNav ul {
  text-align: center;
  padding: 0;
  font-size: 0;
}
.robot-guide.robot-page .dotBtnNav .dotBtnNavIn {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}
.robot-guide.robot-page .dotBtnNav ul li {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin-right: 2%;
  border: 4px dotted #32a9c6;
  height: 54px;
  box-sizing: border-box;
  border-radius: 27px;
  font-weight: 600;
}
.robot-guide.robot-page .dotBtnNav ul li a:hover {
	opacity: 1.0;
}
.robot-guide.robot-page .dotBtnNav ul li:nth-last-child(1) {
	margin-right: 0;
}
@media screen and (max-width: 1200px) {
	.robot-guide.robot-page .dotBtnNav ul li {
	  display: inline-block;
	  vertical-align: top;
	  width: 49%;
	  margin-right: 2%;
		margin-bottom: 2%;
	  border: 4px dotted #32a9c6;
	  height: 54px;
	  box-sizing: border-box;
	  border-radius: 27px;
	  font-weight: 600;
	}
	.robot-guide.robot-page .dotBtnNav ul li:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 767px) {
  .robot-guide.robot-page .dotBtnNav ul li span {
    display: block;
    font-size: 3.6vw;
    line-height: 10vw;
    height: 12vw;
    border: 1vw solid #FFF;
    border-radius: 6vw;
	  vertical-align: middle;
  }
  .robot-guide.robot-page .dotBtnNav ul li.twoRow span {
	  line-height: 4.5vw;
	  padding: 1vw 0 0;
	}
  .robot-guide.robot-page .dotBtnNav ul li {
    display: inline-block;
    vertical-align: top;
    width: 48.9%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1vw dotted #32a9c6;
    height: 14vw;
    box-sizing: border-box;
    border-radius: 7vw;
    font-weight: 600;
  }	
}
.flowList {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.flowList .flow {
	border: 4px solid #32a9c6;
	border-radius: 30px;
	padding: 15px;
	margin-bottom: 40px;
	position: relative;
	background-color: #FFF;
}
.flowList .flow:nth-last-child(1) {
	margin-bottom: 0;
}
.flowList .flow::before {
	content: "";
	display: table-cell;
	width: 52px;
	height: 20px;
	box-sizing: border-box;
	border-top: 20px solid #32a9c6;
	border-left: 26px solid transparent;
	border-right: 26px solid transparent;
	position: absolute;
	bottom: -34px;
	left: 50%;
	transform: translateX(-50%);
}
.flowList .flow:nth-last-child(1)::before {
	display: none;
}
.flowList .flowIn {
	display: table;
	width: 100%;
}
.flowList .flowIn > span {
	display: table-cell;
	vertical-align: middle;
}
.flowList .flowIn > span.stepRow {
	width: 160px;
	border-right: 4px solid #32a9c6;
	padding: 40px 0;
}
.flowList .flowIn > span.stepRow .stepText {
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: #32a9c6;
	text-align: center;
}
.flowList .flowIn > span.stepRow .stepNum {
	display: block;
	font-size: 60px;
	font-weight: 700;
	color: #32a9c6;
	text-align: center;
}
.flowList .flowIn > span.flowImgBox {
	width: 260px;
	vertical-align: middle;
}
.flowList .flowIn > span.flowImgBox .img {
	display: block;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #CCC;
	border-radius: 30px;
}
.flowList .flow:nth-child(1) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot_guide_flow_01.jpg");
}
.flowList .flow:nth-child(2) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot_guide_flow_02.jpg");
}
.flowList .flow:nth-child(3) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot_guide_flow_03.jpg");
}
.flowList .flow:nth-child(4) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot_guide_flow_04.jpg");
}
.flowList .flow:nth-child(5) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot_guide_flow_05.jpg");
}
.flowList .flow:nth-child(6) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot_guide_flow_06.jpg");
}
.flowList .flowIn > span.flowImgBox .img::before {
	content: "";
	padding-top: 69%;
	display: block;
}
.flowList .flowIn > span.flowInfo {
	padding: 30px;
}
.flowList .flowIn > span.flowInfo > span {
	display: block;
}
.flowList .flowIn > span.flowInfo .title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 0.8em;
}
.flowList .flowIn > span.flowInfo .text {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 1.0em;
}
.flowList .flowIn > span.flowInfo .text:nth-last-child(1) {
	margin-bottom: 0;
}
.flowList .flowIn > span.flowInfo .title {
}
.flowList .flowIn > span.flowInfo .dotList {
}
.flowList .flowIn > span.flowInfo .dotList li {
	position: relative;
	padding-left: 1.2em;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0.2em;
}
.flowList .flowIn > span.flowInfo .dotList li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1.5;
}
.flowList .flowIn > span.flowInfo .btnList {
	font-size: 0;
	padding-top: 20px;
}
.flowList .flowIn > span.flowInfo .btnList li {
	display: inline-block;
	width: 48%;
	margin-right: 2%;
	vertical-align: top;
}
.flowList .flowIn > span.flowInfo .btnList li:nth-last-child(1) {
	margin-right: 0;
}
.flowList .flowIn > span.flowInfo .btnList li a {
	display: block;
}
.flowList .flowIn > span.flowInfo .btnList li a span {
}
.flowList .flowIn > span.flowInfo .btnList li.orangeBtn a {
	border-radius: 23px;
	height: 46px;
	background-color: #ee8100;
	color: #FFF;
	text-align: center;
}
.flowList .flowIn > span.flowInfo .btnList li.orangeBtn a span.text {
	line-height: 46px;
	height: 46px;
	padding-left: 2em;
	position: relative;
	display: inline-block;
}
.flowList .flowIn > span.flowInfo .btnList li.orangeBtn a span::before {
	content: "";
	display: table-cell;
	width: 18px;
	height: 18px;
	background: center / 100% auto url("../img/icn_email.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.flowList .flowIn > span.flowInfo .btnList li.greenBtn a {
	background-color: #44c3c4;
	height: 46px;
	border-radius: 23px;
}
.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span {
	display: block;
	color: #FFF;
}
.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .tel {
	font-size: 21px;
	line-height: 26px;
	display: block;
	text-align: center;
}
.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .tel .telIn {
	padding-left: 1.2em;
	position: relative;
}
.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .tel .telIn::before {
	content: "";
	display: table-cell;
	width: 16px;
	height: 16px;
	background: center / 100% auto url("../img/icn_tel.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .telText {
	display: block;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}
.robot-guide .sec_overview .cont {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.blueList {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 60px;
}
.blueList th {
	background-color: #daf0f6;
	vertical-align: middle;
	padding: 30px;
	width: 297px;
	line-height: 1.3;
	font-size: 16px;
	font-weight: 500;
}
.blueList td {
	background-color: #FFF;
	vertical-align: middle;
	padding: 18px 30px;
	font-weight: 500;
}
.blueList td .text,
.blueList td .text a,
.blueList td li
{
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 2.0;
	margin-bottom: 1.0em;
}
.blueList td li {
	margin-bottom: 0;
	position: relative;
	padding-left: 1.2em;
}
.blueList td li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 2.0;
}
.blueList td .text:nth-last-child(1),
.blueList td .text a
{
	margin-bottom: 0;
}
.robot-guide .sec_support .cont {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 60px;
}
.robot-guide .sec_support .cont .textBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 60px;
}
.robot-guide .sec_support .cont .textBox h3 {
	font-size: 30px;
	line-height: 1.3;
	text-align: center;
	font-weight: 600;
	margin-bottom: 1em;
}
.robot-guide .sec_support .cont .textBox p {
	font-size: 16px;
	line-height: 2.0;
}
.numList {
	font-size: 0;
	text-align: center;
	position: relative;
}
.numList .numItem {
	display: inline-block;
	width: 31.9%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 4px solid #32a9c6;
	padding: 25px;
	vertical-align: top;
	border-radius: 30px;
	position: relative;
	background-color: #FFF;
}
.numList .numItem:nth-child(3n),
.numList .numItem:nth-last-child(1) {
	margin-right: 0;
}
.numList .numItem .itemIn {
	display: block;
	padding-top: 105px;
	position: relative;
}
.numList .numItem .itemIn .num {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: table-cell;
	width: 94px;
	height: 94px;
	line-height: 84px;
	background-color: #daf0f6;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 60px;
	font-weight: 600;
	color: #32a9c6;
}
.numList .numItem .title {
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 1em;
}
.numList .numItem .text {
	font-size: 16px;
	line-height: 1.6;
}
.robot-guide .sec_support .listArea {
	position: relative;
}
.robot-guide .sec_support .listArea .dots {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 260px;
	width: 1000px;
	height: 4px;
	background: left center / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.robot-guide .sec_support .listArea .dots .left {
	display: table-cell;
	width: calc(50vw - 500px);
	height: 160px;
	background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(-100%);
}
.robot-guide .sec_support .listArea .dots .left::before {
	content: "";
	display: table-cell;
	width: 100%;
	height: 4px;
	background: right center / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
	position: absolute;
	right: 0;
	bottom: -4px;
}
.robot-guide .sec_support .listArea .dots .right {
	display: table-cell;
	width: calc(50vw - 500px);
	height: 160px;
	background: left bottom / 4px auto url("../img/dotline_blue_vertical_BtoT.png") repeat-y;
	position: absolute;
	right: 0;
	top: 4px;
	transform: translateX(100%) translateY(-100%);
}

.robot-guide .sec_support .listArea .dots .right::before {
	content: "";
	display: table-cell;
	width: 100%;
	height: 4px;
	background: left center / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: absolute;
	right: 0;
	top: -4px;
}
.robot-guide .sec_support .listArea .dots .left::after {
	content: "";
	display: table-cell;
	width: 81px;
	height: 78px;
	background: center / 100% auto url("../img/robot_guide_cleaningrobot.jpg") no-repeat;
	position: absolute;
	right: 130px;
	bottom: 8px;
}
.robot-guide .sec_support .listArea .dots .right::after {
	content: "";
	display: table-cell;
	width: 50px;
	height: 120px;
	background: center / 100% auto url("../img/robot_guide_bellabot.jpg") no-repeat;
	position: absolute;
	left: 170px;
	top: -130px;
}
.sec_supportDesk {
	padding: 90px 0;
}
.sec_supportDesk .secHead {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 80px;
}
.sec_supportDesk .secHead h2 {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 1em;
}
.sec_supportDesk .secHead p {
	line-height: 1.8;
}
.sec_supportDesk .cont .supportBoxDesk {
}
.sec_supportDesk .cont .supportBoxDesk h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 2em;
}
.sec_supportDesk .supportBoxDesk h3 .text {
	padding-left: 90px;
	position: relative;
}
.sec_supportDesk .supportBoxDesk h3 .text::before {
	content: "";
	display: table-cell;
	width: 66px;
	height: 36px;
	background: center / 100% auto url("../img/robot_guide_face01.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.sec_supportDesk .box02 {
	padding-top: 90px;
}
.sec_supportDesk .box02.supportBoxDesk h3 .text::before {
	content: "";
	display: table-cell;
	width: 68px;
	height: 44px;
	background: center / 100% auto url("../img/robot_guide_face02.png") no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.sec_faq .cont {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.sec_faq .cont .faqWrap {
	padding-top: 40px;
}
.sec_faq .cont .faqWrap h3 {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 1.5em;
}
.blueList th {
  background-color: #bfe6ef;
  vertical-align: middle;
  padding: 10px 30px;
  width: 297px;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 500;
}
.sec_subsidyInformation .blueList {
	margin-bottom: 40px;
}
.sec_subsidyInformation .blueList th {
	padding: 0.5em 1.5em;
	text-align: center;
}
.sec_subsidyInformation .blueList td {
	padding: 0.5em 1.5em;
}
.sec_subsidyInformation .blueList .link,
.sec_subsidyInformation .blueList .area {
	width: 120px;
	text-align: center;
}
.sec_subsidyInformation .blueList .link a {
	display: inline-block;
	line-height: 1.3;
	border-bottom: 1px solid #3cace6;
	color: #3cace6;
	vertical-align: middle;
}
.sec_subsidyInformation .blueList tr:nth-child(2n) td {
	background-color: #f7f7f7;
}

@media screen and (max-width:1200px) {
	.flowList .flowIn {
	  display: block;
	}
	.flowList .flowIn > span {
	  display: block;
		width: 100%;
	}	
	.flowList .flowIn > span.stepRow {
	  width: 100%;
	  border-right: none;
	  border-bottom: 4px solid #32a9c6;
	  padding: 20px 0;
	}
	.flowList {
	  max-width: 650px;
	  margin: 0 auto;
	}	
	.flowList .flowIn > span.flowImgBox {
	  width: 100%;
		text-align: center;
		vertical-align: middle;
	}	
	.numList {
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}	
	.numList .numItem {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 2%;
	}
	
	.robot-guide .sec_support .listArea .dots {
		bottom: 260px;
		width: 850px;
	}
	.robot-guide .sec_support .listArea .dots .left {
		width: calc(50vw - 350px);
	}
	.robot-guide .sec_support .listArea .dots .right {
		width: calc(50vw - 350px);
	}
}
@media screen and (max-width:767px) {
	.robot-guide.robot-page .pageHead {
	  background: right center / cover url("../img/robot_guide_bg_sp.jpg") no-repeat;
	}	
	.robot-page .pageHead {
	  width: 100%;
	  height: auto;
		padding: 12vw 0 10vw;
	}
	.page-guide .dotHead h2 > span,
	.robot-subsidy .dotHead h2 > span {
		line-height: 1.3;
	}
	.page-guide .dotHead h2::before,
	.robot-subsidy .sec_subsidyIntro .dotHead h2::before,
	.robot-trial .sec_trialPoint .dotHead h2::before,
	.robot-trial .sec_trialVoice .dotHead h2::before,
	.dotHead.spRow2 h2::before
	{
	  top: 75%;
	}
	.flowList .flow {
	  border-radius: 4vw;
	  padding: 4vw;
	  margin-bottom: 11vw;
	}	
  .flowList .flowIn > span.stepRow {
    padding: 3vw 0;
  }	
	.flowList .flowIn > span.stepRow .stepText {
	  font-size: 4vw;
	}
	.flowList .flowIn > span.stepRow .stepNum {
	  font-size: 10vw;
	}
	.flowList .flowIn > span.flowInfo {
	  padding: 4vw 0;
	}	
	.flowList .flowIn > span.flowInfo .title {
	  font-size: 5.6vw;
	}
	.flowList .flowIn > span.flowInfo .dotList li,
	.flowList .flowIn > span.flowInfo .text	{
	  font-size: 3.8vw;
		line-height: 1.5;
	}	
	.flowList .flowIn > span.flowInfo .btnList {
	  padding-top: 4vw;
	}	
	.flowList .flowIn > span.flowInfo .btnList li {
	  display: block;
	  width: 100%;
	  margin-right: 0;
		margin-bottom: 2vw;
	}	
	.flowList .flowIn > span.flowInfo .btnList li.orangeBtn a {
	  border-radius: 6.5vw;
	  height: 13vw;
	}
	.flowList .flowIn > span.flowInfo .btnList li.greenBtn a {
	  height: 13vw;
	  border-radius: 6.5vw;
	}
	.flowList .flowIn > span.flowInfo .btnList li.orangeBtn a span {
	  line-height: 13vw;
	  height: 13vw;
		font-size: 3.8vw;
	}	
	.flowList .flowIn > span.flowInfo .btnList li.orangeBtn a span::before {
	  width: 4vw;
	  height: 4vw;
	}	
	.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .tel {
	  font-size: 6vw;
		font-weight: 700;
	  line-height: 6.5vw;
		padding: 0.5vw;
	}	
	.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .telText {
	  font-size: 3.8vw;
	  line-height: 5vw;
	}	
	.flowList .flowIn > span.flowInfo .btnList li.greenBtn a > span .tel .telIn::before {
	  width: 5vw;
	  height: 5vw;
	}	
	.flowList .flowIn > span.flowImgBox .img {
	  border-radius: 4vw;
	}
	.flowList .flow::before {
	  content: "";
	  display: table-cell;
	  width: 14vw;
	  height: 5.3vw;
	  border-top: 5.3vw solid #32a9c6;
	  border-left: 7vw solid transparent;
	  border-right: 7vw solid transparent;
	  bottom: -9vw;
	}
	.blueList {
	  border-spacing: 0;
	  border-radius: 4vw;
		border: none;
		display: block;
		width: 100%;
	}	
	.blueList,
	.blueList tbody,
	.blueList tbody tr,
	.blueList tbody th,
	.blueList tbody td {
		display: block;
		width: 100%;
		border: none;
		box-sizing: border-box;
	}
	.blueList tbody th,
	.blueList tbody td {
		padding: 4vw;
	}
	.blueList th {
	  padding: 4vw;
	  width: 100%;
	  font-size: 3.8vw;
	}
	.blueList td {
	  padding: 4vw;
	}
	.blueList {
	  border-radius: 4vw;
		margin-bottom: 6vw;
	}	
	.blueList td .text {
	  font-size: 3.8vw;
	}
	.robot-guide .sec_support .cont .textBox h3 {
	  font-size: 5.3vw;
	}
	.robot-guide .sec_support .cont .textBox p {
	  font-size: 3.8vw;
	}
	.numList .numItem {
	  padding: 4vw;
	  border-radius: 4vw;
	}	
	.numList .numItem:nth-last-child(1) {
		margin-bottom: 0;
	}
	.numList .numItem .itemIn {
	  padding-top: 19.6vw;
	}
	.numList .numItem .itemIn .num {
	  width: 17vw;
	  height: 17vw;
	  line-height: 16vw;
	  font-size: 9vw;
	}	
	.numList .numItem .title {
	  font-size: 5.3vw;
	  line-height: 1.5;
	}	
	.numList .numItem .text {
	  font-size: 3.8vw;
	}
	.robot-guide .sec_support .cont {
	  margin: 0 auto;
	}
	.sec_supportDesk .secHead h2 {
	  font-size: 5.3vw;
		line-height: 1.5;
	}
	.sec_supportDesk .secHead {
	  margin: 0 auto 9vw;
	}	
	.sec_supportDesk .cont .supportBoxDesk h3 {
	  font-size: 4.5vw;
	  margin-bottom: 2em;
	}
	.sec_supportDesk .supportBoxDesk h3 .text {
	  padding-left: 0;
		display: block;
		padding-top: 7.5vw;
		line-height: 1.5;
	}
	.sec_supportDesk .supportBoxDesk h3 .text::before {
	  width: 8.8vw;
	  height: 4.8vw; /* 54.5% */
	  left: 50%;
	  top: 0;
	  transform:translateX(-50%) translateY(0);
	}	
	.sec_supportDesk .box02.supportBoxDesk h3 .text::before {
	  width: 8.8vw;
	  height: 4.8vw;
	  left: 50%;
	  top: 0;
	  transform: translateX(-50%) translateY(-50%);
	}	
}
.robot-subsidy {
	
}
.robot-subsidy .textBox {
	width: 92%;
	max-width: 850px;
	margin: 0 auto;
}
.robot-subsidy .textBox p {
	margin-bottom: 1em;
}
.robot-subsidy .textBox p:nth-last-child(1) {
	margin-bottom: 0;
}
.robot-subsidy h3 {
	font-size: 30px;
	text-align: center;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 1em;
}
.dots.step3 {
	width: 92%;
	max-width: 1004px;
	margin: 0 auto;
	height: 164px;
	background: top left / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: relative;
}
.dots.step3 .left {
	width: calc(50vw - 500px);
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	transform: translateX(4px);
}
.dots.step3 .left::before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: right top / auto 4px url("../img/dotline_blue.png") repeat-x;
	position: absolute;
	right: 0;
	bottom: 0;
}
.dots.step3.addRobotsFaces .left::after {
	content: "";
	display: table-cell;
	width: 267px;
	height: 62px; /* 23.2% */
	background: center / 100% auto url("../img/robot_face.png") no-repeat;
	position: absolute;
	right: 42px;
	bottom: 15px;
}
.dots.step3.addRobots .left::after {
	content: "";
	display: table-cell;
	width: 81px;
	height: 78px; /* 96.3%% */
	background: center / 100% auto url("../img/robot_guide_cleaningrobot.jpg") no-repeat;
	position: absolute;
	right: 140px;
	bottom: 12px;
}

.dots.step3 .right {
	width: calc(50vw - 500px);
	height: 100%;
	position: absolute;
	left: 100%;
	top: -100%;
	background: left top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	transform: translateX(-4px) translateY(4px);
}
.dots.step3 .right::before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: left top / auto 4px url("../img/dotline_blue.png") repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(-4px);
}
.dots.step3.addRobots .right::after {
	content: "";
	display: block;
	width: 50px;
	height: 120px;
	background: top center / 100% auto url("../img/robot_guide_bellabot.jpg") no-repeat;
	position: absolute;
	left: 180px;
	top: -130px;
}
.sec_subsidyIntro .dots {
	margin-top: 70px;
}
.sec_subsidyIntro .t01 {
	margin-bottom: 45px;
}
.sec_subsidyIntro .t02 {
	margin-bottom: 50px;
}
.sec_subsidyIntro .worriesListWrap {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto 80px;
	position: relative;
}
.sec_subsidyIntro .worriesListWrap::after {
  content: "";
  display: table-cell;
  width: 278px;
  height: 196px;
  background: center bottom / 100% auto url("../img/robot_subsidy_intro_worries_illust.png") no-repeat;
  position: absolute;
  right: 22px;
  bottom: -44px;
}
.btnArea {
	display: block;
	text-align: center;
}
.btnArea .btn {
	display: inline-block;
}
.btnArea .btn.orangeBtn a {
	font-size: 20px;
	color: #FFF;
	line-height: 80px;
	height: 80px;
	padding: 0 2em;
	background-color: #feb900;
	border-radius: 40px;
	position: relative;
	display: block;
}
.sec_subsidyInformation {
	background-color: #daf0f6;
}
.sec_subsidyInformation .textBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.sec_subsidyInformation .textBox p {
	margin-bottom: 0;
}
.page-subsidy .flowList .flow {
	background-color: #FFF;
}
.sec_subsidyFlow .flowList .flow:nth-child(1) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-subsidy-flow-01.jpg");
}
.sec_subsidyFlow .flowList .flow:nth-child(2) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-subsidy-flow-02.jpg");
}
.sec_subsidyFlow .flowList .flow:nth-child(3) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-subsidy-flow-03.jpg");
}
.sec_subsidyFlow .flowList .flow:nth-child(4) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-subsidy-flow-04.jpg");
}
.sec_subsidyFlow .flowList .flow:nth-child(5) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-subsidy-flow-05.jpg");
}
.sec_subsidyFlow .flowList .flow:nth-child(6) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-subsidy-flow-06.jpg");
}
@media screen and (max-width: 1200px) {
	.dots.step3 {
		width: 100%;
		max-width: 100%;
	}
	.dots.step3 .left {
		width: 4vw;
	}
	.dots.step3 .right {
		width: 4vw;
	}
}
@media screen and (max-width: 767px) {
	.robot-trial .pageHead {
		background: left center / cover url("../img/robot_guide_bg_sp.jpg") no-repeat;
	}
	
	.robot-subsidy h3
	{
	  font-size: 5.6vw;
	}
	.dots.step3 {
	  width: 100vw;
	  max-width: 100vw;
	  margin: 13vw auto;
	  height: 13vw;
	  background:none;
	  position: relative;
		left: -4vw;
	}
	.dots.step3 .left {
	  width: 26vw;
	  height: 100%;
	  position: absolute;
	  right: auto;
		left: 0;
	  top: 0;
	  background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	  transform: translateX(0);
	}
	.dots.step3 .left::before {
	  width: 100%;
	  height: 4px;
	  background: right top / auto 4px url("../img/dotline_blue.png") repeat-x;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	}
	.dots.step3.addRobotsFaces .left::after {
		content: "";
		display: table-cell;
		width: 16vw;
		height: 13.3vw;
		background: center / 100% auto url("../img/robot_face_sp.png") no-repeat;
		position: absolute;
		right: 4.8vw;
		bottom: 3.7vw;
	}
	.dots.step3 .right {
	  width: 74vw;
	  height: 100%;
	  position: absolute;
	  left: auto;
		right: 0;
	  top: 0;
	  background: left top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	  transform: translateX(-4px) translateY(0);
	}
	.dots.step3 .right::before {
		display: none;
	}
	.sec_subsidyIntro .worriesListWrap {
	  margin: 0 auto 25vw;
	}	
	.sec_subsidyIntro .worriesListWrap::after {
	  width: 37.5vw;
	  height: 26.25vw; /*70%*/
	  background: center bottom / 100% auto url("../img/robot_subsidy_intro_worries_illust.png") no-repeat;
	  position: absolute;
	  right: 1vw;
	  bottom: -17vw;
		transform: translateY(0);
	}
	.btnArea .btn {
	  display: block;
	}	
	.btnArea .btn.orangeBtn a {
	  font-size: 4.3vw;
	  line-height: 13vw;
		height: 13vw;
		text-align: center;
	}
	.sec_subsidyIntro .t01,
	.sec_subsidyIntro .t02 {
	  margin-bottom: 6vw;
	}
	.blueList.tStyle01 {
		border-radius: 0;
	}
	.blueList.tStyle01 tr {
		border-radius: 4vw;
		margin-bottom: 6vw;
		overflow: hidden;
	}	
	.blueList.tStyle01,
	.blueList.tStyle01 tbody,
	.blueList.tStyle01 tr,
	.blueList.tStyle01 th,
	.blueList.tStyle01 td,
	.sec_subsidyInformation .blueList .link, .sec_subsidyInformation .blueList .area {
		display: block;
		width: 100%;
		text-align: left;
		font-size: 3.8vw;
		padding: 0;
	}
	.blueList.tStyle01 td span {
		padding: 3vw 4vw 4vw;
		line-height: 1.5;
	}
	
	.blueList.tStyle01 tr:nth-child(1) {
		display: none;
	}
	.blueList.tStyle01 td::before {
		content: "";
		display: block;
		line-height: 11vw;
		height: 11vw;
		background-color: #bfe6ef;
		padding: 0 4vw;
	}
	.blueList.tStyle01 td.name::before {
		content: "名称";
	}
	.blueList.tStyle01 td.area::before {
		content: "エリア";
	}
	.blueList.tStyle01 td.period::before {
		content: "申請期限";
	}
	.blueList.tStyle01 td.outline::before {
		content: "補助率・上限額などの概要";
	}
	.blueList.tStyle01 td.target::before {
		content: "申請対象";
	}
	.blueList.tStyle01 td.link::before {
		content: "リンク";
	}
	.sec_subsidyInformation .blueList .link a {
		font-size: 3.8vw;
	}	
}
.sec_trialIntro .secHead {
	width: 92%;
	max-width: 850px;
	margin: 0 auto;
	padding-bottom: 90px;
}
.sec_trialIntro h3 {
	font-size: 50px;
	text-align: center;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 1em;
}
.sec_trialIntro .cont {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 65px 0;
	position: relative;
}
.sec_trialIntro .cont .box > h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-120%);
}
.sec_trialIntro .worriesListWrap {
	margin-bottom: 100px;
}
.sec_trialIntro .t02 {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 60px;
}
.sec_trialVoice .voiceList {
	font-size: 0;
}
.sec_trialVoice .voiceList .voice {
	display: inline-block;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 4%;
	border: 4px solid #009ac0;
	padding: 30px 25px;
	border-radius: 30px;
	background-color: #FFF;
	vertical-align: top;
}
.sec_trialVoice .voiceList .voice:nth-child(2n) {
	margin-right: 0;
}
.sec_trialVoice .voiceList .voice .voiceHead {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.sec_trialVoice .voiceList .voice .voiceHead .imgCel {
	display: table-cell;
	width: 117px;
	position: relative;
}
.sec_trialVoice .voiceList .voice .imgCel::before {
	content: "";
	display: table-cell;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
}
.sec_trialVoice .voiceList .voice:nth-child(1) .imgCel::before {
	background: center / 100% auto url("../img/robot-trial-voice-01.jpg") no-repeat;
}
.sec_trialVoice .voiceList .voice:nth-child(2) .imgCel::before {
	background: center / 100% auto url("../img/robot-trial-voice-02.jpg") no-repeat;
}
.sec_trialVoice .voiceList .voice:nth-child(3) .imgCel::before {
	background: center / 100% auto url("../img/robot-trial-voice-03.jpg") no-repeat;
}
.sec_trialVoice .voiceList .voice:nth-child(4) .imgCel::before {
	background: center / 100% auto url("../img/robot-trial-voice-04.jpg") no-repeat;
}
.sec_trialVoice .voiceList .voice .voiceHead .textCel {
	display: table-cell;
	min-height: 100px;
	vertical-align: top;
}
.sec_trialVoice .voiceList .voice .voiceHead .textCel h3 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 0.3em;
}
.sec_trialVoice .voiceList .voice .voiceHead .textCel p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	margin: 0;
}
.sec_trialVoice .cont > .textBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.robot-trial .flowList .flow:nth-child(1) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot-trial-flow-01.jpg");
}
.robot-trial .flowList .flow:nth-child(2) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot-trial-flow-02.jpg");
}
.robot-trial .flowList .flow:nth-child(3) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot-trial-flow-03.jpg");
}
.robot-trial .flowList .flow:nth-child(4) .flowIn > span.flowImgBox .img {
	background-image: url("../img/robot-trial-flow-04.jpg");
}

@media screen and (max-width: 1200px) {
	.sec_trialVoice .voiceList .voice,
	.sec_trialVoice .voiceList .voice:nth-child(2n)
	{
	  display: block;
	  width: 100%;
		max-width: 650px;
		margin: 0 auto 4%;
	}	
}
@media screen and (max-width: 767px) {
	.sec_trialIntro h3 {
	  font-size: 5.6vw;
	}	
	.dots.step3.addRobots .left::after,
	.dots.step3.addRobots .right::after	{
		display: none;
	}	
	.sec_trialIntro .secHead {
	  padding-bottom: 0;
	}	
	.sec_trialIntro .cont {
	  padding: 4vw 0;
	  position: relative;
	}	
	.sec_trialIntro .cont .box > h3 {
	  position: static;
	  transform: translateY(0);
	}
	.sec_trialIntro .t02 {
		margin: 0 auto 6vw;
	}
	.dotHead h2 > span {
		line-height: 1.3;
	}	
	.sec_trialVoice .voiceList .voice .voiceHead .imgCel {
	  width: 23.8vw;
	}
	.sec_trialVoice .voiceList .voice .imgCel::before {
	  width: 20vw;
	  height: 20vw;
	}	
	.sec_trialVoice .voiceList .voice .voiceHead .textCel h3 {
	  font-size: 4.5vw;
	}	
	.sec_trialVoice .voiceList .voice .voiceHead .textCel p {
	  font-size: 3.8vw;
	  font-weight: 700;
		text-justify: none;
	}
	.sec_trialVoice .voiceList .voice {
	  display: block;
	  width: 100%;
	  padding: 5vw 4vw;
	  border-radius: 4vw;
	}	
	.sec_trialVoice .voiceList .voice .voiceHead {
	  margin-bottom: 4vw;
	}
	.blueList td .text, .blueList td li,.blueList td .text a
	{
	  font-size: 3.8vw;
	}	
}
.robot-about {
	
}
.robot-about .secOuter {
}
.robot-page.robot-about .sec.secOuter {
  padding: 0;
  position: relative;
}
.robot-about .sec_aboutIntro {
}
.robot-about .sec_aboutIntro .cont .box {
	width: 600px;
	height: auto;
	min-height: 400px;
	border-radius: 30px;
	background-color: #daf0f6;
	padding: 60px 50px;
	box-shadow: 50px 50px 0 #f0f0f0;
}
.robot-about .sec_aboutIntro .cont {
	position: relative;
	padding-bottom: 162px;
}
.robot-about .sec_aboutIntro .cont::after {
	content: "";
	display: table-cell;
	width: 860px;
	height: 478px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: center / 100% auto url("../img/robot-about-introbg.png") no-repeat;
}
.robot-about .sec_robotAbout {
	
}
.robot-about .sec_robotAbout .cont {
	width: 100%;
	max-width: 1004px;
	margin: 0 auto;
}
.robot-about .sec_robotAbout .cont .boxList {
	margin-bottom: 120px;
}
.robot-about .sec_robotAbout .cont .box {
	padding: 75px 50px;
	position: relative;
}
.robot-about .sec_robotAbout .cont .box.box02 {
	position: relative;
	top: -4px;
}
.robot-about .sec_robotAbout .cont .box:nth-child(1) {
	padding-top: 0;
}
.robot-about .sec_robotAbout .cont .box:nth-child(2n - 1) {
	background: left top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
}
.robot-about .sec_robotAbout .cont .box:nth-child(2n) {
	background: right top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
}
.robot-about .sec_robotAbout .cont .box::after {
	content: "";
	width: 100%;
	height: 4px;
	background: left center / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
}
.robot-about .sec_robotAbout .cont .box.box01::before {
	content: "";
	display: table-cell;
	width: 66px;
	height: 36px;
	background: center / 100% auto url("../img/robot_guide_face01.png") no-repeat;
	position: absolute;
	right: 0;
	bottom: 24px;
	transform: translateX(70%);
}
.robot-about .sec_robotAbout .cont .box.box02::before {
	content: "";
	display: table-cell;
	width: 68px;
	height: 44px;
	background: center / 100% auto url("../img/robot_guide_face02.png") no-repeat;
	position: absolute;
	left: 0;
	bottom: 18px;
	transform: translateX(-70%);
}
.robot-about .sec_robotAbout .cont .box.box03::before {
	content: "";
	display: table-cell;
	width: 62px;
	height: 37px;
	background: center / 100% auto url("../img/robot_guide_face03.png") no-repeat;
	position: absolute;
	right: 0;
	bottom: 24px;
	transform: translateX(70%);
}
@media screen and (max-width: 1200px) {
	.robot-about .sec_aboutIntro .cont {
	  position: relative;
	  padding-bottom: 30vw;
	}	
	.robot-about .sec_aboutIntro .cont::after {
		content: "";
		display: table-cell;
		width: 77vw;
		height: 43vw; /* 55.6% */
		position: absolute;
		right: 0;
		bottom: 0;
		background: center bottom / 100% auto url("../img/robot-about-introbg.png") no-repeat;
	}

}
@media screen and (max-width: 767px) {
	.robot-about .pageHead {
		background: center / cover url("../img/robot-about-fvbg-sp.jpg") no-repeat;
	}
	.robot-about .sec_aboutIntro .cont .box {
	  width: 88vw;
	  border-radius: 4vw;
	  padding: 5vw 4vw 7vw;
	  box-shadow: 4vw 4vw 0 #f0f0f0;
		min-height: 0;
	}	
	.robot-about .sec_aboutIntro .cont {
	  position: relative;
	  padding-bottom: 37.6vw;
	}
	.robot-about .sec_robotAbout .cont .box {
	  padding: 5vw;
	}	
	.robot-about .sec_robotAbout .cont .box.box02 {
		padding-bottom: 11vw;
	}
	.robot-about .sec_robotAbout .cont .box.box03 {
		padding-bottom: 9vw;
	}
	.robot-about .sec_robotAbout .cont .box.box01::before {
		width: 8.8vw;
		height: 4.8vw; /* 54.5% */
		right: 0;
		bottom: 4vw;
		transform: translateX(10%);
	}
	.robot-about .sec_robotAbout .cont .box.box02::before {
		width: 8.8vw;
		height: 5.7vw; /* 64.8% */
		left: 0;
		bottom: 4vw;
		transform: translateX(-10%);
	}
	.robot-about .sec_robotAbout .cont .box.box03::before {
		width: 8.3vw;
		height: 4.955vw; /* 59.7% */
		background: center / 100% auto url("../img/robot_guide_face03.png") no-repeat;
		right: 0;
		bottom: 4vw;
		transform: translateX(10%);
	}
	.robot-about .sec_robotAbout .cont .boxList {
	  margin-bottom: 6vw;
	}	
}
.sec_robotAboutOverview {
	
}
.sec_robotAboutOverview .textBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 60px;
}
.sec_robotAboutOverview .solutionList {
	font-size: 0;
	margin-bottom: 60px;
}
.sec_robotAboutOverview .solutionList .solutionItem {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	padding: 40px 30px;
	border: 4px solid #009ac0;
	border-radius: 30px;
	background-color: #FFF;
	vertical-align: top;
}
.sec_robotAboutOverview .solutionList .solutionItem .itemIn {
	padding-bottom: 230px;
}
.sec_robotAboutOverview .solutionList .solutionItem:nth-last-child(1) {
	margin-right: 0;
}
.sec_robotAboutOverview .solutionList .solutionItem h3 {
	margin-bottom: 20px;
}
.sec_robotAboutOverview .solutionList .solutionItem h3 .text_jp {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 0.3em;
	display: block;
}
.sec_robotAboutOverview .solutionList .solutionItem.delivery h3 .text_jp {
	letter-spacing: 0;
}
.sec_robotAboutOverview .solutionList .solutionItem h3 .text_en {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
	display: block;
	color: #32a9c6;
}
.sec_robotAboutOverview .solutionList .solutionItem .itemIn {
	padding-bottom: 230px;
}
.sec_robotAboutOverview .solutionList .solutionItem:nth-child(1) .itemIn {
	background: right 30% bottom / auto url("../img/robot-about-overview-01.jpg") no-repeat;
}
.sec_robotAboutOverview .solutionList .solutionItem:nth-child(2) .itemIn {
	background: right 30% bottom / auto url("../img/robot-about-overview-02.jpg") no-repeat;
}
.sec_robotAboutOverview .solutionList .solutionItem:nth-child(3) .itemIn {
	background: right bottom / auto url("../img/robot-about-overview-03.jpg") no-repeat;
}
.btnArea {
	text-align: center;
}
.page-robot .sec_guide .btnArea {
	text-align: left;
}
.btnArea .btn.darkblueBtn {
	display: inline-block;
}
.btnArea .btn.darkblueBtn a {
	font-size: 16px;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 60px;
	height: 60px;
	padding: 0 2em;
	background-color: #155398;
	border-radius: 30px;
}
@media screen and (max-width: 1200px) {
	.sec_robotAboutOverview .solutionList .solutionItem,
	.sec_robotAboutOverview .solutionList .solutionItem:nth-last-child(1) {
	  display: block;
	  width: 100%;
		max-width: 650px;
		margin: 0 auto 20px;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(1) .itemIn {
		background: center bottom / auto url("../img/robot-about-overview-01.jpg") no-repeat;
	}
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(2) .itemIn {
		background: center bottom / auto url("../img/robot-about-overview-02.jpg") no-repeat;
	}
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(3) .itemIn {
		background: center bottom / auto url("../img/robot-about-overview-03.jpg") no-repeat;
	}
	
}
@media screen and (max-width: 767px) {
	.sec_robotAboutOverview .textBox {
	  margin: 0 auto 6vw;
	}
	.sec_robotAboutOverview .solutionList .solutionItem, .sec_robotAboutOverview .solutionList .solutionItem:nth-last-child(1) {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0 auto 4vw;
		padding: 6vw;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(1) .itemIn {
	  padding-bottom: 38vw;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(2) .itemIn {
	  padding-bottom: 45vw;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(3) .itemIn {
	  padding-bottom: 45vw;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(1) .itemIn {
		background: center bottom / auto 37vw url("../img/robot-about-overview-01.jpg") no-repeat;
	}
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(2) .itemIn {
		background: center bottom / auto 43vw url("../img/robot-about-overview-02.jpg") no-repeat;
	}
	.sec_robotAboutOverview .solutionList .solutionItem:nth-child(3) .itemIn {
		background: center bottom / auto 43vw url("../img/robot-about-overview-03.jpg") no-repeat;
	}
	.sec_robotAboutOverview .solutionList .solutionItem h3 {
	  margin-bottom: 4vw;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem h3 .text_jp {
	  font-size: 5.3vw;
	}	
	.sec_robotAboutOverview .solutionList .solutionItem h3 .text_en {
	  font-size: 3.8vw;
	}
	.sec_robotAboutOverview .solutionList {
	  font-size: 0;
	  margin-bottom: 6vw;
	}	
	.btnArea .btn.darkblueBtn {
	  display: block;
	}	
	.btnArea .btn.darkblueBtn a {
	  display: block;
		height: 16vw;
		position: relative;
		border-radius: 8vw;
		width: 100%;
	}	
	.btnArea .btn.darkblueBtn a .text {
	  display: block;
		line-height: 1.3;
		font-size: 3.8vw;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}	
}
.sec_aboutBenefit .cont {
	position: relative;
}
.sec_aboutBenefit .benefitList {
	display: block;
	font-size: 0;
	text-align: left;
}
.sec_aboutBenefit .benefitList .benefitItem {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 6%;
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(3n) {
	margin-right: 0;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn {
	background-color: #daf0f6;
	border-radius: 30px;
	overflow: hidden;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(2n) .itemIn {
	background-color: #bfe6ef;
}
.sec_aboutBenefit .benefitList .benefitItem .num {
	font-size: 70px;
	font-weight: 800;
	color: #32a9c6;
	right: 25px;
	bottom: 0;
	transform: translateY(50%);
	position: absolute;
	
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .imgBox .img {
	position: relative;
	background-color: #CCC;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .imgBox .img::before {
	content: "";
	display: block;
	padding-top: 67%;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox {
	padding: 15px 25px 40px;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox h3 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 0.6em;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox p,
.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox li {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 500;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox li {
	position: relative;
	padding-left: 1em;
}
.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1.6;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(1) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-01.jpg") no-repeat;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(2) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-02.jpg") no-repeat;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(3) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-03.jpg") no-repeat;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(4) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-04.jpg") no-repeat;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(5) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-05.jpg") no-repeat;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(6) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-06.jpg") no-repeat;
}
.sec_aboutBenefit .benefitList .benefitItem:nth-child(7) .itemIn .imgBox .img {
	background: center / cover url("../img/robot-about-benefit-07.jpg") no-repeat;
}
.sec_aboutBenefit .cont .dots {
	width: 100vw;
	height: 164px;
	position: absolute;
	left: 50%;
	bottom: 190px;
	transform: translateX(-50%);
	display: table;
}
.sec_aboutBenefit .cont .dots > div {
	display: table-cell;
	height: 164px;
	background: left bottom / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: relative;
}
.sec_aboutBenefit .cont .dots .left {
	position: relative;
	top: 164px;
	width: calc(50vw - 700px);
}
.sec_aboutBenefit .cont .dots .center {
	width: 992px;
}
.sec_aboutBenefit .cont .dots .right {
	position: relative;
	top: -164px;
}
.sec_aboutBenefit .cont .dots .left::before,
.sec_aboutBenefit .cont .dots .center::before {
	content: "";
	display: table-cell;
	width: 4px;
	height: 164px;
	background: center top / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	position: absolute;
	right: -4px;
	top: -4px;
}
.sec_aboutBenefit .cont .dots .center::after {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/robot-about-benefit-bgrobot01-1.png") no-repeat;
	width: 148px;
	height: 118px;
	position: absolute;
	right: 180px;
	bottom: 10px;
}
.sec_aboutBenefit .cont .dots .right::after {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/robot-about-benefit-bgrobot02.png") no-repeat;
	width: 66px;
	height: 123px;
	position: absolute;
	left: 300px;
	bottom: 10px;
	transform: translateX(-50%);
}
.sec_aboutVision {
	background: center / cover url("../img/robot-about-vision-bg.jpg") no-repeat;
}
.sec_aboutVision .secIn {
	padding-bottom: 0;
}
.sec_aboutVision h2 span {
	background-color: transparent;
}
.sec_aboutVision .cont h3 {
	font-size: 50px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 1em;
}


.dotHead h2::before {
  left: auto;
	right: 0;
}
.dotHead.dotWidthCtrl h2::before {
	display: none;
}
.dotHead.dotWidthCtrl h2 .dotLine {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 4px;
	background: left top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
}

@media screen and (max-width: 1200px) {
	.sec_aboutBenefit .benefitList .benefitItem,
	.sec_aboutBenefit .benefitList .benefitItem:nth-child(3n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 6%;
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
	.sec_aboutBenefit .benefitList .benefitItem:nth-child(2n) {
		margin-right: 0;
	}
	.sec_aboutBenefit .cont .dots {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.sec_aboutBenefit .benefitList .benefitItem,
	.sec_aboutBenefit .benefitList .benefitItem:nth-child(2n),
		.sec_aboutBenefit .benefitList .benefitItem:nth-child(3n){
		width: 88vw;
			margin: 0 auto;
		margin-bottom: 8vw;
		display: block;
	}
	.sec_aboutBenefit .benefitList .benefitItem .itemIn {
	  border-radius: 4vw;
	}	
	.sec_aboutBenefit .benefitList .benefitItem .num {
	  font-size: 15.7vw;
	  right: 4vw;
	  transform: translateY(50%);
	}
	.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox h3 {
	  font-size: 5.3vw;
	}	
	.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox p, .sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox li {
	  font-size: 3.8vw;
	}	
	.sec_aboutBenefit .benefitList .benefitItem .itemIn .infoBox {
	  padding: 5vw 4vw 9vw;
	}
	.sec_aboutVision .cont h3 {
	  font-size: 6.6vw;
	}	
	.sec_aboutVision .secIn {
	  padding-bottom: 13vw;
	}	
}
.robot-company .pageHead {
	background: center / cover url("../img/robot-company-bg.jpg") no-repeat;
	padding: 165px 0;
	height: auto;
}
.robot-privacy .pageHead {
	background: center / cover url("../img/robot-privacy-bg.jpg") no-repeat;
	padding: 165px 0;
	height: auto;
}
.robot-contact .pageHead {
	background: center / cover url("../img/robot-contact-bg.jpg") no-repeat;
	padding: 165px 0;
	height: auto;
}
.single-topics-robot .pageHead,
.category-topics-robot .pageHead{
	background: center / cover url("../img/robot-topics-bg.jpg") no-repeat;
	padding: 165px 0;
	height: auto;
}
.robot-contact .pageHead .headIn,
.robot-privacy .pageHead .headIn,
.category-topics-robot .pageHead .headIn,
.single-topics-robot .pageHead .headIn,
.robot-company .pageHead .headIn {
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
	
}
.robot-contact .pageHead h2,
.robot-privacy .pageHead h2,
.category-topics-robot .pageHead .title h2,
.single-topics-robot .pageHead .headIn h2,
.robot-company .pageHead .headIn h2{
	font-size: 50px;
	letter-spacing: 0.1em;
	font-weight: 800;
	color: #FFF;
	line-height: 1.3;
}
.robot-company .sec_companyOutline .cont {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.robot-company .sec_companyOutline .cont .blueList td {
	background-color: #f7f7f7;
}
.robot-company .sec_companyMap .cont {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.robot-company .sec_companyMap .cont .box {
	margin-bottom: 70px;
}
.robot-company .sec_companyMap .cont h3 {
	font-size: 24px;
	margin-bottom: 0.6em;
}
.robot-company .sec_companyMap .cont p {
	margin-bottom: 2em;
}
.robot-company .sec_companyMap .cont .map {
	height: 400px;
}
.robot-company .sec_companyMap .cont .map iframe {
	width: 100%;
	height: 100%;
}
.robot-company .sec_companyMessage .cont {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.robot-company .sec_companyMessage .cont p {
	line-height: 2.0;
	margin-bottom: 2em;
}
.robot-company .sec_companyHistory .cont {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.robotSingleCont p,
.robotSingleCont a {
	font-size: 16px;
	line-height: 2.0;
}
.robotSingleCont p {
	margin-bottom: 1.5em;
}
.robotSingleCont a {
	color: #44b0ee;
	padding: 0 0.5em;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.robotSingleCont p,
	.robotSingleCont a {
		font-size: 3.4vw;
	}
	
	.category-topics-robot .pageCont {
		padding-top: 9vw;
	}
	.robot-contact .pageHead,
	.robot-privacy .pageHead,
	.category-topics-robot .pageHead,
	.single-topics-robot .pageHead,
	.robot-company .pageHead {
	  padding: 14vw 0;
	}	
	.robot-contact .pageHead .headIn h2,
	.robot-privacy .pageHead .headIn h2,
	.category-topics-robot .pageHead .headIn h2,
	.single-topics-robot .pageHead .headIn h2,
	.robot-company .pageHead .headIn h2	{
		font-size: 6.6vw;
	}
	.robot-page.robot-company .dotBtnNav ul li {
	  width: 49%;
	  margin-right: 2%;
		margin-bottom: 2%;
	}
	.robot-page.robot-company .dotBtnNav ul li:nth-child(2n) {
		margin-right: 0;
	}
	.robot-company .sec_companyMap .cont h3 {
	  font-size: 5.3vw;
	}	
	.robot-company .sec_companyMap .cont .map {
	  height: 50vw;
	}	
	
}
.robot-distributor {
	
}
.robot-distributor .sec_distributorIntro.sec {
}
.robot-distributor .sec_distributorIntro.sec .secIn {
	position: relative;
}
.robot-distributor .sec_distributorIntro .t01,
.robot-distributor .sec_distributorIntro .t02
{
	width: 92%;
	max-width: 850px;
	margin: 0 auto;
}
.robot-distributor .sec_distributorIntro.sec h3 {
	font-size: 50px;
	text-align: center;
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 1.0em;
}
.robot-distributor .sec_distributorIntro .t01 {
	padding-bottom: 40px;
}
.robot-distributor .sec_distributorIntro .t02 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.robot-distributor .sec_distributorIntro p {
	text-align: center;
}
.robot-distributor .sec_distributorOverview .cont {
	
}
.robot-distributor .sec_distributorOverview .cont .textBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 75px; 
}
.robot-distributor .sec_distributorOverview .cont .boxList {
	font-size: 0;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box {
	width: 48%;
	display: inline-block;
	margin-right: 4%;
	vertical-align: top;
	border-radius: 30px;
	overflow: hidden;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box:nth-child(2n) {
	margin-right: 0;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .imgBox {
	position: relative;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .imgBox::before {
	content: "";
	display: block;
	padding-top: 50%;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box:nth-child(1) .imgBox {
	background: center / cover url("../img/robot-distributor-intro01.jpg") no-repeat;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box:nth-child(2) .imgBox {
	background: center / cover url("../img/robot-distributor-intro02.jpg") no-repeat;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox {
	background-color: #daf0f6;
	position: relative;
	padding: 94px 30px 30px;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox h3 {
	position: absolute;
	left: 0;
	top: 29px;
	padding: 0 33px 0 29px;
	background-color: #32a9c6;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox h3 .text {
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: #FFF;
	line-height: 40px;
	height: 40px;
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox .texts {
}
.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox .texts p,
.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox .texts li
{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
}
.sec_distributorOverview .dotList {
}
.sec_distributorOverview .dotList li {
	font-size: 16px;
	font-weight: 500;
	padding-left: 20px;
	position: relative;
}
.sec_distributorOverview .dotList li:nth-last-child(1) {
	margin-bottom: 0;
}
.sec_distributorOverview .dotList li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: 1px;
}
.sec_distributorFlow .flowList .flow:nth-child(1) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-distributor-flow01.jpg");
}
.sec_distributorFlow .flowList .flow:nth-child(2) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-distributor-flow02.jpg");
}
.sec_distributorFlow .flowList .flow:nth-child(3) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-distributor-flow03.jpg");
}
.sec_distributorFlow .flowList .flow:nth-child(4) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-distributor-flow04.jpg");
}
.sec_distributorFlow .flowList .flow:nth-child(5) .flowIn > span.flowImgBox .img {
  background-image: url("../img/robot-distributor-flow05.jpg");
}
.sec_distributorExample .secIn {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.sec_distributorExample h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 1.0em;
}
.sec_distributorExample .secIn {
	padding-bottom: 100px;
}
.sec_distributorExample .exampleList ul {
	font-size: 0;
}
.sec_distributorExample .exampleList ul li {
	display: inline-block;
	width: 18.4%;
	margin-right: 2%;
	vertical-align: top;
}
.sec_distributorExample .exampleList ul li:nth-last-child(1) {
	margin-right: 0;
}
.sec_distributorExample .exampleList ul li span {
	display: block;
}
.sec_distributorExample .exampleList ul li span.img {
	position: relative;
	border-radius: 30px;
	margin-bottom: 15px;
}
.sec_distributorExample .exampleList ul li span.img::before {
	content: "";
	display: block;
	padding-top: 72%;
}
.sec_distributorExample .exampleList ul li span.text {
}
.sec_distributorExample .exampleList ul li span.text .textIn {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
}

.sec_distributorExample .exampleList ul li:nth-child(1) span.img {
	background: center / cover url("../img/robot-distributor-example01.jpg") no-repeat;
}
.sec_distributorExample .exampleList ul li:nth-child(2) span.img {
	background: center / cover url("../img/robot-distributor-example02.jpg") no-repeat;
}
.sec_distributorExample .exampleList ul li:nth-child(3) span.img {
	background: center / cover url("../img/robot-distributor-example03.jpg") no-repeat;
}
.sec_distributorExample .exampleList ul li:nth-child(4) span.img {
	background: center / cover url("../img/robot-distributor-example04.jpg") no-repeat;
}
.sec_distributorExample .exampleList ul li:nth-child(5) span.img {
	background: center / cover url("../img/robot-distributor-example05.jpg") no-repeat;
}
.sec_distributorExample {
	
}
.sec_distributorExample .exampleList {
	margin-bottom: 60px;
}
.sec_distributorExample .textBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	padding: 50px 0 100px;
	background: center bottom / 267px auto url("../img/robot_face.png") no-repeat;
}
.sec_distributorExample .textBox p {
	text-align: center;
}
.sec_distributorExample .dotsWrap {
	position: relative;
}
.sec_distributorExample .dotsWrap .textBox {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.dots.addRobots02 {
	width: 100%;
	max-width: 1000px;
	height: 164px;
	position: relative;
	margin: 0 auto;
}
.dots.addRobots02 .left {
	position: absolute;
	display: table-cell;
	width: calc(50vw - 500px);
	height: 100%;
	left: 0;
	transform: translateX(-100%);
	background: right bottom / auto 4px url("../img/dotline_blue_LtoR.png") repeat-x;
}
.dots.addRobots02 .left::before {
	content: "";
	display: table-cell;
	width: 4px;
	height: 100%;
	background: top center / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	position: absolute;
	right: 0;
	top: 0;
}
.dots.addRobots02 .left::after {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/robot-distributor-example-robot01.png") no-repeat;
	width: 146px;
	height: 120px;
	position: absolute;
	right: 168px;
	bottom: 10px;
}
.dots.addRobots02 .right {
	position: absolute;
	display: table-cell;
	width: calc(50vw + 504px);
	height: 100%;
	left: -4px;
	top: 0;
	background: left top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
}
.dots.addRobots02 .right::after {
	content: "";
	display: table-cell;
	background: center / 100% auto url("../img/robot-distributor-example-robot02.png") no-repeat;
	width: 66px;
	height: 123px;
	position: absolute;
	left: 1200px;
	top: 0;
	transform: translateY(-120%);
}
@media screen and (max-width: 1200px) {
	.sec_distributorExample .exampleList ul li,
	.sec_distributorExample .exampleList ul li:nth-child(2n) {
	  display: inline-block;
	  width: 32%;
	  margin-right: 2%;
		margin-bottom: 4%;
	  vertical-align: top;
	}
	.sec_distributorExample .exampleList ul li:nth-child(3n) {
		margin-right: 0;
	}
	.dots.addRobots02 .left {
	  width: 4vw;
	}	
	
}
@media screen and (max-width: 767px) {
	.robot-distributor .sec_distributorIntro.sec h3 {
	  font-size: 6.6vw;
	}	
	.robot-distributor .sec_distributorIntro .t02 {
	  position: static;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(0);
	}	
  .robot-distributor .dots.step3.addRobots {
    width: 100vw;
    max-width: 100vw;
    margin: 0 auto;
    height: 19.5vw;
    background: none;
    position: relative;
    left: -4vw;
  }	
  .robot-distributor .dots.step3.addRobots .left {
	  width: 4vw;
	  heigh: 100%;
	  position: absolute;
	  left: 0;
	  top: 0;
	  transform: translateX(0);
	}
  .robot-distributor .dots.step3.addRobots .right {
    width: 92vw;
    height: 100%;
    position: absolute;
    left: 4vw;
    right: auto;
    top: 0;
    background: left top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
    transform: translateX(-4px) translateY(0);
  }	
  .robot-distributor .dots.step3.addRobots .right::before {
	  display: table-cell;
	  width: 4vw;
	  height: 100%;
	  position: absolute;
	  left: auto;
	  right: 0;
	  top: -100%;
	  background: left top / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	  transform: translateX(100%);
	}
  .robot-distributor .dots.step3.addRobots .right::after {
	  content: "";
	  display: table-cell;
	  width: 4px;
	  height: 100%;
	  background: top center / 4px auto url("../img/dotline_blue_vertical.png") repeat-y;
	  position: absolute;
	  top: 0;
	  right: -4px;
	  left: auto;
	  transform: translateY(-100%);
	}
	.robot-distributor .dots.step3.addRobots::after {
	  content: "";
		display: table-cell;
		background: center / 100% auto url("../img/robot_guide_bellabot.jpg") no-repeat;
		width: 6.6vw;
		height: 16vw;
		position: absolute;
		top: -47vw;
		right: 0;
		transform: translateX(-20%);
	}	
	.robot-distributor .sec_distributorIntro .t01,
	.robot-distributor .sec_distributorIntro .t02 {
		width: 90%;
	}	
	.robot-distributor .sec_distributorIntro p {
	  text-align: left;
	}
	.robot-distributor .sec_distributorIntro .t02 {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.robot-distributor .sec_distributorIntro .t02::after {
		content: "";
		display: table-cell;
		width: 11vw;
		height: 11vw;
		background: center / 100% auto url("../img/robot_guide_cleaningrobot.jpg") no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translateX(-50%) translateY(120%);
	}
	.robot-distributor .sec_distributorIntro.sec {
		padding-bottom: 20vw;
	}	
	
	.robot-distributor .sec_distributorIntro .t01 {
	  padding-bottom: 4vw;
	}	
	.robot-distributor .sec_distributorOverview .cont .boxList .box {
	  width: 100%;
	  display: block;
	  margin-right: 0;
	  border-radius: 4vw;
		margin-bottom: 4vw;
	}	
	.robot-distributor .sec_distributorOverview .cont .textBox {
	  margin: 0 auto 6vw;
	}	
	.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox h3 .text {
	  font-size: 5.3vw;
	  line-height: 8vw;
	  height: 8vw;
	}	
	.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox {
	  padding: 16vw 4vw 5vw;
	}
	.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox h3 {
	  top: 4vw;
	  padding: 0 6vw 0 4vw;
	  border-top-right-radius: 4vw;
	  border-bottom-right-radius: 4vw;
	}	
	.robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox .texts p, .robot-distributor .sec_distributorOverview .cont .boxList .box .infoBox .texts li {
	  font-size: 3.8vw;
	}
	.sec_distributorExample h3 {
	  font-size: 5.3vw;
	}
  	.sec_distributorExample .exampleList ul li,
	.sec_distributorExample .exampleList ul li:nth-child(2n),
	.sec_distributorExample .exampleList ul li:nth-child(3n)
	{
    display: inline-block;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    vertical-align: top;
  }	
	.sec_distributorExample .exampleList ul li:nth-child(2n) {
		margin-right: 0;
	}
	.sec_distributorExample .exampleList ul li span.img {
	  border-radius: 4vw;
	  margin-bottom: 3vw;
	}	
	.sec_distributorExample .exampleList ul li span.text .textIn {
	  font-size: 3.8vw;
	}
	.sec_distributorExample .textBox {
	  width: 84vw;
	  margin: 0 auto;
	  padding: 6vw 0 17.4vw;
	  background: center bottom / 267px auto url("../img/robot_face.png") no-repeat;
	}	
	.sec_distributorExample .textBox p {
		text-align: left;
		font-size: 3.8vw;
	}
	.dots.addRobots02 {
	  height: 19.6vw;
	}
	.sec_distributorExample .secIn {
	  padding-bottom: 33.6vw;
	}	
}
.robot-page .breadCrumbs {
	margin-bottom: 60px;
}
.robot-page .lrBox {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	display: table;
}
.robot-page .lrBox > div {
	display: table-cell;
	vertical-align: top;
}
.robot-page .lrBox > div.left {
	padding-right: 60px;
	padding-bottom: 60px;
}
.robot-page .lrBox > div.right {
	width: 260px;
}
.robot-page .lrBox > div.left .infoBox {
	margin-bottom: 38px;
}
.robot-page .lrBox > div.left .infoBox p {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
}
.robot-page .lrBox > div.left .infoBox p .date {
	padding-right: 1em;
}
.robot-page .lrBox > div.left .infoBox p .tag {
	background-color: rgba(95,95,95,1.00);
	border-radius: 5px;
	display: inline-block;
}
.robot-page .lrBox > div.left .infoBox p .tag.event {
	background-color: #f9968f;
}
.robot-page .lrBox > div.left .infoBox p .tag.announcement {
	background-color: #faa332;
}
.robot-page .lrBox > div.left .infoBox p .tag.news-topics-robot {
	background-color: #5dc95d;
}
.robot-page .lrBox > div.left .infoBox p .tag.products-topics-robot {
	background-color: #32a9c6;
}
.robot-page .lrBox > div.left .infoBox p .tag .tagIn {
	color: #FFF;
	display: block;
	line-height: 22px;
	padding: 0 0.5em;
	font-size: 14px;
}
.robot-page .lrBox > div.left h1 {
	font-size: 30px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 0.3em;
}
.robot-page .lrBox > div.left h1 .text {
	display: block;
	font-weight: 800;
	line-height: 1.3;
}
.robotSingleCont .contBox {
	padding-bottom: 60px;
}
.robotSingleCont .contBox figure {
	display: block;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 45px;
}
.single-topics-robot .pageCont {
	padding-bottom: 90px;
}
.robot-page .lrBox > div.right {
	
}
.robot-page .lrBox > div.right .sideBarList {
	margin-bottom: 60px;
}
.robot-page .lrBox > div.right .sideBarList p {
	text-align: center;
	background-color: #32a9c6;
	border-radius: 10px;
	margin: 0;
}
.robot-page .lrBox > div.right .sideBarList p .text {
	display: block;
	font-size: 16px;
	color: #FFF;
	font-weight: 500;
	line-height: 50px;
	height: 50px;
}
.robot-page .lrBox > div.right .sideBarList li {
	border-bottom: 4px dotted #32a9c6;
}
.robot-page .lrBox > div.right .sideBarList li a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	padding: 1em;
	display: block;
}
@media screen and (max-width: 767px) {
	.single-topics-robot .pageCont {
		padding: 6vw 0;
	}
	.robot-page .lrBox {
	  display: block;
	}
	.robot-page .lrBox > div {
	  display: block;
	  vertical-align: top;
	}	
	.robot-page .lrBox > div.left {
	  padding-right: 0;
	  padding-bottom: 11vw;
	}
	.robot-page .lrBox > div.left .infoBox p {
	  font-size: 3.8vw;
	  line-height: 5vw;
	}	
	.robot-page .lrBox > div.left .infoBox p .tag .tagIn {
	  color: #FFF;
	  display: block;
	  line-height: 5vw;
	  padding: 0 0.5em;
	  font-size: 3vw;
	}
	.robot-page .lrBox > div.left h1 {
	  font-size: 5.3vw;
	}
	.robot-page .lrBox > div.left .infoBox {
	  margin-bottom: 4vw;
	}
	.robotSingleCont .contBox figure {
	  border-radius: 4vw;
	  margin-bottom: 4vw;
	}	
	.robotSingleCont .contBox {
	  padding-bottom: 6vw;
	}
	.robot-page .lrBox > div.right {
	  width: 100%;
	}
	.robot-page .lrBox > div.right .sideBarList p .text {
	  font-size: 3.8vw;
	  line-height: 9vw;
	  height: 9vw;
	}
	.robot-page .lrBox > div.right .sideBarList li a {
	  font-size: 3.8vw;
	  padding: 1em;
	}	
}
.category-topics-robot .postList {
	display: table;
	width: 100%;
}
.category-topics-robot .postList li {
	display: table-row;
}
.category-topics-robot .postList li > span {
	display: table-cell;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 0;
	vertical-align: top;
}
.category-topics-robot .postList li > span.imgBox {
	width: 260px;
}
.category-topics-robot .postList li > span.imgBox a {
	display: block;
}
.category-topics-robot .postList li > span.imgBox a .imgBox {
	display: block;
	position: relative;
	width: 260px;
	border-radius: 30px;
	overflow: hidden;
}
.category-topics-robot .postList li > span.imgBox a .imgBox::before {
	content: "";
	display: block;
	padding-top: 68%;
}
.category-topics-robot .postList li > span.imgBox a .imgBox img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.category-topics-robot .postList li > span.infoBox {
	padding-left: 30px;
}
.category-topics-robot .postList li > span.infoBox .row01 {
	margin-bottom: 12px;
}
.category-topics-robot .postList li > span.infoBox .block {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
}
.category-topics-robot .postList li > span.infoBox .block .date {
	padding-right: 0.5em;
}
.category-topics-robot .postList li > span.infoBox .block .tag {
	font-size: 14px;
	color: #FFF;
	line-height: 22px;
	padding: 0 0.5em;
	background-color: rgba(136,136,136,1.00);
	border-radius: 5px;
}
.category-topics-robot .postList li > span.infoBox .row02 a {
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}
.robot-page .lrBox > div.left .infoBox .tag.event {
	background-color: #f9968f;
}
.robot-page .lrBox > div.left .infoBox .tag.announcement {
	background-color: #faa332;
}
.robot-page .lrBox > div.left .infoBox .tag.news-topics-robot {
	background-color: #5dc95d;
}
.robot-page .lrBox > div.left .infoBox .tag.products-topics-robot {
	background-color: #32a9c6;
}
.robot-page .postList {
	margin-bottom: 60px;
}
.privacyCont {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 90px;
}
.privacyCont .wp-block-group {
	padding: 55px 0;
	border-bottom: 4px dotted #32a9c6;
}
.privacyCont .wp-block-group h2 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 800;
	margin-bottom: 1.5em;
}
.privacyCont .wp-block-group p {
	width: 100%;
	max-width: 850px;
	margin: 0 auto 1.5em;
}
.privacyCont .wp-block-group p:nth-last-child(1) {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.privacyCont .wp-block-group {
	  padding: 6vw 0 4vw;
	}	
	.privacyCont .wp-block-group h2 {
	  font-size: 4.8vw;
		margin-bottom: 1em;
	}	
	.category-topics-robot .postList,
	.category-topics-robot .postList li,
	.category-topics-robot .postList li > span.imgBox,
	.category-topics-robot .postList li > span.infoBox	
	{
	  display: block;
	  width: 100%;
		padding: 0;
	}
	.category-topics-robot .postList li > span {
	  border-bottom: none;
	}	
	.category-topics-robot .postList li {
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}
	.category-topics-robot .postList li > span.imgBox a .imgBox {
	  width: 100%;
	  border-radius: 4vw;
	}	
	.category-topics-robot .postList li > span.imgBox {
		margin-bottom: 4vw;
	}
	.category-topics-robot .postList li > span.infoBox .block .date {
	  padding-right: 0.5em;
	}
	.category-topics-robot .postList li > span.infoBox .block {
	  font-size: 3.8vw;
	  line-height: 5vw;
	}	
	.category-topics-robot .postList li > span.infoBox .block .tag {
	  font-size: 3.4vw;
	  line-height: 5vw;
	  border-radius: 1vw;
	}	
	.category-topics-robot .postList li > span.infoBox .row01 {
	  margin-bottom: 2vw;
	}
	.category-topics-robot .postList li > span.infoBox .row02 a {
	  font-size: 4.8vw;
	}
	.robot-page .postList {
	  margin-bottom: 6vw;
	}	
}
.robot-contact {
	
}
.robot-contact .textBox {
	width: 92%;
	max-width: 850px;
	margin: 0 auto 100px;
}
.robot-contact .textBox .telText {
	display: table;
}
.robot-contact .textBox .telText a {
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 1em;
	background: left center / auto 23px url("../img/robot-contact-icn-tel.png") no-repeat;
	
}
.robot-contact .textBox .telText span {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 3px;
	padding-left: 2em;
}
.stepBox {
	width: 92%;
	max-width: 850px;
	margin: 0 auto;
}
.stepBox .stepList {
	text-align: center;
}
.stepBox .stepList > .step {
	display: inline-block;
	width: 240px;
	padding-top: 105px;
	position: relative;
}
.stepBox .stepList > .step .circle {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: table-cell;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	box-sizing: border-box;
	background-color: #e0e0e0;
}
.stepBox .stepList > .step.current .circle {
	background-color: #32a9c6;
	vertical-align: middle;
}
.stepBox .stepList > .step .circle .circleIn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.stepBox .stepList > .step .circle .step {
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-align: center;
	color: #b0b0b0;
}
.stepBox .stepList > .step .circle .num {
	font-size: 30px;
	font-weight: 600;
	display: block;
	text-align: center;
	color: #b0b0b0;
}
.stepBox .stepList > .step.current .circle .step,
.stepBox .stepList > .step.current .circle .num {
	color: #FFF;
}
.stepBox .stepList > .step .bottomText {
	display: block;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	color: #b0b0b0;
}
.stepBox .stepList > .step.current .bottomText {
	color: #000;
}
.stepBox .stepList {
	position: relative;
	margin-bottom: 70px;
}
.stepBox .stepList::before {
	content: "";
	display: table-cell;
	width: 66%;
	height: 4px;
	background: left center / auto 4px url("../img/dotline_blue_RtoL.png") repeat-x;
	position: absolute;
	top: 45px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.robot-page .formArea {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
}
.robot-page .formArea > p {
	text-align: center;
	margin-bottom: 2EM;
}
.robot-page .formArea .formList {
	display: table;
	width: 100%;
	border-top: 1px solid #e0e0e0;
}
.robot-page .formArea li {
	display: table-row;
}
.robot-page .formArea li .labelCel,
.robot-page .formArea li .inputCel {
	display: table-cell;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	padding: 18px 0;
	border-bottom: 1px solid #e0e0e0;
}
.robot-page .formArea li .labelCel {
	padding: 18px 63px 18px 1em;
	width: 280px;
	box-sizing: border-box;
}
.robot-page .formArea li .inputCel {
	padding-left: 1em;
}
.robot-page .formArea li .labelCel {
	position: relative;
}
.robot-page .formArea li .labelCel::after {
	font-size: 13px;
	content: "任意";
	display: table-cell;
	line-height: 1.8;
	height: 1.8em;
	padding: 0 0.5em;
	background-color: #5c99d7;
	color: #FFF;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 18px;
}
.robot-page .formArea li.hissu .labelCel::after {
	content: "必須";
	background-color: #ff0000;
}
.robot-page .formArea input[type="text"],
.robot-page .formArea input[type="email"],
.robot-page .formArea input[type="number"],
.robot-page .formArea input[type="tel"],
.robot-page .formArea textarea {
	width: 100%;
	font-size: 15px;
	line-height: 1.3;
	padding: 0.5em 1em;
	border: 1px solid #d4d4d4;
	border-radius: 6px;
}
.robot-page .formArea .wpcf7-checkbox {
	
}
.robot-page .formArea .wpcf7-checkbox .wpcf7-list-item {
	display: block;
	margin-bottom: 1em;
}
.robot-page .formArea .wpcf7-checkbox .wpcf7-list-item label {
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	padding-left: 20px;
}
.robot-page .formArea .wpcf7-checkbox .wpcf7-list-item label::before {
	content: "";
	display: table-cell;
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px;
}
.robot-page .formArea .wpcf7-checkbox .wpcf7-list-item label:has(input[type="checkbox"]:checked)::before {
	background-color: rgba(62,166,232,1.00);
}
.robot-page .formArea .wpcf7-not-valid-tip {
	display: block;
	line-height: 1.3;
	font-size: 14px;
	margin: 0.5em 0;
}
.robot-page .formArea .btnArea {
	padding-top: 65px;
	text-align: center;
	vertical-align: top;
}
.robot-page .formArea .btnArea .btn {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0 5px;
}
.robot-page .formArea .btnArea .btn input {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	display: block;
	line-height: 3.0;
	height: 3em;
	padding: 0 4em;
	border-radius: 1.5em;
	background-color: #32a9c6;box-sizing: border-box;
}
.robot-page .formArea {
	padding-bottom: 115px;
}
.robot-page .formArea .btnArea .btn input.btn-prev {
  background-color: #d0d0d0;
}
.robot-contact-thanks .thanksText {
	width: 92%;
	max-width: 850px;
	margin: 0 auto 95px;
}
.robot-contact-thanks .thanksText p {
	text-align: center;
	margin-bottom: 1em;
}
.robot-contact-thanks .thanksText p.t01 {
	font-size: 24px;
	font-weight: 800;
}
.robot-contact-thanks .thanksText p.t02 {
	font-size: 20px;
	font-weight: 700;
}
.robot-contact-thanks .thanksText p.t03 {
	font-size: 16px;
	font-weight: 600;
}
.robot-contact-thanks .contactCont {
	padding-bottom: 115px;
}
@media screen and (max-width:767px) {
	.contactCont {
		padding-top: 9vw;
	}
	.robot-contact .textBox .telText {
	  display: block;
	}	
	.robot-contact .textBox .telText span {
	  display: block;
	  padding-bottom: 0;
	  padding-left: 0;
		line-height: 2.0;
	}	
	.robot-contact .textBox .telText a {
	  font-size: 7vw;
	  line-height: 7vw;
	  height: 7vw;
	  display: block;
	  padding-left: 1em;
	  background: left center / auto 7vw url("../img/robot-contact-icn-tel.png") no-repeat;
	}
	.stepBox .stepList {
	  margin-bottom: 11vw;
	}	
	.stepBox .stepList > .step {
	  width: 32%;
	  padding-top: 17.3vw;
		vertical-align: top;
	}
	.stepBox .stepList > .step .circle {
	  position: absolute;
	  top: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  display: table-cell;
	  width: 16vw;
	  height: 16vw;
	  border-radius: 8vw;
	  box-sizing: border-box;
	  background-color: #e0e0e0;
	}	
	.stepBox .stepList::before {
	  top: 8vw;
	}
	.stepBox .stepList > .step .bottomText {
	  font-size: 3.2vw;
	}
	.robot-page .formArea .formList {
	  display: block;
	}	
	.robot-page .formArea li {
	  display: block;
	  border-bottom: 1px solid #e0e0e0;
	}
	.robot-page .formArea li .labelCel, .robot-page .formArea li .inputCel {
	  display: block;
	  font-size: 3.8vw;
	  padding: 0;
	  border-bottom:none;
	}
	.robot-page .formArea li .labelCel {
	  padding: 1em 0.5em 0.5em;
	  width: 100%;
	}
	.robot-page .formArea li .inputCel {
		padding: 0 0.5em 1.0em;
	}
	.robot-page .formArea input[type="text"], .robot-page .formArea input[type="email"], .robot-page .formArea input[type="number"], .robot-page .formArea input[type="tel"], .robot-page .formArea textarea {
	  font-size: 3.8vw;
	  border-radius: 2vw;
	}
	.robot-page .formArea li .labelCel::after {
	  font-size: 2.8vw;
	  border-radius: 1vw;
	  top: 4vw;
	}
	.robot-page .formArea .wpcf7-checkbox .wpcf7-list-item label {
	  font-size: 3.4vw;
	  padding-left: 4vw;
	}
	.robot-page .formArea .wpcf7-checkbox .wpcf7-list-item label::before {
	  width: 3vw;
	  height: 3vw;
	  border-radius: 1vw;
		top: 0.6vw;
	}	
	.robot-page .formArea .wpcf7-checkbox {
		padding-top: 4vw;
		display: block;
	}
	.robot-page .formArea .wpcf7-not-valid-tip {
	  font-size: 3.4vw;
		font-weight: 600;
	}
	.robot-page .formArea .btnArea .btn input {
	  font-size: 4.3vw;
	}	
	.robot-page .formArea .btnArea .btn + .btn  {
		margin-top: 4vw;
	}
	.robot-contact-thanks .thanksText p.t01 {
	  font-size: 4.8vw;
	  font-weight: 800;
	}
	.robot-contact-thanks .thanksText p.t02 {
	  font-size: 3.8vw;
	}	
	.robot-contact-thanks .thanksText p.t03 {
	  font-size: 3.4vw;
	}	
	
	
}