@import "./index7.css";


/* ************************************ Navi Begin ************************************ */
.Navi{position: fixed;top: 0;width: 100%;padding: var(--pad-3-5);justify-content: space-between;z-index: 100;
    transition: all .5s ease-out;max-width: 1920px;}
.Navi_logo {width: 20%;}
.Navi_logo > svg{fill: var(--color-white);transition: all .3s ease;}
.Navi_btn_block{flex-direction: column;align-items: flex-end;gap: 1rem;}
.Navi_btn_line {gap: 5rem;}
.Navi_btn_line > a{gap: .5rem;cursor: pointer;transition: all .3s ease;color: var(--color-white);}
.Navi_btn_pad{padding: .5rem 3rem;border-radius: 50rem;}
.Navi_btn_lang{border: solid 1px var(--color-white);background-color: var(--color-whitef);}
.Navi_btn_contact{border: solid 1px var(--color-diff);background-color: var(--color-diff);padding: .5rem 5rem;}
.Navi_btn_line > a > svg{fill: var(--color-white);transition: all .3s ease;}

.Navi.navi_overlap .Navi_btn_line > .Navi_btn_1{color: var(--color-dark);}
.Navi.navi_overlap .Navi_btn_line > .Navi_btn_lang{color: var(--color-dark);}
.Navi.navi_overlap .Navi_btn_line > .Navi_btn_tel{color: var(--color-dark);}
.Navi.navi_overlap .Navi_btn_line > a > svg{fill: var(--color-dark);}
.Navi.navi_overlap .Navi_btn_lang{border: solid 1px var(--color-dark);}
.Navi.navi_overlap .Navi_btn_contact{color: var(--color-white);}
.Navi.navi_overlap .Navi_logo > svg{fill: var(--color-dark);}

.Navi_btn_lang:hover{background-color: var(--color-white) !important;color: var(--color-dark) !important;}
.Navi_btn_lang:hover > svg{fill: var(--color-dark) !important;}
.Navi_btn_contact:hover{background-color: var(--color-white);color: var(--color-dark) !important;border: solid 1px var(--color-white);}
.Navi_btn_line > a:hover > svg{fill: var(--color-diff);}
.Navi_btn_line > a:hover{color: var(--color-diff);}
.navi_hidden{top: -100%;transition: all .5s ease-in;}

.Navi.navi_overlap .Navi_btn_line > a:hover{color: var(--color-diff);}
.Navi.navi_overlap .Navi_btn_line > a:hover > svg{fill: var(--color-diff);}
.Navi.navi_overlap .Navi_btn_lang:hover{background-color: var(--color-diff) !important;border: solid 1px var(--color-diff);color: var(--color-white) !important;}
.Navi.navi_overlap .Navi_btn_lang:hover > svg{fill: var(--color-white) !important;}

@media (max-width: 800px) {
    .Navi_logo{width: 30%;}
    .Navi_btn_block p,.Navi_btn_block a{font-size: 1.2rem;}
    .Navi_btn_line{gap: 2rem;}
}

/* ************************************ Navi End ************************************ */

/* ************************************ Top Carol Begin ************************************ */
.top_carol{width: 100%;min-height: 130svh;position: static;}
.top_carol_bg{position: absolute;top: 0;width: 100svw;height: 100svh;max-width:100%;}
.top_carol_bg_red{position: absolute;top: 0;width: 100%;height: 100%;z-index: 0;background-color: var(--color-pri);opacity: .85;}
.top_carol_bg_cover{position: absolute;bottom: 0;width: 100%;height: 30%;z-index: 2;background-image: linear-gradient(#8D1B3D00, #8D1B3D);}

.top_carol_slide_container{position: absolute;width: 100svw;height: 100svh;overflow: hidden;max-width:100%;top: 0;}
.top_carol_slide{position: absolute;height: 40%;width: 150%;overflow: hidden;transform: rotateZ(-30deg);gap: 4.5%;z-index: 1;}

.top_carol_slide_track{animation: scroll 60s linear infinite;justify-content: flex-end;align-items: flex-start;width: 100%;gap: 6%;}
.top_carol_slide_track > div{overflow: hidden;transform: rotateZ(30deg);width: 25%;flex-shrink: 0;}
.top_carol_slide_track > div > img{width: 300%;}
@keyframes scroll {
    0% {transform: translateX(0)}
    100% {transform: translateX(calc(200% - 75.3%))}
}

.top_carol_text{width: 100%;padding: 10vh 5rem;flex-direction: column;justify-content: space-between;gap: 40vh;z-index: 3;max-width: 1920px;}
.top_carol_text > div{gap: .5rem;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.top_carol_text_line_1{margin-right: auto;}
.top_carol_text_line_2{margin-left: auto;}

@media (max-width: 800px) {
    .top_carol_text_line_1 .b_64{font-size: 3rem;}
    .top_carol_text{padding: 20vh 3rem 10vh 3rem;gap: 15vh;height: 100vh;}
    .top_carol_slide_track{gap: 10%;}
    .top_carol_slide{width: 200%;height: 35vh;}
    .top_carol_slide_track > div{width: 50%}
    .top_carol{min-height: 100vh;}
}
/* ************************************ Top Carol End ************************************ */

/* ************************************ Top Solution Begin ************************************ */
.top_solution{margin-top: -20rem;flex-direction: column;align-items: flex-start;gap: 5rem;padding: var(--pad-15-20);width: 100%;}
.top_half_title{width: 100%;justify-content: flex-start;z-index: 5;padding-bottom: var(--pad-title);}
.top_half_title > p{line-height: 1.1;}
.top_half_title .top_full_title_under{position: absolute;bottom: 0;width: 0;height: 1px;background-color: var(--color-white);transition: all 1s ease;}
.top_half_title.show_up.show .top_full_title_under{width: 100%;}

.top_solution_container{width: 100%;align-items: stretch;justify-content: stretch;gap: 10rem;}
.top_solution_container > div{width: 100%;flex-direction: column;justify-content: space-between;align-items: flex-start;gap: 3rem;}

.top_solution_item_1_list{flex-direction: column;align-items: stretch;gap: 1rem;}
.top_solution_item_1_list_line{width: 100%;justify-content: space-between;gap: 3rem;color: var(--color-gray);transition: all .3s ease !important;cursor: pointer;}
.top_solution_item_1_list_line svg{fill: var(--color-gray);transition: all .3s ease;}
.top_solution_active{color: var(--color-white);width: 110%;}
.top_solution_active svg{fill: var(--color-white);}
.top_solution_item_1_list_line:hover{color: var(--color-white);width: 110%;}
.top_solution_item_1_list_line:hover svg{fill: var(--color-white);}
@media (max-width: 1000px) {
    .top_solution{}
}
@media (max-width: 800px) {
    .top_solution{margin-top: 0;}
    .top_solution_container{flex-direction: column;}
    .top_solution_container > div{flex-direction: column-reverse;}
}
/* ************************************ Top Solution End ************************************ */

/* ************************************ Top Service Begin ************************************ */
.top_full{flex-direction: column;align-items: flex-start;gap: 5rem;padding: var(--pad-15-0);width: 100%;}
.top_full_title{width: 100%;padding: var(--pad-0-20);}
.top_full_title > div{width: 100%;justify-content: space-between;align-items: flex-end;padding-bottom: var(--pad-title);}
.top_full_title .top_full_title_under{position: absolute;bottom: 0;width: 0;height: 1px;background-color: var(--color-white);transition: all 1s ease;}
.top_full_title .show_up.show .top_full_title_under{width: 100%;}

.top_full_title_1{line-height: 1.1;}
.top_full_title_2::before{width: 3rem;height: .3rem;background-color: var(--color-white);content: "";margin-right: 1rem;}

.top_service_container{width: 100%;justify-content: stretch;align-items: stretch;}
.top_service_container > div{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 1rem;}
.top_service_photo{width: 50%;overflow: hidden;border-bottom-right-radius: 0rem;border-top-right-radius: 10rem;}
.top_service_text{width: 50%;padding: 0 20rem 0 10rem;}
.top_service_link_back{color: var(--color-diff);}
.top_service_link_back.top_service_list_a_active{display: none;}
.top_service_p_1{margin-top: -2rem;}
.top_service_p_2{padding: 2rem 0;}
.top_service_a_2{width: 60%;padding: 1rem 3rem;border-radius: 50rem;margin: 0 auto;margin-top: 3rem;transition: all .3s ease !important;cursor: pointer;
    border: solid 1px var(--color-white);background-color: var(--color-white);color: var(--color-dark);}
.top_service_a_2:hover{border: solid 1px var(--color-diff);background-color: var(--color-diff);color: var(--color-white);}

.top_service_list{width: 100%;padding: var(--pad-5-20);flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 5rem;}
.top_service_list_title{flex-direction: column;align-items: flex-start;gap: 1rem;}
.top_service_list_item{width: 100%;flex-wrap: wrap;gap: 1rem;justify-content: flex-start;align-items: flex-start;}
.top_service_list_a{width: calc((100% - 2rem) /3);padding: 2rem 5rem;border-radius: 50rem;gap: 1rem;cursor: pointer;
    background-color: var(--color-white);border: solid 1px var(--color-white);transition: all .3s ease !important;}
.top_service_list_a > p{color: var(--color-dark);transition: all .3s ease;}
.top_service_list_a > svg{fill: var(--color-dark);position: absolute;right: 5rem;transition: all .3s ease;}
.top_service_list_a:hover,.top_service_list_a_active{background-color: var(--color-diff);border: solid 1px var(--color-diff);}
.top_service_list_a:hover > p,.top_service_list_a_active > p{color: var(--color-white);}
.top_service_list_a:hover > svg,.top_service_list_a_active > svg{fill: var(--color-white);right: 2rem;}

@media (max-width: 1700px) {
    .top_service_list_a > svg{display: none;}
}
@media (max-width: 1300px) {
    .top_service_text{padding: 0 5rem 0 3rem;}
}
@media (max-width: 1200px) {
    .top_service_text{padding: 0 3rem 0 2rem;}
}
@media (max-width: 1000px) {
    .top_service_text{padding: 0 5rem 0 2rem;}
    .top_service_list{padding: 5rem 5rem;}
}
@media (max-width: 800px) {
    .top_service_list{padding: 5rem 2rem;}
    .top_service_container{flex-direction: column;gap: 3rem;}
    .top_service_photo{width: 100%;border-bottom-left-radius: 10rem;}
    .top_service_text{width: 100%;padding: 0 2rem;}
    .top_service_list_a{padding: 1rem 3rem;width: calc((100% - 1rem)/2);}
    .top_service_list_a > p{font-size: 1.6rem;text-align: center;}
    .top_full_title > div{flex-direction: column-reverse;align-items: flex-start;}
}

/* ************************************ Top Service End ************************************ */

/* ************************************ Top Works Begin ************************************ */
.top_work{overflow: hidden;padding-bottom: 20rem;}
.work_item{width: 100%;height: 100%;padding: var(--pad-0-20);}
.work_inner{width: 100%;height: 100%;flex-direction: column;align-items: flex-start;gap: 1rem;overflow: hidden;
    background-color: var(--color-dark);padding: var(--pad-15-20);border-top-left-radius: 15rem;border-bottom-right-radius: 15rem;}
.work_item_bg{position: absolute;width: 100%;height: 100%;left: 0;}
.work_item_bg img{opacity: .3;}
.work_item_p_1 + .work_item_p_2{margin-top: 1rem;}

.top_work .owl-carousel .owl-stage{align-items: stretch;}
.top_work .owl-nav{position: absolute;width: 100%;top: calc(50% - 3rem);z-index: 5;padding: 0 10rem;justify-content: space-between;}
.top_work .owl-nav > button{width: 5rem;aspect-ratio: 1/1;border-radius: 50rem;background-color: var(--color-white) !important;transition: all .3s ease;}
.top_work .owl-nav > button > span{color: var(--color-dark);font-size: 5rem;line-height: 0;margin-top: -25%;transition: all .3s ease;}
.top_work .owl-stage-outer{display: unset !important;}
.top_work .owl-dots{display: flex;justify-content: center;align-items: center;gap: 1rem;margin-top: 3rem;}
.top_work .owl-dot{width: 5rem;height: 1rem;background-color: rgba(255, 255, 255, 0.5) !important;position: relative;overflow: hidden;transition: all .3s ease;}
.top_work .owl-dot.active::after{content: '';display: block;position: absolute;top: 0;left: 0;
    width: 0;height: 100%;
    background-color: var(--color-white);animation: fill-bar 6s linear forwards;
}
#photo_slide1:hover .owl-dot.active::after{animation-play-state: paused;}
@keyframes fill-bar {
    from {width: 0;}
    to {width: 100%;}
}
.top_work .owl-nav > button:hover{background-color: var(--color-diff) !important;}
.top_work .owl-nav > button:hover > span{color: var(--color-white);}
.top_work .owl-dot:hover{background-color: var(--color-diff) !important;}

@media (max-width: 1500px) {
    .work_inner{padding: 15rem 10rem;}
}
@media (max-width: 1300px) {
    .top_work .owl-nav{padding: 0 6rem;}
}
@media (max-width: 1200px) {
    .top_work .owl-nav{position: relative;justify-content: center;gap: 5rem;margin-top: 3rem;padding: 0 5rem;}
    .work_item_bg p{text-wrap: wrap;}
    .work_item_p_1{text-align: center;}
}
@media (max-width: 1000px) {
    .top_work .owl-nav{padding: 0 2rem;}
    .work_inner{padding: 5rem 5rem;}
}
@media (max-width: 800px) {
    .top_work .owl-nav{position: relative;justify-content: center;gap: 5rem;margin-top: 3rem;}
    .work_item_bg p{text-wrap: wrap;}
    .work_item_p_1{text-align: center;font-size: 3.5rem;}
    .work_inner{padding: 5rem 5rem;}
}
@media (max-width: 500px) {
    .work_inner{padding: 5rem 2rem;}
}
/* ************************************ Top Works End ************************************ */

/* ************************************ Top Market Begin ************************************ */
.top_market{background-color: var(--color-cream);--color-selectbg: #333333;--color-select: #FDF6EE;gap: 10rem;padding: var(--pad-15-0);}
.top_market .top_full_title_2::before{background-color: var(--color-dark);}
.top_market_p_1{padding: var(--pad-0-20);width: 100%;text-align: center;flex-direction: column;}
.top_market .top_full_title_under{background-color: var(--color-dark);}
.top_market #photo_slide3{display: none;}

.top_market_item_text{flex-direction: column;gap: 1rem;}
.top_market_item_a_1{color: var(--color-dark);text-decoration: underline;transition: all .3s ease !important;}
.top_market_item_a_1:hover{color: var(--color-pri);}
.top_market_container{align-items: flex-start;flex-wrap: wrap;padding: 0 10rem;gap: 3rem;}
.top_market_item{width: calc((100% - 9rem)/4);flex-direction: column;align-items: flex-start;padding: 3rem 3rem;gap: 5rem;border-radius: 2rem;background-color: var(--color-white);}
.top_market_item_p_1{color: var(--color-dark);margin: 0 auto;text-align: center;align-items: flex-start;}
.top_market_item_photo{width: 70%;aspect-ratio: 1/1;border-radius: 50rem;overflow: hidden;margin: 0 auto;border: solid 1px var(--color-dark);}
.top_market_item_p_2{color: var(--color-dark);align-items: flex-start;}
.top_market_item_tag{flex-wrap: wrap;gap: 1rem;justify-content: flex-start;align-items: flex-start;cursor: pointer;}
.top_market_item_tag > p{padding: .5rem 2rem;background-color: var(--color-dark);color: var(--color-white);border-radius: .8rem;--color-select: #333333;--color-selectbg: #FDF6EE;transition: all .3s ease !important;}
.top_market_item_tag > p:hover{background-color: var(--color-diff);color: var(--color-white);}
.top_market_container + .top_market_p_1{font-size: 2.5rem;}
@media (max-width: 1700px) {
    .top_market_item .b_36{font-size: 2.5rem;}
    .top_market_item .p_24{font-size: 2rem;}
    .top_market_item{gap: 3rem;}
}@media (max-width: 1300px) {
    .top_market_container{padding: 0 3rem;gap: 1rem;}
    .top_market_item{gap: 2rem;}
}
@media (max-width: 1000px) {
    .top_market_item .b_36{font-size: 3.6rem;}
    .top_market_item .p_24{font-size: 2.4rem;}
    .top_market_container.PC{display: none;}
    .top_market #photo_slide3{display: block;overflow: hidden;}
    .top_market_container{padding: 0 2rem;}
    .top_market_item{width: 100%;gap: 2rem;}
    .top_market_item_photo{width: 50%;}
    .top_market .owl-stage-outer{display: unset !important;}
    .top_market .owl-item{padding: 0 1rem;}
    .top_market .owl-nav{display: none;}
    .top_market .owl-dots{display: flex;justify-content: center;align-items: center;gap: 1rem;margin-top: 3rem;}
    .top_market .owl-dot{width: 5rem;height: 1rem;background-color: rgba(0, 0, 0, 0.3) !important;position: relative;overflow: hidden;transition: all .3s ease;}
    .top_market .owl-dot.active::after{content: '';display: block;position: absolute;top: 0;left: 0;width: 0;height: 100%;
        background-color: var(--color-dark);animation: fill-bar 6s linear forwards;
    }
}
@media (max-width: 800px) {
    .top_market_container + .top_market_p_1{font-size: 2rem;}
    .top_market_p_1 span{font-size: 1.6rem;}
    .top_market_item{gap: 5rem;}
}
/* ************************************ Top Market End ************************************ */


/* ************************************ Top Contact Begin ************************************ */
.top_contact{width: 100%;overflow: hidden;}
.top_contact_container{justify-content: stretch;align-items: stretch;width: 100%;gap: 3rem;}
.top_contact_text{flex-direction: column;align-items: flex-start;padding-left: 20rem;width: 100%;gap: 10rem;z-index: 2;}
.top_contact_flow{flex-direction: column;padding-right: 10rem;width: 100%;}
.top_contact_text_inner{flex-direction: column;align-items: flex-start;width: 100%;gap: 1rem;}
.top_contact_text_btn{flex-direction: column;gap: 3rem;}
.top_contact_text_btn_contact{width: 100%;padding: .5rem 3rem;border-radius: 50rem;background-color: var(--color-white);color: var(--color-dark);transition: all .3s ease !important;}
.top_contact_text_btn_line{justify-content: stretch;gap: 5rem;align-items: flex-start;}
.top_contact_text_btn_sns{flex-direction: column;gap: .5rem;width: 100%;}
.top_contact_text_btn_sns > img{width: 8rem;aspect-ratio: 1/1;overflow: hidden;border-radius: 50rem;transition: all .3s ease !important;}
.top_contact_text_btn_sns > p{text-align: center;text-wrap: nowrap;color: var(--color-white);transition: all .3s ease !important;}
.top_contact_text_btn_sns:hover > p{color: var(--color-diff);}
.top_contact_text_btn_sns:hover > img{filter: brightness(1.25);}
.top_contact_text_btn_contact:hover{background-color: var(--color-diff);color: var(--color-white);cursor: pointer;}

.top_contact_flow{flex-direction: column;}
.top_contact_flow > *{aspect-ratio: 1/1;padding: 5rem;border-radius: 50rem;width: 50%;flex-direction: column;}
.top_contact_flow > * + *{margin-top: -15%;}
.top_contact_flow_item_1{background-color: var(--color-white);margin-right: auto;z-index: 2;cursor: pointer;
    --color-selectbg: #333333;--color-select: #FDF6EE;transition: all .3s ease !important;}
.top_contact_flow_item_2{background-color: var(--color-gray);z-index: 1;}
.top_contact_flow_item_3{background-color: var(--color-cream);margin-left: auto;z-index: 2;--color-selectbg: #333333;--color-select: #FDF6EE;}
.top_contact_flow_item_1 > p{color: var(--color-dark);}
.top_contact_flow_item_2 > p{color: var(--color-white);}
.top_contact_flow_item_3 > p{color: var(--color-dark);}
.top_contact_flow p{text-align: center;}
.top_contact_flow_item_1:hover{scale: 1.1;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.top_contact_flow_item_2 > div{position: absolute;z-index: 0;border-radius: 500rem;border: solid 3px #A4ABB3;opacity: .5;aspect-ratio: 1/1;}
.top_contact_flow_deco_1{width: 120%;}
.top_contact_flow_deco_2{width: 170%;}
.top_contact_flow_deco_3{width: 250%;}
@media (max-width: 1400px) {
    .top_contact_flow{padding-right: 3rem;}
}
@media (max-width: 1300px) {
    .top_contact_text{padding-left: 5rem;}
    .top_contact_flow{padding-right: 5rem;}
}
@media (max-width: 1200px) {
    .top_contact_text{padding-left: 3rem;}
    .top_contact_flow{padding-right: 3rem;}
}
@media (max-width: 1000px) {
    .top_contact_flow .b_36{font-size: 2.5rem;}
    .top_contact_flow .p_24{font-size: 1.8rem;}
}
@media (max-width: 800px) {
    .top_contact_container{flex-direction: column;}
    .top_contact_text{padding: 0 2rem}
    .top_contact_flow{padding: 0 2rem}
    .top_contact_text_btn{margin: 0 auto;}
    .top_contact_flow > *{width: 50vw;height: 50vw;aspect-ratio: 1/1 !important;padding: 2rem;}
}
/* ************************************ Top Contact End ************************************ */

/* ************************************ Top Caption Loop Begin ************************************ */
.top_caption{width: 100%;overflow: hidden;min-height: 90vh;}
.top_loop{gap: 20rem;width: 100%;overflow: hidden;}
.top_loop > p{white-space: nowrap;animation: loop-slide 20s infinite linear 1s both;line-height: 1;color: rgba(255, 255, 255, 0.7);}
@keyframes loop-slide {
    from {transform: translateX(0);}
    to {transform: translateX(-100%);}
}
.top_caption_bg{position: absolute;width: 100%;height: 100%;}
/* ************************************ Top Caption Loop End ************************************ */

/* ************************************ Top Member Begin ************************************ */
.top_member{width: 100%;overflow: hidden;background-color: var(--color-cream);--color-selectbg: #333333;--color-select: #FDF6EE;align-items: center;}
.top_member *{color: var(--color-dark);}
.top_member .top_full_title_under{background-color: var(--color-dark);}
.top_member .top_full_title_2::before{background-color: var(--color-dark);}
.top_member_p_1{padding: var(--pad-0-20);margin-right: auto;max-width: 100%;}

.member_item{width: 100%;height: 100%;padding: var(--pad-0-20);gap: 1rem;}
.member_item_photo{width: 100%;aspect-ratio: 640/420;border-radius: 2rem;overflow: hidden;}
.member_item_inner{width: 65%;align-items: flex-start;gap: 2rem;flex-direction: column;}
.member_item_inner > p{padding: 0 5rem;}
.member_item_line{width: 100%;border-bottom: dashed 2px var(--color-dark);}

.top_member .owl-carousel .owl-stage{align-items: stretch;}
.top_member .owl-nav{width: 100%;padding: var(--pad-0-20);gap: 5rem;justify-content: flex-start;margin-top: 5rem;}
.top_member .owl-nav > button{width: 5rem;aspect-ratio: 1/1;border-radius: 50rem;background-color: var(--color-dark) !important;transition: all .3s ease;}
.top_member .owl-nav > button > span{color: var(--color-cream);font-size: 5rem;line-height: 0;margin-top: -25%;transition: all .3s ease;}
.top_member .owl-stage-outer{display: unset !important;}
.top_member .owl-nav > button:hover{background-color: var(--color-diff) !important}
.top_member .owl-dots{display: none;}

@media (max-width: 1000px) {
    .member_item_inner{width: 80%;}
    .member_item_inner > p{padding: 0 3rem;}
}

@media (max-width: 800px) {
    .top_member .owl-nav{margin-top: 3rem;}
    .member_item{flex-direction: column;gap: 3rem;}
    .member_item_inner{width: 100%;}
}
/* ************************************ Top Member End ************************************ */

.top_recruitment{background-color: var(--color-cream);align-items: center;padding-top: 30rem;}
.top_recruitment_bg{scale: 1.5;border-radius: 1rem;overflow: hidden;max-width: 100%;}
.top_recruitment_bg > img{transition: all .3s ease !important;}
.top_recruitment_bg:hover > img{scale: 1.1;}
.top_recruitment_text{flex-direction: column;gap: 1rem;position: absolute;z-index: 1;pointer-events: none;}
.top_recruitment_p_1{font-family: "Rampart One", sans-serif;}
.top_recruitment_text span{color: red;}
.top_recruitment_p_1,.top_recruitment_p_4{padding-bottom: 2rem;}
@media (max-width: 1000px) {.top_recruitment_bg{scale: 1.2;}}
@media (max-width: 800px) {
    .top_recruitment_bg{scale: 1;min-height: 300px;object-fit: cover;}
    .top_recruitment_bg > img{width: unset;height: 100%;}
    .top_recruitment{padding-top: 20rem;}
}
/* ************************************ Top Message Begin ************************************ */
.top_message{width: 100%;background-color: var(--color-cream);--color-selectbg: #333333;--color-select: #FDF6EE;}
.top_message *{color: var(--color-dark);}
.top_message_container{width: 100%;justify-content: stretch;align-items: stretch;gap: 10rem;padding-right: 20rem;}
.top_message_container > div{width: 100%;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 1rem;}
.top_message_text > .top_full_title{padding: 0;padding-bottom: 3rem;}
.top_message_text .top_full_title_under{background-color: var(--color-dark);}

.top_message_text .top_full_title_2::before{background-color: var(--color-dark);}
.top_message_p_2{margin-left: auto;}
@media (max-width: 1300px) {
    .top_message_container{gap: 3rem;padding-right: 5rem;}
}
@media (max-width: 1300px) {
    .top_message_container{gap: 3rem;padding-right: 3rem;}
}
@media (max-width: 800px) {
    .top_message_container{flex-direction: column;padding: 0 2rem;}
}
/* ************************************ Top Message End ************************************ */
.top_instagram{width: 100%;background-color: var(--color-cream);padding-bottom: 10rem;}
.top_instagram_inner{width: 100%;}

/* ************************************ Top Footer Begin ************************************ */
.footer{width: 100%;padding: 5rem 10rem;flex-direction: column;gap: 5rem;background-color: var(--color-sub);padding-top: 15rem;}
.footer_inner{width: 100%;justify-content: space-between;gap: 5rem;align-items: flex-start;}
.footer_inner > div{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.footer_inner_1{gap: 1rem;}
.footer_inner_1 > p{white-space: nowrap;}
.footer_inner_1 > a{color: var(--color-white);transition: all .3s ease !important;}
.footer_inner_1 > a:hover{color: var(--color-diff);}
.footer_logo{width: 60%;}
.footer_logo + p{margin-top: 5rem;}
.footer_logo > svg{fill: var(--color-white);transition: all .3s ease;}
.footer .b_64{line-height: 1;}
.footer_map{width: 100%;}
.footer_map > *{width: 50%;aspect-ratio: 600/500;object-fit: cover;}
.footer_inner_2{gap: 2rem;}
.footer_inner_2 > p{padding-bottom: 3rem;}
.footer_inner_2 a{color: var(--color-white);transition: all .3s ease !important;}
.footer_inner_2 a:hover{color: var(--color-diff);}
.footer_lang{border: solid 1px var(--color-white);gap: 1rem;transition: all .3s ease !important;}
.footer_lang > p{color: var(--color-white);}
.footer_lang > svg{fill: var(--color-white);transition: all .3s ease !important;}
.footer_lang:hover{background-color: var(--color-diff);border: solid 1px var(--color-diff);}
.footer_lang:hover > svg{fill: var(--color-dark);}
.footer_lang:hover > svg{fill: var(--color-white);}
.footer_inner_3{gap: 5rem;}
.footer_inner_3_country{gap: 1rem;}
.footer_inner_3_country > p{white-space: nowrap;}
.footer_inner_3_country > div{height: 4rem;aspect-ratio: 1/1;}
.footer_time_inner{flex-direction: column;align-items: flex-start;gap: 5rem;}
.footer_time{flex-direction: column;gap: 0;align-items: flex-start;}
.footer_time > div{line-height: 1.2;}
@media (max-width: 1300px) {
    .footer{padding: 5rem 5rem;padding-top: 15rem;}
}
@media (max-width: 1200px) {
    .footer{padding: 5rem 3rem;padding-top: 15rem;}
}
@media (max-width: 1000px) {
    .footer_inner{flex-direction: row;flex-wrap: wrap;align-items: stretch;}
    .footer_inner_2{width: 50%;}
}
@media (max-width: 900px) {
    .footer_inner{flex-direction: row;flex-wrap: wrap;align-items: stretch;}
    .footer_inner_2{width: 40%;}
}
@media (max-width: 800px) {
    .footer{padding: 5rem 1rem;padding-top: 15rem;}
    .footer_inner{flex-direction: row;flex-wrap: wrap;align-items: stretch;}
    .footer_inner_1{width: 100%;}
    .footer_inner_2{width: auto;}
    .footer_time .b_96{font-size: 4rem;}
    .footer_inner .b_64{font-size: 4rem;}
    .footer > p{text-align: center;}
    .footer_logo + p{margin-top: 3rem;}
    .footer_inner_3{gap: 3rem;}
    .footer_inner_2 > p{padding-bottom: 1rem;}
    .footer_lang{margin-top: auto;}
}
/* ************************************ Top Footer End ************************************ */
.contact_container{width: 100%;flex-direction: column;align-items: flex-start;padding: 20rem;gap: 1rem;padding-bottom: 0;}
.contact_form{width: 100%;padding: var(--pad-15-20);}
.contact_inner{flex-direction: column;gap: 5rem;}
.contact_form_inner{flex-direction: column;align-items: stretch;}
.contact_form_inner > div{width: 100%;justify-content: stretch;align-items: stretch;}
.contact_form_inner_item{gap: 0px;}
.contact_title{justify-content: flex-start;padding: 1rem 3rem;background-color: var(--color-gray);border: solid 1px var(--color-white);border-right: none;padding-bottom: 2rem;}
.contact_title p{color: var(--color-white);}
.contact_index{gap: 1rem;padding: 2rem 3rem;padding-bottom: 4rem;background-color: var(--color-sub);border: solid 1px var(--color-white);border-left: none;min-width: 30vw;}
.contact_index > *{width: 100%;font-size: 1.8em;padding: 1rem;color: var(--color-white);}
.contact_index > input,.contact_index textarea{background-color: var(--color-cream);color: var(--color-dark);border: none;}
.contact_index > input:focus,.contact_index textarea:focus{background-color: var(--color-diff);color: var(--color-white);outline: none;}
.contact_index_postcode{justify-content: flex-start;}
.contact_index_postcode > p{width: auto;}
.input_Post1{width: 30%;}
.input_Post2{width: 40%;}
.check_text{color: var(--color-white);transition: all .3s ease !important;}
.check_text:hover{color: var(--color-diff);}
input[type="submit"]{padding: 1rem 10rem;background-color: var(--color-white);color: var(--color-dark);transition: all .3s ease !important;border: none;outline: none;
    font-size: 3rem;font-weight: 500;border-radius: 50rem;cursor: pointer;opacity: 1;}
input[type="submit"]:hover{background-color: var(--color-diff);color: var(--color-white);}
input[type="submit"][disabled]{background-color: var(--color-gray);color: var(--color-white);opacity: 0.5;pointer-events: none;}
textarea[type="text"]::placeholder{line-height: 1.3;}

.border_top_none{border-top: none;}
.border_radius_1{border-top-left-radius: 1rem;}
.border_radius_2{border-top-right-radius: 1rem;}
.border_radius_3{border-bottom-left-radius: 1rem;}
.border_radius_4{border-bottom-right-radius: 1rem;}

/* Hide default checkbox */
input[type="checkbox"] {display: none;}
/* Custom checkbox */
.custom_checkbox {position: relative;padding-left: 30px;cursor: pointer;display: inline-block;user-select: none;line-height: 1.3;}
/* Fake Checkbox */
.custom_checkbox::before {content: "";position: absolute;left: 0;top: 5px;width: 20px;height: 20px;border: 2px solid #ccc;border-radius: 4px;background: white;transition: all 0.3s ease;}
/* Check Mark */
.custom_checkbox::after {content: "";position: absolute;left: 6px;top: 9px;width: 6px;height: 12px;border: solid var(--color-sub);border-width: 0 2px 2px 0;
    transform: scale(0) rotate(45deg);opacity: 0;transition: all 0.3s ease;
}
/* When checked */
input[type="checkbox"]:checked + .custom_checkbox::before {background-color: var(--color-cream);border-color: var(--color-sub);animation: checkboxPop 0.3s ease;}
input[type="checkbox"]:checked + .custom_checkbox::after {transform: scale(1) rotate(45deg);opacity: 1;}
/* Animation pop */
@keyframes checkboxPop {
    0% {transform: scale(1);}
    50% {transform: scale(1.3);}
    100% {transform: scale(1);}
}
@media (max-width: 800px) {
    .contact_container{padding: 20rem 3rem;padding-bottom: 0;}
    .contact_form_inner{width: 100%}
    .contact_form_inner > div{flex-direction: column;}
    .border_radius_1{border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
    .border_radius_2{border-top-right-radius: 0rem;}
    .border_radius_4{border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;}
    .border_radius_3{border-bottom-left-radius: 0rem;}
    .contact_title{border: solid 1px var(--color-white);border-bottom: none;padding-top: 2rem;min-width: 100%}
    .contact_index{border: solid 1px var(--color-white);border-top: none;padding-bottom: 2rem;min-width: 100%}
}


.contact_container_send{width: 100%;flex-direction: column;align-items: flex-start;padding: 20rem;gap: 1rem;}
.contact_container_send > a{color: var(--color-white);transition: all .3s ease !important;}
.contact_container_send > a:hover{color: var(--color-diff);}
@media (max-width: 800px) {
    .contact_container_send{padding: 20rem 3rem;}
}

/* ************************************ Show Up Setup ************************************ */
.show_up,.show_up_4,.show_up_6 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.show_up_2{opacity: 0;transform: translate(-100%,0);transition: opacity 1s ease, transform 1s ease;}
.show_up_3{opacity: 0;transform: translate(100%,0);transition: opacity 1s ease, transform 1s ease;}

.show_up.show,.show_up_2.show,.show_up_3.show,.show_up_4.show,.show_up_6.show {
    opacity: 1;
    transform: translate(0,0);
}
/* ************************************ Show Up Setup End ************************************ */