@charset "UTF-8";

/* //////////////////////////////////////////////////////////
*****************************************
Common Style - PC
Developer: Neoworkers Corp.

*****************************************
////////////////////////////////////////////////////////// */

html {
	scroll-padding-top: 150px; 
}

#flow_wrap .postContent{
	padding-left:65px;
	padding-right:65px;
}

#flow_wrap .postContent h2{margin-bottom:25px;}
#flow_wrap .midc_flow_list h3{padding:18px 0;margin-bottom:16px;border-radius:3px;}
#flow_wrap .midc_flow_list p{padding:0 75px;}
#flow_wrap .midc_flow_list {padding-bottom:14px;margin-bottom:30px;}
#flow_wrap .midc_flow_list:nth-child(2):after{
	position:absolute;
	bottom:-26px;
	left:calc(50% - 24px);
	border-right: 24px solid transparent;
	border-left: 24px solid transparent;
	border-top: 25px solid var(--cmcolor-domered);
}

#flow_wrap  #training{margin-bottom:66px;}
#flow_wrap  #stepup h4{font-size:26px;margin-bottom:15px;}

#flow_wrap  #stepup{margin-bottom:100px;}
#flow_wrap  #stepup .wp-block-columns-is-layout-flex{display:flex;flex-wrap:wrap;}
#flow_wrap  #stepup .wp-block-columns-is-layout-flex .wp-block-column{width:calc(50% - 30px);}
#flow_wrap  #stepup .wp-block-columns-is-layout-flex .wp-block-column:nth-child(2n){margin-left:60px;}

#flow_wrap .midc_2clm_txtgroup h5{font-size:20px;}

#welfare {margin-bottom:calc(96px - 1em);}
#welfare .wp-block-gallery{margin:18px 0 13px;}
#welfare .wp-block-gallery > .wp-block-image{width:calc(50% - 25px);}
#welfare .wp-block-gallery .wp-block-image:nth-child(2n){margin-left:50px;}
#welfare .wp-block-gallery .wp-block-image img{
	width:100%;
	height:auto;
	object-fit:cover;
	aspect-ratio: 49 / 32;
}

#welfare .wp-block-group-is-layout-constrained{display:flex;flex-wrap:wrap;}
#welfare .midc_2clm_txtgroup{width:calc(50% - 30px);margin-bottom:1em;}
#welfare .wp-block-group-is-layout-constrained .midc_2clm_txtgroup:nth-child(2n){margin-left:60px;}

#flowlist{margin-bottom:100px;}
#flowlist .wp-block-list{margin-left:calc(50% - 269px);padding-top:40px;}
#flowlist .wp-block-list li{
	width:538px;
	margin-bottom:25px;
	font-size:22px;padding:19px 75px;}

#flowlist .wp-block-list li:after{
	border-right: 22px solid transparent;
	border-left: 22px solid transparent;
	border-top: 25px solid var(--cmcolor-domered);
	bottom:-25px;
	left:calc(50% - 22px);
}


#mid_linkbtn .wp-block-button.white_btn{margin-bottom:28px;}
#mid_linkbtn .wp-block-button.white_btn a{
	min-width:366px;
	min-height:85px;
	font-size:18px;
	padding:0 0 0 28px;
	border-radius:46px;
}

#mid_linkbtn .wp-block-button.white_btn a:after{
	width:35px;
	height:35px !important;
	top:24px !important;
	right:22px;;
}


.mid_faqList li h3{
	padding:16px 16px 16px 70px;
	color:#000;
}

.faqListContent{padding:0 70px 54px 70px;}
.mid_faqList li{margin-bottom:25px;}

.mid_faqList li h3:before{
	width:42px;
	top:18px;
	left:18px;
	content:url("/image/common/faqa.svg");
}

.mid_faqList .pm{
	width:25px;
	height:25px;
	top:18px;
	right:18px;
}


.mid_faqList li .mid_an{
	padding:18px 18px 18px 70px;
}

.mid_faqList .pm:before{width:3px; height:100%;}
.mid_faqList .pm:after{width:100%; height:3px;}

#midfaq_wrap .postContent{
	padding-left:75px;
	padding-right:75px;
}

[id^="midcareer_post"] .postContent h3{margin-bottom:1em;}

.midcareer_header{border-style:solid;border-left-width:46px;padding-left:25px;margin-bottom:12px;}
.midcareer_header .categoryName{font-size:22px;font-weight:600;}
.midcareer_header .department{font-size:20px;}
.midcareer_header h1{font-size:32px;}
.midData{margin-bottom:47px;margin-left:55px;}
.midData .mid_tags{padding-left:25px;}
.midData .mid_tags li,#job-lists li .mid_tags li{font-size:13px;padding:4px 13px;border-radius:16px;margin-right:15px;}
.midGalleryWrap .midGallery{
	width:calc(50% - 12px);
}
.midGalleryWrap .midGallery figcaption{font-size:15px;}
.mid-career-template-default .postContent,
.midGalleryWrap{padding-left:70px;padding-right:70px;margin-top:1em;}

.halfwayLink{margin:70px 0 80px;}
.halfwayLink a{padding:22px 30px;font-size:20px;border-radius:40px;}
.midContent h3{font-size:24px;margin-bottom:13px;}
#jobdescription ul{margin:25px 0;}
#jobdescription .jobflow{margin-top:30px;}
.midContent{margin-bottom:calc(65px - 1em);}


#staff_voice .voice_one{width:calc(50% - 32px);padding:25px;border-radius:18px;margin-top:30px;}
#staff_voice .voice_one .triangle{
	background:url('/image/common/diagonal_tri.svg');
	background-size:100% auto;
	width:50px;
	height:30px;
	top:-30px;
	right:65px;
}

#requirements h2{margin:0 auto 25px;max-width:100%;}
.requirementsContent > div{padding:14px 14px 24px;}
.requirementsContent .primary{width:158px;}
.requirementsContent .primary h3{font-size:18px;}
.requirementsContent .secondary{width:calc(100% - 158px);}
.requirementsContent{border-bottom:1px solid #ccc;}

.select_process_after{margin-top:30px;}

#midcareer_foot #mid_policy{
	border:1px solid var(--cmcolor-domeMThinBdgrey);
	padding:15px 28px;
}

#midcareer_foot{padding:0 110px 0;}
#midcareer_foot .contact_address{
	max-width:600px;
	align-items:center;
	justify-content:center;
	margin:45px auto;
	padding:10px 10px 10px 0;
}
#midcareer_foot .contact_address h4{
	width:127px;
	text-align:center;
}

#midcareer_foot .contact_address .inner{
	width:calc(100% - 128px);
	border-left:1px solid var(--cmcolor-domered);
	padding-left:28px;
}

#mid_linkbtn{padding-top:40px;}

/*** top ***/

#job-specific-fv{
	justify-content:center;
	max-width:1168px;
	margin:30px auto 70px;
}

#job-specific-fv .primary{
	width:79.195%;
	min-width:710px;
	margin-right:10px;
	padding-top:240px;
}

#job-specific-fv .primary h1{
	width:88.1%;
	height:auto;
	top:18px;
	left:18px;
}

#job-specific-fv .fvWrap .square.topSq{width:67px;height:67px;top:0;right:0;}
#job-specific-fv .fvWrap .square.btmSq{width:90px;height:90px;bottom:0;left:0;}

#job-specific-fv .secondary{
	width:calc(20.8% - 10px);
	max-height:965px;
	overflow:hidden;
}

#job-specific-fv .secondary img{
	width:100%;
	height:auto;
	max-width:234px;
}

#job-specific-fv .secondary li{padding-bottom:10px;}

/* slide */
.slide_beside{
	width:100vw;
	top:0;right:0;
}

.slide_beside li{margin-right:10px;}
.slide_beside img{
	width:350px;
	height:230px;
	object-fit:cover;
}

.fvRead {
	padding:60px 0 0 214px;
	font-size:20px;
	font-weight:600;
}

.fvRead h2{font-size:1.15em;margin-top:40px;}

#job-lists {
	width:100%;
	max-width:1168px;
	margin:0 auto 60px;
	background:rgba(242,241,243,0.8);
	padding:50px 75px;
}

#job-lists h2,#talentBook h2{font-size:30px;}
#job-lists h2 span.bd,#talentBook h2 span.bd{
	width:130px;
	height:12px;
}

#job-lists ul{margin-top:30px;}
#job-lists .job-list > li{
	width:calc(33.33% - 18px);
	margin-right:26px;
	margin-bottom:50px;
}

#job-lists li:nth-child(3n){margin-right:0;}
#job-lists .job-list > li a h3{margin-top:10px;}

#job-lists .job-list > li img{
	width:100%;
	height:100%;
	aspect-ratio: 161 / 101;
	object-fit:cover;
}

/* 背景アニメーション */

.bkLineWrap{position:fixed;}

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

.bkline1 {top: 190px;}
.bkline2 {top: calc(100vh + 190px);}
.bkline3 {top: calc(200vh + 190px);}

.bkline .outer {height: 50px;}

/* tarent book */
#talentBook {
	width:100%;
	max-width:1160px;
	margin:100px auto 0;
}

/* banner */
#banner {
	width:100%;
	max-width:1160px;
	margin:30px  auto 0;
	padding-top:50px;
	border-top:1px solid #ccc;
}

#welfare h2.wp-block-heading{
	width:100%;
	display:block !important;
}

/* memu */

.job-specific-memu{top:255px;right:-259px;min-height:192px;}
.job-specific-memu.active{right:-2px;}

.job-specific-memu h4{padding:40px 15px 0 15px;}

.job-specific-memu .secondary{width:257px;}
.job-specific-memu ul li {width:257px;}
.job-specific-memu ul li a{
	padding:18px 55px 18px 8px;
	font-size:18px;
	background:url("/image/common/ar_red_circle.svg");
	background-repeat:no-repeat;
	background-size:35px auto;
	background-position:right 17px center;

}
.job-specific-memu ul li.twoline a{padding:10px 55px 10px 8px;}

.job-specific-memu .menuBtn{
	top:11px;
	left:20px;
	width:22px;
	height:16px;}

.job-specific-memu .menuBtn span{
	height: 2px;
	width: 22px;
}

.job-specific-memu .menuBtn span:nth-of-type(1) {
	bottom:14px;
}
.job-specific-memu .menuBtn span:nth-of-type(2) {
	bottom: 7px;
}
.job-specific-memu .menuBtn span:nth-of-type(3) {
	bottom: 0;
}


.job-specific-memu.active .menuBtn span:nth-of-type(1) {
	bottom: 7px;
	transform: rotate(45deg);
}

.job-specific-memu.active .menuBtn span:nth-of-type(2) {
	opacity: 0;
}

.job-specific-memu.active .menuBtn span:nth-of-type(3) {
	bottom: 7px;
	transform: rotate(-45deg);
}