@charset "UTF-8";
:root{
	--body : #221815;
	--link : #221815;
	--title : #221815;
	--main : #221815;
	--base : #221815;
	--mainBold : #221815;
	--sub : #221815;
	--white : #221815;
}
@media(min-width: 769px) and (max-width:1079px){
	main{
		width : 1080px;
		overflow-x : hidden;
	}
}
@media(min-width: 1080px){
	main{
		width : 100%;
		overflow-x : hidden;
	}
}
/*--cv--*/
@media(max-width: 768px){
	section.cv {
		padding-top : calc( ( 132 - 4 ) * 100vw / 768 );
	}
}
@media(min-width: 769px){
	section.cv {
		padding: 30px 0 ;
	}
}
/*--------------------------------------------
ROBO MANAGER
---------------------------------------------*/
.robo_manager section p{
	letter-spacing : .1em;
	margin-left : 0;
}
.robo_manager section a:hover{
	opacity : .8;
	-webkit-transition : opacity .3s ease-in;
	transition : opacity .3s ease-in;
}
.robo_manager section h3.title05 span {
	font-size: 70%;
}
.robo_manager section h3.title05:after {
	background-color: #0a5da4;
}
.robo_manager section h4.title05:after {
	background-color: #0a5da4;
	width: 4em;
	height: 1px;
}
.robo_manager section .no-1 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-1.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_manager section .no-2 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-2.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_manager section .no-3 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-3.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_manager section .no-4 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-4.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_manager section .no-5 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-5.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_manager section p span.remark{
	font-size: 12px;
	color: #808080;
	margin-top: 1.5em;
	display: block;
}
.robo_manager section .new_icon {
	text-align: center;
}
.robo_manager section .new_icon span {
	background-color: #cc7070;
	padding: 0.3em 2em;
	color: #ffffff;
	font-size: 80%;
	display: inline-block;
	margin-bottom: 1em;
}
.robo_manager section .tar {
	text-align: right;
	line-height: 1.3;
	font-size: 90%;
}
@media(max-width: 768px){
	.robo_manager section .wrap{
		padding-top : calc( 100 * 100vw / 768 );
		padding-bottom : calc( 100 * 100vw / 768 );
	}
	.robo_manager section h3{
		margin-bottom : calc( 20 * 100vw / 768 );
	}
	.robo_manager section p{
		font-size: calc( 25 * 100vw / 768 );
		line-height: 1.5;
		margin-bottom : calc( 50 * 100vw / 768 );
		text-align: left;
	}
	.robo_manager section img{
		width: 100%;
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_manager section h3.title05{
		font-size : calc( 33 * 100vw / 768 );
	}
	.robo_manager section img.pc{
		display: none;
	}
	.robo_manager section h4.title05 {
		font-size : calc( 30 * 100vw / 768 );
	}
	.robo_manager section h4.title05:after {
		margin-top: 10px;
		margin-bottom: 1em;
	}
	.robo_manager section .new_icon span {
		font-size: calc( 20 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.robo_manager section .wrap{
		padding-top : 80px;
		padding-bottom : 80px;
	}
	.robo_manager section h3{
		margin-bottom : 10px;
	}
	.robo_manager section p{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom : 50px;
		width : auto;
		padding: 10px;
		text-align: center;
	}
	.robo_manager section img{
		width: 100%;
		margin-bottom : 40px;
	}
	.robo_manager section h3.title05{
		font-size : 33px;
	}
	.robo_manager section img.sp{
		display: none;
	}
	.robo_manager section h4.title05:after {
		margin-top: 10px;
		margin-bottom: 1em;
	}
}

.robo_manager #section01 ul:after {
	content: "";
	display: block;
	clear: both;
}
.robo_manager #section01 ul li{
	float: left;
	text-align: center;
}
@media(max-width: 768px){
	.robo_manager #section01 h3.title05:after {
		width: calc( 575 * 100% / 720 );
	}
	.robo_manager #section01 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_manager #section01 ul li{
		width: 50%;
		padding: 0 2%;
		margin-bottom: 1em;
	}
	.robo_manager #section01 ul li:last-child{
		margin-bottom: 0;
	}
}
@media(min-width: 769px){
	.robo_manager #section01 h3.title05:after {
		width: 575px;
	}
	.robo_manager #section01 h3{
		margin-bottom : 40px;
	}
	.robo_manager #section01 ul li{
		width: 33%;
		padding: 0 3%;
	}
}

.robo_manager #section02{
	background-color : #d7f6fc;
}
@media(max-width: 768px){
	.robo_manager #section02 h3.title05:after {
		width: calc( 700 * 100% / 720 );
	}
	.robo_manager #section02 img{
		margin-bottom : 0;
	}
}
@media(min-width: 769px){
	.robo_manager #section02 h3.title05:after {
		width: 700px;
	}
	.robo_manager #section02 img{
		margin-bottom : 0;
	}
}

.robo_manager #section03 ul li{
	float: left;
	text-align: center;
}
.robo_manager #section03 ul li img{
	width: 25%;
	margin-bottom: 0;
}
.robo_manager #section03 ul li .category{
	font-weight: bold;
}
.robo_manager #section03 ul li .contents{
	padding: 0 1em;
	line-height: 1.5;
}
@media(max-width: 768px){
	.robo_manager #section03 h3.title05:after {
		width: calc( 450 * 100% / 720 );
	}
	.robo_manager #section03 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_manager #section03 ul{
		display: flex;
		flex-wrap: wrap;
	}
	.robo_manager #section03 ul li{
		width: 50%;
		word-wrap: break-word;
	}
	.robo_manager #section03 ul li.col-1{
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.robo_manager #section03 ul li.col-2{
		border-bottom: 1px solid #cccccc;
	}
	.robo_manager #section03 ul li.col-3{
		border-right: 1px solid #cccccc;
	}
	.robo_manager #section03 ul li .category{
		margin-bottom: 1em;
		margin-top: 1em;
	}
	.robo_manager #section03 ul li img{
		max-height: calc( 100 * 100vw / 768 );
		width: auto;
	}
	.robo_manager #section03 ul li .img{
		margin: 1.5em 0 1em;
	}
	.robo_manager #section03 ul li .contents{
		margin-bottom: 1em;
		font-size: 90%;
	}
}
@media(min-width: 769px){
	.robo_manager #section03 h3.title05:after {
		width: 450px;
	}
	.robo_manager #section03 h3{
		margin-bottom : 40px;
	}
	.robo_manager #section03 ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.robo_manager #section03 ul li{
		width: 25%;
		min-height: 260px;
	}
	.robo_manager #section03 ul li.col-1,
	.robo_manager #section03 ul li.col-2,
	.robo_manager #section03 ul li.col-3{
		border-right: 1px solid #cccccc;
	}
	.robo_manager #section03 ul li .category{
		margin-bottom: 2em;
		margin-top: 2em;
	}
	.robo_manager #section03 ul li img{
		max-height: 60px;
		width: auto;
	}
	.robo_manager #section03 ul li .img{
		height: 80px;
	}
	.robo_manager #section03 ul li .contents{
		padding: 0 2em;
	}
}

.robo_manager #section04{
	background-color : #f2f2f2;
}
@media(max-width: 768px){
	.robo_manager #section04 h3.title05:after {
		width: calc( 620 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_manager #section04 h3.title05:after {
		width: 620px;
	}
	.robo_manager #section04 img{
		margin-bottom : 1em;
	}
}

@media(max-width: 768px){
	.robo_manager #section05 h3.title05:after {
		width: calc( 620 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_manager #section05 h3.title05:after {
		width: 620px;
	}
	.robo_manager #section05 img{
		margin-bottom : 1em;
	}
}

.robo_manager #section11{
	background-color : #f2f2f2;
}
.robo_manager #section11 ul{
	margin-bottom: 1em;
}
.robo_manager #section11 ul:after {
	content: "";
	display: block;
	clear: both;
}
.robo_manager #section11 ul li{
	float: left;
	background-color: #ffffff;
	text-align: center;
}
.robo_manager #section11 ul li .kind{
	padding: 1em;
	background-color: #bdf2fc;
}
.robo_manager #section11 ul li .contents{
	font-size: 80%;
}
.robo_manager #section11 ul li .contents > .inner{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5;
	padding: 0 1.5em;
}
.robo_manager #section11 .remark{
	line-height: 1.3;
	font-size: 90%;
	text-align: left;
}
@media(max-width: 768px){
	.robo_manager #section11 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_manager #section11 h3.title05:after {
		width: calc( 200 * 100% / 720 );
	}
	.robo_manager #section11 ul{
		display:flex;
		flex-wrap:wrap;
	}
	.robo_manager #section11 ul li{
		width: 50%;
	}
	.robo_manager #section11 ul li.col-1{
		border: 1px solid #cccccc;
	}
	.robo_manager #section11 ul li.col-2{
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_manager #section11 ul li.col-4{
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_manager #section11 ul li.col-3,
	.robo_manager #section11 ul li.col-5{
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_manager #section11 ul li .img{
		padding: 1em 0;
	}
	.robo_manager #section11 ul li img{
		height: calc( 120 * 100vw / 768 );
		width: auto;
		margin-bottom: 0;
	}
	.robo_manager #section11 ul li .contents{
		margin-bottom: 1em;
	}
}
@media(min-width: 769px){
	.robo_manager #section11 .wrap{
		text-align: center;
	}
	.robo_manager #section11 h3{
		margin-bottom: 40px;
	}
	.robo_manager #section11 h3.title05:after {
		width: 200px;
	}
	.robo_manager #section11 ul li{
		width: 20%;
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_manager #section11 ul li:first-child{
		border: 1px solid #cccccc;
	}
	.robo_manager #section11 ul li .img{
		height: 100px;
	}
	.robo_manager #section11 ul li img{
		width: 35%;
		margin-bottom: 0;
		max-height: 100px;
		padding: 1.5em 0 0;
	}
	.robo_manager #section11 ul li.col-1 img{
		padding-top: 2.1em;
	}
	.robo_manager #section11 ul li.col-3 img{
		width: 42%;
		padding-top: 2em;
	}
	.robo_manager #section11 ul li .contents{
		display: table;
		width: 100%;
		height: 110px;
	}
	.robo_manager #section11 .remark{
		text-align: right;
	}
}

.robo_manager #section12 .wrap{
	text-align: center;
}
.robo_manager #section12 h3{
	margin-bottom: 40px;
}
.robo_manager #section12 a {
	color: #ffffff;
	background-color: #ff9933;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 1.5em 0;
}
@media(max-width: 768px){
	.robo_manager #section12 .wrap{
		padding-top : calc( 75 * 100vw / 768 );
		padding-bottom : calc( 75 * 100vw / 768 );
	}
	.robo_manager #section12 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_manager #section12 h3.title05:after {
		width: calc( 550 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_manager #section12 .wrap{
		text-align: center;
		padding-top : 60px;
		padding-bottom : 60px;
	}
	.robo_manager #section12 h3{
		margin-bottom: 40px;
	}
	.robo_manager #section12 h3.title05:after {
		width: 550px;
	}
	.robo_manager #section12 a {
		width: 450px;
		padding: 2em 0;
	}
}

.robo_manager #faq dt{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	letter-spacing : .1em;
	color : #333;
}
.robo_manager #faq dt:before{
	content : "Q";
	font-weight : 700;
	color : #008cd6;
}
.robo_manager #faq dd{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	letter-spacing : .1em;
	color : #333;
}
.robo_manager #faq dd:before{
	content : "A";
	font-weight : 700;
	color : #221815;
}
@media(max-width: 768px){
	.robo_manager #faq .wrap{
		padding-bottom : calc( 19 * 100vw / 768 );
	}
	.robo_manager #faq h3{
		margin-bottom : calc( 81px - 5px );
	}
	.robo_manager #faq dt{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 40 * 100vw / 768 );
		margin-bottom : calc( ( 24 - 5 - 7.5 ) * 100vw / 768 );
	}
	.robo_manager #faq dt:before{
		font-size : calc( 50 * 100vw / 768 );
		margin-top : calc( ( -11 + 5 )  * 100vw / 768 );
		margin-right : calc( 8 * 100% / 720 );
	}
	.robo_manager #faq dd{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 45 * 100vw / 768 );
		margin-left : calc( 31 * 100% / 720 );
	}
	.robo_manager #faq dd:before{
		font-size : calc( 50 * 100vw / 768 );
		margin-top : calc( ( -11 + 7.5 )  * 100vw / 768 );
	}
	.robo_manager #faq dd:not(:last-of-type){
		margin-bottom : calc( ( 70 - 5 - 7.5 ) * 100vw / 768 );
		margin-right : calc( 8 * 100% / 689 );
	}
	.robo_manager #faq .btnLink02{
		margin-top : calc( ( 150 - 7.5 ) * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.robo_manager #faq .wrap{
		padding-top : calc( 75px - 4px );
		padding-bottom : 60px;
	}
	.robo_manager #faq h3{
		margin-bottom : 58px;
	}
	.robo_manager #faq dl{
		padding-left : 178px;
		padding-right : 178px;
	}
	.robo_manager #faq dt{
		font-size : 16px;
		margin-bottom : calc( 19px - 1.6px - 5px );
		line-height : 1.2;
	}
	.robo_manager #faq dt:before{
		font-size : 30px;
		margin-top : calc( -7px - 1.6px );
		margin-right : 8px;
	}
	.robo_manager #faq dd{
		font-size : 14px;
		line-height : 24px;
		margin-left : 39px;
	}
	.robo_manager #faq dd:before{
		font-size : 30px;
		margin-top : calc( -7px + 5px );
		margin-right : 8px;
	}
	.robo_manager #faq dd:not(:last-of-type){
		margin-bottom : calc( 26px - 5px - 1.6px );
	}
	.robo_manager #faq .btnLink02{
		margin-top : calc( 84px - 5px );
	}
}
/*--------------------------------------------
ROBO OPERATOR
---------------------------------------------*/
.robo_operator .video{
	max-width: 1080px;
	max-height: 608px;
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
}
.robo_operator .video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 1080px;
	max-height: 608px;
}

.robo_operator section p{
	letter-spacing : .1em;
	margin-left : 0;
}
.robo_operator section a:hover{
	opacity : .8;
	-webkit-transition : opacity .3s ease-in;
	transition : opacity .3s ease-in;
}
.robo_operator section h3.title05 span {
	font-size: 70%;
}
.robo_operator section h3.title05:after {
	background-color: #0a5da4;
}
.robo_operator section h4.title05:after {
	background-color: #0a5da4;
	width: 4em;
	height: 1px;
}
.robo_operator section .no-1 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-1.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_operator section .no-2 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-2.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_operator section .no-3 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-3.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_operator section .no-4 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-4.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_operator section .no-5 {
	background : transparent url("/wp/wp-content/uploads/2018/12/operator_no-5.svg") 0 0 no-repeat;
	background-size: auto 100%;
	padding-left: 1.5em;
	padding-bottom: 0.1em;
}
.robo_operator section p span.remark{
	font-size: 12px;
	color: #808080;
	margin-top: 1.5em;
	display: block;
}
@media(max-width: 768px){
	.robo_operator section .wrap{
		padding-top : calc( 100 * 100vw / 768 );
		padding-bottom : calc( 100 * 100vw / 768 );
	}
	.robo_operator section h3{
		margin-bottom : calc( 20 * 100vw / 768 );
	}
	.robo_operator section p{
		font-size: calc( 25 * 100vw / 768 );
		line-height: 1.5;
		margin-bottom : calc( 50 * 100vw / 768 );
		text-align: left;
	}
	.robo_operator section img{
		width: 100%;
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_operator section h3.title05{
		font-size : calc( 33 * 100vw / 768 );
	}
	.robo_operator section img.pc{
		display: none;
	}
	.robo_operator section h4.title05 {
		font-size : calc( 30 * 100vw / 768 );
	}
	.robo_operator section h4.title05:after {
		margin-top: 10px;
		margin-bottom: 1em;
	}
}
@media(min-width: 769px){
	.robo_operator section .wrap{
		padding-top : 80px;
		padding-bottom : 80px;
	}
	.robo_operator section h3{
		margin-bottom : 10px;
	}
	.robo_operator section p{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom : 50px;
		width : auto;
		padding: 10px;
		text-align: center;
	}
	.robo_operator section img{
		width: 100%;
		margin-bottom : 40px;
	}
	.robo_operator section h3.title05{
		font-size : 33px;
	}
	.robo_operator section img.sp{
		display: none;
	}
	.robo_operator section h4.title05:after {
		margin-top: 10px;
		margin-bottom: 1em;
	}
}

@media(max-width: 768px){
	.robo_operator #section01 h3.title05:after {
		width: calc( 575 * 100% / 720 );
	}
	.robo_operator #section01 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_operator #section01 p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 45 * 100vw / 768 );
	}
	.robo_operator #section01 p{
		margin-bottom: 0;
	}
}
@media(min-width: 769px){
	.robo_operator #section01 h3.title05:after {
		width: 575px;
	}
	.robo_operator #section01 h3{
		margin-bottom : 40px;
	}
	.robo_operator #section01 p{
		line-height : 32px;
		margin-bottom: 0;
	}
	.robo_operator #section01 img{
		padding-left: 100px;
		padding-right: 100px;
	}
}

.robo_operator #section02{
	background-color : #d7f6fc;
}
@media(max-width: 768px){
	.robo_operator #section02 h3.title05:after {
		width: calc( 700 * 100% / 720 );
	}
	.robo_operator #section02 img{
		margin-bottom : 0;
	}
}
@media(min-width: 769px){
	.robo_operator #section02 h3.title05:after {
		width: 700px;
	}
	.robo_operator #section02 img{
		margin-bottom : 0;
	}
}

@media(max-width: 768px){
	.robo_operator #section03 h3.title05:after {
		width: calc( 580 * 100% / 720 );
	}
	.robo_operator #section03 dl{
		font-size: calc( 28 * 100vw / 768 );
	}
	.robo_operator #section03 dl dt{
		margin-top: 1.5em;
		margin-bottom: 0.5em;
	}
	.robo_operator #section03 dl dd{
		line-height: 1.6;
		font-size: calc( 25 * 100vw / 768 );
		padding-left: 1.5em;
	}
	.robo_operator #section03 img{
		margin-bottom : calc( 10 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.robo_operator #section03 h3.title05:after {
		width: 580px;
	}
	.robo_operator #section03 img{
		width: 730px;
		margin-right: 40px;
		display: inline-block;
	}
	.robo_operator #section03 dl{
		display: inline-block;
		width: calc( 1040px - 730px - 40px );
		font-size: 16px;
	}
	.robo_operator #section03 dl dt{
		margin-top: 1.5em;
		margin-bottom: 0.5em;
	}
	.robo_operator #section03 dl dd{
		line-height: 1.6;
		font-size: 14.5px;
		padding-left: 1.5em;
	}
}

.robo_operator #section04{
	background-color : #057bb5;
	color: #ffffff;
}
.robo_operator #section04 img{
	margin-bottom : 0;
}
.robo_operator #section04 h3.title05:after {
	background-color: #ffffff;
}
.robo_operator #section04 .screen {
	position: relative;
}
.robo_operator #section04 .screen .movie {
	position: absolute;
	background-color: #ffffff;
}
.robo_operator #section04 .screen .movie > .inner{
	position: relative;
	padding-bottom: 56.25%;
}
.robo_operator #section04 .screen .movie > .inner iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media(max-width: 768px){
	.robo_operator #section04 h3.title05:after {
		width: calc( 620 * 100% / 720 );
	}
	.robo_operator #section04 .screen .movie {
		width: 69%;
		height: calc( 279  * 100vw / 768 );
		top: calc( 30 * 100vw / 768 );
		left: 15.5%;
	}
}
@media(min-width: 769px){
	.robo_operator #section04 h3.title05:after {
		width: 620px;
	}
	.robo_operator #section04 .screen .movie {
		width: 720px;
		height: 405px;
		top: 50px;
		left: 170px;
	}
}

.robo_operator #section05 ul li{
	float: left;
	text-align: center;
}
.robo_operator #section05 ul li img{
	width: 25%;
	margin-bottom: 0;
}
.robo_operator #section05 ul li .category{
	font-weight: bold;
}
.robo_operator #section05 ul li .contents{
	padding: 0 1em;
	line-height: 1.5;
}
@media(max-width: 768px){
	.robo_operator #section05 h3.title05:after {
		width: calc( 450 * 100% / 720 );
	}
	.robo_operator #section05 ul{
		display: flex;
		flex-wrap: wrap;
	}
	.robo_operator #section05 ul li{
		width: 50%;
		word-wrap: break-word;
	}
	.robo_operator #section05 ul li.col-1,
	.robo_operator #section05 ul li.col-3{
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.robo_operator #section05 ul li.col-2,
	.robo_operator #section05 ul li.col-4{
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section05 ul li.col-5{
		border-right: 1px solid #cccccc;
	}
	.robo_operator #section05 ul li .category{
		margin-bottom: 1em;
		margin-top: 1em;
	}
	.robo_operator #section05 ul li img{
		max-height: calc( 100 * 100vw / 768 );
		width: auto;
	}
	.robo_operator #section05 ul li .img{
		margin: 1.5em 0 1em;
	}
	.robo_operator #section05 ul li .contents{
		margin-bottom: 1em;
		font-size: 90%;
	}
}
@media(min-width: 769px){
	.robo_operator #section05 h3.title05:after {
		width: 450px;
	}
	.robo_operator #section05 ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.robo_operator #section05 ul li{
		width: 33%;
		min-height: 275px;
	}
	.robo_operator #section05 ul li.col-1,
	.robo_operator #section05 ul li.col-2{
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.robo_operator #section05 ul li.col-3{
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section05 ul li.col-4,
	.robo_operator #section05 ul li.col-5{
		border-right: 1px solid #cccccc;
	}
	.robo_operator #section05 ul li .category{
		margin-bottom: 2em;
		margin-top: 2em;
	}
	.robo_operator #section05 ul li .img{
		min-height: 110px;
	}
	.robo_operator #section05 ul li .contents{
		padding: 0 2em;
	}
}

.robo_operator #section06{
	background-color : #f2f2f2;
}
.robo_operator #section06 ul:after {
	content: "";
	display: block;
	clear: both;
}
.robo_operator #section06 ul li{
	float: left;
	text-align: center;
}
.robo_operator #section06 ul li .timing{
	padding: 1em;
	background-color: #0a5da4;
	border-radius: 30px;
	color: #ffffff;
	margin-bottom: 1em;
}
.robo_operator #section06 ul li img{
	width: 30%;
	margin-bottom: 0;
}
.robo_operator #section06 ul li .label{
	line-height: 1.5;
}
.robo_operator #section06 ul li .label:after{
	content: "";
	display: block;
	background: transparent url("/wp/wp-content/uploads/2018/12/operator_arrow-1.svg") 50% 50% no-repeat;
}
.robo_operator #section06 ul li .note{
	width: 100%;
	padding: 1em;
	background: #ffffff;
	overflow: hidden;
	line-height: 1.5;
	font-weight: bold;
	position: relative;
}
.robo_operator #section06 ul li .note span{
	display: block;
	font-size: 85%;
	font-weight: normal;
}

.robo_operator #section06 ul li .note:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 1em 1em 0 0;
	border-style: solid;
	border-color: #d9d9d9 #f2f2f2 #f2f2f2 #d9d9d9;
	background: #d9d9d9;
	display: block;
	width: 0;
}
.robo_operator #section06 ul li .category{
	padding: 1em;
	background-color: #1f99d4;
	color: #ffffff;
	margin-bottom: 1em;
}
.robo_operator #section06 ul li .contents > .inner{
	line-height: 2;
}
.robo_operator #section06 ul.type-2 li > .inner {
	background-color: #ffffff;
	padding: 0.5em;
	height: 100%;
}
@media(max-width: 480px){
	.robo_operator #section06 ul li .label{
		font-size: calc( 25 * 100vw / 768 );
	}
	.robo_operator #section06 ul li .note{
		font-size: calc( 25 * 100vw / 768 );
	}
}
@media(max-width: 768px){
	.robo_operator #section06 h3.title05:after {
		width: calc( 530 * 100% / 720 );
	}
	.robo_operator #section06 ul.type-1 {
		margin-bottom: calc( 50 * 100vw / 768 );
	}
	.robo_operator #section06 ul {
		display: flex;
		flex-wrap: wrap;
		font-size: 90%;
	}
	.robo_operator #section06 ul li{
		width: 50%;
		padding: 0 2%;
		margin-bottom: 1em;
	}
	.robo_operator #section06 ul li .timing{
		padding: 0.75em;
		margin-bottom: 0.5em;
	}
	.robo_operator #section06 ul li .label:after{
		height: 3em;
	}
	.robo_operator #section06 ul li .img{
		padding: 1em 0;
	}
	.robo_operator #section06 ul li img{
		height: calc( 120 * 100vw / 768 );
		width: auto;
	}
	.robo_operator #section06 ul li .category{
		padding: 0.75em 0.5em;
	}
	.robo_operator #section06 ul li .contents > .inner{
		font-size: 90%;
	}
	.robo_operator #section06 ul li .contents > .inner br{
		display: none;
	}
}
@media(min-width: 769px){
	.robo_operator #section06 h3.title05:after {
		width: 530px;
	}
	.robo_operator #section06 ul.type-1 {
		margin-bottom: 50px;
	}
	.robo_operator #section06 ul.type-2 li > .inner {
		min-height: 200px;
		padding: 1em;
	}
	.robo_operator #section06 ul.type-2 li.col-1,
	.robo_operator #section06 ul.type-2 li.col-2,
	.robo_operator #section06 ul.type-2 li.col-3,
	.robo_operator #section06 ul.type-2 li.col-4 {
		margin-bottom: 1em;
	}
	.robo_operator #section06 ul li{
		width: 25%;
		padding: 0 1%;
	}
	.robo_operator #section06 ul li .contents{
		display: table;
		width: 100%;
		height: 100px;
	}
	.robo_operator #section06 ul li .label:after{
		height: 60px;
	}
	.robo_operator #section06 ul li img{
		min-height: 100px;
	}
	.robo_operator #section06 ul li .contents > .inner{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
}

@media(max-width: 768px){
	.robo_operator #section07 h3.title05:after {
		width: calc( 670 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_operator #section07 h3.title05:after {
		width: 670px;
	}
}

.robo_operator #section08{
	background-color : #d7f6fc;
}
.robo_operator #section08 ul li{
	background-color: #ffffff;
}
.robo_operator #section08 ul li .inner{
	text-align: center;
	line-height: 1.5;
}
.robo_operator #section08 ul li .inner .num{
	margin-top: 1em;
}
.robo_operator #section08 ul li .inner .num span{
	font-weight: bold;
	margin-right: 0.1em;
}
.robo_operator #section08 ul li .inner .num span.orange{
	color: #ff9933;
}
@media(max-width: 768px){
	.robo_operator #section08 h3.title05:after {
		width: calc( 360 * 100% / 720 );
	}
	.robo_operator #section08 ul li{
		padding: 0 1.5em;
	}
	.robo_operator #section08 ul li .inner{
		padding: 1.5em 0;
	}
	.robo_operator #section08 ul li.col-1 .inner,
	.robo_operator #section08 ul li.col-2 .inner{
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section08 ul li .inner .num span{
		font-size : calc( 90 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.robo_operator #section08 h3.title05:after {
		width: 360px;
	}
	.robo_operator #section08 ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.robo_operator #section08 ul li{
		float: left;
		width: 33%;
		display: table;
		height: 250px;
		padding: 1.5em 0;
	}
	.robo_operator #section08 ul li .inner{
		padding: 1.5em 0;
		display: table-cell;
		vertical-align: middle;
	}
	.robo_operator #section08 ul li.col-1 .inner,
	.robo_operator #section08 ul li.col-2 .inner{
		border-right: 1px solid #cccccc;
	}
	.robo_operator #section08 ul li .inner .num span{
		font-size: 45px;
	}
}

.robo_operator #section09 .wrap{
	padding-bottom: 0;
}
.robo_operator #section09 ul li{
	background-color: #f2f2f2;
	padding: 1em;
	line-height: 1.5;
	margin-bottom: 1em;
}
.robo_operator #section09 ul li:last-child {
	margin-bottom: 0;
}
.robo_operator #section09 ul li .head {
	margin-bottom: 0.75em;
	border-bottom: 1px solid #0081cc;
	padding-bottom: 0.75em;
}
.robo_operator #section09 ul li .body {
	font-size: 80%;
}
@media(max-width: 768px){
	.robo_operator #section09 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_operator #section09 h3.title05:after {
		width: calc( 360 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_operator #section09 h3{
		margin-bottom: 40px;
	}
	.robo_operator #section09 h3.title05:after {
		width: 360px;
	}
	.robo_operator #section09 ul li{
		padding: 2em;
	}
}

.robo_operator #section10 .wrap{
	text-align: center;
}
.robo_operator #section10 a {
	color: #ffffff;
	background-color: #ff9933;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 1.5em 0;
}
@media(max-width: 768px){
	.robo_operator #section10 .wrap{
		padding-top: calc( 160 * 100vw / 768 );
		padding-bottom: calc( 160 * 100vw / 768 );
	}
	.robo_operator #section10 h3.title05:after {
		width: calc( 550 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_operator #section10 .wrap{
		text-align: center;
		padding-top: 160px;
		padding-bottom: 160px;
	}
	.robo_operator #section10 h3.title05:after {
		width: 550px;
	}
	.robo_operator #section10 a {
		width: 450px;
		padding: 2em 0;
	}
}

.robo_operator #section11{
	background-color : #f2f2f2;
}
.robo_operator #section11 ul{
	margin-bottom: 1em;
}
.robo_operator #section11 ul:after {
	content: "";
	display: block;
	clear: both;
}
.robo_operator #section11 ul li{
	float: left;
	background-color: #ffffff;
	text-align: center;
}
.robo_operator #section11 ul li .kind{
	padding: 1em;
	background-color: #bdf2fc;
}
.robo_operator #section11 ul li .contents{
	font-size: 80%;
}
.robo_operator #section11 ul li .contents > .inner{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5;
	padding: 0 1.5em;
}
.robo_operator #section11 .remark{
	line-height: 1.3;
	font-size: 90%;
	text-align: left;
}
@media(max-width: 768px){
	.robo_operator #section11 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_operator #section11 h3.title05:after {
		width: calc( 200 * 100% / 720 );
	}
	.robo_operator #section11 ul{
		display:flex;
		flex-wrap:wrap;
	}
	.robo_operator #section11 ul li{
		width: 50%;
	}
	.robo_operator #section11 ul li.col-1{
		border: 1px solid #cccccc;
	}
	.robo_operator #section11 ul li.col-2{
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section11 ul li.col-4{
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section11 ul li.col-3,
	.robo_operator #section11 ul li.col-5{
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section11 ul li .img{
		padding: 1em 0;
	}
	.robo_operator #section11 ul li img{
		height: calc( 120 * 100vw / 768 );
		width: auto;
		margin-bottom: 0;
	}
	.robo_operator #section11 ul li .contents{
		margin-bottom: 1em;
	}
}
@media(min-width: 769px){
	.robo_operator #section11 .wrap{
		text-align: center;
	}
	.robo_operator #section11 h3{
		margin-bottom: 40px;
	}
	.robo_operator #section11 h3.title05:after {
		width: 200px;
	}
	.robo_operator #section11 ul li{
		width: 20%;
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.robo_operator #section11 ul li:first-child{
		border: 1px solid #cccccc;
	}
	.robo_operator #section11 ul li .img{
		height: 100px;
	}
	.robo_operator #section11 ul li img{
		width: 35%;
		margin-bottom: 0;
		max-height: 100px;
		padding: 1.5em 0 0;
	}
	.robo_operator #section11 ul li.col-1 img{
		padding-top: 2.1em;
	}
	.robo_operator #section11 ul li.col-3 img{
		width: 42%;
		padding-top: 2em;
	}
	.robo_operator #section11 ul li .contents{
		display: table;
		width: 100%;
		height: 110px;
	}
	.robo_operator #section11 .remark{
		text-align: right;
	}
}

.robo_operator #section12 .wrap{
	text-align: center;
}
.robo_operator #section12 h3{
	margin-bottom: 40px;
}
.robo_operator #section12 a {
	color: #ffffff;
	background-color: #ff9933;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 1.5em 0;
}
@media(max-width: 768px){
	.robo_operator #section12 .wrap{
		padding-top : calc( 75 * 100vw / 768 );
		padding-bottom : calc( 75 * 100vw / 768 );
	}
	.robo_operator #section12 h3{
		margin-bottom : calc( 40 * 100vw / 768 );
	}
	.robo_operator #section12 h3.title05:after {
		width: calc( 550 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.robo_operator #section12 .wrap{
		text-align: center;
		padding-top : 60px;
		padding-bottom : 60px;
	}
	.robo_operator #section12 h3{
		margin-bottom: 40px;
	}
	.robo_operator #section12 h3.title05:after {
		width: 550px;
	}
	.robo_operator #section12 a {
		width: 450px;
		padding: 2em 0;
	}
}

.robo_operator #section13 .wrap{
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	color: #ffffff;
}
.robo_operator #section13 .wrap .txt{
	position: absolute;
}
.robo_operator #section13 .wrap {
	background: transparent url("/wp/wp-content/uploads/2018/12/operator_img-1.jpg") 50% 50% no-repeat;
	background-size: cover;
	position: relative;
}
.robo_operator #section13 .wrap:after {
	content: '';
	height:0;
	display: block;
	padding-top: calc( 455 / 1280 * 100% );
}
@media(max-width: 768px){
	.robo_operator #section13 .txt{
		padding-left: 0.5em;
		padding-top: calc( 30 * 100vw / 768 );
	}
	.robo_operator #section13 .txt-1{
		font-size: calc( 20 * 100vw / 768 );
		margin-bottom: 1em;
	}
	.robo_operator #section13 .txt-2{
		font-size: calc( 30 * 100vw / 768 );
		line-height: 1.3;
		margin-bottom: 0.75em;
	}
	.robo_operator #section13 .txt-3 a{
		font-size: calc( 20 * 100vw / 768 );
		display: inline-block;
		border: 1px solid #ffffff;
		padding: 0.75em 3em;
		color: #ffffff;
	}
}
@media(min-width: 769px){
	.robo_operator #section13 .txt{
		padding-left: 50px;
		padding-top: 70px;
	}
	.robo_operator #section13 .txt-1{
		font-size: 20px;
		margin-bottom: 1em;
	}
	.robo_operator #section13 .txt-2{
		font-size: 40px;
		line-height: 1.3;
		margin-bottom: 1em;
	}
	.robo_operator #section13 .txt-3 a{
		display: inline-block;
		border: 2px solid #ffffff;
		padding: 0.75em 3.5em;
		color: #ffffff;
	}
}

.robo_operator #faq dt{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	letter-spacing : .1em;
	color : #333;
}
.robo_operator #faq dt:before{
	content : "Q";
	font-weight : 700;
	color : #008cd6;
}
.robo_operator #faq dd{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	letter-spacing : .1em;
	color : #333;
}
.robo_operator #faq dd:before{
	content : "A";
	font-weight : 700;
	color : #221815;
}
@media(max-width: 768px){
	.robo_operator #faq .wrap{
		padding-top : calc( ( 175 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 19 * 100vw / 768 );
	}
	.robo_operator #faq h3{
		margin-bottom : calc( 81px - 5px );
	}
	.robo_operator #faq dt{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 40 * 100vw / 768 );
		margin-bottom : calc( ( 24 - 5 - 7.5 ) * 100vw / 768 );
	}
	.robo_operator #faq dt:before{
		font-size : calc( 50 * 100vw / 768 );
		margin-top : calc( ( -11 + 5 )  * 100vw / 768 );
		margin-right : calc( 8 * 100% / 720 );
	}
	.robo_operator #faq dd{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 45 * 100vw / 768 );
		margin-left : calc( 31 * 100% / 720 );
	}
	.robo_operator #faq dd:before{
		font-size : calc( 50 * 100vw / 768 );
		margin-top : calc( ( -11 + 7.5 )  * 100vw / 768 );
	}
	.robo_operator #faq dd:not(:last-of-type){
		margin-bottom : calc( ( 70 - 5 - 7.5 ) * 100vw / 768 );
		margin-right : calc( 8 * 100% / 689 );
	}
	.robo_operator #faq .btnLink02{
		margin-top : calc( ( 150 - 7.5 ) * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.robo_operator #faq .wrap{
		padding-top : calc( 75px - 4px );
		padding-bottom : 60px;
	}
	.robo_operator #faq h3{
		margin-bottom : 58px;
	}
	.robo_operator #faq dl{
		padding-left : 178px;
		padding-right : 178px;
	}
	.robo_operator #faq dt{
		font-size : 16px;
		margin-bottom : calc( 19px - 1.6px - 5px );
		line-height : 1.2;
	}
	.robo_operator #faq dt:before{
		font-size : 30px;
		margin-top : calc( -7px - 1.6px );
		margin-right : 8px;
	}
	.robo_operator #faq dd{
		font-size : 14px;
		line-height : 24px;
		margin-left : 39px;
	}
	.robo_operator #faq dd:before{
		font-size : 30px;
		margin-top : calc( -7px + 5px );
		margin-right : 8px;
	}
	.robo_operator #faq dd:not(:last-of-type){
		margin-bottom : calc( 26px - 5px - 1.6px );
	}
	.robo_operator #faq .btnLink02{
		margin-top : calc( 84px - 5px );
	}
}
/*--------------------------------------------
RECRUIT
---------------------------------------------*/
.recruit #section01 p{
	letter-spacing : .1em;
}
.recruit #section01 a{
	display : block;
	text-align : center;
	letter-spacing : .1em;
}
.recruit #section01 a span{
	display : block;
}
@media(max-width: 768px){
	.recruit #section01 .wrap{
		padding-top : calc( ( 53 - 7.5 ) * 100vw / 768 );
		padding-bottom : calc( 70 * 100vw / 768 );
	}
	.recruit #section01 p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 45 * 100vw / 768 );
		margin-bottom : calc( ( 55 - 7.5 ) * 100vw / 768 );
	}
	.recruit #section01 .box{
		background-color : #eee;
		padding-top : calc( 50 * 100vw / 768 );
		padding-bottom : calc( ( 65 - 10 ) * 100vw / 768 );
		margin-left : calc( 23 * 100% / 720 );
		margin-right : calc( 23 * 100% / 720 );
	}
	.recruit #section01 h3{
		margin-bottom : calc( ( 41 - 10 ) * 100vw / 768 );
	}
	.recruit #section01 a span{
		font-size : calc( 40 * 100vw / 768 );
		line-height : 1.5;
	}
}
@media(min-width: 769px){
	.recruit #section01 .wrap{
		padding-top : calc( 81px - 5px );
		padding-bottom : calc( 169px - 7.5px );
	}
	.recruit #section01 p{
		font-size : 18px;
		line-height : 28px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		margin-bottom : calc( 105px - 5px );
	}
	.recruit #section01 h3{
		margin-bottom : calc( 25px - 9px );
	}
	.recruit #section01 a span:nth-of-type(1){
		font-size : 30px;
		line-height : 48px;
	}
	.recruit #section01 a span:nth-of-type(2){
		font-size : 20px;
		line-height : 35px;
	}
}
.recruit #recruit dt , .recruit #recruit dd{
	letter-spacing : .1em;
}
.recruit #recruit .data > div > dt{
	color : #008cd6;
	font-weight : 500;
}
.recruit #recruit .data > dd{
	color : #333;
}
.recruit #recruit dl dl dt:after{
	content : "：";
}
@media(max-width: 768px){
	.recruit #recruit .wrap{
		margin-top : calc( 30 * 100vw / 768 );
		background-color : #eee;
		padding-top : calc( 74 * 100vw / 768 );
		padding-bottom : calc( ( 74 - 7.5 ) * 100vw / 768 );
	}
	.recruit #recruit h3{
		margin-bottom : calc( 53 * 100vw / 768 );
	}
	.recruit #recruit .data > div > dt{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( ( 17 - 7.5 ) * 100vw / 768 );
	}
	.recruit #recruit .data > div > dd{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 45 * 100vw / 768 );
		padding-left : calc( 21 * 100% / 720 );
		padding-right : calc( 21 * 100% / 720 );
	}
	.recruit #recruit .data > div:not(:first-of-type) > dt{
		margin-top : calc( ( 60 - 7.5 ) * 100vw / 768 );
	}
	.recruit #recruit dl dl > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
}
@media(min-width: 769px){
	.recruit #recruit .wrap{
		padding-top : 61px;
		padding-bottom : calc( 103px - 8px );
	}
	.recruit #recruit h3{
		margin-bottom : 49px;
	}
	.recruit #recruit .wrap > dl{
		width : 864px;
		margin-left : auto;
		margin-right : auto;
	}
	.recruit #recruit dl > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.recruit #recruit dl.data > div:not(:first-of-type){
		padding-top : calc( 22px - 8px );
	}
	.recruit #recruit dl.data > div:not(:last-of-type){
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : calc( 21px - 8px );
	}
	.recruit #recruit dl.data > div > dt , .recruit #recruit dl.data > div > dd{
		font-size : 16px;
		line-height : 2;
	}
	.recruit #recruit dl.data > div > dt{
		width : 188px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		text-align : right;
	}
	.recruit #recruit dl.data > div > dd{
		padding-left : 47px;
	}
}
@media(max-width: 768px){
	.recruit #sub .wrap{
		padding-top : calc( 16 * 100vw / 768 );
	}
}
/*--------------------------------------------
COMPANY
---------------------------------------------*/
.company #philosophy h4{
	letter-spacing : .1em;
	color : #008cd6;
}
.company #philosophy h4:before{
	content : "「";
}
.company #philosophy h4:after{
	content : "」";
}
.company #philosophy p{
	letter-spacing : .1em;
	color : #333;
}
.company #philosophy li{
	background-repeat : no-repeat;
}
.company #philosophy li:nth-child(1){
	background-image : url("../images/company/icon01.svg");
}
.company #philosophy li:nth-child(2){
	background-image : url("../images/company/icon02.svg");
}
.company #philosophy li:nth-child(3){
	background-image : url("../images/company/icon03.svg");
}
.company #philosophy h5{
	letter-spacing : .1em;
	color : #008cd6;
	font-weight : 500;
}
@media(max-width: 768px){
	.company #philosophy{
		padding-top : calc( ( 47 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 163 * 100vw / 768 );
		margin-top: calc( -44 * 100vw / 768 );
	}
	.company #philosophy h2{
		margin-bottom : calc( 38 * 100vw / 768 );
	}
	.company #philosophy .box{
		background : url("../images/company/mv_sp.png") left top / 100% auto no-repeat;
		height : calc( 671 * 100vw / 768 );
		text-align : center;
		padding-top : calc( 116 * 100vw / 768 );
		margin-bottom : calc( 74 * 100vw / 768 );
	}
	.company #philosophy .box h3{
		margin-bottom : calc( ( 78 - 2  ) * 100vw / 768 );
	}
	.company #philosophy .box h3:after{
		margin-top : calc( 19 * 100vw / 768 );
	}
	.company #philosophy .box h4{
		font-size : calc( 46 * 100vw / 768 );
		line-height : calc( 50 * 100vw / 768 );
		margin-bottom : calc( ( 58 - 2 - 7.5 ) * 100vw / 768 );
	}
	.company #philosophy .box p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
		text-align : left;
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.company #philosophy > h3{
		margin-bottom : calc( 51 * 100vw / 768 );
	}
	.company #philosophy ul{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	.company #philosophy li{
		padding-top : calc( 11 * 100vw / 768 );
		padding-left : calc( 119 * 100% / 720 );
	}
	.company #philosophy li:not(:last-child){
		padding-bottom : calc( 32 * 100vw / 768 );
		border-bottom : solid calc( 3 * 100vw / 768 ) #ccc;
	}
	.company #philosophy li:not(:first-child){
		margin-top : calc( 29 * 100vw / 768 );
	}
	.company #philosophy li:nth-child(1){
		background-size : calc( 71 * 100% / 768 ) auto;
		background-position : calc( 4 * 100% / 768 ) top;
	}
	.company #philosophy li:nth-child(2){
		background-size : calc( 86 * 100% / 768 ) auto;
		background-position : calc( 4 * 100% / 768 ) calc( 6 * 100vw / 768 );
	}
	.company #philosophy li:nth-child(3){
		background-size : calc( 76 * 100% / 768 ) auto;
		background-position : calc( 14 * 100% / 768 ) calc( 16 * 100vw / 768 );
	}
	.company #philosophy h5{
		font-size : calc( 34 * 100vw / 768 );
		margin-bottom : calc( 20 * 100vw / 768 );
	}
	.company #philosophy li p{
		font-size : calc( 26 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.company #philosophy{
		padding-top : 0;
		padding-bottom : calc( 148px - 4px );
	}
	.company #philosophy h2{
		margin-bottom : 24px;
	}
	.company #philosophy .box{
		background : url("../images/company/mv_pc.png") center center / cover no-repeat;
		text-align : center;
		padding-top : 66px;
		margin-bottom : 60px;
		padding-bottom: 60px;
	}
	.company #philosophy .box h3{
		margin-bottom : 55px;
	}
	.company #philosophy .box h4{
		font-size : 30px;
		margin-bottom : calc( 31px - 6px );
	}
	.company #philosophy .box p{
		font-size : 16px;
		line-height : 28px;
	}
	.company #philosophy > h3{
		margin-bottom : 51px;
	}
	.company #philosophy ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
	.company #philosophy li{
		width : 224px;
		text-align : center;
		padding-top : 95px;
	}
	.company #philosophy li:nth-child(1){
		background-size : 53px auto;
		background-position : center top;
	}
	.company #philosophy li:nth-child(2){
		background-size : 64px auto;
		background-position : center 4px;
	}
	.company #philosophy li:nth-child(3){
		background-size : 56px auto;
		background-position : center 1px;
	}
	.company #philosophy h5{
		font-size : 16px;
		margin-bottom : calc( 22px - 6px );
	}
	.company #philosophy li p{
		font-size : 16px;
		line-height : 28px;
	}
}
.company #ceo h3{
	letter-spacing : .1em;
}
.company #ceo .text p{
	letter-spacing : .1em;
}
.company #ceo .wrap > p{
	letter-spacing : .1em;
	color : #333;
}
@media(max-width: 768px){
	.company #ceo .wrap{
		padding-bottom : calc( 136 * 100vw / 768 );
	}
	.company #ceo h2{
		margin-bottom : calc( 38 * 100vw / 768 );
	}
	.company #ceo .img{
		text-align : center;
		margin-bottom : calc( 41 * 100vw / 768 );
	}
	.company #ceo .img img{
		width : calc( 402 * 100% / 720 );
	}
	.company #ceo .box{
		margin-bottom : calc( ( 105 - 7.5 - 7.5 ) * 100vw / 768 );
	}
	.company #ceo .text h3{
		font-size : calc( 40 * 100vw / 768 );
		margin-bottom : calc( 95 * 100vw / 768 );
		text-align : center;
	}
	.company #ceo .text h4{
		margin-bottom : calc( ( 49 - 7.5 ) * 100vw / 768 );
	}
	.company #ceo .text p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.5;
	}
	.company #ceo .wrap > p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.5;
	}
	.company #ceo .wrap > p:last-of-type{
		font-size : 0;
		line-height : 1;
		text-align : right;
		margin-top : calc( ( 56 - 7.5 ) * 100vw / 768 );
		margin-right : calc( 14 * 100% / 768 );
	}

	.company #ceo .profile{
		padding: 0px 0 0 0;
		margin-bottom: calc(100 * 100%  / 768);
	}
		.company #ceo .profile h3{
			font-size: calc( 60 * 100vw / 768 );
			padding-top: calc( 60 * 100% / 768 );
			padding-bottom: calc( 30 * 100% / 768 );
		}
		.company #ceo .profile dl{
		}
			.company #ceo .profile dl dt {
				padding-bottom: calc( 14 * 100% / 768 );
				font-size : calc( 30 * 100vw / 768 );
				color : #0372ac;
			}
			.company #ceo .profile dl dd {
				margin-bottom: calc( 30 * 100% / 768 );
				font-size : calc( 30 * 100vw / 768 );
			}
	.company #ceo .message{
		padding-top: calc( 14 * 100% / 768 );
	}
		.company #ceo .message h4.title06{
			margin-bottom: calc( 30 * 100% / 768 );
	}
		.company #ceo .message p{
			line-height: 1.8;
			margin-bottom: 0.5em;
			font-size : calc( 30 * 100vw / 768 );
		}
		.company #ceo .message p:last-of-type{
			margin-top: calc( 30 * 100% / 768 );
			text-align: right;
		}

}
@media(min-width: 769px){
	.company #ceo .wrap{
		padding-bottom : 86px;
	}
	.company #ceo h2{
		margin-bottom : 27px;
	}
	.company #ceo .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : block;
		padding-left : 0;
		padding-right : 0;
		margin-bottom : calc( 40px - 8px );
	}
		.company #ceo .box::after{
			clear: both;
			float: none;
			content: "";
			display: block;
		}
	.company #ceo .img{
		width : 402px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.company #ceo .text{
		margin-left : 58px;
		padding-top : 53px;
	}
	.company #ceo .text h3{
		font-size : 40px;
		margin-bottom : 45px;
	}
	.company #ceo .text h4{
		margin-bottom : 20px;
	}
	.company #ceo .text p{
		font-size : 16px;
		line-height : 2;
	}
	.company #ceo .wrap > p{
		font-size : 16px;
		line-height : 2;
		width : 931px;
		margin-left : 93px;
	}
	.company #ceo .wrap > p:first-of-type{
	}
	.company #ceo .wrap > p:not(:first-of-type){
		margin-top : 1em;
	}
	.company #ceo .wrap > p:last-of-type{
		font-size : 0;
		line-height : 1;
		text-align : right;
		margin-top : calc( 38px - 8px );
	}
	.company #ceo .wrap > p:last-of-type img{
		width : 176px;
	}
	.company #ceo .profile{
		width: 420px;
		float: left;
		padding: 20px 0 0 0;
		margin: 0;
	}
		.company #ceo .profile dl{
		}
			.company #ceo .profile dl dt {
				padding-bottom: 10px;
				color: #0372ac;
			}
			.company #ceo .profile dl dd {
				margin-bottom: 20px;
				padding-left: 0;
			}

	.company #ceo .message{
		width: 550px;
		float: right;
		padding-top: 30px;
	}
	.company #ceo .message .title06{
		display: none;
	}
		.company #ceo .message p{
			line-height: 1.8;
			margin-bottom: 0.5em;
		}
		.company #ceo .message p:last-of-type{
			margin-top: 20px !important;
			text-align: right;
		}

}
.company #outline{
	background-color : #eee;
}
.company #outline dt{
	color : #0372ac;
	letter-spacing : .1em;
}
.company #outline dd{
	color : #333;
	letter-spacing : .1em;
}
@media(max-width: 768px){
	.company #outline .wrap{
		padding-top : calc( ( 64 - 4 ) * 100vw / 768 );
		padding-bottom : calc( ( 74 - 7.5 ) * 100vw / 768 );
	}
	.company #outline h2{
		margin-bottom : calc( ( 60 - 7.5 ) * 100vw / 768 );
	}
	.company #outline dl > div:not(:first-of-type){
		margin-top : calc( ( 40 - 7.5 - 7.5 ) * 100vw / 768 );
	}
	.company #outline dt , .company #outline dd{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
	}
	.company #outline dt{
		padding-left : calc( 13 * 100% / 720 );
		margin-bottom : calc( ( 20 - 7.5 - 7.5  ) * 100vw / 768 );
	}
	.company #outline dd{
		padding-left : calc( 40 * 100% / 720 );
	}
}
@media(min-width: 769px){
	.company #outline .wrap{
		padding-top : calc( 74px - 4px );
		padding-bottom : calc( 157px - 8px );
	}
	.company #outline h2{
		margin-bottom : calc( 97px - 8px );
	}
	.company #outline dl{
		width : 863px;
		margin-left : auto;
		margin-right : auto;
	}
	.company #outline dl > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.company #outline dl > div:not(:first-of-type){
		padding-top : calc( 20px - 8px );
	}
	.company #outline dl > div:not(:last-of-type){
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : calc( 20px - 8px );
	}
	.company #outline dt , .company #outline dd{
		font-size : 16px;
		line-height : 2;
	}
	.company #outline dt{
		-ms-flex-negative : 0;
		flex-shrink : 0;
		width : 173px;
		text-align : right;
	}
	.company #outline dd{
		padding-left : 71px;
	}
}
.company #access h3{
	letter-spacing : .1em;
	text-align : center;
}
.company #access dt , .company #access dd{
	letter-spacing : .1em;
}
.company #access dt:before{
	content : "【";
}
.company #access dt:after{
	content : "】";
}
@media(max-width: 768px){
	.company #access{
		padding-top : calc( 91 * 100vw / 768 );
		padding-bottom : calc( ( 20 - 7.5 ) * 100vw / 768 );
	}
	.company #access h3{
		width : calc( 500 * 100% / 768 );
		font-size : calc( 40 * 100vw / 768 );
		padding-bottom : calc( 19 * 100vw / 768 );
		margin-bottom : calc( 36 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	.company #access .map-container{
		width : 100%;
		height : calc( 561 * 100vw / 768 );
		margin-bottom : calc( ( 45 - 7.5 ) * 100vw / 768 );
	}
	.company #access dl{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	.company #access dt , .company #access dd{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
	}
	.company #access dl > div:not(:first-of-type){
		margin-top : 1.5em;
	}
}
@media(min-width: 769px){
	.company #access{
		padding-top : 71px;
		padding-bottom : calc( 59px - 8px );
	}
	.company #access h3{
		font-size : 40px;
		margin-bottom : 59px;
	}
	.company #access .map-container{
		width : 100%;
		height : 798px;
		margin-bottom : calc( 26px - 8px );
	}
	.company #access dl{
		width : 676px;
		margin-left : auto;
		margin-right : auto;
	}
	.company #access dl > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.company #access dt{
		width : 108px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.company #access dt , .company #access dd{
		font-size : 16px;
		line-height : 2;
	}
}
/*--------------------------------------------
CONTACT
---------------------------------------------*/
.contact #section01 label , .contact #section01 input , .contact #section01 p{
	letter-spacing : .1em;
}
.contact #section01 li > label{
	position : relative;
	font-weight : 500;
}
.contact #section01 li > label.required:after{
	display : block;
	content : "［必須］";
	color : #aa0909;
}
.contact #section01 input[type="text"] , .contact #section01 input[type="email"]{
	padding-left : 1em;
	border : 0;
}
.contact #section01 textarea{
	padding : 1em;
	border : 0;
}
.contact #section01 .radios label{
	position : relative;
	cursor : pointer;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : inline-flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
.contact #section01 .radios label input{
	display : none;
}
.contact #section01 .radios label::before{
	content : "";
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	border-radius : 50%;
}
.contact #section01 .radios label span{
	display : inline-block;
}
.contact #section01 .radios label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	top : 3px;
	left : 3px;
	border-radius : 50%;
}
@media(max-width: 768px){
	.contact #section01 .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 97 * 100vw / 768 );
	}
	.contact #section01 li{
		padding-top : calc( 56 * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.contact #section01 li:nth-child( even){
		background-color : #eee;
	}
	.contact #section01 li > label{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 28 * 100vw / 768 );
		display : block;
	}
	.contact #section01 li > label.required:after{
		display : inline-block;
	}
	.contact #section01 li > div{
		font-size : calc( 30 * 100vw / 768 );
	}
	.contact #section01 input[type="text"] , .contact #section01 input[type="email"]{
		width : 100%;
		height : calc( 80 * 100vw / 768 );
		background-color : #ccc;
	}
	.contact #section01 #contact_zip{
		width : calc( 350 * 100% / 720 );
		margin-left : calc( 15 * 100% / 720 );
		margin-bottom : calc( 17 * 100vw / 768 );
	}
	.contact #section01 li > div > p{
		margin-top : calc( 19 * 100vw / 768 );
		margin-bottom : calc( 22 * 100vw / 768 );
		text-align : center;
	}
	.contact #section01 .radios label{
		padding-left : calc( 37 * 100% / 696 );
		margin-left : calc( 24 * 100% / 720 );
	}
	.contact #section01 .radios label::before{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		background-color : #e6e6e6;
	}
	.contact #section01 .radios label input:checked + span:after{
		width : calc( 12 * 100vw / 768 );
		height : calc( 12 * 100vw / 768 );
		background-color : #0097e0;
		top : calc( ( calc( 26 * 100vw / 768 ) - calc( 12 * 100vw / 768 ) ) / 2 );
		left : calc( ( calc( 26 * 100vw / 768 ) - calc( 12 * 100vw / 768 ) ) / 2 );
	}
	.contact #section01 .radios01 label{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.contact #section01 .radios01 > span + span{
		margin-top : calc( 50 * 100vw / 768 );
		display : block;
		margin-left : 0;
	}
	.contact #section01 .radios02 label + label{
		margin-left : 3em;
	}
	.contact #section01 textarea{
		width : 100%;
		height : calc( 175 * 100vw / 768 );
		background-color : #ccc;
	}
}
@media(min-width: 769px){
	.contact #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.contact #section01 li{
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : 30px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.contact #section01 li:not(:first-child){
		padding-top : 30px;
	}
	.contact #section01 li > label{
		font-size : 16px;
		width : 405px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-right : 95px;
		text-align : right;
		padding-top : 15px;
	}
	.contact #section01 li > label.required:after{
		position : absolute;
		top : 15px;
		left : 323px;
	}
	.contact #section01 input[type="text"] , .contact #section01 input[type="email"]{
		background-color : #e6e6e6;
		width : 560px;
		height : 51px;
	}
	.contact #section01 #contact_zip{
		width : 174px;
		margin-bottom : 13px;
		margin-left : 8px;
	}
	.contact #section01 textarea{
		background-color : #e6e6e6;
		width : 560px;
		height : 175px;
	}
	.contact #section01 li > div > p{
		font-size : 16px;
		margin-top : 14px;
		margin-bottom : 14px;
	}
	.contact #section01 .radios label{
		padding-left : 28px;
	}
	.contact #section01 .radios label::before{
		width : 20px;
		height : 20px;
		background-color : #e6e6e6;
	}
	.contact #section01 .radios label input:checked + span:after{
		width : 10px;
		height : 10px;
		background-color : #0097e0;
		top : calc( ( 20px - 10px ) / 2 );
		left : calc( ( 20px - 10px ) / 2 );
	}
	.contact #section01 .radios01{
		padding-top : 15px;
	}
	.contact #section01 .radios01 label{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.contact #section01 .radios01 > span + span{
		margin-top : 34px;
		display : block;
		margin-left : 0;
	}
	.contact #section01 li:nth-child(8) > label{
		padding-top : 0;
	}
	.contact #section01 .radios02 > span + span{
		margin-left : 5em;
	}
	.contact #section01 .confirms{
		margin-top : 39px;
	}
}
.contact .mw_wp_form .error{
	padding-top : .5em;
}
.confirm #section01 label , .confirm #section01 input , .confirm #section01 p{
	letter-spacing : .1em;
}
.confirm #section01 li > label{
	position : relative;
	font-weight : 500;
}
.confirm #section01 .contact_email_confirm{
	display : none;
}
.confirm #section01 .contact_back{
	margin-left : auto;
	margin-right : auto;
	letter-spacing : .1em;
	font-weight : 500;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	color : #0d0c0c;
	border : solid 1px #999;
}
@media(max-width: 768px){
	.confirm #section01 .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 97 * 100vw / 768 );
	}
	.confirm #section01 li{
		padding-top : calc( 56 * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.confirm #section01 li:nth-child( even){
		background-color : #eee;
	}
	.confirm #section01 li > label{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 28 * 100vw / 768 );
		display : block;
	}
	.confirm #section01 li > label.required:after{
		display : inline-block;
	}
	.confirm #section01 li > div{
		font-size : calc( 30 * 100vw / 768 );
	}
	.confirm #section01 li > div > p{
		display : none;
	}
	.confirm #section01 .contact_back{
		width : calc( 500 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 24 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.confirm #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.confirm #section01 li{
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : 30px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.confirm #section01 li:not(:first-child){
		padding-top : 30px;
	}
	.confirm #section01 li > label{
		font-size : 16px;
		width : 405px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-right : 95px;
		text-align : right;
	}
	.confirm #section01 li > div{
		font-size : 16px;
		line-height : 1.4;
	}
	.confirm #section01 li > div > p{
		display : none;
	}
	.confirm #section01 .confirms{
		margin-top : 39px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
	.confirm #section01 .contact_back{
		width : 378px;
		height : 57px;
		font-size : 16px;
		margin-right : 16px;
	}
}
.thanks #section01 p{
	text-align : center;
	letter-spacing : .1em;
}
@media(max-width: 768px){
	.thanks #section01 .wrap{
		padding-top : calc( 56 * 100vw / 768 );
	}
	.thanks #section01 p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
	}
}
@media(min-width: 769px){
	.thanks #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.thanks #section01 p{
		line-height : 24px;
	}
}
/*--------------------------------------------
REQUEST
---------------------------------------------*/
.request #section01 label , .request #section01 input , .request #section01 p{
	letter-spacing : .1em;
}
.request #section01 li > label{
	position : relative;
	font-weight : 500;
}
.request #section01 li > label.required:after{
	display : block;
	content : "［必須］";
	color : #aa0909;
}
.request #section01 input[type="text"] , .request #section01 input[type="email"]{
	padding-left : 1em;
	border : 0;
}
.request #section01 textarea{
	padding : 1em;
	border : 0;
}
.request #section01 .radios label{
	position : relative;
	cursor : pointer;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : inline-flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
.request #section01 .radios label input{
	display : none;
}
.request #section01 .radios label::before{
	content : "";
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	border-radius : 50%;
}
.request #section01 .radios label span{
	display : inline-block;
}
.request #section01 .radios label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	top : 3px;
	left : 3px;
	border-radius : 50%;
}
@media(max-width: 768px){
	.request #section01 .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 97 * 100vw / 768 );
	}
	.request #section01 li{
		padding-top : calc( 56 * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.request #section01 li:nth-child( even){
		background-color : #eee;
	}
	.request #section01 li > label{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 28 * 100vw / 768 );
		display : block;
	}
	.request #section01 li > label.required:after{
		display : inline-block;
	}
	.request #section01 li > div{
		font-size : calc( 30 * 100vw / 768 );
	}
	.request #section01 input[type="text"] , .request #section01 input[type="email"]{
		width : 100%;
		height : calc( 80 * 100vw / 768 );
		background-color : #ccc;
	}
	.request #section01 #contact_zip{
		width : calc( 350 * 100% / 720 );
		margin-left : calc( 15 * 100% / 720 );
		margin-bottom : calc( 17 * 100vw / 768 );
	}
	.request #section01 li > div > p{
		margin-top : calc( 19 * 100vw / 768 );
		margin-bottom : calc( 22 * 100vw / 768 );
		text-align : center;
	}
	.request #section01 .radios label{
		padding-left : calc( 37 * 100% / 696 );
		margin-left : calc( 24 * 100% / 720 );
	}
	.request #section01 .radios label::before{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		background-color : #e6e6e6;
	}
	.request #section01 .radios label input:checked + span:after{
		width : calc( 12 * 100vw / 768 );
		height : calc( 12 * 100vw / 768 );
		background-color : #0097e0;
		top : calc( ( calc( 26 * 100vw / 768 ) - calc( 12 * 100vw / 768 ) ) / 2 );
		left : calc( ( calc( 26 * 100vw / 768 ) - calc( 12 * 100vw / 768 ) ) / 2 );
	}
	.request #section01 .radios01 label{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.request #section01 .radios01 > span + span{
		margin-top : calc( 50 * 100vw / 768 );
		display : block;
		margin-left : 0;
	}
	.request #section01 .radios02 label + label{
		margin-left : 3em;
	}
	.request #section01 textarea{
		width : 100%;
		height : calc( 175 * 100vw / 768 );
		background-color : #ccc;
	}
}
@media(min-width: 769px){
	.request #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.request #section01 li{
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : 30px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.request #section01 li:not(:first-child){
		padding-top : 30px;
	}
	.request #section01 li > label{
		font-size : 16px;
		width : 405px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-right : 95px;
		text-align : right;
		padding-top : 15px;
	}
	.request #section01 li > label.required:after{
		position : absolute;
		top : 15px;
		left : 323px;
	}
	.request #section01 input[type="text"] , .request #section01 input[type="email"]{
		background-color : #e6e6e6;
		width : 560px;
		height : 51px;
	}
	.request #section01 #contact_zip{
		width : 174px;
		margin-bottom : 13px;
		margin-left : 8px;
	}
	.request #section01 textarea{
		background-color : #e6e6e6;
		width : 560px;
		height : 175px;
	}
	.request #section01 li > div > p{
		font-size : 16px;
		margin-top : 14px;
		margin-bottom : 14px;
	}
	.request #section01 .radios label{
		padding-left : 28px;
	}
	.request #section01 .radios label::before{
		width : 20px;
		height : 20px;
		background-color : #e6e6e6;
	}
	.request #section01 .radios label input:checked + span:after{
		width : 10px;
		height : 10px;
		background-color : #0097e0;
		top : calc( ( 20px - 10px ) / 2 );
		left : calc( ( 20px - 10px ) / 2 );
	}
	.request #section01 .radios01{
		padding-top : 15px;
	}
	.request #section01 .radios01 label{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.request #section01 .radios01 > span + span{
		margin-top : 34px;
		display : block;
		margin-left : 0;
	}
	.request #section01 li:nth-child(8) > label{
		padding-top : 0;
	}
	.request #section01 .radios02 > span + span{
		margin-left : 5em;
	}
	.request #section01 .confirms{
		margin-top : 39px;
	}
}
.request .mw_wp_form .error{
	padding-top : .5em;
}
.confirm #section01 label , .confirm #section01 input , .confirm #section01 p{
	letter-spacing : .1em;
}
.confirm #section01 li > label{
	position : relative;
	font-weight : 500;
}
.confirm #section01 .contact_email_confirm{
	display : none;
}
.confirm #section01 .contact_back{
	margin-left : auto;
	margin-right : auto;
	letter-spacing : .1em;
	font-weight : 500;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	color : #0d0c0c;
	border : solid 1px #999;
}
@media(max-width: 768px){
	.confirm #section01 .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 97 * 100vw / 768 );
	}
	.confirm #section01 li{
		padding-top : calc( 56 * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.confirm #section01 li:nth-child( even){
		background-color : #eee;
	}
	.confirm #section01 li > label{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 28 * 100vw / 768 );
		display : block;
	}
	.confirm #section01 li > label.required:after{
		display : inline-block;
	}
	.confirm #section01 li > div{
		font-size : calc( 30 * 100vw / 768 );
	}
	.confirm #section01 li > div > p{
		display : none;
	}
	.confirm #section01 .contact_back{
		width : calc( 500 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 24 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.confirm #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.confirm #section01 li{
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : 30px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.confirm #section01 li:not(:first-child){
		padding-top : 30px;
	}
	.confirm #section01 li > label{
		font-size : 16px;
		width : 405px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-right : 95px;
		text-align : right;
	}
	.confirm #section01 li > div{
		font-size : 16px;
		line-height : 1.4;
	}
	.confirm #section01 li > div > p{
		display : none;
	}
	.confirm #section01 .confirms{
		margin-top : 39px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
	.confirm #section01 .contact_back{
		width : 378px;
		height : 57px;
		font-size : 16px;
		margin-right : 16px;
	}
}
.thanks #section01 p{
	text-align : center;
	letter-spacing : .1em;
}
@media(max-width: 768px){
	.thanks #section01 .wrap{
		padding-top : calc( 56 * 100vw / 768 );
	}
	.thanks #section01 p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
	}
}
@media(min-width: 769px){
	.thanks #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.thanks #section01 p{
		line-height : 24px;
	}
}
/*--------------------------------------------
TRIAL
---------------------------------------------*/
.trial #section01 label , .trial #section01 input , .trial #section01 p{
	letter-spacing : .1em;
}
.trial #section01 li > label{
	position : relative;
	font-weight : 500;
}
.trial #section01 li > label.required:after{
	display : block;
	content : "［必須］";
	color : #aa0909;
}
.trial #section01 input[type="text"] , .trial #section01 input[type="email"]{
	padding-left : 1em;
	border : 0;
}
.trial #section01 textarea{
	padding : 1em;
	border : 0;
}
.trial #section01 .radios label{
	position : relative;
	cursor : pointer;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : inline-flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
.trial #section01 .radios label input{
	display : none;
}
.trial #section01 .radios label::before{
	content : "";
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	border-radius : 50%;
}
.trial #section01 .radios label span{
	display : inline-block;
}
.trial #section01 .radios label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	top : 3px;
	left : 3px;
	border-radius : 50%;
}
@media(max-width: 768px){
	.trial #section01 .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 97 * 100vw / 768 );
	}
	.trial #section01 li{
		padding-top : calc( 56 * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.trial #section01 li:nth-child( even){
		background-color : #eee;
	}
	.trial #section01 li > label{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 28 * 100vw / 768 );
		display : block;
	}
	.trial #section01 li > label.required:after{
		display : inline-block;
	}
	.trial #section01 li > div{
		font-size : calc( 30 * 100vw / 768 );
	}
	.trial #section01 input[type="text"] , .trial #section01 input[type="email"]{
		width : 100%;
		height : calc( 80 * 100vw / 768 );
		background-color : #ccc;
	}
	.trial #section01 #contact_zip{
		width : calc( 350 * 100% / 720 );
		margin-left : calc( 15 * 100% / 720 );
		margin-bottom : calc( 17 * 100vw / 768 );
	}
	.trial #section01 li > div > p{
		margin-top : calc( 19 * 100vw / 768 );
		margin-bottom : calc( 22 * 100vw / 768 );
		text-align : center;
	}
	.trial #section01 .radios label{
		padding-left : calc( 37 * 100% / 696 );
		margin-left : calc( 24 * 100% / 720 );
	}
	.trial #section01 .radios label::before{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		background-color : #e6e6e6;
	}
	.trial #section01 .radios label input:checked + span:after{
		width : calc( 12 * 100vw / 768 );
		height : calc( 12 * 100vw / 768 );
		background-color : #0097e0;
		top : calc( ( calc( 26 * 100vw / 768 ) - calc( 12 * 100vw / 768 ) ) / 2 );
		left : calc( ( calc( 26 * 100vw / 768 ) - calc( 12 * 100vw / 768 ) ) / 2 );
	}
	.trial #section01 .radios01 label{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.trial #section01 .radios01 > span + span{
		margin-top : calc( 50 * 100vw / 768 );
		display : block;
		margin-left : 0;
	}
	.trial #section01 .radios02 label + label{
		margin-left : 3em;
	}
	.trial #section01 textarea{
		width : 100%;
		height : calc( 175 * 100vw / 768 );
		background-color : #ccc;
	}
}
@media(min-width: 769px){
	.trial #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.trial #section01 li{
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : 30px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.trial #section01 li:not(:first-child){
		padding-top : 30px;
	}
	.trial #section01 li > label{
		font-size : 16px;
		width : 405px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-right : 95px;
		text-align : right;
		padding-top : 15px;
	}
	.trial #section01 li > label.required:after{
		position : absolute;
		top : 15px;
		left : 323px;
	}
	.trial #section01 input[type="text"] , .trial #section01 input[type="email"]{
		background-color : #e6e6e6;
		width : 560px;
		height : 51px;
	}
	.trial #section01 #contact_zip{
		width : 174px;
		margin-bottom : 13px;
		margin-left : 8px;
	}
	.trial #section01 textarea{
		background-color : #e6e6e6;
		width : 560px;
		height : 175px;
	}
	.trial #section01 li > div > p{
		font-size : 16px;
		margin-top : 14px;
		margin-bottom : 14px;
	}
	.trial #section01 .radios label{
		padding-left : 28px;
	}
	.trial #section01 .radios label::before{
		width : 20px;
		height : 20px;
		background-color : #e6e6e6;
	}
	.trial #section01 .radios label input:checked + span:after{
		width : 10px;
		height : 10px;
		background-color : #0097e0;
		top : calc( ( 20px - 10px ) / 2 );
		left : calc( ( 20px - 10px ) / 2 );
	}
	.trial #section01 .radios01{
		padding-top : 15px;
	}
	.trial #section01 .radios01 label{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.trial #section01 .radios01 > span + span{
		margin-top : 34px;
		display : block;
		margin-left : 0;
	}
	.trial #section01 li:nth-child(8) > label{
		padding-top : 0;
	}
	.trial #section01 .radios02 > span + span{
		margin-left : 5em;
	}
	.trial #section01 .confirms{
		margin-top : 39px;
	}
}
.trial .mw_wp_form .error{
	padding-top : .5em;
}
.confirm #section01 label , .confirm #section01 input , .confirm #section01 p{
	letter-spacing : .1em;
}
.confirm #section01 li > label{
	position : relative;
	font-weight : 500;
}
.confirm #section01 .contact_email_confirm{
	display : none;
}
.confirm #section01 .contact_back{
	margin-left : auto;
	margin-right : auto;
	letter-spacing : .1em;
	font-weight : 500;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	color : #0d0c0c;
	border : solid 1px #999;
}
@media(max-width: 768px){
	.confirm #section01 .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 97 * 100vw / 768 );
	}
	.confirm #section01 li{
		padding-top : calc( 56 * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		padding-left : calc( 20 * 100% / 768 );
		padding-right : calc( 20 * 100% / 768 );
	}
	.confirm #section01 li:nth-child( even){
		background-color : #eee;
	}
	.confirm #section01 li > label{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 28 * 100vw / 768 );
		display : block;
	}
	.confirm #section01 li > label.required:after{
		display : inline-block;
	}
	.confirm #section01 li > div{
		font-size : calc( 30 * 100vw / 768 );
	}
	.confirm #section01 li > div > p{
		display : none;
	}
	.confirm #section01 .contact_back{
		width : calc( 500 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : calc( 24 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.confirm #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.confirm #section01 li{
		border-bottom : dotted 1px rgba( 0 , 0 , 0 , .5 );
		padding-bottom : 30px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.confirm #section01 li:not(:first-child){
		padding-top : 30px;
	}
	.confirm #section01 li > label{
		font-size : 16px;
		width : 405px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-right : 95px;
		text-align : right;
	}
	.confirm #section01 li > div{
		font-size : 16px;
		line-height : 1.4;
	}
	.confirm #section01 li > div > p{
		display : none;
	}
	.confirm #section01 .confirms{
		margin-top : 39px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
	.confirm #section01 .contact_back{
		width : 378px;
		height : 57px;
		font-size : 16px;
		margin-right : 16px;
	}
}
.thanks #section01 p{
	text-align : center;
	letter-spacing : .1em;
}
@media(max-width: 768px){
	.thanks #section01 .wrap{
		padding-top : calc( 56 * 100vw / 768 );
	}
	.thanks #section01 p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
	}
}
@media(min-width: 769px){
	.thanks #section01 .wrap{
		padding-top : 125px;
		padding-bottom : 70px;
	}
	.thanks #section01 p{
		line-height : 24px;
	}
}
/*--------------------------------------------
PRIVACY
---------------------------------------------*/
.privacy main p{
	letter-spacing : .1em;
}
.privacy main h3 , .privacy main h4 , .privacy main h5{
	letter-spacing : .1em;
}
.privacy main h3{
	text-align : center;
}
.privacy main h3:before{
	content : "【";
}
.privacy main h3:after{
	content : "】";
}
.privacy main ul.dot li{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}
.privacy main ul.dot li:before{
	content : "・";
}
.privacy main ol{
  counter-reset: item;
  counter-reset: item 0;
  list-style-type: none;
  padding-left: 0;
}
.privacy main ol ol{
  padding-left: 1em;
}
.privacy main ol li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.privacy main ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
}

@media(max-width: 768px){
	.privacy main ul{
		margin-top : calc( 45 * 100vw / 768 );
	}
	.privacy main p , .privacy main li{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
	}
	.privacy main ul + p{
		margin-top : calc( 45 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.privacy main ul{
		margin-top : 28px;
		margin-left : 1em;
	}
	.privacy main p , .privacy main li{
		font-size : 16px;
		line-height : 28px;
	}
	.privacy main ul + p{
		margin-top : 28px;
	}
}
@media(max-width: 768px){
	.privacy #section01 .wrap{
		padding-top : calc( ( 55 - 7.5 ) * 100vw / 768 );
		padding-bottom : calc( ( 150 - 7.5 ) * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.privacy #section01 .wrap{
		padding-top : calc( 33px - 6px );
		padding-bottom : calc( 81px - 6px );
		padding-left : 55px;
		padding-right : 55px;
	}
}
.privacy #section02 h4 , .privacy #section02 h5{
	font-weight : 500;
}
@media(max-width: 768px){
	.privacy #section02 .wrap{
		padding-bottom : calc( ( 55 - 7.5 ) * 100vw / 768 );
	}
	.privacy #section02 h3{
		font-size : calc( 40 * 100vw / 768 );
		width : calc( 520 * 100% / 720 );
		margin-left : auto;
		margin-right : auto;
		padding-bottom : calc( 29 * 100vw / 768 );
		border-bottom : solid calc( 6 * 100vw / 768 ) #0097e0;
		margin-bottom : calc( 70 * 100vw / 768 );
		white-space : nowrap;
	}
	.privacy #section02 h4{
		font-size : calc( 35 * 100vw / 768 );
		margin-bottom : calc( 25 * 100vw / 768 );
	}
	.privacy #section02 h4:not(:first-of-type){
		margin-top : calc( 90 * 100vw / 768 );
	}
	.privacy #section02 h5{
		font-size : calc( 30 * 100vw / 768 );
		margin-top : calc( 135 * 100vw / 768 );
		margin-bottom : calc( 30 * 100vw / 768 );
	}
}
@media(min-width: 769px){
	.privacy #section02 .wrap{
		padding-bottom : calc( 164px - 6px );
		padding-left : 55px;
		padding-right : 55px;
	}
	.privacy #section02 h3{
		font-size : 20px;
		margin-bottom : 35px;
	}
	.privacy #section02 h4{
		font-size : 20px;
		margin-bottom : 20px;
	}
	.privacy #section02 h4:not(:first-of-type){
		margin-top : 56px;
	}
	.privacy #section02 h5{
		font-size : 20px;
		margin-top : 84px;
		margin-bottom : 28px;
	}
}


/*--------------------------------------------
SITEMAP
---------------------------------------------*/
			#sitemap .box > ul > li {
				line-height: 1.5;
				border-bottom: 1px dotted #333;
			}
			#sitemap ul  li a {
				display: block;
			}
				#sitemap ul  li a:hover {
					color: #666;
				}
					#sitemap ul li ul li {
						line-height: 1.5;
						padding: 5px 0 ;
					}
					#sitemap ul li ul li a::before {
						content: "+ ";
					}
@media(max-width: 768px){
	#sitemap .wrap{
		padding-bottom : calc( ( 55 - 7.5 ) * 100vw / 768 );
	}
			#sitemap .box > ul > li {
				padding: calc(15 * 100vw / 768) 0 ;
			}
				#sitemap ul li ul {
					padding: 0.5em 0 0 2em;
				}
}
@media(min-width: 769px){
	#sitemap .wrap{
		padding: 55px 100px;
	}
	#sitemap .wrap::after{
		display: block;
		clear: both;
		float: none;
		content: "";
	}
		#sitemap .wrap .box:nth-of-type(1){
			float: left;
			width: 40%;
		}
		#sitemap .wrap .box:nth-of-type(2){
			float: right;
			width: 40%;
		}
			#sitemap .box > ul > li {
				padding: 10px 0 ;
			}
			#sitemap .box > ul > li:last-of-type {
				border:none !important;
			}
				#sitemap ul li ul {
					padding: 5px 0 0 2em;
				}
}