/* ----------------------------------------
mainimage
----------------------------------------*/
.mainimage {
	position: relative;}
.topSlide {
	height: calc(625 / 469 * 100vw);}
.topSlide figure .slideImg {
	padding-top: calc(625 / 469 * 100vw);}

.topSlide figure:nth-child(1) .slideImg {background-image: url(/recruit/images/home/img-topSlide-01_sp.jpg);}
.topSlide figure:nth-child(2) .slideImg {background-image: url(/recruit/images/home/img-topSlide-02_sp.jpg);}
.topSlide figure:nth-child(3) .slideImg {background-image: url(/recruit/images/home/img-topSlide-03_sp.jpg);}
.topSlide figure:nth-child(4) .slideImg {background-image: url(/recruit/images/home/img-topSlide-04_sp.jpg);}
.topSlide figure:nth-child(5) .slideImg {background-image: url(/recruit/images/home/img-topSlide-05_sp.jpg);}
.topSlide figure:nth-child(6) .slideImg {background-image: url(/recruit/images/home/img-topSlide-06_sp.jpg);}
.topSlide figure:nth-child(7) .slideImg {background-image: url(/recruit/images/home/img-topSlide-07_sp.jpg);}
.topSlide figure:nth-child(8) .slideImg {background-image: url(/recruit/images/home/img-topSlide-08_sp.jpg);}


.topSlide figure:nth-child(1) figcaption p {
	font-size: 5.4vw;
	line-height: 120%;}
.copy {
	/*top: calc(50% - 30px);*/
	top: calc(50% - 9vw);}
.copy p {
	/*font-size: 2rem;*/
	font-size: 5.4vw;
	text-align: center;
	line-height: 120%;}

.newsList {
	width: auto;
	margin: 0 10px;}
.newsList .ListHead-circle li:before {
	display: none;}
.newsList > ul {
	width: 100%;
	padding: 0;}
.newsList > ul > li:not(:first-child) {
	display: none;}
.newsList > ul > li:not(:last-child) {
	height: 100%;
	margin-bottom: 0;}
.newsList > ul > li > a {
	height: 100%;
	display: block;
	width: 100%;
	padding: 10px 18px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.newsList time {
	min-width: auto;
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 1.2rem;}
.newsList > ul > li > a > span {
	margin-right: calc(100% - 90px - 76px);
	font-size: 1.2rem;}

.newsListAllBtn {
		flex-wrap: wrap;
	min-width: 90px;
	padding: 22px 25px;
	font-size: 1.2rem;
	text-align: center;}
.newsListAll span {
	margin: 0 auto;
	margin-bottom: 4px;}

/* ----------------------------------------
recrutingMessage
----------------------------------------*/
.recrutingMessage {
	padding-top: 70px;
padding-bottom: 100px;}
.messageInfo {
	margin-bottom: 50px;}
.recrutingMessage h2 {
	margin-bottom: 50px;
font-size: 5.6rem;}
.messageCopy {
	margin-bottom: 20px;
	font-size: 2.1rem;}
.messageDisc {
	display: inline-block;
	width: 237px;
	margin: 0 auto 40px auto;
	text-align: left;}
.messageDisc li {
	padding-left: 68px;
	text-indent: -68px;}
.messageDisc li:not(:last-child) {
	margin: 0 0 20px 0;}
.moreBtnArea {
	width: calc(100% - 60px * 2);}


/* ----------------------------------------
interview
----------------------------------------*/
.interview {
	margin: 0 0 100px 0;}
.interview h2 {
	margin: 0 0 30px 0;
	font-size: 1.6rem;}
	.interview h2:before {
		margin-bottom: 20px;
		font-size: 4.8rem;}
.interviewWrap {
	padding: 60px 0 0 0;
background-size: calc(100% - 12px * 2) 100%;}

/* ----------------------------------------
slider
----------------------------------------*/
/* interviewSlide
------------------------------*/
/* スライドのアニメーション */
.interviewSlide figure.slick-slide.slick-current,
.interviewSlide figure.slick-slide.is-active-next {
	z-index: 1;}

/*ガターなど*/
.interviewSlide {
	margin-top: -22px; /* ドロップシャドウ分ネガティブマージン */}
.interviewSlide .slick-list {
	margin-right: 0; /* ガター分ネガティブマージン */ /* +scale分 */
	padding-top: 22px !important; /* ドロップシャドウ */
	/*padding-bottom: 40px !important;*/}
.interviewSlide .slick-slide {
	min-height: auto;
	margin-right: 0; /* ガター */ /* +scale分 */}
/*arrow*/
.interviewSlide .slick-arrow {
		z-index: 1;
		bottom: 62px;}
	/*.slick-prev*/
	.interviewSlide .slick-prev.slick-arrow:before {
		width: 10px;
		height: 10px;}
	.interviewSlide .slick-prev.slick-arrow:after {
		margin-left: -10px;}
	.interviewSlide .slick-next.slick-arrow:after {
		width: 10px;
		height: 10px;
		margin-left: -10px;}
/*dots*/
.interview-dots {
	margin-top: 14px;}
#js-slider {}
#js-slider.slick-dotted {
	margin-bottom: 20px;}
.interviewSlide {}
/*.interviewSlide figure {
	width: calc(100% - 24px * 2);
	height: auto;
	transform: scale(1, 0.85);}*/
.interviewSlide figure {
	width: calc(100% - 24px * 2);
	height: auto;
	transform: scale(0.85);
	transform-origin: right;}
.interviewSlide .slick-current +  figure {
	transform-origin: left;}
.interviewSlide figcaption {
	padding: 10px;
	padding: 16px 22px;
	font-size: 1.6rem;
	line-height: 2.5rem;}

.viewAll {
	position: static;
	display: block;
	width: calc(100% - 63px * 2);
	margin: 0 auto;
	transform: translate(0,50%);}

/* ----------------------------------------
business
----------------------------------------*/
.business {
	margin-bottom: 80px;}
.business h2 {
	width: auto;
	height: 300px;
	width: calc(100vw - 40px * 2);
	max-width: 300px;
	min-width: 250px;
	padding: 0 20px;
	padding-top: 76px;}
	.business h2:before {
		font-size: 4.8rem;
		margin-bottom: 20px;}
.businessWrap {
	background: url(/recruit/images/home/bg-business_sp.jpg) no-repeat center;
	background-size: 101%;
	margin-bottom: 0;}
.viewContent {
	right: -30px;
	bottom: -30px;
	width: 80px;
	height: 80px;}


/* ----------------------------------------
about
----------------------------------------*/
.about {
	padding-top: 70px;
	padding-bottom: 50px;}
.about h2 {
	margin: 0 0 40px 0;
	font-size: 1.6rem;}
	.about h2:before {
		margin-bottom: 22px;
		font-size: 4.8rem;}
.aboutContents {
	width: auto;}
.aboutMessage {
	display: block;
	margin-bottom: 15px;}
.aboutMessage .imgArea {
	width: calc(100% - 10px * 2);
	margin: 0 auto;}
.aboutMessage .imgArea span {
	height: 0;
	padding-top: calc(920 / 708 * 100%);
	background-image: url(/recruit/images/home/img-aboutMessage_sp.jpg);
	background-size: 100%;}
/*.aboutMessage .imgArea img {
	width: auto;
	min-width: auto;
	height: 550px;
	margin-left: 60px;}*/
.aboutMessage .detailArea {
	position: relative;
	width: calc(100% - 20px * 2);
	margin: 0 auto;
	margin-top: -66px;
	padding: 40px 13px 46px 22px;}
.aboutMessage .detailAreaDeco {
	font-size: 1.6rem;
	margin-bottom: 28px;}
.aboutMessage .detailArea h3 {
	margin-bottom: 36px;
	font-size: 2.5rem;
	line-height: 3.6rem;}
.aboutTopMessage {
	margin-bottom: 45px;
	font-size: 1.6rem;}
.detailArea .moreBtnArea {
	width: calc(100% - 30px * 2);}
.subArea {
	display: block;
	width: calc(100% - 20px * 2);
	margin: 0 auto;}
.subArea > li {
	width: auto;
	/*height: calc(1 / 2 * 100vw + 60px);*/
	margin-right: 0;
	margin-bottom: 15px;
	overflow: hidden;}
.subArea > li:last-child {
	width: auto;
	height: auto;}
.subArea figure {
	height: auto;}
.subArea figure img {
	height: auto;}
.txtBox {
	height: auto;
	padding: 30px 10px;
	font-size: 1.8rem;}
.subArea > li > ul {
	display: flex;}
.subArea > li > ul > li {
	width: 100%;
	margin-right: 15px;
	margin-bottom: 0;}
.subArea > li > ul > li > a {
	font-size: 1.8rem;
	line-height: 80px;}
	/*.subArea a.hover figure {
		transform: scale(0.9) translateY(calc((100vw - 20px * 2) * 0.1 / 2 - (162 / 342 * 10%)));}*/
.subArea > li > ul > li > a .subAreaWrap {
	line-height: inherit;}

.entry {
	padding-bottom: 70px;}
.entry p {
	padding: 0 50px;}
.entrySelect {
	display: block;
	width: calc(100% - 20px * 2);
	margin: 0 auto;}
.entrySelect li {
	margin: 0;
	margin-bottom: 10px;}
.entrySelect li a {}
.entrySelect li a .entrySelectWrap {}