@charset "utf-8";

.main_visual {
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	height: 395px;
	background-image: url(/recruit/img/main_visual.png);
}

/*.recruit_link{
    display: table;
    width: 100%;
    color: #fff;
}*/

.box_body {
    width: 1000px;
    margin: 0 auto;
    padding-top:50px;
}

.box_body:after {
    content: "";
    clear: both;
    display: block;
}
.new_img {
    float: left;
    position: relative;
    margin-right: 0px;
    right: -1px;
    background-image: url(/recruit/img/rec2_top.jpg);
    width: 500px;
    height: 350px;
    background-repeat: no-repeat;
}

.new_title {
    color: white;
    position: relative;
    width: 323px;
    text-align: center;
    height: 85px;
    border: 1px solid white;
    margin: 0 auto;
    top: 72px;
    left: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.new_text {
    width: 360px;
    text-align: center;
    margin: 111px auto 0px;
    line-height: 30px;
    color: #ffffff;
}

.career_img {
    float: right;
    position: relative;

    background-image: url(/recruit/img/rec.jpg);
    width: 500px;
    height: 350px;
    background-repeat: no-repeat;
}
.career_title {
    color: white !important;
    position: relative;
    width: 323px;
    text-align: center;
    height: 85px;
    border: 1px solid white;
    margin: 0 auto;
    top: 72px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.career_text {
    width: 430px;
    text-align: center;
    margin: 111px auto 0px;
    line-height: 30px;
    color: #fff;
    height: 70px;
}

.career_btn {
    text-align: center;
    line-height: 30px;
}



.rc_left, .rc_right, .condition{
    margin: 0 auto;
    padding: 60px;
    text-align: center;
    width: 70%;
}

.condition{
    padding: 0;
    width: 18%;
}

.more-btn-wht {
    margin-top: 30px;
    text-align: center;
    background: url(/img/common/more-wht-btn.png) no-repeat center;
    height: 50px;
}

.more-btn-wht img {
    margin: 35px 0 0 280px;
}

.more-btn-wht:hover img{
  -webkit-transform: translate(20px,0);
  -moz-transform: translate(20px,0);
  -ms-transform: translate(20px,0);
  -o-transform: translate(20px,0);
  transform: translate(20px,0);
  transform: translate(20px,0);
}

.rc_left h3, .rc_right h3 {
    color: #fff;
    margin: 45px 0 70px;
    padding: 20px;
    border: 1px solid #fff;
    font-size: 1.8rem;
}

.condition h3 {
    color: #000;
    margin: 45px 0 45px;
    padding: 20px;
    border: 1px solid #000;
    font-size: 1.8rem;
}

.rc_text2{
	padding-bottom: 30px;
}

.recruit_btn {
    transition: 0.3s;
    margin-top: 30px;
    height: 50px;
    background: url(/recruit/img/entry2.png) center top no-repeat;
    text-align: center;
}

.list{
	margin: 0 50px 0 50px;
}

ul.entry_list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;;
 width:100%;
 padding: 0; /* ?]???O */
 border-bottom: 1px solid black;
 border-bottom-style: dotted;
 padding: 25px 0 25px 0;
}

ul.topbar{
 border-top: 1px solid black;
 border-top-style: dotted;
}

ul.entry_list > li:nth-child(2n+1) {
 clear: both;
}
ul.entry_list > li {
 display: inline-block;
 vertical-align: middle;
}

ul.entry_list > li:nth-child(2n+1) { /* ??????Z?????{ */
 border-width: 0 1px 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 width: 25%;
}
ul.entry_list > li:nth-child(2n) { /* ?E????Z?????{ */
 border-width: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 width: 75%;
}
ul.entry_list > li:nth-last-child(2) { /* ?????????Z?? */
 border-width: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 width: 25%;
}
ul.entry_list > li:nth-last-child(1) { /* ?E???????Z?? */
 border-width: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 width: 75%;
}

ct{
	margin: 0 50px 0 50px;
}

ol li{
	list-style-type: none;
}
.pc-pt-50{
padding-top:50px;
}


/* voiceListSec */
.voiceListSec {
	width:1004px;
	margin:80px auto;
}
.voiceListSec img {
	vertical-align:top;
}
.voiceListSec .ttl {
	/* font-family: "��������", "Yu Mincho", "�q���M�m���� ProN W3", "HiraMinProN-W3", "HG����E", "�l�r �o����", "MS PMincho", "MS ����", serif; */
	text-align:center;
}
.voiceListSec .clm {
	width:100%;
	display:table;
	table-layout:fixed;
	border-spacing:2px 0;
}
.voiceListSec .clm > div {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
.voiceListSec .btn {
	position:relative;
	top:-9px;
}


/* voiceSec */
.voiceSec {
	width:1000px;
	margin:0 auto;
}
.voiceSec img {
	vertical-align:top;
}
.voiceSec .txt1 {
	/* font-family: "��������", "Yu Mincho", "�q���M�m���� ProN W3", "HiraMinProN-W3", "HG����E", "�l�r �o����", "MS PMincho", "MS ����", serif; */
	font-size:30px;
	text-align:center;
	margin:0 0 50px 0;
}
.voiceSec .txt2 {
	font-size:28px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin:0 0 30px 0;
	/* font-family: "��������", "Yu Mincho", "�q���M�m���� ProN W3", "HiraMinProN-W3", "HG����E", "�l�r �o����", "MS PMincho", "MS ����", serif; */
}
.voiceSec .txt3 {
	/* font-family: "���S�V�b�N","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","���C���I",sans-serif; */
	font-size:14px;
	line-height:2.8;
}
.voiceSec .txt4 {
	text-align:center;
	margin:0 0 80px 0;
}
.voiceSec .txt5 {
	font-size:18px;
	text-align:center;
}
.voiceSec .txt6 {
	font-size:14px;
	text-align:center;
	margin:0 0 15px 0;
}
.voiceSec .clm.clm1,
.voiceSec .clm.clm2 {
	margin:0 0 100px 0;
	display:flex;
	justify-content:space-between;
}
.voiceSec .clm.clm1 > div.ctx,
.voiceSec .clm.clm2 > div.ctx {
	flex-grow:1;
}
.voiceSec .clm.clm1 > div.img {
	order:1;
}
.voiceSec .clm.clm1 > div.ctx {
	padding-left:30px;
	order:2;
}
.voiceSec .clm.clm2 > div.img {
	order:2;
}
.voiceSec .clm.clm2 > div.ctx {
	padding-right:30px;
	order:1;
}
.voiceSec .clm3 {
	display:flex;
	/* justify-content:space-between; */
}
.voiceSec .clm3 > div {
	width:313px;
	text-align:center;
	margin: 10px;
	padding:10px;
	background-color:#fff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	box-sizing:border-box;
}
.voiceSec .clm3 > div .img {
	margin:0 0 10px 0;
}

.sp-open-on{
display:none;
}

.sp-open-off{

}

/* 20211217 追記 */
.tac {
	width: 70%;
	margin: 20px auto 0;
	line-height: 1.8em;
}