@charset "utf-8";

@media all {
	.c-Keyvisual {
		min-height: 100vh;
		padding: 0;
	}
	
	.c-Keyvisual__inner {
		width: 100%;
		position: absolute;
		top: calc(50% - 1.75em);
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.c-Keyvisual__read {
		font-size: .9vw;
		margin: 2em 0 0;
		padding: 0 0 0 2.5em;
	}
	
	.c-Keyvisual__cross {
		width: 1em;
		height: 1em;
	}
	
	.c-Keyvisual__cross:before,
	.c-Keyvisual__cross:after {
		content: '';
		width: 50%;
		padding: 7.5% 0 0;
		background: #fff;
		display: block;
		box-shadow: 0 0 15px rgba(0,0,0,1);
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	.c-Keyvisual__cross:before {
		transform: translate(-50%,-50%) rotate(45deg);
	}
	
	.c-Keyvisual__cross:after {
		transform: translate(-50%,-50%) rotate(-45deg);
	}
	
	.c-Keyvisual__industry em {
		font-size: 5vw;
		display: block;
		transform: translateX(-.05em) skewX(-5deg);
	}
	
	.c-Keyvisual__industry em:nth-child(2) {
		margin-left: .45em;
		padding: .15em 0;
	}
	
	.c-Keyvisual__industry em:nth-child(3) {
		margin-left: .9em;
	}
	
	.c-Scroll-line {
		width: 1px;
		height: 200px;
		background: rgba(255,255,255,.1);
		bottom: 0;
		right: 14%;
		transform: translate(0,0);
		transition: 2s cubic-bezier(0.75, 0, 0.35, 1);
		overflow: hidden;
	}
	
	.c-Scroll-line__move {
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,.75);
		transform: translate(0,-100%);
		animation: anim-Scroll-line__move 4s 1s ease-in-out infinite;
	}
	
	.c-About__item-title {
		font-size: .9vw;
		width: 7vw;
	}
	
	.c-About__item-data-officer dt {
		width: 7em;
	}
	
	.c-Category-list {
		padding: 6em 1em 0;
	}
	
	.c-Category-list__items {
		margin-right: -.5em;
		margin-left: -.5em;
	}
	
	.c-Category-list__item {
		width: calc(50% - 1em);
		line-height: 1.5;
		margin: 0 .5em;
		padding: .75em 1.5em;
		border-bottom: 1px solid rgba(255,255,255,.15);
	}
	
	.c-Category-list__item:nth-child(-n + 2) {
		border-top: 1px solid rgba(255,255,255,.15);
	}
	
	.c-Category-list__item-large {
		width: 100%;
	}
	
	.c-Service__inner {
		margin: 0 -1em;
	}
	
	.c-Work .u-Text small {
		line-height: 1.5;
		padding: 1em 0 0;
	}
	
	.c-Work__inner {
		margin: 0 -1em;
	}
	
	.c-Industry-list {
		margin: 6em 0 0;
	}
	
	.c-Industry-list__item:not(:last-child):after {
		content: '/';
		padding: 0 .75em;
		display: inline-block;
		opacity: .65;
	}
	
	.c-Contact__list {
		max-width: 500px;
		margin: -1em auto 0;
		padding: 0 110px 0 0;
	}
	
	.c-Contact .u-Form__title {
		width: 30%;
		margin: 1em 0 0;
	}
	
	.c-Contact .u-Form__title-name {
		position: absolute;
		top: 50%;
		right: 1.5em;
		transform: translateY(-50%);
	}
	
	.c-Contact .u-Form__text {
		width: 70%;
		margin: 1em 0 0 0;
	}
	
	.c-Contact__button {
		padding: 30px 0 0;
	}
	
	.c-Contact__button-submit {
		font-size: 1.4rem;
		padding: 1em 3em;
		background: #28aadc;
	}
	
	.is-Scroll .c-Scroll-line {
		opacity: 0;
	}
	
} /* END Responsive All */

/*
 * CSS ANIMATION
 * ==================================================================================================== */
	@keyframes anim-Scroll-line__move {
		0% {
			transform: translate(0,-100%);
		}
		30% {
			transform: translate(0,0);
		}
		40% {
			transform: translate(0,0);
		}
		70% {
			transform: translate(0,100%);
		}
		100% {
			transform: translate(0,100%);
		}
	}