@charset "utf-8";

.pan{
	background-color: #E9EFF0;
}

#recruit{
	padding:50px 0 50px 0;
	background-color:#E9EFF0;
	position:relative;
	overflow: hidden;
}

#recruit .recruit_wrap{
	justify-content:space-between;
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	position:relative;
	z-index:2;
	margin-top:56px;
}

#recruit .recruit_wrap.ass_recruit_wrap{
	flex-direction: row-reverse;
}

#recruit .recruit_wrap > *{
	width:50%;
}

#recruit .recruit_wrap .image{
	padding-left:40px;
}

#recruit .recruit_wrap.ass_recruit_wrap .image{
	padding-left:0;
	padding-right:40px;
}

#recruit .recruit_wrap .text_area p{
	font-size: 36px;
	font-weight: 700;
}

#recruit .recruit_wrap .text_area .more{
	margin-top:75px;
}

#recruit .recruit_wrap .text_area .more a{
	margin:unset;
}

#recruit .catch_com {
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	font-size: 200px;
	font-weight: 500;
	line-height: 100%;
	color: #fafafa;
	position: absolute;
	bottom: 60px;
	white-space: pre;
	left:0;
	overflow: hidden;
	text-align: center;
	z-index:1;
	display: flex;
}

#recruit .catch_com div{
	display: flex;
}

#recruit .catch_com.on div{
	animation: infinity-loop 60s infinite linear 0.1s both;
}

.more a{
	width:auto;
	display:inline-block;
	padding:0 40px;
	height:72px;
	line-height:72px;
	border-radius: 50px;
	font-size:24px;
}

#work{
	padding:100px 0 0 0;
	overflow: hidden;
}

#work h3.title{
	text-align:left;
	font-size:36px;
	color: #000;
}

#work h3.title span{
	font-size: 15px;
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	color: #989898;
}

#work p.work_catch{
	margin-top:40px;
	max-width:500px;
}

#works_slide{
	margin-top:50px;
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
}

ul.works_list{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	position:relative;
	z-index:2;
}

ul.works_list li{
	width:288px;
	position:relative;
}

ul.works_list li.list02{
	margin:0 30px 0 30px;
}

ul.works_list li .works_area{
	width:100%;
	height:329px;
	background:no-repeat center center;
	background-size:cover;
	text-align:center;
	color:#fff;
}

ul.works_list li.list01 .works_area{
	background-image:url(../image/recruit/works_img01@2x.png);
}

ul.works_list li.list02 .works_area{
	background-image:url(../image/recruit/works_img02@2x.png);
}

ul.works_list li.list03 .works_area{
	background-image:url(../image/recruit/works_img03@2x.png);
}

ul.works_list.ass li.list01 .works_area{
	background-image:url(../image/recruit/works_ass_img01@2x.png);
}

ul.works_list.ass li.list02 .works_area{
	background-image:url(../image/recruit/works_ass_img02@2x.png);
}

ul.works_list.ass li.list03 .works_area{
	background-image:url(../image/recruit/works_ass_img03@2x.png);
}

ul.works_list li .works_area h4{
	padding-top:100px;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
}

ul.works_list li .works_area h4 span{
	display:block;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
}

ul.works_list li .works_area p{
	padding-top:34px;
	font-size: 15px;
	font-weight: 700;
	line-height: 150%;
}


#work .catch_com {
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	font-size: 200px;
	font-weight: 500;
	line-height: 100%;
	color: #E9EFF0;
	position: absolute;
	top:0;
	white-space: pre;
	left:0;
	overflow: hidden;
	text-align: center;
	z-index:1;
	display: flex;
}

#work .catch_com div{
	display: flex;
}

#work .catch_com.on div{
	animation: infinity-loop 60s infinite linear 0.1s both;
}

#seek{
	background-color:#F4F4F4;
	padding:120px 0;
}

#seek .seek_wrap{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

#seek .seek_wrap > *{
	width:50%;
}

#seek .seek_wrap .text_area ul li{
	font-size: 18px;
	font-weight: 700;
	line-height: 180%;
	text-indent: -1em;
	margin-left: 1em;
}

#seek.ass_seek .seek_wrap{
	display: block;
}

#seek.ass_seek .seek_wrap > *{
	width:100%;
}

#seek.ass_seek .seek_wrap .text_area{
	margin-top:28px;
}

#form{
	padding:120px 0;
	min-height:550px;
	background:url(../image/recruit/communicator_bg.jpg)no-repeat center center;
	background-size:cover;
	text-align:center;
	color:#fff;
	display:flex;
}

#form.ass{
	padding:120px 0;
	min-height:550px;
	background:url(../image/recruit/associate_bg.jpg)no-repeat center center;
	background-size:cover;
	text-align:center;
	color:#fff;
	display:flex;
}

#form p{
	font-size: 24px;
	font-weight: 700;
	line-height: 180%;
}

#recruit_outline{
	padding:50px 0 50px 0;
	position:relative;
	overflow: hidden;
}

#recruit_outline h3.title{
	font-size:36px;
	color: #000;
}

#recruit_outline h3.title span{
	font-size: 15px;
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	color: #989898;
}

.outline_wrap{
	background-color:#E9EFF0;
	margin-top:60px;
	padding:60px 0;
}

.outline_wrap dl{
	border-bottom:solid 1px #000;
	justify-content:flex-start;
	display: flex;
	flex-wrap: wrap;
	padding:32px 0;
}

.outline_wrap dl dt{
	width:25%;
	padding-right:20px;
	font-weight: 700;
}

.outline_wrap dl dd{
	width:75%;
}

.more{
	text-align:center;
}

.more a{
	width:auto;
	display:inline-block;
	padding:0 40px;
	height:72px;
	line-height:72px;
	border-radius: 50px;
	font-size:24px;
}


@media only screen and (min-width: 825px) {


}

@media (max-width: 825px) {

	#recruit{
		margin-top: 80px;
	}

	#recruit .recruit_wrap{
		display:block;
	}

	#recruit .recruit_wrap > * {
		width: 100%;
	}

	#recruit .recruit_wrap .text_area {
		margin-top:30px;
		text-align:center;
	}

	#recruit .recruit_wrap .image {
		margin-top:30px;
		text-align:center;
	}

	ul.works_list{
		display:block;
	}

	ul.works_list li{
		margin:0 auto 30px auto !important;
	}

	#seek .seek_wrap{
		display:block;
	}

	#seek .seek_wrap > *{
		width:100%;
	}

	#seek .seek_wrap .text_area{
		margin-top:30px;
	}


}
@media (max-width: 600px) {
	.pan{
		padding-top:20px;
	}

	#work  h3.title {
		font-size: 22px;
	}

	#work  h3.title span {
		font-size: 13px;
	}

	#recruit {
		margin-top:0;
		padding:50px 0;
	}

	#recruit .recruit_wrap{
		display:block;
	}

	#recruit .recruit_wrap > * {
		width:100%;
	}

	#recruit .recruit_wrap .image{
		display:none;
	}

	#recruit .recruit_wrap .text_area h3{
		text-align:center;
	}

	#recruit .catch_com {
		font-size:80px;
		bottom:15px;
	}

	#recruit .recruit_wrap .text_area p {
		font-size: 24px;
	}

	.more{
		margin-top:30px;
	}

	.more a{
		font-size: 18px;
		margin:auto;
	}

	#work {
		padding: 50px 0 0 0;
	}

	#seek{
		padding: 50px 0;
	}

	#form p {
		font-size: 18px;
	}

	#work .catch_com{
		font-size:80px;
	}

	#works_slide {
		padding-top: 40px;
	}

	ul.works_list li .works_area{
		height: 287px;
		width: 251px;
		margin-left: auto;
		margin-right: auto;
	}

	#seek .seek_wrap .text_area ul li {
		font-size: 16px;
	}

	.outline_wrap dl{
		display: block;
	}

	.outline_wrap dl dt{
		width:100%;
		padding-right:0;
	}

	.outline_wrap dl dd{
		width:100%;
		margin-top:10px;
	}

	#recruit_outline h3.title{
		font-size:28px;
	}

}