@charset "UTF-8";


.frontpage{}
.frontpage #contents{position:relative;}
.frontpage #front_mv{height:calc(100vh - 5.25rem);box-sizing:border-box;position:relative;}

.frontpage:before{content:'';display:block;position:absolute;z-index:0;top:0;left:0;width:35%;max-width:400px;height:100vh;background:#2DA05C;}

.frontpage #front_mv .front_mv_slider{content:'';display:block;position:absolute;right:0;top:0;width:80vw;height:100%;background:url(../images/front_mv_bg.jpg) center center no-repeat;background-size:cover;}
.frontpage #front_mv .front_mv_slider img{width:100%;height:100%;object-fit:cover;}
.frontpage #front_mv > .row{padding-top:5vh;color:#FFF;z-index:2;}
.frontpage #front_mv h1{font-size:5rem;}
.frontpage #front_mv h1 span{display:block;letter-spacing:0.05em;margin-bottom:0.1em;}
.frontpage #front_mv h1 span.outline{text-stroke: 1px #FFF;-webkit-text-stroke: 1px #FFF;color:transparent;}
.frontpage #front_mv .inline_blk{padding:0 1em;letter-spacing:0.2em;}
.row_underline > span{display:inline-block;border-bottom:1px solid #000;margin-bottom:0.8em;padding-bottom:0.3em;letter-spacing:0.05em;}
.frontpage #front_news{padding-bottom:0;margin-bottom:8rem;background:#2DA05C;position:relative;display:flex;align-items:stretch;justify-content:space-between;}
.frontpage #front_news:before,
.frontpage #front_news:after{height:auto;width:calc(50vw - 550px);position:relative;content:'';display:block;}
.frontpage #front_news:after{background:#FFF;}
.frontpage #front_news h2:before{content:'';display:block;position:absolute;left:-2rem;top:0;width:1.125rem;height:1.125rem;background:url(../images/icon_cle_w.png) center center no-repeat;}
.frontpage #front_news > .row{padding-top:4rem;}
.frontpage #front_news .btn.more{margin:0 3rem 0 auto;bottom:-2rem;position:relative;}
.frontpage #front_work{}
.frontpage #front_work > .row{z-index:2;}
.frontpage #front_work:before{content:'';display:block;positioN:absolute;right:0;bottom:0;background:#F4FAF6;z-index:0;width:50vw;height:100%;}
.frontpage #front_work .bg_work > .cont{padding-left:calc(50vw - 550px);}
.frontpage #front_work .bg_work > .imgs{top:-2rem;}
.frontpage #front_work .bg_work > .imgs .img_1{margin:0 0 0 auto;width:70%;}
.frontpage #front_work .bg_work > .imgs .img_2{position:absolute;left:50%;margin-left:-40%;top:4rem;box-shadow:0px 20px 30px 0 #00000045;}
.frontpage #front_work .bg_work > .imgs .img_3{position:absolute;right:0rem;bottom:-4rem;box-shadow:0px 20px 30px 0 #00000045;}
.frontpage #front_why{padding-top:5rem;background:#2DA05C url(../images/front_why_bg.png) left top no-repeat;background-size:auto 8rem;color:#FFF;}
.frontpage #front_why .front_people_slide .item{padding:0 1rem;}
.frontpage #front_why .front_people_slide .item .imgs{margin-bottom:1rem;position:relative;}
.frontpage #front_why .front_people_slide .item .imgs .hover_blk{opacity:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:5px solid #FFF;background:#00000066;transition:all 0.1s;}
.frontpage #front_why .front_people_slide .item .imgs .hover_blk img{display:block;width:auto;height:auto;max-width:90%;}
.frontpage #front_why .front_people_slide .item:hover .imgs .hover_blk{opacity:1;}
.frontpage #front_work_style{background:url(../images/front_work_style_bg.jpg) center center no-repeat;background-size:cover;padding:9rem 0;}
.frontpage #front_work_style a{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#FFF;position:relative;padding:2rem;box-sizing:border-box;border:10px solid #FFF;}
.frontpage #front_work_style a:hover{border-color:#2DA05C;}
.frontpage #front_work_style a span{font-weight:600;font-size:1.25rem;display:block;margin-top:1rem;}
.frontpage  .front_work_support_bn:before{content:'';display:block;width:5rem;height:5rem;background:url(../images/icon_work_support.png) center center no-repeat;}
.frontpage  .front_carrir_support_bn:before{content:'';display:block;width:5rem;height:5rem;background:url(../images/icon_carrir_support.png) center center no-repeat;}
.frontpage #front_recruit_info{padding-top:4rem;}
.frontpage #front_recruit_info h2{background:url(../images/front_recruit_info_bg.jpg) center center no-repeat;background-size:cover;padding:8rem 15vw 8rem 60vw;}


.frontpage #front_recruit_info .bg_gry{background:#EEE;padding:3em;}
.frontpage #front_recruit_info .bg_gry h3{font-size:1.125em;margin-bottom:2em;font-weight:600;}
.frontpage #front_recruit_info .bg_gry h3 a:hover{text-decoration:underline;}
.frontpage #front_recruit_info .bg_gry .btn{height:5em;border-radius:9999px;max-width:none;box-sizing:border-box;}
.frontpage #front_recruit_info .bg_gry .btn.btn_int{background:#778FE1}

.frontpage #front_recruit_info .bg_gry .btn.btn_int{background:#778FE1;}
.frontpage #front_recruit_info .bg_gry .btn.btn_grad{background:#2EA05C;}
.frontpage #front_recruit_info .bg_gry .btn.btn_int:hover{background:#43579b;}
.frontpage #front_recruit_info .bg_gry .btn.btn_grad:hover{background:#117138;}
.frontpage #front_recruit_info .bg_gry .btn span{font-size:2em;font-weight:600;}
.frontpage #front_recruit_info .bg_gry .btn small{font-weight:400;font-size:1em;}
.frontpage #front_recruit_info .bg_gry a img{max-width:300px;display:block;margin:1em auto;}

.second{}
#second_mv{padding:6rem 0;}

.second.archive{}
.second.archive .news_list .item{margin-bottom: 4rem;}
.second.archive .news_list .item .imgs{overflow:hidden;}
.second.archive .news_list a.item:after{transition: all 0.2s;content:'';display:block;width:2rem;height:0.3rem;border:0px;border-right:2px solid #000;border-bottom:1px solid #000;transform:skew(45deg);position:relative;right:0.5rem;margin:1rem 0 0 auto;}

.second.archive .news_list .item .imgs img{transition:all 0.2s;}
.second.archive .news_list .item:hover .imgs img{transform:scale(1.1);}
.second.archive .news_list a.item:hover:after{right:0;}

.second.single{}
.second.single article{}

.second.single article .article_head{}
.second.single article .article_head time{display:block;padding:1rem 0;border-bottom:1px solid #000;}
.second.single article .article_head h1{font-size:1.6875rem;padding:2em 0;line-height:1.4;}

.second#people{}
.second#people .people_tit{background:url(../images/people_tit_bg.png) center top no-repeat;padding:5.5rem 0 0;}
.second#people .people_tit img{}

body[id*='interview_']:before{content:'';display:block;position:absolute;z-index:0;top:0;right:0;width:35%;max-width:400px;height:100vh;background:#2DA05C;}
body[id*='interview_'] #second_mv{padding:3rem 0 0;}

.interview_main{position:relative;}
.interview_main .cont{position:relative;padding:0 2rem 3rem calc(50vw - 550px);display:flex;justify-content:flex-end;flex-direction:column;}
.interview_main .cont h1{left:calc(50vw - 550px);margin-left:-2rem;top:2rem;}
.interview_main .cont .job_title{ width: 500px;}



.movie_wrap video{width:100%;height:auto;cursor:pointer;}
.movie_wrap video:hover{}
.movie_wrap:before{content:'';display:block;width:8rem;height:8rem;background:url(../images/icon_movie.png) center center no-repeat;background-size:contain;position:absolute;left:50%;top:50%;margin-left:-4rem;margin-top:-4rem;z-index:10;}
.movie_wrap.play_video:before{display:none;}


.episode{padding:0 4rem 0 1rem;}
.episode:before{background:#FFF;width:100%;height:calc(100% - 4rem);border-radius:6rem;position:absolute;left:0;bottom:0;content:'';}
.episode h3.en_m{font-size:2.25rem;}
.episode .cont{padding-top:3rem;}


body.civil_engineering:before,
body.architecture:before,
body.sales_office_work:before{content:'';display:block;position:absolute;z-index:0;top:0;right:0;width:35%;max-width:400px;height:200vh;background:#2DA05C;}

.bottom_line{border-bottom:1px solid #707070;}
.bottom_line.en_m{padding-bottom:1rem;font-size:1.875rem;margin-bottom:4rem;padding-top:4rem;}
#works_mv{}
#works_mv .cont{padding:0 2rem 0 calc(50vw - 550px);}
#works_mv h1{font-size:5.625rem;margin-bottom:1.25em;}
#works_mv h1 span{font-weight:400;}
#works_mv h1 small{display:block;font-size:1.125rem;margin-top:2em;}
#works_mv .mv_sub{right:0;bottom:-5rem;box-shadow:0px 20px 30px 0 #00000045;z-index:10;}

#division{}
#division .cont p{min-height:12rem;}
#division .cont ul.wht_blk{max-width:340px;margin-left:0;}
#division .cont ul.wht_blk li{letter-spacing:0.1em;}

#column{padding-bottom:0;}
#column > .row.bg_wht{margin-right:0;margin-left:calc(50vw - 550px);width:auto;max-width:none;padding:4rem calc(50vw - 550px) 2rem 3rem;box-sizing:border-box;}


h2.en_m.em.gry_l{color:#D1D1D1;font-size:5.675rem;}
h2.en_m.em.gry_l.mt-6{margin-top:-7rem;}


#work_style_support,
#top_message,
#faq,
#information,
#carrier_support{background:#F5F5F5;}


#second_detail_head{}
#second_detail_head h1{margin-bottom:3rem;}
#second_detail_head h1 small{display:block;margin-bottom:6rem;padding-bottom:1em;}
#second_detail_head h1 span.min{font-size:3.125rem;font-weight:400;letter-spacing:0.1em;}

#top_message_cont{padding-top:5rem;}
#top_message_cont .names small{display:inline-block;font-size:1.125rem;}
#top_message_cont .names em{display:inline-block;font-size:1.75rem;margin-left:1em;}


#faq{}
.faq_blk{}
.faq_blk dl{margin-bottom:3rem;}
.faq_blk dl dt{position:relative;padding:1.5rem 5rem 1.5rem 3rem;background:url(../images/faq_q.png) left top 0.75rem no-repeat;font-size:1.375rem;border-bottom:1px solid #000;}
.faq_blk dl dd{padding:1.5rem 5rem 1.5rem 3rem;background:url(../images/faq_a.png) left top 1.25rem no-repeat;line-height:2;}
.faq_blk dl .acc_head:after{content:'';display:block;width:1.25rem;height:1px;position:absolute;right:0;top:50%;background:#2DA05C;}
.faq_blk dl .acc_head:before{content:'';display:block;height:1.25rem;width:1px;position:absolute;right:0;top:50%;margin-top:-0.6rem;margin-right:0.6rem;background:#2DA05C;}
.faq_blk dl .acc_head.active:before{display:none;}


#project_story{}
#story01{background:url(../images/project_story_bg_pc.jpg) center top no-repeat;background-size:100% auto;}
#story02{background:url(../images/project_story02_bg_pc.jpg) center top no-repeat;background-size:100% auto;}

#project_story_mv{height:calc(41vw - 5.25rem);display:flex;align-items:center;padding:0 0 4rem;}
#project_story_mv .imgs img{width:auto;max-width:62vw;margin-left:auto;margin-right:auto;}
#project_story_mv p{font-weight:500;}
#story_intro{padding-bottom:0;}
#story_intro .bg_grn{color:#FFF;padding:1.5rem 1rem;}
#story_intro .bg_grn h4{}
#story_intro .bg_grn h4 small{font-size:1rem;display:block;margin-bottom:0.5em;}
#story_intro .bg_grn p.caption{font-size:0.75rem;}

#project_story .story{padding:0;}
.story > .row > .cont{padding:4rem 4rem 8rem;color:#FFF;max-width:600px;box-sizing:border-box;}
.story > .row > .cont h3{font-size:1.875rem;line-height:1.6;}
.story > .row > .cont p{line-height:2;}
.story_imgs img{box-shadow:0px 20px 30px 0 #00000045;z-index:2;display:block;margin:0;width:100%;height:auto;}
#project_story .story .vertical{font-size:6.8rem;color:#2DA05C;line-height:1;}
#project_story .story .vertical em{font-size:11.5rem;color:#FFF;-webkit-text-stroke: 2px #2DA05C;text-stroke: 2px #2DA05C;margin-top:4rem;right:1rem;position:relative;}

#epilogue{padding-top:6rem;}

#information{}

.tabs{}
.tabs > a{background:#2DA05C;color:#FFF;font-size:1.125rem;font-weight:700;display:flex;align-items:center;position:relative;justify-content:center;padding:0 2em 0 1em;height:3em;margin-bottom:1px;}
.tabs > a:after{content:'';display:block;width:0.4em;height:0.4em;right:1em;top:50%;margin-top:-0.3em;border-right:1px solid #FFF;border-bottom:1px solid #FFF;transform:rotate(45deg);position:absolute;}
.btn.more.sml {box-sizing: border-box;}



@media screen and (min-width: 751px){

.interview_main{flex-wrap:nowrap;}
.interview_main .cont{width:30vw;padding:0 2rem  3rem calc(50vw - 550px);}
.interview_main .imgs{width:70vw;}

#project_story .story .vertical{writing-mode: vertical-rl;position:absolute;}
#project_story .story .vertical em{}
#project_story .story .lpd .vertical{right:-9rem;top:4rem;}
#project_story .story .rpd .vertical{left:-9rem;top:4rem;}
#project_story .story .rpd .vertical em{right:-2rem;}
.story > .lpd{margin-left:0;margin-right:auto;max-width:1100px;width:auto;}
.story > .rpd{margin-right:0;margin-left:auto;max-width:1100px;width:auto;}
.story > .lpd > .cont{margin:0 0 0 auto;}
.story > .rpd > .cont{margin:0 auto 0 0 ;}
.story > .row > .cont{width:55%;}
.story_imgs{position:absolute;z-index:10;top:0;width:calc(1100px - 55%);height:100%;}
.story_imgs.lpd_imgs{left:0;}
.story_imgs.rpd_imgs{right:0;}
.story_imgs > div{position:absolute;}
#story01 #story_1.story > .lpd{margin:0 auto;max-width:1100px;}
#story01 #story_1.story > .lpd > .cont{width:58%;}
#story01 #story_1.story  .story_imgs{width: calc(1100px - 55% + 10vw);left:-10vw;}
#story01 #story_1 .imgs_1{top:4rem;left:0;}
#story01 #story_1 .imgs_2{top:400px;right:0;}
#story01 #story_1 .imgs_3{bottom:2rem;left:0;}
#story01 #story_2 .imgs_1{top:0;left:0;}
#story01 #story_2 .imgs_2{top:5rem;right:0rem;}
#story01 #story_2 .imgs_3{bottom:5rem;right:0;}
#story01 #story_3 .imgs_1{top:-4rem;left:0;}
#story01 #story_3 .imgs_2{bottom:6rem;right:0;}
#story01 #story_3 .imgs_3{top:360px;left:2rem;}
#story01 #story_4 .imgs_1{top:0;left:-2rem;}
#story01 #story_4 .imgs_2{top:5rem;right:0rem;}
#story01 #story_4 .imgs_3{bottom:5rem;right:0;}

#story02 #story_1.story > .lpd{margin:0 auto;max-width:1100px;}
#story02 #story_1.story > .lpd > .cont{width:58%;}
#story02 #story_1.story  .story_imgs{width: calc(1100px - 55% + 10vw);left:-10vw;}
#story02 #story_1 .imgs_1{top:5rem;left:0;}
#story02 #story_1 .imgs_2{top:450px;right:0;}
#story02 #story_1 .imgs_3{bottom:2rem;left:0;}
#story02 #story_2 .imgs_1{top:0;right:0;}
#story02 #story_2 .imgs_2{top:20rem;reft:0rem;}
#story02 #story_2 .imgs_3{bottom:5rem;right:0;}
#story02 #story_3 .imgs_1{top:5rem;left:0;}
#story02 #story_3 .imgs_2{top:550px;left:5rem;}
#story02 #story_3 .imgs_4{bottom:10rem;right:0rem;}
#story02 #story_4 .imgs_1{top:5rem;left:0;}
#story02 #story_4 .imgs_2{bottom:5rem;right:0;}
#story02 #story_4 .imgs_3{bottom:5rem;right:0;}
#story02 #story_5 .imgs_1{top:10rem;left:5rem;}
#story02 #story_5 .imgs_2{bottom:10rem;left:0;}
}

@media screen and (min-width: 751px) and (max-width: 1200px){

.interview_main .cont{padding-left:3vw;}
.interview_main .cont h1{padding-left:3vw;}
}



@media screen and (max-width: 750px){
.frontpage header{background:#2DA05C;}
.frontpage #front_mv{background:#2DA05C;height:auto;}
 
.frontpage #front_mv > .row{padding-top:2vh;}
 
.frontpage #front_mv .front_mv_slider{width:100vw;height:125vw;top:40vw;}
.frontpage #front_mv .front_mv_slider img{width:100vw;height:125vw;}
.frontpage #front_mv h1{font-size:3.5rem;margin-bottom:130vw;}
.frontpage #front_mv .row_underline > span{font-size:1.125rem;}
.frontpage #front_news{margin-bottom:40vw;}
.frontpage #front_news .btn.more{margin:0 auto;}
.frontpage #front_work{padding-bottom:vw;}
.frontpage #front_work:before{width:65vw;right:auto;left:0;}
.frontpage #front_work h2{top:-2rem;margin-bottom:15vw;}
.frontpage #front_work .bg_work{margin-bottom:40vw;padding-bottom:56vw;}
.frontpage #front_work .bg_work > .cont{width:80vw;margin:0 auto;}
.frontpage #front_work .bg_work > .imgs{position:absolute;width:100vw;height:100%;pointer-events:none;}
.frontpage #front_work .bg_work > .imgs .img_1{width:40vw;right:0;top:-10vw;margin:0;position: absolute;}
.frontpage #front_work .bg_work > .imgs .img_2{width:55vw;top:auto;left:0vw;bottom:-5vw;margin:0;position: absolute;}
.frontpage #front_work .bg_work > .imgs .img_3{width:40vw;right:10vw;bottom:-20vw;margin:0;position: absolute;}
.frontpage #front_work_style{padding:20vw 0;}
.frontpage #front_why h2{width:70vw;margin:0 auto 2rem;}
.frontpage #front_why h2 img{width:100%;height:auto;}
.frontpage #front_recruit_info{padding:10vw 0 0;}
.frontpage #front_recruit_info h2{background-image:url(../images/front_recruit_info_bg_sp.jpg);padding:10vw 0;height:140vw;}

.frontpage #front_recruit_info .bg_gry{width:100%;padding:5vw;box-sizing:border-box;}

#front_why > .front_people_slide{width:120vw;max-width:none;}
#front_why .btn.more.sp{margin-top:4rem;margin-bottom:-5rem;z-index:10;}

/*#project_story{background: url(../images/project_story_bg_sp.jpg) center top no-repeat;background-size:auto 100vh;}*/
#story01{background: url(../images/project_story_bg_sp.jpg) center top no-repeat;background-size:auto 100vh;}
#story02{background: url("../images/project_story02_bg_pc.jpg") center top no-repeat;background-size:auto 100vh;}
#project_story_mv{height:165vw;padding-bottom:0;}
#project_story_mv .imgs img{max-width:75vw;margin-bottom:5vw;}
#project_story_mv > .row{padding-bottom:15vw;}

#story_intro {padding-bottom:10rem;}
#story_intro .member_scroll{width:100vw; overflow-x:scroll;}
#story_intro .member{width:220vw;}
.story{margin-top:10rem;}
.story > .row{max-width:100vw;}
.story > .row > .cont{padding:5vw 5vw 10vw;}
#project_story .story .vertical{top:-9rem;margin-bottom:-10rem;position:relative;font-size:4.5rem;text-align:center;display:flex;align-items:center;justify-content:center;}
#project_story .story .vertical em{margin:0 0 0 2rem;}
.story_imgs,
.story_imgs > div,
.story_imgs img{position:relative;display:block;}
#story_1 .story_imgs .imgs_1{width:70vw;}
#story_1 .story_imgs .imgs_2{width:90vw;margin:-10vw 0 0 auto;}
#story_1 .story_imgs .imgs_3{width:45vw;margin:5vw auto 0 0 ;}
#story_2 .story_imgs .imgs_1{width:40vw;}
#story_2 .story_imgs .imgs_2{width:50vw;margin:-30vw 0 0 auto;}
#story_2 .story_imgs .imgs_3{width:100vw;margin:10vw auto 0 0 ;}
#story_3 .story_imgs .imgs_1{width:100vw;margin:0 auto 10vw 0 ;}
#story_3 .story_imgs .imgs_2{width:55vw;z-index:10;}
#story_3 .story_imgs .imgs_3{width:50vw;margin:-10vw 0 0 auto;z-index:5;}
#story_4 .story_imgs .imgs_1{width:40vw;z-index:10;}
#story_4 .story_imgs .imgs_2{width:65vw;margin:-10vw 0 0 auto;z-index:5;}
#story_4 .story_imgs .imgs_3{width:100vw;margin:10vw auto 0 0 ;}

#epilogue{background:#f1f1f1;}

.interview_main .cont{background:#FFF;padding:5vw;}
.interview_main .cont h1{position:relative;max-width:90vw;margin:0 auto;left:auto;margin-bottom:5vw;}
.interview_main .cont img{width:auto;height:auto;max-width:100%;}

#works_mv .cont{padding:0; margin: auto;}
	
#column > .row.bg_wht{margin-right:0;margin-left:auto;width:auto;max-width:none;padding:4rem 2rem 3rem;box-sizing:border-box;}
}
dl.salary_list {display: flex; flex-wrap: wrap; justify-content:flex-start; }
dl.salary_list dt {width: 120px;}
dl.salary_list dd {}