@charset "utf-8";

/* -----------------------------------------------------------
    インタビュー（一覧ページ）
-------------------------------------------------------------- */
#recruit.interview-detail.no0 .page-title-area-title01 section {
	background-image: url(../img/bg_title_recruit_interview.jpg);
	background-position: right top;
}

#recruit .member {
	padding-top: 30px;
	padding-bottom: 80px;
}

#recruit .member-wrap {
	margin-top: 60px;
}

#recruit .member-wrap ul {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	gap: 0 50px;
	margin: 50px 0 30px;
}

#recruit .member-wrap ul li {
	position: relative;
	margin-bottom: 30px;
	list-style: none;
	width: calc( ( 100% - 50px ) / 2 );
	box-shadow: 0px 5px 15px rgb(112, 112, 112, 0.2);
}

#recruit .member-wrap ul li .img-box {
	margin:0 auto;
	overflow:hidden;
	position: relative;
}

#recruit .member-wrap ul li .img-box::before {
	/*content: "";
	background-color: #fff;
	width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0px;
	z-index: 2;*/
}

#recruit .member-wrap ul li .img-box img {
	transition:1s all;
	z-index: 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
}

#recruit .member-wrap ul li .img-box img:hover{
	transform:scale(1.2,1.2);
	transition:1s all;
}

#recruit .member-wrap ul li .copy-wrap {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 65px;
	z-index: 2;
}

#recruit .member-wrap ul li .catchcopy span {
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	background-color: var(--blue);
	line-height: 1.5rem;
	padding: 15px 10px;
	letter-spacing: 3px;
}

#recruit .member-wrap ul li .c-n-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 20px 10px 20px 20px;
}

#recruit .member-wrap ul li .cate {
	display: inline-block;
	width: auto;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--blue);
	background-color: var(--bg-blue);
	border: solid 1px var(--blue);
	padding: 5px 10px;
}

#recruit .member-wrap ul li .color2 {
	background-color: #333;
}
#recruit .member-wrap ul li .name {
	font-size: 2.2rem;
	font-weight: bold;
	padding: 5px 0 0 5px;
}

#recruit.interview-detail .member-wrap .btn.btn-b {
	display: none;
}
#recruit .member-wrap .txt-scroll {
	display: none;
}

/*採用情報ページ TOPのみ*/
/*
#recruit.recruit-top .member-wrap ul li .copy-wrap {
	display: none;
}

#recruit.recruit-top .member-wrap ul li .c-n-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	padding: 10px 10px;
	background: #fff;
}

#recruit.recruit-top .member-wrap .btn.btn-b {
	display: flex;
	justify-content: center;
}
*/
#recruit.recruit-top .member-wrap .btn.btn-b {
	display: flex;
	justify-content: center;
}

/*出し分け*/
#recruit.no1 .member-wrap ul li.interview01,
#recruit.no2 .member-wrap ul li.interview02,
#recruit.no3 .member-wrap ul li.interview03,
#recruit.no4 .member-wrap ul li.interview04,
#recruit.no5 .member-wrap ul li.interview05,
#recruit.no6 .member-wrap ul li.interview06,
#recruit.no7 .member-wrap ul li.interview07,
#recruit.no8 .member-wrap ul li.interview08 {
	display: none;
}

@media screen and (max-width: 768px) {
	#recruit.interview-detail.no0 .page-title-area-title01 section {
		background-image: url(../img/bg_title_recruit_interview_sp.jpg);
	}
	
	#recruit .member {
		padding: 0 20px 0;
	}

	#recruit .member-wrap {
		margin-top: 30px;
	}

	#recruit .member-wrap ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 10px 0;
		margin: 20px 0 0;
	}

	#recruit .member-wrap ul li {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
		list-style: none;
		box-shadow: 0px 5px 15px rgb(112, 112, 112, 0.2);
	}

	#recruit .member-wrap ul li .img-box {
		width: 100%;
		height: 200px;
		margin:0 auto;
		overflow:hidden;
		position: relative;
	}

	#recruit .member-wrap ul li .img-box::before {
		display: none;
	}

	#recruit .member-wrap ul li .img-box img {
		transition:1s all;
		z-index: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#recruit .member-wrap ul li .img-box img:hover{
		transform:scale(1.2,1.2);
		transition:1s all;
	}

	#recruit .member-wrap ul li .c-n-wrap {
		flex-wrap: wrap;
		position: static;
		padding: 50px 10px 10px;
		background: #fff;
		gap: 0;
	}

	#recruit .member-wrap ul li .cate {
		font-size: 1.3rem;
		font-weight: bold;
		padding: 3px 5px;
	}

	#recruit .member-wrap ul li .name {
		font-size: 1.8rem;
		font-weight: bold;
		width: 100%;
	}

	#recruit .member-wrap ul li .name img {
		max-height: 38px;
		max-width: 100%;
	}

	#recruit .member-wrap ul li .copy-wrap {
		display: block;
		position: absolute;
		left: 10px;
		bottom: 90px;
		z-index: 2;
	}

	#recruit .member-wrap ul li .catchcopy span {
		font-size: 1.4rem;
		padding: 10px;
	}
	
	/*採用情報ページ TOPのみ*/
	#recruit.recruit-top .member-wrap {
		margin: 30px 0 30px;
	}
	#recruit.recruit-top .member-wrap .scroll {
		display: block;
		overflow-x: scroll!important;
		overflow-y: hidden;
		white-space: nowrap;
		width: 100%;
		margin: 0 0 0;
		padding: 0 0 0 0;
	}
	#recruit.recruit-top .member-wrap ul {
        width: 1300px;
        margin: 0 0 20px;
        display: flex;
        gap: 30px 30px;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 10px;
    }
	#recruit.recruit-top .member-wrap ul li {
		width: calc((100% - 90px) / 4);
		margin-bottom: 0;
	}
	#recruit.recruit-top  .member-wrap ul li .cate {
		font-size: 1.2rem;
	}
	#recruit.recruit-top .member-wrap ul li .c-n-wrap {
        padding: 15px 10px 10px;
    }
	#recruit.recruit-top .member-wrap .txt-scroll {
		display: inline-block;
		text-align: left;
		font-size: 1.4rem;
		font-weight: bold;
		color: var(--blue);
		position: relative;
		padding: 0 0 0 12px;
		margin: 20px 0 0;
	}
	#recruit.recruit-top .member-wrap .txt-scroll::after {
		display: block;
		content: "\f101";
		font-family: FontAwesome;
		font-size: 1.4rem;
		position: absolute;
		line-height: 1;
		left: 0;
		top: 14px;
		margin: -9px 0 0;
	}
	#recruit.recruit-top .member-wrap ul li .catchcopy span {
        font-size: 1.1rem;
        padding: 5px;
    }
	
	#recruit.recruit-top .member-wrap .btn.btn-b {
		display: flex;
		justify-content: center;
		margin: 30px 0 30px;
	}
	/*#recruit.recruit-top .member-wrap ul li .catchcopy {
		display: none;
	}*/

}

/* -----------------------------------------------------------
     
-------------------------------------------------------------- */
/*#recruit.interview-detail .inner {
	width: 1100px;
}
@media screen and (max-width: 768px) {
	#recruit.interview-detail .inner {
		width: 100%;
	}
}*/

/* -----------------------------------------------------------
    interview-detail MV周り
-------------------------------------------------------------- */
#recruit.interview-detail h1 {
	font-size: 1.2rem;
    position: absolute;
    right: 15px;
    z-index: 15;
    color: #ccc;
    top: 645px;
}
#recruit.interview-detail.no0 h1 {
    top: 362px;
}

#recruit.interview-detail .page-title-area{
	background: url("../../control/img/rec-in-mv-00.jpg") top right / auto no-repeat,#F2FAFF;
}

/*詳細ページMV画像*/
#recruit.interview-detail.no1 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo1.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no2 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo2.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no2 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo2.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no3 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo3.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no4 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo4.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no5 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo5.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no6 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo6.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no7 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo7.jpg") top right / auto no-repeat,#F2FAFF;
}
#recruit.interview-detail.no8 .page-title-area{
	background: url("../../control/img/rec-in-mv-vo8.jpg") top right / auto no-repeat,#F2FAFF;
}
/*詳細ページMV画像 end*/

#recruit.interview-detail .page-title-area .ttl {
	background-position: left top 200px;
	background-size: auto 60px;
	background-repeat: no-repeat;
	padding: 80px 0 68px;
}

#recruit.interview-detail .page-title-area .ttl-c{
	
}

#recruit.interview-detail .page-title-area .ttl-c span.blue{
	background: var(--blue);
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	font-size: 3.4rem;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}
#recruit.interview-detail .page-title-area .ttl-c span.blue.top {
	margin: 0 0 8px;
}

#recruit.interview-detail .page-title-area .ttl-l{
	font-size: 3rem;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0;
	letter-spacing: 3px;
}

#recruit.interview-detail .page-title-area .ttl-l span{
	font-family: inherit;
	font-size: 2rem;
	font-style: normal;
	font-weight: bold;
	color: #999999;
	line-height: 1.5;
	letter-spacing: 3px;
}

#recruit.interview-detail .page-title-area .sub {
	font-family: inherit;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: bold;
	color: #999999;
	line-height: 1.2;
	letter-spacing: 3px;
	padding: 0 0 10px;
}

#recruit.interview-detail .page-title-area::after{
	content:'';
	width: 100%;
	background: url("../../control/img/bg_about_pc.jpg") center bottom / 100% no-repeat;
}

@media screen and (max-width: 667px){
	#recruit.interview-detail h1 {
        font-size: 1.0rem;
        text-shadow: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 5px 10px;
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        background: #333;
        z-index: 1;
    }
	#recruit.interview-detail.no0 h1 {
		top: auto;
	}

	#recruit.interview-detail .page-title-area{
		height: 280px;
		width: 100%;
		position: relative;
	}
	
	#recruit.interview-detail .page-title-area{
		background: url("../../control/img/rec-in-mv-sp00.jpg") top center / cover no-repeat,#F2FAFF;
		height: 355px;
	}
	
	/*詳細ページMV画像*/
	#recruit.interview-detail.no1 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo1-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no2 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo2-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no3 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo3-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no4 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo4-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no5 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo5-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no6 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo6-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no7 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo7-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	#recruit.interview-detail.no8 .page-title-area{
		background: url("../../control/img/rec-in-mv-vo8-sp.jpg") top center / cover no-repeat,#F2FAFF;
	}
	/*詳細ページMV画像 end*/

	#recruit.interview-detail .page-title-area .ttl{
		padding: 0;
		position: absolute;
		bottom: 10px;
		width: 100%;
	}

	#recruit.interview-detail .page-title-area .ttl-c{
		display: block;
		position: absolute;
		bottom: 75px;
	}
	
	#recruit.interview-detail .page-title-area .ttl-c span.blue{
		font-size: 1.5rem;
		height: 30px;
		line-height: 30px;
	}
	#recruit.interview-detail .page-title-area .ttl-c span.blue.top {
		margin: 0 0 5px;
	}

	#recruit.interview-detail .page-title-area .ttl-l{
		font-size: 1.6rem;
		text-align: inherit;
		margin: 0 0 0 20px;
		line-height: 1;
		background: var(--bg-blue);
		padding: 3px 8px 3px;
		display: inline-block;
	}

	#recruit.interview-detail .page-title-area .ttl-l span{
		font-size: 1.3rem;
		padding: 0 5px 0 0;
	}
	
	#recruit.interview-detail .page-title-area .sub {
		font-size: 1.4rem;
		line-height: 1.5;
		color: #fff;
		padding: 0 0 5px 20px;
	}

}


/* -----------------------------------------------------------
    interview-detail contents内
-------------------------------------------------------------- */
#recruit.interview-detail .contents{
	margin: 0 0 0;
}
#recruit.interview-detail .inter-box {
	
}
#recruit.interview-detail .inter-box .box-img {
	
}
#recruit.interview-detail .inter-box .box-img img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#recruit.interview-detail h3.detail-catch {
	font-family: 'Noto Sans JP';
	font-size: 2.8rem;
	line-height: 1.8;
	padding: 0 0 20px;
	color: var(--blue);
}

#recruit.interview-detail p.txt-q {
	font-size: 1.8rem;
	font-weight: 700;
    position: relative;
    display: flex;
    margin: 0 0 20px 0;
}
#recruit.interview-detail p.txt-q::before {
    content: "";
    width: 3rem;
    height: 1px;
    display: block;
    background: var(--blue);
    margin: 15px 10px 0 0;
}

#recruit.interview-detail .rec-interview-box {
	background-position: right top;
	background-repeat: no-repeat;
	padding: 70px 0;
    background-color: var(--bg-blue);
}

#recruit.interview-detail .rec-interview-box {
	background-image: url(../img/rec-inter-detail-000.jpg)
}

/*no1*/
#recruit.interview-detail.no1 .rec-interview-box.img01 {
	background-image: url("../img/rec-inter-detail-vo1-1.jpg")
}
#recruit.interview-detail.no1 .rec-interview-box.img02 {
	background-image: url("../img/rec-inter-detail-vo1-2.jpg")
}
#recruit.interview-detail.no1 .rec-interview-box.img03 {
	background-image: url("../img/rec-inter-detail-vo1-3.jpg")
}
#recruit.interview-detail.no1 .rec-interview-box.img04 {
	background-image: url("../img/rec-inter-detail-vo1-4.jpg")
}
/*no1 end*/

/*no2*/
#recruit.interview-detail.no2 .rec-interview-box.img01 {
	background-image: url("../img/rec-inter-detail-vo2-1.jpg")
}
#recruit.interview-detail.no2 .rec-interview-box.img02 {
	background-image: url("../img/rec-inter-detail-vo2-2.jpg")
}
#recruit.interview-detail.no2 .rec-interview-box.img03 {
	background-image: url("../img/rec-inter-detail-vo2-3.jpg")
}
#recruit.interview-detail.no2 .rec-interview-box.img04 {
	background-image: url("../img/rec-inter-detail-vo2-4.jpg")
}
/*no2 end*/

/*no3*/
#recruit.interview-detail.no3 .rec-interview-box.img01 {
	background-image: url(../img/rec-inter-detail-vo3-1.jpg)
}
#recruit.interview-detail.no3 .rec-interview-box.img02 {
	background-image: url(../img/rec-inter-detail-vo3-2.jpg)
}
#recruit.interview-detail.no3 .rec-interview-box.img03 {
	background-image: url(../img/rec-inter-detail-vo3-3.jpg)
}
#recruit.interview-detail.no3 .rec-interview-box.img04 {
	background-image: url(../img/rec-inter-detail-vo3-4.jpg)
}
/*no3 end*/

/*no4*/
#recruit.interview-detail.no4 .rec-interview-box.img01 {
	background-image: url(../img/rec-inter-detail-vo4-1.jpg)
}
#recruit.interview-detail.no4 .rec-interview-box.img02 {
	background-image: url(../img/rec-inter-detail-vo4-2.jpg)
}
#recruit.interview-detail.no4 .rec-interview-box.img03 {
	background-image: url(../img/rec-inter-detail-vo4-3.jpg)
}
#recruit.interview-detail.no4 .rec-interview-box.img04 {
	background-image: url(../img/rec-inter-detail-vo4-4.jpg)
}
/*no4 end*/

/*no5*/
#recruit.interview-detail.no5 .rec-interview-box.img01 {
	background-image: url(../img/rec-inter-detail-vo5-1.jpg)
}
#recruit.interview-detail.no5 .rec-interview-box.img02 {
	background-image: url(../img/rec-inter-detail-vo5-2.jpg)
}
#recruit.interview-detail.no5 .rec-interview-box.img03 {
	background-image: url(../img/rec-inter-detail-vo5-3.jpg)
}
#recruit.interview-detail.no5 .rec-interview-box.img04 {
	background-image: url(../img/rec-inter-detail-vo5-4.jpg)
}
/*no5 end*/

/*no6*/
#recruit.interview-detail.no6 .rec-interview-box.img01 {
	background-image: url(../img/rec-inter-detail-vo6-1.jpg)
}
#recruit.interview-detail.no6 .rec-interview-box.img02 {
	background-image: url(../img/rec-inter-detail-vo6-2.jpg)
}
#recruit.interview-detail.no6 .rec-interview-box.img03 {
	background-image: url(../img/rec-inter-detail-vo6-3.jpg)
}
#recruit.interview-detail.no6 .rec-interview-box.img04 {
	background-image: url(../img/rec-inter-detail-vo6-4.jpg)
}
/*no6 end*/

/*no7*/
#recruit.interview-detail.no7 .rec-interview-box.img01 {
	background-image: url(../img/rec-inter-detail-vo7-1.jpg)
}
#recruit.interview-detail.no7 .rec-interview-box.img02 {
	background-image: url(../img/rec-inter-detail-vo7-2.jpg)
}
#recruit.interview-detail.no7 .rec-interview-box.img03 {
	background-image: url(../img/rec-inter-detail-vo7-3.jpg)
}
#recruit.interview-detail.no7 .rec-interview-box.img04 {
	background-image: url(../img/rec-inter-detail-vo7-4.jpg)
}
/*no7 end*/

/*no8*/
#recruit.interview-detail.no8 .rec-interview-box.img01 {
	background-image: url(../img/rec-inter-detail-vo8-1.jpg)
}
#recruit.interview-detail.no8 .rec-interview-box.img02 {
	background-image: url(../img/rec-inter-detail-vo8-2.jpg)
}
#recruit.interview-detail.no8 .rec-interview-box.img03 {
	background-image: url(../img/rec-inter-detail-vo8-3.jpg)
}
#recruit.interview-detail.no8 .rec-interview-box.img04 {
	background-image: url(../img/rec-inter-detail-vo8-4.jpg)
}
/*no8 end*/

#recruit.interview-detail .rec-interview-box .detail-box {
	background: linear-gradient(90deg,#fff 0%,#fff 55%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 100%);
}

#recruit.interview-detail .rec-interview-box .detail-box .inner {
	padding: 70px 550px 60px 0;
}

/*re*/
#recruit.interview-detail .rec-interview-box.re {
	background-position: left top;
	background-repeat: no-repeat;
	padding: 70px 0;
    background-color: var(--bg-blue);
}

#recruit.interview-detail .rec-interview-box.re {
	background-image: url(../img/rec-inter-detail-000.jpg)
}

#recruit.interview-detail .rec-interview-box.re .detail-box {
	background: linear-gradient(-90deg,#fff 0%,#fff 55%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 100%);
}

#recruit.interview-detail .rec-interview-box.re .detail-box .inner {
	padding: 70px 0 60px 550px;
}
/*re end*/

/*style02*/
#recruit.interview-detail .rec-interview-box.style02 {
	background-position: left top;
	background-repeat: no-repeat;
	padding: 100px 0;
    background-color: var(--bg-blue);
}

#recruit.interview-detail .rec-interview-box.style02 {
	background-image: none;
}

#recruit.interview-detail .rec-interview-box.style02 .detail-box {
	background: none;
}

#recruit.interview-detail .rec-interview-box.style02 .detail-box .inner {
	padding: 0 0 0;
}

#recruit.interview-detail .rec-interview-box.style02 .detail-box .box-img {
	text-align: center;
}
#recruit.interview-detail .rec-interview-box.style02 .detail-box .box-img img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}
#recruit.interview-detail .rec-interview-box.style02 .detail-box .flex {
	margin-top: 100px;
	display: flex;
	justify-content: space-around;
	gap: 30px;
}
#recruit.interview-detail .rec-interview-box.style02 .detail-box .flex .txt-box {
	width: 535px;
}
/*style02 end*/

/*rec-interview-last*/
#recruit.interview-detail .rec-interview-last {
	padding: 100px 0 100px;
	background-color: var(--blue);
}
#recruit.interview-detail .rec-interview-last .inner {
	padding: 50px 50px;
	border: solid 1px var(--blue);
	background-color: #fff;
}
#recruit.interview-detail .rec-interview-last h3.detail-catch {
	text-align: center;
}
#recruit.interview-detail .rec-interview-last p.txt-q {
	font-size: 2.5rem;
	justify-content: center;
}
#recruit.interview-detail .rec-interview-last p.txt-q::before {
    margin: 22px 10px 0 0;
}
#recruit.interview-detail .rec-interview-last p.txt-a {
	text-align: left;
	line-height: 2;
}

#recruit.interview-detail .rec-interview-last .rec-inter-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
#recruit.interview-detail .rec-interview-last .rec-inter-flex .img-box {
	width: 200px;
}
#recruit.interview-detail .rec-interview-last .rec-inter-flex .img-box img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}
#recruit.interview-detail .rec-interview-last .rec-inter-flex .txt-box {
	width: calc( 100% - 230px );
}
/*rec-interview-last end*/

@media screen and (max-width: 667px){
	#recruit.interview-detail .contents{
		margin: 0 0 0;
	}
	
	#recruit.interview-detail h3.detail-catch {
		font-size: 2rem;
		padding: 0 0 10px;
	}

	#recruit.interview-detail p.txt-q {
		font-size: 1.6rem;
		margin: 0 0 15px 0;
	}
	#recruit.interview-detail p.txt-q::before {
		margin: 12px 5px 0 0;
	}
	
	#recruit.interview-detail .rec-interview-box,
	#recruit.interview-detail .rec-interview-box.re {
		background-position: center bottom;
		background-size: auto 280px;
		padding: 20px 20px 310px;
	}

	#recruit.interview-detail .rec-interview-box .detail-box,
	#recruit.interview-detail .rec-interview-box.re .detail-box{
		background: #fff;
	}

	#recruit.interview-detail .rec-interview-box .detail-box .inner,
	#recruit.interview-detail .rec-interview-box.re .detail-box .inner{
		padding: 20px 20px 15px;
	}
	
	/*style02*/
	#recruit.interview-detail .rec-interview-box.style02 {
		padding: 20px 20px;
	}

	#recruit.interview-detail .rec-interview-box.style02 .detail-box .inner {
		padding: 0 0 0;
	}

	#recruit.interview-detail .rec-interview-box.style02 .detail-box .box-img {
		text-align: center;
	}
	#recruit.interview-detail .rec-interview-box.style02 .detail-box .flex {
		margin-top: 10px;
		flex-direction: column;
		gap: 20px;
	}
	#recruit.interview-detail .rec-interview-box.style02 .detail-box .flex .txt-box {
		width: 100%;
	}
	/*style02 end*/
	
	/*rec-interview-last*/
	#recruit.interview-detail .rec-interview-last {
		padding: 30px 20px 30px;
	}
	#recruit.interview-detail .rec-interview-last .inner {
		padding: 30px 20px;
	}
	#recruit.interview-detail .rec-interview-last p.txt-q {
		font-size: 1.8rem;
		justify-content: left;
	}
	#recruit.interview-detail .rec-interview-last p.txt-q::before {
		margin: 15px 10px 0 0;
	}
	#recruit.interview-detail .rec-interview-last p.txt-a {
		text-align: left;
		line-height: 1.8;
	}
	
	#recruit.interview-detail .rec-interview-last .rec-inter-flex {
		flex-direction: column;
		gap: 20px;
	}
	#recruit.interview-detail .rec-interview-last .rec-inter-flex .img-box {
		width: 100%;
		max-width: 180px;
	}
	#recruit.interview-detail .rec-interview-last .rec-inter-flex .txt-box {
		width: 100%;
	}
	/*rec-interview-last end*/

}