@charset "utf-8";

html {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
.font_lexend {
    font-family: "Lexend Deca", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

/* remの設定 */
body {
    line-height: 1;
    color: #2d2d2d;
}
@media (min-width: 1441px) {
    html {
        font-size: 1px;
    }
}
@media (max-width: 1440px) and (min-width: 769px) {
    html {
        font-size: calc(1vw / 1440 * 100);
    }
}
@media (max-width: 768px) {
    html {
        font-size: calc(1vw / 375 * 100);
    }
}

/* common */
.section,
.section_inner {
    position: relative;
}
.section {
    position: relative;
    overflow: clip;
    z-index: 1;
}
@media (min-width: 769px) {
    .sp_only {
        display: none;
    }
    .section_inner {
        width: 1440rem;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .pc_only {
        display: none;
    }
}
.fade_up {
    opacity: 0;
    transform: translateY(20rem);
    transition: opacity 1s, transform 1s;
}
.fade_up.animated {
    opacity: 1;
    transform: translateY(0);
}

/* header */
.header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
@media (min-width: 769px) {
    .header {
        padding: 28rem;
    }
    .logo {
        width: 147rem;
    }
}
@media (max-width: 768px) {
    .header {
        padding: 20rem;
    }
    .logo {
        width: 74rem;
    }
}

/* mv */
.mv {
    background-color: #f1f4f8;
    overflow: hidden;
}
.mv_ttl_copy,
.mv_ttl_l,
.mv_ttl_s {
    display: block;
}
.mv_ttl {
    font-weight: 700;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}
.mv_ttl_l {
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-indent: -0.1em;
}
.mv_ttl_copy {
    font-weight: 600;
    letter-spacing: 0.07em;
}
.mv_img,
.mv_bg {
    position: absolute;
}
@media (min-width: 769px) {
    .mv {
        height: 720rem;
    }
    .mv_ttl {
        padding-top: 148rem;
        padding-left: 74rem;
        font-size: 40rem;
    }
    .mv_ttl_s {
        margin-top: 36rem;
        font-size: 32rem;
    }
    .mv_ttl_l {
        font-size: 82rem;
    }
    .mv_ttl_copy {
        margin-bottom: 30rem;
        font-size: 24rem;
    }
    .mv_ttl_copy_num {
        font-size: 36rem;
    }
    .mv_img {
        width: 601rem;
        position: absolute;
        top: 38rem;
        right: 80rem;
    }
    .mv_bg {
        width: 909rem;
        top: 0;
        right: -6rem;
    }
}
@media (max-width: 768px) {
    .mv {
        height: 640rem;
    }
    .mv_ttl {
        padding-top: 64rem;
        padding-left: 19rem;
        font-size: 22rem;
    }
    .mv_ttl_s {
        margin-top: 6rem;
        font-size: 18rem;
    }
    .mv_ttl_l {
        font-size: 40rem;
    }
    .mv_ttl_copy {
        margin-bottom: 4rem;
        font-size: 14rem;
    }
    .mv_img {
        width: 271rem;
        top: 267rem;
        left: 44rem;
    }
    .mv_bg_1 {
        width: 74rem;
        top: 304rem;
        left: 0;
    }
    .mv_bg_2 {
        width: 179rem;
        top: 70rem;
        right: 0;
    }
}

/* read */
.read {
    text-align: center;
    overflow: hidden;
}
.read_ttl {
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1em;
}
.read_ttl_num {
    font-weight: 700;
    background: linear-gradient(180deg, #1eb9ee 0%, #014099 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.read_txt {
    font-weight: 400;
    line-height: 1.7;
}
.read_logo_area {
    display: flex;
    position: relative;
}
.read_logo_wrap {
    display: flex;
}
.read_logo_wrap_1 {
    flex-shrink: 0;
    animation: read_logo 120s -60s linear infinite;
}
.read_logo_wrap_2 {
    animation: read_logo 120s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
}
.read_logo {
    display: block;
}
@media (min-width: 769px) {
    .read {
        padding-bottom: 72rem;
    }
    .read_ttl {
        margin-top: 48rem;
        font-size: 48rem;
    }
    .read_ttl_num {
        font-size: 88rem;
    }
    .read_txt {
        margin-top: 20rem;
        font-size: 20rem;
    }
    .read_logo_area {
        margin-top: 64rem;
    }
    .read_logo {
        width: 206rem;
        margin-left: 16rem;
    }
}
@media (max-width: 768px) {
    .read {
        padding-bottom: 56rem;
    }
    .read_ttl {
        margin-top: 56rem;
        font-size: 22rem;
    }
    .read_ttl_num {
        font-size: 42rem;
    }
    .read_txt {
        margin-top: 16rem;
        font-size: 16rem;
    }
    .read_logo_area {
        margin-top: 40rem;
    }
    .read_logo {
        width: 139rem;
        margin-left: 16rem;
    }
}
@keyframes read_logo {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* strengths */
.strengths {
    color: #fff;
    background: linear-gradient(90deg, #014099 0%, #1eb9ee 100%);
}
.strengths_bg_txt {
    position: absolute;
    transform-origin: 0 100%;
    rotate: 90deg;
}
.strengths_ttl {
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.05em;
}
.strengths_ttl_en {
    letter-spacing: normal;
    display: block;
}
.strengths_content_ttl {
    font-weight: 600;
    line-height: 1.5;
    position: relative;
}
.strengths_content_ttl_num {
    line-height: 1.1;
    position: absolute;
    opacity: 0.8;
}
.strengths_content_ttl_inner {
    position: relative;
    z-index: 1;
}
.strengths_content_txt {
    line-height: 1.9;
}
.strengths_content_list_img {
    display: block;
}
@media (min-width: 769px) {
    .strengths {
        padding: 96rem 0;
    }
    .strengths_bg_txt {
        font-size: 180rem;
        line-height: 0.8;
        color: #124082;
        top: -0.8em;
        left: 0;
    }
    .strengths_inner {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 160rem;
    }
    .strengths_ttl {
        font-size: 46rem;
        position: sticky;
        top: 100rem;
        left: 0;
    }
    .strengths_ttl_en {
        margin-bottom: 8rem;
        font-size: 22rem;
    }
    .strengths_content_ttl {
        font-size: 38rem;
    }
    .strengths_content_ttl_num {
        font-size: 120rem;
        color: #184d99;
        top: -64rem;
        left: -40rem;
    }
    .strengths_content_txt {
        margin-top: 24rem;
        font-size: 16rem;
    }
    .strengths_content_list {
        margin-top: 64rem;
    }
    .strengths_content_list > li {
        display: flex;
        gap: 48rem;
    }
    .strengths_content_list > li + li {
        margin-top: 112rem;
    }
    .strengths_content_list_inner {
        width: 346rem;
    }
    .strengths_content_list_img {
        width: 586rem;
    }
}
@media (max-width: 768px) {
    .strengths {
        padding: 72rem 0;
    }
    .strengths_bg_txt {
        font-size: 108rem;
        line-height: 0.8;
        color: #fff;
        top: -0.8em;
        left: 100%;
        translate: -12% 0;
        opacity: 0.1;
    }
    .strengths_ttl {
        padding: 0 20rem;
        font-size: 32rem;
    }
    .strengths_ttl_en {
        margin-bottom: 6rem;
        font-size: 18rem;
    }
    .strengths_content_ttl {
        font-size: 24rem;
    }
    .strengths_content_ttl_num {
        font-size: 98rem;
        color: #124082;
        top: -50rem;
        left: -28rem;
    }
    .strengths_content_txt {
        margin-top: 16rem;
        padding-right: 44rem;
        font-size: 14rem;
    }
    .strengths_content_list {
        margin-top: 68rem;
        padding-left: 44rem;
    }
    .strengths_content_list > li + li {
        margin-top: 88rem;
    }
    .strengths_content_list_img {
        margin-top: 32rem;
    }
}

/* results */
.results_bg_txt {
    background: linear-gradient(180deg, #014099 0%, #1eb9ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 100%;
    translate: -17% 0;
    transform-origin: 0 100%;
    rotate: 90deg;
    opacity: 0.1;
}
.results_ttl {
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.05em;
    text-align: center;
}
.results_ttl_en {
    letter-spacing: normal;
    background: linear-gradient(180deg, #1eb9ee 0%, #014099 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}
.results_list > li {
    background-color: #f1f4f8;
}
.results_list_name_wrap {
    display: flex;
    align-items: center;
}
.results_list_name {
    line-height: 1.8;
}
.results_list_point {
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
    position: relative;
}
.results_list_point_ttl {
    margin: auto;
    font-weight: 500;
    line-height: 1.9;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
}
.results_list_point_ttl::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #014099;
}
.results_list_point_ttl_inner {
    position: relative;
    z-index: 1;
}
.results_list_point_txt {
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    color: #014099;
}
.results_list_box {
    background-color: #fff;
}
.results_list_box_ttl {
    line-height: 1.9;
    text-align: center;
    color: #fff;
}
.results_list_box_next {
    position: relative;
}
.results_list_box_next::before {
    content: '';
    margin: auto;
    background: url(../images/results_list_arrow.svg) no-repeat 50% / contain;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.results_list_box_prev .results_list_box_ttl {
    background-color: #6c748a;
}
.results_list_box_next .results_list_box_ttl {
    background-color: #014099;
}
.results_list_box_txt {
    line-height: 1.5;
    border-left: 1px solid #6c748a;
    border-right: 1px solid #6c748a;
    border-bottom: 1px solid #6c748a;
    text-align: center;
}
.results_list_box_txt_s {
    display: block;
}
.results_list_box_txt_num {
    font-weight: 700;
    line-height: 1.4;
    display: inline-block;
}
.results_list_box_prev .results_list_box_txt_num {
    color: #6c748a;
}
.results_list_box_next .results_list_box_txt_num {
    color: #d21414;
}
.results_list_txt {
    line-height: 1.7;
}
@media (min-width: 769px) {
    .results {
        padding: 96rem 0;
    }
    .results_bg_txt {
        font-size: 180rem;
        line-height: 0.8;
        top: -0.8em;
    }
    .results_ttl {
        font-size: 46rem;
    }
    .results_ttl_en {
        margin-bottom: 8rem;
        font-size: 22rem;
    }
    .results_list {
        margin-top: 56rem;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 30rem;
    }
    .results_list > li {
        width: 410rem;
        padding: 20rem 24rem;
        box-shadow: 0 0 6rem 0 rgba(1, 64, 153, 0.3);
    }
    .results_list > li:nth-child(2) {
        margin-top: 56rem;
    }
    .results_list > li:nth-child(3) {
        margin-top: 112rem;
    }
    .results_list_name_wrap {
        gap: 12rem;
    }
    .results_list_img {
        width: 74rem;
    }
    .results_list_name {
        font-size: 16rem;
    }
    .results_list_point {
        margin-top: 22rem;
        padding: 20rem 0 12rem;
    }
    .results_list_point_ttl {
        width: 128rem;
        height: 25rem;
        font-size: 12rem;
        top: -12rem;
    }
    .results_list_point_ttl::before {
        transform: skew(-20deg);
    }
    .results_list_point_txt {
        font-size: 18rem;
    }
    .results_list_box_prev {
        margin-top: 20rem;
    }
    .results_list_box_next {
        margin-top: 34rem;
    }
    .results_list_box_next::before {
        width: 32rem;
        height: 22rem;
        top: -28rem;
    }
    .results_list_box_ttl {
        padding: 4rem 0;
        font-size: 12rem;
    }
    .results_list_box_txt {
        padding: 12rem 0 16rem;
        font-size: 16rem;
    }
    .results_list_box_prev .results_list_box_txt_s {
        font-size: 14rem;
    }
    .results_list_box_next .results_list_box_txt_s {
        font-size: 18rem;
    }
    .results_list_box_txt_num {
        margin: 0 5rem;
    }
    .results_list_box_prev .results_list_box_txt_num {
        font-size: 30rem;
    }
    .results_list_box_next .results_list_box_txt_num {
        font-size: 42rem;
    }
    .results_list_txt {
        margin-top: 14rem;
        font-size: 16rem;
    }
}
@media (max-width: 768px) {
    .results {
        padding: 72rem 0;
    }
    .results_ttl {
        font-size: 32rem;
    }
    .results_ttl_en {
        margin-bottom: 6rem;
        font-size: 18rem;
    }
    .results_list {
        margin-top: 40rem;
        padding: 0 20rem;
    }
    .results_list > li {
        padding: 20rem;
        box-shadow: 0 0 8rem 0 rgba(1, 64, 153, 0.3);
    }
    .results_list > li + li {
        margin-top: 32rem;
    }
    .results_list_name_wrap {
        gap: 12rem;
    }
    .results_list_img {
        width: 74rem;
    }
    .results_list_name {
        font-size: 14rem;
    }
    .results_list_point {
        margin-top: 20rem;
        padding: 22rem 0 12rem;
    }
    .results_list_point_ttl {
        width: 137rem;
        height: 27rem;
        font-size: 13rem;
        top: -12rem;
    }
    .results_list_point_ttl::before {
        transform: skew(-20deg);
    }
    .results_list_point_txt {
        font-size: 18rem;
    }
    .results_list_box_prev {
        margin-top: 20rem;
    }
    .results_list_box_next {
        margin-top: 34rem;
    }
    .results_list_box_next::before {
        width: 32rem;
        height: 22rem;
        top: -28rem;
    }
    .results_list_box_ttl {
        padding: 4rem 0;
        font-size: 13rem;
    }
    .results_list_box_txt {
        padding: 6rem 0 10rem;
        font-size: 14rem;
    }
    .results_list_box_prev .results_list_box_txt_s {
        font-size: 14rem;
    }
    .results_list_box_next .results_list_box_txt_s {
        font-size: 18rem;
    }
    .results_list_box_txt_num {
        margin: 0 5rem;
    }
    .results_list_box_prev .results_list_box_txt_num {
        font-size: 30rem;
    }
    .results_list_box_next .results_list_box_txt_num {
        font-size: 42rem;
    }
    .results_list_txt {
        margin-top: 14rem;
        font-size: 14rem;
    }
}
.results_list_item {
    opacity: 0;
    translate: 20rem 0;
    transition: opacity 1.5s, translate 1.5s;
}
.animated.results_list_item {
    opacity: 1;
    translate: 0 0;
}
@media (min-width: 769px) {
    .results_list_item_2 {
        transition-delay: 0.4s;
    }
    .results_list_item_3 {
        transition-delay: 0.8s;
    }
}

/* faq */
.faq {
    background-color: #f1f4f8;
}
.faq_bg_txt {
    background: linear-gradient(180deg, #014099 0%, #1eb9ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -13rem;
    right: 0;
    opacity: 0.1;
}
.faq_ttl {
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.05em;
    text-align: center;
}
.faq_ttl_en {
    letter-spacing: normal;
    background: linear-gradient(180deg, #1eb9ee 0%, #014099 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}
.faq_list > li {
    background-color: #fff;
    cursor: pointer;
}
.faq_list_q_icon {
    font-weight: 400;
    line-height: 1.1;
    color: #014099;
    display: inline-block;
}
.faq_list_q_txt {
    display: flex;
    align-items: center;
    position: relative;
}
.faq_list_icon {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.faq_list_icon::before,
.faq_list_icon::after {
    content: '';
    width: 100%;
    margin: auto;
    background-color: #014099;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.faq_list_icon::after {
    rotate: 90deg;
}
.faq_list_a_txt {
    border-top: 1px solid #ecedee;
    display: none;
}
@media (min-width: 769px) {
    .faq {
        padding: 96rem 0;
    }
    .faq_ttl {
        font-size: 46rem;
    }
    .faq_ttl_en {
        margin-bottom: 8rem;
        font-size: 22rem;
    }
    .faq_list {
        width: 1120rem;
        margin: 56rem auto 0;
    }
    .faq_list > li {
        padding: 24rem 40rem;
        box-shadow: 0 0 6rem 0 rgba(1, 64, 153, 0.3);
    }
    .faq_list > li + li {
        margin-top: 32rem;
    }
    .faq_bg_txt {
        font-size: 180rem;
        line-height: 1;
        top: -28rem;
    }
    .faq_list_q_txt,
    .faq_list_a_txt {
        line-height: 1.9;
    }
    .faq_list_q_txt {
        font-size: 18rem;
        padding-right: 40rem;
    }
    .faq_list_q_icon {
        margin-right: 24rem;
        font-size: 40rem;
    }
    .faq_list_icon {
        width: 30rem;
        height: 30rem;
    }
    .faq_list_icon::before,
    .faq_list_icon::after {
        height: 3rem;
    }
    .faq_list_a_txt {
        margin-top: 16rem;
        padding-top: 20rem;
        padding-left: 56rem;
        padding-right: 64rem;
        padding-bottom: 3rem;
        font-size: 16rem;
    }
}
@media (max-width: 768px) {
    .faq {
        padding: 72rem 0;
    }
    .faq_ttl {
        font-size: 32rem;
    }
    .faq_ttl_en {
        margin-bottom: 6rem;
        font-size: 18rem;
    }
    .faq_list {
        margin-top: 40rem;
        padding: 0 20rem;
    }
    .faq_list > li {
        padding: 16rem 20rem;
        box-shadow: 0 0 8rem 0 rgba(1, 64, 153, 0.3);
    }
    .faq_list > li + li {
        margin-top: 24rem;
    }
    .faq_list_q_txt {
        line-height: 1.7;
    }
    .faq_list_a_txt {
        line-height: 1.9;
    }
    .faq_list_q_txt {
        font-size: 15rem;
        padding-right: 30rem;
    }
    .faq_list_q_icon {
        margin-right: 16rem;
        font-size: 26rem;
    }
    .faq_list_icon {
        width: 20rem;
        height: 20rem;
    }
    .faq_list_icon::before,
    .faq_list_icon::after {
        height: 2rem;
    }
    .faq_list_a_txt {
        margin-top: 16rem;
        padding-top: 12rem;
        padding-left: 37rem;
        font-size: 14rem;
    }
}
.faq_list_icon::after {
    transition: scale 0.3s;
}
.is_active .faq_list_icon::after {
    scale: 0 1;
}

/* flow */
.flow_bg_txt {
    background: linear-gradient(180deg, #014099 0%, #1eb9ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 0;
    transform-origin: 0 100%;
    rotate: 90deg;
    opacity: 0.1;
}
.flow_ttl {
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.05em;
}
.flow_ttl_en {
    font-weight: 400;
    letter-spacing: normal;
    background: linear-gradient(180deg, #1eb9ee 0%, #014099 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}
.flow_content_list_step {
    line-height: 1.1;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #014099;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.flow_content_list_step_num {
    display: block;
}
.flow_content_list_step_arrow::after {
    content: '';
    margin: auto;
    display: block;
    background: url(../images/flow_content_list_arrow.svg) no-repeat 50% / contain;
    position: absolute;
    left: 0;
    right: 0;
}
.flow_content_ttl {
    font-weight: 700;
    line-height: 1.9;
    color: #014099;
    position: relative;
}
.flow_content_txt {
    line-height: 1.9;
}
.flow_content_list_img {
    display: block;
}
@media (min-width: 769px) {
    .flow {
        padding: 96rem 0;
    }
    .flow_bg_txt {
        font-size: 180rem;
        line-height: 0.8;
        top: -0.6em;
    }
    .flow_inner {
        width: 1280rem;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 90rem;
    }
    .flow_ttl {
        font-size: 46rem;
        position: sticky;
        top: 100rem;
        left: 0;
    }
    .flow_ttl_en {
        margin-bottom: 8rem;
        font-size: 22rem;
    }
    .flow_content_list > li {
        display: flex;
        gap: 24rem;
    }
    .flow_content_list > li + li {
        margin-top: 96rem;
    }
    .flow_content_list_step {
        width: 122rem;
        height: 122rem;
        font-size: 20rem;
    }
    .flow_content_list_step_num {
        margin-top: 8rem;
        font-size: 36rem;
    }
    .flow_content_list_step_arrow::after {
        width: 45rem;
        height: 48rem;
        bottom: -72rem;
    }
    .flow_content_list_item {
        display: flex;
        align-items: center;
        gap: 16rem;
    }
    .flow_content_list_inner {
        width: 420rem;
    }
    .flow_content_ttl {
        font-size: 24rem;
    }
    .flow_content_txt {
        margin-top: 6rem;
        font-size: 16rem;
    }
    .flow_content_list_img {
        width: 264rem;
    }
}
@media (max-width: 768px) {
    .flow {
        padding: 72rem 0;
    }
    .flow_ttl {
        padding: 0 20rem;
        font-size: 32rem;
    }
    .flow_ttl_en {
        margin-bottom: 6rem;
        font-size: 18rem;
    }
    .flow_content_list {
        margin-top: 40rem;
    }
    .flow_content_list > li {
        display: flex;
        justify-content: center;
        gap: 20rem;
    }
    .flow_content_list > li + li {
        margin-top: 40rem;
    }
    .flow_content_list_step {
        width: 68rem;
        height: 68rem;
        font-size: 15rem;
    }
    .flow_content_list_step_num {
        margin-top: 2rem;
        font-size: 22rem;
    }
    .flow_content_list_step_arrow::after {
        width: 30rem;
        height: 32rem;
        bottom: -48rem;
    }
    .flow_content_list_item {
        width: 247rem;
    }
    .flow_content_ttl {
        font-size: 18rem;
    }
    .flow_content_txt {
        margin-top: 2rem;
        font-size: 14rem;
    }
    .flow_content_list_img {
        margin-top: 16rem;
    }
}

/* apply */
.apply {
    background: url(../images/apply_bg.jpg) no-repeat 50% / cover;
}
.apply_bg_txt {
    color: #fff;
    position: absolute;
    left: 100%;
    translate: -24% 0;
    transform-origin: 0 100%;
    rotate: 90deg;
    opacity: 0.2;
}
.apply_ttl {
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
}
.apply_ttl_en {
    letter-spacing: normal;
    color: #fff;
    display: block;
}
.apply_form {
    display: block;
}
@media (min-width: 769px) {
    .apply {
        padding: 96rem 0;
    }
    .apply_bg_txt {
        font-size: 180rem;
        line-height: 0.8;
        top: -0.8em;
    }
    .apply_ttl {
        font-size: 46rem;
    }
    .apply_ttl_en {
        margin-bottom: 8rem;
        font-size: 22rem;
    }
    .apply_form {
        width: 1050rem;
        height: 1060rem;
        margin: 56rem auto 0;
    }
}
@media (max-width: 768px) {
    .apply {
        padding: 72rem 0;
    }
    .apply_ttl {
        font-size: 32rem;
    }
    .apply_ttl_en {
        margin-bottom: 6rem;
        font-size: 18rem;
    }
    .apply_form {
        width: 335rem;
        height: 910rem;
        margin: 40rem auto 0;
    }
}

/* company */
.company_bg_txt {
    background: linear-gradient(180deg, #014099 0%, #1eb9ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 0;
    transform-origin: 0 100%;
    rotate: 90deg;
    opacity: 0.1;
}
.company_ttl {
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.05em;
}
.company_ttl_en {
    font-weight: 400;
    letter-spacing: normal;
    background: linear-gradient(180deg, #1eb9ee 0%, #014099 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}
.company_list {
    border-bottom: 1px solid #6c748a;
}
.company_list > li {
    border-top: 1px solid #6c748a;
}
.company_list_ttl,
.company_list_txt {
    line-height: 1.9;
}
.company_list_ttl {
    font-weight: 600;
}
.company_list_txt_tel {
    text-decoration: none;
    color: #2d2d2d;
    pointer-events: none;
}
@media (min-width: 769px) {
    .company {
        padding: 96rem 0;
    }
    .company_ttl {
        font-size: 46rem;
        position: sticky;
        top: 100rem;
        left: 0;
    }
    .company_ttl_en {
        margin-bottom: 8rem;
        font-size: 22rem;
    }
    .company_bg_txt {
        font-size: 180rem;
        line-height: 0.8;
        top: -0.8em;
    }
    .company_inner {
        width: 1280rem;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 120rem;
    }
    .company_list {
        width: 890rem;
    }
    .company_list > li {
        padding: 28rem 24rem;
        display: flex;
        gap: 56rem;
    }
    .company_list_ttl,
    .company_list_txt {
        font-size: 18rem;
    }
    .company_list_ttl {
        width: 208rem;
    }
    .company_list_txt {
        width: 577rem;
    }
}
@media (max-width: 768px) {
    .company {
        padding: 72rem 0;
    }
    .company_ttl {
        font-size: 32rem;
        text-align: center;
    }
    .company_ttl_en {
        margin-bottom: 6rem;
        font-size: 18rem;
    }
    .company_list {
        margin: 40rem 20rem 0;
    }
    .company_list > li {
        padding: 24rem 0;
    }
    .company_list_ttl,
    .company_list_txt {
        font-size: 14rem;
    }
    .company_list_txt {
        margin-top: 8rem;
    }
}

/* footer */
.footer {
    background-color: #014099;
}
.footer_logo_wrap {
    display: flex;
    justify-content: center;
}
.footer_txt {
    line-height: 1.9;
    text-align: center;
    color: #fff;
}
@media (min-width: 769px) {
    .footer {
        padding: 48rem 0;
    }
    .footer_logo_wrap {
        gap: 24rem;
    }
    .footer_logo_1 {
        width: 204rem;
    }
    .footer_logo_2 {
        width: 115rem;
    }
    .footer_txt {
        margin-top: 24rem;
        font-size: 14rem;
    }
}
@media (max-width: 768px) {
    .footer {
        padding: 40rem 0;
    }
    .footer_logo_wrap {
        gap: 24rem;
    }
    .footer_logo_1 {
        width: 152rem;
    }
    .footer_logo_2 {
        width: 86rem;
    }
    .footer_txt {
        margin-top: 24rem;
        font-size: 10rem;
    }
}

/* bnr */
.bnr {
    margin-left: auto;
    background-color: #fff;
    position: sticky;
    translate: 0 50%;
    z-index: 1;
    overflow: clip;
}
.bnr_txt {
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #014099;
    position: relative;
}
.bnr_txt::before,
.bnr_txt::after {
    content: '';
    width: 1px;
    background-color: #014099;
    display: block;
    position: absolute;
    bottom: 0;
}
.bnr_txt::before {
    rotate: -20deg;
    left: 0;
}
.bnr_txt::after {
    rotate: 20deg;
    right: 0;
}
.bnr_txt_num {
    font-weight: 700;
}
.bnr_link {
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(90deg, #d21414 0%, #fb4e17 100%);
    border: 1px solid;
    border-image: linear-gradient(90deg, #d21414 0%, #fb4e17 100%);
    border-image-slice: 1;
    display: block;
    position: relative;
}
.bnr_link::after {
    content: '';
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    rotate: 45deg;
}
.bnr_link_inner {
    display: block;
    position: relative;
}
.bnr_link_inner::after {
    content: '無料会員登録はこちら';
    margin: auto;
    background: linear-gradient(90deg, #d21414 0%, #fb4e17 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.bnr_icon {
    margin: auto;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.07em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(90deg, #d21414 0%, #fb4e17 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bnr_icon::before {
    content: '';
    margin: auto;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    rotate: 45deg;
}
.bnr_icon_hover {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    margin: auto;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: linear-gradient(90deg, #d21414 0%, #fb4e17 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bnr_icon_hover_inner {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bnr_icon_hover_inner::after {
    content: '';
    margin: auto;
    border-right: 2px solid #fb4e17;
    border-bottom: 2px solid #fb4e17;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    rotate: 45deg;
}
.bnr_icon_hover_txt {
    background: linear-gradient(90deg, #d21414 0%, #fb4e17 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}
@media (min-width: 769px) {
    .bnr {
        width: 385rem;
        height: 173rem;
        margin-top: -120rem;
        border-radius: 16rem;
        box-shadow: 0 0 6rem 0 rgba(1, 64, 153, 0.3);
        right: 32rem;
        bottom: 112rem;
    }
    .bnr_item {
        padding: 20rem 24rem;
    }
    .bnr_txt {
        font-size: 17rem;
    }
    .bnr_txt::before,
    .bnr_txt::after {
        height: 45rem;
    }
    .bnr_txt_num {
        font-size: 30rem;
    }
    .bnr_link {
        margin-top: 12rem;
        padding: 1rem;
        font-size: 24rem;
    }
    .bnr_link_inner {
        padding: 10rem 40rem;
    }
    .bnr_link_inner::after {
        font-size: 24rem;
        left: 40rem;
    }
    .bnr_link_inner_s {
        font-size: 18rem;
    }
    .bnr_link::after {
        width: 12rem;
        height: 12rem;
        right: 32rem;
    }
    .bnr_icon {
        margin: 2px;
        padding-bottom: 16rem;
        font-size: 18rem;
        display: block;
    }
    .bnr_icon_inner {
        margin-top: 17rem;
        display: inline-block;
    }
    .bnr_icon::before,
    .bnr_icon_hover_inner::after {
        width: 15rem;
        height: 15rem;
        bottom: 23rem;
    }
    .bnr_icon_hover {
        margin: -2px;
        padding-bottom: 0;
    }
    .bnr_icon_hover_inner {
        margin: 2px;
    }
    .bnr_icon_hover_txt {
        padding-bottom: 28rem;
    }
}
@media (max-width: 768px) {
    .bnr {
        width: 335rem;
        height: 141rem;
        margin-top: -92rem;
        border-radius: 8rem;
        box-shadow: 0 0 8rem 0 rgba(1, 64, 153, 0.3);
        right: 20rem;
        bottom: 62rem;
        translate: 0 30%;
    }
    .bnr_item {
        padding: 14rem 24rem 16rem;
    }
    .bnr_txt {
        font-size: 14rem;
        transform: translateX(3rem);
    }
    .bnr_txt::before,
    .bnr_txt::after {
        height: 35rem;
    }
    .bnr_txt::before {
        left: -5rem;
    }
    .bnr_txt::after {
        right: -2rem;
    }
    .bnr_txt_num {
        font-size: 22rem;
    }
    .bnr_link {
        margin-top: 10rem;
        padding: 1rem;
        font-size: 19rem;
    }
    .bnr_link_inner {
        padding: 10rem 35rem;
    }
    .bnr_link_inner::after {
        font-size: 24rem;
        left: 40rem;
    }
    .bnr_link_inner_s {
        margin-left: 3rem;
        font-size: 16rem;
    }
    .bnr_link::after {
        width: 10rem;
        height: 10rem;
        right: 32rem;
    }
    .bnr_icon {
        margin: 2px;
        padding-bottom: 20rem;
        font-size: 15rem;
    }
    .bnr_icon::before,
    .bnr_icon_hover_inner::after {
        width: 12rem;
        height: 12rem;
        bottom: 15rem;
    }
    .bnr_icon_hover {
        margin: -2px;
        padding-bottom: 0;
    }
    .bnr_icon_hover_inner {
        margin: 2px;
    }
    .bnr_icon_hover_txt {
        padding-bottom: 16rem;
    }
}
.bnr {
    opacity: 0;
    transform: translateY(20rem);
    transition: width 0.5s 0.5s, height 0.5s 0.5s, border-radius 0.5s 0.5s, bottom 0.5s 0.5s, opacity 0.5s 0.5s, transform 0.5s 0.5s;
}
.loaded .bnr {
    opacity: 1;
    transform: translateY(0);
}
.is_fixed.bnr {
    border-radius: 50%;
}
.bnr_item {
    transition: opacity 0.5s 1s;
}
.is_fixed .bnr_item {
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}
.bnr_icon {
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}
.is_fixed .bnr_icon {
    opacity: 1;
    transition: opacity 0.5s 1s;
    pointer-events: all;
}
.bnr_icon_hover {
    opacity: 0;
    transition: opacity 0.5s;
}
@media (min-width: 769px) {
    .is_fixed.bnr {
        width: 120rem;
        height: 120rem;
        bottom: 80rem;
    }
    @media (hover:hover) {
        .bnr_link_inner {
            transition: background-color 0.3s;
        }
        .bnr_link:hover .bnr_link_inner {
            background-color: #fff;
        }
        .bnr_link::after {
            transition: all 0.3s;
        }
        .bnr_link:hover::after {
            border-top: 2px solid #fb4e17;
            border-right: 2px solid #fb4e17;
        }
        .bnr_link_inner::after {
            transition: opacity 0.3s;
        }
        .bnr_link:hover .bnr_link_inner::after {
            opacity: 1;
        }
        .bnr_icon:hover .bnr_icon_hover {
            opacity: 1;
        }
    }
}
@media (max-width: 768px) {
    .is_fixed.bnr {
        width: 92rem;
        height: 92rem;
        bottom: 46rem;
    }
}