@charset "utf-8";
/* CSS Document */

/*トップページ用*/

.pbAreaWrapper1{
	width:100% !important;
}
.box_pankuzu{
	display:none;
}

.pbHeaderArea{
	margin-bottom:0;
}

.pbFooterArea{
    margin-top:0;
}

#box_rec_header{
	margin-bottom:0;
}

.pbHeaderArea,
.pbAreaWrapper1,
.pbFooterArea{
	min-width:1570px;
}

.rec_top_contents_width{
	width:1400px;
	margin-left:auto !important;
	margin-right:auto !important;
}

/* =============== 見出し =============== */
.ttl_rectop h2{
	padding:0;
	padding-top:30px;
	border-radius: inherit;
	background:inherit;
	font-size:2.875em;
	margin-bottom:90px;
	border:none;
}

.ttl_rectop h2 span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 2rem;
	font-size:0.47em;
}

.ttl_rectop h2:after{
	content:inherit;
}

.ttl_rectop h2 span:after {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 25px;
    height: 5px;
    background-image: linear-gradient(90deg, #0193e9, #87e1e1);
}

/* =============== ボタンリンク =============== */
.btn_link_rec.white a{
	border-color:#fff;
	background:#fff;
}

.btn_link_rec.blue a{
	border-color:#0193e9;
	background:#0193e9;
}

.btn_link_rec.white a::before{
	background-image: url(../recruit/arrow_circle_recyellow.svg);
}

.btn_link_rec.blue a::before{
	background-image: url(../recruit/arrow_circle_recwhite.svg);
}

.btn_link_rec.white a:link,
.btn_link_rec.white a:visited{
	color:#232323;
}

.btn_link_rec.blue a:link,
.btn_link_rec.blue a:visited{
	color:#fff;
}

.btn_link_rec.white a:hover,
.btn_link_rec.blue a:hover{
	text-decoration: underline;
}

/* =============== メインイメージ =============== */
.flex_rec_top{
	height:550px;
}

.flex_rec_top>.pbNested {
    display: flex;
}

.flex_rec_top>.pbNested:after{
    display:none;
}

.flex_rec_top .side{
	background:#0193e9;
	color:#fff;
	width:45%;
	/*height:100%;*/
	padding:50px;
	flex-grow: 1;
    display: flex;
    align-items: center;
}

.box_topmain{
	position: relative;
}

.box_topmain .box_rec_top_catch{
	position: absolute;
	top: 100px;
    left: 68px;
}

.box_topmain .box_rec_top_catch>.pbNested {
    display: flex;
	flex-direction: column;
	row-gap: 65px;
}

.box_topmain .box_rec_top_catch>.pbNested:after{
    display:none;
}

.box_topmain .box_rec_top_catch .message{
	font-size:2.4em;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
}

.box_topmain .box_rec_top_catch .btn_link_rec{
	text-align: center;
}

.box_topmain .box_rec_top_catch .btn_link_rec.clear a{
	background:rgba(1,147,233,0.0);
	border:solid 3px #fff;
}

.btn_link_rec.clear.icon_arrow2 a::before{
	background-image: url(../recruit/arrow_circle_recwhite.svg);
    background-size: 25px;
    top: calc(50% - 12px);
    left: inherit;
    right: 23px;
    width: 25px;
    height: 25px;
}

.box_topmain .box_rec_top_catch .btn_link_rec.clear a:link,
.box_topmain .box_rec_top_catch .btn_link_rec.clear a:visited{
	color:#fff;
}

.box_topmain .box_rec_top_catch .btn_link_rec.clear a:hover{
	text-decoration: underline;
}

.flex_rec_top .box_rec_mainimg{
	width:55%;
	height:550px;
	background:url(../recruit/img_rec_main.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}

.flex_rec_top .box_rec_mainimg img{
	object-fit: cover;
	width:100%;
	height:100%;
}

/* =============== 採用情報 =============== */
#box_rectop01{
	padding: 90px 0;
	display: flex;
	flex-direction: column;
	row-gap:60px;
}

#box_rectop01:after{
    display:none;
}

.box_rec_top_saiyo{
	background: #fff;
	width:1220px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	margin:0 auto;
}

.box_rec_top_saiyo .ttl{
	background:#0193ec;
	color:#fff;
	text-align: center;
	font-size:2em;
	font-weight:bold;
	padding:15px 20px;
}

.box_rec_top_saiyo .area_txt{
	padding:0 40px 40px;
	font-size: 1.2em;
}

.box_rec_top_saiyo .area_txt h2{
	background:inherit;
	padding:0;
	padding-left: 32px;
	font-size:1.3em;
	border-radius: inherit;
	border:none;
}

/*.box_rec_top_saiyo .area_txt h2:first-child{
	margin-top:0
}*/

.box_rec_top_saiyo .area_txt h2:after {
	content: "";
	position: absolute;
	background-image: linear-gradient(90deg, #0193e9, #87e1e1);
	width: 23px;
	height: 23px;
	border-radius: 50%;
	top: 19px;
	/* border: dashed 1px white; */
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.box_rec_top_saiyo .area_txt h3{
	font-size:1.2em;
}

.box_rec_top_saiyo .area_txt h4{
	font-size:1.15em;
}

.box_rec_top_saiyo .area_txt h5{
	font-size:1.1em;
}

.box_rec_top_saiyo .area_txt h6{
	font-size:1em;
}

/* =============== 魅力 =============== */
.flex_rec_features{
	width: 1200px;
    margin: 0 auto;
}

.flex_rec_features>.pbNested {
    display: flex;
    justify-content:space-between;
	column-gap: 40px;
}

.flex_rec_features>.pbNested:after{
    display:none;
}

.flex_rec_features>.pbNested>.pbNested{
	width:336px;
}

.box_rec_features{
	border:solid #232323 5px;
	margin:0 6px 6px 0;
	box-shadow: 6px 6px #0193e9;
	padding: 20px;
    box-sizing: border-box;
}

.box_rec_features>.pbNested {
    display: flex;
	flex-direction: column;
    justify-content:space-between;
	row-gap: 5px;
}

.box_rec_features>.pbNested:after{
    display:none;
}

.box_rec_features .img{
	text-align:center;
}
.box_rec_features .img img{
	width:100%;
}

.box_rec_features .ttl{
	text-align:center;
	font-weight:bold;
	font-size:1.75em;
}

/* ===============  仕事を知る=============== */
#box_rectop02{
	background:#eeeeee;
	padding:78px 0;
}

.flex_rec_top02>.pbNested {
    display: flex;
	flex-direction: column;
    justify-content:space-between;
	row-gap: 60px;
}

.flex_rec_top02>.pbNested:after{
    display:none;
}

.flex_rec_work,
.flex_rec_environment{
	background:#fff;
	padding:50px;
}

.flex_rec_work>.pbNested {
    display: flex;
    justify-content:space-between;
	column-gap: 40px;
}

.flex_rec_work>.pbNested:after{
    display:none;
}

.flex_rec_work h2,
.flex_rec_environment h2{
	margin-top:0;
	    margin-bottom: 50px;
}

.list_work{
	grid-template-columns: repeat(2, 317px);
}

/* ===============  働く環境を知る=============== */
.flex_rec_environment2>.pbNested {
    display: flex;
    justify-content:space-between;
	column-gap: 40px;
	align-items: center;
}

.flex_rec_environment2>.pbNested:after{
    display:none;
}

.flex_rec_environment2 .left{
	width:685px;
}

.flex_rec_environment2 .right{
	width:555px;
}

/* ===============  よくある質問 =============== */
#box_rectop03{
	padding:60px 0;
}

.box_rec_qa{
	background-image: linear-gradient(90deg, #0193e9, #87e1e1);
	width:1570px;
	margin:0 auto;
	border-radius:40px;
	padding:50px;
	color:#fff;
}

.box_rec_qa .ttl_rectop h2 span:after{
	background-image:none;
	background-color:#fff;
}

.rec_topQAbox{
	border-radius: 13px;
    position: relative;
	background-color: #FFFFFF;
	color:#232323;
	margin-bottom:30px;
}
.rec_topQAbox .qa_open{
	font-size: 1.375em;
	padding:30px 64px 30px 115px;
    line-height: 1.3;
}

.rec_topQAbox .qa_ans{
	position:relative;
	padding-left:115px;
	padding-right:90px;
}

.rec_topQAbox .qa_open::before{
	color:inherit;
	left: 55px;
    top: 28px;
	font-size: 1.3em;
}

.rec_topQAbox .qa_open::after{
	top:50px;
}

.rec_topQAbox .qa_ans::before {
    content: "A.";
    display: block;
    position: absolute;
    width: 31px;
    height: 27px;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 28px;
    left: 58px;
    top: 0px;
    color:#0193e9;
}