@charset "UTF-8";
/* Scss Document _reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after { content: ""; content: none; }

blockquote:before, blockquote:after { content: ""; content: none; }

img { vertical-align: bottom; }

img, video { width: 100%; }

a { text-decoration: none; word-break: break-all; }
a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; letter-spacing: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

input, button, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; }

/* Firefox */
@-moz-document url-prefix() { input, button, select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; resize: vertical; }

input[type="checkbox"], input[type="radio"] { display: none; }
input[type="submit"], input[type="button"] { cursor: pointer; }

label, button { cursor: pointer; }

select { cursor: pointer; }
select::-ms-expand { display: none; }

body { font-size: 14px; font-weight: 500; line-height: 1.4; color: #323232; font-family: "IBM Plex Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif; font-feature-settings: "palt" 1; text-align: left; }
body #main { padding-top: 105px; }
@media screen and (max-width: 768px) { body #main { padding-top: 50px; } }

a { transition: 200ms ease all; color: #1558D6; text-decoration: underline; }
@media screen and (min-width: 769px) { a:hover { text-decoration: none; } }

.f__common-text_left { text-align: left; }
.f__common-text_center { text-align: center; }
.f__common-text_right { text-align: right; }
.f__common-text_bold { font-weight: 700; }
.f__common-text_underline { text-decoration: underline; }
.f__common-text_highlighter { background: linear-gradient(transparent 75%, #fae58e 75%); background-position: 0 1.3em; }
.f__common-text_annotation { font-size: 10px; }
.f__common-text_nowrap { display: inline-block; }
.f__common-color_seisan { color: #007bc7; }
.f__common-color_meisai { color: #267d00; }
.f__common-color_seikyu { color: #0ba578; }
.f__common-color_hanbai { color: #f53c20; }
.f__common-color_kintai { color: #2531b7; }
.f__common-bgcolor_blue { background-color: #edf7ff; }
.f__common-bgcolor_blue_brand { background-color: #007bc7; }
.f__common-bgcolor_gray { background-color: #f6f6f6; }
.f__common-bgcolor_white { background-color: #FFF; }

_::-webkit-full-page-media, _:future, :root .f__common-text_highlighter { text-decoration: underline; text-underline-offset: 0.05em; text-decoration-thickness: 0.15em; text-decoration-color: #fae58e; }

.fixed_bottom { position: absolute; bottom: 0; }

@keyframes loop { 0% { background-position: 0 0; }
  100% { background-position: -2237px 0; } }
@media (min-width: 769px) { .pc-only { display: inline-block; }
  .sp-only { display: none; } }
@media (max-width: 768px) { .pc-only { display: none; }
  .sp-only { display: inline-block; } }
.f-l__common-inner { position: relative; max-width: 1000px; min-width: 1000px; margin: 0 auto; width: inherit; height: auto; }
.f-l__common-section { padding: 70px 0; }
@media screen and (max-width: 768px) { .f-l__common-inner { max-width: 100%; min-width: 100px; padding: 0 20px; } }
@media screen and (max-width: 576px) { .f-l__common-inner { max-width: 100%; min-width: 100px; padding: 0 20px; }
  .f-l__common-section { padding: 50px 0; } }

.cf { clear: both; }

body { padding-top: 0; }

.f-l__lp-header-container { width: 100%; position: relative; top: 0; z-index: 1000; background-color: #FFF; transition: 100ms ease all; }
.f-l__lp-header-container_inner { max-width: 1200px; margin: 0px auto; display: flex; }
@media screen and (max-width: 1024px) { .f-l__lp-header-container_inner { max-width: 1024px; } }
@media screen and (max-width: 576px) { .f-l__lp-header-container_inner { padding: 0; } }
@media screen and (max-width: 768px) { .f-l__lp-header-container { padding: 0 11px; }
  .f-l__lp-header-container.scroll-type { transform: translateY(0px); }
  .f-l__lp-header-container_inner { width: 100%; } }
.f-l__lp-header-logo { width: 148px; height: 82px; display: inline-block; padding: 18px 0; }
.f-l__lp-header-logo img { width: 100%; height: auto; display: block; }
@media screen and (max-width: 1024px) { .f-l__lp-header-logo { width: 120px; display: inline-block; padding: 20px 0; } }
@media screen and (max-width: 768px) { .f-l__lp-header-logo { width: 90px; height: 50px; display: inline-block; padding: 11px 0; } }
.f-l__lp-header-tagline { display: block; font-size: 14px; color: #323232; font-weight: 700; padding: 34px 0 0 25px; }
@media screen and (max-width: 1024px) { .f-l__lp-header-tagline { display: inline-block; padding: 30px 0 0 25px; } }
@media screen and (max-width: 768px) { .f-l__lp-header-tagline { white-space: nowrap; padding: 19px 0 0 20px; font-size: 12px; } }

.o-c__cta-link_orange { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); text-decoration: none; display: block; font-weight: 700; text-align: center; border-radius: 50px; position: relative; z-index: 300; line-height: 1; padding: 30px 25px 20px; background-color: #ff852b; border: 3px solid #FFF; color: #FFF; font-size: 20px; }
@media screen and (min-width: 769px) { .o-c__cta-link_orange:has(img) { padding: 30px 40px 20px 70px; } }
.o-c__cta-link_orange_text { line-height: 1.4; }
.o-c__cta-link_orange_text_sub { font-size: 12px; display: block; padding: 0 0 5px; }
.o-c__cta-link_orange_free { display: inline-block; background-color: #FFF; border-radius: 20px; color: #ff852b; padding: 6px 10px 3px; font-size: 14px; top: -3px; position: relative; }
.o-c__cta-link_orange_balloon { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); font-size: 14px; text-align: center; border-radius: 20px; display: block; position: absolute; padding: 10px 25px 7px; top: -17px; left: 50%; transform: translateX(-50%); white-space: nowrap; background-color: #FFF; color: #323232; }
.o-c__cta-link_orange_balloon_orange { color: #ff852b; }
.o-c__cta-link_orange_balloon:after { display: block; position: absolute; content: ""; width: 0; height: 0; left: 50%; bottom: -8px; transform: translateX(-50%); border: 6px solid transparent; border-bottom-width: 0; border-top: 10px solid white; }
.o-c__cta-link_orange_capture { display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); transition: all ease 0.3s; width: 64px; }
.o-c__cta-link_orange_capture._casestudies_img { width: 38px; left: 85px; top: 55%; }
.o-c__cta-link_orange_capture img { width: 100%; height: auto; }
.o-c__cta-link_orange:before { position: absolute; display: block; content: ""; width: 13px; height: 13px; top: 3px; right: 25px; bottom: 0; margin: auto; transform: rotate(45deg); transition: all ease 0.3s; border-top: 3px solid white; border-right: 3px solid white; }
@media screen and (max-width: 576px) { .o-c__cta-link_orange:before { width: 10px; height: 10px; } }
.o-c__cta-link_orange._fv { width: 425px; font-size: 22px; }
.o-c__cta-link_orange._common { width: 400px; padding: 30px 25px 20px; }
@media screen and (min-width: 769px) { .o-c__cta-link_orange._common:has(img) { padding: 30px 40px 24px 70px; } }
.o-c__cta-link_orange._common_2line { width: 400px; padding: 17px 25px 15px; margin: 0 auto; }
.o-c__cta-link_orange._common.mg40 { margin-bottom: 40px; }
.o-c__cta-link_orange._simple { width: 370px; font-size: 18px; margin: 0 auto; padding: 20px 25px 18px; }
.o-c__cta-link_orange._simple:after { display: none; }
.o-c__cta-link_orange._floating { display: inline-block; width: 100%; font-size: 18px; margin: 0 auto; padding: 10px 25px 8px; }
.o-c__cta-link_orange._floating:after { display: none; }
@media screen and (max-width: 768px) { .o-c__cta-link_orange._fv { width: 370px; font-size: 20px; }
  .o-c__cta-link_orange_capture { display: none; } }
@media screen and (max-width: 576px) { .o-c__cta-link_orange { padding: 19px 15px 14px; }
  .o-c__cta-link_orange:before { right: 20px; }
  .o-c__cta-link_orange_free { display: none; }
  .o-c__cta-link_orange_balloon { font-size: 12px; padding: 8px 15px 5px; top: -15px; }
  .o-c__cta-link_orange_balloon:after { bottom: -5px; }
  .o-c__cta-link_orange_capture { display: none; }
  .o-c__cta-link_orange._fv { width: 85%; font-size: 18px; margin: 0 auto 20px; }
  .o-c__cta-link_orange._common { width: 100%; font-size: 18px; margin-bottom: 20px; padding: 19px 15px 14px; }
  .o-c__cta-link_orange._common.mg40 { margin-bottom: 20px; }
  .o-c__cta-link_orange._floating { font-size: 14px; padding: 10px 0px 8px; border: 3px solid #ff852b; }
  .o-c__cta-link_orange._floating .o-c__cta-link_orange_text_sub, .o-c__cta-link_orange._floating:before { display: none; } }
@media screen and (min-width: 769px) { .o-c__cta-link_orange:hover { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); background-color: #FFF; border: 3px solid #ff852b; color: #ff852b; transform: scale(1.03); }
  .o-c__cta-link_orange:hover .o-c__cta-link_orange_free { background-color: #ff852b; color: #FFF; }
  .o-c__cta-link_orange:hover .o-c__cta-link_orange_balloon { background-color: #ff852b; color: #FFF; }
  .o-c__cta-link_orange:hover .o-c__cta-link_orange_balloon_orange { color: #FFF; }
  .o-c__cta-link_orange:hover .o-c__cta-link_orange_capture { transform: translateY(-50%) scale(1.08); }
  .o-c__cta-link_orange:hover:before { border-top: 3px solid #ff852b; border-right: 3px solid #ff852b; }
  .o-c__cta-link_orange:hover .o-c__cta-link_orange_balloon:after { border: 6px solid transparent; border-bottom-width: 0; border-top: 10px solid #ff852b; } }
.o-c__cta-link_border { text-decoration: none; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); display: block; font-weight: 700; text-align: center; border-radius: 50px; position: relative; z-index: 300; line-height: 1; padding: 30px 25px 20px; background-color: #FFF; border: 3px solid #ff852b; color: #ff852b; font-size: 20px; }
.o-c__cta-link_border_text { line-height: 1.4; }
.o-c__cta-link_border_text_sub { font-size: 12px; display: block; padding: 0 0 5px; }
.o-c__cta-link_border_balloon { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); font-size: 14px; text-align: center; border-radius: 20px; display: block; position: absolute; padding: 10px 25px 7px; top: -17px; left: 50%; transform: translateX(-50%); white-space: nowrap; background-color: #ff852b; color: #FFF; }
.o-c__cta-link_border_balloon_orange { color: #ff852b; }
.o-c__cta-link_border_balloon:after { display: block; position: absolute; content: ""; width: 0; height: 0; left: 50%; bottom: -8px; transform: translateX(-50%); border: 6px solid transparent; border-bottom-width: 0; border-top: 10px solid #ff852b; }
.o-c__cta-link_border_capture { display: block; position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 75px; }
.o-c__cta-link_border_capture img { width: 100%; height: auto; }
.o-c__cta-link_border_free { display: inline-block; background-color: #ff852b; border-radius: 20px; color: #fff; padding: 6px 10px 3px; font-size: 14px; top: -3px; position: relative; }
.o-c__cta-link_border:before { position: absolute; display: block; content: ""; width: 13px; height: 13px; top: 3px; right: 25px; bottom: 0; margin: auto; transform: rotate(45deg); transition: all ease 0.3s; border-top: 3px solid #ff852b; border-right: 3px solid #ff852b; }
@media screen and (max-width: 576px) { .o-c__cta-link_border:before { width: 10px; height: 10px; } }
.o-c__cta-link_border._fv { width: 425px; font-size: 22px; }
.o-c__cta-link_border._common { width: 400px; padding: 30px 25px 24px; }
@media screen and (min-width: 769px) { .o-c__cta-link_border._common:has(img) { padding: 30px 40px 24px 70px; } }
.o-c__cta-link_border._common .o-c__cta-link_border_capture { width: 65px; left: 10px; }
.o-c__cta-link_border._simple { width: 370px; font-size: 18px; margin: 0 auto; padding: 20px 25px 18px; }
.o-c__cta-link_border._simple:after { display: none; }
.o-c__cta-link_border._floating { display: inline-block; width: 100%; font-size: 18px; margin: 0 auto; padding: 10px 25px 8px; }
.o-c__cta-link_border._floating:after { display: none; }
@media screen and (max-width: 768px) { .o-c__cta-link_border._fv { width: 370px; font-size: 20px; }
  .o-c__cta-link_border_capture { display: none; } }
@media screen and (max-width: 576px) { .o-c__cta-link_border { padding: 19px 15px 14px; }
  .o-c__cta-link_border:before { right: 20px; }
  .o-c__cta-link_border_balloon { font-size: 12px; padding: 8px 15px 5px; top: -15px; }
  .o-c__cta-link_border_balloon:after { bottom: -5px; }
  .o-c__cta-link_border_free { display: none; }
  .o-c__cta-link_border_capture { display: none; }
  .o-c__cta-link_border._fv { width: 85%; font-size: 18px; margin: 0 auto 20px; }
  .o-c__cta-link_border._common { width: 100%; font-size: 18px; padding: 19px 15px 14px; }
  .o-c__cta-link_border._floating { font-size: 14px; padding: 10px 0px 8px; border: 3px solid #FFF; }
  .o-c__cta-link_border._floating .o-c__cta-link_border_text_sub, .o-c__cta-link_border._floating:before { display: none; } }
@media screen and (min-width: 769px) { .o-c__cta-link_border:hover { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); background-color: #ff852b; border: 3px solid #FFF; color: #FFF; transform: scale(1.03); }
  .o-c__cta-link_border:hover .o-c__cta-link_border_balloon { background-color: #FFF; color: #ff852b; }
  .o-c__cta-link_border:hover .o-c__cta-link_border_balloon_orange { color: #FFF; }
  .o-c__cta-link_border:hover .o-c__cta-link_border_free { background-color: #FFF; color: #ff852b; }
  .o-c__cta-link_border:hover .o-c__cta-link_border_capture { transform: translateY(-50%) scale(1.07); }
  .o-c__cta-link_border:hover:before { border-top: 3px solid #FFF; border-right: 3px solid #FFF; }
  .o-c__cta-link_border:hover .o-c__cta-link_border_balloon:after { border: 6px solid transparent; border-bottom-width: 0; border-top: 10px solid #FFF; } }
.o-c__cta-floating_cta_container { position: fixed; top: 45%; right: 0; z-index: 997; }
@media screen and (max-width: 768px) { .o-c__cta-floating_cta_container { display: none !important; } }
.o-c__cta-floating_cta_close { display: block; position: absolute; width: 25px; height: 25px; top: -25px; right: 0; background-color: #d2d2d2; padding: 5px 5px 1px 5px; }
.o-c__cta-floating_cta_close:before { content: ""; background-color: #FFF; width: 3px; height: 14px; line-height: 0; position: absolute; top: 6px; left: 12px; transform: rotate(-45deg); }
.o-c__cta-floating_cta_close:after { content: ""; background-color: #FFF; width: 3px; height: 14px; line-height: 0; position: absolute; top: 6px; left: 12px; transform: rotate(45deg); }
.o-c__cta-floating_cta_link { text-decoration: none; display: block; width: 57px; padding: 1em 0.7em; font-size: 22px; font-weight: 700; color: #FFF; line-height: 1.1; letter-spacing: 1px; text-align: center; border-radius: 10px 0 0 10px; background-color: #ff852b; border-top: 2px solid #ff852b; border-left: 2px solid #ff852b; border-bottom: 2px solid #ff852b; }
.o-c__cta-floating_cta_link:hover { background-color: #FFF; color: #ff852b; }
.o-c__cta-floating_cta_function { text-decoration: none; display: block; width: 180px; padding: 15px 0 10px 25px; font-size: 16px; font-weight: 700; color: #FFF; line-height: 1.4; text-align: center; border-radius: 10px 0 0 10px; background-color: #ff852b; border-top: 2px solid #ff852b; border-left: 2px solid #ff852b; border-bottom: 2px solid #ff852b; }
.o-c__cta-floating_cta_function_caption { display: block; font-size: 10px; padding: 0 0 3px; }
.o-c__cta-floating_cta_function_capture { display: block; position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 80px; }
.o-c__cta-floating_cta_function_capture img { width: 100%; height: auto; }
.o-c__cta-floating_cta_function_capture._case { width: 45px; left: -20px; }
.o-c__cta-floating_cta_function_fukidashi { display: block; width: 100%; font-size: 12px; color: #FFF; font-weight: 500; text-align: center; padding: 0 0 5px; }
.o-c__cta-floating_cta_function_fukidashi:before { content: ""; width: 1px; height: 25px; background-color: #FFF; position: absolute; top: 25px; left: 30px; transform: rotate(-25deg); }
.o-c__cta-floating_cta_function_fukidashi:after { content: ""; width: 1px; height: 25px; background-color: #FFF; position: absolute; top: 25px; right: 7px; transform: rotate(25deg); }
.o-c__cta-floating_cta_function:hover { background-color: #FFF; color: #ff852b; }
.o-c__cta-floating_cta_function:hover .o-c__cta-floating_cta_function_fukidashi { color: #ff852b; }
.o-c__cta-floating_cta_function:hover .o-c__cta-floating_cta_function_fukidashi:before { background-color: #ff852b; }
.o-c__cta-floating_cta_function:hover .o-c__cta-floating_cta_function_fukidashi:after { background-color: #ff852b; }

.o-c__heading { text-align: center; }
.o-c__heading-h1 { font-size: 30px; line-height: 1.4; font-weight: 700; padding-bottom: 24px; position: relative; color: #007bc7; }
.o-c__heading-h1_annotation { font-size: 12px; }
@media screen and (max-width: 576px) { .o-c__heading-h1 { font-size: 25px; padding-bottom: 44px; }
  .o-c__heading-h1:after { height: 2px; bottom: 25px; } }
.o-c__heading-h2 { font-size: 30px; line-height: 1.4; font-weight: 700; padding-bottom: 54px; position: relative; }
.o-c__heading-h2:after { content: ""; width: 40px; height: 3px; line-height: 0; background-color: #007bc7; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
.o-c__heading-h2_annotation { font-size: 12px; }
@media screen and (max-width: 576px) { .o-c__heading-h2 { font-size: 25px; padding-bottom: 44px; }
  .o-c__heading-h2:after { height: 2px; bottom: 25px; } }
.o-c__heading-h2_line { font-size: 28px; line-height: 1; font-weight: 700; position: relative; color: #007bc7; }
.o-c__heading-h2_line_box { background-color: #FFF; padding: 0 30px; position: relative; z-index: 200; }
.o-c__heading-h2_line_big { font-size: 48px; margin: 0 10px; }
.o-c__heading-h2_line:after { content: ""; width: 1000px; height: 1px; line-height: 0; background-color: #007bc7; position: absolute; z-index: 100; bottom: 20px; left: 50%; transform: translateX(-50%); }
@media screen and (max-width: 768px) { .o-c__heading-h2_line { font-size: 22px; }
  .o-c__heading-h2_line_box { padding: 0 20px; }
  .o-c__heading-h2_line_big { font-size: 30px; }
  .o-c__heading-h2_line:after { width: 90%; } }
.o-c__heading-lead { font-size: 18px; line-height: 1.6; padding-bottom: 30px; position: relative; }
.o-c__heading-lead::before, .o-c__heading-lead::after { content: ""; display: block; width: 0; height: 0; }
.o-c__heading-lead::before { margin-top: calc((1 - 1.6) * 0.3em); }
.o-c__heading-lead::after { margin-bottom: calc((1 - 1.6) * 0.7em); }
.o-c__heading-lead_bold { font-weight: 700; }
@media screen and (max-width: 576px) { .o-c__heading-lead { font-size: 16px; line-height: 24px; padding-bottom: 25px; } }
.o-c__heading-details_h1 { background-color: #007bc7; color: #FFF; text-align: center; height: 210px; display: grid; place-items: center; font-size: 30px; font-weight: 700; line-height: 1.4; position: relative; overflow: hidden; }
.o-c__heading-details_h1 span { position: relative; z-index: 20; }
.o-c__heading-details_h1:before { content: ""; position: absolute; z-index: 10; bottom: -30px; right: -150px; width: 406px; height: 386px; background-image: url(/assets/image/figure/cta_back_component.webp); background-size: cover; transform: rotate(50deg); z-index: 10; }
.o-c__heading-details_h1:after { content: ""; position: absolute; z-index: 10; bottom: -140px; left: -150px; width: 406px; height: 386px; background-image: url(/assets/image/figure/cta_back_component.webp); background-size: cover; transform: rotate(230deg); z-index: 10; }
@media screen and (max-width: 576px) { .o-c__heading-details_h1 { font-size: 20px; padding: 15px 20px; height: auto; text-align: left; }
  .o-c__heading-details_h1:before { bottom: auto; top: -60px; right: -65px; width: 150px; height: 150px; }
  .o-c__heading-details_h1:after { display: none; } }

.o-m__cta-fv { width: 940px; margin: 0px auto; position: relative; top: -42px; z-index: 500; display: flex; justify-content: space-around; }
@media screen and (max-width: 768px) { .o-m__cta-fv { width: 100%; } }
@media screen and (max-width: 576px) { .o-m__cta-fv { width: 100%; display: block; top: -110px; height: 0; } }
.o-m__cta-common { color: #FFF; width: 100%; overflow: hidden; position: relative; }
.o-m__cta-common_component { display: block; position: absolute; z-index: 0; width: 406px; height: 390px; }
.o-m__cta-common_component._before { bottom: -190px; left: -90px; transform: rotate(180deg); }
.o-m__cta-common_component._after { top: -190px; right: -90px; }
@media screen and (max-width: 1024px) { .o-m__cta-common_component._before { bottom: -190px; left: -140px; }
  .o-m__cta-common_component._after { top: -210px; right: -140px; } }
@media screen and (max-width: 576px) { .o-m__cta-common_component._before { z-index: 10; bottom: -120px; left: -80px; width: 260px; height: 260px; }
  .o-m__cta-common_component._after { z-index: 10; top: -120px; right: -80px; width: 260px; height: 260px; } }
.o-m__cta-common_component svg { width: 100%; height: auto; fill: #0095f4; }
.o-m__cta-common_inner { width: 1200px; min-height: 400px; margin: 0px auto; padding: 60px 0 50px; position: relative; }
@media screen and (max-width: 1024px) { .o-m__cta-common_inner { width: 100%; } }
@media screen and (max-width: 768px) { .o-m__cta-common_inner { width: 100%; height: auto; min-height: auto; } }
.o-m__cta-common_title { text-align: center; font-size: 32px; font-weight: 700; padding: 0 0 15px; position: relative; z-index: 10; }
.o-m__cta-common_title_single { display: block; }
@media screen and (max-width: 768px) { .o-m__cta-common_title .sp-only { display: block; } }
.o-m__cta-common_title_lead { font-size: 18px; padding: 15px 0 0; font-weight: 500; }
@media screen and (max-width: 1024px) { .o-m__cta-common_title { font-size: 28px; } }
.o-m__cta-common_note { font-size: 10px; text-align: center; position: relative; top: 20px; }
@media screen and (max-width: 576px) { .o-m__cta-common_note { z-index: 100; top: 15px; } }
.o-m__cta-common_talent_left { width: 350px; height: 345px; position: absolute; z-index: 200; left: -15px; bottom: 0px; }
.o-m__cta-common_talent_left img { width: 100%; height: auto; }
.o-m__cta-common_talent_left.document { width: 290px; left: 35px; bottom: -70px; }
.o-m__cta-common_talent_right { width: 370px; height: 321px; position: absolute; z-index: 200; right: -25px; bottom: 0px; }
.o-m__cta-common_talent_right img { width: 100%; height: auto; }
.o-m__cta-common_talent_right.document { width: 330px; right: -35px; bottom: -30px; }
@media screen and (max-width: 1024px) { .o-m__cta-common_talent_left { display: none; }
  .o-m__cta-common_talent_right { display: none; } }
.o-m__cta-common_button { width: 400px; margin: 0px auto; z-index: 500; display: block; justify-content: space-around; padding: 15px 0 0; }
@media screen and (max-width: 576px) { .o-m__cta-common_button { width: 100%; } }
@media screen and (max-width: 576px) { .o-m__cta-common_inner { padding: 35px 0; }
  .o-m__cta-common_title { text-align: center; font-size: 25px; position: relative; z-index: 100; }
  .o-m__cta-common_title_lead { font-size: 16px; }
  .o-m__cta-common_talent_left { display: none; }
  .o-m__cta-common_talent_right { display: none; }
  .o-m__cta-common_button { width: 85%; margin: 0px auto; display: block; position: relative; z-index: 100; } }
.o-m__cta-floating { background-color: rgba(0, 125, 204, 0.8); width: 100%; padding: 15px 0; position: fixed; z-index: 1000; bottom: 0; left: 0; transition: 0.3s; transform: translateY(101%); }
.o-m__cta-floating.is-show { transform: translateY(0); }
.o-m__cta-floating_link { width: 1000px; margin: 0px auto; display: flex; justify-content: space-between; }
.o-m__cta-floating_link_item { width: 48%; }
.o-m__cta-floating_link_item .o-c__cta-link_orange_capture, .o-m__cta-floating_link_item .o-c__cta-link_border_capture { left: 20px; width: 70px; }
@media screen and (max-width: 768px) { .o-m__cta-floating_link { width: 100%; }
  .o-m__cta-floating_link_item { width: 49%; } }
@media screen and (max-width: 768px) { .o-m__cta-floating { padding: 15px; top: 0; bottom: auto; transform: translateY(-101%); } }
@media screen and (max-width: 576px) { .o-m__cta-floating { padding: 10px; } }
.o-m__cta-floating-bottom { background-color: rgba(0, 125, 204, 0.8); width: 100%; padding: 15px 0; position: fixed; z-index: 1000; bottom: 0; left: 0; transition: 0.3s; transform: translateY(101%); }
.o-m__cta-floating-bottom.is-show { transform: translateY(0); }
.o-m__cta-floating-bottom_link { width: 1000px; margin: 0px auto; display: flex; justify-content: space-between; }
.o-m__cta-floating-bottom_link_item { width: 48%; }
.o-m__cta-floating-bottom_link_item .o-c__cta-link_orange_capture, .o-m__cta-floating-bottom_link_item .o-c__cta-link_border_capture { left: 20px; width: 70px; }
@media screen and (max-width: 768px) { .o-m__cta-floating-bottom_link { width: 100%; }
  .o-m__cta-floating-bottom_link_item { width: 49%; } }
@media screen and (max-width: 768px) { .o-m__cta-floating-bottom { padding: 15px; } }
@media screen and (max-width: 576px) { .o-m__cta-floating-bottom { padding: 10px; } }

.o-m__onayami-content { display: flex; justify-content: space-between; position: relative; }
@media screen and (max-width: 576px) { .o-m__onayami-content.swiper-container { padding: 0 0 40px; } }
.o-m__onayami-content_answer_title { width: 100%; text-align: center; font-size: 28px; font-weight: 700; color: #007bc7; position: absolute; z-index: 300; top: 140px; left: 0; }
.o-m__onayami-content_answer_title img { width: 183px; height: 45px; display: inline-block; padding: 0 20px; }
@media screen and (max-width: 576px) { .o-m__onayami-content_answer_title { font-size: 22px; line-height: 1.3; top: 125px; }
  .o-m__onayami-content_answer_title img { width: 130px; height: 35px; padding: 0 12px; } }
.o-m__onayami-content_data { width: 23%; }
@media screen and (max-width: 576px) { .o-m__onayami-content_data { width: 100%; padding: 0 35px; } }
.o-m__onayami-content_data_theme { width: 100%; background-color: #f6f6f6; padding: 25px 0; border-radius: 10px; position: relative; margin-bottom: 135px; text-align: center; font-size: 16px; line-height: 24px; font-weight: 700; }
.o-m__onayami-content_data_theme._base_3 { padding: 13px 0; }
.o-m__onayami-content_data_theme:after { display: block; position: absolute; content: ""; width: 0; height: 0; left: 50%; bottom: -14px; transform: translateX(-50%); border: 10px solid rgba(0, 0, 0, 0); border-bottom-width: 0; border-top: 15px solid #f6f6f6; }
@media screen and (max-width: 576px) { .o-m__onayami-content_data_theme { margin-bottom: 100px; } }
.o-m__onayami-content_data_answer { width: 100%; min-height: 480px; background-color: #edf7ff; padding: 45px 0px 20px; border-radius: 10px; text-align: center; position: relative; }
.o-m__onayami-content_data_answer:before { content: ""; display: block; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; border-radius: 36px; background-color: #FFF; }
.o-m__onayami-content_data_answer:after { content: ""; display: block; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 28px; height: 38px; background-image: url(/assets/image/icon/icon_000_arrow.svg); background-repeat: no-repeat; background-size: cover; }
.o-m__onayami-content_data_answer h3 { font-size: 20px; line-height: 28px; font-weight: 700; color: #007bc7; margin-bottom: 20px; }
@media screen and (max-width: 576px) { .o-m__onayami-content_data_answer { min-height: 0; padding: 45px 0px 10px; }
  .o-m__onayami-content_data_answer h3 { font-size: 16px; line-height: 24px; text-align: left; padding: 0 0 0 90px; } }
.o-m__onayami-content_data_icon { background-color: #FFF; width: 116px; height: 116px; border-radius: 60px; margin: 0px auto 20px; display: grid; place-items: center; }
.o-m__onayami-content_data_icon img { width: 80px; height: auto; }
@media screen and (max-width: 576px) { .o-m__onayami-content_data_icon { width: 65px; height: 65px; position: absolute; left: 15px; top: 35px; }
  .o-m__onayami-content_data_icon img { width: 50px; height: auto; } }
.o-m__onayami-content_data_list { padding: 0px 20px 10px; }
.o-m__onayami-note_text { font-size: 10px; padding: 15px 0 0; }
.o-m__onayami-pager_box { z-index: 500; }
.o-m__onayami .pc-only { display: inline-block; }
.o-m__onayami .swiper-wrapper { display: flex; justify-content: space-between; }
.o-m__onayami .swiper-slide { width: 23%; }
.o-m__onayami .swiper-pagination, .o-m__onayami .swiper-button-prev, .o-m__onayami .swiper-button-next { display: none; }
@media screen and (max-width: 576px) { .o-m__onayami .pc-only { display: none; }
  .o-m__onayami .swiper-pagination { display: block; bottom: 10px !important; }
  .o-m__onayami .swiper-pagination-bullet-active { opacity: 1; background: #007bc7 !important; }
  .o-m__onayami .swiper-button-prev { display: block; background-image: none !important; width: 35px !important; height: 35px !important; top: 200px !important; }
  .o-m__onayami .swiper-button-prev:before { content: ""; width: 35px; height: 35px; border-radius: 30px; background-color: #007bc7; position: absolute; left: 0px; }
  .o-m__onayami .swiper-button-prev:after { position: absolute; z-index: 1; display: block; content: ""; width: 12px; height: 12px; top: 50%; left: 50%; bottom: auto; margin: auto; transform: translateY(-50%) translateX(-30%) rotate(45deg); transition: all ease .3s; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
  .o-m__onayami .swiper-button-next { display: block; background-image: none !important; width: 35px !important; height: 35px !important; top: 200px !important; }
  .o-m__onayami .swiper-button-next:before { content: ""; width: 35px; height: 35px; border-radius: 30px; background-color: #007bc7; position: absolute; left: 0; }
  .o-m__onayami .swiper-button-next:after { position: absolute; z-index: 1; display: block; content: ""; width: 12px; height: 12px; top: 50%; left: 50%; bottom: auto; margin: auto; transform: translateY(-50%) translateX(-70%) rotate(45deg); transition: all ease .3s; border-top: 2px solid #fff; border-right: 2px solid #fff; } }

.o-m__onayami { background: linear-gradient(0deg, #edf7ff 62%, #fff 62%); }
@media screen and (max-width: 768px) { .o-m__onayami { background: linear-gradient(0deg, #edf7ff 64%, #fff 64%); } }
@media screen and (max-width: 576px) { .o-m__onayami { background: linear-gradient(0deg, #edf7ff 57%, #fff 57%); } }
@media screen and (max-width: 576px) { .o-m__onayami .swiper-button-next { top: 220px !important; } }
@media screen and (max-width: 576px) { .o-m__onayami .swiper-button-prev { top: 220px !important; } }
.o-m__onayami-content_answer_title { display: inline-block; white-space: nowrap; width: auto; top: 150px; left: 50%; transform: translateX(-50%); background-color: #edf7ff; border-radius: 50px 50px 0 0; padding: 20px 30px 0; }
@media screen and (max-width: 768px) { .o-m__onayami-content_answer_title { top: 216px; } }
@media screen and (max-width: 576px) { .o-m__onayami-content_answer_title { top: 146px; } }
.o-m__onayami-content_data_theme { font-weight: 500; margin-bottom: 130px; }
@media screen and (max-width: 768px) { .o-m__onayami-content_data_theme { margin-bottom: 180px; } }
@media screen and (max-width: 576px) { .o-m__onayami-content_data_theme { margin-bottom: 130px; } }
.o-m__onayami-content_data_theme_title { font-weight: 700; display: block; margin-bottom: 5px; }
.o-m__onayami-content_data_answer { background-color: #FFF; min-height: 540px; }
@media screen and (max-width: 576px) { .o-m__onayami-content_data_answer { min-height: 0; } }
.o-m__onayami-content_data_answer:before { background-color: #edf7ff; }
.o-m__onayami-content_data_icon { background-color: #edf7ff; }

.p__lp-display-fv { display: flex; position: relative; width: 100%; height: 420px; overflow: hidden; background-color: #f6f6f6; }
@media screen and (max-width: 768px) { .p__lp-display-fv { height: auto; } }
@media screen and (max-width: 576px) { .p__lp-display-fv { display: block; padding: 40px 0 0 0; } }
.p__lp-display-fv:before { content: ""; position: absolute; top: -680px; left: 50%; width: 1201px; height: 1276px; background-image: url(/assets/image/figure/fv_back_component.svg); background-repeat: no-repeat; background-size: contain; z-index: 10; }
@media screen and (max-width: 1024px) { .p__lp-display-fv:before { top: -400px; left: calc(50vw - 10px); width: 770px; height: 995px; bottom: auto; } }
@media screen and (max-width: 768px) { .p__lp-display-fv:before { top: auto; left: auto; bottom: -70px; right: -150px; width: 460px; height: 510px; transform: rotate(65deg); } }
@media screen and (max-width: 576px) { .p__lp-display-fv:before { bottom: 0; right: -120px; width: 300px; height: 333px; } }
.p__lp-display-fv:after { content: ""; position: absolute; bottom: -175px; right: calc(50% + 600px); width: 416px; height: 511px; background-image: url(/assets/image/figure/fv_back_component_sub.svg); background-repeat: no-repeat; z-index: 10; }
@media screen and (max-width: 768px) { .p__lp-display-fv:after { display: none; } }
.p__lp-display-fv_talent { position: absolute; top: 0; left: calc(50% + 100px); width: 512px; padding-top: 10px; z-index: 100; }
.p__lp-display-fv_talent img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 1024px) { .p__lp-display-fv_talent { width: 440px; } }
@media screen and (max-width: 768px) { .p__lp-display-fv_talent { top: auto; left: auto; bottom: -20px; right: -30px; width: 50vw; } }
@media screen and (max-width: 576px) { .p__lp-display-fv_talent { right: auto; bottom: 0; position: relative; width: 270px; height: 250px; margin: 0 auto; padding-top: 0; } }
.p__lp-display-fv_note { margin: 0 auto; max-width: 1000px; }
.p__lp-display-fv_note_text { font-size: 10px; }
@media screen and (max-width: 768px) { .p__lp-display-fv_note { padding: 0 20px; } }
@media screen and (max-width: 576px) { .p__lp-display-fv_note { padding: 70px 20px 0; } }
.p__lp-display-fv_block { position: relative; align-self: center; margin: 0 auto; width: 1100px; padding: 0 0 15px 0; }
@media screen and (max-width: 1150px) { .p__lp-display-fv_block { width: calc(100% - 40px); } }
@media screen and (max-width: 768px) { .p__lp-display-fv_block { padding: 50px 25px 260px; width: 100%; } }
@media screen and (max-width: 576px) { .p__lp-display-fv_block { padding: 0 25px; } }
.p__lp-display-fv_block > * { position: relative; z-index: 10; }
.p__lp-display-fv_block_balloon { display: table-cell; vertical-align: middle; margin: 0 auto 30px; max-width: 500px; padding: 10px 25px 7px; background: #007bc7; color: #fff; text-align: center; font-size: 22px; line-height: 1; border-radius: 25px; }
@media screen and (max-width: 768px) { .p__lp-display-fv_block_balloon { display: block; max-width: none; width: 100%; margin: 0 auto; padding: 8px 15px 5px 15px; font-size: 16px; white-space: inherit; } }
.p__lp-display-fv_block_copy { margin: 0 0 20px 0; font-size: 58px; font-weight: bold; line-height: 1.2; }
@media screen and (max-width: 1024px) { .p__lp-display-fv_block_copy { font-size: 50px; } }
@media screen and (max-width: 768px) { .p__lp-display-fv_block_copy { width: 100%; margin-bottom: 10px; font-size: min(9vw, 50px); line-height: 1.3; white-space: nowrap; } }
.p__lp-display-fv_block_copy_sub { font-size: 26px; }
@media screen and (max-width: 768px) { .p__lp-display-fv_block_copy_sub { font-size: 20px; } }
.p__lp-display-fv_block_point_item { position: relative; padding: 3px 30px 0 32px; margin-bottom: 5px; font-size: 20px; font-weight: 700; }
.p__lp-display-fv_block_point_item:before { content: ""; position: absolute; left: 0; top: 0.3em; width: 21px; height: 21px; background: #007bc7; border-radius: 11px; }
.p__lp-display-fv_block_point_item:after { content: ''; position: absolute; left: 7px; top: calc(0.3em + 6px); width: 8px; height: 6px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(135deg); }
@media screen and (max-width: 1024px) { .p__lp-display-fv_block_point_item { font-size: 18px; } }
@media screen and (max-width: 768px) { .p__lp-display-fv_block_point { display: block; padding: 10px 0 0; }
  .p__lp-display-fv_block_point_item { font-size: 18px; padding: 0 0 0 20px; }
  .p__lp-display-fv_block_point_item:before { top: 0.1em; width: 14px; height: 14px; border-radius: 10px; }
  .p__lp-display-fv_block_point_item:after { top: calc(0.1em + 3px); left: 4px; width: 7px; height: 5px; } }
@media screen and (max-width: 576px) { .p__lp-display-fv_block_point_item { font-size: 14px; } }
.p__lp-display-cta { width: 940px; margin: 0px auto; position: relative; top: -42px; z-index: 500; display: flex; justify-content: space-around; }
@media screen and (max-width: 768px) { .p__lp-display-cta { width: 100%; } }
@media screen and (max-width: 576px) { .p__lp-display-cta { width: 100%; display: block; top: -110px; height: 0; } }
.p__lp-display-introduction { padding: 0 0 40px; }
@media screen and (max-width: 768px) { .p__lp-display-introduction { display: block; padding: 0px 0 40px; } }
@media screen and (max-width: 576px) { .p__lp-display-introduction { display: block; padding: 50px 0 20px; } }
.p__lp-display-introduction_inner { width: 900px; margin: 0px auto; display: flex; justify-content: center; }
@media screen and (max-width: 768px) { .p__lp-display-introduction_inner { display: block; width: 100%; } }
.p__lp-display-introduction_heading_h2 { font-size: 24px; padding: 20px 0 0; font-weight: 700; }
.p__lp-display-introduction_heading_h2_big { font-size: 38px; }
.p__lp-display-introduction_heading_h2_small { font-size: 24px; }
@media screen and (max-width: 768px) { .p__lp-display-introduction_heading_h2 { text-align: center; } }
@media screen and (max-width: 576px) { .p__lp-display-introduction_heading_h2 { font-size: 18px; text-align: center; }
  .p__lp-display-introduction_heading_h2_big { font-size: 24px; }
  .p__lp-display-introduction_heading_h2_small { font-size: 18px; } }
.p__lp-display-introduction_emblem { display: flex; }
.p__lp-display-introduction_emblem_item { width: 145px; height: 136px; margin: 0 10px; font-size: 18px; line-height: 20px; background-image: url(/assets/image/figure/figure_laurel.svg); background-size: cover; padding: 25px 0 0; text-align: center; font-weight: 700; }
.p__lp-display-introduction_emblem_item_small { font-size: 12px; line-height: 14px; display: block; padding: 10px 0 2px; }
.p__lp-display-introduction_emblem_item_no1 { line-height: 32px; font-size: 32px; display: block; color: #007bc7; }
.p__lp-display-introduction_emblem_item sup { line-height: 10px; color: #007bc7; top: -8px; position: relative; }
@media screen and (max-width: 768px) { .p__lp-display-introduction_emblem { justify-content: center; padding: 20px 0 0; } }
@media screen and (max-width: 576px) { .p__lp-display-introduction_emblem { justify-content: center; padding: 20px 0 0; }
  .p__lp-display-introduction_emblem_item { margin: 0 5px; width: 105px; height: 99px; font-size: 13px; line-height: 15px; padding: 18px 0 0; }
  .p__lp-display-introduction_emblem_item_small { font-size: 10px; line-height: 12px; display: block; padding: 0 0 2px; }
  .p__lp-display-introduction_emblem_item_no1 { line-height: 22px; font-size: 22px; display: block; color: #007bc7; }
  .p__lp-display-introduction_emblem_item sup { line-height: 10px; color: #007bc7; top: -3px; position: relative; } }
.p__lp-display-introduction_company { padding: 10px 0; }
.p__lp-display-introduction_company_image { width: 100%; text-align: center; margin: 0 auto; height: 140px; overflow: hidden; animation: loop 50s linear infinite; background: url(/assets/image/logo/logo_beside-set.webp) repeat-x left center/auto 140px; }
.p__lp-display-introduction_note { width: 1000px; margin: 0px auto; }
.p__lp-display-introduction_note_text { font-size: 10px; }
@media screen and (max-width: 768px) { .p__lp-display-introduction_note { width: 100%; padding: 0 20px; } }

.swiper-button-next, .swiper-button-prev { background-image: none !important; }

.swiper-pagination { display: none; }

/*# sourceMappingURL=display-rm-fv.css.map */