.main2021 h1{width:100%;height:432px;max-width:960px;background:url(../img/top2025/main_back.png);background-size:cover;overflow:hidden;position:relative;opacity:0;animation:2.0s anim03 0.8s ease-out forwards}.main2021 img,.main2021 source{position:absolute}.main2021 .main2021__cahr{width:446px;height:auto;right:41px;top:14px;opacity:0;animation:1.8s anim02 1.0s ease-out forwards}.main2021 .main2021__txt1{width:240px;left:0;top:0;animation:1.2s anim01 1.5s cubic-bezier(0.06, 0.43, 0.38, 1) forwards;opacity:0}.main2021 .main2021__txt2{width:225px;left:490px;top:0;animation:1.2s anim01 1.6s cubic-bezier(0.06, 0.43, 0.38, 1) forwards;opacity:0}.main2021 .main2021__txt3{width:213px;left:240px;bottom:0;animation:1.2s anim01 1.7s cubic-bezier(0.06, 0.43, 0.38, 1) forwards;opacity:0}.main2021 .main2021__txt4{width:210px;right:20px;bottom:10px;animation:1.2s anim01 1.8s cubic-bezier(0.06, 0.43, 0.38, 1) forwards;opacity:0}
@media screen and (max-width: 750px){
.main2021 h1{width:100%;height:0;padding-top:182%;background:url(../img/top2025/main_back_sp.png);background-size:100% auto;background-repeat:no-repeat;}
.main2021 .main2021__cahr{width:87%;height:auto;right:5%;top:36%}
.main2021 .main2021__txt1{width:50%;max-width:240px;left:unset;bottom:6%;top:unset;right:0}
.main2021 .main2021__txt2{width:50%;max-width:225px;left:unset;top:26%;right:0;}
.main2021 .main2021__txt3{
width:50%;max-width:213px;left:0;top:3%
}
.main2021 .main2021__txt4{width:50%;max-width:210px;left:0;bottom:30%;right:unset;left:0;}
}@keyframes anim01{0%{filter:blur(30px) brightness(300%);transform:translateX(-50px) translateY(-50px) scale(1.8)}100%{filter:blur(0) brightness(100%);transform:translateX(0) translateY(0) scale(1);opacity:1.0}}@keyframes anim02{0%{filter:blur(30px) brightness(200%)}100%{filter:blur(0) brightness(100%);opacity:1.0}}@keyframes anim03{0%{background-color:#ffffff}100%{opacity:1.0}}h2.h2__style01{text-align:center;color:#009d52;font-size:36px;margin-bottom:52px;padding-bottom:30px;background:url(../img/top2021/line01.svg) bottom center no-repeat;background-size:126px}@media screen and (max-width: 750px){h2.h2__style01{font-size:22px}}.visionWrapper{margin-top:95px}.visionWrapper h2{font-size:18px;text-align:center;line-height:2.5;opacity:0}.visionWrapper h2 strong{font-size:26px}.visionWrapper h2 span{font-size:37px;color:#009d52}.visionWrapper .visionInner{width:90%;margin:55px auto 0 auto;text-align:left;display:flex;justify-content:space-between}.visionWrapper .visionInner p{width:100%;line-height:1.8;font-size:15px;opacity:0;text-align:center}.visionWrapper .visionInner p span{color:#009d52}.visionWrapper .visionInner picture{opacity:0;display:block;margin-top:20px;width:29%}.visionWrapper .visionInner picture img{width:100%}@media screen and (max-width: 750px){.visionWrapper{margin-top:30px}.visionWrapper h2{line-height:1.8}.visionWrapper h2 strong{font-size:22px}.visionWrapper h2 span{font-size:30px}.visionWrapper .visionInner{width:100%;flex-direction:column}.visionWrapper .visionInner p{width:100%}.visionWrapper .visionInner picture{width:100%}}.visionTxt01{animation:1.6s txt01 forwards cubic-bezier(0.31, 0.61, 0.35, 0.98)}.visionTxt02{animation:1.6s txt01 0.4s forwards cubic-bezier(0.31, 0.61, 0.35, 0.98)}.visionImg01{animation:1.8s txt01 0.8s forwards cubic-bezier(0.31, 0.61, 0.35, 0.98)}@media screen and (max-width: 750px){.visionImg01{animation:1.8s txt01 forwards cubic-bezier(0.31, 0.61, 0.35, 0.98)}}@keyframes txt01{0%{transform:translateY(60px)}100%{transform:translateY(0);opacity:1.0}}.storyWrapper{margin-top:100px;overflow:hidden}.storyWrapper .storyBox{margin-bottom:30px;position:relative;opacity:0;transition:background-color 0.5s ease-out}.storyWrapper .storyBox:after{width:inherit;height:inherit;line-height:200px;font-size:1.5em;text-align:center;color:#555;background-color:#fff;opacity:0}.storyWrapper .storyBox:hover{cursor:pointer;background-color:#efefef}.storyWrapper .storyBox:hover img{opacity:.7;filter:alpha(opacity=70);transition:opacity 0.5s ease-out}.storyWrapper .storyBox__R .storyBox__txt{position:absolute;top:33px;left:50px;z-index:5}.storyWrapper .storyBox__R .storyBox__img{margin-left:31.2%}.storyWrapper .storyBox__L .storyBox__txt{position:absolute;top:40px;right:-25px;z-index:5}.storyWrapper .storyBox__txt{width:40%;text-align:left}.storyWrapper .storyBox__txt h3{font-size:20px;color:#009d52;font-weight:bold}.storyWrapper .storyBox__txt h3 img{width:50px}.storyWrapper .storyBox__txt p{margin-top:15px;font-size:23px;font-weight:bold;white-space:nowrap}.storyWrapper .storyBox__txt a{margin-top:25px;display:inline-block;position:relative;white-space:nowrap;-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.storyWrapper .storyBox__txt a:after{position:absolute;content:"";top:83%;right:-39px;width:30px;height:8px;margin-top:-12px;background:url(../img/top2021/yajirusi01.svg) top left no-repeat;background-size:100%}.storyWrapper .storyBox__img{width:68.75%}.storyWrapper .storyBox__img img{max-width:100%}@media screen and (max-width: 750px){.storyWrapper .storyBox{margin-bottom:55px}.storyWrapper .storyBox__R .storyBox__txt{position:absolute;top:0;left:5px}.storyWrapper .storyBox__R .storyBox__img{margin-left:0;padding-top:152px}.storyWrapper .storyBox__L .storyBox__txt{position:absolute;top:0;left:1.5%}.storyWrapper .storyBox__L .storyBox__txt a{margin-left:84%}.storyWrapper .storyBox__L .storyBox__img{padding-top:142px}.storyWrapper .storyBox__txt{width:80%}.storyWrapper .storyBox__txt a:after{top:160%;right:40px}.storyWrapper .storyBox__img{width:100%}}.anm01{animation-name:play01;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98);position:relative;opacity:1 !important}.anm01:before{animation-name:maskOut01;animation-duration:1.4s;animation-delay:.1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98);width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:2;background:#ffffff}.anm01 .storyBox__img{animation-name:img01;animation-duration:1.8s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98)}.anm01 .storyBox__txt{animation-name:storyTxt01;animation-duration:1.5s;animation-delay:0.7s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98);opacity:0}@keyframes play01{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes maskOut01{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes img01{from{transform:translateX(100px)}to{transform:translateX(0)}}@keyframes storyTxt01{from{transform:translateY(50px)}to{transform:translateY(0);opacity:1.0}}.anm02{animation-name:play02;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98);position:relative;position:relative;opacity:1 !important}.anm02:before{animation-name:maskOut02;animation-duration:1.4s;animation-delay:.1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98);width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:2;background:#ffffff}.anm02 .storyBox__img{animation-name:img02;animation-duration:1.8s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98)}.anm02 .storyBox__txt{animation-name:storyTxt02;animation-duration:1.5s;animation-delay:0.7s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.31, 0.61, 0.35, 0.98);opacity:0}@keyframes play02{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes maskOut02{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes img02{from{transform:translateX(-100px)}to{transform:translateX(0)}}@keyframes storyTxt02{from{transform:translateY(50px)}to{transform:translateY(0);opacity:1.0}}.interviewWrapper{margin-top:100px;overflow:hidden;padding-bottom:80px}.interviewWrapper .interview__txt01{font-size:23px;font-weight:bold;text-align:center;margin-bottom:35px}.interviewWrapper .interviewBox{width:100%;text-align:left;padding-bottom:51px;margin-bottom:10px;display:flex;opacity:0}.interviewWrapper .interviewBox:hover{cursor:pointer}.interviewWrapper .interviewBox:hover img{opacity:.7;filter:alpha(opacity=70);transition:opacity 0.5s ease-out}.interviewWrapper .interviewBox:hover .interviewBox__img{transition:opacity 0.5s ease-out}.interviewWrapper .interviewBox:hover .interviewBox__img:after{opacity:.7;filter:alpha(opacity=70)}.interviewWrapper .interviewBox .interviewBox__img{max-width:566px;width:100%;display:block;position:relative}.interviewWrapper .interviewBox .interviewBox__img img{width:100%}.interviewWrapper .interviewBox a{display:inline-block;color:#ffffff;font-size:22px;font-weight:bold;margin-top:125px;margin-left:40px;margin-right:95px;position:relative}.interviewWrapper .interviewBox a:after{position:absolute;content:"";top:40%;right:-55px;width:30px;height:8px;margin-top:-12px;background:url(../img/top2021/yajirusi02.svg) top left no-repeat;background-size:100%}.interviewWrapper .interviewBox:nth-of-type(3) a{margin-top:105px}.interviewWrapper .interviewBox.interviewBox_L .interviewBox__img:after{content:"";position:absolute;z-index:-1;top:50px;left:0;width:150%;max-width:850px;height:188px;background:linear-gradient(90deg, #ffffff 11%,#09a158 100%)}.interviewWrapper .interviewBox.interviewBox_R{flex-direction:row-reverse}.interviewWrapper .interviewBox.interviewBox_R .interviewBox__img:after{content:"";position:absolute;z-index:-1;top:50px;right:0;width:150%;max-width:850px;height:188px;background:linear-gradient(90deg, #09a158 11%,#ffffff 100%)}@media screen and (max-width: 750px){.interviewWrapper .interview__txt01{font-size:18px}.interviewWrapper .interviewBox{display:block;padding-bottom:15px;overflow:hidden}.interviewWrapper .interviewBox .interviewBox__img img{width:95%}.interviewWrapper .interviewBox a{display:block;width:104px;margin:15px 0 10px 0}.interviewWrapper .interviewBox a:after{top:60%;right:-20px;width:30px}.interviewWrapper .interviewBox:nth-of-type(2) a{width:160px}.interviewWrapper .interviewBox:nth-of-type(3) a{width:195px;margin-top:15px}.interviewWrapper .interviewBox.interviewBox_L a{float:right;margin-right:10%}.interviewWrapper .interviewBox.interviewBox_L .interviewBox__img:after{height:109%;background:linear-gradient(90deg, #ffffff 0%,#09a158 32%)}.interviewWrapper .interviewBox.interviewBox_R a{margin-left:10%}.interviewWrapper .interviewBox.interviewBox_R .interviewBox__img img{margin-left:10%}.interviewWrapper .interviewBox.interviewBox_R .interviewBox__img:after{height:109%;background:linear-gradient(90deg, #09a158 63%,#ffffff 100%)}}.anm02 .interviewBox__img{animation:img02 2.5s forwards cubic-bezier(0, 0.38, 0.25, 0.97)}.anm01 .interviewBox__img{animation:img01 2.5s forwards cubic-bezier(0, 0.38, 0.25, 0.97)}.companyWrapper ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:80px}.companyWrapper ul li{border:1px solid #fff;text-align:left;width:50%;font-size:18px;background:url(../img/top2021/yajirusi01.svg) center right 5% no-repeat #f0f0f0;background-size:30px 8px}.companyWrapper ul li a{width:100%;display:flex;align-items:center}.companyWrapper ul li a span{display:block}.companyWrapper ul li a span img{max-width:100%}.companyWrapper ul li a span:nth-of-type(1){width:47%}.companyWrapper ul li a span:nth-of-type(2){width:53%;padding-left:38px}.companyWrapper ul li a span:nth-of-type(2) img{vertical-align:baseline}@media screen and (max-width: 750px){.companyWrapper ul{display:flex;flex-direction:column}.companyWrapper ul li{font-size:16px;width:100%}.companyWrapper ul li a span:nth-of-type(2){padding-left:17px}}.recruitWrapper{padding-bottom:80px;margin-top:80px;}.recruitWrapper ul{display:flex;justify-content:space-around}.recruitWrapper ul li{max-width:250px;width:100%;margin:2%;background-color:#f0f0f0;font-size:18px;font-weight:bold}.recruitWrapper ul li a{display:block;width:100%;height:inherit;padding-bottom:20px}.recruitWrapper ul li span{display:flex;justify-content: center;align-items: center;min-height: 130px;}.recruitWrapper ul li p em{font-size:12px;font-weight:normal;font-style:normal;display:block}.recruitWrapper ul li p.link{position:relative}.recruitWrapper ul li p.link:after{position:absolute;content:"";top:8px;right:41px;width:30px;height:8px;background:url(../img/top2021/yajirusi01.svg) top left no-repeat;background-size:100%}@media screen and (max-width: 750px){.recruitWrapper ul li{margin:0.5%}.recruitWrapper ul li span{padding:16%}.recruitWrapper ul li span img{max-height:48px}.recruitWrapper ul li p{font-size:16px}.recruitWrapper ul li p.link{position:relative}.recruitWrapper ul li p.link:after{top:35px;right:38%}}.faqWrapper{padding-bottom:80px}.faqWrapper div{text-align:center;max-width:840px;width:100%;margin:0 auto}.faqWrapper div a:hover{opacity:0.6}.faqWrapper div p{color:#ffffff;display:block;padding:7px;font-size:16px;font-weight:bold;background-color:#009d52}.faqWrapper div p span{position:relative}.faqWrapper div p span:after{position:absolute;content:"";top:6px;right:-41px;width:30px;height:8px;background:url(../img/top2021/yajirusi01.svg) top left no-repeat;background-size:100%}.faqWrapper div picture img{width:100%}@media screen and (max-width: 750px){.hidd-sp{display:none}}@media screen and (min-width: 751px) and (max-width: 1023px){.hidd-tb{display:none}}@media screen and (min-width: 1024px), print{.hidd-pc{display:none}}

.main2021 .exp{
margin-top:30px;
font-size: 26px;
background-color: #009d52;
position:relative;
opacity:0;animation:2.0s anim03 0.8s ease-out forwards
}

.main2021 .exp a{
color: #fff;
width: 100%;
display: block;
padding: 15px;
}

.main2021 .exp:before{
background:url(../img/top2024/top_exp_1w.png) top left no-repeat;
background-size:contain;
position:absolute;
content:"";
top:22%;
left:25%;
width:35px;
height:35px;
}

.main2021 .exp:after{
background:url(../img/top2024/top_exp_2w.png) top left no-repeat;
background-size:contain;
position:absolute;
content:"";
top:20%;
right:25%;
width:35px;
height:35px;
}
@media screen and (max-width: 750px){
.main2021 .exp{
font-size: 16px;
}

.main2021 .exp:before{
left:5%;
}

.main2021 .exp:after{
right:5%;
}

}

/*# sourceMappingURL=index.css.map */




.slick-indicator{
	display: flex !important;
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	gap: 10px;
}

.slick-indicator li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 50px;
	height: 4px;
	cursor: pointer;
	color: transparent;
	border: 0;
	background: #e7e7e7;
}
@media screen and (max-width: 750px){
	.slick-indicator li button {
		width: 25px;
	}
}
.slick-indicator li.slick-active button {
	background: #009d52;
}

.slick-dotted.slick-slider{
margin-top:40px;
margin-bottom:0 !important;
}
.slider-pause{
	position: relative;
}

.slick_pause{
	background-image: url(/recruit/img/top2026/slider-stop.png);
	width: 16px;
	height: 15px;
	position: absolute;
	right: 0;
	top: -10px;
	cursor: pointer;
}
.slick_pause.paused{
	background-image: url(/recruit/img/top2026/slider-start.png);
	width: 15px;
	height: 15px;
}
@media screen and (max-width: 750px){
	.slick_pause{
		width: 11px;
		height: 10px;
		background-size: cover;
	}
	.slick_pause.paused{
		width: 10px;
		height: 10px;
	}
}

