@charset "UTF-8";

/* CSS Document */

/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━
   ┃Bootstrap5 拡張
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━ */

@import url("/seino/recruit/2026/css/bootstrap5-add.css");

/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━
   ┃西濃運輸ウェブサイト
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━ */

@import url("/assets/css/smooth_scroll_btn.css");


/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Zen+Antique+Soft&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');

/* ┌──────────────────────────
   │企業サイト用
   └───────────────────────── */

@import url("/seino/recruit/2026/css/company.css");


figcaption {text-align:center;}

.text-shadow-white {
	text-shadow: 1px 1px 1px #ffffff;
}

.bg-schedule{background-color:rgba(0,246,246,1.00);}


/* ┌──────────────────────────
   │採用サイト用
   └───────────────────────── */


.zindexn99 {position: relative; z-index:-99;}
.zindex99 {position: relative; z-index:99;}

/* sm */
@media screen and (min-width: 576px) {}
/* md */
@media screen and (min-width: 768px) {}
/* lg */
@media screen and (min-width: 992px) {}
/* xl */
@media screen and (min-width: 1200px) {}
/* xxl */
@media screen and (min-width: 1400px) {}

/* @media screen and (min-width:768px) and (max-width:991px){} */


body {font-family: 'M PLUS 1p', sans-serif; line-height: 1.8rem}

.image-mask {
   -webkit-mask-image: linear-gradient(rgba(0,0,0,1) 50%, rgba(0,0,0,0.0) 100%);
           mask-image: linear-gradient(rgba(0,0,0,1) 50%, rgba(0,0,0,0.0) 100%);
}

/* 採用情報 */

body.recruit {
	/* background-color:rgba(0,165,255,0.20); */
	/*background: linear-gradient(-225deg, #CBE9F5 0%, #DAE3FF 70%, #C7F7FF 100%); 2023年4月25日 背景色を白に変更*/
	/* position: relative;  */
	/* background-color:linear-gradient(-45deg, #00A5FF, #2D6AD2, #1ECFE7, #0731FF); */ /* fixed */
  	/* animation: GradietionAnimation 9s ease infinite;  */
		
}

	body.recruit .nav-link {
	  padding: .5rem .75rem;
	}
	@media screen and (max-width: 767px) {
		body.recruit .nav-link {
		  padding: .5rem .55rem;
			font-size:0.9rem;
		}
	}

	body.recruit li.nav-item {
		margin-bottom: 0.0rem;
		text-shadow: 0 0.05rem 0.1rem rgb(0 0 0 / 50%);
	}

body.recruit,
body.recruit-2nd-page {
	letter-spacing: 0.1em;
}


	body.recruit-2nd-page h3 {
		text-align:center;
		margin-bottom:3rem;
		position: relative;
		padding: 1.5rem;
		text-align: center;
	}

	body.recruit-2nd-page h3:before {
		position: absolute;
		bottom: -10px;
		left: calc(50% - 30px);
		width: 60px;
		height: 5px;
		content: '';
		border-radius: 3px;
		background: rgba(37,179,225,1.00);
	}

　　　　
　　　　body.recruit-2nd-page .no-before-area h3::before {
  　　　　　　　content: none !important;
  　　　　　　　display: none !important;
　　　　}



.recruit-bg {
	background-image:
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg3.png"),
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg1.png"),
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg2.png")
		;
	background-position:
		top 60rem right 0px,
		top 40rem left 0px,
		top 35rem right 0px
		;
	
	background-size:
		20%,
		25%,
		40%
		;
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat
		;
}

@keyframes GradietionAnimation { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}


body.recruit .recruit-header {
	position: fixed;
	width:100%;
	z-index:999;
	background-color:rgba(255,255,255,0.850);
}

body.recruit main {
	/* position: absolute; */
	width:100%;
	top:0px;
	left:0px;
	z-index:0;
}

/* 採用情報トップ */

body .cover-container {
    box-shadow:none; /* inset 0 0 5rem rgb(0 0 0 / 50%) */
}
body.stc2026-recruit-top h2{
    /* font-family: 'Zen Antique Soft', serif; */
	font-size:3rem;
	color:rgba(162,0,64,1.00);
		text-shadow: 2px 2px 0px rgba(0,0,0,0.15);
}


body.recruit .jobtype-panel figurer {
	height:10em;
}






body.stc2026-recruit-top h2.title {
  position: relative;
  display: inline-block;
  padding: 0 80px;
	margin-bottom:2rem;
}

body.stc2026-recruit-top h2.title:before, body.stc2026-recruit-top h2.title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 70px;
  height: 1px;
  background-color: rgba(162,0,64,1.00);
}

body.stc2026-recruit-top h2.title:before {
  left:0;
}
body.stc2026-recruit-top h2.title:after {
  right: 0;
}










body.stc2026-recruit-top strong.h3{
    /* font-family: 'Zen Antique Soft', serif; */
}





.recruit-cover-image {
	background-image:
		url("/seino/media_n/img/recruit/2026/stc2026-recruit-top_main-copy.png"),
		url("/seino/media_n/img/recruit/2026/stc2026-recruit-top_main-imege-right.png"),
		url("/seino/media_n/img/recruit/2026/stc2026-recruit-top_main-imege-left.png"),
		url("/seino/media_n/img/recruit/2026/stc2026-recruit-top_main-imege.webp")
		;
	background-position:
		top 50% center,
		bottom 0px right -30px,
		bottom left,
		bottom center
		;
	
	background-size:
		100%,
		35%,
		35%,
		cover
		;
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat
		;
}


	@media screen and (max-width: 767px) {
	.recruit-cover-image {
		background-position:
			top 50% center,
			bottom 0px right -70px,
			bottom left,
			top center
			;
		background-size:
			100%,
			80%,
			55%,
			cover
			;
		}
	}

body.recruit .main-copy .bg {
	background-color: rgba(255,215,0,0.50);
	padding:1.4rem;
}


body.recruit .image01 {
	position: relative;
	display:inline-block;
}
body.recruit .image01::before,
body.recruit .image01::after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
	}

body.recruit .image01::before{
	top:0px;
	left:10px;
	border-width: 0px 0px 50px 50px;
	border-color: transparent transparent transparent rgba(255,150,0,1.00) ;
}
body.recruit .image01::after{
	bottom:0px;
	right:10px;
	border-width:50px 50px 0px 0px;
	border-color: transparent rgba(255,150,0,1.00) transparent transparent ;
}



/* 新卒採用の背景 */

.top-new-bg{
	background-image: url("/seino/media_n/img/recruit/2026/top/stc2026-recruit-top-new-pc.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 70%;
}

	@media screen and (max-width: 767px) {
		.top-new-bg{
			background-image: url(/seino/media_n/img/recruit/2026/top/stc2026-recruit-top-new-sp.jpg);
				}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.top-new-bg{
			background-image: url(/seino/media_n/img/recruit/2026/top/stc2026-recruit-top-new-tb.jpg);
			
		}
	}

/* 中途採用の背景 */
.top-jobtype-bg {
	background-image:
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg6.png")
		;
	background-position:
		bottom right
		;
	
	background-size:
		25%
		;
	background-repeat:
		no-repeat
		;	
}

/* 新卒採用の背景 */
.top-newg-bg {
	background-image:
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg4.png")
		;
	background-position:
		top left
		;
	
	background-size:
		20%
		;
	background-repeat:
		no-repeat
		;	
}

h2.jobname span {
	display:block;
	font-size:60%;
}

ul.timeSchedule {padding-left:0.5rem;}

	ul.timeSchedule li {
		padding-left:6rem;
		color: rgba(0,105,124,1.00);
		list-style-type: none;
		position: relative;
    }
	ul.timeSchedule li::before {
		content: attr(id); /* '123' data-shtime */
		position: absolute;
		text-align: right;
		top: 0px;
		left: 2rem;
		color: rgba(255,118,178,1.00);/* 242,197,186,1.00 */
		font-weight: 600;
	}

	ul.timeSchedule,ul.timeSchedule li:last-child {
		margin-bottom:0rem;
	}


/* 時計の共通設定 */
	ul.timeSchedule li.clock-0::after,
	ul.timeSchedule li.clock-1::after,
	ul.timeSchedule li.clock-2::after,
	ul.timeSchedule li.clock-3::after,
	ul.timeSchedule li.clock-4::after,
	ul.timeSchedule li.clock-5::after,
	ul.timeSchedule li.clock-6::after,
	ul.timeSchedule li.clock-7::after,
	ul.timeSchedule li.clock-8::after,
	ul.timeSchedule li.clock-9::after,
	ul.timeSchedule li.clock-10::after,
	ul.timeSchedule li.clock-11::after {
		content: ""; /* '123' data-shtime */
		position: absolute;
		height: 20px;
		width: 20px;
		color: rgba(255,118,178,1.00);/* 242,197,186,1.00 */
		font-weight: 600;
        background-size: cover;
		
		left: 0;
		top: 0;
		height: 1.7rem;
		width: 1.7rem;
	}

	ul.timeSchedule li.clock-0::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_0.svg");
	}
	ul.timeSchedule li.clock-1::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_1.svg");
	}
	ul.timeSchedule li.clock-2::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_2.svg");
	}
	ul.timeSchedule li.clock-3::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_3.svg");
	}
	ul.timeSchedule li.clock-4::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_4.svg");
	}
	ul.timeSchedule li.clock-5::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_5.svg");
	}
	ul.timeSchedule li.clock-6::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_6.svg");
	}
	ul.timeSchedule li.clock-7::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_7.svg");
	}
	ul.timeSchedule li.clock-8::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_8.svg");
	}
	ul.timeSchedule li.clock-9::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_9.svg");
	}
	ul.timeSchedule li.clock-10::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_10.svg");
	}
	ul.timeSchedule li.clock-11::after {
        background-image: url("/seino/media_n/img/recruit/2026/clock/stc2026-recruit-clock_11.svg");
	}


/* 時計アイコンを取るために模索しました。しばらく残し無理だと思ったら消します */
/*    :root {
      --path: "/seino/media_n/img/recruit/2026/clock/";
    }
	ul.testsample li {
      --imagename: attr(data-clock-icon);
      --urlvar: /seino/media_n/img/recruit/2026/clock/ var(--path);
    }
	ul.testsample li::after {
        content: "";
        display: inline-block;
        margin-right: 5px;
        height: 20px;
        width: 20px;
        background-size: contain;
        background-repeat: no-repeat;
		
		background-image: url(--urlvar);
}
*/



/* 社員紹介の背景 */

.member-main-shadow {
	box-shadow:
             0 0  0 5px rgb(255,0,0),
             1em 1em 0em rgba(0,0,0,0.1);

}


.top-member-bg {
	background-image:
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg7.png")
		;
	background-position:
		bottom 0rem right 0px
		;
	
	background-size:
		30%
		;
	background-repeat:
		no-repeat
		;

	
}
.top-member-bg2 {position: relative;}
.top-member-bg2::before {
	content: url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg5.png");
	/* transform: scale(1.0); */
	position: absolute;
	top: -120px;
	left: 0px;
}


/* 採用情報トップ >> 福利厚生）EmployeeBenefits */
.top-EmployeeBenefits-bg {
	background-image:
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg8.png")
		;
	background-position:
		top 7rem left 0rem
		;
	
	background-size:
		30%
		;
	background-repeat:
		no-repeat
		;
}


body.stc2026-recruit-top .fukuri div img { /**/
	border:4px solid #FF9BBD; /* rgba(0,158,220,1.00) */
	/* box-shadow:5px 5px 0 0 #000 ; */
}

body.stc2026-recruit-top .fukuri figure{
	position: relative;
	height:auto;
	display:block;
	cursor: pointer;
	background-color: #FFFFFF;
}

body.stc2026-recruit-top .fukuri figcaption {
	width: calc(100% - 8px);
	height:3rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
	margin:0 4px 4px 4px;
    padding: 0.5rem;
    background-color: rgba(255,222,239,0.50);
    text-align: center;
	font-size:0.85rem;
	line-height:120%;
	
}

body.stc2026-recruit-top .fukuri figcaption span {
  display: flex;
  justify-content: center;
  align-items: center;
	height:100%;
}

/* 採用情報トップ >> 社内YouTuber）YouTuber */

body.stc2026-recruit-top .youtuber div img { /**/
	border:4px solid #CD201F; 
	border-radius:50%;
}

body.stc2026-recruit-top .youtuber figure{
	position: relative;
	height:auto;
	display:block;
	cursor: pointer;
	background-color: #FFFFFF;
}

body.stc2026-recruit-top .youtuber a {
  color: black;  /* リンクテキストを黒文字にする */
}


/* 採用情報トップ >> よくある質問）faq */
.top-faq-bg {
	background-image:
		url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg9.png")
		;
	background-position:
		top 0rem right 0rem
		;
	
	background-size:
		40%
		;
	background-repeat:
		no-repeat
		;
}

/* 採用情報トップ >> フッタ */
body.recruit footer {
	color:rgba(255,255,255,1.00);
	position: relative;
}
body.recruit footer::before {
	content: url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg10.png");
	/* transform: scale(1.0); */
	position: absolute;
	top: -150px;
	right: 20px;
}

body.recruit footer {background-color:darkblue;}
	body.recruit footer a {color:rgba(255,255,255,1.00); text-decoration: none;}
		body.recruit footer a:hover {text-decoration: underline;}

	body.recruit footer li {margin-bottom:0.2rem;}

	body.recruit footer .compInfoArea .compName {font-size:1.4rem;font-weight:bold;}
	body.recruit footer .compInfoArea .telNo{display: block;}
	body.recruit footer .compInfoArea .telNo{display: block;}


body.recruit .recruit-footer-btn-area {
	position: fixed;
	bottom: 0;
	width:100%;
	background-color:rgba(0,0,0,0.20);
	z-index: 999;
}



.bg-area h1 {
	padding:0;
	color:rgba(255,255,255,1.00); /*0,93,162*/
	font-size:4.5rem;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.50);
	letter-spacing: 0.15em;
}



/* 新卒採用 */

.new_graduate-bg {
	background-image: url("https://picsum.photos/1920/900");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:15rem 0rem 10rem 0rem ;
}

ul.cplan {padding-left:0.5rem; background-color: rgba(255,215,0,0.50);;padding:1rem 1rem}

	ul.cplan li {
		padding-left:8rem;
		color: rgba(0,0,0,0.80);
		list-style-type: none;
		position: relative;
		border-bottom:1px dotted rgba(0,0,0,0.50);
	}
	ul.cplan li::before {
		content: attr(id);
		position: absolute;
		text-align: right;
		top: 0px;
		left: 0px;
		color: rgba(0,42,157,1.00);
		font-weight: 600;
		}
	ul.cplan,ul.cplan li:last-child {
		margin-bottom:0rem;
	}


.new-college-movie1 {
	position: relative;
}

	.new-college-movie1::after {
		position: absolute;
		content: '';/*何も入れない*/

		background-image:url("/seino/media_n/img/recruit/2026/stc2026-recruit-top_main-imege-left-none.png");
		background-repeat: no-repeat;
		bottom :0% ;
		right: 37.5%;
		width: 100%;/*画像の幅*/
		height: 100%;/*画像の高さ*/
		display: inline-block;
		background-size: contain;
		vertical-align: middle;
		z-index:0;
}

.new-college-movie2 {
	position: relative;
}
	.new-college-movie2::after {
		position: absolute;
		content: '';/*何も入れない*/

		background-image:url("/seino/media_n/img/recruit/2026/stc2026-recruit-new-college-movie2.png");
		background-repeat: no-repeat;
		bottom :0 ;
		right: 37.5%;
		width: 100%;/*画像の幅*/
		height: 100%;/*画像の高さ*/
		display: inline-block;
		background-size: contain;
		vertical-align: middle;
		z-index:0;
	}




/* 中途採用 */

.career-bg {
	background-image: url("https://picsum.photos/1920/900");/* url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-topimage-mask.png"), */
	background-position: top center;/*bottom center,*/
	background-repeat: no-repeat;/*no-repeat, */
	background-size: cover;/*cover,*/
	padding:15rem 0rem 10rem 0rem ;
}


/* 社員紹介 */

.member-bg {
	background-image: url("/seino/media_n/img/recruit/2026/top/stc2026-recrui-top-mainimage-background-red.jpg");
	/* background-image: url("/seino/media_n/img/recruit/2026/member/stc2026-recruit-member-bg4.jpg"); */
	background-position:  50% 50%;
	background-repeat:  no-repeat;
	background-size: cover;
	padding:15rem 0rem 10rem 0rem ;
}

.member-qa dt {font-size:1.2rem;}
.member-qa dd {margin:0 0.5rem 2rem 0.5rem;line-height:1.6rem;}

.member-bg2 {
	background-image:url("/seino/media_n/img/recruit/2026/common/stc2026-recruit-bg4.png");
	background-position:bottom left;
	background-size:20%;
	background-repeat:no-repeat;	
}


.photoFrame_01-l{
	border:10px solid #ffffff;
	box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.30);
	transform: rotate( -3deg );
}
.photoFrame_01-r{
	border:10px solid #ffffff;
	box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.30);
	transform: rotate( 3deg );
}


.under_syainshokai_text{
	align-items: center;
    border-radius: 16px;
	background: #fff;
/*    height: 32px; */
    padding: 0 12px;
}

.member-profile,
.member-plofile {
    border-radius: 16px;
	background: #ffffff;
	padding:2rem 1rem 1rem 2rem;
}

/*安全に対する取り組み*/

body.recruit-2nd-page h3.no-before::before {
     all: unset !important;
} 

body.recruit-2nd-page p.blur{
     backdrop-filter: blur(10px);
}

body.recruit-2nd-page .new_graduate-bg{
position: relative;
  overflow: hidden;
}

body.recruit-2nd-page .background-layer{
  position: absolute;
  inset: 0;
  background-image: url(/seino/media_n/img/recruit/2026/stc2026-recruit-safety-top.jpg);
  background-position: left 50% top 50%;
  background-size: cover;
  filter: brightness(50%);
  z-index: 0;
}

body.recruit-2nd-page .foreground-layer {
  position: relative;
  z-index: 1;
  color: white; 
}