@import "./index.css";
.page_gap{min-height: 20rem;}
.transistion{transition: all .3s ease !important;}
.c_pri{color: var(--color-pri);}
.font_2{font-family: var(--font-JP2);}

/* ************************************ Navi Bar Begin ************************************ */
.navi{position: fixed;top: 0;right: 0;padding: 2rem 5rem;max-width: 100%;z-index: 99;flex-direction: column;gap: 0;max-height: 11rem;justify-content: flex-start;}
.navi_a_1{color: var(--color-dark);text-wrap: nowrap;gap: 2rem;height: 100%;align-items: flex-start;}
.navi_overlap .navi_a_1{color: var(--color-white);}
.navi_a_1 img{height: 7em;width: 7em;;}
.m_navi_url{flex-direction: column;justify-content: flex-start;max-height: 0;max-width: 0;overflow: hidden;gap: 1rem;}
.m_navi_title{max-width: 50rem;overflow: hidden;text-wrap: nowrap;white-space: nowrap;}
.navi_open{background-color: var(--color-white);max-height: 50rem;max-width: 60rem;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5),0 0 10px rgba(0, 0, 0, 0.5);gap: 3rem;}
.navi_open .navi_a_1{gap: 2rem;color: var(--color-dark);}
.m_navi_a{color: var(--color-dark);}
.navi_open > .m_navi_url{max-height: 50rem;max-width: 50rem;;display: flex;}
.navi_open .navi_a_1 img{height: 4em;width: 4em;}
.m_navi_plus{gap: 1rem;}
.m_navi_plus span:nth-child(1){color: var(--color-pri);}
.m_navi_plus span:nth-child(2){color: var(--color-secon);}
.m_navi_a:hover{color: var(--color-secon);}
.m_navi_a:hover .m_navi_plus span{color: var(--color-secon);}
@media (max-width: 800px) {
    .navi{max-width: 20rem;gap: 3rem;}
    .navi_a_1{gap: 0;}
    .navi_open{max-height: 50rem;max-width: 50rem;}
    .m_navi_title{max-width: 0;color: var(--color-dark);overflow: hidden;}
    .navi_open .m_navi_title{display: flex;max-width: 50rem;}
}
/* ************************************ Navi Bar End ************************************ */
.section_title{width: 100%;justify-content: flex-start;gap: var(--section-gap);}
.section_title_left_margin{width: var(--left-margin);justify-content: flex-start;}
.section_title_right_margin{width: calc(100% - var(--left-margin));align-items: flex-start;flex-direction: column;}
.section_title_text{line-height: 1.2;}
@media (max-width: 800px) {
    .section_title_right_margin{width: 100%;}
}
/* ************************************ Top Carol Begin ************************************ */
.top_carol{width: 100%;min-height: calc(var(--vh, 1vh) * 100);align-items: flex-end;justify-content: flex-start;padding: 5% 15rem;}
.top_carol_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;overflow: hidden;pointer-events: none;}
.top_carol_bg >div:nth-child(1) > img{animation: base_scale 12s infinite linear;}
.top_carol_bg >div:nth-child(1){width: 100%;height: 100%;object-fit: cover;}
@keyframes base_scale{
    0%{scale: 1;}
    50%{scale: 1.1;}
}
.top_carol_bg_slide{position: absolute;width: 100%;height: 100%;top: 0;z-index: 0;max-width: 0;scale: 1;gap: 0;}
.top_bg_next_Slide{max-width: 0%;scale: 1;z-index: 2;transition: all 0s ease;left: 0;}
.top_bg_current_Slide{max-width: 100%;scale: 1.1;z-index: 1;transition: max-width 1.5s ease, scale 12s ease;left: 0;}
.top_bg_previous_Slide{max-width: 0%;scale: 1.1;z-index: 0;transition: all 1.5s ease;right: 0;}
.top_carol_inner{z-index: 5;color: var(--color-white);text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3),0 0 10px rgba(255, 255, 255, 0.5);width: 100%;}
.top_carol_p_1{line-height: 1.2;padding-bottom: 2rem;}
@media (max-width: 800px) {
    .top_carol{padding: 5rem 1rem;justify-content: flex-start;}
}
/* ************************************ Top Carol End ************************************ */
/* ************************************ About Begin ************************************ */
.top_about{width: 100%;padding: 20rem 15rem;gap: 3rem;color: var(--color-dark);flex-direction: column;align-items: flex-start;}
.top_about_inner{width: 100%;gap: var(--section-gap);}
.top_about_text{flex-direction: column;align-items: flex-start;width: var(--left-margin);gap: 2rem;}
.top_about_text_line{width: 100%;gap: 10rem;justify-content: space-between;align-items: center;margin-top: 10rem;}
.top_about_photo{width: calc(100% - var(--left-margin));justify-content: stretch;align-items: stretch;gap: 2rem;}
.top_about_vertical{align-items: flex-start;width: 15rem;position: absolute;right: 0;top: 20rem;}
.top_about_vertical p{writing-mode: vertical-lr;text-orientation: upright;letter-spacing: 1rem;text-wrap: nowrap;white-space: nowrap;}
/* ***************** Top more btn ***************** */
.top_btn_1{border-radius: 50rem;background-color: var(--color-gray);color: var(--color-dark);padding: 1rem 5rem;cursor: pointer;line-height: 1.2;letter-spacing: .8rem;text-wrap: nowrap;}
.top_btn_1{overflow: hidden;position: relative;transition-duration: .3s;z-index: 2;}
.top_btn_1::after{background: var(--color-secon);border-radius: 50%;content: "";display: block;margin: auto;opacity: 0;pointer-events: none;position: absolute;
    top: 50%;left: 0;right: 0;width: 100%;padding-top: 100%;height: 0;z-index: -1;
    transform: translateY(-50%) scale(0.1);transition: opacity .5s, transform 0s;transition-delay: 0s, .3s;} 
.top_btn_1:hover{color: var(--color-white);} 
.top_btn_1:hover::after{opacity: 1;transform: translateY(-50%) scale(1.1);transition-delay: 0s;transition: opacity .4s, transform .3s ease-in-out; }
@media (max-width: 800px) {
    .top_about{padding: 20rem 1rem;flex-direction: column;align-items: flex-start;}
    .top_about_inner{flex-direction: column-reverse;align-items: flex-start;padding-right: 11rem;}
    .top_about_text,.top_about_photo{width: 100%;}
    .top_about_text_line{flex-direction: column;align-items: flex-start;gap: 1rem;}
    .top_about_vertical{width: 12rem;}
}
/* ************************************ About End ************************************ */
/* ************************************ Top Service Begin ************************************ */
.top_service_container{width: 100%;padding: 10rem 3rem;flex-direction: column;--left: 59.45%;}
.top_service{width: 100%;background-color: var(--color-cream);border-radius: 1rem;gap: 2rem;padding: 1rem 3rem;align-items: stretch;justify-content: flex-start;}
.top_service_left_margin{width: var(--left);align-items: stretch;gap: 2rem;}
.top_service_sticky_container{width: calc(100% - var(--left));}
.top_service_scroll,.top_service_item{flex-direction: column;align-items: stretch;}
.top_service_scroll{gap: 20rem;padding: 5rem 0;}
.top_service_cut_line{width: 2px;border: dashed 1px var(--color-dark);}
.top_service_item{gap: 5rem;width: 100%;}
.top_service_photo{width: 60%;border-radius: 1rem;overflow: hidden;}
.top_service_title_p{flex-direction: column;width: 40%;min-width: 40rem;}
.top_service_title_p p{text-wrap: nowrap;}
.top_service_text{flex-direction: column;align-items: flex-start;gap: 1rem;}
.top_service_sticky_container{align-items: flex-start;padding: 5rem 0;}
.top_service_sticky{align-items: flex-start;position: sticky;position: -webkit-sticky;top: 10rem;justify-content: space-between;gap: 15rem;z-index: 10;width: 100%;}
.top_service_sticky_title{flex-direction: column;justify-content: space-between;align-items: flex-start;gap: 15rem;}
.top_service_sticky_title p{line-height: 1.2;}
.top_service_sticky_vertical{align-items: flex-start;}
.top_service_sticky_vertical p{writing-mode: vertical-lr;text-orientation: upright;letter-spacing: 1rem;text-wrap: nowrap;white-space: nowrap;}
@media (max-width: 800px) {
    .top_service_left_margin,.top_service_sticky_container{width: 100%;}
    .top_service_left_margin{flex-direction: column-reverse;}
    .top_service_container{padding: 10rem 1rem;}
    .top_service{display: flex;flex-direction: column-reverse;}
    .top_service_cut_line{width: 100%;}
    .top_service_title{flex-direction: column-reverse;gap: 3rem;}
    .top_service_item{gap: 1rem;}
    .top_service_sticky{position: relative;gap: 2rem;top: 0;}
    .top_service_photo{width: 90%;}
}
/* ************************************ Top Service End ************************************ */
/* ************************************ Top IT Begin ************************************ */
.top_it_container{padding: 20rem 3rem;width: 100%;}
.top_it{width: 100%;align-items: stretch;gap: 15rem;padding: 10rem 3rem;border-radius: 5rem;overflow: hidden;--left-it: 55%;}
.top_it_inner{flex-direction: column;align-items: flex-start;gap: 5rem;color: var(--color-white);width: var(--left-it);}
.top_it_logo{width: 20rem;}
.top_it_text{flex-direction: column;align-items: flex-start;gap: 5em;}
.top_it_text_child3{margin-top: 10rem;}
.top_it_title{flex-direction: column;align-items: flex-start;justify-content: space-between;color: var(--color-white);gap: 15rem;width: calc(100% - var(--left-it));}
.top_it_title_p{flex-direction: column;align-items: flex-start;gap: 5rem;text-wrap: nowrap;}
.top_it_title_p .p_96{line-height: 1.2;}
.top_it_title a{margin-left: auto;background-color: var(--color-white);}
.top_it_btn{gap: 1rem;display: block;}
.top_it_btn span{display: inline;line-height: 1.2;}
.top_it_btn span + span{margin-left: 1rem;}
.top_it_btn_child1{color: var(--color-pri);}
.top_it_btn_child2{color: var(--color-secon);}
.top_btn_1:hover span{color: var(--color-white);}

.top_it_bg{position: absolute;z-index: 0;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.top_it_bg_ani{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.top_it_bg_ani li{position: absolute;display: block;list-style: none;width: 20px;height: 20px;will-change: transform, opacity;
    background: #fa946891;animation: top_it_bg_ani 25s linear infinite;bottom: -150px;}
.top_it_bg_ani li:nth-child(1){left: 25%;width: 80px;height: 80px;animation-delay: 0s;}
.top_it_bg_ani li:nth-child(2){left: 10%;width: 20px;height: 20px;animation-delay: 2s;animation-duration: 12s;}
.top_it_bg_ani li:nth-child(3){left: 70%;width: 20px;height: 20px;animation-delay: 4s;}
.top_it_bg_ani li:nth-child(4){left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.top_it_bg_ani li:nth-child(5){left: 65%;width: 20px;height: 20px;animation-delay: 0s;}
.top_it_bg_ani li:nth-child(6){left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
.top_it_bg_ani li:nth-child(7){left: 35%;width: 150px;height: 150px;animation-delay: 7s;}
.top_it_bg_ani li:nth-child(8){left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}
.top_it_bg_ani li:nth-child(9){left: 20%;width: 15px;height: 15px;animation-delay: 2s;animation-duration: 35s;}
.top_it_bg_ani li:nth-child(10){left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}
@keyframes top_it_bg_ani {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
@media (max-width: 800px) {
    .top_it_container{padding: 20rem 1rem;}
    .top_it{flex-direction: column-reverse;border-radius: 2rem;}
    .top_it_inner,.top_it_title{width: 100%;}
    .top_it_bg_ani li{animation-duration: 35s;}
    .top_it_bg_ani li:nth-child(1){animation-duration: 30s;}
    .top_it_bg_ani li:nth-child(3){animation-duration: 24s;}
    .top_it_bg_ani li:nth-child(6){animation-duration: 30s;}
    @keyframes top_it_bg_ani {
        0%{
            transform: translateY(0) rotate(0deg);
            opacity: 1;
            border-radius: 0;
        }
        100%{
            transform: translateY(-1600px) rotate(720deg);
            opacity: 0;
            border-radius: 50%;
        }
    }
}
/* ************************************ Top IT End ************************************ */
/* ************************************ Top Message Begin ************************************ */
.top_message,.top_news,.top_works{width: 100%;gap: 10rem;flex-direction: column;padding: 10rem;align-items: flex-start;}
.top_message_inner{width: 100%;gap: 10rem;align-items: flex-start;}
.top_message_photo{width: 40%;}
.top_message_text{width: 60%;flex-direction: column;align-items: flex-start;gap: 5rem;}
@media (max-width: 800px) {
    .top_message, .top_news, .top_works{padding: 10rem 3rem;}
    .top_message_inner{flex-direction: column;}
    .top_message_inner > div{width: 100%;}
}
/* ************************************ Top Message End ************************************ */
/* ************************************ Top News Begin ************************************ */
.top_news_inner{width: 100%;flex-direction: column;gap: 3rem;align-items: flex-start;}
.top_news_line{width: 100%;gap: 5rem;align-items: flex-start;justify-content: flex-start;}
.top_news_line p:nth-child(1){min-width: 15rem;}
@media (max-width: 800px) {
    .top_news_line p:nth-child(1){justify-content: flex-start;}
    .top_news_line{gap: 3rem;}
}
/* ************************************ Top News End ************************************ */
/* ************************************ Top Works Begin ************************************ */
.top_works{overflow: hidden;}
.work_item{align-items: flex-end;width: 100%;gap: 5rem;height: 100%;}
.work_item_photo{width: 60%;aspect-ratio: 9/6;overflow: hidden;border-radius: .8rem;}
.work_item_text{width: 40%;padding: 3rem 0;flex-direction: column;align-items: flex-start;gap: 10rem;}
.work_item_title{margin: 0 auto;flex-direction: column;gap: 5rem;align-items: stretch;}
.work_item_text_inner{min-height: 15rem;}
.work_item_name{flex-direction: column;align-items: stretch;}
.work_item_name p:nth-child(1){padding-right: 10rem;}
.work_item_name_under{flex-direction: column;align-items: flex-start;}
.work_item_name_under div:nth-child(1){width: 95%;height: 1px;background-color: var(--color-dark);}
.work_item_name_under div:nth-child(2){width: 100%;height: 1rem;background-color: var(--color-gray);}
.work_item_title_p{flex-direction: column;align-items: flex-start;}

#photo_slide1{width: 100%;}
#photo_slide1 .owl-stage{align-items: stretch;}
.top_works .owl-stage-outer{position: absolute;width: 100%;top: 0;display: unset !important;}
.top_works .owl-nav{position: absolute;width: 96vw;top: 50%;left: calc((100% - 96vw)/2);z-index: 5;justify-content: space-between;}
.top_works .owl-nav > button{display: flex;max-width: 5rem;}
.top_works .owl-nav > button > img{object-fit: contain;}
@media (max-width: 800px) {
    .work_item{flex-direction: column;padding: 1rem;border: solid 1px var(--color-dark);border-radius: .8rem;justify-content: flex-start;}
    .work_item > div{width: 100%;}
    .work_item_text{padding: 0 2rem;padding-bottom: 2rem;}
    .top_works .owl-nav{width: 100%;left: 0;padding: 0 2rem;}
    .top_works .owl-nav > button{max-width: 3rem;}
    .top_works .owl-nav{top: 42%;display: none;}
}
/* ************************************ Top Works End ************************************ */
/* ************************************ Top Office Begin ************************************ */
.top_office{width: 100%;padding: 20rem 0;flex-direction: column;}
.top_office_bg{width: 100%;overflow: hidden;min-height: 120vh;}
.top_office_bg_photo{width: 100%;height: 100%;position: absolute;z-index: 0;pointer-events: none;}
.top_office_bg{color: var(--color-white);}
.top_office_bg_text{align-items: center;gap: 3rem;}
.top_office_bg_text p{writing-mode: vertical-lr;text-orientation: upright;letter-spacing: .05rem;z-index: 2;}
.top_office_bg_text_d1{align-items: flex-start;}
.top_office_bg_text_d1 p:nth-child(1){}
.top_office_bg_text_d1{line-height: 1.2;}
.top_office_bg_text_d2{align-items: flex-start;}
.top_office_bg_text_d2 p{line-height: 1.2;}
.top_office_title{position: absolute;top: 10rem;left: 60%;line-height: 1.2;z-index: 1;}

.top_office_inner{align-items: stretch;}
.top_office_inner_photo{aspect-ratio: 630/500;overflow: hidden;width: 100%;}
.top_office_inner_main{flex-direction: column;width: 100%;align-items: stretch;}
.top_office_inner_map{overflow: hidden;height: 100%;}
.top_office_inner_map iframe{width: 100%;height: 100%;object-fit: cover;outline: none;border: none;}
.top_office_inner_text{padding: 2rem 5rem;background-color: var(--color-gray);gap: 5rem;}
.top_office_inner_text p:nth-child(1){writing-mode: vertical-lr;text-orientation: upright;letter-spacing: 1rem;}
@media (max-width: 800px) {
    .top_office_bg{flex-direction: column-reverse;gap: 5rem;}
    .top_office_title{position: relative;top: unset;left: unset;margin-right: auto;margin-left: 3rem;}
    .top_office_inner_map{aspect-ratio: 4/2.3;}
}
/* ************************************ Top Office End ************************************ */
/* ************************************ Top End Slide Begin ************************************ */
.top_end_slide{overflow: hidden;width: 100%;padding: 20rem 0;justify-content: flex-start;}
.top_end_slide_track{display: flex;width: max-content;animation: scroll-left 60s linear infinite;z-index: 0;justify-content: flex-start;}
.top_end_slide_item,.top_end_slide_item_2{max-height: 30rem;min-height: 30rem;overflow: hidden;}
.top_end_slide_item > *{height: 100%;width: auto;object-fit: cover;}
.top_end_slide_item_2{padding: 1rem 2rem;background-color: var(--color-white);gap: 1rem;position: absolute;left: 20%;z-index: 1;}
.top_end_slide_logo{width: 9rem;}
.top_end_slide_logo_text{align-items: flex-start;}
.top_end_slide_item_2 p{writing-mode: vertical-lr;text-orientation: upright;letter-spacing: .1rem;color: var(--color-dark);}
@keyframes scroll-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 800px) {
    .top_end_slide_item, .top_end_slide_item_2{max-height: 40rem;min-height: 40rem;}
    .top_end_slide_track{animation: scroll-left 90s linear infinite;}
}
/* ************************************ Top End Slide End ************************************ */
/* ************************************ Footer Begin ************************************ */
.footer{width: 100%;padding: 0 10rem;gap: 5rem;justify-content: space-between;}
.footer_title{flex-direction: column;align-items: flex-start;gap: 1rem;}
.footer_link{align-items: flex-start;gap: 5rem;}
.footer_link_line{flex-direction: column;gap: 2rem;}
.footer_link_line a{color: var(--color-dark);}
.footer_link_line a:hover{color: var(--color-secon);}
.copy{width: 100%;padding: 2rem 0;padding-top: 5rem;}
.footer_title > p:nth-last-child(1),.page_mission_inner > p:nth-last-child(1){flex-direction: column;align-items: flex-start;gap: 0;margin-top: 3rem;}
.span_under{text-decoration: underline;}
@media (max-width: 800px) {
    .footer{padding: 0 3rem;flex-direction: column;align-items: flex-start;}
}
/* ************************************ Footer End ************************************ */

/* ************************************ Page About Begin ************************************ */
.page_about_info,.page_mission{width: 100%;padding: 20rem 10rem;}
.page_about_info_grid{display: grid;grid-template-columns: auto auto;align-items: stretch;}
.page_about_info_grid > div{padding: 1rem 3rem;flex-direction: column;gap: 3rem;border: solid 1px var(--color-dark);text-align: center;}
.page_about_info_grid > div:nth-child(odd) {padding: 1rem 10rem;border-right: none;}
.page_about_info_grid > div:not(:nth-child(1)):not(:nth-child(2)) {border-top: none;}

.page_mission{flex-direction: column;gap: 3rem;}
.page_mission_inner{width: 100%;flex-direction: column;align-items: flex-start;}
.page_mission_inner p:nth-child(1){margin-bottom: 2rem;}
.page_mission .top_about_button{width: 100%;justify-content: flex-end;margin-top: 2rem;}

@media (max-width: 800px) {
    .page_about_info,.page_mission{padding: 10rem 1rem;}
    .page_about_info_grid{grid-template-columns: auto}
    .page_about_info_grid > div{border: solid 1px var(--color-dark) !important;}
    .page_about_info_grid > div:not(:nth-child(1)){border-top: none !important;}
    .page_about_info_grid > div:nth-child(odd){border-bottom: none !important;}
}
/* ************************************ Page About End ************************************ */

/* ************************************ Page Contact Begin ************************************ */
.page_contact{width: 100%;padding: 20rem 10rem;flex-direction: column;gap: 3rem;}
.contact_note{width: 100%;flex-direction: column;align-items: flex-start;gap: 1rem;}
.contact_note p:nth-child(1){margin-bottom: 2rem;}

.contact_form_container{flex-direction: column;gap: 1rem;}
.contact_form{display: grid;grid-template-columns: auto 1fr;border: solid 1px var(--color-pri);border-radius: 1rem;overflow: hidden;max-width: 110rem;width: 100%;justify-content: flex-start;}
.contact_form > div{height: 100%;padding: 1rem 5rem;padding-right: 10rem;}
.contact_form > div:nth-child(odd){background-color: var(--color-pri);color: var(--color-white);border-bottom: solid 1px var(--color-white);}
.contact_form > div:nth-last-child(2){border-bottom: none;}
.contact_form > div:nth-child(even){background-color: var(--color-white);color: var(--color-dark);border-bottom: solid 1px var(--color-pri);
    justify-content: flex-start;min-width: 50rem;padding: 1rem 1rem;}
.contact_form > div:nth-last-child(1){border-bottom: none;}

.contact_form select,.contact_form textarea,.contact_form input{outline: none;border: solid 1px var(--color-dark);
    border-radius: .4rem;padding: 1rem;line-height: 1.3;}
.contact_form select{padding-right: 3rem;}
.contact_form select:focus{border: solid 1px var(--color-pri);color: var(--color-pri);}
.contact_form textarea[type="text"]{width: 100%;}
.contact_form textarea[type="text"]:focus{border: solid 1px var(--color-pri);color: var(--color-pri);}
.contact_form input[type="text"]{width: 100%;}
.contact_form input[type="text"]:focus{border: solid 1px var(--color-pri);color: var(--color-pri);}

.contact_choice{flex-direction: column;align-items: flex-start;gap: 1rem;}
.contact_choice_line{justify-content: flex-start;cursor: pointer;gap: .5rem;}
.contact_choice_line *{cursor: pointer;}
.choice_text{color: var(--color-dark);}
.contact_choice_line:hover .choice_text{color: var(--color-pri);}
.contact_choice_line input[type="radio"]{border: solid 1px var(--color-dark);background-color: var(--color-white);outline: none;
-webkit-appearance: none;appearance: none;border-radius: 50rem;}
.contact_choice_line input[type="radio"]:hover{border: solid 1px var(--color-pri);}
.contact_choice_line input[type="radio"]:checked{background-color: var(--color-pri);border: solid 1px var(--color-pri);}
.contact_choice_line input[type="radio"]:checked + .choice_text{color: var(--color-pri);}

.contact_name_line{gap: 1rem;}
.contact_postcode_line{gap: 1rem;}
.contact_postcode_line input[type="text"]{text-align: center;}
.contact_postcode_line input:nth-child(2){width: 7rem !important;}
.contact_postcode_line input:nth-child(4){width: 10rem !important;}

.contact_check{margin-top: 4rem;cursor: pointer;}
.contact_check *{cursor: pointer;}
.contact_check input{outline: none;border: solid 1px var(--color-dark);}
.contact_check:hover label{color: var(--color-pri);}
.contact_check:hover input[type="checkbox"]{border: solid 1px var(--color-pri);}
.contact_check input[type="checkbox"]:checked{border: solid 1px var(--color-pri);}
.contact_check input[type="checkbox"]:checked + label{color: var(--color-pri) !important;}

input[type="submit"]{cursor: pointer;;padding: 1rem 5rem;background-color: var(--color-white);color: var(--color-pri);border: solid 1px var(--color-pri);border-radius: .8rem;}
input[type="submit"]:hover{background-color: var(--color-pri);color: var(--color-white);}

@media (max-width: 800px) {
    .page_contact{padding: 20rem 1rem;}
    .contact_form{grid-template-columns: auto 1fr;}
    .contact_form > div:nth-child(even){min-width: unset;}
    .contact_form > div{padding: 1rem 2rem;}
}
/* ************************************ Page Contact End ************************************ */
.page_service_pdf{width: 100%}
/* ************************************ Page Smart Assistant Begin ************************************ */
.assis_sticky{position: sticky;top: 0;min-height: 100vh;}
.assis_scroll{max-width: 110rem;min-width: 110rem;}
.assistant_modelH_image{border-radius: 4rem;}
.assistant_merit_icon{position: absolute;top: -2rem;left: 1rem;}
.assistant_modelH_p_2{display: none;}
.assistant_ai_btn > a:hover img{scale: 1.03;}

.assis_sticky_h,.assis_sticky_w,.assis_sticky_c,.assis_sticky_t,.assis_sticky_l,.assis_sticky_base,.assis_sticky_app,.assis_sticky_merit{display: none;opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease, transform 0.5s ease;}
.assis_sticky_show{opacity: 1;transform: translate(0,0);}

@media (max-width: 1800px) {
    .assis_scroll{max-width: 100rem;min-width: 100rem;}
}
@media (max-width: 1700px) {
    .assis_scroll{max-width: 90rem;min-width: 90rem;}
    .assistant_merit_main{padding-left: 5rem;padding-right: 5rem;gap: 3rem;}
    .assistant_ai_btn{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 1600px) {
    .assistant_merit_icon{width: 20%;}
}
@media (max-width: 1300px) {
    .assis_scroll{max-width: 80rem;min-width: 80rem;}
    .assistant_merit_main{padding-left: 3rem;padding-right: 3rem;gap: 2rem;}
    .assistant_modelH_p_1{display: none;}
    .assistant_modelH_p_2{display: block;}
    .assistant_modelH_title{flex-direction: column;}
    .assis_scroll > .padw_5{padding-left: 3rem;padding-right: 3rem;}
    .assistant_ai_btn{padding-left: 5rem;padding-right: 5rem;}
}
@media (max-width: 1200px) {
    .assis_scroll{max-width: 70rem;min-width: 70rem;}
    .assistant_merit_last{text-wrap: wrap;padding-left: 3rem;padding-right: 3rem;}
}
@media (max-width: 1100px) {
    .assis_scroll{max-width: unset;min-width: unset;}
    .assis_sticky{display: none;}
    .assistant_ai_btn > a{flex-direction: column;}
    .assistant_ai_btn p{text-wrap: wrap;}
}
@media (max-width: 800px) {
    #smart_assistant_title,.smart_assistant_title{padding: 0 5rem;}
}
/* ************************************ Page Smart Assistant End ************************************ */

/* ************************************ LP Kitche@ Begin ************************************ */
.kitche_logo_1{width: 8rem;}
.kitche_logo_2{width: 20rem;}
.kitche_top_title_bg{background-color: #c1c1c17c;}
@media (max-width: 1000px) {
    .kitche_top_title_bg{padding: 2rem;flex-direction: column;align-items: flex-start;gap: 3rem;}
    .kitche_story_container{padding-left: 3rem;padding-right: 3rem;}
    .kitche_story_container > div{flex-direction: column;gap: 10rem;}
}

.kitche_top_bg{position: sticky;top: 0;}
.kitche_top_bg_2{opacity: 0;}
.kitche_top_bg_show{opacity: 1;}

.kitche_point_dash_1{border-left: dashed 1px currentColor;border-right: dashed 1px currentColor;}
.kitche_point_dash_2{border-top: dashed 1px currentColor;border-bottom: dashed 1px currentColor;}
.kitche_point_title_1{position: absolute;left: 0;}
.kitche_point_title_2{position: absolute;right: 0;}

.kitche_point_logo{position: absolute;width: 9rem;height: 9rem;aspect-ratio: 1/1;}
@media (max-width: 1300px) {
    .kitche_point_title_1,.kitche_point_title_2{position: relative;writing-mode: unset;text-orientation: unset;letter-spacing: unset;font-weight: 600;}
    .kitche_point_photo_block{padding: 0 5rem;}
}
@media (max-width: 1200px) {
    .kitche_point_container{padding: 0 10rem;}
}
@media (max-width: 1100px) {
    .kitche_point_container{padding: 0 5rem;}
}
@media (max-width: 800px) {
    .kitche_point_container{padding: 0 1rem;}
    .kitche_point_photo_block{padding: 0 2rem;}
    .kitche_point_line{gap: 1rem;}
    .kitche_point_text_block{padding-left: 1rem;padding-right: 1rem;height: 100%;}
}

.kitche_ai_logo_1 > div{aspect-ratio: 1/1;max-width: 20rem;max-height: 20rem;}
.kitche_ai_logo_2{max-width: 20rem;}
.kitche_ai_model_h_photo{max-height: 20rem;aspect-ratio: 500/340;margin-left: -1px;}
.kitche_ai_model_h_text{margin-left: -1px;}
.kitche_ai_model_w_inner{margin-top: -3rem;}
.kitche_ai_model_c_photo{max-height: 20rem;aspect-ratio: 500/340;margin-right: -1px;}
.kitche_ai_model_lt_photo{max-height: 30rem;aspect-ratio: 500/400;margin-right: -1px;}

.kitche_ai_map_photo{max-width: 110rem;}
.kitche_ai_map_h_photo{position: absolute;bottom: 17%;max-width: 53%;margin-left: 12%;}
.kitche_ai_map_h_btn{position: absolute;top: 0;left: 0;}
.kitche_ai_map_w_photo{position: absolute;bottom: 13%;left: 21%;min-width: 5%;min-height: 5%;}
.kitche_ai_map_W_circle{border: solid .3rem currentColor;aspect-ratio: 1/1;}
.kitche_ai_map_w_btn{position: absolute;left: -16rem;}
.kitche_ai_map_c_photo{position: absolute;bottom: 55%;margin-left: 6.6%;max-width: 35%;}

@media (max-width: 1700px) {
    .kitche_ai_title_container{padding: 5rem 3rem;}
}
@media (max-width: 1200px) {
    .kitche_ai_model_h_photo{max-height: 30rem;}
    .kitche_ai_model_c_photo{max-height: 30rem;}
    .kitche_ai_map_container{padding-left: 10rem;padding-right: 10rem;}
    .kitche_ai_model_lt_container{flex-direction: column;gap: 10rem;}
}
@media (max-width: 1100px) {
    .kitche_ai_logo_1{position: absolute;top: 1rem;left: 1rem;width: 9rem;height: 9rem;}
    .kitche_ai_logo_2{position: absolute;top: 1rem;right: 1rem;width: 20rem;}
    .kitche_ai_title_container{justify-content: center;}
}
@media (max-width: 1000px) {
    .kitche_ai_model_w_inner{margin-top: 0;}
    .kitche_ai_model_h_photo{max-height: unset;}
}
@media (max-width: 800px) {
    .kitche_ai_model_container{padding-left: 3rem;padding-right: 3rem;}
    .kitche_ai_model_h_inner,.kitche_ai_model_w_inner,.kitche_ai_model_lt_inner{margin-top: 0;flex-direction: column-reverse;gap: 1rem;justify-content: flex-start;align-items: center;}
    .kitche_ai_model_h_photo,.kitche_ai_model_c_photo,.kitche_ai_model_lt_photo{max-width: 60%;max-height: unset;margin-left: unset;}
    .kitche_ai_model_lt_inner_title{padding: 0;padding-bottom: 3rem;}

    .kitche_ai_map_container{padding-left: 1rem;padding-right: 1rem;flex-direction: column-reverse;align-items: center;}
    .kitche_ai_map_w_btn{left: -14rem;}
}

.kitche_ai_merit_text{margin-top: -2rem;}
.kitche_ai_merit_title{position: absolute;top: -5rem;left: 1rem;max-width: 20rem;}
@media (max-width: 900px) {
    .kitche_ai_merit_container{flex-direction: column;gap: 5rem;}
    .kitche_ai_merit_text > .w_1{background-color: var(--color-white);}
}

@media (max-width: 1200px) {
    .kitche_sticky_inner{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 1000px) {
    .kitche_sticky_inner{padding-left: 5rem;padding-right: 5rem;}
}
@media (max-width: 900px) {
    .kitche_sticky_inner{flex-direction: column;align-items: flex-start;gap: 10rem;}
    .kitche_sticky_rl{margin-left: auto;}
}

.kitche_app_logo{width: 100%;}
@media (max-width: 1400px) {
    .kitche_app{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 1000px) {
    .kitche_app{padding-left: 5rem;padding-right: 5rem;}
    .kitche_footer_inner,.kitche_footer_navi{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 800px) {
    .kitche_app{padding-left: 2rem;padding-right: 2rem;}
    .kitche_app_inner,.kitche_app_photo{gap: 3rem;padding-top: 3rem;padding-bottom: 3rem;}
    .kitche_app_logo{width: 60%;}
    .kitche_footer_inner,.kitche_footer_navi{padding-left: 3rem;padding-right: 3rem;}
    .kitche_footer_navi{align-items: flex-end;gap: 3rem;}
    .kitche_footer_navi > div:nth-child(1){max-width: 60%;}
    .kitche_footer_navi > div:nth-child(2){align-items: flex-end;}
    .kitche_footer_navi_logo{max-width: 30rem;}
}

/* ************************************ Show Up Setup ************************************ */
.show_up{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.show_up.show{
    opacity: 1;
    transform: translate(0,0);
}
/* ************************************ Show Up Setup End ************************************ */