@charset "utf-8";

* {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	box-sizing:border-box;
	font-family:inherit;
	font-size:100%;
	text-decoration:none;
	vertical-align:baseline;
}

body{
	color :#333333;
}
#rwd-content .f-color {
	color: #81002A;
}
#rwd-content .boxText .f-color {
	margin: 0 0 5px 0;
}

#rwd-content .interview-block .f-color {
	margin: 0 0 5px 0;
	white-space: nowrap;
}

a.line {
  text-decoration: underline !important;
}
a.line:hover {
  text-decoration: none !important;
}
.icon_blank {
	width: 19px !important;
	margin-left: 10px;
}
.sp-hide{
	display: block;
}
.pc-hide{
	display: none;
}
.fl{
	float:left !important;
}
.font-f{
	font-family: Futura, Roboto, sans-serif !important;
}
.bold{
	font-weight: bold;
}
.mb10{
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	.sp-hide{
		display: none;
	}
	.pc-hide{
		display: block;
	}
}
/* ------------------------------
 テーブル
------------------------------ */
.career-table table{
	width: 100%;
	border-collapse: collapse;
  	border-spacing: 0;
  	line-height: 1.5;
}
.career-table table tr{
	width: 100%;
	border-bottom: 1px solid #B3B3B3 !important;
}
.career-table table tr:last-child{
	border-bottom: none !important;
}
.career-table th,
.career-table td {
	padding: 2rem 0 2rem 2rem;
	cellpadding: 0;
}
.career-table th{
	width: 15%;
	text-align: left;
}
.career-table td{
	width: 85%;
}

/* ------------------------------
 リスト
------------------------------ */
 ul.list li {
	position: relative;
	padding-left: 14px;
	line-height: 1.5;
	margin-bottom: 10px;
}
ul.list li::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 100%; 
	background-color: #81002A;
}
@media screen and (max-width: 767px){
	 ul.list li::before {
		top: 0.4em;
	}
}
/* ------------------------------
 下部背景
------------------------------ */
.rwd-main-content-group.design-bg{
	background: #E8E5DB url(/recruit/career/img/bottom_image.png) no-repeat center bottom;
	background-size: contain;
	padding-top: 50px;
	padding-bottom: 100px;
}
.rwd-main-content-group.design-bg.mt100{
	padding-top: 100px;
}
.rwd-main-content-group.design-bg.low{
	padding-top: 50px;
	padding-bottom: 200px;
}
.bg-01{
	background: #E8E5DB;
	padding-top: 60px;
	padding-bottom: 40px;
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 767px){
	.rwd-main-content-group.design-bg{
	padding-top: 30px;
	}
	.rwd-main-content-group.design-bg.mt100{
		padding-top: 50px;
	}
	.rwd-main-content-group.design-bg{
		background: #E8E5DB url(/recruit/career/img/bottom_image_sp.png) no-repeat center bottom;
		background-size: contain;
	    padding-top: 30px;
	    padding-bottom: 60px;
	}
	.rwd-main-content-group.design-bg.low{
		padding-top: 50px;
	    padding-bottom: 60px;
	}
	.bg-01{
		background: #E8E5DB;
		padding-top: 40px;
		padding-bottom: 20px;
	}
}
/* ------------------------------
 ボーダー
------------------------------ */
.border{
	border-bottom: solid 1px #B3B3B3;
}
.border-top{
	border-top: solid 1px #B3B3B3;
	padding-top: 100px;
}
/* ------------------------------
 ボタン
------------------------------ */
.button-block{
	width: 390px;
	padding: 25px;
	margin: 0 auto !important;
	color: #fff !important;
	display: block;
	text-align: center;
	border-radius: 6px;
	font-size: 2.1rem;
	font-weight: bold;
	background: #81002A url(../img/icon_arrow_001.svg) no-repeat right 17px center;
	background-size: 20px auto;
	box-sizing: border-box;
	text-decoration: none !important;
}
.button-block:hover{
	opacity: 0.7;
}
.button-style-pink {background-color: #ce025f;}
@media screen and (max-width: 767px){
	.button-block{
		width: 240px;
		padding: 15px;
		margin: 0 auto !important;
		color: #fff !important;
		display: block;
		text-align: center;
		border-radius: 6px;
		font-size: 1.5rem;
		font-weight: bold;
		background: #81002A url(../img/icon_arrow_001.svg) no-repeat right 5px center;
		background-size: 20px auto;
		box-sizing: border-box;
		text-decoration: none !important;
	}
	.button-block.button-style-pink {background-color: #ce025f;}
}
/* ------------------------------
 PREV NEXT
------------------------------ */
.prev-next{
	position: relative;
}
.prev-next .prev a{
	position: absolute;
	top:20px;
	left: 0;
	font-family: 'Roboto';
	font-weight: bold;
	background: url(../img/icon_arrow_003.svg) no-repeat;
	background-size: 40px auto;
	padding-top: 30px;
    display: block;
    cursor: pointer;
}
.prev-next .next a{
	position: absolute;
	top:20px;
	right: 0;
	font-family: 'Roboto';
	font-weight: bold;
	background: url(../img/icon_arrow_002.svg) no-repeat;
	background-size: 40px auto;
	padding-top: 30px;
    display: block;
    cursor: pointer;
}
@media screen and (min-width: 768px){
	 .prev-next .prev a:hover,
	 .prev-next .next a:hover{
		opacity: 0.7;
	}
}
@media screen and (max-width: 767px){
	.prev-next .prev a{
		top:10px;
		background: url(../img/icon_arrow_003.svg) no-repeat;
		background-size: 30px auto;
		padding-top: 20px;
	}
	.prev-next .next a{
		top:10px;
		background: url(../img/icon_arrow_002.svg) no-repeat right 0;
		background-size: 30px auto;
		padding-top: 20px;
	}
}
/* ------------------------------
  見出し
------------------------------ */
h3 {
	font-size: 2.8rem;
	line-height: 1;
	margin: 0 0 40px;
	color: #333333;
}
h3:after{
	content: "";
	width: 80px;
	height: 3px;
	display: block;
	background: #81002A;
	margin-top: 20px !important;
}
h3.center {
	text-align: center;
}
h3.center:after{
	margin: 0 auto;
}
.f20 {
	font-size: 2rem !important;
}
.f21 {
	font-size: 2.1rem !important;
}
.f24 {
	font-size: 2.4rem !important;
	line-height:1.3 !important;
}
@media screen and (max-width: 767px){
	h2{
		line-height: 1.4;
		padding: 20px 0;
	}
	 ul.list li::before {
		top: 0.4em;
	}
	h3 {
		font-size: 2.2rem;
		margin: 0 0 20px;
	    line-height: 1.4;
	}
	h3:after{
		content: "";
		width: 60px;
		height: 3px;
		display: block;
		background: #81002A;
		margin-top: 10px !important;
	}
	.f24 {
	font-size: 2.3rem !important;
	}
}
/* ------------------------------
  TOP
------------------------------ */
.catch {
	position: absolute;
	top: 36.5%;
	left: 0;
	right: 0;
	z-index: 3;
	color: #fff;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}
@media screen and (max-width: 1780px){
	.catch {
		top: 45%;
	}	
}
.catch span{
	position: relative;
	font-size: 4.8rem;
}
.catch span:before{
	content: "";
	position: absolute;
	width: 168px;
	height: 168px;
	display: inline-block;
	z-index: -1;
	background: url(/recruit/career/img/index_key_icon001.png) no-repeat 0 0;
	margin-top: -36px;
	margin-left: 444px;
}
@media screen and (max-width: 768px) {
	.catch span{
		font-size: 3rem;
	}
	.catch span:before{
		margin-top: 60px;
		margin-left: 340px;
	}
}
#rwd-content .content-menu .rwd-grid-unison.pc-grid4of12 .rwd-grid-item {
	margin-left: 0;
	border-right: solid 1px #fff;
	background: #81002A;
}
@media screen and (min-width: 768px){
	#rwd-content .content-menu .rwd-grid-unison.pc-grid4of12 .rwd-grid-item {
		width: calc( 100% / 3);
	}
}
#rwd-content .content-menu .rwd-grid-unison.pc-grid4of12 .rwd-grid-item figure{
	background: #fff;
}

#rwd-content .content-menu .rwd-grid-unison.pc-grid4of12 .rwd-grid-item:last-child{
	border-right: none;
}
#rwd-content .content-menu .rwd-grid-unison.pc-grid4of12 .rwd-grid-item img{
	border-bottom: none;
}
p.cardlist02-caption {
	background: url(../img/icon_arrow_001.svg) no-repeat right 32px center;
	background-size: 20px auto;
	color: #fff;
	line-height: 1.3 !important;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 27px 0 23px 0;
}
p.cardlist02-caption span{
	display: block;
	font-size: 1.5rem;
	font-family: 'Roboto';
	opacity: 0.3;
	font-weight: normal;
}

@media screen and (max-width: 767px){
	#rwd-content .content-menu{
		width: 90% !important;
	}
	#rwd-content .content-menu .rwd-grid-unison.pc-grid4of12 .rwd-grid-item {
		border-right: none;
	}
	#rwd-content .content-menu .rwd-grid-item {
		margin-bottom: 20px !important;
	}
	#rwd-content .content-menu .rwd-grid-cardlist02 .cardlist02-caption {
		font-size: 1.6rem;
		padding: 17px 0 13px 0;
	}
	.catch {
		position: static;
		color: #333;
		padding-top: 35px;
	}
	.catch span{
		font-size: 2.6rem;
		padding-left: 40px;
	}
	.catch span:before{
		width: 84px;
		height: 84px;
		background: url(/recruit/career/img/index_key_icon001.png) no-repeat 0 0;
		background-size: 84px auto;
		margin-top: -20px;
		margin-left: -60px;
	}
}
/* ------------------------------
 TOP転職社員インタビュー
------------------------------ */
/* -- slick打消しCSS -- */
.interview-list.slick-track {
	margin: auto;
}
.newsList.slick-initialized .slick-slide {
	display: inline-block;
	float: none;
}

/* -- 記事BOX -- */
.interview-list{
	font-size: 0;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	margin-left: -11px;
	margin-right: -11px;
}
.interview-list li {
	width: calc((100% - 66px) / 4);
	font-size: 1.4rem;
	text-align: left;
}
.interview-list li a {
	display: block;
	color: #333 !important;
	position: relative;
	text-decoration: none;
	background: #EDEEEA;
	margin: 0 11px;
	height: 100%;
	background: #fff;
}
@media screen and (min-width: 767px){
	.interview-list li a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 768px) {
	.interview-list li {
		width: 380px;
		margin-right: 0;
		background: none;
	}
}

/* 記事IMAGE */
.interview-list .boxImg {
	height: 430px;
	position: relative;
}
/* 記事TEXT */
.interview-list .boxText {
	padding: 20px 20px 25px;
	background: #fff url(../img/icon_arrow_002.svg) no-repeat right 17px center;
	background-size: 20px auto;
}
.interview-list .boxText > p{
	line-height: 1.2 !important;
}
.interview-list li .title {
	position: absolute;
	bottom: 0;
	text-align: left;
	padding: 0 20px 25px 20px;
}
.interview-list li .number{
	font-family: Futura, Roboto, sans-serif;
	font-size: 4rem;
	line-height:1.25 !important;
	font-weight: bold;
	color: #81002A;
	vertical-align: top;
	margin: -10px 10px 0 0;
}
.interview-list li p.number{ color:#FFFFFF; font-size: 3rem;}
.interview-list li .head{
	font-size: 1.65rem;
	line-height: 1.5 !important;
	font-weight: bold;
	color: #fff;
	display: inline-block;
}
.interview-list li .category{
	font-size: 1.2rem;
	line-height: 1.5 !important;
}
@media screen and (max-width: 768px) {
.interview-list li .category{
	font-size: 1.4rem;
}
}
.interview-list li .name{
	font-size: 2.1rem;
	font-weight: bold;
}
a:hover .boxText .text {
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
	.boxImg {
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	.interview-list .boxImg img{
		min-height: 100% !important;
		min-width: 100% !important;
		max-width: 360px !important;
		position: absolute;
		top: 51%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}
@media screen and (max-width: 767px) {
	.interview-list li .head{
		font-size: 2.0rem;
	}
	/* -- slick打消しCSS -- */
	.interview-list .slick-track {
		margin: auto;
	}
	.newsList.slick-initialized .slick-slide {
		display: inline-block;
		float: none;
	}
	.interview-list .slick-dots {
		bottom: -20px;
	}

	/* -- 記事BOX -- */
	.interview-list{
		margin-left: 0;
		margin-right: 0;
	}
	.interview-list li {
		width: auto;
	}
	.interview-list li a {
		margin: 0 1px;
	}
	/* 記事IMAGE */
	.interview-list .boxImg {
		height: auto;
	}
	.interview-list .boxImg img {
		width: 100%;
	}
}
/* ------------------------------
 下層転職社員インタビュー
------------------------------ */
.interview-list.low{
	width: 805px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.interview-list.low{
		width: 100%;
	}
}
/* ------------------------------
  募集職種
------------------------------ */
.job-icon-h {
	font-size: 2.4rem;
	line-height:1.3;
	font-weight: bold;
	padding: 33px 0 33px 115px;
	margin: 0 0 26px 0;
}

h3.job-icon-h:after{
	content: none;
}

#new-p {
	background: url(/recruit/career/job/img/job_icon_new-p.png) no-repeat 0 center;
}
#experience {
	background: url(/recruit/career/job/img/job_icon_experience.png) no-repeat 0 center;
}
#parts {
	background: url(/recruit/career/job/img/job_icon_parts.png) no-repeat 0 center;
}
#s-factory {
	background: url(/recruit/career/job/img/job_icon_s-factory.png) no-repeat 0 center;
}
#p-select{
	background: url(/recruit/career/job/img/job_icon_p-select.png) no-repeat 0 center;
}
#sale{
	background: url(/recruit/career/job/img/job_icon_sale.png) no-repeat 0 center;
}
#erp {
	background: url(/recruit/career/job/img/job_icon_erp.png) no-repeat 0 center;
}
#money {
	background: url(/recruit/career/job/img/job_icon_money.png) no-repeat 0 center;
}
#it {
	background: url(/recruit/career/job/img/job_icon_it.png) no-repeat 0 center;
}
#graduates {
	background: url(/recruit/career/job/img/job_icon_people.png) no-repeat 0 center;
}

#indirect {
	background: url(/recruit/career/job/img/job_icon_indirect.png) no-repeat 0 center;
}

.job-tab{
	display: flex;
	flex-flow: row wrap;
}
.job-tab li{
	width: 390px;
	height: 85px;
	border-radius: 6px;
	margin-right: 24px;
	margin-bottom: 24px;
	background: #fff url(../img/icon_arrow_002.svg) no-repeat right 17px center;
	background-size: 20px auto;
	position: relative;
}
.job-tab li:nth-child(3n) {
	margin-right: 0;
	
}
.job-tab li a{
	width: 100%;
	height: 85px;
	font-size: 1.6rem;
	color: #333 !important;
	line-height: 1.4;
	font-weight: bold;
	display: block;
	padding: 23px 30px 18px 22px;
	display: flex;
	align-items: center;
}
@media screen and (min-width: 768px){
	.job-tab li:hover{
		opacity: 0.7;
	}
}
/* .job-tab li:before{
	content: "募集中";
	width: 70px;
	line-height: 20px;
	background: #fff;
	border: solid 2px #333;
	color: #333;
	border-radius: 50px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 10px;
	padding-top: 4px;
} */
.job-tab li.urgent:before{
	content: "急　募";
	width: 70px;
	line-height: 20px;
	background: #fff;
	border: solid 2px #81002A;
	color: #81002A;
	border-radius: 50px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 10px;
	padding-top: 4px;
}


@media screen and (max-width: 768px) {
	.job-icon-h{
		font-size: 2rem;
		padding: 30px 0 30px 60px;
		line-height: 1.4 !important;
		margin-bottom: 0;
	}
	#new-p , #experience , #parts , #s-factory , #erp , #it,#graduates,#p-select,#sale,#money{
		background-size: 47px auto;
	}
	.job-tab li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.job-tab li a{
		padding-right: 50px;
	}
	.job-icon:before{
		top: -22px;
	}
	.job-tab li,
	.job-tab li a{
	    height: auto;
	}
}
/* ------------------------------
 転職社員インタビュー
------------------------------ */
.tag-block{
	width: 1012px;
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	margin: 0 auto;
}
.tag-block p{
	width: 120px;
	font-size: 1.8rem;
	font-weight: bold;
	display: inline-block;
}
.tag-block ul{
	width: 800px;
	display: inline-block;
	font-size: 0;
}
.tag-block li{
	display: inline-block;
	margin-right: 20px;
}
.tag-block li:last-child{
	margin-right: 0;
}
.tag-block li a{
	font-size: 1.6rem;
	padding: 5px 10px;
	color: #000 !important;
}
.tag-block li.on a{
	background: #81002a;
	border-radius: 5px;
	color: #fff !important;
}
@media screen and (min-width: 768px) {
	.tag-block li a:hover{
		background: #81002a;
		border-radius: 5px;
		color: #fff !important;
	}
}
@media screen and (max-width: 767px) {
	.tag-block{
		width: 100%;
		padding: 20px;
	}
	.tag-block p{
		margin-bottom: 10px;
	}
	.tag-block ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.tag-block li{
		display: block;
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.tag-block li a{
		font-size: 1.4rem;
		padding: 5px 5px;
	}
}

.interview-main-area{
	width: 100%;
	position: relative;
}

.interview-img-area{
	width: 100%;
	position: relative;
	height: 780px;
	overflow: hidden;
}
.interview-img-area img {
	width:100%;
	min-width: 1920px;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.interview-out{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-100%, -60%);
    -webkit-transform: translate(-100%, -60%);
    -ms-transform: translate(-100%, -60%);
}
.interview-out.sp02{
	transform: translate(0%, -60%);
	-webkit-transform: translate(0%, -60%);
	-ms-transform: translate(0%, -60%);
}
.interview-block{
	width: 430px;
	padding: 45px;
	float: right;
	background-color: rgba(255,255,255,0.9);
}
.interview-block-bg{
	width: 430px;
	padding: 90px 55px 45px 55px;
	float: right;
	background:url(/recruit/career/img/top_image_wine.png) no-repeat center top;
	background-color: rgba(255,255,255,0.9);
	background-size: contain;
}
.interview-block .number-block{
	color: #81002A;
	font-weight: bold;
	margin-top: -110px;
	margin-bottom: 20px;
}
.interview-block .number-block p{
	line-height: 1 !important;
	font-size:1.4rem;
}
.interview-block  .interview-txt{
	font-family: Futura, Roboto, sans-serif;
	letter-spacing: 0.5px;
	padding-left: 5px;
}
.interview-block p.number{
	font-size: 7.7rem;
	font-family: Futura, Roboto, sans-serif;
}
.question{
	color: #81002A;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 30px;
	position: relative;
	display: flex;
	align-items: center;
}
.question div:first-child{
	width: 70px;
}
.question div:last-child{
	width: calc(100% - 70px);
	font-size: 1.8rem !important;
	line-height: 1.5;
}
.question span{
	display: block;
	color: #fff;
	width: 53px;
	height: 53px;
	line-height: 53px;
	background: #81002A;
	border-radius: 50px;
	font-size: 2.4rem;
	font-weight: bold;
	font-family: 'Roboto';
	text-align: center;
	left: 0;
	top: -10px;
}
.interview-column{
	width: 805px;
	margin: 0 auto;
	background: rgba(255,255,255,0.8);
	color: #75673F;
	border-radius: 10px;
	padding: 40px 40px 40px 155px;
	position: relative;
}
.interview-column:after{
	content: "";
	width: 168px;
	height: 168px;
	display: block;
	background: url(/recruit/career/interview/img/interview_icon001.png) no-repeat 0 0;
	background-size: 168px;
	position: absolute;
	top: -40px;
	left: -40px;
}
@media screen and (max-width: 767px) {
	body #rwd-content .interview-main-area.rwd-pc-margin-bottom80 {
		margin-bottom: -130px !important;
	}
	.interview-main-area{
		margin:0 0 -150px 0;
	}
	.interview-img-area {
		width:100%;
		height: 270px;
		overflow: hidden;
		min-width: 100%;
	}
	.interview-img-area img {
		min-width: 650px;
		left: 0;
		right: 0;
		margin-left: 50%;
	}
	.interview-out{
		width: 100%;
		position: relative;
		margin:160px 0 0 0;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.interview-out.sp02{
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.interview-block{
		width: 100%;
		margin: 0 auto 30px auto;
		padding: 20px 20px 0 20px;
		float: none;
		background-color: rgba(255,255,255,0.9);
	}
	.interview-block .number-block{
		color: #81002A;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.interview-block .interview-txt{
		letter-spacing: 0;
		padding-left: 3px;
		font-size: 1rem;
	}
	.interview-block .number{
		font-size: 5rem;
	}
	.interview-column{
		width: 90%;
		margin: 0 auto;
		padding: 30px 20px 20px 20px;
	}
	.interview-column:after{
		width: 84px;
		height: 84px;
		background: url(/recruit/career/interview/img/interview_icon001.png) no-repeat 0 0;
		background-size: 84px;
		top: -10px;
		left: -10px;
	}
	.interview-column .f21{
		padding-left: 60px;
		padding-right: 20px;
	}
	.question div:last-child{
	font-size: 1.6rem !important;
	}
}
/* ------------------------------
  募集要項
------------------------------ */
.flow-box{
	width: 820px;
	padding: 15px 20px;
	border-radius: 6px;
	margin-bottom: 24px;
	position: relative;
	background: #fff;
	margin: 0 auto 77px auto;
}
.flow-box:after{
	content: "";
	width: 33px;
	height: 35px;
	display: block;
	position: absolute;
	bottom: -55px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(/recruit/career/shared/img/icon_arrow_004.svg) no-repeat center center;
	background-size: 33px; auto;
}
.flow-box.last:after{
	content: none;
}
.flow-box .list li {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.flow-box{
	width: 100%;
}
}

/* ==========================================
    TOPスライダー
   ========================================== */
  /* -- 2019/10 KM 幅広コンテンツ -- */
  #rwd-content .rwd-block-keyvisual {
    margin-top: -12px;
  }
  #rwd-content .rwd-block-keyvisual ,
  #rwd-content .rwd-slider-large.full,
  #rwd-content .rwd-slider-large.full .swiper-container {
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  #rwd-content .rwd-block-content {
    position: relative;
    max-width: 1355px;
    margin: 0 auto;
  }
  #rwd-content .rwd-main-content-group.full,
  #rwd-content .rwd-main-content-group.pc-full {
    width: 100%;
    max-width: 100%;
  }
  #rwd-content .rwd-main-footer,
  #rwd-content .rwd-main-header {
  }
  #rwd-content .rwd-slider-wide,
  #rwd-content .rwd-slider-wide .swiper-container,
  #rwd-content .rwd-pagenav-header,
  #rwd-content .rwd-row-no-gap,
  #rwd-content .rwd-search-form,
  #rwd-content .rwd-relational-nav-area ul,
  #rwd-content .rwd-header-inner-product {
    max-width: 1220px;
  }
  #rwd-content .rwd-main-content-group,
  #rwd-content .rwd-main-content-group-inner {
    clear: both;
  }
  #rwd-content .rwd-section-break {
    margin-bottom: 130px;
  }
  #rwd-content #rwd-main-content {
    margin-bottom: 115px;
  }
  #rwd-content .rwd-main-header {
    position: relative;
    background: #fff;
  }
  #rwd-content .rwd-main-header:not(.with-keyvisual) {
    margin-bottom: 30px;
  }
  #rwd-content .rwd-main-header.rwd-news-header {
    margin-bottom: 60px;
  }
  #rwd-content .rwd-header-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #rwd-content .rwd-title-container {
    display: -webkit-flex;
    display: flex;
  }
  #rwd-content .rwd-slider-wide {
    margin: 0 auto 38px;
    position: relative;
  }
  #rwd-content .rwd-slider-wide.single {
    margin-bottom: 25px;
  }
  #rwd-content .rwd-slider-wide.single .swiper-container {
    padding-bottom: 0;
  }
  #rwd-content .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 37px;
    height: 7px;
    margin: 0 12px;
  }
  /* -- 2019/10 KM Slider 調節 -- */
  #rwd-content .swiper-pagination-clickable.large-slide .swiper-pagination-bullet {
    width: 80px;
    height: 6px;
    margin: 0 2.5px;
  }
  #rwd-content .swiper-pagination-clickable.dot-style.swiper-pagination-bullets {
    display: none;
  }

  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-container {
    padding-bottom: 134px;
  }
  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-container-horizontal > .swiper-pagination-bullets {
    padding-bottom: 1px;
  }
  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-pagination .swiper-pagination-bullet {
    width: 15%;
    height: auto;
    border: 1px solid #bebebe;
    box-sizing: border-box;
  }
  #rwd-content .rwd-slider-wide.slide-border .swiper-slide {
    border: 1px solid #bebebe;
    box-sizing: border-box;
  }
  #rwd-content .rwd-slider-wide .button-next01,
  #rwd-content .rwd-slider-wide .button-prev01 {
    background-size: 17px 30px;
    width: 40px;
    height: 60px;
  }
  #rwd-content .rwd-slider-wide.full .button-next01,
  #rwd-content .rwd-slider-wide.full .button-prev01 {
    width: 60px;
  }
  #rwd-content .rwd-slider-wide.slider-type01 .button-next01,
  #rwd-content .rwd-slider-wide.slider-type01 .button-prev01 {
    top: 67.5%;
  }
  #rwd-content .rwd-slider-wide.slider-type02 .button-next01,
  #rwd-content .rwd-slider-wide.slider-type02 .button-prev01 {
    top: 44%;
  }
  #rwd-content .rwd-slider-wide .button-prev01 {
    left: 0;
    background-position: 9px 15px;
  }
  #rwd-content .rwd-slider-wide.full .button-prev01 {
    background-position: 29px 15px;
  }
  #rwd-content .rwd-slider-wide .button-next01 {
    right: 0;
    background-position: 13px 15px;
  }
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-next.button-next01,
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-next.button-next02,
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-prev.button-prev01,
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-prev.button-prev02 {
    width: 15px;
    background-size: contain;
    margin-top: -35px;
  }
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-next.button-next01,
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-next.button-next02 {
    right: -20px;
  }
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-prev.button-prev01,
  #rwd-content .rwd-slider-carousel01.nav-outer .swiper-button-prev.button-prev02 {
    left: -20px;
  }
  
/* -- 2019/10 KM Slider調節 -- */
#rwd-content .swiper-pagination-clickable.large-slide .swiper-pagination-bullet {
  border-radius: 0;
  background-color: #dadada;
  opacity: 1;
}

#rwd-content .swiper-pagination-clickable.large-slide .swiper-pagination-bullet-active {
  position: relative;
  background-color: #d50000;
}

#rwd-content .swiper-pagination-clickable.large-slide .swiper-pagination-bullet-active::before {
  content: "";
  display: block;
  position: absolute;
  background: #3f80f7;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  pointer-events: none;
}

#rwd-content .swiper-container-horizontal > .swiper-pagination-bullets,
#rwd-content .swiper-pagination-custom,
#rwd-content .swiper-pagination-fraction {
  bottom: -5px;
}

#rwd-content .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-thumbnail {
  bottom: 1px;
}

#rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-pagination-clickable .swiper-pagination-bullet,
#rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-pagination-clickable .swiper-pagination-bullet-active {
  background-color: transparent;
}

#rwd-content .button-next01,
#rwd-content .button-prev01 {
  background-color: rgba(0, 0, 0, 0.4);
}


#rwd-content .rwd-slider-carousel01 .swiper-button-next.swiper-button-disabled,
#rwd-content .rwd-slider-carousel01 .swiper-button-prev.swiper-button-disabled {
  display: none;
}
#rwd-content .rwd-slider-carousel01:not(.carousel-active) .swiper-button-next,
#rwd-content .rwd-slider-carousel01:not(.carousel-active) .swiper-button-prev {
  display: none;
}



@media screen and (max-width: 767px){
  #rwd-content .rwd-main-footer,
  #rwd-content .rwd-main-header {
    min-width: 100%;
  }
  /* -- 2019/10 KM Slider 調節 -- */
  #rwd-content .swiper-pagination-clickable.large-slide .swiper-pagination-bullet {
    width: 19px;
    height: 4px;
    margin: 0 4px;
  }

  /* -- 2019/10 KM SliderDot調節 -- */
  #rwd-content .swiper-container.swiper-container-dot {
    padding-top: 31px;
    padding-bottom: 0;
  }
  #rwd-content .swiper-pagination-clickable.dot-style.swiper-pagination-bullets {
    top: 0;
    text-align: right;
    padding: 0 20px;
    box-sizing: border-box;
    bottom: auto;
  }
  #rwd-content .swiper-pagination-clickable.dot-style .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px;
  }

  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-container {
    padding-bottom: 17%;
  }

  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-container-horizontal > .swiper-pagination-bullets {
    padding-bottom: 1px;
  }

  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3% 0 0;
  }

  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin: 0;
  }

  #rwd-content .rwd-slider-wide.pagination-tumbnail .swiper-pagination .swiper-pagination-bullet {
    width: 22.5%;
    height: auto;
    border: 1px solid #bebebe;
    box-sizing: border-box;
  }

  #rwd-content .rwd-slider-wide.slide-border .swiper-slide {
    border: 1px solid #bebebe;
    box-sizing: border-box;
  }

  #rwd-content .button-next01,
  #rwd-content .button-prev01 {
    background-size: 11px 20px;
    width: 20px;
    height: 60px;
    top: 104px;
  }

  #rwd-content .button-prev01 {
    left: -20px;
    background-position: 4px 20px;
  }

  #rwd-content .button-next01 {
    right: -20px;
    background-position: 5px 20px;
  }

  #rwd-content .rwd-slider-wide.full .button-prev01 {
    left: 0;
  }

  #rwd-content .rwd-slider-wide.full .button-next01 {
    right: 0;
  }
  .swiper-container {
	overflow: visible;
  }
	#rwd-content .swiper-container-horizontal > .swiper-pagination-bullets,
	#rwd-content .swiper-pagination-custom,
	#rwd-content .swiper-pagination-fraction {
	  bottom: -30px;
	}
  #rwd-content #rwd-main-content {
    margin-bottom: 60px;
  }
  .interview-img-area img.pc-hide {
		min-width: 100%;
		left: 0;
		right: 0;
		top: 0;
		margin-left: 0;
		transform: translate(0, 0);
    	-webkit-transform: translate(0, 0);
		position: relative;
  }
  .interview-img-area.h-auto {
		height:auto;
  }
}
/* ------------------------------
 下部固定ボタン
------------------------------ */
#searchBtn {
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 100;
}
#searchBtn ul{
    display: flex;
}

#searchBtn ul li{
	display: block;
	margin: 0 10px;
	background: #81002A;
	border-radius: 6px;
}

#searchBtn ul li:last-child a{background-color:#ce025f; }

#rwd-content #searchBtn.rwd-bottom-btn-area {
	padding: 17px 0 16px;
	background-color: rgba(0,0,0,.6);
}
#rwd-content #searchBtn .rwd-button-cta {
	margin-bottom: 0;
	margin-left: 24px;
}
#rwd-content #searchBtn .rwd-button-cta:first-child {
	margin-left: 0;
}
#rwd-content #searchBtn .rwd-button-cta.rwd-button01 {
	width: 330px;
	height: 65px;
	min-height: 45px;
}
#rwd-content #searchBtn .rwd-button-cta.rwd-button01 .rwd-button-inner {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#rwd-content .rwd-bottom-btn-area {
	margin-bottom:0;
}
#searchBtn ul li span{
	font-size: 2.1rem;
}
@media screen and (max-width: 767px) {
	#rwd-content #searchBtn.rwd-bottom-btn-area {
		padding: 10px 0;
	}
	#searchBtn ul li{
		margin: 0 6px;
	}
	#searchBtn ul li span{
		display: none;
	}
	#searchBtn .button-block{
		width: 100%;
		padding: 10px 18px;
		font-size: 1.6rem;
		font-weight: bold;
		background: none;
		background-size: 15px auto;
		box-sizing: border-box;
		text-decoration: none !important;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#searchBtn .button-block.narrow {
		padding: 10px;
	}
	#rwd-content .rwd-scroll-button {
    bottom: 80px;
	}
}
	
@media screen and (max-width: 320px) {
	#searchBtn .button-block{
		font-size: 1.3rem;
	}
}
/* ------------------------------
 転職社員アンケート
------------------------------ */
.survey{
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}
.survey .white-box{
	width: 598px;
	background: #fff;
	border-radius: 10px;
	padding: 50px 40px 45px 40px; 
	margin-bottom: 24px;
}
.survey .white-box .img{
	text-align: center; 
}
.survey .white-box:nth-child(odd) {
	margin-right: 24px;
}
.survey h3{
	text-align: center;
	margin-bottom: 30px;
}
.survey h3:after{
	content: none;
}
.survey ul li{
	margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
	.survey .white-box .img.h300{
		height: 300px;
	}
}
@media screen and (max-width: 767px) {
	.survey .white-box{
		width: 100%;
		padding: 30px 20px 25px 20px; 
		margin-bottom: 24px;
	}
	.survey .white-box:nth-child(odd) {
		margin-right: 0;
	}
	.survey h3{
		margin-bottom: 15px;
	}
}

/* タグ調整 */
#rwd-content .f-color .rwd-text-xsmall {
	white-space: nowrap;
}
@media screen and (min-width: 767px){
#rwd-content .f-color {
	height: 50px;
}
#rwd-content .interview-block .f-color {
	height: auto;
}
}