<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*---all---*/
.page-ttl.recruit{height: 800px;}
.page-ttl.company{height: 900px;}
.page-ttl.recruit .ttl-bg{height: 800px;}
.page-ttl.company .ttl-bg{height: 900px;}

.page-catch{width: 95%; max-width: 950px; margin: 0 auto; padding: 50px 25px; text-align: center;}
.page-catch h5{font-size: 36px; font-weight: 700; margin-bottom: 30px;}
.page-catch p{font-weight: 700; padding-bottom: 30px; line-height: 2;}

/*---company---*/
.com-main{width: 1000px; max-width: 90%; margin: auto;}

/*caption*/
.main-cap{position: relative;}
.main-cap img{width: 100%; height: 100%;}

.cap-p{width: 100%; height: 100%; padding: 50px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; left: 0;}
.cap-p h6{font-size: 36px; font-weight: 700; text-align: center;}
.cap-p p{font-size: 18px; font-weight: 600; padding-bottom: 40px;}

/*table*/
.com-table{width: 90%; max-width: 820px; display: flex; margin: auto; border: solid 1px var(--light-gray);}
.com-table table{min-width: 60%; width: 520px; font-size: 15px;}
.com-table table tr{}
.com-table table th{background-color: var(--light-green-color); border-bottom: solid 1px var(--light-gray); padding: 15px; font-weight: 500; text-align: center;}
.com-table table td{background-color: var(--white); border: solid 1px var(--light-gray); border-top: none; border-left: none; padding: 15px 20px;}
.com-table table tr:last-child th{border-bottom: none;}
.com-table table tr:last-child td{border-bottom: none;}

.datsutanso{width: 40%; max-width: calc(100% - 520px); background-color: var(--white); padding: 10px;}
.datsutanso img{width: 100%; max-width: 290px; padding-top: 50px;}
.datsutanso p{width: fit-content; margin: 0 auto;}

/*message*/
.com-mes{width: fit-content; margin: 0 auto;}
.com-mes p{font-weight: 800; text-align: center; line-height: 2; padding-bottom: 20px;}
.mes-name{text-align: right !important; padding-bottom: 0 !important;}


/*---recruit---*/
.page-ttl.recruit .ttl-p{color: var(--main-color);}
.page-ttl.recruit h3:after{background-color: var(--main-color);}

.recruit-page{width: 1000px; max-width: 90%; margin: auto;}

.rec-ttl{display: flex;}
.rec-type{display: flex; align-items: center;}
.rec-class{font-size: 15px; font-weight: 400; padding: 4px 25px 5px; margin-right: 10px;}
.rec-reg{font-size: 15px; font-weight: 600;}
.rec-ttl h6{width: calc(100% - 220px); font-size: 26px; font-weight: 500; text-align: center;}

/*table*/
.rec-con-table{margin: auto;}
.rec-con-table h7{font-size: 22px; display: block; font-weight: 500; padding-bottom: 5px;}
.rec-con-table table{width: 100%; /*font-size: 15px;*/ border: solid 1px var(--light-gray);}
.rec-con-table table tr{}
.rec-con-table table th{width: 200px; background-color: var(--light-green-color); border-bottom: solid 1px var(--light-gray); padding: 15px; font-weight: 500; text-align: center;}
.rec-con-table table td{width: calc(100% - 200px); background-color: var(--white); border: solid 1px var(--light-gray); border-top: none; border-left: none; padding: 15px 20px; line-height: 1.8;}
.rec-con-table table tr:last-child th{border-bottom: none;}
.rec-con-table table tr:last-child td{border-bottom: none;}
.rec-con-table table td span{font-size: 13px; display: block; line-height: 1; padding-bottom: 5px;}
.rec-con-table table td iframe{width: 100%; height: 380px;}

/*btn*/
.rec-btn{width: fit-content; margin: auto;}
.rec-btn p{font-size: 22px; font-weight: 500; text-align: center; border-bottom: solid 2px var(--light-gray); padding-bottom: 7px; position: relative;}
.rec-btn p:before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) translateY(100%) rotateX(180deg); border-style: solid; border-color: transparent transparent var(--light-gray) transparent; border-width: 0px 13px 20px 13px;}
.rec-btn p:after{content: ""; position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%) translateY(100%) rotateX(180deg); border-style: solid; border-color: transparent transparent var(--white-color) transparent; border-width: 0px 13px 20px 13px;}
.rec-btn a{margin: 40px auto 0;}

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

.com-main{margin-top: 100px !important;}
	
/*caption*/
.main-cap img{min-width: 280px; width: 100%; display: block; margin: 0 auto;}
	
.cap-p{width: 100%; padding: 20px 0 0; margin: 0 auto; position: static;}
.cap-p h6{font-size: 26px; text-align: left; padding-bottom: 30px;}
.cap-p p{font-size: 16px; padding-bottom: 30px;}
	
/*table*/
.com-table{width: 100%; max-width: unset; display: block; margin: auto; margin-top: 80px !important;}
.com-table table{min-width: unset; width: 100%;}
.com-table table tr{display: flex; flex-direction: column;}
.com-table table th{border: none; padding: 10px 20px; text-align: left;}
.com-table table td{border: solid 1px var(--light-gray); border-top: none; border-left: none; border-right: none; padding: 15px 15px 25px 7%;}
.com-table table tr:last-child td{border-bottom: solid 1px var(--light-gray);}
.com-table table tr:last-child td{border-top: solid 1px var(--light-gray);}

.datsutanso{width: 100%; max-width: unset; padding: 15px 15px 30px;}
.datsutanso img{width: 100%; max-width: 500px; display: block; padding-top: unset; margin: 0 auto;}
	
.com-mes{margin-top: 80px !important;}	

}

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

.page-catch p {font-size: 15px;}	

}

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

/*---all---*/
.page-ttl.recruit{height: 875px;}
.page-ttl.company{height: 385px;}
.page-ttl.recruit .ttl-bg{height: 875px;}
.page-ttl.company .ttl-bg{height: 385px;}
	
.page-ttl .covera2.marT60_pc.marT40_sp{width: 100%; margin: 0 auto;}
.page-catch{width: 95%; max-width: unset; padding: 20px 10px; text-align: center;}
.page-catch h5{font-size: 26px; margin-bottom: 20px; letter-spacing: -1px;}
.catch-p{width: 90%; margin: auto;}
.catch-p p{font-weight: 700; font-size: 14px; padding-bottom: 20px; letter-spacing: -1px; line-height: 2; text-align: center;}

/*---company---*/
.com-main{width: 90%; max-width: unset; margin: auto;}

.cap-p p{font-size: 14px; padding-bottom: 20px;}
	
/*table*/
.com-table table th{padding: 10px 20px;}
.com-table table td{padding: 20px 20px 30px 10%;}
	
/*message*/
.com-mes{width: 100%;}
.com-mes p{font-size: 14px; font-weight: 700; text-align: left; line-height: 1.5; padding-bottom: 20px;}
.mes-name{font-size: 16px !important; font-weight: 800 !important; text-align: right !important; padding-bottom: 0 !important;}
		
/*---recruit---*/

.recruit-page{width: 90%; max-width: unset; margin: auto;}
	
.rec-ttl{width: 100%; display: block; margin: auto;}
.rec-type{margin-bottom: 10px;}
.rec-ttl h6{width: fit-content; font-size: 18px; font-weight: 500; text-align: left;}
	
/*table*/
.rec-con-table{max-width: unset; width: 100%; display: block; margin: auto;}
.rec-con-table h7{font-size: 18px;}
.rec-con-table table{min-width: unset; width: 100%; font-size: 15px;}
.rec-con-table table tr{display: flex; flex-direction: column;}
.rec-con-table table th{width: 100%; border: none; padding: 10px; text-align: left; font-size: 14px;}
.rec-con-table table td{width: 100%; border: solid 1px var(--light-gray); border-top: none; border-left: none; border-right: none; padding: 10px 10px 25px; font-size: 14px; line-height: 1.5;}
	
/*btn*/
.rec-btn{width: 100%; max-width: 320px; display: block; padding: 15px 0 25px; margin: auto;}	
.rec-btn p{font-size: 18px;}

	
}

@media screen and (max-width: 350px) {
	
.page-catch p{font-size: 12px;}
	
}</pre></body></html>