@charset "UTF-8";

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

	Layout Top - Top Page
	
	Base

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

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

	Module

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

/* Module > FadeIn */
.gmk-fi.fadein-init {
	opacity: 0;
	position: relative;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
    }
.gmk-fi.fadein-init-on {
	opacity: 1;
	-webkit-transition-property: opacity, transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1.7s, 0.8s;
	transition-duration: 1.7s, 0.8s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}

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

	Layout

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

/* Container */
body > .container { height: 88%; }

/* Common Block */
.lt_block { margin: 0 auto; }
	.lt_block-inner {
		display: block;
		position: relative;
		}
	.lt_block-inner:before,
	.lt_block-inner:after {
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		}
	.lt_block-inner:before {
		background-color: rgba(0, 0, 0, .5);
		z-index: 1;
		}
	.lt_block-inner:after {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
		-webkit-transform: rotate(0.0001deg);
		transform: rotate(0.0001deg);
		-webkit-transition: transform 30s linear;
		transition: transform 30s linear;
		}
		.lt_blk-ttlarea {
			color: rgba(255, 255, 255, 1);
			position: relative;
			text-align: center;
			z-index: 2;
			}
		.lt_blk-ttlarea:after {
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100%;
			content: '';
			display: block;
			margin: 0 auto;
			}
			.lt_blk-ttl { font-weight: 500; }
			.lt_blk-ttl-sub { display: block; }
		.lt_blk-bodyarea {
			color: rgba(255, 255, 255, 1);
			position: relative;
			text-align: center;
			z-index: 2;
			}
			.lt_blk-bodyarea p {}
	/* Common Block > Middle */
	.lt_block-mdl {}
		.lt_block-mdl .lt_block-inner:before { background-color: rgba(0, 70, 130, .6); }
			.lt_block-mdl .lt_blk-ttl { font-weight: 500; }
	/* Common Block > Scheme */
	#ltb-job-employment .lt_block-inner:after { background-image: url(/src/img/top/secwire/job-employment-top.png); }
	#ltb-requirements .lt_block-inner:after { background-image: url(/src/img/top/secwire/requirements-top.png); }
	#ltb-workplace .lt_blk-ttlarea:after { background-image: url(/src/img/common/illust/maternity-white.png); }
	#ltb-interview .lt_blk-ttlarea:after { background-image: url(/src/img/common/illust/person-white.png); }
	#ltb-job .lt_blk-ttlarea:after { background-image: url(/src/img/common/illust/note-white.png); }
	#ltb-company .lt_blk-ttlarea:after { background-image: url(/src/img/common/illust/company-white.png); }
	#ltb-requirements .lt_blk-ttl-sub:after { background-image: url(/src/img/common/illust/pencil-white.png); }
	/* Common Block > ttlarea:after */
	#ltb-news .lt_blk-ttlarea:after,
	#ltb-job-employment .lt_blk-ttlarea:after { display: none; }
	/* Common Block > Scheme > interview */
	#ltb-interview-wrap {}
		#ltb-interview {}
	/* Common Block > Scheme > job-employment */
	#ltb-job-employment { position: relative; }
		#ltb-job-employment .lt_blk-ttlarea {
			background-image: url(/src/img/common/arrow/right-white.png);
			background-repeat: no-repeat;
			}
	/* Common Block > Scheme > requirements */
	#ltb-requirements-wrap { border-bottom: 1px solid rgba(0, 130, 205, 1); }
		#ltb-requirements {}
			#ltb-requirements .lt_blk-ttl-sub:after {
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 100%;
			    content: '';
			    display: block;
			    margin: 0 auto;
				}
			#ltb-rqm-linkarea {
				margin: 0 auto;
				align-items: center;
				display: flex;
				justify-content: center;
				}
				.ltb-rqm-la-item {
					background-repeat: no-repeat;
					display: inline-table;
					text-align: center;
					vertical-align: bottom;
					width: 50%;
					}
					.ltb-rqm-la-item span {
						display: table-cell;
						vertical-align: middle;
						}
		/* Common Block > Scheme > requirements > Scheme */
		#ltb-rqm-la-app {
			background-image: url(/src/img/common/arrow/right-purple.png);
			background-color: rgba(254, 231, 246, 1);
			color: rgba(200, 0, 130, 1);
			}
		#ltb-rqm-la-flow {
			background-image: url(/src/img/common/arrow/right-blue.png);
			background-color: rgba(212, 234, 255, 1);
			color: rgba(0, 130, 205, 1);
			}


/* Intro */
#intro { position: relative; }
	#int-inner {
		color: rgba(255, 255, 255, 1);
		height: 100%;
		position: relative;
		text-align: center;
		}
	#int-inner:before {
		background-color: rgba(50, 50, 50, .5);
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		}
	/* Intro > Copy */
	#int-copy {
		font-weight: 700;
		left: 50%;
		position: absolute;
		z-index: 2;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		}
		#int-copy.fadein-init {
			opacity: 0;
			top: -100px;
			-webkit-transition: all 2s ease;
		    transition: all 2s ease;
			}
		#int-copy.fadein-init-on { opacity: 1; }
	/* Intro > Credit */
	#int-credit {
		background-image: url(/src/img/common/illust/car-white.png);
		background-position: center top;
		background-repeat: no-repeat;
		display: inline-table;
		position: absolute;
		left: 50%;
		z-index: 2;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		}
		#int-credit span {
			display: table-cell;
			font-weight: 900;
			vertical-align: middle;
			}
			#int-credit span strong { display: block; }
		#int-credit.fadein-init {
			opacity: 0;
			bottom: -100px;
			-webkit-transition: all 2s ease;
		    transition: all 2s ease;
			}
		#int-credit.fadein-init-on { opacity: 1; }
	/* Intro > Fig Area */
	.int-figarea {
		height: 100%;
		position: relative;
		z-index: 0;
		}
		.int-fa-block {}
			.int-fa-item {
				overflow: hidden;
				position: relative;
				}
			.int-fa-item:before,
			.int-fa-item:after {
				bottom: 0;
				content: '';
				left: 0;
				position: absolute;
				right: 0;
				}
			.int-fa-item:before {
				background-color: rgba(0, 130, 205, 1);
				top: 0;
				z-index: 1;
				}
			.int-fa-item:after {
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				top: 0;
				z-index: 0;
				}
			.int-fa-item.fadein-init:before {
			    -webkit-transform: translateY(0);
			    transform: translateY(0);
				-webkit-transition: all 2s ease;
			    transition: all 2s ease;
			    }
			.int-fa-item.fadein-init-on:before {
			    -webkit-transform: translateY(100%);
			    transform: translateY(100%);
				}
		/* Intro > Fig Area > Scheme */
		.int-fa-01:after { background-image: url(/src/img/top/intro/fig-01.png); }
		.int-fa-02:after { background-image: url(/src/img/top/intro/fig-02.png); }
		.int-fa-03:after { background-image: url(/src/img/top/intro/fig-03.png); }
		.int-fa-04:after { background-image: url(/src/img/top/intro/fig-04.png); }
		.int-fa-05:after { background-image: url(/src/img/top/intro/fig-05.png); }
		.int-fa-06:after { background-image: url(/src/img/top/intro/fig-06.png); }

/* Message */
#ltb-message {
	margin: 0 auto;
	text-align: center;
	}
	#ltb-msg-ttlarea { color: rgba(0, 130, 205, 1); }
		#ltb-msg-label { font-weight: 300; }
		#ltb-msg-ttl {}
			#ltb-msg-ttl strong {
				display: block;
				font-weight: 500;
				}
				#ltb-msg-ttl strong span {}
	#ltb-msg-bodyarea { margin: 0 auto; }
		#ltb-msg-bodyarea p {}
		.ltb-msg-ba-fig {}
			.ltb-msg-ba-fig img {}

/* News */
#ltb-news {}
	.com-nws-ttlarea {
		color: rgba(0, 130, 205, 1);
		text-align: center;
		}
		.com-nws-ttl { font-weight: 300; }

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

	MediaQuery

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

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

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

	Layout

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

/* Common Block */
.lt_block {
	overflow: hidden;
	margin-bottom: 50px;
	}
	.lt_block-inner { padding: 100px 20px; }
		.lt_blk-ttlarea {}
		.lt_blk-ttlarea:after {
			height: 50px;
			margin-top: 15px;
			width: 50px;
			}
			.lt_blk-ttl {
				font-size: 34px;
				letter-spacing: 10px;
				margin-left: 10px;
				}
			.lt_blk-ttl-sub {
				font-size: 14px;
				letter-spacing: 2px;
				margin-left: 2px;
				margin-top: 10px;
				}
		.lt_blk-bodyarea { margin-top: 20px; }
			.lt_blk-bodyarea p {
				font-size: 15.5px;
				line-height: 2;
				letter-spacing: 2px;
				margin-left: 2px;
				}
			.lt_blk-bodyarea .com-linkarea { margin-top: 45px; }
	/* Common Block > Middle */
	.lt_block-mdl {
		margin-bottom: 70px;
		margin-top: 20px;
		max-width: 1000px;
		}
		.lt_block-mdl .lt_block-inner { padding: 60px 20px; }
	/* Common Block > Scheme */
	#ltb-workplace .lt_block-inner:after { background-image: url(/src/img/top/secwire/workplace-index.png); }
	#ltb-interview .lt_block-inner:after { background-image: url(/src/img/top/secwire/interview-index.png); }
	#ltb-job .lt_block-inner:after { background-image: url(/src/img/top/secwire/job.png); }
	#ltb-company .lt_block-inner:after { background-image: url(/src/img/top/secwire/company.png); }
	#ltb-company { margin-bottom: 0; }
	/* Common Block > Hover */
	.lt_block:hover .lt_block-inner:after {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		}
	/* Common Block > Scheme > interview */
	#ltb-interview-wrap {}
		#ltb-interview { margin-bottom: 0; }
	/* Common Block > Scheme > job-employment */
	#ltb-job-employment {
		left: 0;
		top: 0;
		-webkit-transition: .3s;
		transition: .3s;
		}
		#ltb-job-employment .lt_blk-ttlarea {
			background-size: 25px;
			background-position: center right 30px;
			}
			#ltb-job-employment .lt_blk-ttl-sub {
				font-size: 20px;
				letter-spacing: 5px;
				margin-bottom: 20px;
				margin-left: 5px;
				margin-top: 0;
				}
			#ltb-job-employment .lt_blk-ttl {
				font-size: 30px;
				letter-spacing: 10px;
				margin-left: 10px;
				}
		/* Common Block > Scheme > job-employment > Hover */
		#ltb-job-employment:hover {
			left: -3px;
			top: -3px;
			-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
			box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
			}
	/* Common Block > Scheme > requirements */
	#ltb-requirements-wrap { padding-bottom: 70px; }
		#ltb-requirements { margin-bottom: 0; }
			#ltb-requirements .lt_blk-ttlarea:after { display: none; }
			#ltb-requirements .lt_blk-ttl { font-size: 30px; }
			#ltb-requirements .lt_blk-ttl-sub {
				font-size: 20px;
				letter-spacing: 5px;
				margin-bottom: 15px;
				margin-left: 5px;
				margin-top: 0;
				}
			#ltb-requirements .lt_blk-ttl-sub:after {
				height: 40px;
				margin-top: 20px;
				width: 40px;
				}
			#ltb-rqm-linkarea { max-width: 1000px; }
				.ltb-rqm-la-item {
					background-size: 25px;
					background-position: center right 30px;
					height: 100px;
					-webkit-transition: .3s;
					transition: .3s;
					}
					.ltb-rqm-la-item span {
						font-size: 24px;
						letter-spacing: 2px;
						margin-left: 2px;
						}
		/* Common Block > Scheme > requirements > Hover */
		#ltb-requirements-wrap:hover .lt_block-inner:after {
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			}
		#ltb-rqm-la-app:hover,
		#ltb-rqm-la-flow:hover {
			background-image: url(/src/img/common/arrow/right-white.png);
			color: rgba(255, 255, 255, 1);
			}
		#ltb-rqm-la-app:hover { background-color: rgba(200, 0, 130, 1); }
		#ltb-rqm-la-flow:hover { background-color: rgba(0, 130, 205, 1); }

/* Intro */
#intro { height: 100%; }
	#int-inner {}
	/* Intro > Copy */
	#int-copy {
		font-size: 32px;
		letter-spacing: 10px;
		line-height: 2.5;
		top: 10%;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		text-align: left;
		}
		#int-copy.fadein-init-on { top: 10%; }
	/* Intro > Credit */
	#int-credit {
		background-size: 60px;
		padding-top: 80px;
		}
		#int-credit span {
			font-size: 14px;
			letter-spacing: 2px;
			}
			#int-credit span strong {
				font-size: 200%;
				letter-spacing: 17.5px;
				margin-left: 17.5px;
				margin-top: 5px;
				}
		#int-credit.fadein-init-on { bottom: 5%; }
	/* Intro > Fig Area */
	.int-figarea {
		align-items: center;
		display: flex;
		justify-content: center;
		}
		.int-fa-block { height: 100%; }
			.int-fa-item {}
			.int-fa-item:before {}
		/* Intro > Fig Area > Scheme */
		.int-fa-col1 { width: 60%; }
		.int-fa-col2,
		.int-fa-col3 { width: 20%; }
		.int-fa-row1 .int-fa-item { height: 100%; }
		.int-fa-row2 .int-fa-item { height: 50%; }
		.int-fa-row3 .int-fa-item { height: 33.33333333333333%; }

/* Message */
#ltb-message { padding-top: 85px; }
	#ltb-msg-ttlarea {}
		#ltb-msg-label {
			font-size: 33px;
			letter-spacing: 5px;
			margin-left: 5px;
			}
		#ltb-msg-ttl {
			font-size: 20px;
			letter-spacing: 5px;
			line-height: 2;
			margin-top: 40px;
			}
			#ltb-msg-ttl strong { font-size: 28px; }
				#ltb-msg-ttl strong span { letter-spacing: -5px; }
	#ltb-msg-bodyarea { margin-top: 30px; }
		#ltb-msg-bodyarea p {
			font-size: 17px;
			letter-spacing: 1px;
			line-height: 2;
			margin-left: 1px;
			text-align: center;
			}
		.ltb-msg-ba-fig { margin-top: 50px; }
			.ltb-msg-ba-fig img {}

/* News */
#ltb-news {
	border-bottom: 1px solid rgba(0, 130, 205, 1);
	padding-bottom: 70px;
	padding-top: 60px;
	}
	.com-nws-ttlarea {}
		.com-nws-ttl {
			font-size: 33px;
			letter-spacing: 5px;
			}
	.com-nws-bodyarea { margin-top: 40px; }
		.com-nws-list { padding-bottom: 40px; }

}

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

@media screen and (min-width: 751px) and (max-height: 699px) {

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

	Layout

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

/* Intro */
	/* Intro > Copy */
	#int-copy { font-size: 1.25rem; }

}

@media screen and (max-width: 850px) {

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

	Layout

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

/* Common Block */
.lt_block { margin-bottom: 40px; }
	.lt_block-inner { padding: 60px 15px; }
		.lt_blk-ttlarea {}
		.lt_blk-ttlarea:after {
			height: 50px;
			margin-top: 20px;
			width: 50px;
			}
			.lt_blk-ttl {
				font-size: 25px;
				letter-spacing: 5px;
				margin-left: 5px;
				}
			.lt_blk-ttl-sub {
				font-size: 12px;
				letter-spacing: 2px;
				margin-left: 2px;
				margin-top: 7.5px;
				}
		.lt_blk-bodyarea { margin-top: 15px; }
			.lt_blk-bodyarea p {
				font-size: 13px;
				line-height: 2;
				letter-spacing: 2px;
				margin-left: 2px;
				}
			.lt_blk-bodyarea .com-linkarea { margin-top: 25px; }
	/* Common Block > Middle */
	.lt_block-mdl { margin: 0 20px 40px; }
		.lt_block-mdl .lt_block-inner { padding: 30px 15px; }
	/* Common Block > Scheme > interview */
	#ltb-interview-wrap {}
		#ltb-interview { margin-bottom: 0; }
	/* Common Block > Scheme > job-employment */
	#ltb-job-employment {}
		#ltb-job-employment .lt_blk-ttlarea {
			background-size: 15px;
			background-position: center right;
			}
			#ltb-job-employment .lt_blk-ttl-sub {
				font-size: 13px;
				line-height: 1.35;
				letter-spacing: 5px;
				margin-bottom: 10px;
				margin-left: 5px;
				margin-top: 0;
				}
			#ltb-job-employment .lt_blk-ttl {
				font-size: 20px;
				letter-spacing: 10px;
				margin-left: 10px;
				}
	/* Common Block > Scheme > requirements */
	#ltb-requirements-wrap { padding: 0 20px 40px; }
		#ltb-requirements { margin: 0; }
			#ltb-requirements .lt_blk-ttlarea:after { display: none; }
			#ltb-requirements .lt_blk-ttl { font-size: 23px; }
			#ltb-requirements .lt_blk-ttl-sub {
				font-size: 17px;
				letter-spacing: 5px;
				margin-bottom: 10px;
				margin-left: 5px;
				margin-top: 0;
				}
			#ltb-requirements .lt_blk-ttl-sub:after {
				height: 30px;
				margin-top: 10px;
				width: 30px;
				}
			#ltb-rqm-linkarea {}
				.ltb-rqm-la-item {
					background-size: 10px;
					background-position: center right 10px;
					height: 80px;
					}
					.ltb-rqm-la-item span {
						font-size: 14px;
						letter-spacing: 2px;
						margin-left: 2px;
						}

/* Intro */
#intro {}
	#int-inner {}
	/* Intro > Copy */
	#int-copy {
		/*font-size: 17px;*/
		font-size: 5vw;
		letter-spacing: 10px;
		line-height: 2.5;
		}
	/* Intro > Credit */
	#int-credit {
		background-size: 40px;
		padding-top: 40px;
		}
		#int-credit span {
			font-size: 10px;
			letter-spacing: 2px;
			}
			#int-credit span strong {
				font-size: 180%;
				letter-spacing: 15px;
				margin-left: 15px;
				margin-top: 5px;
				}
	/* .int-figarea for MediaQuery */

/* Message */
#ltb-message { padding: 50px 20px 0; }
	#ltb-msg-ttlarea {}
		#ltb-msg-label {
			font-size: 30px;
			letter-spacing: 5px;
			margin-left: 5px;
			}
		#ltb-msg-ttl {
			font-size: 15px;
			letter-spacing: 1px;
			line-height: 1.5;
			margin-top: 20px;
			}
			#ltb-msg-ttl strong {
				font-size: 22px;
				margin-top: 5px;
				}
				#ltb-msg-ttl strong span { letter-spacing: -5px; }
	#ltb-msg-bodyarea { margin-top: 20px; }
		#ltb-msg-bodyarea p {
			font-size: 13.5px;
			letter-spacing: 1px;
			line-height: 1.85;
			margin-left: 1px;
			text-align: left;
			}
		.ltb-msg-ba-fig { margin: 30px -20px 0; }
			.ltb-msg-ba-fig img {}

/* News */
#ltb-news {
	padding-bottom: 40px;
	padding-top: 40px;
	}
	.com-nws-ttlarea {}
		.com-nws-ttl {
			font-size: 30px;
			letter-spacing: 5px;
			margin-left: 5px;
			}
	.com-nws-bodyarea { margin-top: 30px; }
		.com-nws-list { padding-bottom: 20px; }

}

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

@media (orientation: landscape) and (max-width: 800px) {

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

	Layout

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

/* Common Block */
	/* Common Block > Scheme */
	#ltb-workplace .lt_block-inner:after { background-image: url(/src/img/top/secwire/workplace-index.png); }
	#ltb-interview .lt_block-inner:after { background-image: url(/src/img/top/secwire/interview-index.png); }
	#ltb-job .lt_block-inner:after { background-image: url(/src/img/top/secwire/job.png); }
	#ltb-company .lt_block-inner:after { background-image: url(/src/img/top/secwire/company.png); }
	#ltb-company { margin-bottom: 0; }

/* Intro */
.container > #intro { height: 92.5%; }
	/* Intro > Copy */
	#int-copy {
		left: 0;
		top: 10%;
		right: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
		#int-copy.fadein-init-on { top: 10%; }
	/* Intro > Credit */
	#int-credit.fadein-init-on { bottom: 7.5%; }
	/* Intro > Fig Area */
	.int-figarea {
		align-items: center;
		display: flex;
		justify-content: center;
		}
		.int-fa-block { height: 100%; }
			.int-fa-item {}
			.int-fa-item:before {}
		/* Intro > Fig Area > Scheme */
		.int-fa-col1 { width: 60%; }
		.int-fa-col2,
		.int-fa-col3 { width: 20%; }
		.int-fa-row1 .int-fa-item { height: 100%; }
		.int-fa-row2 .int-fa-item { height: 50%; }
		.int-fa-row3 .int-fa-item { height: 33.33333333333333%; }

}

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

@media (orientation: portrait) and (max-width: 800px) {

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

	Layout

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

/* Common Block */
	/* Common Block > Scheme */
	#ltb-workplace .lt_block-inner:after { background-image: url(/src/img/top/secwire/workplace-index-min.png); }
	#ltb-interview .lt_block-inner:after { background-image: url(/src/img/top/secwire/interview-index-min.png); }
	#ltb-job .lt_block-inner:after { background-image: url(/src/img/top/secwire/job-min.png); }
	#ltb-company .lt_block-inner:after { background-image: url(/src/img/top/secwire/company-min.png); }
	#ltb-company { margin-bottom: 0; }

/* Intro */
.container > #intro { height: 85%; }
	/* Intro > Copy */
	#int-copy {
		top: 10%;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		text-align: left;
		}
		#int-copy.fadein-init-on { top: 10%; }
	/* Intro > Credit */
	#int-credit.fadein-init-on { bottom: 5%; }
	/* Intro > Fig Area */
	.int-figarea {}
		.int-fa-block {
			align-items: center;
			display: flex;
			justify-content: center;
			width: 100%;
			}
			.int-fa-item { height: 100%; }
			.int-fa-item:before {}
		/* Intro > Fig Area > Scheme */
		.int-fa-col1 { height: 55%; }
			.int-fa-col1 .int-fa-item { width: 100%; }
		.int-fa-col2 { height: 25%; }
			.int-fa-col2 .int-fa-item { width: 50%; }
		.int-fa-col3 { height: 20%; }
			.int-fa-col3 .int-fa-item { width: 33.33333333333333%; }

}

@media screen and (max-width: 320px) {

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

	Layout

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

/* Intro */
	/* Intro > Copy */
	#int-copy { font-size: 14px; }

}