@charset "utf-8";

header nav ul li.m4 a{
	color:#009D87;
	}
header nav ul li.m4:after{
	display:block;
	}
header nav ul li.m4 a:after{
	border-color:#009D87;
	}
header nav ul li.m4 ul li a{
	color:#140A00;
	}
header nav ul li.m4 ul li a:after{
	border-color:#140A00;
	}
header nav ul li.m4 ul li a:hover{
	color:#009D87;
	}
#header2 nav ul li.m4 a{
	background-color:#787878;
	}
#header2 nav ul li.m4 ul li a{
	background-color:#FFF;
	}
#headbg{
	background:url(../img/recruit/headbg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#headbg h1{
	text-align:center;
	right:0;
	width:100%;
	bottom:auto;
	top:50%;
	}

#index1{
	position:relative;
	overflow:hidden;
	zoom:1;
	}
#index1:before{
	content:"";
	display:block;
	width:-webkit-calc(50% - 40px);
	width:calc(50% - 40px);
	height:440px;
	background:url(../img/recruit/index1.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:absolute;
	right:0;
	top:0;
	}
#index1:after{
	content:"";
	display:block;
	width:-webkit-calc(50% - 40px);
	width:calc(50% - 40px);
	height:440px;
	background:url(../img/recruit/index2.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:absolute;
	right:0;
	top:450px;
	}
#index1 h2{
	max-width:1280px;
	margin:0 auto;
	padding:80px 700px 0 70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	font-size:50px;
	font-family:'Shippori Mincho';
	font-weight:500;
	line-height:1.4;
	}
#index1 p{
	max-width:1280px;
	margin:0 auto;
	padding:50px 700px 80px 70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#index2bg{
	position:relative;
	overflow:hidden;
	zoom:1;
	padding-top:140px;
	}
#index2bg:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:225px;
	z-index:-1;
	background-color:#F0F0F0;
	}
#index2{
	padding:0px 70px 140px 70px;
	max-width:1140px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	}
#index2 h2{
	float:left;
	}
#index2 p{
	float:right;
	margin-top:60px;
	padding-bottom:90px;
	}
#index2 a{
	clear:both;
	display:block;
	position:relative;
	}
#index2 a article{
	margin-top:40px;
	background-color:#FFF;
	padding:40px 100px 50px 40%;
	display:block;
	position:relative;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	overflow:hidden;
	zoom:1;
	}
#index2 a:after{
	content:"";
	display:block;
	background-color:#009D87;
	height:36px;
	width:36px;
	position:absolute;
	right:25px;
	bottom:25px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	z-index:1;
	transition:0.3s;
	}
#index2 a:before{
	content:"";
	display:block;
	position:absolute;
	right:41px;
	bottom:39px;
	width:5px;
	height:5px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:2;
	transition:0.3s;
	}
#index2 a:hover:after{
	right:21px;
	}
#index2 a:hover:before{
	right:37px;
	}
#index2 a article div{
	position:absolute;
	left:0;
	top:0;
	width:35%;
	height:100%;
	z-index:1;
	background-position:center center;
	}
#index2 a article div:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#140A00;
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
	}
#index2 a article ul li{
	margin:10px 10px 0 0;
	font-size:17px;
	display:inline-block;
	background-color:#D9EEEB;
	padding:4px 15px 5px 15px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	color:#009D87;
	}
#index2 a article h3{
	font-size:34px;
	font-weight:700;
	color:#009D87;
	margin-top:10px;
	}
#index2 a article h4{
	font-size:17px;
	color:#786E64;
	line-height:1.9;
	margin-top:20px;
	}
#index2 a:hover{
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#index3{
	max-width:1140px;
	margin:0 auto;
	padding:140px 70px 0 70px;
	overflow:hidden;
	zoom:1;
	}
#index3 h2{
	float:left;
	width:48%;
	font-size:34px;
	font-weight:700;
	text-align:center;
	}
#index3 h2:last-of-type{
	float:right;
	}
#index3 h2 a{
	display:block;
	border:1px solid #D8DADC;
	position:relative;
	padding:60px 0px 60px 0px;
	color:#140A00;
	}
#index3 h2 a:after{
	content:"";
	display:block;
	background-color:#009D87;
	height:36px;
	width:36px;
	position:absolute;
	right:25px;
	bottom:25px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	z-index:1;
	transition:0.3s;
	}
#index3 h2 a:before{
	content:"";
	display:block;
	position:absolute;
	right:41px;
	bottom:39px;
	width:5px;
	height:5px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:2;
	transition:0.3s;
	}
#index3 h2 a:hover:after{
	right:21px;
	}
#index3 h2 a:hover:before{
	right:37px;
	}
#index3 h2 a:hover{
	text-decoration:none;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
#index3 h2 a img{
	margin:0 auto 30px auto;
	}
#index3 h2 a span{
	font-size:18px;
	display:block;
	color:#009D87;
	margin-top:15px;
	}
.cts{
	display:flex;
	max-width:1140px;
	margin:0 auto;
	padding:0 70px 140px 70px;
	position:relative;
	}
.cts:nth-of-type(1){
	margin-bottom:140px;
	}
.cts:after{
	content:"";
	display:block;
	position:absolute;
	left:70px;
	bottom:0;
	height:1px;
	width:-webkit-calc(100% - 140px);
	width:calc(100% - 140px);
	background-color:#D8DADC;
	}
.side{
	width:28%;
	}
.side h2.titleb{
	top:160px;
	position:sticky;
	}
.main{
	width:72%;
    min-height:100vh;
	padding-top:510px;
	position:relative;
	}
.main:after{
	content:"";
	display:block;	
	width:-webkit-calc(100% + 70px);
	width:calc(100% + 70px);
	height:420px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/recruit/voice-top1.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	border-radius: 30px 0px 0px 30px / 30px 0px 0px 30px;
	-moz-border-radius: 30px 0px 0px 30px / 30px 0px 0px 30px;
	-webkit-border-radius: 30px 0px 0px 30px / 30px 0px 0px 30px;
	-o-border-radius: 30px 0px 0px 30px / 30px 0px 0px 30px;
	-ms-border-radius: 30px 0px 0px 30px / 30px 0px 0px 30px;
	}
.cts:nth-of-type(2) .main:after{
	background:url(../img/recruit/voice-top2.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.voice h2{
	text-align:center;
	}
.voice h2 strong{
	display:inline-block;
	font-family:'Shippori Mincho';
	font-weight:500;
	font-size:40px;
	position:relative;
	padding:0 75px;
	}
.voice h2 strong:after{
	content:"";
	display:block;
	width:50px;
	height:1px;
	position:absolute;
	left:0;
	background-color:#140A00;
	top:30px;
	}
.voice h2 strong:before{
	content:"";
	display:block;
	width:50px;
	height:1px;
	position:absolute;
	right:0;
	background-color:#140A00;
	top:30px;
	}
.voice ul{
	margin-top:30px;
	background-color:#F5F5F5;
	text-align:left;
	padding:20px 5% 30px 6%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	}
.voice ul li{
	font-size:20px;
	list-style-type:disc;
	margin:12px 0 0 20px;
	}
.voice .box1{
	padding-top:90px;
	}
.voice .box1 .face{
	text-align:center;
	margin:40px 0 -50px 0;
	}
.voice .box1 .face:nth-of-type(2){
	border-top:1px solid #D8DADC;
	margin-top:85px;
	padding-top:80px;
	}
.voice .box1 .face img{
	display:inline-block;
	margin-right:30px;
	}
.voice .box1 .face h3{
	font-size:19px;
	font-weight:500;
	display:inline-block;
	text-align:left;
	vertical-align:8px;
	}
.voice .box1 .face h3 span{
	font-size:32px;
	display:inline-block;
	font-family:'Lato';
	font-weight:700;
	vertical-align:-3px;
	margin-right:5px;
	}
.voice .box1 .face h3 strong{
	font-size:19px;
	font-weight:500;
	display:block;
	padding-top:5px;
	line-height:1.6;
	}
.voice .box1 h4{
	font-size:25px;
	font-weight:900;
	padding:19px 20px 18px 25px;
	background-color:#F5F5F5;
	border-left:3px solid #009D87;
	margin:80px 0 20px 0;
	}
.voice .box1 p{
	overflow:hidden;
	zoom:1;
	font-size:17px;
	}
.voice .box1 p img{
	float:right;
	margin:18px 0 5px 40px;
	width:36%;
	}
#entry1{
	max-width:940px;
	margin:0 auto;
	padding:0 70px;
	}
#entry1 table{
	margin-top:90px;
	width:100%;
	border-top:1px solid #DCDCDC;
	}
#entry1 table tr th{
	font-size:18px;
	font-weight:700;
	position:relative;
	text-align:left;
	vertical-align:top;
	padding:50px 40px 45px 20px;
	width:260px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	border-bottom:1px solid #DCDCDC;
	overflow:hidden;
	zoom:1;
	}
#entry1 table tr th p{
	font-weight:700;
	font-size:18px;
	line-height:1.4;
	}
#entry1 table tr th span{
	font-size:15px;
	font-weight:500;
	display:inline-block;
	background-color:#E7380D;
	color:#FFF;
	padding:0px 6px 1px 6px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	position:absolute;
	right:40px;
	top:52px;
	}
#entry1 table tr td{
	font-size:17px;
	font-weight:500;
	text-align:left;
	vertical-align:top;
	padding:32px 30px 31px 0px;
	border-bottom:1px solid #DCDCDC;
	}
#entry1 table tr td p{
	font-size:17px;
	font-weight:500;
	line-height:1.4;
	}
#entry1 table tr td input.inputtext,
#entry1 table tr td textarea{
	font-size:17px;
	font-weight:500;
	border:1px solid #BEBEBE;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	padding:18px 20px 17px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#entry1 table tr td textarea{
	width:100%;
	height:180px;
	}
#entry1 table tr td input.input80{
	width:80%;
	}
#entry1 table tr td input.inputtext:placeholder,
#entry1 table tr td textarea:placeholder{
	color:#A0A0A0;
	font-size:17px;
	font-weight:500;
	}
#entry1 table tr td input.inputtext:placeholder-shown,
#entry1 table tr td textarea:placeholder-shown{
	background-color:#F5F5F5;
	}
#entry1 table tr td .radio1{
	line-height:2.3;
	display:block;
	margin-top:-15px;
	}
#entry1 table tr td .radio1 .wpcf7-list-item{
	font-size:17px;
	font-weight:500;
	display:inline-block;
	margin:15px 15px 0 0;
	}
#entry1 table tr td .radio1 .wpcf7-list-item input{
	padding:2px;
	width:20px;
	height:20px;
	display:block;
	margin-right:8px;
	float:left;
	margin-top:11px;
	}
#entry1 table tr td .radio1 .wpcf7-list-item label{
	display:inline-block;
	border:1px solid #BEBEBE;
	padding:9px 25px 9px 15px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	cursor:pointer;
	min-width:180px;
	}
#entry1 .checkp p{
	text-align:center;
	font-size:18px;
	font-weight:500;
	padding-top:70px;
	color:#A0968C;
	}
#entry1 .checkp input{
	width:20px;
	height:20px;
	border:1px solid #BEBEBE;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	display:inline-block;
	vertical-align:-3px;
	margin-right:12px;
	}
#entry1 .btm{
	text-align:center;
	padding:60px 60px 0 0;
	}
#entry1 .btm p{
	text-align:center;
	padding-left:80px;
	}
#entry1 .btm input{
	display:inline-block;
	letter-spacing:0.08em;
	font-size:24px;
	font-weight:700;
	color:#009D87;
	border:1px solid #009D87;
	padding:25px 40px 25px 40px;
	background-color:#E5F5F3;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	cursor:pointer;
	}
#entry1 .btm input:disabled{
	background-color:#eeeeee;
	color:#ababab;
	border:1px solid #d0d0d0;
	cursor:auto;
	}
#entry1 .btm input:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#entry1 .btm input:disabled:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
#entry1 h6{
	text-align:center;
	font-size:18px;
	padding-top:70px;
	}
@media screen and (max-width:1300px){
#index1 h2{
	width:-webkit-calc(50% - 60px);
	width:calc(50% - 60px);
	margin:0;
	padding:80px 0 0 70px;
	}
#index1 p{
	width:-webkit-calc(50% - 60px);
	width:calc(50% - 60px);
	margin:0;
	padding:50px 0 80px 70px;
	}
}
@media screen and (max-width:1060px){
#index1{
	padding-bottom:700px;
	}
#index1:before{
	width:-webkit-calc(100%);
	width:calc(100%);
	height:300px;
	top:auto;
	bottom:300px;
	}
#index1:after{
	width:-webkit-calc(100%);
	width:calc(100%);
	height:300px;
	top:auto;
	bottom:0px;
	}
#index1 h2{
	width:-webkit-calc(100%);
	width:calc(100%);
	margin:0;
	padding:20px 7% 0 7%;
	font-size:66px;
	}
#index1 h2 span{
	display:inline-block;
	}
#index1 p{
	width:-webkit-calc(100%);
	width:calc(100%);
	margin:0;
	padding:50px 7% 0 7%;
	}
.cts{
	display:block;
	}
.side{
	width:auto;
	}
.side h2.titleb{
	top:auto;
	position:relative;
	text-align:center;
	}
.main{
	width:auto;
    min-height:auto;
	margin-top:60px;
	}
}
@media screen and (max-width:900px){
#index1 h2{
	font-size:36px;
	}
#index1 p{
	padding-top:40px;
	}
#index2bg{
	padding-top:100px;
	}
#index2bg:after{
	top:162px;
	}
#index2{
	padding:0px 7% 80px 7%;
	}
#index2 h2{
	float:none;
	text-align:center;
	}
#index2 p{
	float:none;
	margin-top:40px;
	padding-bottom:10px;
	}
#index2 a article{
	max-width:540px;
	margin:35px auto 0 auto;
	padding:370px 7% 30px 7%;
	}
#index2 a:after{
	height:30px;
	width:30px;
	right:15px;
	bottom:15px;
	}
#index2 a:before{
	right:28px;
	width:4px;
	height:4px;
	bottom:27px;
	}
#index2 a:hover:after{
	right:15px;
	}
#index2 a:hover:before{
	right:28px;
	}
#index2 a article div{
	width:100%;
	height:340px;
	}
#index2 a article ul li{
	padding:3px 12px 3px 12px;
	margin:5px 5px 0 0;
	font-size:16px;
	}
#index2 a article h3{
	font-size:24px
	}
#index2 a article h4{
	font-size:16px;
	line-height:1.8;
	margin-top:15px;
	padding-right:20px;
	}
#index3{
	padding:55px 7% 0 7%;
	}
#index3 h2{
	float:none;
	width:540px;
	max-width:100%;
	margin:25px auto 0 auto;
	font-size:26px;
	}
#index3 h2:last-of-type{
	float:none;
	}
#index3 h2 a{
	padding:45px 0px 35px 0px;
	}
#index3 h2 a:after{
	height:30px;
	width:30px;
	right:15px;
	bottom:15px;
	}
#index3 h2 a:before{
	right:28px;
	width:4px;
	height:4px;
	bottom:27px;
	}
#index3 h2 a:hover:after{
	right:15px;
	}
#index3 h2 a:hover:before{
	right:28px;
	}
#index3 h2 a img{
	margin-bottom:20px;
	width:76px;
	}
#index3 h2 a span{
	font-size:16px;
	margin-top:10px;
	}
.cts{
	padding:0 7% 90px 7%;
	overflow:hidden;
	zoom:1;
	}
.cts:nth-of-type(1){
	margin-bottom:90px;
	}
.cts:after{
	left:7%;
	width:-webkit-calc(86%);
	width:calc(86%);
	}
.main{
	padding-top:400px;
	margin-top:50px;
	}
.main:after{
	width:-webkit-calc(110%);
	width:calc(110%);
	height:320px;
	border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-o-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	-ms-border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
	}
.voice h2 strong{
	font-size:28px;
	padding:0 50px;
	}
.voice h2 strong:after{
	width:35px;
	top:22px;
	}
.voice h2 strong:before{
	width:35px;
	top:22px;
	}
.voice ul{
	margin-top:22px;
	padding:12px 5% 20px 9%;
	}
.voice ul li{
	margin:10px 0 0 20px;
	font-size:17px;
	}
.voice .box1{
	padding-top:70px;
	}
.voice .box1 .face{
	margin:30px 0 -20px 0;
	}
.voice .box1 .face:nth-of-type(2){
	margin-top:50px;
	padding-top:60px;
	}
.voice .box1 .face img{
	width:100px;
	margin-right:20px;
	}
.voice .box1 .face h3{
	font-size:17px;
	vertical-align:4px;
	}
.voice .box1 .face h3 span{
	font-size:28px;
	vertical-align:-1px;
	margin-right:4px;
	}
.voice .box1 .face h3 strong{
	font-size:17px;
	padding-top:3px;
	line-height:1.4;
	}
.voice .box1 h4{
	font-size:20px;
	padding:15px 15px 15px 20px;
	margin:50px 0 15px 0;
	}
.voice .box1 p img{
	float:none;
	width:300px;
	max-width:80%;
	margin:5px auto 20px auto;
	}
#entry1{
	padding:0 7%;
	}
#entry1 table{
	margin-top:60px;
	border-top:0;
	}
#entry1 table tr th{
	display:block;
	width:100%;
	padding:9px 15px 9px 20px;
	background-color:#787878;
	color:#FFF;
	border-bottom:0;
	}
#entry1 table tr th p{
	color:#FFF;
	font-size:17px;
	}
#entry1 table tr th span{
	font-size:14px;
	padding:1px 6px 1px 6px;
	right:16px;
	top:11px;
	}
#entry1 table tr td{
	display:block;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:20px 0px 40px 0px;
	border-bottom:0;
	}
#entry1 table tr td input.inputtext,
#entry1 table tr td textarea{
	padding:16px 10px 16px 18px;
	}
#entry1 table tr td textarea{
	height:140px;
	}
#entry1 table tr td input.input80{
	width:100%;
	}
#entry1 table tr td .radio1{
	line-height:2.1;
	margin-top:-12px;
	}
#entry1 table tr td .radio1 .wpcf7-list-item{
	margin:12px 0 0 0;
	display:block;
	}
#entry1 table tr td .radio1 .wpcf7-list-item input{
	padding:1px;
	width:16px;
	height:16px;
	margin-right:6px;
	margin-top:11px;
	}
#entry1 table tr td .radio1 .wpcf7-list-item label{
	padding:8px 12px 8px 12px;
	display:block;
	min-width:auto;
	}
#entry1 .checkp p{
	font-size:16px;
	padding-top:10px;
	}
#entry1 .checkp input{
	width:18px;
	height:18px;
	vertical-align:-1px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	margin-right:6px;
	}
#entry1 .btm{
	padding:45px 0 0 0;
	}
#entry1 .btm p{
	padding-left:0;
	}
#entry1 .btm input{
	letter-spacing:0.05em;
	font-size:20px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:20px 0px 20px 0px;
	display:block;
	}
#entry1 h6{
	font-size:17px;
	padding-top:50px;
	}
}
@media screen and (max-width:420px){
#index1{
	padding-bottom:470px;
	}
#index1:before{
	height:200px;
	bottom:200px;
	}
#index1:after{
	height:200px;
	}
#index1 h2{
	font-size:30px;
	}
#index2 a article{
	padding-top:215px;
	}
#index2 a article div{
	height:190px;
	}
.main{
	padding-top:280px;
	}
.main:after{
	height:220px;
	}
}