/* =============================
メインビジュアル
=============================*/
.recruit_mv {
background-image: url("../img/recruit_mv.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

.recruit_mv h1 {
color: #fff;
font-size: 0.48rem;
font-weight: 100;
}
@media screen and (max-width: 699px) {
}


/* =============================
キーボードの先に広がる、最新テクノロジーの世界へ
=============================*/
#recruit_lead {
background: url("../img/recruit_lead_back.png") no-repeat;
background-size: 100% 100%;
color: #fff;
}

#recruit_lead h2 {
font-size: 0.32rem;
font-weight: bold;
text-align: center;
margin-bottom: 0.4rem;
line-height: 1.4;
}
@media screen and (max-width: 699px) {
#recruit_lead h2 {
font-size: 0.28rem;
}
}

.recruit_lead_box {
width: 84%;
margin: 0 auto;
}
@media screen and (max-width: 699px) {
.recruit_lead_box {
width: 100%;
}
}

.recruit_lead_box p {
line-height: 2.5;
}

@media screen and (max-width: 699px) {
.recruit_lead_box p {
line-height: 2;
}
}

/* =============================
FUTURE
=============================*/
#about_future {
text-align: center;
background: rgba(0,209,204,0.2);
color: #fff;
}

.about_future_title {
font-size: 0.3rem;
margin-bottom: 0.3rem;
}

.about_future_box {
margin-bottom: 0.3rem;
}

.about_future_box p {
text-align: center;
line-height: 2.5;
}



/* =============================
COMPANY INFO
=============================*/
#about_company {
color: #fff;
background: url("../img/about_company_img_01.png") no-repeat right;
background-position-y:200px;
padding-bottom: 0.15rem;
}

/*コンテンツ*/
.about_company_cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.about_company_cont_box {
width: 30%;
margin-bottom: 0.5rem;
}


/*最後のコンテンツ*/
.about_company_cont_box_last {
width: 100%;
}

/*タイトル*/
.about_company_cont_box h3 {
font-size: 0.18rem;
font-weight: bold;
border-bottom: 1px solid #00d1cc;
padding-bottom: 0.05rem;;
margin-bottom: 0.2rem;
}

/* =============================
WELFARE
=============================*/
#recruit_welfare {
color: #fff;
}

/*リード*/
.recruit_welfare_lead h3 {
font-weight: bold;
font-size: 0.26rem;
color: #00d1cc;
text-align: center;
margin-bottom: 0.3rem;
}

.recruit_welfare_lead p {
line-height: 2.5;
text-align: center;
}

@media screen and (max-width: 699px) {
.recruit_welfare_lead p {
line-height: 1.8;
text-align: left;
padding-bottom: 0.3rem;
}
}

/*リスト*/
.recruit_welfare_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.recruit_welfare_list_box {
width: 25%;
box-sizing: border-box;
padding-top: 0.4rem;
padding-bottom: 0.5rem;
padding-left: 0.2rem;
padding-right: 0.2rem;
}

@media screen and (max-width: 699px) {
.recruit_welfare_list_box {
width: 100%;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
}


.recruit_welfare_list_box h4{
font-size: 0.2rem;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 0.5rem;
}

@media screen and (max-width: 699px) {
.recruit_welfare_list_box h4{
margin-bottom: 0.3rem;
}
}


/*タイトル下線*/
.recruit_welfare_list_box h4:before {
content: '';
position: absolute;
left: 50%;
bottom: -0.16rem;
display: inline-block;
width: 20px;
height: 2px;
-webkit-transform: translateX(-50%);
transform: translate(-50%);
background: rgba(255,255,255,1);
background: rgba(0,209,206,0.6);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,209,206,0.6)), color-stop(47%, rgba(0,209,206,0.79)), color-stop(100%, rgba(0,209,206,1)));
background: -webkit-linear-gradient(left, rgba(0,209,206,0.6) 0%, rgba(0,209,206,0.79) 47%, rgba(0,209,206,1) 100%);
background: linear-gradient(to right, rgba(0,209,206,0.6) 0%, rgba(0,209,206,0.79) 47%, rgba(0,209,206,1) 100%);
}

.recruit_welfare_list_box p {
font-size: 0.14rem;
line-height: 2;
}

.recruit_welfare_list_box01 {
background: rgba(0,209,204,0.2);
}

.recruit_welfare_list_box02 {
background: rgba(0,209,204,0.1);
}


/* =============================
REQUIREMENTS
=============================*/
#recruit_yoko {
color: #fff;
background: url("../img/about_mission_back.jpg") no-repeat bottom right;
}

/*タブ*/
.recruit_yoko_tab {
margin-bottom: 0.5rem;
}

@media screen and (max-width: 699px) {
.recruit_yoko_tab {
margin-bottom: 0.1rem;
}
}

.recruit_yoko_tab ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.recruit_yoko_tab li {
width: 33.333%;
text-align: center;
box-sizing: border-box;
padding-left: 2px;
padding-right: 2px;
}

.recruit_yoko_tab li a {
font-size: 0.2rem;
font-weight: bold;
text-align: center;
display: block;
border-bottom: 4px solid #666666;
box-sizing: border-box;
cursor: pointer;
	color: #666;
}

@media screen and (max-width: 699px) {
.recruit_yoko_tab li a {
font-size: 0.14rem;
padding-bottom: 0.1rem;
}
}

.recruit_yoko_tab li.Now a,
.recruit_yoko_tab li a:hover {
border-bottom: 4px solid #00d1cc;
	color: #FFF;
}


/*テーブル*/
.recruit_yoko_table table {
width: 100%;
}

.recruit_yoko_table tr {
width: 100%;
}

.recruit_yoko_table th {
width: 20%;
box-sizing: border-box;
background: rgba(0,209,204,0.2);
padding-top: 0.2rem;
padding-bottom: 0.2rem;
padding-left: 0.2rem;
text-align: left;
vertical-align: top;
line-height: 1.6;
}
@media screen and (max-width: 699px) {
.recruit_yoko_table th {
width: 100%;
display: block;
}
}


.recruit_yoko_table td {
width: 80%;
box-sizing: border-box;
background: rgba(0,209,204,0.1);
padding-top: 0.2rem;
padding-bottom: 0.2rem;
padding-left: 0.2rem;
line-height: 1.6;
}
@media screen and (max-width: 699px) {
.recruit_yoko_table td {
width: 100%;
display: block;
}
}


.recruit_yoko_table td ul {
list-style: disc inside;
}

.recruit_yoko_table td a {
color: #00d1cc;
}
.recruit_yoko_table td a:hover {
opacity: 0.7;
}