@charset "UTF-8";
/* ============================================= sp
================================================*/
.job img{max-width: 100%;}
.job-hero {height: 50vw;background: #12c0eb url(../images/job-hero-bg.jpg) no-repeat center bottom;background-size: 100%;overflow: hidden;}

/* =====================*/
.jobsearch{ width: 100%; margin: 3% auto;}
.job-arealist{background: url("../images/job-japan.png")no-repeat top  right;background-size: 60%;min-height: 80vw;}
.job-ttl{  margin-bottom: 1.5vw;	font-size: 7.89vw;	font-weight: 600;	letter-spacing: 0.2vw;	display: block;}
.sys_arealist{margin:5% auto;}
.sys_arealist button,.dialog_in button{width: 48%;margin-bottom: 4vw;font-size: 4.21vw;padding: 4vw 0 3.5vw;color: #fff;text-align: center;background: #27acd9;line-height: 1;-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;position: relative;border: none;cursor: pointer}
.sys_arealist button::after,.dialog_in button::after{content: '\f105';font-family: 'icon' !important;position:absolute;right: 10%;top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#overlay::before{font-family: 'icon';content: '\e808';font-size: 7rem;color: #fff;top: 5%;right: 5%;bottom: auto;margin: 0;outline: none;position: absolute;}
#dialog{width: 90vw;left: 0;right: 0;margin: 0 auto;}
/* =====================*/
.joblist{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;	-webkit-box-pack: center;justify-content: center;}
.sys_readmore{width:94%; margin: 5vw auto;background: #f5f5f5;}
.sys_corplist_search {background: #fff;border-radius: 20px;padding:5%;margin-bottom:10vw;border: 1px solid;height: 35vw;}
.sys_readmore::before{width: 100%;left: 0;right: 0;margin: 0 auto;background: #ccc;border:none;border-radius: 0;bottom: 0;height: auto;padding: 1%;}
.sys_corplist_search h3{text-align: center; color: #000;margin: 0 auto 6vw;}
.sys_corplist_search dl{font-size: 4.6vw;line-height: 1.5; display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.sys_corplist_search dl dt{width: 28%;padding-right: 4%;}
.sys_corplist_search dl dd{width: 80%;}
.sys_corplist_search .checkbox {display: inline-block; position: relative;}
.sys_corplist_search .checkbox input[type=checkbox]{display: none;}
.sys_corplist_search .checkbox input[type=checkbox] + label{padding-left: 30px; cursor: pointer;  }    
.sys_corplist_search .checkbox input[type=checkbox] + label:before{ display: block;position: absolute;content: "";width: 20px;height: 20px;border: 2px solid #1dbde6;border-radius: 4px;background-color: #fff; }
.sys_corplist_search .checkbox input[type=checkbox] + label:after{display: block;position: absolute;content: "";width: 14px;height:7px;border-bottom: 2px solid;border-left: 2px solid;border-color:  #ccc;transform: rotate(-45deg);top: 50%;left: 4px;margin-top: -8px;} 
.sys_corplist_search .checkbox input[type=checkbox]:checked + label:before{background-color: #1dbde6; }
.sys_corplist_search .checkbox input[type=checkbox]:checked + label:after{border-color:  #fff;} 
.sys_entry_submit button[type=submit] ,
.sys_corplist_search button[type=submit] {display: flex;justify-content: space-between;align-items: center;text-align: center;text-decoration: none;margin: auto;padding: 0.5rem 3rem;font-size: 1rem;font-weight: bold;background: #eee;color: #27acd9;border-radius: 100vh;position: relative;border: 2px solid;transition: 0.5s;cursor: pointer; }
.sys_entry_submit button[type=submit]:hover, .sys_corplist_search button[type=submit]:hover {
background: #ff9;color: #27acd9;}

/* =====================*/
.job-joblist{padding: 0 0;width: 95%;margin: 0 auto;}
.job-joblist-item {	display: flex;	flex-wrap: wrap;	align-content: stretch;	justify-content: space-around;	align-items: stretch;}
.job-joblist-item > li {overflow: hidden;background: #fff;border-radius: 20px;border: 1px solid;padding: 0;width: 100%;margin-bottom: 10vw;position: relative;}
.sys_corpitem01 {width: 100%;padding: 5% 5% 2%;line-height: 1.4;}
.sys_corpitem02 {font-size: 1.3rem;font-weight: bold;color: #1dbde6;padding: 1% 0;}    
.sys_corpitem03 {font-size: 0.8rem;text-align: left;padding: 2vw;margin: 0 0 3vw;background: #f0f0f0;}
.sys_corpitem03:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.sys_corpitem04 {text-align: right;position: absolute;top: 5px;left: 5px;padding: 2vw 2.5vw 1.5vw;margin: 0 0.5vw 1vw;
color: #222;font-size: 3.68vw;font-weight: bold;background: #f6ff0b;border: 1px solid #222;-moz-border-radius: 10vw;
-webkit-border-radius: 10vw;border-radius: 10vw;display: table;}
.job-joblist-item > li img.corp_img {display: block;width: 100%;height: 150px;object-fit: cover;}
.sys_corpitem05 {margin-bottom: 1%;}
.sys_corpitem05>li {display: inline-block;padding: 1% 4%;margin: 1% 0.4%;background:#1dbde6;border-radius: 999px;color: #fff;font-weight: bold;font-size: 110%;}
.sys_corpitem06>li {display: inline-block;padding: 1% 4%;margin: 1% 0.4%;background: #6bca19;border-radius: 999px;color: #fff;font-weight: bold;font-size: 110%;}
.sys_corpitem07 {margin-top: 5px;background: #f0f0f0;border-radius: 10px;padding: 5%;}
.sys_corpitem08 {font-weight: bold;padding-bottom: 3%;margin-bottom: 5%;border-bottom: 2px solid #fff;padding-left: 7vw;position: relative;}
.sys_corpitem08:before {content: "\e917";margin-right: 3%;font-size: 130%;font-family: icon;display: inline-block;color: #aaaaaa;position: absolute;left: 0;}
.sys_corpitem09 {line-height: 1.8;overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sys_corpitem11{width: 100%; padding: 0 5% 5%; line-height: 1.4;}
.sys_more{width: 80%;margin: 2vw auto 0;font-size: 4.2vw;padding: 4vw 0 3.5vw;color: #27acd9;text-align: center;background: #fff;line-height: 1;-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;position: relative;border: 2px solid #27acd9;font-weight: bold;}
.sys_more::after{content: '\f105';font-family: 'icon' !important;position:absolute;right: 10%;top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
/* =====================*/
.jobpage{ padding:0; -webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;-webkit-box-pack: center;justify-content: center;}
.sys_corporation_sprt_ttl{padding: 5vw;position: fixed;bottom: 0;width: 100%;background: #6bca19;z-index: 10;color: #fff;font-weight: bold;text-align: center;}
.sys_corporation_sprt_ttl::before{content: "\e91f";margin-right: 3%;font-size: 130%;font-family: icon;color: #fff;position: absolute;right: 3%;}
.sprt_list-box-open .sys_corporation_sprt_ttl::before{content: "\e920";}
.sys_corporation_sprt_list{background: #fff;border-radius: 20px;padding:5%;margin-bottom:10vw;border: 1px solid;width: 100%;margin: 0 auto 3vw;}
.sys_corporation_sprt_list >li{position:relative;display: inline;}
.sys_corporation_sprt_list >li a{display: inline-block;padding: 2% 4%;margin: 1% 0.4%;background:#1dbde6;border-radius: 999px;color: #fff;font-weight: bold;font-size: 110%;width: 48%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sys_corporation_sprt_list >li.action a{background:#58cf19;}

.sprt_list-box{width: 100%;height: 40vh;background: #a2e1e1;visibility: hidden;z-index: 1;position: fixed;top: 100vh;left: 0;-moz-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1);-o-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1);-webkit-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1);transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1);}
.sprt_list-inner { width: 100%; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.sprt_list-inner::-webkit-scrollbar { display: none; }
.sprt_list-innerin{width: 100%;height: 100%;padding: 7vw 5vw 10vw;overflow-y: auto;position: relative;-ms-overflow-style: none;scrollbar-width: none;-webkit-overflow-scrolling: touch;}
.sprt_list-innerin::-webkit-scrollbar { display: none; }
.sprt_list-box-open { width: 100%; height: 100%; position: fixed; }
.sprt_list-box-open .sprt_list-box {visibility: visible;top: 54vh;z-index: 2;}
/* =====================*/
.job-page{ padding: 5vw 0;}
.sys_corporation_page{overflow: hidden;background: #fff;border-radius: 20px;border: 1px solid;padding: 0;width: 100%;margin-bottom: 15vw;position: relative;}
.job-page-ttl{font-size: 5.3vw;font-weight: bold;line-height: 1.3;padding: 2vw;}
.job-page-lead{background: #f0f0f0;text-align: center;font-weight: bold;padding: 2%;}
.job-page-lead02{font-weight: bold;line-height: 1.3;padding: 2vw;text-align: center;}

.sys_corporation_page_info{}
.page_info_table{ margin-bottom: 5vw;}
.page_info_table dl{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-pack: center;justify-content: center;gap: 3%;border-bottom: 1px solid #efefef;}
.page_info_table dt{width: 20%;font-weight: bold;text-align: center;padding: 3% 0;color: #27acd9;}
.page_info_table dd{width: 70%;padding: 3%;}

.page_info_table_wid{ padding: 5%;}
.page_info_table_wid dl{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-pack: center;justify-content: center;gap: 3%;border-bottom: 1px solid #efefef;}
.page_info_table_wid dt{width: 70%;font-weight: bold;text-align: left;padding: 3%;border-right: 1px solid #ccc;}
.page_info_table_wid dd{width: 30%;padding: 3%;}

.page_info_access{padding: 5%;background: #fbfaf2;margin: 5%;border-radius: 20px;}
.page_info_access dl{margin-bottom: 5%;}
.page_info_access dt{font-weight: bold;font-size: 120%;}
.page_info_access dd{}
.page_info_access .icon{color: #aaa;margin-right: 2%;}
.page_info_access_list{width: 100%;margin-bottom: 3%;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-around;flex-wrap: wrap;align-items: flex-start;}
.page_info_access_list li{width: 33%;text-align: center;border-right: dashed 1px #ccc;}
.page_info_access_list li:last-child{border-right:none;}
.map { margin: 0 auto 6%; height: 300px;}
.map iframe{ width: 100%; height: 100%;}

.sys_corporation_page_job dl{padding: 3% 5%;}
.sys_corporation_page_job dt{   font-weight: bold;    font-size: 120%;}
.sys_corporation_page_job dd{}
.sys_corporation_page_job .sys_corpitem05{padding: 0 4%;}
.page_job_imags{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;width: 94%;margin: 3% auto;}
.page_job_imags li{width: 33%;height: auto;padding: 1%;text-align: center;font-weight: bold;}
.page_job_imags li img{width: 100%;height: 23vw;object-fit: cover;}

.sys_corporation_page_info10{}
.sys_corporation_page_info1001{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;-webkit-box-pack: center;justify-content: center;}

.sys_corporation_page_info1001 dl{width: 33.3%;padding: 3% 0;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;}
.sys_corporation_page_info1001 dl:last-of-type{ border-right: 1px solid #ccc;}
.sys_corporation_page_info1001 dt{font-size: 90%;text-align: center;font-weight: bold;}
.sys_corporation_page_info1001 dd{line-height: 1.2;}
.sys_corporation_page_info1001 dd .point01{font-size: 260%;border: 1px solid;background: #ff9;border-radius: 50%;width: 50px;height: 50px;line-height: 50px;display: block;margin: 0 auto;}
.sys_corporation_page_info1001 dd .page_info10_star{font-size: 90%;color: #aaaaaa;}
.sys_corporation_page_info1001 dd .point02{font-size: 260%;color: #27acd9;margin: 0 auto;font-weight: bold;}
.sys_corporation_page_info1001 dd small{font-size: 60%;color: #ccc;}

.page_info_flow{padding: 5%;}
.page_info_flow dl{}
.page_info_flow dt{font-weight: bold;}
.page_info_flow dd{position: relative;    padding: 0 0 0 10%;}
.page_info_flow dd::before{content:"";width: 2px;height: 100%;background: #ccc;position: absolute;top: 0;left: 5%;}



/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.job-hero {	height: 255px;}
.job-hero:before {	background: url(../images/job-hero-bg-pc.jpg) no-repeat center bottom;	background-size: 100%;}

	/* =====================*/	
.jobsearch{width:720px;}
.job-arealist{background: url("../images/job-japan.png")no-repeat top  right;background-size: auto;min-height: 600px;}
.job-ttl{margin-bottom: 20px;font-size: 45px;}
.sys_arealist{margin: 3% 0;width: 75%;}
.sys_arealist button,.dialog_in button{width: 30%;margin: 10px 5px;font-size: 20px;padding: 20px 0 20px;}
.sys_arealist button::after,.dialog_in button::after{right: 10%;}	
.sys_arealist button:hover,.dialog_in button:hover{background: #12c0eb;}
	
/* =====================*/
.sys_readmore{width:94%; margin: 20px auto;}
.aside.sys_corplist{display: block;width: 100%;padding: 0;}	
.sys_corplist_search {padding:5%;margin-bottom:20px;height: auto;}
.sys_corplist_search h3{margin: 0 auto 20px;}
.sys_corplist_search dl{font-size: 18px;margin-bottom: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
.sys_corplist_search dl dt{width: 100%;padding-right: 0;text-align: center;background: #1dbde6;color: #fff;margin-bottom: 10px;}
.sys_corplist_search dl dd{width: 80%;}
.sys_corplist_search button[type=submit]{margin: 10px  auto 0;}

/* =====================*/

.job-joblist-item > li {overflow: hidden;background: #fff;border-radius: 20px;border: 1px solid;padding: 0;width: 100%;margin-bottom: 30px;}
.sys_corpitem a{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;
flex-wrap: wrap;}	
.sys_corpitem01 {width: 70%;padding: 20px;}
.sys_corpitem02 {font-size: 1.3rem;padding: 1% 0;}    
.sys_corpitem03 {font-size: 0.8rem;padding: 10px;margin: 0 0 10px;}
.sys_corpitem03:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.sys_corpitem04 {top: 10px;left: 10px;padding: 6px 10px;margin: 0 0;font-size: 12px;}
.job-joblist-item > li img.corp_img {width: 30%;height: 220px;object-fit: cover;}
.sys_corpitem05 {margin-bottom: 1%;}
.sys_corpitem05>li {padding: 1% 3%;margin: 1% 0.4%;font-size: 90%;}
.sys_corpitem06>li {padding: 1% 3%;margin: 1% 0.4%;font-size: 90%;}
.sys_corpitem07 {margin-top: 5px;background: #f0f0f0;border-radius: 10px;padding: 4%;}
.sys_corpitem08 {padding-bottom: 3%;margin-bottom: 3%;padding-left: 40px;}
.sys_corpitem08:before {content: "\e917";margin-right: 3%;font-size: 140%;top: -6px;}
.sys_corpitem09 {line-height: 1.4;-webkit-line-clamp: 5;}
.sys_corpitem11{padding: 0 2% 2%; }	
.sys_more{width: 50%;margin: 17px auto 0;font-size: 16px;padding: 20px 0 20px;-moz-border-radius: 999px;-webkit-border-radius: 999px;border-radius: 999px;}


/* =====================*/
.job-page{padding: 0;}
.sys_corporation_page{overflow: hidden;background: #fff;border-radius: 20px;border: 1px solid;padding: 0;width: 100%;margin-bottom: 10vw;position: relative;}
.job-page-ttl{font-size:26px;padding: 20px;}
.job-page-lead02{padding: 10px;font-size: 120%;}
.page_info_table{ margin-bottom: 20px;}
.page_info_access{    padding: 20px;}
.page_info_access dl{    margin-bottom: 2%;}
.map { margin: 0 auto 0;}
.sys_corporation_page_job dl{    padding: 3% 5%;}
.page_job_imags li img{width: 100%;height: 100px;object-fit: cover;}
.sys_corporation_page_info1001 dl{    padding: 10px 0;}
.page_info_flow{padding: 5%;}
.page_info_flow dd{ padding: 0 0 0 10%;}
.page_info_flow dd::before{left: 5%;}


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

	
.jobsearch{width:970px;}
#dialog{width: 970px;}
	
.aside.sys_corplist{width:350px;}		
.sys_corplist_search{margin: 0 auto;}
	
.job-joblist{width: clamp(540px, 54%, 820px); margin: 0;}
.jobpage{ padding:60px 0;}	
.job-page{width: clamp(540px, 54%, 820px); margin: 0;}

/* =====================*/
.sys_corporation_sprt{position: relative;width: 350px;bottom: 0;z-index: 2;}
.sys_corporation_sprt_ttl{padding: 19px 5px;position: relative;bottom: 0;width: 100%;background: #1a7df6;z-index: 10;color: #fff;font-weight: bold;text-align: center;}
.sys_corporation_sprt_ttl::before{content: "\e91f";display: none;}
.sprt_list-box-open .sys_corporation_sprt_ttl::before{content: "\e920";}
.sys_corporation_sprt_list{background: #fff;border-radius: 20px;padding:5%;margin-bottom:10vw;border: 1px solid;width: 100%;margin: 0 auto 10px;}
.sys_corporation_sprt_list >li{position:relative;display: inline;}
.sys_corporation_sprt_list >li a{display: inline-block;padding: 2% 4%;margin: 1% 0.4%;background:#1dbde6;border-radius: 999px;color: #fff;font-weight: bold;font-size: 110%;width: 48%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sprt_list-box{width: 100%;height: auto;background: #a2e1e1;visibility: visible;position: relative;top: 0;left: auto;right: 0;all 0.8s cubic-bezier(0.76, 0, 0.24, 1);}
.sprt_list-inner { width: 100%; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.sprt_list-inner::-webkit-scrollbar { display: none; }
.sprt_list-innerin{width: 100%;height: 100%;padding: 20px;position: relative;}
.sprt_list-innerin::-webkit-scrollbar { display: none; }
.sprt_list-box-open { width: 100%; height: 100%; position: fixed; }
.sprt_list-box-open .sprt_list-box {visibility: visible;top: 54vh;z-index: 2;}
	.sys_corplist.passive .sys_corporation_sprt{ position: fixed;}	


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


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

}  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.job-hero:before {	background: url("../images/job-hero-bg-pc@2x.jpg") no-repeat center bottom;	background-size: 100%;}


}