@charset "utf-8";
/* CSS Document */

/* header#page-title > div > h1#copy(.en) */
/* header#page-title > div > h1#title span */
/* header#page-title > div > video */
/* header#page-title > div > div.slide-visual */

header#page-title {position: relative; top: 0; right: 0; width: 100%; height: calc(5rem + 2.8rem + 1.8rem + 5rem); margin-bottom: 0; background-color: #fff; background-position: 50% center; background-size: 160rem; -moz-background-size: 160rem; overflow: hidden;}
header#page-title::before {content:""; width: 100%; height: 100%; background: #03133b94; top: 0; left: 0; position: absolute; z-index: 1;}
header#page-title:not(.type00) {margin-bottom: 7.68rem;} /* HOME以外 */
header#page-title h1#title {width: 110rem; text-align: left; font-family: 'Century Gothic',YakuHanJP,sans-serif; color: #fff; font-weight: bold; font-size: 2.8rem; line-height: 2.6rem; position: relative; letter-spacing: 4px; border-bottom: none; z-index: 1; transform: translate(0, -50%); top: 52%; margin: 0 auto;}
header#page-title h1#title span {font-family: 'M PLUS Rounded 1c',sans-serif; font-size: 1rem; font-weight: normal; color: #fff; display: block; letter-spacing: 0.05rem; position: relative; width: fit-content; padding: 0 0 0 2.4rem;}
header#page-title h1#title span:before {content:""; width: 1.6rem; height: 0.2rem; background: #fff; top: calc(50% - 0.2px); left: 0; position: absolute; z-index: 1;}

/* responsive */
/* PC：950px〜1200px　TAB：768(600)px〜834px SP：375(360)px〜414px */
@media screen and (min-width: 2000px) {
header#page-title::after {content: ""; width: 100%; height: 1450px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,1) 100%); z-index: 0; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}
}

@media screen and (max-width: 1199px) {
header#page-title h1#title {width: 90vw;}
}
@media screen and (max-width: 949px) {
header#page-title {height: 11rem; margin-bottom: 7rem;}
header#page-title:not(.type00) {}
}
@media screen and (max-width: 699px) {
}
/* ●●●●●●●●●●●●●●●●●●●● page ●●●●●●●●●●●●●●●●●●●● */
/*
header#page-title
nav.gnav
.exchange

type00 index
type01 company 
type02 inspection
type03 access
type04 recruit
type05 inquiry
type06 sent01
type07 sent02
*/

/* ------------------ HOME type00 ------------------ */
header#page-title.type00 {height: 380px;}
header#page-title.type00 h1#copy {font-size: 3.0rem; font-weight: 100; letter-spacing: 0.5rem; line-height: 4.4rem; width: fit-content;  padding: 3rem 8rem 3rem 4rem; background: var(--primary-color); top: 50%; right: 0; transform: translate(0, -50%); text-align: left; position: absolute; z-index: 1; color: #fff; margin: 0;}
header#page-title.type00 h1#copy.en {font-size: 2em; letter-spacing: 0.08em; line-height: 1.5em;}

/* slide */
header#page-title.type00 .slide-visual:nth-of-type(1) {animation-delay: -2s; background: url("../img/22634475_l.jpg") no-repeat center bottom -500px / 1600px;}
header#page-title.type00 .slide-visual:nth-of-type(2) {animation-delay: 6s; background: url("../img/24222210_l.jpg") no-repeat center bottom / 1600px;}
header#page-title.type00 .slide-visual:nth-of-type(3) {animation-delay: 14s; background: url("../img/26478295_l.jpg") no-repeat center bottom -500px / 1600px;}
header#page-title .slide-visual {position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; animation: anime 24s linear infinite;}

/* slide animation */
@keyframes anime {
/* 非表示状態からフェードインを開始する */
0% {opacity: 0; transform: scale(1.6); /* ズームのための指定 */}
/* フェードインを完了し完全表示する */
4.16% {opacity: 1;}
/* ここまで完全表示を維持したらフェードアウトを開始する */
33.33% {opacity: 1;}
/* フェードアウトを完了し非表示にする */
41.66% {opacity: 0; transform: scale(1.2); /* ズームのための指定 */}
100% {opacity: 0;}
}

video {min-width: 100vw; min-height: 500px; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; opacity: 0.05; z-index: 1;}

/* responsive */
/* PC：950px〜1200px　TAB：768(600)px〜834px SP：375(360)px〜414px */
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 799px) {
header#page-title.type01 h1#title, header#page-title.type02 h1#title, header#page-title.type03 h1#title, header#page-title.type04 h1#title, header#page-title.type05 h1#title, header#page-title.type06 h1#title, header#page-title.type07 h1#title {}
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 599px) {
header#page-title.type00 h1#copy {font-size: 2.2rem; line-height: 3.4rem; right: 0; bottom: 0; top: unset; transform: none;}
}
@media screen and (max-width: 499px) {
}

/* ------------------ Company type01 ------------------ */
/* slide */
header#page-title.type01 .slide-visual:nth-of-type(1) {animation-delay: -2s; background: url("../img/22634475_l.jpg") no-repeat center bottom -500px / 1600px;}
header#page-title.type01 .slide-visual:nth-of-type(2) {animation-delay: 6s; background: url("../img/24222210_l.jpg") no-repeat center bottom / 1600px;}
header#page-title.type01 .slide-visual:nth-of-type(3) {animation-delay: 14s; background: url("../img/26478295_l.jpg") no-repeat center bottom -500px / 1600px;}

/* ●●●●●●●●●●●●●●●●●●●● page ●●●●●●●●●●●●●●●●●●●● */