@charset "utf-8";
#wrapper{
	position: relative;
	z-index: 1;
}
body.buruburu{
	animation: shake 0.15s  infinite;
}
@keyframes shake {
	0% {transform: translate(-3px);}
	25% {transform: translate(3px);}
	50% {transform: translate(-3px);}
	75% {transform: translate(3px);}
	10% {transform: translate(-3px);}
}
.lcl-inner{
	position: relative;
	width: 100%;
	overflow: hidden;
	background: transparent url(https://keishindo-recruit.jp/feature/img/bg_tatami.png) center / 210px 224px;
}
.lcl-inner::before,
.lcl-inner::after{
	content: "";
	display: block;
	width: 34px;
	height: 100%;
	position: absolute;
	top: 0;
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_heri_tate.png) repeat-y left top / 100% auto;
	box-shadow:0px 0px 15px 2px #737860,0px 0px 10px 5px rgba(61,68,35,0.5) inset;
}
.lcl-inner::before{
	left: 0;
}
.lcl-inner::after{
	right: 0;
}
.main-visual{
	position: relative;
	width: 100%;
	height: 100vh;
	/*background: transparent url(https://keishindo-recruit.jp/feature/img/test.jpg) no-repeat left top / auto;*/
}
.main-visual::before{
	content: "";
	display: block;
	width: 100%;
	height: 34px;
	position: absolute;
	top: 0;
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_heri.png) repeat-x left top / auto 100%;
	box-shadow:0px 0px 15px 2px #737860,0px 0px 10px 5px rgba(61,68,35,0.5) inset;
	z-index: 1;
}
.main-visual__title{
	color: #910003;
	opacity: 0;
	transition: all 0.25s 2s ease;
}
.main-visual__title--active{
	opacity: 1;
}
.lcl-main-visual__text{
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 0.05em;
	text-align: center;
	margin-top: 20px;
	opacity: 0;
	transition: all 0.25s 2s ease;
}
.lcl-main-visual__text--active{
	opacity: 1;
}

.lcl-head-karuta{
	width: 190px;
	height: 270px;
	background: #3d5029 url(https://keishindo-recruit.jp/feature/img/img_head_karuta.jpg);
	/*background: rgba(0,0,0,0.5);*/
	border-radius: 5px;
	position: absolute;
	margin: auto;
	top: 200%;
	left: 0;
	right: 0;
	z-index: 5;
	transform: rotate(360deg);
	box-shadow: 0px 0px 12.48px 0.52px rgba(16, 33, 3, 0.8);
	opacity: 0;
}

.lcl-head-hand{
	width: 337px;
	height: 661px;
	position: absolute;
	left: 66%;
	right: 0%;
	top: -253px;
	margin: auto;
	transform: rotate(-334deg) scale(1, -1);
	z-index: 5;
}
.lcl-head-hand::before,
.lcl-head-hand::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
}
.lcl-head-hand::before{
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_hand_shadow.png) no-repeat left top / cover;
	top: 100px;
	transform: scale(1.5);
}
.lcl-head-hand::after{
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_hand.png) no-repeat left top / cover;
	top: 100px;
	transform: scale(1.2);
}

.lcl-title{
	position: relative;
	width: 382px;
	padding-top: 25vh;
	margin: 0 auto;
	align-items: flex-start;
	z-index: 10;
}
.lcl-title__item{
	width: 104px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 5px;
	box-shadow: 0px 0px 11.57px 1.43px rgba(61, 79, 47, 0.33);
	top: 100vh;
	left: 0;
	opacity: 0;
}
.lcl-title__item--ka{
	border-radius: 50%;
}
.lcl-title__moji{
	position: relative;
	z-index: 1;
}
.lcl-title__ebi{
	position: absolute;
	width: 69px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}
.lcl-title__item--rotate .lcl-title__ebi{
	animation: ebihaneru 0.5s 0.2s forwards;
}
.lcl-title__item--rotate{
	animation: shinrotate 1s 0.7s forwards;
}
@keyframes ebihaneru {
	0% {top: 0;}
	25% {top: -80px;}
	70% {top: -55px;}
	100% {top: -55px;}
}
@keyframes shinrotate {
	0% {transform:rotate(-2deg);}
	5% {transform:rotate(2deg);}
	10% {transform:rotate(-2deg);}
	15% {transform:rotate(2deg);}
	20% {transform:rotate(-2deg);}
	70% {transform:rotate(2deg);}
	80% {transform:rotate(11deg);}
	85% {transform:rotate(8deg);}
	90% {transform:rotate(11deg);}
	100% {transform:rotate(11deg);}
}

.lcl-title__item--kei{transform:rotate(360deg);}
.lcl-title__item--shin{transform:rotate(360deg);}
.lcl-title__item--do{transform:rotate(360deg);}
.lcl-title__item--ka{transform:rotate(360deg);}
.lcl-title__item--ru{transform:rotate(360deg);}
.lcl-title__item--ta{transform:rotate(360deg);}

.lcl-head-karuta--active{
	opacity: 1;
}
.lcl-head-karuta--active:nth-of-type(1){transform: rotate(48deg);left: 27%;top: -165.875px;transition: all 0.5s 0.2s ease;}
.lcl-head-karuta--active:nth-of-type(2){transform: rotate(80deg);left: 89.5%;top: 122.969px;transition: all 0.5s 0.3s ease;}
.lcl-head-karuta--active:nth-of-type(3){transform: rotate(20deg);left: 89%;top: -108.672px;transition: all 0.5s 0.4s ease;}
.lcl-head-karuta--active:nth-of-type(4){transform: rotate(110deg);left: 92%;top: 308.875px;transition: all 0.5s 0.5s ease;}
.lcl-head-karuta--active:nth-of-type(5){transform: rotate(-15.5deg);left: 52%;top: 114.391px;transition: all 0.5s 0.6s ease;}
.lcl-head-karuta--active:nth-of-type(6){transform: rotate(-57deg);left: -99%;top: 45.750px;transition: all 0.5s 0.7s ease;}
.lcl-head-karuta--active:nth-of-type(7){transform: rotate(84deg);left: -80%;top: 188.750px;transition: all 0.5s 0.8s ease;}
.lcl-head-karuta--active:nth-of-type(8){transform: rotate(47.5deg);left: -102%;top: 243.094px;transition: all 0.5s 0.9s ease;}
.lcl-head-karuta--active:nth-of-type(9){transform: rotate(94deg);left: -102%;top: 400.391px;transition: all 0.5s 1s ease;}
.lcl-head-karuta--active:nth-of-type(10){transform: rotate(-16deg);left: -72%;top: -154.438px;transition: all 0.5s 1.1s ease;}
.lcl-head-karuta--active:nth-of-type(11){transform: rotate(12deg);left: -47%;top: -97.234px;transition: all 0.5s 1.2s ease;}

.lcl-title__item--active{
	opacity: 1;
}
.lcl-title__item--active.lcl-title__item--kei{left: 0; top: 0;transition: all 0.5s 1.3s ease;transform: rotate(0deg);}
.lcl-title__item--active.lcl-title__item--shin{left: 0; top: 0;transition: all 0.5s 1.4s ease;transform: rotate(0deg);}
.lcl-title__item--active.lcl-title__item--do{left: 0; top: 0;transition: all 0.5s 1.5s ease;transform: rotate(0deg);}
.lcl-title__item--active.lcl-title__item--ka{left: 0; top: 0;transition: all 0.5s 1.6s ease;transform: rotate(0deg);}
.lcl-title__item--active.lcl-title__item--ru{left: 0; top: 0;transition: all 0.5s 1.7s ease;transform: rotate(0deg);}
.lcl-title__item--active.lcl-title__item--ta{left: 0; top: 0;transition: all 0.5s 1.8s ease;transform: rotate(0deg);}

.lcl-head-hand--active::before,
.lcl-head-hand--active::after{
	opacity: 1;
	top: 0;
	transform: scale(1);
	transition: all 0.15s 2.5s cubic-bezier(.97,.27,.95,.69);
}
.lcl-head-hand--active::before{
	opacity: 0.5;
}
.lcl-scroll{
	width: 30px;
	height: 60px;
	border: 2px solid #fff;
	border-radius: 15px;
	position: absolute;
	left: 0;
	right: 0;
	top: 85vh;
	margin: auto;
	opacity: 0;
	transition: all 0.25s 5s ease;
}
.lcl-head-hand--active+.lcl-scroll{
	opacity: 1;
}
.lcl-scroll::before{
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	animation: sdb 2s infinite;
}
@keyframes sdb {
  0% {
	top: 10%;
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {top: 70%;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.lcl-karuta{
	margin-top: 50px;
	padding-bottom: 150px;
}
.lcl-karuta::after{
	content: "";
	display: block;
	width: 100%;
	height: 34px;
	position: absolute;
	bottom: 0;
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_heri.png) repeat-x left top / auto 100%;
	box-shadow:0px 0px 15px 2px #737860,0px 0px 10px 5px rgba(61,68,35,0.5) inset;
	z-index: 5;
}
.lcl-karuta-list{
	width: 965px;
	margin: 0 auto 50px;
}
.lcl-karuta-list__item{
	width: 220px;
	position: relative;
	/*overflow: hidden;*/
	cursor: pointer;
	outline : none;
}
.lcl-karuta-list__item__wrapper{
	transform-origin: bottom right;
	transition: all 0.15s ease;
	position: relative;
	box-shadow: 0px 0px 12.48px 0.52px rgba(91, 110, 77, 0.8);
	border-radius: 5px;
}
@media screen and (min-width: 767px) {
	.lcl-karuta-list__item:hover .lcl-karuta-list__item__wrapper,
	.lcl-karuta-list__item--current .lcl-karuta-list__item__wrapper{
		transform: rotate(5deg);
	}
}
.lcl-karuta-list__item::before,
.lcl-karuta-list__item::after{
	content: "";
	display: block;
	width: 337px;
	height: 661px;
	position: absolute;
	z-index: 6;
	top: 30%;
	left: 50%;
	margin-left: -168.5px;
	opacity: 0;
	visibility: hidden;
}
.lcl-karuta-list__item::before{
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_hand_shadow.png) no-repeat left top / cover;
	top: 100px;
	transform: scale(1.5);
}
.lcl-karuta-list__item::after{
	background: transparent url(https://keishindo-recruit.jp/feature/img/img_hand.png) no-repeat left top / cover;
	top: 100px;
	transform: scale(1.2);
}
.lcl-karuta-list__item--current::before,
.lcl-karuta-list__item--current::after{
	visibility: visible;
	opacity: 1;
	top: 0;
	transform: scale(1);
	transition: all 0.15s cubic-bezier(.97,.27,.95,.69);
}
.lcl-karuta-list__item--current::before{
	opacity: 0.5;
}
.lcl-karuta-list__moji{
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	transform: scale(1.1);
	filter: blur(10px);
	transition: all 1s ease;
}
.lcl-karuta-list__moji.scrollin{
	opacity: 1;
	transform: scale(1);
	filter: blur(0px);
}

.lcl-modal{
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	z-index: 0;
	opacity: 0;
	transition: opacity 1s ease;
}
.lcl-modal--show{
	opacity: 1;
	z-index: 100;
}
.lcl-modal-list{
	width: 840px;
	height: 452px;
	background: #fff;
	border-radius: 15px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 55px 60px 57px 30px;
}
.lcl-modal-list__inner{
	outline: none;
}
.lcl-modal-list__item{
	width: 100%;
}
.lcl-modal-list__image{
	width: 290px;
}
.lcl-modal-list__content{
	width: 430px;
}
.lcl-modal-list__title{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 35px;
	color: #910003;
}
.lcl-modal-list__text{
	font-size: 15px;
	line-height: 30px;
}
.lcl-modal-list__text a{
	color: #910003;
}
.lcl-modal-list .slick-arrow{
	width: 50px;
	height: 50px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 0;
	overflow: hidden;
	text-indent: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	transition: all 0.25s ease;
}
.lcl-modal-list .slick-prev{
	transform: rotate(135deg);
	left: -75px;
	right: auto;
}
.lcl-modal-list .slick-next{
	transform: rotate(-45deg);
	right: -75px;
	left: auto;
}
@media screen and (min-width: 767px) {
	.lcl-modal-list .slick-prev:hover{
		transform: rotate(135deg) translate(5px,5px);
	}
	.lcl-modal-list .slick-next:hover{
	transform: rotate(-45deg) translate(5px,5px);
	}
}
.lcl-modal-list .slick-arrow.slick-disabled{
	display: none !important;
}
.lcl-modal-list .slick-dots{
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	height: 15px;
	margin: auto;
	font-size: 0;
	text-align: center;
}
.lcl-modal-list .slick-dots > li{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 10px;
}
.lcl-modal-list .slick-dots > li button{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	background: #c8c8c8;
}
.lcl-modal-list .slick-dots > li.slick-active button{
	background: #910003;
}
.lcl-modal-list__close{
	display: block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	background: #151515;
	text-align: center;
	color: #fff;
	font-size: 15px;
	position: absolute;
	right: 0;
	left: 0;
	top: 550px;
	bottom: 0;
	margin: auto;
	border: 1px solid #151515;
	transition: all 0.25s ease;
}
.lcl-modal-list__close::after,
.lcl-modal-list__close::before{
	content: "";
	display: block;
	height: 1px;
	width: 22px;
	background: #fff;
	position: absolute;
	right: 17px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.lcl-modal-list__close::after{
	transform: rotate(-45deg);
}
.lcl-modal-list__close::before{
	transform: rotate(45deg);
}
@media screen and (min-width: 767px) {
	.lcl-modal-list__close:hover{
		background: #fff;
		color: #151515;
	}
	.lcl-modal-list__close:hover::after,
	.lcl-modal-list__close:hover::before{
		background: #151515;
	}
}

.lcl-bg__01{
	position: absolute;
	right: 0;
	top: 25%;
	width: 130px;
	z-index: 10;
}
.lcl-bg__02{
	position: absolute;
	left: 0;
	top: 45%;
	width: 190px;
	z-index: 10;
}
.lcl-bg__03{
	position: absolute;
	right: 0;
	top: 73%;
	width: 171px;
	z-index: 10;
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
	.lcl-bg__01,
	.lcl-bg__02,
	.lcl-bg__03{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.lcl-inner{
		/*background: transparent url(https://keishindo-recruit.jp/feature/img/bg_tatami.jpg) center;*/
	}
	.lcl-inner::before,
	.lcl-inner::after{
		display: none;
	}
	.main-visual{
		position: relative;
		width: 100%;
		height: 106.25vw;
		/*background: transparent url(https://keishindo-recruit.jp/feature/img/n/test.jpg) no-repeat left top -60px / 100% auto;*/
	}
	.main-visual::before{
		width: 100%;
		height: 10px;
		background: transparent url(https://keishindo-recruit.jp/feature/img/img_heri.png) repeat-x left top / auto 100%;
		box-shadow:0px 0px 7px 1px #737860,0px 0px 5px 2.5px rgba(61,68,35,0.5) inset;
		z-index: 1;
	}
	.lcl-main-visual__text{
		font-size: 4.0625vw;
		line-height: 6.5625vw;
		margin-top: 4.6875vw;
	}

	.lcl-head-karuta{
		width: 77px;
		height: 107px;
		border-radius: 2px;
		top: -100%;
		left: 0;
		right: 0;
		z-index: 5;
		transform: rotate(360deg);
		box-shadow: 0px 0px 6px 0.25px rgba(16, 33, 3, 0.8);
	}
	.lcl-head-karuta--active:nth-of-type(1){transform: rotate(33deg);left: -83%;top: -24.4px; transition: all 0.5s 0.2s ease; }
	.lcl-head-karuta--active:nth-of-type(2){transform: rotate(84deg);left: -103%;top: 29.328px;transition: all 0.5s 0.4s ease;}
	.lcl-head-karuta--active:nth-of-type(3){transform: rotate(47deg);left: -111%;top: 91.328px;transition: all 0.5s 0.4s ease;}
	.lcl-head-karuta--active:nth-of-type(4){transform: rotate(3deg);left: -99%;top: 163.875px;transition: all 0.5s 0.5s ease;}
	.lcl-head-karuta--active:nth-of-type(5){transform: rotate(-15.5deg);left: 40%;top: 20px;transition: all 0.5s 0.6s ease;}
	.lcl-head-karuta--active:nth-of-type(6){transform: rotate(-71deg);left: 84%;top: -11px;transition: all 0.5s 0.7s ease;}
	.lcl-head-karuta--active:nth-of-type(7){transform: rotate(80deg);left: 87%;top: 78.75px;transition: all 0.5s 0.8s ease;}
	.lcl-head-karuta--active:nth-of-type(8){transform: rotate(113deg);left: 92%;top: 136px;transition: all 0.5s 0.9s ease;}
	.lcl-head-karuta--active:nth-of-type(9){display: none;}
	.lcl-head-karuta--active:nth-of-type(10){display: none;}
	.lcl-head-karuta--active:nth-of-type(11){display: none;}


	.lcl-head-hand{
		width: 130px;
		height: 253.5px;
		left: 61%;
		right: 0%;
		top: -121px;
		margin: auto;
		transform: rotate(-334deg) scale(1, -1);
		z-index: 5;
	}

	.lcl-title{
		position: relative;
		width: 59.53125vw;
		padding-top: 66.5px;
		align-items: flex-start;
	}
	.lcl-title__item{
		width: 16.25vw;
		margin-bottom: 3.59375vw;
		position: relative;
		border-radius: 0.78125vw;
		box-shadow: 0px 0px 11.57px 1.43px rgba(61, 79, 47, 0.33);
	}
	.lcl-title__item--ka{
		border-radius: 50%;
	}
	.lcl-title__moji{
		position: relative;
		z-index: 1;
	}
	.lcl-title__ebi{
		width: 10.78125vw;
	}
	.lcl-title__item--rotate .lcl-title__ebi{
		animation: ebihaneru_sp 0.5s 0.2s forwards;
	}
	@keyframes ebihaneru_sp {
		0% {top: 0;}
		25% {top: -12vw;}
		70% {top: -8.59375vw;}
		100% {top: -8.59375vw;}
	}
	.lcl-scroll{
		display: none;
	}

	.lcl-karuta{
		margin-top: 0;
	}
	.lcl-karuta-list{
		position: relative;
		width: 100%;
		margin: 0 auto 31.25vw;
	}
	.lcl-karuta-list__item{
		width: 55.15625vw;
	}
	.lcl-karuta-list__item__wrapper{
		box-shadow: 0px 0px 12.48px 0.52px rgba(91, 110, 77, 0.8);
	}
	.lcl-karuta-list__item:not(.slick-current) .lcl-karuta-list__moji{
		position: absolute;
		left: 0;
		right: 0;
		opacity: 0;
		transform: scale(1.1);
		transition: all 1s 1s ease;
	}
	.lcl-karuta-list__item::before,
	.lcl-karuta-list__item::after{
		width: calc( 337vw / 320 * 70);
		height: calc( 661vw / 320 * 70);
		margin-left: calc( -168.5vw / 320 * 70);
	}
	.lcl-karuta-list__moji.scrollin{
		opacity: 1;
		transform: scale(1);
	}
	/* ---------------------------------------------------------------- Slick ---- */
	.lcl-karuta-list__item:not(.slick-current){
		opacity: 0;
		transition: all 0.5s ease;
		pointer-events: none;
		z-index: -1;
	}
	.lcl-karuta-list .slick-arrow{
		position: absolute;
		border-bottom: 2.5px solid #fff;
		border-right: 2.5px solid #fff;
		width: 8.90625vw;
		height: 8.90625vw;
		overflow: hidden;
		font-size: 0;
		text-indent: -100%;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 20;
	}
	.lcl-karuta-list .slick-arrow.slick-disabled{
		opacity: 0;
	}
	.lcl-karuta-list .slick-list{
		overflow: visible;
		z-index: 10;
	}
	.lcl-karuta-list .slick-prev{
		left: 4.6875vw;
		transform: rotate(135deg);
	}
	.lcl-karuta-list .slick-next{
		right: 4.6875vw;
		transform: rotate(-45deg);
	}
	.lcl-karuta-list .slick-dots{
		width: 100%;
		height: 2.8125vw;
		margin: 10px auto 0;
		font-size: 0;
		text-align: center;
	}
	.lcl-karuta-list .slick-dots > li{
		display: inline-block;
		border-radius: 50%;
		overflow: hidden;
		display: inline-block;
		width: 2.8125vw;
		height: 2.8125vw;
		margin: 0 3.25vw;
	}
	.lcl-karuta-list .slick-dots > li button{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: 100%;
		background: #f5f5f5;
	}
	.lcl-karuta-list .slick-dots > li.slick-active button{
		background: #910003;
	}

	.lcl-modal{
		width: 100%;
		overflow: hidden;
		overflow-y: auto;
	}
	.lcl-modal-list{
		position: static;
		margin: 10vw auto 0;
		width: 81.25vw;
		height: 114.375vw;
		border-radius: 2.34375vw;
		padding: 1.875vw 4.6875vw 15vw 4.6875vw;
	}
	.lcl-modal-list__item{
		width: 100%;
	}
	.lcl-modal-list__image{
		width: 40.625vw;
		margin: 0 auto;
	}
	.lcl-modal-list__content{
		width: 100%;
	}
	.lcl-modal-list__title{
		font-size: 4.375vw;
		line-height: 7.5vw;
		margin-bottom: 1.5625vw;
	}
	.lcl-modal-list__text{
		font-size: 4.0625vw;
		line-height: 6.5625vw;
	}
	.lcl-modal-list .slick-arrow{
		width: 9.0625vw;
		height: 9.0625vw;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.lcl-modal-list .slick-prev{
		transform: rotate(135deg);
		left: 3vw;
	}
	.lcl-modal-list .slick-next{
		transform: rotate(-45deg);
		right: 3vw;
	}
	.lcl-modal-list .slick-dots{
		width: 100%;
		position: static;
		height: 2.8125vw;
		margin: auto;
		font-size: 0;
		text-align: center;
	}
	.lcl-modal-list .slick-dots > li{
		display: inline-block;
		width: 2.8125vw;
		height: 2.8125vw;
		margin: 0 3.25vw;
	}
	.lcl-modal-list__close{
		width: 70vw;
		height: 12.5vw;
		line-height: 12.5vw;
		font-size: 3.75vw;
		top: auto;
		bottom: auto;
		margin-top: 10vw;
		border: 1px solid #151515;
	}
	.lcl-modal-list__close::after,
	.lcl-modal-list__close::before{
		width: 5.625vw;
		right: 4.376vw;
	}

	.lcl-bg__01,
	.lcl-bg__02,
	.lcl-bg__03{
		display: none;
	}

	.lcl-karuta-list::before,
	.lcl-karuta-list::after{
		content: "";
		display: block;
		position: absolute;
	}
	.lcl-karuta-list::before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		position: absolute;
		bottom: -19vw;
		background: transparent url(https://keishindo-recruit.jp/feature/img/img_heri.png) repeat left top / auto 50%;
		box-shadow: 0px 0px 15px 2px #737860, 0px 0px 10px 5px rgba(61,68,35,0.5) inset;
		z-index: 1;
	}
	.lcl-karuta-list:last-child::before{
		display: none;
	}
	.lcl-karuta-list::after{
		z-index: 1;
	}
	.lcl-karuta-list:nth-child(1)::after{
		width: 100%;
		height: 97.4375vw;
		bottom: -68vw;
		background: transparent url(https://keishindo-recruit.jp/feature/img/n/bg_01.png) no-repeat left top / 100%;
	}
	.lcl-karuta-list:nth-child(2)::after{
		width: 100%;
		height: 94.21875vw;
		bottom: -46vw;
		background: transparent url(https://keishindo-recruit.jp/feature/img/n/bg_02.png) no-repeat left top / 100%;
	}
	.lcl-karuta-list:nth-child(3)::after{
		width: 100%;
		height: 92.03125vw;
		bottom: -58vw;
		background: transparent url(https://keishindo-recruit.jp/feature/img/n/bg_03.png) no-repeat left top / 100%;
	}
	.lcl-karuta-list:nth-child(4)::after{
		width: 100%;
		height: 78.125vw;
		bottom: -50vw;
		background: transparent url(https://keishindo-recruit.jp/feature/img/n/bg_04.png) no-repeat left top / 100% auto;
	}
}