@charset "UTF-8";









/*



	sec
	Job



*/









/* ---------------------------------------------------



	common



--------------------------------------------------- */

.sec-stgae {
	border-top: none;
    margin-top: -90px;
	padding: 90px 0 150px;
	}
	.sec-stgae .inner {
		margin: 0 auto;
		}

.ss-ttlarea {
	overflow: hidden;
	padding: 20px 0 0;
	position: relative;
	}
	.ss-ttlarea:before,
	.ss-ttlarea:after {
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0;
		}
	.ss-ttlarea:before {
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;

		-webkit-filter: blur(2px);
		-moz-filter: blur(2px);
		filter: blur(2px);
		}
		#engineer .ss-ttlarea:before { background-image: url(/recruit/new/2020/src/img/sec/job/engineer/thumb.png); }
		#videocreator .ss-ttlarea:before { background-image: url(/recruit/new/2020/src/img/sec/job/videocreator/thumb.png); }
		#designer .ss-ttlarea:before { background-image: url(/recruit/new/2020/src/img/sec/job/designer/thumb.png); }
		#planningsales .ss-ttlarea:before { background-image: url(/recruit/new/2020/src/img/sec/job/planningsales/thumb.png); }

	.ss-ttlarea:after {
		background-color: rgba(0, 73, 135, 0.6);
				
		-webkit-mix-blend-mode: multiply;
		-moz-mix-blend-mode: multiply;
		mix-blend-mode: multiply;
		}
	.ss-ttlarea h2 {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 80px auto;
		color: rgba(255, 255, 255, 1);
		font-size: 36px;
		line-height: 1.25;
		letter-spacing: 5px;
		margin: 0 auto;
		max-width: 960px;
		padding: 80px 0 50px;
		position: relative;
		z-index: 1;
		}
		.ss-ttlarea h2 small {
			display: block;
			font-size: 14px;
			letter-spacing: 0em;
			padding: 10px 0 0;
			margin: 0 0 0 -5px;
			}
		#engineer .ss-ttlarea h2 { background-image: url(/recruit/new/2020/src/img/common/icon/engineer-yellow.png); }
		#videocreator .ss-ttlarea h2 { background-image: url(/recruit/new/2020/src/img/common/icon/videocreator-yellow.png); }
		#designer .ss-ttlarea h2 { background-image: url(/recruit/new/2020/src/img/common/icon/designer-yellow.png); }
		#planningsales .ss-ttlarea h2 { background-image: url(/recruit/new/2020/src/img/common/icon/planningsales-yellow.png); }

.ss-bodyarea {
	margin: 0 auto;
	max-width: 950px;
	overflow: hidden;
	padding: 60px 20px 20px;
	}

	.ssb-intro { padding: 0 0 30px; }
		.ssb-intro h3 {
			font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
			font-size: 24px;
			line-height: 1.75;
			text-align: center;
			padding: 20px 0;
			}
		.ssb-intro p {
			font-size: 14px;
			line-height: 2.5;
			}
			.ssb-intro p span { display: block; }

	.ssb-skill {
		background: rgba(238, 238, 238, 1);
		overflow: hidden;
		padding: 40px 30px;
		}
		.ssb-skill h3 {
			color: rgba(0, 73, 135, 1);
			font-size: 24px;
			font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
			padding: 0 0 30px;
			}
		.ssb-skill p {
			font-size: 14px;
			line-height: 2.5;
			overflow: hidden;
			}
			.ssb-skill p span { display: block; }
		.ssb-skill .ssbs-list { padding: 0 0 5px; }
			.ssb-skill .ssbs-list span {
				background: rgba(0, 73, 135, 1);
				color: rgba(255, 255, 255, 1);
				display: inline-block;
				margin: 0 5px 0 0;
				padding: 0 10px;
				}
				.ssb-skill .ssbs-list span:last-child {
					background: none;
					color: rgba(0, 0, 0, 1);
					}

	.coms-extlink.cmssl-entry a { font-size: 24px; }









/*



	MediaQuery



*/









/* ---------------------------------------------------



	750



--------------------------------------------------- */
@media screen and (max-width: 750px) {



/*

	common

--------------------------------------------------- */

.sec-stgae {
    margin-top: -60px;
	padding: 60px 0;
	}

.ss-ttlarea {
	overflow: hidden;
	padding: 20px 0 0;
	position: relative;
	}
	.ss-ttlarea h2 {
	    background-size: 50px auto;
	    font-size: 22px;
	    letter-spacing: 3px;
	    padding: 50px 30px 40px;
		}
		.ss-ttlarea h2 small {
			font-size: 13px;
			line-height: 1.75;
			}

.ss-bodyarea { padding: 20px 30px; }
	.ssb-intro { padding: 0 0 30px; }
		.ssb-intro h3 {
			font-size: 18px;
			line-height: 1.75;
			}
		.ssb-intro p {
			font-size: 13px;
			line-height: 2;
			text-align: left;
			}
			.ssb-intro p span { display: inline; }

	.ssb-skill { padding: 30px; }
		.ssb-skill h3 {
			font-size: 18px;
			padding: 0 0 20px;
			}
		.ssb-skill p {
			font-size: 13px;
			line-height: 2;
			text-align: left;
			}
			.ssb-skill p span { display: inline; }
		.ssb-skill .ssbs-list {
			padding: 0 0 5px;
			text-align: center;
			}
			.ssb-skill .ssbs-list span {
				margin: 0 5px 5px;
				padding: 0 10px;
				}
				.ssb-skill .ssbs-list span:last-child {
					background: none;
					color: rgba(0, 0, 0, 1);
					}

	.coms-extlink.cmssl-entry a { font-size: 18px; }




}