https://www.kintetsu.jp/employment/https://www.kintetsu.jp/employment/@charset "utf-8";

/* =================================================
	#corporate
================================================= */

/* #sec_culture_top
----------------------- */
.inner2 {
	overflow:hidden;
	margin-bottom: 0px;
}

.inner2 ul {
	overflow:hidden;
	margin: 0 -10px 0 0;
}

.inner2 ul li {
	float:left;
	padding: 0 10px 20px 0;
	width:370px;
}

.inner2 img {
	width:100%;
}


.inner2 ul li a:hover {
	opacity:.8;
	filter:alpha(opacity=80);
	transition:.3s;
}

.inner2 ul li span {
	display:inline-block;
	font-weight: bold;
	padding: 5px 0 0 0;
}

/* #sidebar
----------------------- */
#corporate #sidebar .sec_sidebar .sidebar_title {
	background-image:url(../images/sidebar_title_corporate.png);
/* sidebar_title img + 15px */
	height:71px;
}

/* =================================================
	#corporate_top
================================================= */

#main_image img{
	margin:0 0 20px;
	width: 750px;
}

#corporate #sec_corporate_top .inner {
	overflow:hidden;
	margin:0 -15px;
}

#corporate #sec_corporate_top .def_box_type01_new {
	float:left;
	margin:0 15px 20px;
	width:356px;
	font-size: 1.3rem;
}

#corporate #sec_corporate_top .def_box_type01_new dt img {
	float:left;
	padding-right: 10px;
}

#corporate #sec_corporate_top .def_box_type01_new_pdf {
	float:left;
	margin:0 15px 20px;
	width:356px;
	font-size: 1.3rem;
}

#corporate #sec_corporate_top .def_box_type01_new_pdf dt img {
	float:left;
	padding-right: 10px;
}

#topics_list{
	overflow:hidden;
	margin:0 ;
}

#topics_list li {
	float:left;
	width:167px;
	padding: 10px;
	overflow: hidden;
}

#topics_list li img {
	width:180px;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .1);
}

#topics_list li a:hover{
	opacity:.8;
	filter:alpha(opacity=80);
	transition:.3s;
}

#topics_title {
	overflow:hidden;
	margin:0 ;
	margin: 50px 0 20px;
	position: relative;
	padding: 6px 44%;
	display: flex;
	align-items: center;/* 縦位置の調整 */
	text-align: center;
}

#topics_title span{
	font-size: 180%;
	font-weight: bold;
}

#topics_title:before, #topics_title:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 39%;
}

#topics_title:before {
  left:0;
}
#topics_title:after {
  right: 0;
}

#topics_title::before,
#topics_title::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 3px;
  background: #eee;
}

li.pdf_movie{
    width: 100%;
   
}
li.pdf_movie .pdf_movie_inner{
	 background-image: linear-gradient(45deg, #eee 0%, #ccc 100%);
	height:164px;
	padding-top:8px;
	box-sizing: border-box;
}
li.pdf_movie .pdf_movie_inner a{
	display: block;
}
li.pdf_movie .pdf_movie_inner a:hover{
	opacity:0.9;
}
li.pdf_movie .pdf_movie_inner a:hover img{
	opacity:0.9;
}
.inner2 ul li .pdf_movie_inner span{
	text-align:center;
	display:  block;
	font-size: 90%;
}
#download {
	float: left;
	width:33%;
	border-right:solid 1px #ccc;
	box-sizing: border-box;
}
#movie {
	float: left;
	width:67%;

}
#download p{
	font-size: 75%;
	text-align: center;
}
#movie p{
	font-size: 75%;
	text-align: center;
}
#pdf_img{
	width: 60px;
	margin:3px auto;
	display: block;
	box-shadow: 1px 1px 4px #b5b5b5;
	
}
#movie_img{
	width: 154px;
	margin:3px auto;
	display: block;
	box-shadow: 1px 1px 4px #b5b5b5;
}

/* =================================================
	#sec_corporate_below
================================================= */
#corporate #sec_corporate_below	.inner {
	width: 750px;
}

#corporate #sec_corporate_below h2 {
	font-size: 1.7em;
	margin: 0 15px 20px;
}

#corporate #sec_corporate_below h2 span {
	font-size: 1.8em;
}

#corporate #sec_corporate_below h3 {
	margin: 0 15px 15px;
}

#corporate #sec_corporate_below	.inner ul {
	margin: 0 10px;
}

#corporate #sec_corporate_below .text_left {
	margin: 0 15px;
	text-align: justify;
	text-indent: 1em;
	width: 70%;
}

#corporate #sec_corporate_below .text_left2 {
	margin: 0 15px;
	text-align: justify;
	text-indent: 1em;
	width: 60%;
}

.rtxt {
	text-align: right;
}


/* =================================================
	#corporate_philosophy
================================================= */
#corporate #sec_corporate_below ul.philosophy_list {
    margin-bottom: 20px;
    padding: 15px 0 10px 0;
    background: none repeat scroll 0% 0% #EAF6FD;
}
#corporate #sec_corporate_below ul.philosophy_list li {
	margin: 0 0 5px 30px;
	font-weight: bold;
	font-size: 1.6em; 
}

#corporate #sec_corporate_below ul.conduct_list {
    padding: 15px 0 10px 0;
    background: none repeat scroll 0% 0% #EAF6FD;
}
#corporate #sec_corporate_below ul.conduct_list li {
	margin: 0 0 10px 50px;
	font-weight: bold;
	list-style: disc;
}

/* =================================================
   profile
================================================= */
#corporate #sec_corporate_below	.inner dl.profile_cate {
	margin: 0 15px 30px;
}

#corporate #sec_corporate_below	.inner .profile_cate dt {
	color: #0072BB;
	float: left;
	width: 20%;
}

#corporate #sec_corporate_below	.inner .profile_cate dd {
	margin-bottom: 15px;
	padding-left: 11em;
	position: relative;
}

#corporate #sec_corporate_below	.inner .profile_cate dd ul {
	font-size: 0.75em;
	margin: 0;
}

#corporate #sec_corporate_below	.inner .profile_cate dd {
	border-bottom: 1px dotted #BABABA;
	padding-bottom: 10px;
}
#corporate #sec_corporate_below	.inner .profile_cate dd.ruby {
	line-height: 2.5;
}

#corporate #sec_corporate_below	.inner img {
	padding: 0 10px;
}


/* =================================================
	#corporate_histoy
================================================= */
.history_table {
	width: 740px;
}

#corporate #sec_corporate .history_table td {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
     font-size: 0.7em;
}

.year {
	background: #3369ae;
	color: #fff;
	padding:5px;
}
.era  {
	vertical-align: top;
	width: 60px;
}

.md {
	vertical-align: top;
	width: 60px;
	margin-right: 20px;
}

.item {
	width: 600px;
}

.item_img{
    margin-top: 5px;
	width: 240px;
}

.item_img_02{
    margin-top: 5px;
	width: 160px;
}

#corporate #sec_corporate .history_table td.img_center {
}

/* -----------------------------------------------------------
	
	アイコンデザイン
	
----------------------------------------------------------- */
.list_title{
    margin-top: 30px;
    padding:5px 10px;
    font-size: 0.7em;
    color: #fff;
    background: linear-gradient(to right,#3369ae,#3369ae 10%,#fff);
}

ul.list{
    padding-inline-start: 0px;
    list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
    
ul li.list_item{
	width: 100%;
	box-sizing:border-box;
	text-align:left;
}

.list_item .image{
	float:left;
	width:30%;
	margin-right:3%;
}

.list_item .text{
	float:left;
	width:67%;
	font-size:14px;
    line-height:1.6;
}

.list_item .text span{
	background:#3B3B3B;
	color:#fff;
	margin-right:6px;
	font-size:12px;
	padding:0 6px;
	border-radius:4px;
	display:inline-block;
	margin-bottom:4px;
}
    
.list_item .text .name{
	margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
	line-height:1.2;
	margin-top:10px;
}

.sub_01{
    margin-top:10px;
	font-size:10px;
	width:100%;
    line-height: 2.2;
}
    
.sub_01 em{
	margin-right: 5px;
	padding: 3px;
    color: #ffffff;
	font-style: normal;
	-moz-border-radius: 2px; /* gecko */
	-webkit-border-radius: 2px; /* webkit */border-radius: 2px; /* CSS3 standard */
	-khtml-border-radius: 2px; /* old konkeror */
	border-radius: 2px; /* CSS3 standard */
	behavior: url(../img/border-radius.htc);/* IE6 7 8 */
	background: #8198c9;
}
    
ul.sub_01 ul.sub_01_left{float:left;}
ul.sub_01 ul.sub_01_right{float:left;}

ul.sub_02{
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.4;
}	

ul.sub_02 li{
	line-height:1.4;
	margin-bottom:4px;
}
	
@media screen and (max-width: 767px) {

ul li.list_item{
	width: 100%;
	float:none;
	margin-bottom:20px;
	}

}

/* -----------------------------------------------------------
	
	フォームデザイン
	
----------------------------------------------------------- */
form{
	margin:0 auto;
	box-sizing:border-box;
}
    
.form_box{
	width:100%;
    font-size: 1.4em;
	box-sizing:border-box;
    overflow: hidden;
}
    
.is-hide {display: none;}

#wrap_nav{
    padding: 10px 0;
	text-align: left;
	width: 740px;
	background: rgba(255,255,255,1);
	z-index: 9999;
	box-sizing: border-box;
}

.fixed{position: fixed;}

.search-box_label {
	padding:10px 0 0 0;
	float:none;
	width:100%;
    text-align: left;
	
	font-size:16px;
	}

option[type="text"][disabled]{
    cursor:not-allowed; /* 禁止カーソル */
	background-color:#2c2c2c;
	color:#fff;
	}
:disabled {
  background-color: #eee;
  cursor: not-allowed;
  color:#000;
	}



.control[data-filter]:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    border: 2px solid currentColor;
    border-radius: 2px;
    background: currentColor;
    transition: background-color 150ms, border-color 150ms;
	}

.control[data-sort]:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-left: 2px solid;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    transform:  translateY(1px) rotate(45deg);
	}

.control[data-sort*=":desc"]:after {
    transform:  translateY(-4px) rotate(-135deg);
	}





select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
  	}

select {

  /* styling */
  background-color: white;
  border: thin solid #333;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
	}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 51%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 51%),
    linear-gradient(to right, #949494, #949494);
  background-position:
    calc(100% - 17px) calc(1em + 2px),
    calc(100% - 12px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  
  width:60%;
  float:left;
	}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 51%),
    linear-gradient(135deg, transparent 50%, white 51%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 12px) 1em,
    calc(100% - 17px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
	}