@charset "utf-8";

/**
 *
 *  採用情報
 *　recruit
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl:after{
	content:url(../images/recruit/common/bg_pagettl.jpg);
}
.intro{
	padding-bottom: 90px;	
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* 汎用CSS
-----------------------------------------------------------------*/
.sec{
	position: relative;
	padding: 84px 98px 64px;
	margin-bottom: 80px;
	background:#DAE7F8;	
}
.sec h3{
	position: absolute;
	left:50%;
	top:-24px;
	transform:translateX(-50%);
}

/* sec01
-----------------------------------------------------------------*/
.sec01{
	padding-top: 50px;	
}
.sec01 p{
	padding: 30px 0 25px;
	background:url(../images/recruit/index/bg_mark.png) no-repeat center center;
	font-size:129%;
	line-height:2.1;
	font-weight:bold;
	text-align:center;
}
/* sec02
-----------------------------------------------------------------*/
.sec02 .job{
	padding: 40px 65px 50px;
	background:#FFF;	
}
.sec02 .job h4{
	margin-bottom:30px ;
	text-align:center;
	font-size:158%;	
}
.sec02 .job > .txt{
	margin-bottom: 22px;
	text-align:center;
}

.sec02 .job+.job{
	margin-top: 30px;
}
.sec02 .job ul{
	display:flex;
	margin-bottom: 20px;	
}
.sec02 .job ul li{
	width: 430px;
	padding: 25px 30px;
	background:#F4F4F7;
}
.sec02 .job ul li+li{
	margin-left: 18px;
}
.sec02 .job ul h5{
	margin-bottom: ;
	font-size:115%;	
}
.sec02 .job .txt-link{
	text-align:right;	
}
.sec02 .job .txt-link a{
	background: url(../images/common/arw_bg_w01_pc.png) no-repeat left 4px;
	padding: 0 15px 3px 25px;
	color: #3D3D3D;
}
/* sec03
-----------------------------------------------------------------*/
.sec03{
	margin-bottom: 65px;
}
.sec03 ul{
	display:flex;
}
.sec03 ul li{
	width: 324px;
	padding: 34px;
	background:#FFF;	
}
.sec03 ul li+li{
	margin-left: 16px;
}
.sec03 h4{
	margin-bottom: 20px;
	font-size:115%;
	color:#4574BA;	
}
.sec03 .txt{
	line-height:1.8;	
}

/* btn
-----------------------------------------------------------------*/
#Recruit .btn-list{
	display:flex;
	width: 874px;
	margin: 0 auto;	
}
#Recruit .btn-list li{
	width: 430px;	
}
#Recruit .btn-list li+li{
	margin-left: 14px;
}
#Recruit .btn-list a{
	background-color:#4574BA;
	color:#FFF;
	font-size:122%;	
}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl:after{
	content:"";
	background:url(../images/recruit/common/bg_pagettl_sp.jpg) no-repeat right top;
	background-size:auto 100px;
}
.intro{
	padding-bottom: 45px;	
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* 汎用CSS
-----------------------------------------------------------------*/
.sec{
	position: relative;
	padding: 52px 10px 45px;
	margin-bottom: 35px;
}
.sec h3{
	width: 217px;
	top:-15px;
}

/* sec01
-----------------------------------------------------------------*/
.sec01{
	padding-bottom: 20px;	
}
.sec01 p{
	padding: 0 10px;
	background:url(../images/recruit/index/bg_mark.png) no-repeat center 10px;
	background-size:120px auto;
	font-size:109%;
	line-height:1.5;
}
.sec01 p span{
	display:inline-block;
	margin-bottom: 15px;	
}



/* sec02
-----------------------------------------------------------------*/
.sec02 .job{
	padding: 20px 15px 25px;
}
.sec02 .job h4{
	margin-bottom:12px ;
	font-size:125%;	
}
.sec02 .job > .txt{
	margin-bottom: 20px;
	text-align:center;
}

.sec02 .job+.job{
	margin-top: 20px;
}
.sec02 .job ul{
	display:block;
	margin-bottom: 15px;	
}
.sec02 .job ul li{
	width: 100%;
	padding: 15px 12px;
}
.sec02 .job ul li+li{
	margin: 15px 0 0;
}
.sec02 .job ul h5{
	margin-bottom: 5px;
	font-size:109%;	
}
.sec02 .job .txt-link{
	text-align:right;	
}
.sec02 .job .txt-link a{
	background: url(../images/common/arw_bg_w01_sp.png) no-repeat left 2px;
	background-size:15px auto;
	padding: 0 5px 3px 20px;
}
/* sec03
-----------------------------------------------------------------*/
.sec03{
	margin-bottom: 35px;
}
.sec03 ul{
	display:block;
}
.sec03 ul li{
	width: 100%;
	padding: 20px 15px;
}
.sec03 ul li+li{
	margin: 15px 0 0;
}
.sec03 h4{
	margin-bottom: 10px;
	font-size:125%;	
	text-align:center;
}
.sec03 .txt{
	line-height:1.6;	
}

/* btn
-----------------------------------------------------------------*/
#Recruit .btn-list{
	display:block;
	width: 100%;
	margin: 0 auto 10px;	
}
#Recruit .btn-list li{
	width: 100%;	
}
#Recruit .btn-list li+li{
	margin: 15px 0 0 0;
}
#Recruit .btn-list a{
	background-color:#4574BA;
	color:#FFF;
	font-size:122%;	
}




}