/*loading*/
#loading{ width: 100%; height: 100vh; position: fixed; background:#1D1D1D; top: 0; left: 0; z-index: 10000; }
#loadingInner{ width: 100%; max-width: 800px;height: 500px;display: block;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}

/*common*/
.pc-only { display: block!important; }
.sp-only { display: none!important; }

html, body { width: 100%; overflow-x: hidden; }

img { max-width: 100%; }

@media screen and (max-width: 768px) {
	.pc-only { display: none!important; }
	.sp-only { display: block!important; }
}

/*fade*/
.scroll-fade:not(.feature00_read):not(.feature01_ttl):not(.feature01_read):not(.feature02_ttl):not(.feature02_read):not(.feature03_ttl):not(.feature03_read) { opacity: 0; }
.isActive {
    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	to{opacity:1;-webkit-transform:none;transform:none}
}

.wrapper { min-width: 1000px; margin: 0 auto; position: relative; }
.teaser_img img { width: 100%; }
.nav { position: absolute; top: 80px; width: 100%; display: flex; justify-content: center; }
.nav li { font-size: 1.6rem; color: #fff; }
.nav li + li { margin-left: 4em; }

h2 { font-size: 4.0rem; text-align: center; }

#company { padding: 100px 0 150px; }
#company .inner { width: 700px; margin: 0 auto; }
#company h2 { color: #005597; margin-bottom: 100px; }
#company table { font-size: 2.2rem; margin-top: 50px; }
#company table th { font-weight: 500; width: 7em;}

#service { background: #EDEDED; text-align: center; padding: 100px 0 250px; }
#service h2 { color: #8D1F56; margin-bottom: 200px; }

#recruit { text-align: center; padding: 100px 0 250px; }
#recruit p span { display: inline-block; border-bottom: 1px solid #333; padding: 0 10px 10px; }
#recruit h2 { color: #005597; margin-bottom: 200px; }

#contact { background: #EDEDED; text-align: center; padding: 100px 0 250px; }
#contact h2 { color: #8D1F56; margin-bottom: 200px; }
#contact .contact_link { font-size: 2.2rem; }
#contact .contact_link a { display: inline-block; }
#contact .contact_link .ico { display: block; width: 64px; margin: 45px auto 15px; }

#news { text-align: center; padding: 35px 0; }
#news h2 { font-size: 3.0rem; margin-bottom: 20px; }

footer { background: linear-gradient(90deg, #8D1F56 0%, #8D1F56 50%, #005597 50%, #005597 100%); text-align: center; padding: 70px 0 50px; }
.logo { width: 382px; margin: 0 auto; }
footer * { color: #fff; }
footer p { font-size: 2.0rem; margin-top: 15px; }
footer p + p { margin-top: 25px; }
footer .copyright { font-size: 1.6rem; }