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




/*メインイメージ*/
.parallaxParent {
	height: 400px;
  overflow: hidden;
  position: relative;
	margin-top: -12px;
}
.parallaxParent #img_url{
	width: auto;
  height: 100%;
  background-image: url(../img/recruit/workplace/main_img.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  top: auto;
	bottom: 348px;
}


/**********/
.para_sizing{
	text-align: center;
}

/*各エリアの設定*/
#ttl_WORKPLACE{
	position: relative;
    top: 165px;
}

/*タイトル*/
h1.ttl_main{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
.ttl_main.white{
	color: #ffffff;
}
h1.ttl_ja{
	font-size: 20px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
.ttl_ja.white{
	color: #ffffff;
}
/*タイトル*/
h2.ttl_s{
	font-size: 36px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
h2.ttl_s_ja{
	font-size: 17px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
/**********************/
.sub_ttl{
	font-size: 25px;
	line-height: 1em;
	padding-bottom: 20.5px;
}
.sub_ttl.white{
	color: #ffffff;
}
.txt{
	font-size: 15px;
	line-height: 2em;
	width: 730px;
	margin: 0 auto;
}
.txt.white{
	color: #ffffff;
}


/*本文*/
/*枠*/
.panel{
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
 	padding-top: 110px; /* 打ち消し用のパディング */
}

/*タイトル*/
.ttl_wrap{
	position: relative;
}

/*本文*/
.txt_wrap{
	padding: 60px 0 150px 0; 
}

/*WORK PLACE リスト*/
.workplace_list{
  display: flex;
	justify-content: center;
  align-items: flex-start;
}
/**********************/
.workplace_list li{
	position: relative;
	display:inline-block;
	font-size: 1px;
	line-height: 1px;
	width: 360px;
	height: 360px;
	margin-right: 15px;
	background: url(../img/recruit/workplace/btn_training2.jpg) no-repeat;
}
.workplace_list li:nth-of-type(2){
	background: url(../img/recruit/workplace/btn_welfare.jpg) no-repeat;
}
.workplace_list li:nth-of-type(3){
	margin-right: 0;
	background: url(../img/recruit/workplace/btn_event.jpg) no-repeat;
}
.workplace_list li:last-child{
	margin-right: 0;
}
.workplace_list li a{
	text-decoration: none;
	display: block;
	height: 360px;
}
/*.workplace_list li a:hover{
	opacity: 0.8;
}*/

.workplace_list li .list_ttl{
	font-size: 36px;
	line-height: 1em;
	color: #fff;
	letter-spacing: 0.17em;
	padding: 150px 0 15px;
	text-shadow: 0px 0px 6px #898989;
}
.workplace_list li a .list_txt{
	font-size: 17px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
	text-shadow: 0px 0px 6px #898989;
}

/********************************/
/*TRAINING*/
/********************************/

/*内定者研修*/
#training_01{
	min-width: 1184px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 63px;
}
/*新入社員研修*/
#training_02{
	min-width: 1184px;
	margin-left:auto;
	margin-right:auto;
}
/*社会人教育*/
#training_03{
	min-width: 1184px;
	margin-left:auto;
	margin-right:auto;
}
/*技術教育*/
#training_04{
	min-width: 1184px;
	margin-left:auto;
	margin-right:auto;
}
/*セキュリティー教育*/
#training_05{
	min-width: 1184px;
	margin-left:auto;
	margin-right:auto;
}

/*配置のベース*/
.position_base{
	position: relative;
}

/*メインイメージ*/
#training_01 .tr_back_img{
	top: 0;
	right: 0;
	width: 100%;
	height: 400px;
	margin: 0 0 53px auto;
	background-image: url(../img/recruit/workplace/main_taining_01.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size:cover;
}
@media screen and (max-width: 1400px){
		#training_01 .tr_back_img{
			top: 0;
			right: 0;
			width: 100%;
			height: 400px;
			margin: 0 0 53px auto;
			background-image: url(../img/recruit/workplace/main_taining_01.jpg);
			background-position: top right;
			background-repeat: no-repeat;
			background-size:contain;
		}
}
#training_02 .tr_back_img{
	top: 0;
	right: 0;
	width: 100%;
	height: 400px;
	margin: 0 0 53px auto;
	background-image: url(../img/recruit/workplace/main_taining_02_2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 1400px){
		#training_02 .tr_back_img{
			top: 0;
			right: 0;
			width: 100%;
			height: 400px;
			margin: 0 0 53px auto;
			background-image: url(../img/recruit/workplace/main_taining_02_2.jpg);
			background-position: top left;
			background-repeat: no-repeat;
			background-size: contain;
		}
}


/*メインイメージのタイトル*/
#training_01 .tr_ttl{
	position: absolute;
	top: 155px;
  right: 891px;
	right: 63.6429%;
}
#training_02 .tr_ttl{
	position: absolute;
	top: 155px;
  left: 897px;
	left:64.0714%;
}

/*タイトル内のパーツ*/
.tr_ttl p{
	color: #1d50a2;
	line-height: 1;
}
.tr_ttl p.font_en{
	font-family: relation-two, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	line-height: 1;
}
.tr_ttl p.font_en span.num{
	font-family: relation-two, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 42px;
	line-height: 1;
	padding-left: 10px;
}

.tr_ttl p.font_ja{
	font-weight: 500;
	font-size: 45px;
}


/*NO*/
.tr_no{
	font-size: 30px;
	line-height: 1;
	color: #1d50a2;
}
/*タイトル*/
.tr_title{
	width: 1000px;
	font-size: 30px;
	line-height: 1;
	color: #1d50a2;
	text-align: center;
	margin: 0 auto 20px auto;
}
/*期間*/
.tr_period{
    color: #1d50a2;
    font-size: 18px;
		line-height: 1;
    width: 1000px;
    text-align: center;
    margin: 0 auto 13.5px auto;
}
/*説明文*/
.tr_description{
	font-size: 15px;
	line-height: 2em;
	width: 900px;
	text-align: center;
	margin: 0 auto 48.5px auto;
}
.tr_description02{
	font-size: 15px;
	line-height: 2em;
	width: 900px;
	text-align: justify;
	margin: 0 auto 48.5px auto;
}
.tr_description03{
	font-size: 15px;
	line-height: 2em;
	width: 900px;
	text-align: center;
	margin: 0 auto 148px auto;
}


/*個別にメインイメージ*/
#training_01 img.tr_img{
	margin-right:0;
}
#training_02 img.tr_img{
	margin-left:0;
}
#training_01 img.tr_img_ttl{
	margin:0 60.2143% 0 auto;
}
#training_02 img.tr_img_ttl{
	margin:0 auto 0 63.5%;
}


/********************************/
/*WELFARE*/
/********************************/
#welfare #welfare_list{
	font-size: 0;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto 150px auto;
}

/* 縦ライン */
#welfare .line{
	width: 1px;
	margin: 14px;
	background:url(../img/recruit/workplace/line_w1h2.png) repeat-y center top;
}
/* フレックス指定 */
#welfare #welfare_list div.next{
	display: flex;
}
/* 横ライン */
#welfare .seido_box{
	min-height: 180px;
	padding: 14px 0px 14px 0px;
	background:url(../img/recruit/workplace/line_w2h1.png) repeat-x center top;
}
/* 縦ライン 最終行 */
#welfare .seido_box.end{
	background-image: url(../img/recruit/workplace/line_w2h1.png), url(../img/recruit/workplace/line_w2h1.png);
	background-repeat: repeat-x, repeat-x;
	background-position: center top, center bottom;
}

#welfare .seido{
	width: 226px;
	padding: 30px 20px 20px 20px;
}
#welfare .seido .ttl{
	display: block;
	color: #1d50a2;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 0.03em;
}
#welfare .seido .ttl.line2{
	margin-bottom: 9px;
	line-height: 27px;
}
#welfare .seido .txt{
	display: block;
	width: auto;
	font-size: 14px;
	line-height: 1.92em;
	text-align: justify;
}




/********************************/
/*EVENT*/
/********************************/
#event{
	margin-bottom: 120px;
}

#event .summary{
	padding-bottom: 69px;
}
#event .summary p{
	text-align: center;
	font-size: 13px;
	line-height: 27px;
}
#event .back{
	background-color: #eef4f7;
	padding: 97px 0 97px 0;
}
#event .back .size{
	display: flex;
	flex-wrap:wrap;
	width: 1000px;
	margin: 0 auto;
}

#event .event_block{
	width: 300px;
	background-color: #ffffff;
	margin: 0 50px 48px 0;
}
#event .event_block:nth-child(3n){
	margin-right: 0;
}
#event .event_block:last-child{
	margin-bottom: 0;
}

#event .photo{
	width: 300px;
	height: 300px;
	background-color:#B6B6B6;
}
#event .comment{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	height: 180px;
	word-wrap:break-word;
	padding: 29px;
}
#event .title{
	position: absolute;
	top:-19px;
	color: #ffffff;
	width: 150px;
	line-height: 40px;
	text-align: center;
}
	#event .title.travel{ background-color: #f39800 } /*社員旅行*/
	#event .title.group{ background-color: #b84c97 } /*社員会*/
	#event .title.run{ background-color: #00b9ef } /*走ろう会*/
	#event .title.climb{ background-color: #7ebf41 } /*登山部*/





