@charset "UTF-8";

/* header */
header {background: rgba(255, 255, 255, 0); padding: 0px;margin: 0;height: 96px; position: fixed; transition: 0.5s; z-index: 999;}
header.hide{	transform: translateY(-100%); }
header .sitename{/*display:flex;align-items:center;height:6rem;padding-left:2rem;position:relative;z-index:1600;margin-right:6rem;*/ width: 450px; }

/* header recruit_btn */
 ul.recruit_btn {position: absolute; top:20px; right:110px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content:flex-end;  margin: auto; padding: 0; z-index: 1000; }
 ul.recruit_btn li { margin: 0 0.2rem; padding: 0; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;background: rgba(0,0,0,1.0); }
 ul.recruit_btn li a {padding: 1rem; }
 ul.recruit_btn li p {padding: 1rem; color: rgba(255,255,255,0.5);}




#map iframe {width: 100%;}

/* front_page */
ul.slide_info a {text-decoration: underline;}
ul.slide_info a:hover {text-decoration: underline; color: #FFCC00;}

/*work*/
.gyoumu {position: relative; margin: 6rem 0 0; padding: 2rem; box-sizing: border-box; }
.gyoumu h3{position: absolute; background: rgba(112,112,112,1.00); padding: 0.5rem 1rem; left: 20px; top: -30px;}
.gyoumu img{margin: auto;  max-width: 760px; width: 100%; display: block; }

.gyoumu.three-major {background-color: rgba(232,232,200,1.00); }
.gyoumu.consulting {background-color: rgba(232,232,200,1.00); }
.syokusyu h2 + p {margin-bottom: 2rem;}
.syokusyu h3{background: rgba(180,180,180,1.00); text-align: center; font-size: 1rem; padding: 0.5rem;}
.scloll-tbl {overflow-x: scroll;}
.syokusyu img {margin-bottom: 2rem;}

/*network*/
.group img {margin: auto;  max-width: 820px; width: 100%; display: block; }
.network {position: relative;}
.network img.nw_jp_map {width: 75%; height: auto;}
.network img.nw-hokkaido {position: absolute; right: 0; background: rgba(0,0,0,0.40);width: 200px;}
.network img.nw-kokuriku {position: absolute; left:200px; top:50px;background: rgba(0,0,0,0.40);}
.network ul.nw-kokuriku-list {position: absolute;  left:50px; top:50px;}
.network img.nw-three-city {position: absolute;left: 500px; bottom: 0px;background: rgba(0,0,0,0.40); width: 200px;}
.network ul.nw-three-city-list {position: absolute;left: 720px; bottom: 0px;}
.network img.nw-other {position: absolute; left: 0px; bottom:50px; background: rgba(0,0,0,0.40); width: 200px;  }
.network p.nw-other-list {position: absolute; left: 100px; bottom:0px; }

.global-list {overflow: hidden; background: rgba(0,0,0,0.40);}
.global img{width: 100%; height: auto;}
.global dl{display: flex; flex-wrap: wrap; justify-content: center;}
.global dt{margin: 0.5rem;}
.global dd{margin: 0.5rem;}
.global span.hokkaido {color: rgba(117,188,66,1.00);}
.global span.hokuriku {color: rgba(231,111,131,1.00);}
.global ol{display: flex; flex-wrap: wrap; justify-content:flex-start; margin: auto; width:98%;  }
.global ol li{width: 24%; margin: 0 0.5% 0.5%;}

@media screen and (max-width: 767px){
header .sitename{ width:auto; }
	
	/* header recruit_btn */
 ul.recruit_btn {position: fixed; top:auto; bottom:0px; left: 0px; right:auto;  justify-content:flex-end;  margin: auto; padding: 0; background: rgba(0,0,0,1.00); z-index: 100;}
 ul.recruit_btn li { margin: 0; padding: 0;border:none; width: 50%; font-size: 1.6rem;}
	 ul.recruit_btn li:first-child {border-top: 1px solid rgba(250,250,250,0.5); border-bottom: 1px solid rgba(250,250,250,0.5); border-right:1px solid rgba(250,250,250,0.5); }
	ul.recruit_btn li:nth-child(2) {border-top: 1px solid rgba(250,250,250,0.5);  border-bottom: 1px solid rgba(250,250,250,0.5);  }
		ul.recruit_btn li:nth-child(3) { border-right:1px solid rgba(250,250,250,0.5); }
		ul.recruit_btn li:last-child {}
 ul.recruit_btn li a {padding: 1rem; }
	
	
	
.network img.nw_jp_map {width: 100%;padding-top: 100px;}
.network img.nw-hokkaido { right: 0; width: 100px;}
.network img.nw-kokuriku {left:0px; top:0px; width: 100px;}
.network ul.nw-kokuriku-list {left:110px; top:0px;width: 100px;}
.network img.nw-three-city {right: 0; left:auto; bottom:90px; width: 100px;}
.network ul.nw-three-city-list {left:225px; bottom: 0px; }
.network img.nw-other {left: 0px; top:150px; width: 100px;}
.network p.nw-other-list { left: 105px; top:150px;width: 110px;}
.global img {width: 100%; height: auto;}
.global ol{justify-content:space-between; }
.global-list{padding:5vw;}
}

.share dl{position: relative; display: flex; flex-wrap: wrap; justify-content: space-around; border: 1px solid rgba(255,255,255,1.00); padding: 1rem; margin-bottom: 0;}
.share dt{display: inline-block; background: rgba(0,108,49,1.00); padding: 2rem; border-radius: 50%; }
.share dd{font-size: 3rem; font-weight: bold; margin: 0 1rem;}
.share dd small{display: block;}

.share ul{position: relative; display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 3rem; }
.share div.chart{position: relative; display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 4rem;}
.share div.chart img{max-width:395px; height: auto; }
.share div.chart p{font-size: 1.5rem; font-weight: bold; position: absolute;} 
.share li.hokuhoku {font-size: 1.5rem; font-weight: bold;}
.share li.hokuhoku span {color: rgba(117,188,66,1.00);}
.share li.kyougou span {color: rgba(147,138,118,1.00);}
.share li.other-bank span {color: rgba(244,197,28,1.00);}
.share li.shinkin span {color: rgba(140,193,234,1.00);}
.comments {text-indent: -1rem;}
.renkei h4 {margin: 1rem 0; font-weight: bold;}
.renkei > div {display: flex; flex-wrap: wrap; justify-content:space-between; margin-bottom: 4rem; }
.renkei div.main {width: 580px;}
.renkei div.main figure {width: 50%; height: auto; margin:0;}
.renkei div.main figcaption {font-size: 0.8rem; text-align: left;}
.flort-left {float: left !important; margin-right: 1rem !important; margin-top: 0 !important;}
.flort-right {float: right !important;}
.renkei div.sub { max-width: 380px;}
.renkei div.sub img{ width: 100%; height: auto;}

/*.renkei div.sub dl{position: relative; display: flex; flex-wrap: wrap; justify-content: space-around; border: 1px solid rgba(255,255,255,1.00); padding: 1rem; margin-bottom: 4rem;}
.renkei div.sub dt{display: inline-block; background: rgba(0,108,49,1.00); padding: 2rem; border-radius: 50%; }
.renkei div.sub dd{font-size: 3rem; font-weight: bold; margin: 0 1rem; text-align: center;}
.renkei div.sub dd small{display: block;}*/
.renkei div.sub dl{position: relative; }
.renkei div.sub dt{display: inline-block; font-size: 1.2rem; }
.renkei div.sub dd{font-size: 1rem;margin-left: 3rem;}
.renkei div.sub h3 {font-weight: bold; font-size: 1.25rem; }
.renkei div.sub p {}
img.renkei_map {width: 100%; height: auto; margin-bottom: 2rem;}

@media screen and (max-width: 767px){
 .share dt{font-size: 2.5rem; font-weight: bold; }
 .share div.chart {margin-bottom: 0;}
 .share div.chart p{left: 0px; }
 .share div.chart img{ width: 70%; margin-bottom: 2rem; }
 .renkei div.sub h3 small {display: block; margin-left: 0; }
 .renkei div.sub dl {margin-bottom: 2rem;}
 .renkei div.main {margin-bottom: 2rem;}
.renkei  div.sub img.renkei_chart{ width: 70%; margin:0 auto ; display: block; }
 .renkei div.sub dt{font-size: 1.5rem;}
}


/*data*/
.data_list div.imgs {background: url("../../data/images/data_grf_bg.svg") no-repeat;}
section.mv2{min-height:100vh;padding:0;display:flex;justify-content:space-between;flex-direction:column;}
section.mv2 > .row{max-width:none;width:100%;}
section.mv2 > .row > .row{width:90vw;max-width:1000px;}


/*vision*/
figcaption span.title {font-size:1rem}
.modal_wrap{background: rgba(0,0,0,0.8);}

.grn_bg_dark {background:rgba(175,213,168,1.00);}


.bannar {width: 100%;}
.bannar li{background: rgba(255,255,255,1.00);width: 260px; text-align: center }


.oneday .cont.offtime figure img{width:100%; height: auto;}

/*common */
/*header {background-color: rgba(20,147,67,0.9);}*/
.sitemenu_wrap{background: rgba(29,69,31,0.90);}

.sitemenu_inner dl dd dt{font-size: 1rem; margin-bottom: 1rem;}
.sitemenu_inner dl dd dl{ margin-bottom:1rem;}


h3.line{text-align:left;font-size:1.875rem;font-weight:500;color:#149243;padding-left:1.25rem;}
h3.line:before{content:'';display:block;width:1px;background:#000;height:calc(100% - 0.75rem);position:absolute;left:0;top:0.75rem;}
h3.line:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#FFC400;position:absolute;left:-3px;top:3px;}

h3.line.normal{font-weight:300;}
h3.line.bld{font-weight:600;}
h3.line.sml{font-size:1.25rem;}
h3.line.wht{color:#FFF;}
h3.line.wht small{color:#FFF;}
h3.line.wht:before{background:#FFF;}

.movie_tmn:before{border:1px solid #149243; background:url(../images/icon_tri.svg) rgba(255,255,255,0.3) center center no-repeat; z-index: 100;}
.movie_tmn:hover:before{width:25%;padding-top:25%;}
.movie_tmn:hover img{opacity:1;}
.movie_tmn img{display:block;width:100%;height:auto;object-fit:cover;}

#vision .movie_tmn:before{width:50%;padding-top:50%;}
#vision .movie_tmn:hover:before{width:30%;padding-top:30%;}

.fw_bold{font-weight: bold !important;}

.bg_skew.grn{background-color:rgba(0,121,44,1.00) !important;}
.bg_skew.grn.grn_light{background-color:rgba(57,194,110,1.00)!important;}

.sdgs {background: rgba(255,255,255,1.00); }
.sdgs h3 + p {color: rgba(0,0,0,1.00); }
.sdgs ul {display: flex; flex-wrap: wrap; justify-content: space-between; width: 80%; margin: auto; }

.data_bg {background: rgba(218,237,214,1.00);}

.line_blk_grn { border: 1px solid rgba(0,121,44,1.00); }
.line_btm_wht { border-bottom: 1px solid rgba(255,255,255,1.00); }

.csr h3 {color: rgba(0,121,44,1.00);}
.diversity h3 {color: rgba(0,121,44,1.00);}
.education h3 {color: rgba(0,121,44,1.00);}
.education p.caption {line-height: 1.5;}

.education .qa h3 {font-size:1.25rem; margin-bottom:1rem; }

.sch_list dd span {display: block;}

.recruiter_message dl {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.5rem;}
.recruiter_message dl dt {width: 20%; font-size: 0.8rem; font-weight: normal;}
.recruiter_message dl dd {width: 80%; font-size: 0.8rem; font-weight: normal;}
.recruiter_message dl dd dl {}
.recruiter_message dl dd dl dt {}
.recruiter_message dl dd dl dd {}
.recruiter_message .cont {}
.recruiter_message .career {background: rgba(176,213,168,1.00); padding: 1rem; color: rgba(0,121,44,1.00);}
.recruiter_message .career h3 {font-size: 1.6rem; margin-bottom: 0.5rem;}
.recruiter_message .career h3 small{margin: 0 1rem 0 0;  font-weight: normal;}
.recruiter_message .career h4 {font-size: 1rem; border-bottom: 1px solid rgba(0,121,44,1.00); font-weight: bold; padding-bottom: 0.5rem;}
.recruiter_message .career p{font-size: 0.8rem; line-height: 1.2; font-weight: normal; margin: 0.5rem 0 1rem; }
.recruiter_message  h3 {font-size: 1.2rem;}
.recruiter_message .imgs {float: left; margin-right: 1rem; width: 150px;}
.recruiter_message .imgs img{border-radius: 50%;}

.sitepolicy {}
.sitepolicy h2{font-size: 2rem; text-align: left;}
.sitepolicy h3{}
.sitepolicy ol{}
.sitepolicy ol li{ list-style: none; margin-bottom: 2rem;}

.story {}

.story .mv{background:url("../../story/story01/images/story_mv_bg.jpg")center center no-repeat;background-size:cover;}
.story .mv.story02{background:url("../../story/story02/images/story2_mv_bg.jpg")center center no-repeat;background-size:cover;}
.story .mv > .row.flex{flex-direction:column;margin-top:0;}
.story .mv h1{font-size:2.5rem; font-weight: 600;color: rgba(255,255,255,1.00); text-shadow:1px 1px 5px rgba(0,0,0,1.00); }
.story .mv h1 em{display:block;font-size:1.25rem;font-weight:600; margin: 1rem;}
.story .mv h1 + P{font-size:1.25rem; display: inline-block; margin:0 auto; background: rgba(255,255,255,1.00); padding: 0 1rem; color: rgba(18,146,67,1.00);font-weight: 600; text-align: center; }

.story h2{text-align:left;font-size:2rem;font-weight:600;color:#149243; padding-left:2rem;}
.story h2:before{content:'';display:block;width:1px;background:rgba(0,0,0,1.00);height:calc(100% - 1.5rem);position:absolute;left:0.5rem;top:1.5rem; }
/*.story h2:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#FFC400;position:absolute;left:-3px;top:3px;}
*/
.story .member {background: rgba(0,121,44,1.00); padding: 1rem; color: rgba(255,255,255,1.00);}
.story .member img{ width: 100%; height: auto; margin: auto; max-width: 240px; display: block; }
.story .member .name{ display: flex; flex-wrap: wrap;}
.story .member h3{margin-bottom: 0.75rem; font-size: 1rem; border-bottom: 1px solid rgba(255,255,255,1.00); padding-bottom: 0.5rem;}
.story .member h4{font-size: 2rem; font-weight: 600; margin-right: 1rem;margin-bottom: 0;}
.story .member h4 + p{font-size: 1rem; line-height: 1.25; }
.story .member p.caption{width: 100%;}
.story section.story h2 span {position: absolute; font-size: 1rem; left: 0px; top:0px; color: rgba(255,176,10,1.00);}
.w60 img {width: 60%; margin: auto;}
.w70 img {width: 70%; margin: auto;}
.w80 img {width: 80%; margin: auto;}
.w100img img {width: 100%; height: 500px; object-fit:cover;object-position: 100% 100%;}
.w100img.story02 img {height: 500px; object-position: 50% 20%;}
.story section.story img + img  {margin-top: 1rem;}

h2.line.bannar::after {left:5px;}

.grn_bg_hilight {background: rgba(226,240,223,1.00); color: rgba(0,0,0,1.00);}

.focus {opacity: 0.5;}

#pamphlet .rt {
    background: #E2F0DF;
    color: #000;
    padding: 3rem;
}


/* information */
.information article {border-bottom: 1px dotted rgba(255,255,255,1.00); max-width: 1000px; margin: auto; padding-bottom: 6rem;}
.information article h1 {margin-bottom: 1rem;}
.information article:last-child {border-bottom: none; }


.working-hours li{margin-top: 1rem;}
.working-hours li span{display: inline-block;}



/* intern */

.intern .dl_tbl_blk .dl_tbl_blk{border:none;}
.intern .dl_tbl_blk .dl_tbl_blk dl{border:none;}
.intern .dl_tbl_blk .dl_tbl_blk dl dt{width:auto; text-align: left;}
.intern .dl_tbl_blk .dl_tbl_blk dl dd{ width:auto; text-align: left; font-size: 1.375rem;}
h3.intern.lead {font-size: 1.5rem;}

.btn.intern {padding: 0;}

.intern ol,
.intern ul{margin-left: 2rem;}
.intern ol li {list-style: decimal;}
.intern ul li {list-style: disc;}

@media screen and (max-width: 767px){
.intern .dl_tbl_blk h3{font-size: 1.5rem;}
.intern .dl_tbl_blk dl dt {width:20vw; text-align: left;}
.intern .dl_tbl_blk .dl_tbl_blk dl dd{ width:auto; text-align: left; font-size: 1.375rem;}
	
}


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

}


@media screen and (min-width: 768px) and (max-width: 1100px){

}

@media screen and (max-width: 767px){
 
 .intern .dl_tbl_blk dl {display: flex;}
 
.gyoumu img + img{margin-top: 2rem;}
.syokusyu img {width: 600px;}
 
 .bannar li{ width: 120px; }
 .bannar li img{ width: 95%; height: auto;}
 .btn {line-height: 1.1;}

.top_message h2  small{padding-left: 1rem;}
.top_message h2.line{padding-left:2rem;}
.top_message h2.line span{position:relative; padding-left: 1rem;}
 .mv_title {position: absolute; top:-150px; right: 0px;}

 .talk .mv{background:url(../../talk/images/talk_mv_bg_sp.jpg)  no-repeat center top;background-size: contain; }
 .talk .mv.talk2{background:url(../../talk2/images/talk2_mv_bg_sp.jpg)  no-repeat center top;background-size: contain; }
 .talk .mv h1 {padding-top: 100px; height: 45vh;}
 .talk .mv .talk_member { display: flex; flex-wrap: wrap; justify-content: space-around;}
 .talk .mv .talk_member h4{ background: rgba(0,105,46,1.00);}
 .talk .mv .talk_member div{ width: 46%; margin-bottom: 1rem;}
 .talk .mv .talk_member div.member1 { order: 0;}
 .talk .mv .talk_member div.member2 { order: 2; width: 70%;}
 .talk .mv .talk_member div.member3 { order: 1;}
 .talk .mv .mv .scroll {top:80vh;}
 
 
.sitemenu_inner dl dd dt{width: auto;}
.sitemenu_inner dl dd dl{ width: auto; display: block;}

.recruiter_message .imgs {width: 100px;}
 .w100img img {width: 100%; height: 300px; object-fit:cover;object-position: 100% 100%;}
 
}

@media print  {
body { width: 1280px; transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0 0; }
 .anime,
 .anime.fadein,
 .second #main .row,
 .slick-active .anime {opacity:1;}
 .pc{display:block !important;}
 .bg_skew.anime {opacity:1;transform:translateX(0px) skewX(-25deg);}
/*header {display: none;}*/
.anime.fadein{opacity:1;}
}