/*
Theme Name:AI Training LP
Description:AI Training LP
Author: Fukucchi
Version:1.0
*/

.noto_sans_w1 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100 !important;
}

.noto_sans_w3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal !important;
}

.noto_sans_w6 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700 !important;
}

.noto_sans_w7 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900 !important;
}

.bananaslipplus {
    font-family: "bananaslipplus";
}

.montserrat_b {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.viga {
    font-family: 'Viga', sans-serif;
    font-weight: 400;
}

.flex_start {
    align-items: flex-start;
}

.inline_block {
    display: inline-block;
}

.mg_auto {
    margin: 0 auto;
}

.txt_mg_0 {
    margin: 0;
}

.txt_p_0 {
    padding: 0;
}

.txt_pd_l_foot {
    padding-left: 1.1vw;
}

.txt_deco {
    text-decoration: none;
}

.bg_wht_grey {
    background-color: #f5f5f5;
}

.u_line_d_grey {
    border-bottom: solid 1px #475160;
}

.u_line_top_d_grey {
    border-top: solid 1px #475160;
}

.u_line_right_d_grey {
    border-right: solid 2px #475160;
}

.undrag {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.custom_width_size_42 {
    width: 42% !important;
    margin: 0 auto;
    display: block;
}

.txt_main_color {
    color: #494949;
}

.txt_main_color_2 {
    color: #82c7e6;
}

.txt_main_color_3 {
    color: #231815;
}

.txt_justify {
    text-align: justify;
}

.relative {
    position: relative;
}

.u_line_t_skyblue {
    border-bottom: solid 1px #82c7e6 !important;
}

.u_line_t_494949 {
    border-bottom: solid 1px #494949 !important;
}

.topleft_not_50 {
    border-radius: 0 50px 50px 50px;
}

.topright_not_50 {
    border-radius: 50px 0 50px 50px;
}

.bottomleft_not_50 {
    border-radius: 50px 50px 50px 0;
}

.bottomright_not_50 {
    border-radius: 50px 50px 0 50px;
}

.gradient_txt {
    background: var(--color3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sect1_head_1::after {
    content: "";
    background: var(--color4);
    display: block;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: -.7vw;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 1050px) {
    .sect1_head_1::after {
        width: 70%;
    }
}

@media only screen and (max-width: 770px) {
    .sect1_head_1::after {
        width: 100%;
        bottom: -2vw;
    }
}

.sect_4_m_t_pc_1::before {
    position: absolute;
    height: 15px;
    width: 15px;
    left: 12%;
    top: 38%;
    transform: translate(-50%, -50%);
}

.sect_4_m_t_pc_1::after {
    position: absolute;
    height: 15px;
    width: 15px;
    right: 16%;
    top: 38%;
    transform: translate(-50%, -50%);
}

.sect_4_m_t_sp_1::before {
    position: absolute;
    height: 25px;
    width: 25px;
    left: 7%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.sect_4_m_t_sp_1::after {
    position: absolute;
    height: 25px;
    width: 25px;
    right: 2%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.hiragino {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic Std";
}

.font_size_w1 {
    font-weight: 100 !important;
}

.font_size_w3 {
    font-weight: 300 !important;
}

.font_size_w6 {
    font-weight: 600 !important;
}

.font_size_w7 {
    font-weight: 700 !important;
}

/* Navigation Overlay Scrolling */
#overlay::-webkit-scrollbar {
    width: 0;
}

#overlay::-webkit-scrollbar-track {
    background: rgba(54, 125, 210, 1);
}

#overlay::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

a:hover {
    text-decoration: none !important;
}

#tabsp.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
}

/* Section 2 Tabs PC */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
}

.ui-widget-content {
    background: #ebf7fc;
}

li.width_size_19.box_radius_10.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    position: relative;
    z-index: 0;
    box-shadow: 0 0 16px 0px rgb(0 157 225 / 20%);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #f7fcfe;
}


li.width_size_19.box_radius_10.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab::before {
    position: absolute !important;
    width: 17px !important;
    height: 16px !important;
    left: 50% !important;
    bottom: -20% !important;
    transform: translate(-50%, -50%) !important;
}

li.width_size_19.box_radius_10.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active::before {
    position: absolute !important;
    width: 17px !important;
    height: 16px !important;
    left: 50% !important;
    bottom: -20% !important;
    transform: translate(-50%, -50%) !important;
}

#tabsp .ui-state-active,
#tabsp .ui-widget-content .ui-state-active,
#tabsp .ui-widget-header .ui-state-active,
#tabsp a.ui-button:active,
#tabsp .ui-button:active,
#tabsp .ui-button.ui-state-active:hover {
    background: var(--color4);
}


#tabpc .ui-state-active,
#tabpc .ui-widget-content .ui-state-active,
#tabpc .ui-widget-header .ui-state-active,
#tabpc a.ui-button:active,
#tabpc .ui-button:active,
#tabpc .ui-button.ui-state-active:hover {
    /* background: #e5e8ed; */
}

#tabpc,
#tabsp {
    border: none;
    margin: 0;
    padding: 0;
}

#tabpc ul,
#tabsp ul {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible !important;
}

#tabpc ul li {
    margin: 0 auto !Important;
    border-bottom-width: initial !important;
    border: solid 1px white !important;
    ;
}

#tabsp ul li {
    border-bottom-width: initial !important;
    border: none !important;
    box-shadow: 0 0 16px 0px rgb(0 157 225 / 20%);
}

#tabpc ul li a,
#tabsp ul li a {
    display: inline-block;
    width: 100%;
    height: auto;
}

.ui-state-default a,
.ui-state-default a:link {
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff !important;
    text-decoration: none;
    background: #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#tabpc .tab_content .contents,
#tabsp .tab_content .contents {
    background: #ffffff;
    padding: 0;
}

.frm_pad {
    padding: 4vw 4vw 4vw 4vw;
}

input[type=checkbox] {
    width: 1.2vw;
    height: 1.2vw;
}

.form_row_1 {
    width: 25% !important;
}

.form_row_2 {
    width: 10% !important;
}

.form_row_3 {
    width: 65% !important;
}

.form_checkbox_row_1 {
    width: 20% !important;
}

.form_checkbox_row_2 {
    width: 28% !important;
}

.form_checkbox_row_3 {
    width: 25% !important;
}

.form_checkbox_row_4 {
    width: 22% !important;
}

.form_cust_width_size_80 {
    width: 80% !important;
}

.form_cust_width_size_70 {
    width: 70% !important;
}

.form_cust_width_size_35 {
    width: 35% !important;
}

.form_cust_flex_center {
    align-items: center;
}

@media screen and (max-width: 1050px) {
    input[type=checkbox] {
        width: 2.5vw;
        height: 2.5vw;
    }

    .frm_pad {
        padding: 4vw 5vw 8vw 5vw;
    }

    .form_row_1 {
        width: 80% !important;
        margin-bottom: 2vw !important;
    }

    .form_row_2 {
        width: 20% !important;
    }

    .form_row_3 {
        width: 100% !important;
    }

    .form_checkbox_row_1 {
        width: 50% !important;
        margin-bottom: 1vw !important;
    }

    .form_checkbox_row_2 {
        width: 50% !important;
        margin-bottom: 1vw !important;
    }

    .form_checkbox_row_3 {
        width: 50% !important;
        margin-bottom: 1vw !important;
    }

    .form_checkbox_row_4 {
        width: 50% !important;
        margin-bottom: 1vw !important;
    }

    .form_cust_width_size_80 {
        width: 100% !important;
    }

    .form_cust_width_size_70 {
        width: 100% !important;
    }

    .form_cust_width_size_35 {
        width: 100% !important;
    }

    .form_cust_flex_center {
        align-items: flex-start;
    }

    .custom_agreement_margin {
        margin-top: 1vw;
    }
}

@media screen and (max-width: 770px) {
    input[type=checkbox] {
        width: 4vw;
        height: 4vw;
    }

}

.faq_q_color {
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 1050px) {
    .faq_accordion {
        height: 100%;
        transition: height 0.50s ease-in;
    }

    .faq_btn {
        padding: 1vw 1.6vw !important;
    }
}

@media only screen and (max-width: 750px) {
    .faq_btn {
        padding: .5vw 1.6vw !important;
    }
}

.faq_accordion_active {
    height: 0;
    overflow: hidden;
    transition: height 0.20s ease-in;
}

.service_header_color {
    background: var(--color3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service_header_border_color::after {
    content: "";
    background: var(--color4);
    display: block;
    height: 5px;
    width: 18%;
    position: absolute;
    bottom: -.8vw;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
}

.sect_11_mg {
    margin-top: -10vw;
}

@media only screen and (max-width: 1050px) {
    .service_header_border_color::after {
        width: 43%;
        bottom: -2vw;
    }

    .sect_11_mg {
        margin-top: -25vw;
    }
}

.voice_text_border_color::after {
    content: "";
    background: var(--color4);
    display: block;
    height: 5px;
    width: 91%;
    position: absolute;
    bottom: -.8vw;
    left: 0;
}

.voice_text_border_color_2::after {
    content: "";
    background: var(--color4);
    display: block;
    height: 5px;
    width: 55%;
    position: absolute;
    bottom: -.8vw;
    left: 0;
}

@media only screen and (max-width: 1050px) {
    .voice_text_border_color_tabsp_1::after {
        content: "";
        background: #009DE1;
        background: -webkit-linear-gradient(to right, #73c29a 0%, #016db6 100%);
        background: -moz-linear-gradient(to right, #73c29a 0%, #016db6 100%);
        background: linear-gradient(to right, #73c29a 0%, #016db6 100%);
        display: block;
        height: 3px;
        width: 50%;
        position: absolute;
        bottom: 7.5vw;
        left: 0;
    }

    .voice_text_border_color_tabsp_2::after {
        content: "";
        background: #009DE1;
        background: -webkit-linear-gradient(to right, #73c29a 0%, #016db6 100%);
        background: -moz-linear-gradient(to right, #73c29a 0%, #016db6 100%);
        background: linear-gradient(to right, #73c29a 0%, #016db6 100%);
        display: block;
        height: 3px;
        width: 60%;
        position: absolute;
        bottom: -.5vw;
        left: 0;
    }

    .voice_text_border_color_2::after {
        height: 3px;
        width: 66%;
        bottom: -1.5vw;
    }
}

@media only screen and (max-width: 770px) {
    .voice_text_border_color_tabsp_1::after {
        width: 60%;
        bottom: 9.5vw;
    }

    .voice_text_border_color_tabsp_2::after {
        width: 72%;
        bottom: -.5vw;
    }

    .voice_text_border_color_2::after {
        height: 3px;
        width: 79%;
        bottom: -1.5vw;
    }
}

.case_study_header_border_color::after {
    content: "";
    background: var(--color3);
    display: block;
    height: 5px;
    width: 15%;
    position: absolute;
    bottom: -.8vw;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 1050px) {
    .case_study_header_border_color::after {
        width: 27%;
    }
}

@media only screen and (max-width: 770px) {
    .case_study_header_border_color::after {
        width: 33%;
        bottom: -2vw;
    }
}

.sect_8 .ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: none;
    border-collapse: unset;
}

.sect_8 #tabpc-sect8,
#tabsp-sect8 {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

.sect_8 #tabpc-sect8 ul,
#tabsp-sect8 ul {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible !important;
}

.sect_8 #tabpc-sect8 ul li,
#tabsp-sect8 ul li {
    margin: 0 auto !Important;
    border-bottom-width: initial !important;
    border: none !important;
}

.sect_8 #tabpc-sect8 ul li a,
#tabsp-sect8 ul li a {
    display: inline-block;
    width: 100%;
    height: auto;
}

.sect_8 .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid transparent;
    background: #009be0;
    font-weight: normal;
    color: #ffffff;
}

.sect_8 .ui-state-default a,
.ui-state-default a:link {
    /* background: -webkit-linear-gradient(45deg, var(--color3), var(--color3)); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sect_8 .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: var(--color3) !important;
    text-decoration: none;
    /* background: #ffffff; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sect_8 li.width_size_32.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    position: relative;
    z-index: 0;
    box-shadow: 0 0 16px 0px rgb(0 157 225 / 20%);
}

.sect_8 .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #ffffff;
}

.sect_8 .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #1a7a6d;
}

.sect_8 .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
}

.sect_8 .voice_p_text_color {
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sect_8 .view_pc::before {
    content: "";
    display: block;
    background: white !important;
    background-size: cover !important;
    width: 100%;
    height: 17.7vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media only screen and (max-width: 1050px) {
    .sect_8 .view_tabsp::before {
        content: "";
        display: block;
        background: white !important;
        background-size: cover !important;
        width: 100%;
        height: 20vw;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
}

@media only screen and (max-width: 770px) {
    .sect_8 .view_tabsp::before {
        content: "";
        display: block;
        background: white !important;
        background-size: cover !important;
        width: 100%;
        height: 24vw;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
}

.sect_8 #tabsp-sect8 ul li {
    border-bottom-width: initial !important;
    border: solid #197366 1px !Important;
    border-top: 0 !Important;
    box-shadow: 0 0 16px 0px rgb(0 157 225 / 20%);
}