@charset "utf-8";

/*________________________________________________

	name:			sp.css
	create Date:	2018-12-19
	lastmodified:	****-**-**
________________________________________________*/

.bg_company a {
    background-image: url("../../img/recruit/bg_company.jpg");
}
.bg_personnel a {
    background-image: url("../../img/recruit/bg_personnel.jpg");
}
.bg_work a {
    background-image: url("../../img/recruit/bg_work.jpg");
}
.bg_fresh a {
    background-image: url("../../img/recruit/bg_fresh.jpg");
}
.bg_career a {
    background-image: url("../../img/recruit/bg_career.jpg");
}
.bg_welfare a {
    background-image: url("../../img/recruit/bg_welfare.jpg");
}
.bg_education a {
    background-image: url("../../img/recruit/bg_education.jpg");
}
.bg_qa a {
    background-image: url("../../img/recruit/bg_qa.jpg");
}

/* --------------------------------------------------
画像レイアウト
-------------------------------------------------- */
.centerimg {
	margin-bottom: 20px;
}

.photo2Col .photo {
	width: 100% !important;
}
/*--------------------------------------------------------------.recruit_photo3Col*/
.article .recruit_photo3Col {
	display: block;
	clear: both;
	width: 100%;
	margin: 20px auto 0 auto;
	text-align: left;
}
.recruit_photo3Col .photo {
	display: block;
	margin: auto;
	text-align: center;
	width: 100%;
}
.article .recruit_photo3Col .photo img {
	width: 100%;
	height: auto;
}
.recruit_photo3Col .photo span {
	padding-top: 0 !important;
	text-align: left;
}
/* clearfix */
.recruit_photo3Col:after {
	content: "";
	display: table;
	clear: both;
}


/* --------------------------------------------------
recruit_tablebox
-------------------------------------------------- */
.recruit_tablebox {
	display: block;
}
.recruit_tablebox table {
	width: 100%;
	border: none !important;
}
.recruit_tablebox tr {
	border-bottom: 1px #555555 dashed;
}
.recruit_tablebox th {
	display: block;
	padding: 10px;
	background: #eeeeee;
	border: none !important;
}
.recruit_tablebox td {
	display: block;
	padding: 10px;
	border: none !important;
}

/*--------------------------------------------------------------.recruit_tablebox*/
.recruit_tablebox .btn_linkfoam {
    display: block;
    clear: both;
    margin: 10px 0;
    padding: 0;
    text-align: center;
}
.recruit_tablebox .btn_linkfoam a {
    display: block;
    margin: 0 auto;
    padding: 10px 1.6em;
    color: #fff;
    text-decoration: none;
    text-align: center;
	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	vertical-align: top;
	outline: none;
	appearance: none;
	cursor: pointer;
	border: none;
    background-color: #135d98;
}
.recruit_tablebox .btn_linkfoam a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}

/* --------------------------------------------------
recruit_schedule
-------------------------------------------------- */
.recruit_schedule {
	display: block;
	margin: 10px auto;
	text-align: center;
}
.recruit_schedule p {
	margin-top: 20px;
	padding-bottom: 40px;
	background-image: url(../../img/recruit/arrow_schedule.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.recruit_schedule p:last-of-type {
	padding-bottom: 0;
	background-image: none;
}
.recruit_schedule span {
	display: block;
	padding: 10px;
	background-color: #e6f4fd;
}
.recruit_schedule img {
	margin-top: 10px;
	margin-bottom: 20px;
}


/* --------------------------------------------------
individual_box
-------------------------------------------------- */
.recruit_individual {
	margin: 0 auto;
	padding-bottom: 80px;
	background-image: url("../../img/recruit/arrow_education.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.recruit_individual_last {
	margin: 0 auto;
	padding-bottom: 0!important;
	background-image: none !important;
	text-align: center;
}
.individual_box {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	background-color: #e1f4fd;
}
.recruit_individual .individualBox_ttl,
.recruit_individual_last .individualBox_ttl {
	display: block;
	clear: both;
	margin: 0;
	padding: 15px 10px;
	font-size: 128%;
    font-weight: 500;
	color: #135d98;
	background-color: #e1f4fd;
}
.individual_box .gotoschool {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: left;
	background-color: #ffffff;
	width: 100%;
}
.gotoschool .gotoschool_ttl {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #135d98;
}
.gotoschool .communication_ttl {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #0b385e;
}
.gotoschool ul {
	margin-left: 40px !important;
}

/*--------------------------------------------------------------.allemployees*/
#tmp_contents h2.allemployees {
	background-color: #3a5d2a;
}
#tmp_contents h2.allemployees:after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 6px;
height: 100%;
background-color: #26341f;
}
.allemployees_box {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 20px 10px 10px 10px;
	background-color: #e9f3e5;
}
.allemployees_box .training {
	display: block;
	padding-bottom: 10px;
	margin: 0 0 10px 0;
	text-align: left;
	background-color: #ffffff;
	width: 100%;
}
.allemployees_box .training_ttl {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #3a5d2a;
}
.allemployees_box ul {
	margin-left: 40px !important;
}

/* --------------------------------------------------
qa
-------------------------------------------------- */
.q_title {
	clear: both;
	margin: 1.5em 0 1em 0;
	padding: 0 10px 10px 10px;
	background-color: #e1f4fd;
	color: #135d98;
	font-size: 157%;
    font-weight: bold;
    position: relative;
}
.q_title span {
	display: block;
	background-color: #135d98;
	color: #fff;
	margin-left: -10px !important;
	margin-right: -10px !important;
	padding: 5px -10px !important;
	margin: 0 auto 10px auto;
	text-align: center;
}
.a_box {
	display: block;
	margin-bottom: 20px;
}
.a_box .a_title {
	display: block;
	background-color: #eeeeee;
	color: #135d98;
	margin: 0 auto 10px auto;
	padding: 5px 20px;
	font-size: 157%;
    font-weight: bold;
	text-align: center;
}
.a_box .answer {
	display: block;
}

/*--------------------------------------------------------------.listA*/
.listA table {
	margin: 0;
}
.listA table th,
.listA table td {
	text-align: center !important;
	white-space: nowrap;
}


/* --------------------------------------------------
work
-------------------------------------------------- */
.interview_box {
	display: block;
}
.interview_box .interview {
	display: block;
	margin: 0 15px 20px 15px;
}
.interview_box .interview_img {
	display: block;
	position:relative;
}
.interview_box .interview_img img {
	display: block;
	width: 100%;
	height: auto;
}
.interview_box .interview_img span {
	position: absolute;
    width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
    padding: 10px 20px;
    left: 0;
    bottom: 0;
    background: rgba(19,93,152,.6);
    color: #fff;
	font-size: 114.3%;
    font-weight: bold;
}
.interview_box .interview_name {
	display: block;
	padding: 15px 20px;
	background-color: #e1f4fd;
	font-size: 114.3%;
    font-weight: bold;
}
.interview_box .interview_name span {
	display: block;
	font-size: 70%;
    font-weight: normal;
}
.interview_box .interview_ttl {
	display: block;
	margin: 10px 0 5px 0;
	padding: 10px 20px 10px 26px;
	background-color: #147ba2;
    position: relative;
	font-size: 114.3%;
    font-weight: bold;
	color: #fff;
}
.interview_box .interview_ttl:after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 6px;
height: 100%;
background-color: #115386;
}

/*--------------------------------------------------------------.balloon1*/
.balloon1{
  position: relative;
  padding: 20px;
  border-radius: 8px;
  background-color: #eee;
  margin-left: 80px;
  margin-bottom: 20px;
}
.balloon1 .icon{
  position: absolute;
  left: -80px;
  top: 0;
}
/* 三角アイコン */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -20px;
  top: 20px;
  border-right: 20px solid #eee;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.balloon2{
  position: relative;
  padding: 20px;
  border-radius: 8px;
  background-color: #e1f4fd;
  margin-right: 80px;
  margin-bottom: 20px;
}
.balloon2 .icon{
  position: absolute;
  right: -80px;
  top: 0;
op: 0;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -20px;
  top: 20px;
  border-left: 20px solid #e1f4fd;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

/*--------------------------------------------------------------
  .contactArea
--------------------------------------------------------------*/
.contactArea {
	display: block;
	margin: auto;
}
.contactArea table,
table.tmp_contact_form {
	width: 100% !important;
	border: none !important;
}
.tmp_contact_form tr {
	border-bottom: 1px dashed #135d98;
}
.tmp_contact_form th {
	display: block;
	background-color: #e1f4fd;
	border: none !important;
	padding: 10px;
}
.tmp_contact_form td {
	display: block;
	border: none !important;
	padding: 20px;
}
.tmp_contact_form td input,
.tmp_contact_form td textarea {
	width: 100%;
	padding: 5px 0;
}

.contactsbtn {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.contactsbtn a {
	display: block;
	background: #135d98;
	margin: 20px auto 0 auto;
	padding: 10px ;
	color: #ffffff;
	text-decoration: none;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
.contactsbtn img {
	margin-right: 10px;
}
.contactsbtn a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}

/*--------------------------------------------------------------
  personnel
--------------------------------------------------------------*/
.personnel_text {
	margin: 0 0 1.5em 0 !important;
}
.personnel_centertext {
	text-align: left;
}


/*--------------------------------------------------------------
  type
--------------------------------------------------------------*/
.type {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	text-align: center;
}
.type .type_cell {
	margin: 0 0 1em 0;
	font-size: 110%;
	font-weight: bold;
	width: 47%;
}
.type .type_cell a {
	display: block;
	margin: 0 auto;
    padding: 10px 0;
    color: #ffffff;
	background: #555;
	border: 2px #555 solid;
    text-decoration: none;
    border-radius: 8px;
	width: 100%;
}
.type .type_cell a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
.type .type_cell.on {
	padding: 10px 0;
	color: #555;
	background: #fff;
	border: 2px #555 solid;
	border-radius: 8px;
	width: 47%;
}

.type_ttl {
	display: block;
	margin: 1.5em 0 1em 0;
	padding-left: 1em;
	font-size: 114.3%;
	font-weight: bold;
	position: relative;
}
.type_ttl:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 6px;
    height: 100%;
    background-color: #135d98;
}