@media screen and (max-width: 899px) {
  .header {
    height: 64px;
    background-image: url(../img/07fc/sp/bg_header.png);
    background-size: cover;
  }
  .header-container {
    height: 64px !important;
    padding: 0 24px;
  }
  .page_fc_fv {
    position: relative;
    z-index: 2;
    margin-top: 64px;
    background-image: url(../img/07fc/sp/bg_fv_sp_ver2.png);
    background-position: 100% 100%;
  }
  .area_sp_fc_header {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .area_sp_fc_header li {
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 11px; /* 100% */
    color: #fff;
  }
  .page_fc_cta_ver2 {
    background-image: url(../img/07fc/sp/bg_cta_ver2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 24px;
  }
  .page_fc_cta_ver2.first_cta {
    position: relative;
    z-index: 1;
    transform: translateY(-8vw);
  }
  .page_fc_cta_ver2 .container {
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page_fc_cta_ver2 .container .logo {
    width: 132px;
    display: block;
  }
  .page_fc_cta_ver2 .container .area_title {
    padding: 21px 0 40px;
  }
  .page_fc_cta_ver2 .container .area_title .s_title {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.4px; /* 192% */
    letter-spacing: 2.88px;
    white-space: nowrap;
  }
  .page_fc_cta_ver2 .container .click_area {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn {
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    letter-spacing: 0.1em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 18.5px 8px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn::before {
    content: "";
    position: absolute;
    background-color: #fff;
    right: 0;
    width: 18px;
    height: 2px;
    max-width: 420px;
    transform: rotate(120deg);
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn::after {
    content: "";
    position: absolute;
    left: 0;
    background-color: #fff;
    width: 18px;
    height: 2px;
    max-width: 420px;
    transform: rotate(60deg);
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn.on_btn2 {
    padding: 0 28px 8px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: 0.1em;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn {
    border-radius: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 327px;
    height: 64px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
    letter-spacing: 1.68px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn .small {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 100% */
    letter-spacing: 1.68px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_plan {
    background: linear-gradient(104deg, #4b8688 1.19%, #4bc2a6 46.76%, #16568a 95.15%);
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    border: 2px solid #fff;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_plan::before {
    position: absolute;
    right: 10px;
    content: url(../img/07fc/ver2/ver2arrow_white.svg);
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_request {
    background-size: cover;
    background-image: url(../img/07fc/sp/bg_request_info_btn.png);
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);
    color: #185e61;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_request::before {
    position: absolute;
    right: 10px;
    content: url(../img/07fc/ver2/ver2_arrow.svg);
  }
  .page_fc_movie {
    padding-top: 8vw;
  }
  .page_fc_banner {
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .btn_border {
    width: 137px;
    height: 40px;
  }
  .btn_border .btn_recruit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: #1f4037 !important;
    padding: 10px 0 !important;
  }
  .btn_border .btn_recruit .recruit_btn_logo_header {
    display: block;
    width: 16px;
    height: 16px;
  }
  .btn_border .btn_recruit:hover {
    background-color: #2c6e49 !important;
    color: #fff !important;
  }
  .header {
    background-image: url(../img/07fc/bg_header_ver2.png);
    background-size: cover;
    border-bottom: 0;
  }
  .header-container {
    height: 72px !important;
    padding: 0 40px !important;
  }
  .header-container nav {
    gap: 40px;
  }
  .header .header-container nav ul li a {
    font-size: 16px;
  }
  #btn_fc_fv {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
  }
  #btn_fc_fv .recruit_btn_logo_fv {
    display: block;
    width: 24px;
    height: 24px;
  }
  .page_fc_cta_ver2 {
    background-image: url(../img/07fc/bg_cta.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 5%;
  }
  .page_fc_cta_ver2 .container {
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page_fc_cta_ver2 .container .logo {
    width: 184px;
    display: block;
  }
  .page_fc_cta_ver2 .container .area_title {
    padding: 38px 0 32px;
  }
  .page_fc_cta_ver2 .container .area_title .s_title {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px; /* 160% */
    letter-spacing: 4.8px;
  }
  .page_fc_cta_ver2 .container .area_title .s_title br {
    display: none;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .page_fc_cta_ver2 .container .area_title .s_title {
    font-size: 36px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .page_fc_cta_ver2 .container .area_title .s_title {
    font-size: 34px;
  }
}
@media screen and (min-width: 900px) {
  .page_fc_cta_ver2 .container .click_area {
    display: flex;
    align-items: center;
    gap: 48px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
    letter-spacing: 1.8px;
    padding-bottom: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 22px 8px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn::before {
    content: "";
    position: absolute;
    background-color: #fff;
    right: 0;
    width: 18px;
    height: 2px;
    max-width: 420px;
    transform: rotate(120deg);
    bottom: 15px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn::after {
    content: "";
    position: absolute;
    left: 0;
    background-color: #fff;
    width: 18px;
    height: 2px;
    max-width: 420px;
    bottom: 15px;
    transform: rotate(60deg);
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .page_fc_cta_ver2 .container .click_area .area_btn .on_btn {
    font-size: 15px;
  }
}
@media screen and (min-width: 900px) {
  .page_fc_cta_ver2 .container .click_area .area_btn .btn {
    transition: all 0.3s;
    border-radius: 66px;
    display: flex;
    padding: 21px 32px;
    justify-content: center;
    align-items: end;
    width: 480px;
    height: 76px;
    position: relative;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px; /* 137.5% */
    letter-spacing: 1.68px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn .small {
    display: inline-block;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 27px !important; /* 150% */
    letter-spacing: 1.68px !important;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_plan {
    background: linear-gradient(104deg, #4b8688 1.19%, #4bc2a6 46.76%, #16568a 95.15%);
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    border: 3px solid #fff;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_plan::before {
    transform: translateY(3px);
    position: absolute;
    right: 21px;
    content: url(../img/07fc/ver2/ver2arrow_white.svg);
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_request {
    background-size: cover;
    background-image: url(../img/07fc/bg_request_info_btn.png);
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);
    color: #185e61;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn.btn_request::before {
    transform: translateY(3px);
    position: absolute;
    right: 21px;
    content: url(../img/07fc/ver2/ver2_arrow.svg);
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .page_fc_cta_ver2 .container .click_area .area_btn .btn {
    width: 100%;
    max-width: 480px;
    font-size: 20px;
  }
  .page_fc_cta_ver2 .container .click_area .area_btn .btn .small {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 900px) {
  .page_fc_fv {
    margin-top: 44px;
    height: 59.65vw;
    background-position: 85% 100%;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .page_fc_fv {
    margin-top: 50px;
  }
}
@media screen and (min-width: 900px) {
  .page_fc_fv .container .area_btn {
    top: 45.347vw;
    right: initial;
    left: 10.97vw;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .page_fc_fv .container .area_btn .btn_personal {
    width: 30vw;
  }
}/*# sourceMappingURL=ver2.css.map */