@charset "utf-8";
/*---------------- index_data --------------------*/

#index_data {
	padding: 0 0 115px 0;
	background: #fff;
	position: relative;
}

.data_content{
	padding:0 20px;
}

.data_area {
	position:relative;
	max-width: 1240px;
	padding:45px 20px 0 20px;
	margin: 0 auto;
	margin-top:-100px;
	background:#fff;
}

.date_img{
	position:relative;
}
.date_img:before{
	content:"";
	position:absolute;
	width:100%;
	height:50%;
	top:0;
	right:0;
	left:0;
	background: #E6EFF6;
	background: linear-gradient(0deg,rgba(230, 239, 246, 0) 0%, rgba(230, 239, 246, 1) 100%);
}
.date_img:after{
	content:"";
	position:absolute;
	width:50%;
	height:100px;
	background:#fff;
	bottom:0;
	right:0;
}

.date_img img{
	display:block;
	height:auto;
	width:100%;
	vertical-align:bottom;
}

#index_data .top_ttl{
	text-align:center;
}

.date_btn_area{
	display: flex;
    justify-content: center;
	gap:40px;
	margin-bottom:35px;
}

.date_btn {
	width:100%;
	max-width:245px;
}

.date_btn a{
	display:block;
	width:100%;
	padding:18px 50px;
	background:#E1EAF2;
	color:#294C79;
	font-size:1.8rem;
	font-weight:600;
	border-radius:33px;
	text-decoration:none;
	position:relative;
	transition: all .3s ease;
	text-align: center;
}

.date_btn a:hover{
	opacity:.7;
}

.date_btn a:after{
	content:"";
	position:absolute;
	width:16px;
	height:9px;
	right:25px;
	top:calc(50% - 4.5px);
/* 	background: url(../../../img/arrow_b.svg); */
	background-size:cover;
	background-repeat:no-repeat;
}

.date_new{
	margin-bottom:80px;
}

.data_table h3{
	font-size:2.4rem;
	font-weight:600;
	margin-bottom:40px;
	padding-top:50px;
}

.data_table table {
	width: 100%;
}

.data_table table tr {
	border-bottom: 1px solid #ccc;
}

.data_table table tr:first-child {
	border-top: 1px solid #ccc;
}

.data_table table th {
	position: relative;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.1;
	letter-spacing: 0.06em;
	text-align: left;
	padding: 24px 20px 24px 0;
	width:22.5%;
	vertical-align: top;
}

/*ata_table table th:after {
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% - 40px);
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #ccc;
}*/

.data_table table td {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.1;
	letter-spacing: 0.06em;
	padding: 24px 20px 24px 0;
}

.data_table table td p{
	margin-bottom:20px;
}
.data_table table td p:last-child{
	margin-bottom:0;
}
.data_table table p.recruit_flow{
	line-height:1.6;
}


@media screen and (max-width:1700px) {}

@media screen and (max-width:1500px) {}

@media screen and (max-width:1300px) {}

@media screen and (max-width:767px) {

	#index_data {
		padding: 0 0 70px 0;
	}
	
	.data_area{
		padding:25px 0 0 0;
		margin-top: -75px;
	}
	
	.date_img:after {
		height: 75px;
	}
	
	.date_btn_area{
		flex-direction: column;
		margin-bottom:20px;
		gap:20px;
	}
	
	.date_btn{
		max-width:100%;
	}
	
	.date_btn a{
		padding:15px 40px;
		font-size:14px;
	}
	
	.date_new{
		margin-bottom:30px;
	}
	
	.data_table h3{
		font-size:20px;
		margin-bottom:20px;
		padding-top:30px;
	}


	.data_table table th {
		display: block;
        width: 100%;
		padding:13px 13px 13px 0;
		border-bottom:1px solid #ccc;
		font-size:14px;
	}

	.data_table table td {
		display: block;
        width: 100%;
		padding:13px 13px 13px 0;
		font-size:13px;
	}
}

/* ===== タブボタン化 ===== */
#index_data .date_btn_area{
  display:flex;
  gap:12px;
  padding:0;
  margin:20px 0 0;
  list-style:none;
}

/* #index_data .date_btn_area .date_btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid #0084DD;
  background:#fff;
  color:#0084DD;
  font-weight:700;
  text-decoration:none;
  line-height:1;
}
 */
#index_data .date_btn_area .date_btn.is-active a{
  background:#294C79;
  color:#fff;
}

@media (max-width:768px){
  #index_data .date_btn_area .date_btn{ flex:1; }
  #index_data .date_btn_area .date_btn a{
    width:100%;
    padding:12px 10px;
  }
}

/* ===== タブ中身：基本は両方非表示にしてJSで出す ===== */
#index_data .data_table > #date_new,
#index_data .data_table > #date_career{
  display:none;
}