img {
    user-select: none;
}

#top {
    height: 100vh;
    margin-top: -8vh;
    padding-top: 8vh;
}

#normal-top {
    position: relative;
    margin-top: 8vh;
}

.top-img {
    position: absolute;
    width: 100vw;
    text-align: center;
}

#bg_top {
    height: 90vh;
    width: 100vw;
    z-index: 1;
}

.bg_top {
    height: 90vh;
    width: 100vw;
    z-index: 1;
}

#bg_top_sp {
    height: 90vh;
    width: 100vw;
    z-index: 1;
    display: none;
}

#title_01 {
    height: 25vh;
    max-width: 90vw;
    z-index: 2;
}

#title_02 {
    height: 23vh;
    max-width: 85vw;
    z-index: 2;
}

#top_text {
    color: #ffffff;
    font-size: 1.5vw;
    font-weight: 400;
    margin-top: 10px;
}

#bg_wht_01 {
    width: 100vw;
    max-height: 5vh;
    z-index: 2;
}

#img_01 {
    height: 30vh;
    max-width: 100vw;
    z-index: 3;
}

section {
    margin-bottom: 10vh;
}

.fadein {
    opacity: 0;
    transform : translate(0, 50px);
    transition : all 1500ms;
}

.fadein.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}

#pc_interview .fadein.emp01 {
    transition-delay: 0ms;
}

#pc_interview .fadein.emp02 {
    transition-delay: 200ms;
}

#pc_interview .fadein.emp03 {
    transition-delay: 400ms;
}

#pc_interview .fadein.emp04 {
    transition-delay: 200ms;
}

#pc_interview .fadein.emp05 {
    transition-delay: 400ms;
}

#sp_interview .fadein.emp01 {
    transition-delay: 0ms;
}

#sp_interview .fadein.emp02 {
    transition-delay: 200ms;
}

#sp_interview .fadein.emp03 {
    transition-delay: 0ms;
}

#sp_interview .fadein.emp04 {
    transition-delay: 200ms;
}

#sp_interview .fadein.emp05 {
    transition-delay: 0ms;
}

.top-text {
    position: absolute;
    font-size: 3vw;
    color: #1a4d9a;
    font-weight: bold;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    user-select: none;
    text-align: center;
    white-space: nowrap;
}

.label-center {
    text-align: center;
}

.text {
    color: #1a4d9a;
    font-style: oblique;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: bold;
    user-select: none;
}

.title {
    font-size: 8vw;
    font-weight: bold;
}

.sub-title {
    font-size: 2.5vw;
    font-weight: bold;
    margin-top: -2vw;
}

#message {
    height: auto;
    margin-top: -8vh;
    padding-top: 8vh;
    padding-right: 15px;
    margin-left: 10vw;
    margin-right: 10vw;
}

.message {
    width: 65vw;
    font-size: 10vw;
    text-align: center;
    white-space: nowrap;
    user-select: none;
}

.sub-message {
    font-size: 2vw;
    user-select: none;
}

.sub-message span {
    display: inline-block;
}


#data {
    margin-top: -8vh;
    padding-top: 8vh;
    padding-right: 15px;
    margin-left: 10vw;
    margin-right: 10vw;
}

.data-message {
    font-size: 1.5vw;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: initial;
    color: #989898;
}

.data-message span {
    display: inline-block;
}

#interview {
    height: auto;
    margin-top: -8vh;
    padding-top: 8vh;
    padding-right: 15px;
    margin-left: 10vw;
    margin-right: 10vw;
}

#pc_interview {}

#sp_interview {
    display: none;
}

.emp {
    text-align: center;
}

.emp img {
    width: 20vw;
    cursor: pointer;
}

.emp img:hover {
    transform: scale(1.1, 1.1);
}

/*.a-text {*/
/*    color: #1a4d9a;*/
/*    border: 2px solid #1a4d9a;*/
/*    border-radius: 5px;*/
/*    padding: 1vw 2vw;*/
/*    font-size: 2.5vw;*/
/*    font-weight: bold;*/
/*    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
/*    white-space: nowrap;*/
/*    user-select: none;*/
/*}*/

/*.a-text:hover {*/
/*    text-decoration: none;*/
/*}*/

.link-button {
    color: #1a4d9a;
    background-color: #ffffff;
    border: 2px solid #1a4d9a;
    border-radius: 5px;
    padding: 1vw 2vw;
    font-size: 2.5vw;
    font-weight: bold;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    white-space: nowrap;
    user-select: none;
}

.link-button:hover {
    transform: scale(1.1, 1.1);
}

.link-button:focus {
    outline: 0;
}

#empInfo {
    margin-top: -8vh;
    padding-top: 8vh;
    padding-right: 15px;
    margin-left: 10vw;
    margin-right: 10vw;
}

#empInfo table th span {
    display: inline-block;
}

#empInfo table td span {
    display: inline-block;
}

#pc_table {}

#sp_table {
    display: none;
    font-size: 22px;
}

#empInfo #pc_table table th {
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    padding-top: 1vw;
}

#empInfo #pc_table table th.th-border-right {
    border-right: 1px dashed #989898;
}

#empInfo #pc_table table td {
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 2vw;
}

#empInfo #sp_table table tr.tr-border-top {
    border-top: 1px solid #989898;
}

#empInfo #sp_table table tr.tr-border-bottom {
    border-bottom: 1px dashed #989898;
}

#empInfo #sp_table table tr.tr-border-bottom-solid {
    border-bottom: 1px solid #989898;
}

#empInfo #sp_table table th {
    vertical-align: top;
    font-weight: bold;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

#empInfo #sp_table table td {
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 2vw;
}

.tr-border {
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
}

.footer-img {
    position: absolute;
    text-align: center;
    width: 100vw;
}

#bg_footer {
    width: 100vw;
    height: 45vw;
    z-index: 1;
}

#bg_wht_02 {
    width: 100vw;
    min-height: 3vh;
    z-index: 2;
}

#img_08 {
    width: 85vw;
    z-index: 3;
}

.footer-layer {
    position: absolute;
    width: 100vw;
    text-align: center;
}

.entry-button {
    width: 36vw;
    height: 6vw;
    font-size: 2.5vw;
    background-color: #ff838f;
    color: #ffffff;
    border: 0;
    border-radius: 8px;
    box-shadow: 2px 2px 4px 0 #000000;
    z-index: 5;
}

.entry-button:hover {
    transform: scale(1.1, 1.1);
    color: #fef452;
}

.entry-button:focus {
    outline: none;
}

.wipein {
    position: relative;
    color: transparent;
}

.wipein:after {
    display: block;
    content: "";
    height: 100%;
    background: #1a4d9a;
    position: absolute;
    top: 0;
    right: -2vw;
}

.wipein.show {
    animation: wipecolor 400ms both;
}

.wipein.show:after {
    animation: wipebar 400ms;
}

@keyframes wipebar {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
@keyframes wipecolor {
    0% {
        color: transparent;
    }
    10% {
        color: #1a4d9a;
    }
    100% {
        color: #1a4d9a;
    }
}

.message .wipein {
    background-color: #4d4d4d;
}

.message .wipein:after {
    background: #4d4d4d;
    right: 0;
}

.message .wipein.show {
    animation: message_wipecolor 1000ms both;
}

.message .wipein.show:after {
    animation: wipebar 1000ms;
}

/*.empInfo-table{
    width: 80vw;
}*/

@keyframes message_wipecolor {
    0% {
        color: #4d4d4d;
    }
    10% {
        color: #ffffff;
    }
    100% {
        color: #ffffff;
    }
}


@media (max-width: 768px) {
    #empInfo {
    margin-top: -8vh;
    padding-top: 8vh;
    padding-right: 15px;
    margin-left: 7vw;
    margin-right: 7vw;
    }
    .empInfo-table{
        width: 100%;
    }
    .link-button {
    color: #1a4d9a;
    background-color: #ffffff;
    border: 2px solid #1a4d9a;
    border-radius: 5px;
    padding: 2vw 5vw;
    font-size: 2.5vw;
    font-weight: bold;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    white-space: nowrap;
    user-select: none;
    }
    .entry-button {
    width: 36vw;
    height: 6vw;
    font-size: 2.5vw;
    background-color: #ff838f;
    color: #ffffff;
    border: 0;
    border-radius: 8px;
    box-shadow: 2px 2px 4px 0 #000000;
    z-index: 5;
    padding: 2vw 6vw; 
	}
}