@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page {
  background: url("../images/recruit-images/page-bg.jpg") 50% 100% no-repeat;
  margin-bottom: 0;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.information__tit {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(2rem,3.1vw,3rem);
	font-weight: 700;
}
.jyoken__item {
	position: relative;
	color: #0e0e65;
	background-color: #fff;
	border: solid 3px #0e0e65;
	padding: 20px;
}
.jyoken__item p {
	margin-bottom: 0;
}
.jyoken__number {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	background-color: #0e0e65;
}
.jyoken__tit {
	font-size: clamp(2.2,2.8vw,2.5rem);
	text-align: center;
	margin-bottom: 30px;
}
.jyoken__tit::after {
	display: block;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #0e0e65;
	margin: 20px auto 0 auto;
}

.table01 th {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #ffa257;
  border: solid 1px #ccc;
  padding: 20px;  
}
.table01 td {
  border: solid 1px #ccc;
  padding: 20px;  
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.table01 th {
  padding: 10px;  
}
.table01 td {
  padding: 10px;  
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.jyoken__item {
	padding: 15px;
}
.jyoken__number {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.jyoken__tit {
	margin-bottom: 20px;
}
.jyoken__tit::after {
	width: 40px;
	margin: 15px auto 0 auto;
}

.table01 {
  border-bottom: solid 1px #ccc;
}
.table01 th {
  display: block;
  width: 100%!important;
  border-bottom: none;
}
.table01 td {
  display: block;
  width: 100%;
  border-bottom: none;
}

}