@charset "UTF-8";
/* //////////////////////////////////////////////////
[リウクルーとcss] 
////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////
スマホ
////////////////////////////////////////////////// */
#imagebox {
  background-image: url("../common/img/bg_h2.png"), url("img/h2_charaicon.png"), url("../common/img/bg1_blue.jpg");
}

.info{
	width: 100%;
	padding: 25px;
	border-radius: 15px;
	background-color: #e5e8f0;
	box-sizing: border-box;
}
/* //////////////////////////////////////////////////
PC
////////////////////////////////////////////////// */
@media only screen and (min-width: 769px) {

.info{
	width: 500px;
	margin: 0 auto;
}	
}






@media (any-hover: hover) {
  .buttonOutlineGradient::before {
    transition: opacity 0.2s;
  }

  .buttonOutlineGradient:hover::before {
    opacity: 1;
  }
}

.recruit_dl_2025{ text-align: center;
 	>.honsaite{ display: flex; align-items: center; justify-content: center; border: 2px solid pink; background-color: pink; color: black; font-weight: bold; transition: .3s; margin: 0 auto; box-sizing: border-box;
		&:hover{ background-color: white;}
	}
	>dl{
		>dt{ margin: 0 0 1em; border-top: 2px solid #6A474C; border-bottom: 2px solid #6A474C; padding: .5em 0;}
		>dd{
			>.lead{ margin: 0 0 .5em; padding: 0;}
			>.button{
				>a{}
			}
		}
	}
@media screen and (min-width: 769px) {
 	>.honsaite{ width: 400px; height: 80px; border-radius: 40px; font-size: 30px;}
	>dl{ display: flex; flex-wrap: wrap; width: 800px; margin: 60px auto 80px;
		>dt{ font-size: 23px; width: 100%;}
		>dd{ width: 50%; margin: 0;
			>.lead{ font-size: 20px;}
			>.button{
				>a{}
			}
		}
	}
}
@media screen and (max-width: 768.98px) {
 	>.honsaite{ width: 100%; height: 60px; border-radius: 30px; font-size: 20px;}
	>dl{ margin: 30px auto 40px;
		>dt{ font-size: 18px; width: 100%;}
		>dd{ margin: 30px 0 0;
			>.lead{ font-size: 16px;}
			>.button{
				>a{}
			}
		}
	}
}
}



@media screen and (min-width: 769px) {}
@media screen and (max-width: 768.98px) {}




@media screen and (min-width: 769px) {}
@media screen and (max-width: 768.98px) {}