@charset "UTF-8";

/*----------------------------------------------------------
/* スタイル定義
/* last/2026.4.4
-----------------------------------------------------------*/

/*----------------------------------------------------------
/* フォント基本サイズ／16px
/* common.css override
-----------------------------------------------------------*/
/* フォント基本サイズ／16px */
html{
	font-size: 10px; /* initial 10px */
}
body{
	margin:0 0 0 0;
	font-family: 'Noto Sans JP', 'Yu Gothic', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1.6rem;
	line-height : 1.5;
	color:#000;
}
@media (min-width:768px){
	/* ホーム画面 */
}
@media (min-width:1600px){
	/* ホーム画面 */
}


/*----------------------------------------------------------
/* リセット
-----------------------------------------------------------*/
/* リスト */
ul,ul li{
	padding:0;
	list-style:none;
}
/* アンカー */
a,
a:link,
a:visited{
	text-decoration: none;
	-webkit-transition:all .2s ease-in;
	transition:all .2s ease-in;
}
a:active,
a:hover{
	text-decoration: underline;
}
.hover-noline{
	text-decoration: none !important;
}
/* imgホバー透過 */
a:hover img{
	opacity:0.65;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}


/*----------------------------------------------------------
/* 基本設定
-----------------------------------------------------------*/
/*			 レイアウト 			*/
article{
	padding-bottom:60px;
}
@media (max-width:926px){
	article{
		padding-top:140px;
	}
}
@media (min-width:927px){
	article{
		padding-bottom:80px;
	}
}

/*			 見出し 			*/
/*----------------------------*/
/* 見出し */
h1{
	margin:0 0 15px 0;
}

.new-title{
	position: relative;
  background: url('./images/cmn-pagetitle-catch.svg') right center /311px no-repeat;
}
@media (max-width:926px){
.new-title{
  padding-bottom: 50px !important;
  background: url('./images/cmn-pagetitle-catch.svg') right bottom /38% no-repeat;
}
}
@media (min-width:927px){
}
/*			 段落(common override) 			*/
/*-------------------------------------------*/
p{
	margin-bottom:1em;
}
@media (min-width:927px){
}
/*			 画像 			*/
/*-------------------------------------------*/
img{
	max-width:100%;
	height:auto;
}
@media (min-width:927px){
}

.home .container-pickup-news .pickup-news-item a {
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}


/*----------------------------------------------------------
/* ヘッダー
-----------------------------------------------------------*/
header{
	width:100%;
	background-color:#fff;
}
header .hd-inner{
	position: relative;
	margin:0 auto 0;
	width:100%;
}
/** SP GLナビ **/
#sp-menubtn{
	position:absolute;
	top:0;
	right:0;
}

/* 本サイトに戻る */
.hd-inner span{
	line-height:1;
}
.rec-hd-backbtn{
	text-decoration: none;
}
.rec-hd-backbtn{
	padding:4px 6px;
	font-size:1.1rem;
	color:#fff;
	background-color:#36558f;
	border:solid 1px #36558f;
}
.rec-hd-backbtn:hover{
	color:#36558f;
	background-color:#fff;
	border:solid 1px #36558f;
}

@media (max-width:926px){
	header{
		position:fixed;
		margin:0 auto 30px;
		padding:10px 15px;
		z-index:10;
	}
	header h1 img{
		width:290px;
	}
	/*** GLナビ／SP ***/
	#recruit-glnavi-sp_wrap .modal-header{
		position: relative;
		display: block;
		padding:8px 0;
		text-align: center;
		font-size:2rem;
		color:#fff;
		background-color:#ff0000;
	}
	#recruit-glnavi-sp_wrap .close{
		position: absolute;
		top:6px;
		right:10px;
		margin:0;
		padding:0;
		padding:0.375rem;
		font-size:2.4rem;
		color:#fff;
		text-shadow: none;
		border:solid 1px transparent;
		border-radius:0.25rem;
		opacity:1;
		-webkit-transition:color .15s ease-in-out;
		transition:color .15s ease-in-out;
	}
	#recruit-glnavi-sp_wrap .close:hover{
		background-color:#E60113;
		border-color:#E60113;
	}
	div#recruit-glnavi-sp_wrap div.modal-footer{
		display: block;
		text-align: center;
		background-color:#ff0000;
	}
	.modal-footer .btn-primary{
		font-size:1.6rem;
		background-color:#ff0000;
		border-color:#ff0000;
	}
	.modal-footer .btn-primary:hover{
		background-color:#E60113;
		border-color:#E60113;
	}
	/* メニュー部 */
	#recruit-glnavi-sp_wrap .modal-body{
		background-color:#E60113;
	}
	#recruit-glnavi-sp_wrap .recruit-glnavi{
		margin:0;
		padding:0;
	}
	#recruit-glnavi-sp_wrap .recruit-glnavi li{
		margin:0;
		padding:0;
		text-align: center;
		list-style:none;
		border-bottom:solid 1px #fff;
		-webkit-transition:all .1s ease;
		transition:all .1s ease;
	}
	#recruit-glnavi-sp_wrap .recruit-glnavi li:last-child{
		border-bottom:none;
	}
	#recruit-glnavi-sp_wrap .recruit-glnavi li a{
		position: relative;
		display:block;
		padding:14px 10px;
		width:100%;
		height:auto;
		line-height:1.4;
		font-size:1.8rem;
		color:#fff;
		text-decoration: none;
		z-index:1;
	}
	#recruit-glnavi-sp_wrap .recruit-glnavi li a:hover{
		color:#E60113;
		text-decoration: none;
    background-color: #fff;
	}
  /*
	#recruit-glnavi-sp_wrap .recruit-glnavi li a:hover::after{
		position: absolute;
		top:0;
		left:0;
		display: block;
		content:'';
		width:100%;
		height:100%;
		background-color:#ff0000;
		opacity:0.8;
		z-index:-1;
	}*/
}
@media (min-width:927px){
	header{
		margin:0 auto 0;
		padding:36px 15px;
	}
	header .hd-inner{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin:0 auto 0;
		width:100%;
		max-width:1100px;
	}
	/*** SPメニューボタン ***/
	#sp-menubtn{
		display: none;
	}
	/*** GLナビ／PC ***/
	#glnavi-wrap{
		margin:0 auto 0;
		padding:30px 15px;
		width:100%;
		background-color:#E60113;
	}
	.home #glnavi-wrap{
		margin:0 auto 20px;
	}
	.gl-navi{
		margin:0 auto 0;
		width:100%;
		max-width:1100px;
		background:none;
	}
	.gl-navi ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
    margin: 0 auto 0;
		width:100%;
	}
	.gl-navi ul > li{
		width:15%;
		height:46px;
		z-index:1;
	}
  .gl-navi > ul > li:nth-of-type(n+2){
    border-left:solid 1px #fff;
	}

	.gl-navi ul > li a{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		width:100%;
		height:46px;
		line-height:1.2;
		letter-spacing:0.05em;
		font-size:1.3rem;
		font-weight: bold;
		color:#fff;
		background-color: #E60113;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	.gl-navi ul > li a:hover{
		text-decoration: none;
		color:#E60113;
		background-color: #fff;
	}
	/*** 募集要項のみ子メニュー表示 ***/
	.gl-navi ul .bosyuuyoukou{
		position: relative;
	}
	.gl-navi ul .bosyuuyoukou > a{
		pointer-events: none;
		color:#fff;
	}
	.gl-navi ul .bosyuuyoukou .sml-navi{
		position: absolute;
		top:52px;
		left:0;
		width:100%;
		height:auto;
		-webkit-transition:all ease .2s;
		transition:all ease .2s;
		opacity:0;
		/*
		-webkit-transform: translateY(-52px);
		transform: translateY(-52px);
		*/
	}
	.gl-navi ul .bosyuuyoukou .sml-navi > li{
		width:100%;
	}
	.gl-navi ul .bosyuuyoukou:hover .sml-navi{
		/*
		-webkit-transform: translateY(0);
		transform: translateY(0);
		*/
		opacity:1;
		z-index:0;
	}
  /*
	.gl-navi ul .bosyuuyoukou .sml-navi > li:nth-of-type(1){
		border-top:solid 1px #fff;
	}*/
	.gl-navi ul .bosyuuyoukou .sml-navi > li a{
		text-decoration: none;
		text-align: center;
		width:100%;
		height:52px;
		text-align: center;
		color:#fff;
		background-color:#E60113;
    border:solid 1px #E60113;
		-webkit-transition:all ease .2s;
		transition:all ease .2s;
	}
	.gl-navi ul .bosyuuyoukou .sml-navi > li a:hover{
		color:#E60113;
		background-color:#fff;
	}
}
@media (min-width:1100px){
	header{
		padding:36px 0;
	}
	/* GLナビ */
	#glnavi-wrap{
		padding:33px 0px;
	}
	.gl-navi ul > li a{
		font-size:1.4rem;
	}
}


/*----------------------------------------------------------
/* トップページ
-----------------------------------------------------------*/
/*			 レイアウト 			*/
.home article > section:nth-of-type(n+2){
	margin-top:40px;
}

/*			 見出し 			*/
section .homecmn_h2{
	margin:0 auto 25px;
	font-size:2.4rem;
	font-weight: bold;
  letter-spacing: -0.05em;
	color:#E60113;
}
section .homecmn_h2.sml{
	font-size:2rem;
}
section .homecmn_h2 img{
	display: block;
	margin:0 auto 15px;
	opacity:0;
}
section .homecmn_h2.viewon img{
	-webkit-animation: h2move-in 0.6s cubic-bezier(0.200, 1.000, 0.300, 1.000) both;
	animation: h2move-in 0.6s cubic-bezier(0.200, 1.000, 0.300, 1.000) both;
}

/*				 メインイメージ 				*/
.main-imagebox{
	margin:0 auto 15px;
	width:100%;
	max-width:1100px;
	height:auto;
}
.main-imagebox img{
	-webkit-animation: mainimage-in 1s ease-in 0.1s both;
	animation: mainimage-in 1s ease-in 0.1s both;
}

/* Let's 次へ */

.lets{
	margin:0 auto 30px;
	padding:0 0;
	width:100%;
	font-weight:bold;
	color:#E60113;
}
.dir-icon{
	margin:0 auto 20px;
	width:100%;
}
.dir-icon span img{
	-webkit-animation: letsmove .8s .1s ease-out alternate infinite;
	animation: letsmove .8s .1s ease-out alternate infinite;
}

/*				 会社説明会動画 				*/
#recruit-moviebox{
	margin:0 auto 0;
	padding:0 15px;
	width:100%;
	height:auto;
}
#recruit-moviebox video{
	width:100%;
	height:auto;
}
#recruit-moviebox>div{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
#recruit-moviebox iframe{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	object-fit: cover;
}

/*				 導入部（地域の暮らしをささえる「モビリティステーション」へ） 				*/
.mobility-imagebox{
  margin: 0 auto 40px;
}
.catch-copy{
  display: block;
  margin: 0 auto 40px;
  width:90%;
}
.sec_intro h3{
  margin: 0 auto 18px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #E60113;
}

/*				 軽自動車を取り巻く環境 				*/
.kei-sent{
	margin:0 auto 0;
	width:100%;
}

/*				 宮城ダイハツを知ろう（ナビ） 				*/
.big-navi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
}
.big-navi li{
	width:49%;
  border-radius: 20px;
	overflow: hidden;
}
.big-navi li > a{
	display: block;
	position: relative;
	width:100%;
	height:100%;
  border-radius: 20px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.big-navi li:nth-of-type(1) > a{
	background-color:#E60113;
}
.big-navi li > a p{
	position: absolute;
	top:45%;
	left:10px;
	margin:0;
	line-height:1.2;
	font-size:2rem;
	font-weight: bold;
	color:#fff;
	z-index:2;
}
.big-navi li > a p > span{
	display: block;
	margin:0 0 8px 0;
	font-size:1.8rem;
}
.big-navi li > a:hover{
	text-decoration: none;
}
.big-navi li > a::before{
	display: block;
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#E60113;
  border-radius: 20px;
	-webkit-transform: translateX(-200px);
	transform: translateX(-200px);
	opacity:0;
	z-index:1;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.big-navi li > a:hover::before{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity:0.4;
}

/*ナビの数が2個の場合*/
.big-navi.two-menu li > a{
	height: 0;
	padding-top: 100%;
}
.big-navi.two-menu li > a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right;
}

@media (min-width:927px){
	.big-navi.two-menu{
		justify-content: center;
	}
	.big-navi.two-menu li{
		width: 36%;
		margin: 0 15px;
	}
	.big-navi.two-menu li a{
		padding-top: 56.25%;
	}
}

/*				 社員の声 				*/
.sec_work-recruit h2{
  margin-top: 30px;
  color:#fff;
}
.sec_work-recruit{
	padding:60px 0 0 0;
  background: url(./images/home/sec_work-recruit_bg.svg) center -1px /contain no-repeat,#4E4E4E;
}

/*** ナビ ***/
.home-works-navi{
	margin:0 auto 50px;
	width:100%;
}
.home-works-navi li a{
	text-decoration:none !important;
	color:#000;
}
.home-works-navi li h3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width:100%;
	margin:0 auto 10px;
	font-size:3rem;
	font-weight: normal;
}
.home-works-navi li h3 a:hover{
	opacity:0.65;
}
.home-works-navi li h3 a:nth-of-type(1) div{
	margin-right:18px;
}
.home-works-navi li h3 a:nth-of-type(2) div{
	margin-left:18px;
}
.home-works-navi li h3 .num{
	margin:0;
	line-height:1;
	text-align: center;
	font-size:2rem;
	color:#000;
}
.home-works-navi li h3 .num > span{
	font-size:5rem;
	font-weight: bold;
}
.home-works-navi .catch{
	margin:-100px auto 0;
	padding:110px 0 20px 0;
	text-align: center;
	font-size:2.4rem;
	background-color:#fff;
	border-radius:20px;
}

/*				 募集要項 				*/
.home-bosyuuyoukou-navi{
	margin:0 auto 0;
	width:100%;
}
.sec_bosyuuyoukou h2{
	margin:0 auto 40px;
	text-align: center;
	font-size:3rem;
	font-weight: bold;
	color:#E60113;
}
.home-bosyuuyoukou-navi li a{
	text-decoration:none;
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height:70px;
	text-align: center;
	font-size:2.4rem;
	font-weight: bold;
	color:#fff;
	background-color:#E60113;
	border:solid 5px#fff;
}
.home-bosyuuyoukou-navi li a img{
	position: absolute;
	top:50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity:1 !important;
}
.home-bosyuuyoukou-navi li a:hover img{
	opacity:1;
}
.home-bosyuuyoukou-navi li a:hover{
	opacity:0.65;
}
@media (max-width:926px){
	/* メインイメージ */
	.main-imagebox img{
		width:100% !important;
	}
	#recruit-moviebox{
		padding:20px 15px;
		background-color:#fff;
	}
	/*				 会社説明会動画 				*/
  article .sec_movie{
    padding:50px 0;
    background: url(./images/home/movie-bg_sd.jpg) center center /cover no-repeat;
  }
	/*				 宮城ダイハツを知ろう（ナビ） 				*/
	.big-navi li:nth-of-type(n+3){
		margin-top:10px;
	}
	/*				 社員の声 				*/
	.sec_work-recruit{
		padding:10px 0;
	}
  .home-works-navi li:nth-of-type(n+2){
    margin-top: 25px;
  }
	/*				 募集要項 				*/
	.home-bosyuuyoukou-navi{
		margin:0 auto 0;
		width:100%;
	}
	.home-bosyuuyoukou-navi li:nth-of-type(n+2){
		margin-top:20px;
	}
}
@media (min-width:927px){
	/*** レイアウト ***/
	.home article > section:nth-of-type(n+3){
		margin-top:70px;
	}
	/*** 見出し ***/
	section .homecmn_h2{
		font-size:3rem;
	}
	section .homecmn_h2 img{
		margin:0 auto 25px;
	}
	/*				 メインイメージ 				*/
	/* Let's 次へ誘導 */
	.lets{
		margin:0 auto 30px;
	}
	/*				 会社説明会動画 				*/
  article .sec_movie{
    padding:100px 0;
    background: url(./images/home/movie-bg_ld.jpg) center center /cover no-repeat;
  }
	#recruit-moviebox{
		margin:0 auto 0;
		padding:0 0;
		width:44%;
	}
	/*				 導入部（地域の暮らしをささえる「モビリティステーション」へ） 				*/
  .mobility-imagebox{
    margin: 0 auto 40px;
  }
  .catch-copy{
    margin: 0 auto 50px;
    width:40%;
  }
  .sec_intro h3{
    margin: 0 auto 24px;
    font-size: 2rem;
  }

	/*				 軽自動車を取り巻く環境 				*/
	.kei-sent{
		width:40%;
	}
	/*				 宮城ダイハツを知ろう（ナビ） 				*/
	.big-navi li{
		width:24%;
    border-radius: 20px;
	}
	.big-navi li > a p{
		top:45%;
		left:15px;
		font-size:3rem;
	}
	.big-navi li > a span > span{
		margin:0 0 12px 0;
		font-size:2rem;
	}
	/*				 社員の声 				*/
  .sec_work-recruit h2{
    margin-top: 50px;
  }
  /*** ナビ ***/
	.home-works-navi{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		justify-content: center;
		margin:0 auto 60px;
	}
	.home-works-navi li{
		width:32%;
	}
	.home-works-navi li .photobox{
		text-align: center;
		height:440px;
	}
	.home-works-navi li .photobox img{
		height:440px;
	}
	/*				 募集要項 				*/
	.home-bosyuuyoukou-navi{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin:0 auto 0;
		width:100%;
	}
	.home-bosyuuyoukou-navi li{
		margin:0 15px;
		width:36%;
	}
}
@media (min-width:1130px){
	/*				 社員の声 				*/
	.sec_work-recruit{
	}
}
/* animation／メインイメージ */
@-webkit-keyframes mainimage-in {
	0% {
		-webkit-transform: rotateY(-40deg) rotateX(35deg) translate(-320px, -200px) skew(60deg, -10deg);
		transform: rotateY(-40deg) rotateX(35deg) translate(-320px, -200px) skew(60deg, -10deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
		transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
		opacity: 1;
	}
}
@keyframes mainimage-in {
	0% {
		-webkit-transform: rotateY(-40deg) rotateX(35deg) translate(-320px, -200px) skew(40deg, 10deg);
		transform: rotateY(-40deg) rotateX(35deg) translate(-320px, -200px) skew(40deg, 10deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
		transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
		opacity: 1;
	}
}
/* animation／Let's 次へ誘導 */
@-webkit-keyframes letsmove {
	0% {
		-webkit-transform: translate(0,0px);
		transform: translate(0,0px);
	}
	100% {
		-webkit-transform: translate(0,-10px);
		transform: translate(0,-10px)
	}
}
@keyframes letsmove {
	0% {
		-webkit-transform: translate(0,0px);
		transform: translate(0,0px);
	}
	100% {
		-webkit-transform: translate(0,-10px);
		transform: translate(0,-10px)
	}
}
/* animation／H2車アイコン */
@-webkit-keyframes h2move-in {
	0% {
		-webkit-transform: translateY(-150px) scaleY(2.5) scaleX(0.2);
		transform: translateY(-150px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}
@keyframes h2move-in {
	0% {
		-webkit-transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}


/*				 NEWSブロック				*/
/*-----------------------------------------*/




/*				 SNSブロック				*/
/*-----------------------------------------*/



/*----------------------------------------------------------
/* 宮城ダイハツについてページ
-----------------------------------------------------------*/
/* レイアウト */
.aboutus-cont > div:nth-of-type(n+3){
	margin-top:40px;
}
.aboutus-cont > div .aboutus-inner{
	padding-top:40px;
	border-top:solid 1px #707070;
}
.aboutus-cont > div .aboutus-inner.btm{
	padding-top:0;
	border-top:none;
}
/* 見出し */
.aboutus-cont h2{
	position: relative;
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	font-size:3rem;
	font-weight: bold;
  color:#E60113;
}
.aboutus-cont h2 span{
	display: block;
	position: absolute;
	top:14px;
	right:0;
	line-height:1.2;
	font-size:3.6rem;
	font-weight: bold;
	color:#E60113;
  opacity: 0.15;
	z-index:-1;
}
.aboutus-cont .aboutus-summry-title{
  margin: 0 auto 20px;
  padding:0 0 20px 0;
  color:#000;
  border-bottom: solid 1px #000;
}
/* 2カラム左／紹介部 */
.aboutus-cont .pr-box{
	position: relative;
	padding-bottom:20px !important;
}
.aboutus-cont .pr-box h3{
	margin:0 0 18px 0;
	line-height:1;
	font-size:3rem;
	font-weight: bold;
  color:#E60113;
}
.aboutus-cont .pr-box h3 span{
	vertical-align: baseline;
	font-size:1.6rem;
}
.aboutus-cont .pr-box .md{
	font-size:2rem;
	font-weight: bold;
	color:#000;
}
.aboutus-cont .pr-box .md img{
	display: inline-block;
	margin-bottom:15px;
}
.aboutus-cont .pr-box .link{
  margin: 20px auto 0;
  line-height: 1.1;
  color:#000;
}
.aboutus-cont .pr-box .link a{
  color:#000;
}
.aboutus-cont .pr-box .link a:hover{
  text-decoration: none;
}
.aboutus-cont .bg-text{
	position: absolute;
	right:0;
	bottom:-5px;
	font-size:5rem;
	font-weight: bold;
	color:#F2F2F2;
	z-index:-1;
}
.aboutus-cont .bloglink{
	color:#000;
}
.aboutus-cont .bloglink:hover{
	text-decoration: none;
}

/*** ナビ（タブレット以下） ***/
.aboutus-cont .shop-navi-wrap{
	margin:40px auto 0 !important;
}
.aboutus-cont .shop-navi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin:46px auto 0;
	padding:0;
}
.aboutus-cont .shop-navi > li{
	width:48%;
}
.aboutus-cont .shop-navi > li:nth-of-type(n+3){
	margin-top:15px;
}
.aboutus-cont .shop-navi > li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding:8px 6px;
	width:100%;
	letter-spacing:-0.05em;
	font-size:1.5rem;
	font-weight: bold;
	color:#fff;
	background-color:#E60113;
}
.aboutus-cont .shop-navi > li a:hover{
	text-decoration: none;
}

/*** 会社概要 ***/
.corporate-summary-wrap{
	background-color:#f4f4f4;
}
.corporate-summary{
	width:100%;
}
.corporate-summary tr th{
	font-weight: bold;
	color:#e50012;
}
@media (max-width:415px){
	/*** ナビ（タブレット以下） ***/
	.aboutus-cont .shop-navi > li a{
		font-size:1.4rem;
	}
	.aboutus-cont .shop-navi > li a img{
		width:18px;
		height:auto;
	}
}
@media (max-width:926px){
	/*** カーシェア、あなたのまちにも ***/
	.aboutus-cont .pc2sp1 .pr-box,
	.aboutus-cont .pc2sp1 .imagebox{
		margin:0 auto 0;
		width:90%;
	}
	.aboutus-cont .pc2sp1 .pr-box{
		margin-bottom:46px;
	}
	/*** 会社概要 ***/
	.corporate-summary-wrap{
		margin:0 auto 0;
		padding:30px 30px;
	}
	.corporate-summary,
	.corporate-summary tbody,
	.corporate-summary tr,
	.corporate-summary th,
	.corporate-summary td{
		display: block;
		width:100%;
	}
	.corporate-summary tr:nth-of-type(n+2){
		margin-top:15px;
	}
	.corporate-summary tr th,
	.corporate-summary tr td{
		padding:0 4px;
	}
}
@media (min-width:927px){
	/* レイアウト */
	.aboutus-cont > div:nth-of-type(n+3){
		margin-top:80px;
	}
	.aboutus-cont > div .aboutus-inner{
		padding-top:80px;
		border-top:solid 1px #707070;
	}
	.aboutus-cont > div .aboutus-inner.btm{
		border-top:none;
	}
	/* 見出し */
	.aboutus-cont h2{
		font-size:3rem;
	}
	.aboutus-cont h2 span{
		bottom:0;
		left:100px;
		font-size:4.8rem;
	}
  .aboutus-cont .aboutus-summry-title{
    margin: 0 auto 40px;
  }

	/*** カーシェア、あなたのまちにも 2022.12Sdgs追加 ***/
	.aboutus-cont .pc2sp1{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width:100%;
	}
	.aboutus-cont .pc2sp1 > div:nth-child(1),
	.aboutus-cont .pc2sp1 > div:nth-child(2){
		margin:0 20px;
		padding:0 25px;
		width:44%;
	}
  /* SDGs */
  .aboutus-cont .pc2sp1 .pr-box.right{
    order:1;
  }
  .aboutus-cont .pc2sp1 .imagebox.left{
    order:0;
  }



	/*** マップ（PC） or ナビ（タブレット以下） ***/
	.aboutus-cont .guidemap-wrap,
	.aboutus-cont .guide-navi-wrap{
		margin:60px auto 0;
	}
	.aboutus-cont .guidemap-wrap{
    position: relative;
		width:780px;
	}
	.aboutus-cont .guidemap-wrap .map-shopphoto{
    position: absolute;
    top:10px;
    left:10px;
    width:160px;
	}
	.aboutus-cont .guide-navi-wrap{
		width:65%;
	}
	/*** 会社概要 ***/
	.corporate-summary-wrap{
		padding:40px 80px;
	}
  /*
	.corporate-summary{
		border-top:solid 1px #707070;
	}
  */
	.corporate-summary tr th,
	.corporate-summary tr td{
		padding:8px 8px;
    /*
		border-bottom:solid 1px #707070;
    */
	}
	.corporate-summary tr th{
		padding:8px 0;
		width:18%;
		text-align: right;
	}
	.corporate-summary tr td{
		padding:8px 50px;
	}
}
@media (min-width:1130px){
	.aboutus-cont .guidemap-wrap{
		position: relative;
	}
	.aboutus-cont .guidemap-wrap .notes{
		position: absolute;
		right:40px;
		bottom:40px;
	}
}


/*----------------------------------------------------------
/* メッセージページ
-----------------------------------------------------------*/
/* レイアウト */
.message-cont > div:nth-of-type(n+2){
	margin-top:40px;
}
/* 見出し */
.message h2{
	position: relative;
	margin:0 0 20px 0;
	padding:0 0 40px 0;
	font-size:3rem;
	font-weight: bold;
	color:#E60113;
}
.message h2 span{
	display: block;
	position: absolute;
	right:0;
	top:14px;
	line-height:1.2;
	font-size:3.6rem;
	font-weight: bold;
	color:#E60113;
  opacity: 0.15;
	z-index:-1;
}
.message h3{
	margin:0 auto 40px;
	font-size:3.8rem;
}
.message-cont .photobox{
	margin:0 0 40px 0;
}
.message-cont .policy{
	margin:0 0 10px 10px;
	width:100%;
}
.message-cont .policy li{
	padding:0 0 0 2em;
	text-indent:-2em;
}
.message-cont .president-sign{
	margin:40px 0 0 0;
}
@media (min-width:927px){
	/* レイアウト */
	.message-cont > div:nth-of-type(n+2){
		margin-top:60px;
	}
	/* 見出し */
	.message h2{
		margin:0 0 30px 0;
  	color:#E60113;
	}
	.message h2 span{
		left:100px;
		bottom:0;
		font-size:4.8rem;
	}
	.message h3{
		margin:0 auto 60px;
		font-size:6rem;
	}
	.message-cont .photobox{
		margin:0 0 60px 0;
	}
	.message-cont .president-sign{
		margin:60px 0 0 0;
	}
}

/*---------------------------------------
| 2023ver追加スタイル
---------------------------------------*/
.aboutus-history{
	padding: 15px;
	margin: 0;
	background: #f4f4f4;
}
.aboutus-history li{
	position: relative;
}
.aboutus-history li:nth-child(n+2){
	margin-top: 4px;
}
.aboutus-history li span{
	color: #E60113;
	font-weight: bold;
	opacity: .8;
}
.aboutus-message{
	margin: 43px 0 0 0;
	font-weight: bold;
	color: #E60113;
}
.aboutus-message span{
	font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
	.aboutus-history li span{
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.aboutus-history li{
		padding-left: 6em;
	}
	.aboutus-history li span{
		position: absolute;
		left: 0;
	}
	.aboutus-message{
		text-align: center;
		font-size: 1.8rem;
	}
	.aboutus-message span{
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.d-xl-block{
		display: block!important;
	}
}

/*----------------------------------------------------------
/* 仕事の魅力ページ
-----------------------------------------------------------*/
/* 見出し */
.work h2{
	position: relative;
	margin:0 0 20px 0;
	padding:0 0 40px 0;
	font-size:3rem;
	font-weight: bold;
	color: #e60113;
}
.work h2 span{
	display: block;
	position: absolute;
	right:0;
	top:14px;
	line-height: 1.2;
	font-size:3.6rem;
	font-weight: bold;
	color:#e60113;
	opacity: 0.15;
	z-index:-1;
}
.message h3{
	margin:0 auto 40px;
	font-size:3.8rem;
}

/*** 冒頭部 ***/
.work-mainintro{
	margin:0 auto 60px;
	width:100%;
}
.work-mainintro .inner .md,
.work-mainintro .inner .md span{
	display: inline-block;
}
.work-mainintro .inner .md{
	text-align: center;
	font-size:2rem;
	font-weight: bold;
	color:#e60113;
}
.work-mainintro .inner .md img{
	display: block;
	margin:0 auto 18px;
}
.work-mainintro .inner .md span{
	margin:1em auto 0;
	text-align:left;
	font-size:1.6rem;
	font-weight: normal;
	color:#000;
}
/*** 職種紹介部 ***/
/** トグルボタン **/
.work .job-intro > li:nth-of-type(1),
.work .job-intro > li:nth-of-type(3),
.work .job-intro > li:nth-of-type(5){
	margin-top:20px;
}
.work .job-intro .toggle-button{
	position:relative;
	cursor: pointer;
	margin:0 auto 10px;
	padding:0 0 2px 0;
	text-align: center;
	font-size:3rem;
	border-bottom-style:solid;
	border-width:3px;
}
.work .job-intro .toggle-button::after{
	display: block;
	content:'';
	position: absolute;
	top:50%;
	right:2px;
	border-style: solid;
	border-width: 25px 15px;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.work .job-intro .toggle-button-e::after{
	border-color: #e60113 transparent transparent transparent;
}
.work .job-intro .toggle-button-s::after{
	border-color: #67B764 transparent transparent transparent;
}
.work .job-intro .toggle-button-j::after{
	border-color: #92d4e0 transparent transparent transparent;
}
.work .job-intro .toggle-button-e.toggle_open::after,
.work .job-intro .toggle-button-s.toggle_open::after,
.work .job-intro .toggle-button-j.toggle_open::after{
	top:-28%;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.work .job-intro .toggle-button img{
	display: block;
	position: absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
}
/** 職種内容 **/
.job-intro-common{
	margin:0 0 0 0;
	padding:25px 15px;
	width:100%;
	border-style:solid;
	border-width: 1px;
}
/*.job-intro-common h3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin:0 auto 35px;
	line-height:1;
	text-align: center;
	font-size:3.4rem;
	font-weight: bold;
}*/
.job-intro-common h3 img{
	display: inline-block;
	margin-right:15px;
}
.job-intro-common .intro-innerwrap .photo{
	margin:0 auto 35px;
}
.job-intro-common .intro-innerwrap .job-description{
	margin:0 auto 25px;
	width:100%;
}
.job-intro-common .intro-innerwrap .job-description li:nth-of-type(1){
	margin-bottom:6px;
}
.job-intro-common .intro-innerwrap .job-description li:nth-of-type(n+2){
	margin-top:3px;
}
.job-intro-common .intro-innerwrap .job-description li{
	padding:0 0 0 1em;
	text-indent:-1em;
}
.job-intro-common .intro-innerwrap .intro{
	margin:0 auto 30px;
}
.job-intro-common .intro-innerwrap .databox{
	margin:0 auto 35px;
}
.job-intro-common .intro-innerwrap .valuebox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin:0 auto 10px;
	width:190px;
	height:190px;
}
.job-intro-common .intro-innerwrap .valuebox .ninzuu{
	display: block;
	margin:0 auto 10px;
	width:100%;
}
.job-intro-common .intro-innerwrap .valuebox .nenrei{
	display: inline-block;
	line-height:1;
	font-weight: bold;
}
.job-intro-common .intro-innerwrap .valuebox .nenrei span{
	font-size:5rem;
}
/* ボタン */
.job-intro-common .intro-innerwrap .workslide-navi{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin:0 auto 0;
	width:100%;
}
/* ボタン */
.job-intro-common .intro-innerwrap .workslide-navi li{
	cursor: pointer;
	padding:0 8px;
	width:48%;
	text-align: center;
}
/*** 営業職color ***/
.work .job-intro .toggle-button-e,
.eigyo-intro.job-intro-common{
	border-color:#e60113;
}
.eigyo-intro.job-intro-common .intro-innerwrap .job-description li span,
.eigyo-intro.job-intro-common .intro-innerwrap .valuebox .nenrei{
	color:#e60113;
}
.eigyo-intro.job-intro-common .intro-innerwrap .valuebox{
	background:url('./images/work/bg-circle-eigyo.svg') center center /cover no-repeat;
}
/*** サービス職color ***/
.work .job-intro .toggle-button-s,
.service-intro.job-intro-common{
	border-color:#67B764;
}
.service-intro.job-intro-common .intro-innerwrap .job-description li span,
.service-intro.job-intro-common .intro-innerwrap .valuebox .nenrei{
	color:#67B764;
}
.service-intro.job-intro-common .intro-innerwrap .valuebox{
	background:url('./images/work/bg-circle-service.svg') center center /cover no-repeat;
}
/*** 事務職color ***/
.work .job-intro .toggle-button-j,
.jimu-intro.job-intro-common{
	border-color:#92d4e0;
}
.jimu-intro.job-intro-common .intro-innerwrap .job-description li span,
.jimu-intro.job-intro-common .intro-innerwrap .valuebox .nenrei{
	color:#92d4e0;
}
.jimu-intro.job-intro-common .intro-innerwrap .valuebox{
	background:url('./images/work/bg-circle-jimu.svg') center center /cover no-repeat;
}

/*** ストーリー部 ***/
/* swiper css override */
.sec-story .swiper-button-next,
.sec-story .swiper-button-prev{
	font-weight: bold !important;
	color:#fff !important;
}
.sec-story .swiper-button-next::after,
.sec-story .swiper-button-prev::after{
	font-size:70px !important;
}

.work-staff-story{
	margin:0 auto 0;
	background-color:#fff;
}
.work-staff-story h1{
	margin:0 auto 10px;
}
.work-staff-story h2{
	margin:0 auto 26px;
	padding:0 0 0 0;
	line-height:1.3;
	font-size:2.8rem;
	font-weight: normal;
	color: #e60113;
}
.work-staff-story.service h2{
	color: #67B764;
}
@media screen and (min-width: 768px) {
	.work-staff-story h2{
	margin:0 auto 40px;
	}
}

/* 基本情報 */
.work-staff-story .story-work-intro{
	margin:0 auto 40px;
	width:100%;
}
.work-staff-story .story-work-intro li{
	width:100%;
}
.work-staff-story .story-work-intro .profile{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding:0 5%;
}
.work-staff-story .story-work-intro .profile .info{
	width:60%;
}
.work-staff-story .story-work-intro .profile .info > p{
	margin:0 auto 4px;
	font-size:2.4rem;
	font-weight: bold;
}
.work-staff-story .story-work-intro .profile .info > ul li{
	padding:0 0 0 1em;
	text-indent:-1em;
}
.work-staff-story .story-work-intro .profile .info > ul li:nth-of-type(n+2){
	margin-top:6px;
}
.work-staff-story .story-work-intro .profile img{
	width:40%;
}
.work-staff-story .story-work-intro .scene{
	padding:0 5%;
}
.work-staff-story .story-work-intro .scene img{
	margin:0 auto 0;
}
/* サービスと事務のみ */
.work-staff-story.service .story-work-intro > li:last-of-type span,
.work-staff-story.jimu .story-work-intro > li:last-of-type span{
	font-weight: bold;
}
.work-staff-story.service .story-work-intro > li:last-of-type span > span{
	color:#a9d6a7;
}
.work-staff-story.jimu .story-work-intro > li:last-of-type span > span{
	color:#92d4e0;
}
/* 1日の流れ */
.work-staff-story .time-table{
	margin:0 auto 60px;
}
/* 資格 */
.work-staff-story .about-qualification{
	margin:0 auto 30px;
	width:100%;
	border-top:solid 1px #707070;
	border-bottom:solid 1px #707070;
}
.work-staff-story .about-qualification tr th{
	margin:0 auto 15px;
	text-align: center;
	font-size:2.4rem;
	font-weight: normal;
}
/* キャリアステップ */
.work-staff-story .carrer-step{
	margin:0 auto 0;
	width:100%;
}
.work-staff-story .carrer-step > li:nth-of-type(1){
	margin-bottom:20px;
	font-size:2.4rem;
}
.work-staff-story .carrer-step > li:nth-of-type(n+2){
	position: relative;
	padding:10px;
}
.work-staff-story .carrer-step > li .number{
	display: block;
	margin:0 auto 10px;
	line-height:1;
	text-align: center;
	font-size:1.2rem;
	color:#fff;
}
.work-staff-story .carrer-step > li .number > span{
	font-size:3rem;
	font-weight: bold;
}
.work-staff-story .carrer-step > li > p:nth-of-type(1){
	margin:0 auto 15px;
	text-align: center;
}
.work-staff-story .carrer-step > li > p:nth-of-type(1){
	font-size:1.8rem;
	font-weight: bold;
}
.work-staff-story .carrer-step > li > p:nth-of-type(1) > span{
	vertical-align: middle;
}
.work-staff-story .carrer-step > li > p:nth-of-type(1) > span:nth-of-type(1){
	font-size:1.4rem;
	font-weight: normal;
}
.work-staff-story.eigyou .carrer-step > li > p:last-of-type{
	margin:0 auto 0;
	width:90%;
}
/* キャリアステップサービス用 */
.work-staff-story .carrer-step > li > ul{
	margin:0 auto 0;
	width:100%;
}
.work-staff-story .carrer-step > li > ul li{
	padding:0 0 0 1em;
	text-indent:-1em;
	line-height:1.3;
}
/* キャリアステップ事務用 */
.work-staff-story.jimu .carrer-step > li p:nth-of-type(1){
	margin:30px auto 30px;
}
/* 営業color */
.work-staff-story.eigyou .story-work-intro .profile .info > p{
	color:#e9545d;
}
.work-staff-story.eigyou .about-qualification tr td span{
	color:#f7bebe;
}
.work-staff-story.eigyou .carrer-step li:nth-of-type(n+2){
	background-color:#f7bebe;
}
/* サービスcolor */
.work-staff-story.service .story-work-intro .profile .info > p{
	color:#78bc75;
}
.work-staff-story.service .about-qualification tr td span{
	color:#a9d6a7;
}
.work-staff-story.service .carrer-step li:nth-of-type(n+2){
	background-color:#a9d6a7;
}
/* 事務color */
.work-staff-story.jimu .story-work-intro .profile .info > p,
.work-staff-story.jimu .about-qualification tr td span{
	color:#92d4e0;
}
.work-staff-story.jimu .carrer-step li:nth-of-type(n+2){
	background-color:#92d4e0;
}
/*** 営業のみタブパネル ***/
.eigyo-intro .job-eigyo-sptabcont .nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin:0 auto 20px;
	width:100%;
	border:none;
}
.eigyo-intro .job-eigyo-sptabcont .nav li{
	width:48%;
}
@media (max-width:926px){
	/*** 冒頭部 ***/
	.work-mainintro li:nth-of-type(2){
		margin-top:48px;
	}
	.work-mainintro li .inner{
		margin:0 auto 0;
		width:70%;
	}
	/* 職種紹介 開閉初期表示OFF */
	.work .job-intro .job-intro-common{
		display:none;
	}
	/*** ストーリー部 ***/
	/* 基本情報 */
	.work-staff-story .story-work-intro li:nth-of-type(n+2){
		margin-top:40px;
	}
	/* 資格 */
	.work-staff-story .about-qualification,
	.work-staff-story .about-qualification tbody,
	.work-staff-story .about-qualification tr,
	.work-staff-story .about-qualification tr th,
	.work-staff-story .about-qualification tr td{
		display:block;
	}
	.work-staff-story .about-qualification{
		padding:20px 0;
	}
	/* キャリアステップ */
	.work-staff-story .carrer-step > li:nth-of-type(n+3){
		margin-top:20px;
	}
}
@media (min-width:927px){
	/* レイアウト */
	.work .sec-intro{
		margin-bottom:50px;
		/*background-image: url(./images/work/work-bg-car01.svg), url(./images/work/work-bg-car02.svg);
		background-repeat: no-repeat, no-repeat;
		background-position: -282px 100px, right -282px bottom 100px;
		background-size: 564px, 564px;*/
	}
	.work .sec-story{
		padding:80px 0;
		background:url('./images/work/bg_work.jpg') center 0 /cover no-repeat;
	}
	/* 見出し */
	.work h2 span{
		left:100px;
		bottom:0;
		font-size:4.8rem;
	}
	/*** 冒頭部 ***/
	.work-mainintro{
		margin:0 auto 110px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.work-mainintro li{
		width:48%;
	}
	.work-mainintro li .inner{
		margin:0 auto 0;
		width:85%;
	}
	/*** 職種紹介 ***/
	.job-intro{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	/*** 職種紹介部 ***/
	.job-intro-common{
		padding:40px 25px;
		width:48%;
	}
	/*** ストーリー部 ***/
	.work-staff-story{
		width:94%;
	}
	.work-staff-story h2{
		line-height:1.2;
		font-size:4rem;
	}
	/** 基本情報 **/
	/* STORY営業／余白調整 */
	.work-staff-story.eigyou .story-work-intro{
		margin:0 auto 60px;
	}
	/* STORYサービス／余白調整 */
	.work-staff-story.service .story-work-intro{
		margin:0 auto 15px;
	}
	.work-staff-story .story-work-intro{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.work-staff-story .story-work-intro > li{
		width:48%;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(n+3){
		margin-top:40px;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(1){
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(2){
		-webkit-box-ordinal-group:3;
		-ms-flex-order:2;
		order:2;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(3){
		-webkit-box-ordinal-group:5;
		-ms-flex-order:4;
		order:4;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(4){
		margin-top:60px;
		-webkit-box-ordinal-group:4;
		-ms-flex-order:3;
		order:3;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(5){
		-webkit-box-ordinal-group:6;
		-ms-flex-order:5;
		order:5;
	}
	.work-staff-story .story-work-intro > li:nth-of-type(6){
		-webkit-box-ordinal-group:7;
		-ms-flex-order:6;
		order:6;
	}
	.work-staff-story .story-work-intro .profile .info{
		width:70%;
	}
	.work-staff-story .story-work-intro .profile img{
		width:30%;
	}
	/* STORYサービス／余白調整／1日の流れ */
	.work-staff-story.service .time-table{
		margin:0 auto 15px;
	}
	/** 資格 **/
	/* STORY営業／余白調整 */
	.work-staff-story.eigyou .about-qualification{
		margin:0 auto 60px;
	}
	/* STORYサービス／余白調整 */
	.work-staff-story.service .about-qualification{
		margin:0 auto 15px;
	}
	.work-staff-story .about-qualification{
		border-top:solid 1px #707070;
		border-bottom:solid 1px #707070;
	}
	.work-staff-story .about-qualification tr th,
	.work-staff-story .about-qualification tr td{
		padding:20px 10px;
		width:50%;
		vertical-align: middle;
	}
	/* キャリアステップ */
	.work-staff-story .carrer-step{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin:0 auto 0;
		width:94%;
	}
	/* サービスのみ幅調整 */
	.work-staff-story.service .carrer-step{
		width:100%;
	}
	.work-staff-story .carrer-step > li:nth-of-type(1){
		width:100%;
	}
	.work-staff-story .carrer-step > li:nth-of-type(n+2){
		width:49%;
	}
	.work-staff-story .carrer-step > li:nth-of-type(n+4){
		margin-top:20px;
	}
	/* サービスと事務のみ／横3並び */
	.work-staff-story.service .carrer-step::after,
	.work-staff-story.jimu .carrer-step::after{
		display: block;
		content:'';
		width:32%;
	}
	.work-staff-story.service .carrer-step > li:nth-of-type(n+2),
	.work-staff-story.jimu .carrer-step > li:nth-of-type(n+2){
		width:32%;
	}
	.work-staff-story.service .carrer-step > li:nth-of-type(-n+4),
	.work-staff-story.jimu .carrer-step > li:nth-of-type(-n+4){
		margin-top:0;
	}
	.work-staff-story.service .carrer-step > li:nth-of-type(n+5),
	.work-staff-story.jimu .carrer-step > li:nth-of-type(n+5){
		margin-top:20px;
	}
	.work-staff-story .carrer-step > li .number{
		position: absolute;
		top:10px;
		left:10px;
		line-height:1;
		text-align: center;
		font-size:1.2rem;
		color:#fff;
	}
	.work-staff-story .carrer-step > li > p:nth-of-type(1){
		margin:0 auto 25px;
	}
	.work-staff-story .carrer-step > li > p:nth-of-type(1) > span:nth-of-type(1){
		font-size:1.6rem;
	}
	.work-staff-story .carrer-step > li > p:nth-of-type(1) > span:nth-of-type(2){
		font-size:2rem;
	}
	/* キャリアステップ事務用 */
	.work-staff-story.jimu .carrer-step > li p:nth-of-type(1){
		margin:70px auto 50px;
	}
}

/*---------------------------------
| 2023ver追加スタイル
---------------------------------*/
.job-intro-common h4{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.6rem;
}

.eigyo-intro h4{
	color: #e60113;
}

.service-intro h4{
	color: #67B764;
}

.eigyo-intro .job-description li:first-child{
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.job-intro-common h3{
		margin-bottom: 30px;
		font-weight: bold;
		font-size: 3.2rem;
	}
}

/*work-staff-story部分*/
.work-kiji-list li:nth-child(n+2){
	margin-top: 40px;
}

.work-kiji-list li h3{
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}

.eigyou .work-kiji-list li h3 span,
.eigyou .work-info-box h4{
	color: #e50012;
}

.service .work-kiji-list li h3 span,
.service .work-info-box h4{
	color: #67B764;
}

.work-info-box h4{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 2.4rem;
}

.carrer-step-list li{
	padding: 20px;
	background: #E60113;
	color: #fff;
	border-radius: 20px;
}

.eigyou .carrer-step-list li{
	background: #E60113;
}

.service .carrer-step-list li{
	background: #67B764;
}

.carrer-step-list li p{
	margin: 0;
}

.carrer-step-list li:nth-child(n+2){
	margin-top: 20px;
}

.carrer-step-list h5{
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.6rem;
}

.carrer-step-list h5 span{
	font-weight: bold;
	font-size: 2rem;
}

.work-about-qualification{
	margin-top: 40px;
}

.work-about-qualification div{
	padding: 20px;
	background: #fff;
	border: 2px solid #e60113;
	border-radius: 20px;
}

.service .work-about-qualification div{
	border-color: #67B764;
}

.eigyou .work-about-qualification li span{
	color: #FFBABA;
}

.service .work-about-qualification li span{
	color: #A9D6A7;
}

@media screen and (max-width: 767px) {
	.work-kiji-list li>div:first-of-type{
		margin-bottom: 20px;
	}

	.work-info-box{
		padding: 40px 0;
		margin-top: 40px;
		border-top: 1px solid #e60113;
	}

	.carrer-step-list h5 span{
		display: block;
}

.work-time-table{
	margin-top: 40px;
}
}

@media screen and (min-width: 768px) {
	.work-staff-name{
		padding: 0 40px;
	}

	.work-kiji-box{
		padding: 0 40px 40px 40px;
	}

	.work-info-box{
		padding: 40px;
		background: #F7BEBE;
	}

	.service .work-info-box{
		background: #C8DBC7;
	}

	.work-kiji-list li{
		display: flex;
		justify-content: space-between;
	}

	.work-kiji-list li>div:first-of-type{
		width: 40%;
	}

	.work-kiji-list li>div:last-of-type{
		width: 56%;
	}

	.work-info-box{
		display: flex;
		justify-content: space-between;
	}

	.work-info-box >div{
		width: 48%;
	}
}





/*----------------------------------------------------------
/* 募集要項ページ
-----------------------------------------------------------*/
/* レイアウト */
.recruit article > section:nth-of-type(n+2){
	margin-top:40px;
}

/* 見出し */
.recruit h2{
	position: relative;
	margin:0 0 20px 0;
	padding:0 0 40px 0;
	font-size:3rem;
	font-weight: bold;
}
.recruit h2 span{
	display: block;
	position: absolute;
	right:0;
	top:14px;
	line-height:1.2;
	font-size:3.6rem;
	font-weight: bold;
	color:#F2F2F2;
	z-index:-1;
}
.recruit h2 span img{
	margin-left:50px;
}

/* 表組 */
.requirements{
	margin:0 0 0 0;
	width:100%;
	border:solid 1px #707070;
}
.requirements tr th,
.requirements tr td{
	padding:10px 10px;
	border:solid 1px #707070;
}
.requirements tr th{
	width:30%;
	vertical-align: middle;
	font-weight: normal;
	color:#fff;
	background-color:#AA010E;
}
.requirements tr td ul{
	width:100%;
}
.requirements tr td ul li{
	padding:0 0 0 1em;
	text-indent: -1em;
}
.requirements tr td ul li:nth-of-type(n+2){
	margin-top:8px;
}
.requirements tr td .saiyoukou-indent{
	padding:0 0 0 4em;
	text-indent: -4em;
}
.requirements tr td .saiyoukou-indent2{
	padding:0 0 0 6em;
	text-indent: -6em;
}
@media (max-width:926px){
}
@media (min-width:927px){
	/* レイアウト */
	.recruit article > section:nth-of-type(n+2){
		margin-top:50px;
	}
	/* 見出し */
	.recruit h2{
		margin:0 0 30px 0;
		padding:0 0 30px 0;
	}
	.recruit h2 span{
		left:100px;
		font-size:4.8rem;
	}
	/* 表組 */
	.requirements tr th,
	.requirements tr td{
		padding:12px 20px;
	}
	.requirements tr th{
		width:24%;
	}
}
@media (min-width:1100px){
	.requirements tr th,
	.requirements tr td{
		padding:12px 46px;
	}
}

/*----------------------------------
| 2023ver追加スタイル
----------------------------------*/
.job-site-link div a span{
	display: block;
	padding-top: 4px;
}

@media screen and (max-width: 767px) {
	.job-site-link div:nth-of-type(n+2){
		margin-top: 10px;
	}
}

@media screen and (min-width: 768px) {
	.job-site-link div{
		display: inline-block;
		margin-right: 20px;
	}
}

/*----------------------------------------------------------
/* 経営理念ページ 2026.4～
-----------------------------------------------------------*/
.philosophy-cont h3{
	margin: 0 0 30px 0;
	font-size: 2.4rem;
	color: #e60113;
}

.philosophy-cont .keiei-rinen{
	background: #fff4f5;
}

.philosophy-cont .keiei-rinen p{
	font-size: 1.8rem;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
.philosophy-cont .keiei-rinen{
	padding: 30px 15px;
}
}

@media print,(min-width: 768px) {
.philosophy-cont h3{
	font-size: 2.8rem;
}

.philosophy-cont .keiei-rinen{
	padding: 45px 30px 30px 30px;
	text-align: center;
}

.philosophy-cont .keiei-rinen p{
	font-size: 2.2rem;
}
}

.philosophy-cont .koudou-shishin ul li{
	padding: 0 0 0 2em;
	text-indent: -2em;
	font-size: 1.8rem;
	font-weight: bold;
}

.philosophy-cont .koudou-shishin ul li:nth-child(n+2){
	margin-top: 16px;
}

@media print,(min-width: 768px) {
.philosophy-cont .koudou-shishin ul li{
	font-size: 2rem;
}

.philosophy-cont .koudou-shishin ul li:nth-child(n+2){
	margin-top: 20px;
}
}




/*----------------------------------------------------------
/* フッター
-----------------------------------------------------------*/
/* ページトップボタン */
.to-pagetop{
	position: absolute;
	top:-32px;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:66px;
	height:33px;
}
.to-pagetop > a{
	position: relative;
	display: block;
	width:66px;
	height:33px;
	border-radius:66px 66px 0 0;
	background-color:#005f83;
}
.to-pagetop > a::after{
	display: block;
	content:'';
	position:absolute;
	top:50%;
	right:0;
	bottom:0;
	left:0;
	margin:0 auto;
	width: 24px;
	height: 24px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

footer{
	margin:0 auto 0;
	width:100%;
	background-color:#fff;
}
/* 企業ロゴスペース */
footer .ftbrand-space{
	margin:0 auto 0;
	padding:17px 0;
	width:100%;
	background-color:#fff;
}
/* 情報 */
footer .ft-info-wrap{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#E60113;
}
footer .ft-info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin:0 auto 0;
	padding:10px 0;
	width:100%;
	max-width:1100px;
}
footer .ft-info .fukidashi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin:0 8px 0 0;
	width:64px;
	height:64px;
	background:url('./images/fukidashi-bg.svg') center center /cover no-repeat;
}
footer .ft-info .fukidashi span{
	margin:-2px 0 0 -8px;
	line-height:1.2;
	font-size:1.2rem;
	font-weight: bold;
}
footer .ft-info .detail{
	margin:0;
}
footer .ft-info .detail p{
	color:#fff;
}
footer .ft-info .detail .baisis-info{
	margin:0;
	line-height:1.35;
	font-size:1.2rem;
}
footer .ft-info .detail .telno{
	margin:0;
	line-height:1;
	font-size:2.6rem;
	font-weight: bold;
}
/* コピーライト */
.ft-copy{
	margin:0;
	padding:8px 15px;
	width:100%;
	text-align: center;
	background-color:#FF0000;
}
.ft-copy span{
	display: block;
	margin:0 auto 0;
	width:100%;
	max-width:1100px;
	line-height:1;
	font-size:1.2rem;
	color:#fff;
}
@media (max-width:926px){
	/* 企業ロゴスペース */
	footer .ftbrand-space img{
		width:70%;
	}
}
@media (min-width:927px){
	footer .ft-info .fukidashi{
		width:96px;
		height:96px;
	}
	footer .ft-info .fukidashi span{
		margin:-2px 0 0 -8px;
		line-height:1.2;
		font-weight: bold;
	}
	footer .ft-info .detail .baisis-info{
		font-size:1.4rem;
	}
	footer .ft-info .detail .telno{
		font-size:4rem;
	}
	/* コピーライト */
	.ft-copy{
		text-align: left;
	}
}





/*----------------------------------------------------------
/* 汎用スタイル
-----------------------------------------------------------*/
/* 色 */
.col-black{
	color:#000 !important;
}
.col-red{
	color:#ff0000 !important;
}


/* 余白 */
.mb00{
	margin-bottom:0 !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb25{
	margin-bottom:25px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb35{
	margin-bottom:35px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mb50{
	margin-bottom:50px !important;
}
.mb60{
	margin-bottom:60px !important;
}
.mb70{
	margin-bottom:70px !important;
}
.mb80{
	margin-bottom:80px !important;
}
/* 1字下げ */
.indent1{
	padding-left:1em;
	text-indent:-1em;
}
