@charset "UTF-8";




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

#loop

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

#loop {
    position: relative;
    z-index: 10;
    display: flex;
    overflow: hidden;
}

#loop .loop_area {
    display: flex;
    animation: loop-list 20s linear infinite;
}

#loop .loop_img {
    margin-right: 20px;
}

#loop .loop_img img {
	display: block;
	width: calc(100vw / 1.5);
    border-radius: 10px;
}


@keyframes loop-list {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }

}


@media (min-width: 768px) {

	#loop .loop_area {
		animation: loop-list 20s linear infinite;
	}

	#loop .loop_img img {
		width: calc(100vw / 3);
	}

}




/*========================================

footer

========================================*/

footer {
    position: relative;
    margin-top: -20vw;
    background: #ff7043;
}

footer .con {
    padding: 40vw 8% 80px;
}

footer .company_info {
    margin: 0 0 80px;
}

footer .company_info .logo {
    width: 240px;
    margin: 0 0 20px;
}

footer .company_info .logo a {
    display: block;
}

footer .company_info .logo img {
    transition: all 0.3s;
}

footer .company_info .logo a:hover img {
    opacity: 0.8;
}

footer .company_info p.name {
    margin: 0 0 10px;
    font-size: 1.2em;
    font-weight: 700;
    color: #ffffff;
}

footer .company_info p.address {
    font-size: 0.9em;
    color: #ffffff;
}

footer .company_info p.tel {
    font-size: 0.9em;
    color: #ffffff;
}

footer .company_info p.authorization {
    font-size: 0.9em;
    color: #ffffff;
}

footer .foot_navi {
    margin: 0 0 80px;
}

footer .foot_navi .navi_01 {
    border-bottom: solid 1px #ffffff;
    padding: 0 0 40px;
}

footer .foot_navi .navi_01 ul li {
    margin: 0 0 20px;
}

footer .foot_navi .navi_01 ul li:last-of-type {
    margin: 0;
}

footer .foot_navi .navi_01 ul li a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-size: 1em;
    color: #ffffff;
    transition: all 0.3s;
}

footer .foot_navi .navi_01 ul li a i {
    padding-left: 5px;
}

footer .foot_navi .navi_01 ul li a::before {
    display: block;
    content: '●';
    position: absolute;
    top: 0;
    left: 0;
}

footer .foot_navi .navi_01 ul li a:hover {
    color: #FFD54F;
}

footer .foot_navi .navi_02 .job_seeker {
    border-bottom: solid 1px #ffffff;
    padding: 40px 0;
}

footer .foot_navi .navi_02 .job_company {
    padding: 40px 0 0;
}

footer .foot_navi .navi_02 p {
    margin: 0 0 20px;
    border-left: solid 5px #ffffff;
    padding: 5px 0 5px 10px;
    font-size: 1em;
    font-weight: 700;
    color: #ffffff;
}

footer .foot_navi .navi_02 ul li a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-size: 1em;
    color: #ffffff;
    transition: all 0.3s;
}

footer .foot_navi .navi_02 ul li a:hover {
    color: #FFD54F;
}

footer .foot_navi .navi_02 ul li a::before {
    display: block;
    content: '●';
    position: absolute;
    top: 0;
    left: 0;
}

footer .copyright span {
    font-size: 0.9em;
    font-weight: 400;
    color: #ffffff;
}


@media (min-width: 768px) {

    footer {
        margin-top: -12vw;
    }

    footer .con {
        padding: 20vw 8% 80px;
    }

    footer .flex_box {
        display: flex;
        justify-content: space-between;
        margin: 0 0 40px;
    }

    footer .company_info {
        flex-basis: 48%;
        margin: 0;
    }

    footer .foot_navi {
        flex-basis: 48%;
        margin: 0;
    }

}


@media (min-width: 1024px) {

    footer .company_info {
        flex-basis: 30;
    }

    footer .foot_navi {
        flex-basis: 65%;
        display: flex;
        justify-content: space-between;
    }

    footer .foot_navi .navi_01 {
        flex-basis: 40%;
        border-bottom: none;
        padding: 0;
    }

    footer .foot_navi .navi_02 {
        flex-basis: 55%;
    }

    footer .foot_navi .navi_02 .job_seeker {
        padding: 0 0 40px;
    }

}




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



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


@media (min-width: 768px) {

}


@media (min-width: 1024px) {


}