@charset "utf-8";
/* CSS Document */
/*about*/
.interview-list {
}
.interview-list-content{
}
/*body{
background-color:#f5f8fc;
}*/

/*背景パターン*/
.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  opacity: 0.4;
  z-index: -1;
}
.Polka {
  background-image: radial-gradient(#cdcdcd 2px, #fff 2px);
  background-size: 12px 12px;
}
/*背景パターンここまで*/
.interview-list-content ul{
	padding-left:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0;
}
.interview-list-content ul li{
	padding-left:0;
	list-style:none;
	width:30%;
	margin-bottom:40px;
	/*background-color:#E6EAF0;*/
	border-radius:10px;
	box-sizing: border-box;
	/*border:solid 3px #ddd;*/
	/*box-shadow: 2px 2px 7px #ccc;*/
}
.interview-empty{
	content:"";
	display:block;
	width:30%;
}
.interview-list-content ul li a{
	display:block;
	width:100%;
}
.interview-list-img{
	overflow: hidden; /* 親要素からはみ出た部分を隠す */
	border-radius:10px;
}
.interview-list-img img{
	width:100%;
	display:block;
	border-radius:10px;
	box-shadow: 2px 2px 7px #ccc;
	transition: transform 0.3s ease; /* スムーズな拡大 */
}
.interview-list-img img:hover{
	transform: scale(1.1); /* 1.2倍に拡大 */
}
.occupation{
	color:#000;
	font-weight:bold;
	margin:10px 0 5px 0;
}
.category{
	background-color:#3FACDC;
	color:#fff;
	padding:2px 10px;
	border-radius:50px;
}
.name{
	margin:10px auto;
	font-weight:bold;
	font-size:20px;
	color:#000;
}
.about-box-empty {
	width:24%;
	content:"";
	display:block;
}

.interview-list-btn {
	
}
.interview-list-btn ul{
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	
}
.interview-list-btn ul li{
	margin-right:10px;
	margin-bottom:10px;
}
.interview-list-btn ul li a{
	padding:2px 10px;
	border-radius:50px;
	color:#fff;
}
.honbu{
	background-color:#3FACDC!important;
}
.cs{
	background-color:#0070A5!important;
}
.fsr{
	background-color:#A5895D!important;
}
.mitsukaru{
	background-color:#1eb3eb!important;
}
.ones{
	background-color:#E95312!important;
}
.arrowz{
	background-color:#372762!important;
}
.eastone{
	background-color:#B94B82!important;
}
/*背景パターン*/
/*.bg_pattern {
  background-color: #ffffff;
  z-index: -1;
  border:solid 10px;
}
.Polka {
  background-image: radial-gradient(#e2e2e2 2px, #fff 2px);
  background-size: 12px 12px;
}*/
/*背景パターンここまで*/
/*各事業border-color*/
/*.border-honbu{
	border-color:#3FACDC!important;
}
.border-cs{
	border-color:#0070A5!important;
}
.border-fsr{
	border-color:#A5895D!important;
}
.border-mitsukaru{
	border-color:#1eb3eb!important;
}
.border-ones{
	border-color:#E95312!important;
}
.border-arrowz{
	border-color:#372762!important;
}
.border-eastone{
	border-color:#B94B82!important;
}*/
@media(max-width:960px){
.interview-list-content ul li{
	padding-left:0;
	list-style:none;
	width:47%;
	margin-bottom:40px;
}	
.interview-empty{
	content:"";
	display:block;
	width:47%;
}
}
@media(max-width:640px){
.interview-list-content ul li{
	padding-left:0;
	list-style:none;
	width:80%;
	margin:auto auto 40px auto;
}	
.interview-empty{
	content:"";
	display:block;
	width:80%;
}
}
@media(max-width:520px){
.interview-list-content ul li{
	padding-left:0;
	list-style:none;
	width:100%;
}	
.interview-empty{
	content:"";
	display:block;
	width:100%;
}
}