@charset "UTF-8";
#contents {
padding-bottom: 80px;
}
/*mv*/
#inrMv {
	overflow: hidden;
}
#inrMv .imBox {
	background: url("../images/mv.jpg") center center no-repeat;
	background-size: cover;
	padding: 200px 0;
}
#inrMv .imBox h1 {
	color: #fff;
}

#inrMv .overR {
	bottom: 0;
}

.careerBox {
max-width: 1920px;
width: 100%;
margin: 0 auto 80px;
display: flex;
justify-content: space-between;
}

.careerBox.rr {
flex-direction: row-reverse;
}

.careerBox .imgBox {
width: 49%;
position: relative;
padding-top:30px;
}
.careerBox .labelBox {
position: absolute;
right: -19px;
top: 0;
}

.careerBox.rr .labelBox {
right:inherit;
left: -19px;
top: 0;
}

.careerBox.rr  .lbInr:before {
  right:inherit;
  left: 0;
  border-left: none;
  border-right: solid 20px #d1a106;/*折り返し部分*/
}


.careerBox .lbInr {
  display: inline-block;
  position: relative;
  padding: 30px 50px;
  color: #FFF;/*フォントカラー*/
  background: #ffca1d;/*リボンの色*/
  text-align: center;
}

.careerBox .lbInr:before {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px #d1a106;/*折り返し部分*/
}

.careerBox .lbInr {
  display: inline-block;
  position: relative;
  padding: 30px 50px;
  color: #FFF;/*フォントカラー*/
  background: #ffca1d;/*リボンの色*/
  text-align: center;
}

.careerBox .lbInr:before {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px #d1a106;/*折り返し部分*/
}

.careerBox .lbInr .num {
font-family: 'Josefin Sans', sans-serif;
font-size: 36px;
font-weight: bold;
display: inline-block;
border-bottom: 1px solid #fff;
line-height: 1!important;
margin-bottom: 20px;
}
.careerBox .lbInr .num small {
font-weight: normal;
display: block;
font-size: 14px;
}
.careerBox .lbInr .work{
font-size: 30px;
line-height: 1.5!important;
}
.careerBox .lbInr .work small {
font-size: 18px;
display: block;
}

.textBox {
width: 48%;
padding:40px 30px 0;
}

.textBox dl {
display: table;
width: 100%;
margin-bottom: 10px;
}

.textBox dl dt,
.textBox dl dd {
display: table-cell;

}

.textBox dl dt {
background: #c76ecc;
text-align: center;
color: #fff;
font-size: 18px;
width: 15%;
vertical-align: middle;
line-height: 1.7;
position: relative;
}

.textBox dl.arrow dt {
background: #fff;
color: #ffca1d;
font-size: 30px;
}

/*.textBox dl dt:after {
    position: absolute;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-top: 16px solid #ffca1d;
	left: calc(50% - 16px);
	top: calc(100%  + 20px);
	content: "";
}


@media screen\0 {
.textBox dl dt:after {
	top: calc(100%  + 70px);
}
.textBox dl dt.fp:after {
	top: calc(100%  + 95px);
}
}*/

.textBox dl.last dt:after {
display: none;
}
.textBox dl dd {
width: 85%;
padding: 0 0 15px 20px;
box-sizing: border-box;
}
.textBox dl dd h3 {
color: #c76ecc;
font-size: 22px;
margin-bottom: 10px;
}






















