@charset "UTF-8";



body#recruit {
	background: none;
}

#main_pic {
}
#main_pic h1 {
	background-image: url(../images/rec_mainpic_sp.jpg);
	background-repeat: repeat-x;
	background-position: center 0;
	background-size: auto 100%;
	width: 100%;
	height: 0;
	padding-top: 39.0625%; 
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#main_pic h2 {
	position: relative;
	background-image: url(../images/rec_catch_bg.jpg);
	background-repeat: repeat;
	background-position: center 0;
	width: 100%;
	height: 0;
	padding-top: 21.875%;
}
#main_pic h2 span {
	position: absolute;
	display: block;
	background-image: url(../images/rec_catch.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 83.6% auto;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


#about {
	padding: 26px 0 20px;
}
#about .about_block {
	text-align: center;
}
#about .about_block h3 {
	margin: 0 0 11px;
	font-size: 13px;
	font-weight: bold;
	color: #418cd6;
}
#about .about_block h3 span {
	display: block;
	background-image: url(../images/rec_ttl_about.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 22px;
	width: 100%;
	height: 22px;
	margin: 0 auto 14px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#about .about_block .lead {
	margin: 0 0 15px;
	font-size: 13px;
	line-height: 1.45;
}
#about .about_block .links {
	overflow: hidden;
}
#about .about_block .links li {
	width: 100%;
	margin-right: 0.7%;
	margin-bottom: 5px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	text-align: left;
}
#about .about_block .links li:last-child { margin-right: 0; }
#about .about_block .links li .ttl {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 4% center;
	background-size: auto 32px;
	background-color: #418cd6;
	padding: 20px 0 20px 20%;
	box-sizing: border-box;
}
#about .about_block .links li.message .ttl { background-image: url(../images/rec_ico_message.png); }
#about .about_block .links li.ourrole .ttl { background-image: url(../images/rec_ico_ourrole.png); }
#about .about_block .links li.numbers .ttl { background-image: url(../images/rec_ico_numbers.png); }
#about .about_block .links li .ttl span {
	display: block;
	background-image: url(../../images/link_arrow04.png);
	background-repeat: no-repeat;
	background-position: 96.37% center;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#about .about_block .links li .pic {
}
#about .about_block .links li .pic img {
	width: 100%;
	height: auto;
}


#member {
	background-color: #cee1f5;
	padding: 26px 0 25px;
}
#member .member_block {
	text-align: center;
}
#member .member_block h3 {
	margin: 0 0 11px;
	font-size: 13px;
	font-weight: bold;
	color: #418cd6;
}
#member .member_block h3 span {
	display: block;
	background-image: url(../images/rec_ttl_member.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 22px;
	width: 100%;
	height: 22px;
	margin: 0 auto 14px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#member .member_block .lead {
	margin: 0 0 15px;
	font-size: 13px;
	line-height: 1.45;
}
#member .member_block .links {
	overflow: hidden;
}
#member .member_block .links li {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
#member .member_block .links li .pic_l ,
#member .member_block .links li .pic_r {
	float: right;
	width: 50%;
	box-sizing: border-box;
}
#member .member_block .links li .pic_l {
	float: none;
	position: absolute;
	bottom: 0;
	left: 0;
}
#member .member_block .links li .pic_l img ,
#member .member_block .links li .pic_r img {
	width: 100%;
	height: auto;
}
#member .member_block .links li .ttl {
	display: block;
	background-color: #418cd6;
	width: 100%;
	padding: 20px 0 20px 4%;
	box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
}
#member .member_block .links li .ttl span {
	display: block;
	background-image: url(../../images/link_arrow04.png);
	background-repeat: no-repeat;
	background-position: 96.37% center;
	width: 100%;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#member .member_block .links li .ttl span br { display: none; }



#development {
	background-image: url(../images/rec_dev_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	padding: 26px 0 25px;
}
#development .dev_block {
	text-align: center;
}
#development .dev_block h3 {
	margin: 0 0 11px;
	font-size: 13px;
	font-weight: bold;
	color: #418cd6;
}
#development .dev_block h3 span {
	display: block;
	background-image: url(../images/rec_ttl_development.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 22px;
	width: 100%;
	height: 22px;
	margin: 0 auto 14px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#development .dev_block .lead {
	margin: 0 0 15px;
	font-size: 13px;
	line-height: 1.45;
}
#development .dev_block .links {
	overflow: hidden;
}
#development .dev_block li {
	display: table;
	background-color: #fff;
	width: 100%;
}
#development .dev_block li .pic {
	display: table-cell;
	width: 23.3%;
}
#development .dev_block li .pic img {
	width: 100%;
	height: auto;
}
#development .dev_block li .txt {
	display: table-cell;
	width: 76.7%;
	vertical-align: middle;
}
#development .dev_block li .txt span {
	display: inline-block;
	background-image: url(../../images/link_arrow02.png);
	background-repeat: no-repeat;
	background-position: 94.37% center;
	width: 100%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}



#recruitment {
	background-color: #418cd6;
	margin: 0 0 20px 0;
	padding: 26px 0 20px;
}
#recruitment .dev_block {
	text-align: center;
}
#recruitment .dev_block h3 {
	margin: 0 0 11px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#recruitment .dev_block h3 span {
	display: block;
	background-image: url(../images/rec_ttl_recruitment.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 22px;
	width: 100%;
	height: 22px;
	margin: 0 auto 14px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#recruitment .dev_block .lead {
	margin: 0 0 15px;
	font-size: 13px;
	line-height: 1.45;
}
#recruitment .dev_block .links {
	overflow: hidden;
}
#recruitment .dev_block li {
	display: table;
	background-color: #fff;
	width: 100%;
	margin: 0 0 5px 0;
}
#recruitment .dev_block li .pic {
	display: table-cell;
	width: 23.3%;
}
#recruitment .dev_block li .pic img {
	width: 100%;
	height: auto;
}
#recruitment .dev_block li .txt {
	display: table-cell;
	width: 76.7%;
	vertical-align: middle;
}
#recruitment .dev_block li .txt span {
	display: inline-block;
	background-image: url(../../images/link_arrow02.png);
	background-repeat: no-repeat;
	background-position: 94.37% center;
	width: 100%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}


#main_ttl h1 {
	background: none;
	padding: 15px 0;
	font-size: 20px;
	font-weight: bold;
	text-indent: auto;
	text-align: center;
}
#main_ttl h1 span {
	display: block;
	margin: 8px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	color: #8ba8ca;
}





/*--------------------------------------------------*/
/*    採用情報／採用担当者メッセージ                */
/*--------------------------------------------------*/
#recruit.message #main_pic_block .main_pic {
	width: 100%;
	position: relative;
}
#recruit.message #main_pic_block .main_pic h2 {
	background-image: url(../images/rec_msg_maiinpic_sp.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	padding-top: 34.67%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#recruit.message #main_pic_block .main_pic p.name {
	position: absolute;
	top: 68%;
	left: 5%;
	font-size: 8px;
	line-height: 1.4;
}
#recruit.message #main_pic_block .main_pic p.name strong {
	font-size: 12px;
}

#recruit.message #main_pic_block .personality {
	background-color: #418cd6;
	padding: 20px 3.125% 10px;
	color: #fff;
	text-align: center;
}
#recruit.message #main_pic_block .personality h3 {
	margin: 0 0 15px 0;
	font-size: 11px;
}
#recruit.message #main_pic_block .personality ul li {
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.21;
}
#recruit.message #main_pic_block .personality ul li span {
	font-size: 18px;
	font-weight: bold;
	color: #b3d1ef;
}

#recruit.message #main_pic_block .lead_block {
	padding: 12px 3.125%;
	text-align: left;
}
#recruit.message #main_pic_block .lead_block .lead {
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.55;
}	
#recruit.message #main_pic_block .lead_block img {
	width: 100%;
	height: auto;
}	




/*--------------------------------------------------*/
/*    採用情報／私たちの役割                        */
/*--------------------------------------------------*/
#recruit.works #main_pic_block {
	padding: 0 0 20px 0;
}
#recruit.works #main_pic_block .main_pic {
	background-image: url(../images/rec_wrk_mainpic_sp.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	padding-top: 41.8125%;
	margin: 0 0 25px 0;
}
#recruit.works #main_pic_block .main_pic h2 { display: none; }
#recruit.works #main_pic_block .main_pic p.subcatch { display: none; }

#recruit.works #main_pic_block .chart_block {
	width: 100%;
	padding: 0 3.125%;
	box-sizing: border-box;
}
#recruit.works #main_pic_block .chart_block p.chart01 {
}
#recruit.works #main_pic_block .chart_block p.chart01 img {
	width: 100%;
	height: auto;
}

#recruit.works #seniors {
	background-color: #e0edfb;
	padding: 20px 0 10px;
}
#recruit.works #seniors h3 {
	margin: 0 0 15px 0;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
#recruit.works #seniors .lead {
	margin: 0 0 15px 0;
	font-size: 12px;
	text-align: center;
	line-height: 1.45;
}

#recruit.works #seniors #senior_list {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#recruit.works #seniors #senior_list li {
	float: left;
	background-color: #fff;
	width: 49%;
	margin: 0 2% 2% 0;
}
#recruit.works #seniors #senior_list li:nth-child(even) {
	margin: 0 0 2% 0;
}
#recruit.works #seniors #senior_list li a {
	display: table;
	width: 100%;
}
#recruit.works #seniors #senior_list li:last-child {
	margin: 0;
}
#recruit.works #seniors #senior_list li .pic {
	display: table-cell;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 33.9%;
	height: 0;
	padding-top: 33.9%;
	box-sizing: border-box;
	vertical-align: top;
}
#recruit.works #seniors #senior_list li#sen01 .pic { background-image: url(../images/rec_wrk_senior01_sp.jpg); }
#recruit.works #seniors #senior_list li#sen02 .pic { background-image: url(../images/rec_wrk_senior02_sp.jpg); }
#recruit.works #seniors #senior_list li#sen03 .pic { background-image: url(../images/rec_wrk_senior03_sp.jpg); }
#recruit.works #seniors #senior_list li#sen04 .pic { background-image: url(../images/rec_wrk_senior04_sp.jpg); }
#recruit.works #seniors #senior_list li#sen05 .pic { background-image: url(../images/rec_wrk_senior05_sp.jpg); }
#recruit.works #seniors #senior_list li#sen06 .pic { background-image: url(../images/rec_wrk_senior06_sp.jpg); }
#recruit.works #seniors #senior_list li .pic img { display: none; }

#recruit.works #seniors #senior_list li .name {
	display: table-cell;
	width: 66.1%;
	padding: 8px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 1.45;
	vertical-align: top;
}
#recruit.works #seniors #senior_list li .name strong {
	font-size: 11px;
	font-weight: bold;
}

#recruit.works .clmns {
	width: 100%;
	margin: 0 auto;
	padding: 20px 3.125%;
	box-sizing: border-box;
	overflow: hidden;
}
#recruit.works .clmns .clmn_ttl {
	background-image: url(../../images/clmn_ttl_bg2.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-size: auto 3px;
	margin: 0 0 12px 0;
}
#recruit.works .clmns .clmn_ttl span {
	background-image: url(../../images/clmn_ttl_bg1.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: auto 3px;
	display: block;
	padding: 0 0 12px 0;
	font-size: 13px;
	font-weight: bold;
}
#recruit.works .clmns .clmn {
	float: left;
	width: 100%;
	margin: 0 25px 0 0;
}
#recruit.works .clmns .clmn:last-child {
	margin: 0 0 0 0;
}
#recruit.works .clmns .clmn .txt_block {
	float: left;
	width: 50.9%;
}
#recruit.works .clmns .clmn .ttl {
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}
#recruit.works .clmns .clmn .txt {
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 1.45;
}
#recruit.works .clmns .clmn .pic {
	float: right;
	width: 49.1%;
}
#recruit.works .clmns .clmn .pic img {
	width: 100%;
	height: auto;
}




/*--------------------------------------------------*/
/*    採用情報／数字でひも解く小泉成器              */
/*--------------------------------------------------*/
#recruit.number #figure {
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px;
}
#recruit.number #figure .cmn_wrapper { padding: 0; }
#recruit.number #figure .fig {
	width: 100%;
	padding: 18px 3.125%;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}

#recruit.number #figure .fig .ttl {
	padding: 0 0 15px;
	font-size: 13px;
	text-align: center;
}
#recruit.number #figure .fig .pic {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#recruit.number #figure #fig01 .pic { background-image: url(../images/rec_num_fig01_sp.gif); padding-top: 18.33%; }
#recruit.number #figure #fig02 .pic { background-image: url(../images/rec_num_fig02_sp.gif); padding-top: 18.33%; }
#recruit.number #figure #fig03 .pic { background-image: url(../images/rec_num_fig03_sp.gif); padding-top: 20%; }
#recruit.number #figure #fig04 .pic { background-image: url(../images/rec_num_fig04_sp.gif); padding-top: 23.66%; }
#recruit.number #figure #fig05 .pic { background-image: url(../images/rec_num_fig05_sp.gif); padding-top: 57.66%; }
#recruit.number #figure #fig06 .pic { background-image: url(../images/rec_num_fig06_sp.gif); padding-top: 33.66%; }
#recruit.number #figure #fig07 .pic { background-image: url(../images/rec_num_fig07_sp.gif); padding-top: 34%; }

#recruit.number #enquete.clmns {
	width: 100%;
	margin: 0 auto;
	padding: 20px 3.125%;
	box-sizing: border-box;
	overflow: hidden;
}
#recruit.number #enquete.clmns .clmn_ttl {
	background-image: url(../../images/clmn_ttl_bg2.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-size: auto 3px;
	margin: 0 0 12px 0;
}
#recruit.number #enquete.clmns .clmn_ttl span {
	background-image: url(../../images/clmn_ttl_bg1.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: auto 3px;
	display: block;
	padding: 0 0 12px 0;
	font-size: 13px;
	font-weight: bold;
}
#recruit.number #enquete.clmns .clmn_s {
	float: left;
	width: 49.16%;
	margin: 0 0 0 0;
}
#recruit.number #enquete.clmns #enq02 {
	float: right;
	width: 49.16%;
}
#recruit.number #enquete.clmns #enq03 {
	clear: both;
	float: none;
	width: 49.16%;
	margin: 0 auto;
	padding: 15px 0 0;
}
#recruit.number #enquete.clmns .clmn_l {
	width: 100%;
	margin: 0;
}
#recruit.number #enquete.clmns .clmn_l { width: 100%; margin: 25px 24px 0 0; }

#recruit.number #enquete.clmns .clmn_s.last { margin-right: 0; }
#recruit.number #enquete.clmns .clmn_l.last { margin-right: 0; }

#recruit.number #enquete.clmns .clmn_s .ttl ,
#recruit.number #enquete.clmns .clmn_l .ttl {
	position: relative;
	display: table;
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#recruit.number #enquete.clmns .clmn_s .ttl span ,
#recruit.number #enquete.clmns .clmn_l .ttl span {
	display: table-cell;
	width: 100%;
	border: 3px solid #dddde3;
	border-radius: 9px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
}
#recruit.number #enquete.clmns .clmn_s .ttl span:after ,
#recruit.number #enquete.clmns .clmn_l .ttl span:after {
	content: "";
	position: absolute;
	background-image: url(../images/rec_num_enq_bg_sp.png); 
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 13px;
 	width: 100%;
 	height: 13px;
	bottom: 0;
	left: 0;
}

#recruit.number #enquete.clmns .clmn_s .pic ,
#recruit.number #enquete.clmns .clmn_l .pic {
	text-align: center;
}
#recruit.number #enquete.clmns .clmn_s .pic img {
	width: 100%;
	height: auto;
}
#recruit.number #enquete.clmns .clmn_l .pic img {
	width: 76.66%;
	height: auto;
}

#recruit.number #enquete.clmns .clmn_l #enq_holiday {
	width: 100%;
	margin: 0 auto;
}
#recruit.number #enquete.clmns .clmn_l #enq_holiday li {
	display: table;
	width: 100%;
	border-top: 2px dotted #ddd;
}
#recruit.number #enquete.clmns .clmn_l #enq_holiday li .q {
	display: table-cell;
	width: 70%;
	padding: 0 5px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
#recruit.number #enquete.clmns .clmn_l #enq_holiday li .per {
	display: table-cell;
	width: 30%;
	padding: 7px 0 5px 5px;
	text-align: right;
	vertical-align: middle;
}
#recruit.number #enquete.clmns .clmn_l #enq_holiday li .per span {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
	display: inline-block;
	width: 30px;
	height: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per01 .per span { background-image: url(../images/rec_num_per01.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per02 .per span { background-image: url(../images/rec_num_per02.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per03 .per span { background-image: url(../images/rec_num_per03.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per04 .per span { background-image: url(../images/rec_num_per04.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per05 .per span { background-image: url(../images/rec_num_per05.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per06 .per span { background-image: url(../images/rec_num_per06.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per07 .per span { background-image: url(../images/rec_num_per07.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per08 .per span { background-image: url(../images/rec_num_per08.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per09 .per span { background-image: url(../images/rec_num_per09.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per10 .per span { background-image: url(../images/rec_num_per10.gif); }
#recruit.number #enquete.clmns .clmn_l #enq_holiday li#per11 .per span { background-image: url(../images/rec_num_per11.gif); }



/*--------------------------------------------------*/
/*    採用情報／先輩社員インタビュー                */
/*--------------------------------------------------*/
#recruit.interview #seniors #senior_list { display: none; }

#recruit.interview .itv_block {
	width: 100%;
	margin: 0 auto 10px;
}
#recruit.interview .itv_block .main_pic {
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	padding-top: 30.625%;
	margin: 0;
	cursor: pointer;
}
#recruit.interview #itv01.itv_block .main_pic { background-image: url(../images/rec_itv_seni01_mainpic_sp.jpg); }
#recruit.interview #itv02.itv_block .main_pic { background-image: url(../images/rec_itv_seni02_mainpic_sp.jpg); }
#recruit.interview #itv03.itv_block .main_pic { background-image: url(../images/rec_itv_seni03_mainpic_sp.jpg); }
#recruit.interview #itv04.itv_block .main_pic { background-image: url(../images/rec_itv_seni04_mainpic_sp.jpg); }
#recruit.interview #itv05.itv_block .main_pic { background-image: url(../images/rec_itv_seni05_mainpic_sp.jpg); }
#recruit.interview #itv06.itv_block .main_pic { background-image: url(../images/rec_itv_seni06_mainpic_sp.jpg); }

#recruit.interview .itv_block .main_pic h2 { display: none; }
#recruit.interview .itv_block .main_pic .sen_name { display: none; }

#recruit.interview .itv_block .itv_acordion { display: none; }
#recruit.interview .itv_block .itv_content {
	display: block;
	padding: 18px 0 0;
}
#recruit.interview .itv_block .itv_content .itv_txt {
	display: block;
	width: 100%;
	padding: 0 3.125%;
	box-sizing: border-box;
}
#recruit.interview .itv_block .itv_content .itv_txt dl dt {
	margin: 0 0 10px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
}
#recruit.interview .itv_block .itv_content .itv_txt dl dt span {
	margin: 0 10px 0 0;
	font-size: 20px;
	font-weight: bold;
	color: #418cd6;
	vertical-align: middle;
}
#recruit.interview .itv_block .itv_content .itv_txt dl dd {
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.54;
	overflow: hidden;
}
#recruit.interview .itv_block .itv_content .itv_txt dl dd .pic img { width:100%; height: auto; }
#recruit.interview .itv_block .itv_content .itv_txt dl dd.pic_c .pic { margin: 10px 0 0 0; }
#recruit.interview .itv_block .itv_content .itv_txt dl dd.pic_l .pic { width: 49.1%; float: left; margin: 0 10px 0 0; }
#recruit.interview .itv_block .itv_content .itv_txt dl dd.pic_r .pic { width: 49.1%; float: right; margin: 0 0 0 10px; }

#recruit.interview .itv_block .itv_content .itv_sche { display: none; }

#recruit.interview .itv_block .itv_advice {
	background-color: #418cd6;
	padding: 16px 3.125%;
	box-sizing: border-box;
	color: #fff;
}
#recruit.interview .itv_block .itv_advice h3 {
	margin: 0 0 14px 0;
	font-size: 14px;
	font-weight: bold;
}
#recruit.interview .itv_block .itv_advice p {
	font-size: 12px;
	line-height: 1.54;
}

#recruit.interview .itv_block .btn_block {
	background-color: #f3f3f6;
}
#recruit.interview .itv_block .btn_block a {
	display: block;
	padding: 7px 7px 7px 0;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
}
#recruit.interview .itv_block .btn_block a span {
	display: block;
	background-image: url(../images/rec_mark_plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	width: 100%;
	padding: 7px 35px 7px 0;
	box-sizing: border-box;
}

#recruit.interview .itv_block .btn_block a .close { display: none; }
#recruit.interview .itv_block .btn_block a .read { display: block; }

#recruit.interview .itv_block .btn_block a.op span {
	background-image: url(../images/rec_mark_minus.png);
}
#recruit.interview .itv_block .btn_block a.op .close { display: block; }
#recruit.interview .itv_block .btn_block a.op .read { display: none; }




/*--------------------------------------------------*/
/*    採用情報／育成・研修                          */
/*--------------------------------------------------*/
#recruit.training #main_pic_block {
	padding: 0 0 0 0;
}
#recruit.training #main_pic_block .main_pic {
	background-image: url(../images/rec_trn_mainpic_sp.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 100%;
	width: 100%;
	height: 0;
	padding-top: 32.65%;
	margin: 0 0 20px 0;
}
#recruit.training #main_pic_block .main_pic h2 { display: none; }

#recruit.training .clmns {
	width: 100%;
	margin: 0 auto;
	padding: 0 3.125% 20px;
	box-sizing: border-box;
	overflow: hidden;
}
#recruit.training .clmns .clmn_ttl {
	background-image: url(../../images/clmn_ttl_bg2.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-size: auto 3px;
	margin: 0 0 12px 0;
}
#recruit.training .clmns .clmn_ttl span {
	background-image: url(../../images/clmn_ttl_bg1.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: auto 3px;
	display: block;
	padding: 0 0 12px 0;
	font-size: 13px;
	font-weight: bold;
}
#recruit.training .clmns .clmn {
	float: left;
	width: 100%;
	margin: 0 25px 0 0;
}
#recruit.training .clmns .clmn .ttl {
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}
#recruit.training .clmns .clmn .txt {
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.45;
}




/*--------------------------------------------------*/
/*    採用情報／募集要項                            */
/*--------------------------------------------------*/
#recruit.recruitment #main_catch_block {
	margin: 0 auto 50px auto;
	font-size: 11px;
	line-height: 1.54;
	text-align: center;
}
#recruit.recruitment #sub_catch_block {
	margin: 0 auto 20px auto;
	font-size: 11px;
	line-height: 1.66;
	text-align: center;
	font-weight: bold;
	color: #666;
}
#recruit.recruitment #guideline {
	width: 100%;
	margin: 0 0 25px;
	padding: 0 3.125%;
	box-sizing: border-box;
}
#recruit.recruitment #guideline h2 {
	margin: 0 0 12px 0;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
#recruit.recruitment #guideline table {
	width: 100%;
}
#recruit.recruitment #guideline table th ,
#recruit.recruitment #guideline table td {
	padding: 10px;
	border-top: 1px solid #ddd;
	font-size: 12px;
	text-align: left;
	line-height: 1.36;
	vertical-align: top;
}
#recruit.recruitment #guideline table tr:last-child th ,
#recruit.recruitment #guideline table tr:last-child td {
	border-bottom: 1px solid #ddd;
}
#recruit.recruitment #guideline table th {
	background-color: #f3f3f6;
	width: 90px;
	box-sizing: border-box;
	font-weight: bold;
}
#recruit.recruitment #guideline table td {
	padding-right: 0;
}
#recruit.recruitment #guideline table td a {
	text-decoration: underline;
}
#recruit.recruitment #guideline table td p strong {
	font-weight: bold;
}
#recruit.recruitment #guideline table td p.brd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

#recruit.recruitment #flow {
	width: 100%;
	margin: 0 0 25px;
	padding: 0 3.125%;
	box-sizing: border-box;
}
#recruit.recruitment #flow h2 {
	margin: 0 0 12px 0;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
#recruit.recruitment #flow .lead {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.54;
}

#recruit.recruitment #flow ol {
	position: relative;
	width: 100%;
	height: 240px;
	list-style: none;
}
#recruit.recruitment #flow ol li {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 9px;
	width: 100%;
	height: 57px;
}
#recruit.recruitment #flow ol li#stp1 { background-image: url(../images/rec_rcm_arw01_sp.png); top: 0; z-index:5; }
#recruit.recruitment #flow ol li#stp2 { background-image: url(../images/rec_rcm_arw02_sp.png); top: 48px; z-index:4; }
#recruit.recruitment #flow ol li#stp3 { background-image: url(../images/rec_rcm_arw03_sp.png); top: 96px; z-index:3; }
#recruit.recruitment #flow ol li#stp4 { background-image: url(../images/rec_rcm_arw04_sp.png); top: 144px; z-index:2; }
#recruit.recruitment #flow ol li#stp5 { height: 48px; top: 192px; z-index: 1; }

#recruit.recruitment #flow ol li span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 10% center;
	background-size: auto 28px;
	width: 100%;
	height: 48px;
	padding: 17px 0 0 26.6%;
	box-sizing: border-box;
	font-size: 13px;
	text-align: left;
	line-height: 1.22;
}
#recruit.recruitment #flow ol li#stp1 span { background-image: url(../images/rec_rcm_num01.png); background-color: #b3d1ef; }
#recruit.recruitment #flow ol li#stp2 span { background-image: url(../images/rec_rcm_num02.png); background-color: #96bfe8; }
#recruit.recruitment #flow ol li#stp3 span { background-image: url(../images/rec_rcm_num03.png); background-color: #7aaee2; }
#recruit.recruitment #flow ol li#stp4 span { background-image: url(../images/rec_rcm_num04.png); background-color: #5d9ddc; }
#recruit.recruitment #flow ol li#stp5 span { background-image: url(../images/rec_rcm_num05.png); background-color: #418cd6; color: #fff; }
#recruit.recruitment #flow ol li span br { display: none; }

#recruit.recruitment #faq {
	width: 100%;
	margin: 0 0 25px;
	padding: 0 3.125%;
	box-sizing: border-box;
}
#recruit.recruitment #faq h2 {
	margin: 0 0 12px 0;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
#recruit.recruitment #faq h3 {
	margin: 0 0 8px 0;
	font-size: 13px;
	font-weight: bold;
}
#recruit.recruitment #faq dl {
	margin: 0 0 15px;
}
#recruit.recruitment #faq dl dt ,
#recruit.recruitment #faq dl dd {
	display: table;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 10px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1.66;
}
#recruit.recruitment #faq dl dt {
	background-color: #e6e6ee;
	cursor: pointer;
}
#recruit.recruitment #faq dl dd {
	display: none;
	padding: 8px 10px;
}

#recruit.recruitment #faq dl dt .hd_q ,
#recruit.recruitment #faq dl dt .bd_q ,
#recruit.recruitment #faq dl dd .hd_a ,
#recruit.recruitment #faq dl dd .bd_a {
	display: table-cell;
}
#recruit.recruitment #faq dl dt .hd_q ,
#recruit.recruitment #faq dl dd .hd_a {
	width: 28px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
#recruit.recruitment #faq dl dt .hd_q {
	vertical-align: top;
}
#recruit.recruitment #faq dl dd .hd_a {
	color: #418cd6;
}
#recruit.recruitment #faq dl dt .bd_q ,
#recruit.recruitment #faq dl dd .bd_a {
	font-size: 12px;
	line-height: 1.36;
	vertical-align: middle;
}
#recruit.recruitment #faq dl dt .bd_q {
	background-image: url(../../images/cmn_mark_plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px 25px;
	padding: 0 32px 0 0;
}
#recruit.recruitment #faq dl dt.op .bd_q {
	background-image: url(../../images/cmn_mark_minus.png);
}
#recruit.recruitment #faq dl dd .bd_a {
	padding: 5px 0 0 0;
}

#recruit.recruitment #entry_btn {
	width: 100%;
	margin: 0 0 40px;
	padding: 0 3.125%;
	box-sizing: border-box;
}
#recruit.recruitment #entry_btn a {
	display: block;
	background-color: #418cd6;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#recruit.recruitment #entry_btn a span {
	display: inline-block;
	background-image: url(../../images/link_arrow05.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 17px 17px;
	padding: 20px 26px 20px 0;
	font-size: 15px;
	color: #fff;
	text-align: center;
}

/*--------------------------------------------------*/
/*      キャリア採用情報／募集要項                  */
/*--------------------------------------------------*/
#recruit.career #main_catch_block {
	margin: 0 auto 50px auto;
	font-size: 11px;
	line-height: 1.66;
	text-align: center;
}
#recruit.career #sub_catch_block {
	margin: 0 auto 20px auto;
	font-size: 11px;
	line-height: 1.66;
	text-align: center;
	font-weight: bold;
	color: #666;
}
#recruit.career #guideline {
	width: 980px;
	margin: 0 auto 100px;
}
#recruit.career #guideline h2 {
	margin: 0 0 30px 0;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
#recruit.career #guideline table {
	width: 100%;
}
#recruit.career #guideline table th ,
#recruit.career #guideline table td {
	padding: 15px 20px;
	border-top: 1px solid #ddd;
	font-size: 12px;
	text-align: left;
	line-height: 1.66;
	vertical-align: top;
}
#recruit.career #guideline table tr:last-child th ,
#recruit.career #guideline table tr:last-child td {
	border-bottom: 1px solid #ddd;
}
#recruit.career #guideline table th {
	background-color: #f3f3f6;
	width: 220px;
	box-sizing: border-box;
	font-weight: bold;
}
#recruit.career #guideline table td {
	padding-right: 0;
}
#recruit.career #guideline table td a {
	text-decoration: underline;
}
#recruit.career #guideline table td p strong {
	font-weight: bold;
}
#recruit.career #guideline table td p.brd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}
: center;
}