@charset "UTF-8";


/* for PC,ipad */
@import url("mid-carrer_pc.css") screen and (min-width:927px);

/* for iphone,ipod,Andoroid */
@import url("mid-carrer_mobi.css") screen and (min-width:0) and (max-width:926px);


:root{
--cmcolor-domered:rgba(230,0,18,1);
--cmcolor-domeThinPink:rgba(249,212,217);
--cmcolor-domeThinBggrey:rgba(245,245,245);
--cmcolor-domeThinBdgrey:rgba(231,231,231);
--cmcolor-domeMThinBdgrey:rgba(238,238,238);
}

#flow_wrap .midc_flow_list h3{
	color:var(--cmcolor-domered);
	text-align:center;
	background:var(--cmcolor-domeThinPink);
}

#flow_wrap .midc_flow_list,#flowlist .wp-block-list li{position:relative;}
#flow_wrap .midc_flow_list:nth-child(2):after,#flowlist .wp-block-list li:after{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-bottom: 0;
}
#flow_wrap  #stepup h4{padding-left:0;}
#flow_wrap  #stepup h4:before{content:"";}

#flow_wrap .midc_2clm_txtgroup h5{color:var(--cmcolor-domered);margin-bottom:0.5em;}
#flow_wrap .midc_2clm_txtgroup h5:before{content:"▼"}

#flowlist .wp-block-list{counter-reset: number 0;display:block;}
#flowlist .wp-block-list li{
	background:var(--cmcolor-domeThinPink);
	border-radius:4px;
}
#flowlist .wp-block-list li:before{
	counter-increment: number 1;
	content: "Step" counter(number) ":" ;
	color:var(--cmcolor-domered);
	margin-right:1em;
}
#flowlist .wp-block-list li{list-style-type:none;font-weight:500;}
#flowlist .wp-block-list li:nth-last-child(1):after{display:none;}

#mid_linkbtn{justify-content: center;align-items:center;}
.wp-block-button.white_btn{margin:0 15px;}

.wp-block-button.white_btn a{
	display:flex;
	align-items:center;
	border:2px solid var(--cmcolor-domered);
	background:#fff;
	color:#000 !important;
	position:relative;
	font-weight:600;
	line-height:1.45;
}

.wp-block-button.white_btn a:after{
	position:absolute;
	display:flex;
	content:url("/image/common/ar_red_circle.svg");
	align-items:center;
	justify-content:center;
	border-radius:50%;
	text-align:center;
}



.wp-block-button.white_btn a:hover{
	background:var(--cmcolor-domered);
	color:#fff;
}

.mid_faqList li > .mid_an{display:none;}
.mid_faqList li h3{
	position:relative;
	background:var(--cmcolor-domeThinBggrey);
	border:1px solid var(--cmcolor-domeThinBggrey);
	border-radius:4px;
	cursor:pointer;
}

.mid_faqList li h3:before{
	position:absolute;
	display:block;
	height:auto;
}

.mid_faqList{margin-left:0 !important;}
.mid_faqList li{
	padding-left:0 !important;
	list-style-type:none !important;}

.mid_faqList .pm{
	position:absolute;
}

.mid_faqList .pm:before,.mid_faqList .pm:after{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--cmcolor-domered);
}
.mid_faqList h3.active .pm:before{display:none;}

.midData .mid_tags li,#job-lists li .mid_tags li{background-color: var(--cmcolor-domeThinPink);}
.midData{justify-content: space-between;align-items: flex-start;}
.midGalleryWrap{justify-content: space-between;}

.halfwayLink{text-align:center;}
.halfwayLink a{display:inline-block;background:var(--cmcolor-domered);color:#fff;}
.halfwayLink a:hover{opacity:0.8;text-decoration:none;}

#jobdescription ul > li{list-style-type:disc;margin-left:1em;}
#jobdescription .jobflow h4{padding-left:0;font-weight:400;}
#jobdescription .jobflow h4:before{content:"";}
#jobdescription .jobflow ol{margin-left:0;}
#jobdescription .jobflow ol li{list-style-type:none;padding-left:0;}
#jobdescription .jobflow ol li:before{content:"▽";}
#suitable ul li:before{content:"〇";}

#staff_voice .inner{justify-content: space-between;}
#staff_voice .voice_one{position:relative;background-color: var(--cmcolor-domeThinPink);}
#staff_voice .voice_one .voice_name,
#staff_voice .voice_one .voice_year{display:inline-block;}
#staff_voice .voice_content{width:100%;}
#staff_voice .voice_one .triangle{
	background-image:url('/image/common/diagonal_tri.svg');
	background-size:100% auto;
	position:absolute;}

.requirementsContent .primary{background-color: var(--cmcolor-domeMThinBdgrey);}

#select_process .secondary ol > li{list-style-type:none;}
#select_process .secondary ol > li:after{content:"▼";display:block;}
#select_process .secondary ol > li:nth-last-child(1):after{content:"";}
#select_process .secondary ol{margin-left:0;}
#select_process .secondary ol > li > ul > li{list-style-type:none;padding-left:0;}
#select_process .secondary ol > li > ul > li:before{content:"※";display:inline-block;}
.select_process_after h5{font-weight:400;}
.select_process_after h5:before{content:"＜"}
.select_process_after h5:after{content:"＞"}

#midcareer_foot #mid_policy h3{font-size:100%;margin-bottom:1em;}
#midcareer_foot #mid_policy ol li{list-style-type:none;padding-left:0;}
#midcareer_foot #mid_policy ol{margin-left:-.5em;}
#midcareer_foot .contact_address{border:1px solid var(--cmcolor-domered);}

#job-specific-fv .fvWrap .square{background:var(--cmcolor-domered);}

#job-lists li a,#job-lists li a:hover{text-decoration:none;}
#job-lists li h3{
	color:var(--cmcolor-domered);
	font-size:1.1em;
}

#job-lists li a h3{text-decoration:underline;}

#job-lists h2 span.bd,#talentBook h2 span.bd{
	display:block;
	margin:0 auto;
	background:var(--cmcolor-domered);
}

/* 背景アニメーション */
.bkline {
	position: absolute;
	z-index: -1;
	width: 150%;
	height: 100vh;
	left: -10vw;
	overflow: hidden;
}

.bkline .outer {
	width: 150%;
	top: 0;
	left: 0;
}

.bkline .outer div {
	width: 0%;
	height: 100%;
	background: rgba(233,143,143,1);
}

/* bkline1：右 → 左 */
.bkline1 .outer div,
.bkline3 .outer div {
	margin-left: auto;
}

/* 画面に入ったらアニメーション実行 */
.bkline1.is-active .outer div,
.bkline3.is-active .outer div {
	animation: slideIn 1.5s ease-out forwards;
}

@keyframes slideIn {
	from { width: 0%; }
	to { width: 100%; }
}

/* bkline2：左 → 右 */
.bkline2 .outer div {
	margin-left: 0;
	margin-right: auto;
}

@keyframes slideIn2 {
	from { width: 0%; }
	to { width: 100%; }
}

/* 画面に入ったらアニメーション実行 */

.bkLineWrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    z-index: -2;
}

.bkline1 .outer,.bkline3 .outer {
	transform: rotate(-15deg);
}

.bkline2 .outer {
	transform: rotate(15deg);
	transform-origin: left center;
}

#banner figure{text-align:center;display:block;}
#banner figure img{border:2px solid var(--cmcolor-domered);}
#banner figcaption{color:var(--cmcolor-domered);font-weight:500px;padding-top:0.5em;}

/* memu */

.job-specific-memu{
	position:fixed;
	z-index:1000;
	border:2px solid var(--cmcolor-domered);
	background:#fff;
	transition: all 1s ease;
}


.job-specific-memu a{text-decoration:none;}

.job-specific-memu h4{
	writing-mode: vertical-rl;
	color:var(--cmcolor-domered);
	cursor:pointer;
}

.job-specific-memu .secondary{over-flow:hidden;}

.job-specific-memu ul li{
	font-weight:500;
	line-height:1.36;
	border-bottom:1px solid var(--cmcolor-domered);
}
.job-specific-memu ul li a{
	display:block;

}
.job-specific-memu ul li:nth-last-child(1){border-bottom:none;}


.job-specific-memu .menuBtn span{
	position: absolute;
	left: 0;
	background-color: var(--cmcolor-domered);
	transform-origin: center;
	transition: all 0.3s ease;
}