@charset "utf-8";
/* CSS Document */

/*--- 募集情報ページ 先輩の声 --- */
div.staff-voice-flame{
	-webkit-justify-content: flex-start;/*左右中央寄せ*/
	justify-content: flex-start;/*左右中央寄せ*/
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-align-items: center;/*上下中央寄せ*/
	align-items: center;/*上下中央寄せ*/
	-webkit-flex-wrap: wrap;/*折り返し(mac safari用)*/
	flex-wrap: wrap;/*折り返し*/
	margin: 0 0 30px 0;
	
}
div.staff-voice{
	width: 50%;
	
}
/*ここからモーダル用*/
.js-modal__bg {
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.js-modal__main {
  z-index: 998;
    position: fixed;
    width: 85%;
    height: auto;
    left: 50%;
    top: 50%;
    margin-top: 0px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 0px 0px;
    overflow: hidden;
}
.js-modal__btn {
  cursor: pointer
}
.js-modal__btn--close {
  background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10000;
    width: 36pt;
    height: 36pt;
    border-radius: 50%;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.js-modal__btn--close:before{
  content:"";
  width: 20px;
  height: 20px;
  border-right:2px solid #000;
  transform: rotate(-45deg);
  position: absolute;
  top:21px;
  left:6px;
}
.js-modal__btn--close:after{
  content:"";
  width: 20px;
  height: 20px;
  border-right:2px solid #000;
  transform: rotate(45deg);
  position: absolute;
  top:7px;
  left:7px;
}


.pop-flex{
	-webkit-justify-content: space-between;/*左右中央寄せ*/
	justify-content: space-between;/*左右中央寄せ*/
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-align-items: stretch;/*上下中央寄せ*/
	align-items: stretch;/*上下中央寄せ*/
	-webkit-flex-wrap: wrap;/*折り返し(mac safari用)*/
	flex-wrap: wrap;/*折り返し*/
	margin: 0 0 0px 0;
	
}
.pop-img{
	
}
.pop-text{
	width: 85%;
	margin: 20px auto;
	
}
p.pop-department{
	font-size: 18px;
	border-bottom: 1px solid #000;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	
}
p.pop-voice{
	
}
.gra-bg{
	background: linear-gradient(120deg, #ffad75,#e7738e); /* 背景色指定 */
	padding: 20px 15px;
	
}
.bg-wh{
	background: #fff;
	padding: 20px;
}
@media print, screen and (max-width : 767px) {
/* スマホテーブル用
------------------------------------------------------------------ */
table.boshu-tbl {
	border-collapse: collapse;
	width: 95%;
	margin: 0px auto 0px auto;
	background: #fff;
}
table.boshu-tbl th {
	text-align: left;
	padding: 10px 0px 0px 10px;
	font-weight: 500;
	border-bottom: none;
	display: block;
}
table.boshu-tbl td {
	border-bottom: #cacaca 1px solid;
	text-align: left;
	padding: 10px;
	display: block;
}
}

@media print, screen and (min-width : 768px) {
/*--- 募集情報ページ 先輩の声 --- */
div.staff-voice-flame{
}
div.staff-voice{
	width: 25%;
	
}
.js-modal__main {
  z-index: 998;
    position: fixed;
    width: 45%;
    height: 42%;
    left: 50%;
    top: 50%;
    margin-top: 0px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 0px 0px;
    overflow: hidden;
}
.js-modal__btn--close {
    right: 20px;
    top: 20px;
    width: 44pt;
    height: 44pt;
}
.js-modal__btn--close:before{
  content:"";
  width: 20px;
  height: 20px;
  top:26px;
  left:10px;
}
.js-modal__btn--close:after{
  content:"";
  width: 20px;
  height: 20px;
  border-right:2px solid #000;
  transform: rotate(45deg);
  position: absolute;
  top:12px;
  left:10px;
}
	
.pop-img{
	width: 45%;
	margin: 0;
	
}
.pop-text{
	width: 45%;
	margin: 0;
	padding: 50px 40px 30px 0px;
	
}
.pop-department{
	font-size: 18px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	
}
.gra-bg{
	padding: 80px;
	
}
.bg-wh{
	padding: 50px 80px;
}
table.boshu-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 0px 0 0px 0;
	background: #fff;
}
table.boshu-tbl th {
	text-align: left;
	padding: 20px 10px 20px 15px;
	font-weight: 500;
	border-bottom: #cacaca 1px solid;
	width: 20%;
}
table.boshu-tbl td {
	border-bottom: #cacaca 1px solid;
	text-align: left;
	padding: 10px;
}
}