@charset "UTF-8";
/*
Theme Name:
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/
@import url("https://fonts.googleapis.com/css?family=Farro:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;600;800;900&display=swap");
html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* ========================================================================== Foundation  (reset css) ========================================================================== */
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-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

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

body { min-width: 1170px; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; line-height: 1.5; text-align: justify; }

h1, h2, h3, h4, h5, h6 { font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1em; line-height: 1.2; margin: 0; }

p { margin: 0 0 0.75em; }

a { color: #0c4771; text-decoration: none; -webkit-transition: color 150ms ease; transition: color 150ms ease; }

a:active, a:focus, a:hover { color: #093555; }

hr { border-bottom: 1px solid #e6e6e6; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; }

img, picture { margin: 0; max-width: 100%; }

.lazy { width: 100%; height: auto; }

/* ========================================================================== Layout ========================================================================== */
/*Grid*/
.content__wrapper { margin-left: auto; margin-right: auto; display: block; }

.content__wrapper::after { clear: both; content: ""; display: table; }

.content__wrapper.std { width: 1170px; }

.content__wrapper.full { width: 100%; }

.content__wrapper .row { display: block; }

.content__wrapper .row::after { clear: both; content: ""; display: table; }

.content__wrapper .row .span-1 { float: left; display: block; margin-right: 2.35765%; width: 6.17215%; }

.content__wrapper .row .span-1:last-child { margin-right: 0; }

.content__wrapper .row .span-2 { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; }

.content__wrapper .row .span-2:last-child { margin-right: 0; }

.content__wrapper .row .span-3 { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }

.content__wrapper .row .span-3:last-child { margin-right: 0; }

.content__wrapper .row .span-4 { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }

.content__wrapper .row .span-4:last-child { margin-right: 0; }

.content__wrapper .row .span-5 { float: left; display: block; margin-right: 2.35765%; width: 40.29137%; }

.content__wrapper .row .span-5:last-child { margin-right: 0; }

.content__wrapper .row .span-6 { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }

.content__wrapper .row .span-6:last-child { margin-right: 0; }

.content__wrapper .row .span-12 { float: left; display: block; margin-right: 2.35765%; width: 100%; }

.content__wrapper .row .span-12:last-child { margin-right: 0; }

.header__container .content__wrapper { height: 684px; overflow: hidden; background: rgba(255, 255, 255, 0.8); }

.header__container .content__wrapper--student { width: 100%; height: 574px; }

.header_studentlp #bxslider1 li { height: 70vw; background-size: contain; background-position: top center; background-repeat: no-repeat; }

.kv__container { position: relative; }

/*背景でスライダーが動くのでこのレイヤーを絶対配置でスライダーの上に*/
.content__wrapper--student .logo { position: absolute; top: 20px; left: 10px; z-index: 99; }

.studentlp_catch_wrap { position: absolute; max-width: 1250px; min-width: 1170px; height: 100%; width: 100%; margin: 0 auto; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 99; }

.studentlp_catch { position: absolute; width: 50vw; width: 520px; z-index: 99; margin-top: 50px; top: 50%; left: 10px; background-color: rgba(255, 255, 255, 0.7); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: header__studentlp_bg_animation 1100ms ease-out; animation: header__studentlp_bg_animation 1100ms ease-out; padding: 20px; }

.studentlp_catch .kv__txt--student { padding: 60px 0 0 0; -webkit-animation: header__studentlp_animation 1s ease-out; animation: header__studentlp_animation 1s ease-out; }

.studentlp_catch .balloon_box { position: absolute; top: -120px; right: 20px; width: 250px; -webkit-animation: balloon_animation01 1.5s ease-in-out, balloon_animation02 1s 2s ease-in-out forwards; animation: balloon_animation01 1.5s ease-in-out, balloon_animation02 1s 2s ease-in-out forwards; }

.studentlp_catch .users__num--company, .studentlp_catch .users__num--student { color: #0c2654; text-shadow: none; font-family: 'Farro', sans-serif; background: -webkit-linear-gradient(transparent 60%, #fff 60%); background: linear-gradient(transparent 60%, #fff 60%); }

.studentlp_catch .ofbicon-building::before, .studentlp_catch .ofbicon-unique::before { color: #0c2654; }

.studentlp_catch .users--student { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px; padding: 20px 0 0 0; border: 0; border-top: 1px solid #fff; border-radius: 0; background: transparent; }

.studentlp_catch .users--student .users__num { padding-left: 0; float: none; font-size: 14px; text-shadow: none; line-height: 1.5; text-align: center; }

@-webkit-keyframes header__studentlp_bg_animation { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes header__studentlp_bg_animation { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes header__studentlp_animation { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes header__studentlp_animation { from { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes balloon_animation01 { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes balloon_animation01 { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes balloon_animation02 { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

@keyframes balloon_animation02 { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

.kv__catch { position: absolute; top: 0; left: 0; z-index: 1000; padding: 20px; }

.kv__txt--student { padding: 220px 0 0 0; }

.balloon { position: absolute; top: 20px; left: 200px; }

.kv__lead { /* for modan browser */ font-size: 50px; font-weight: bold; text-indent: -25px; padding-left: 10px; text-shadow: 0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

.users--student { overflow: hidden; padding: 10px; border: #e6e6e6 solid 3px; border-radius: 8px; background: rgba(255, 255, 255, 0.6); }

.users--student .users__num { width: 400px; margin: 0; font-size: 22px; }

.users--student .users__num--right { width: 334px; }

.users__num { float: left; width: 470px; padding-left: 90px; margin-top: 70px; font-size: 26px; font-weight: bold; line-height: 1.1; text-shadow: 0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

.users__num--company, .users__num--student { /* for modan browser */ font-size: 40px; font-weight: bold; color: #0c4771; text-shadow: 0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

.users__num, .ofbicon-building, .ofbicon-unique { position: relative; z-index: 1; }

.ofbicon-building::before, .ofbicon-unique::before { position: absolute; top: 0; z-index: -1; font-size: 60px; color: #0c4771; text-shadow: 0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

.ofbicon-building::before { left: -80px; }

.ofbicon-unique::before { left: -70px; }

.footer__container { background: #e6e6e6; text-align: center; }

.footer__nav li { display: inline-block; padding: 0 10px; }

.footer__sns-btns li { display: inline-block; width: 24px; height: 24px; }

/* ========================================================================== Object ========================================================================== */
/*clearfix*/
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/*centering inline elements*/
.centered { text-align: center; }

/*margin padding*/
.mv10 { margin-top: 10px; margin-bottom: 10px; }

.mv20 { margin-top: 20px; margin-bottom: 20px; }

.mv30 { margin-top: 30px; margin-bottom: 30px; }

.mv40 { margin-top: 40px; margin-bottom: 40px; }

.mv50 { margin-top: 50px; margin-bottom: 50px; }

.mv60 { margin-top: 60px; margin-bottom: 60px; }

.mv70 { margin-top: 70px; margin-bottom: 70px; }

.mv80 { margin-top: 80px; margin-bottom: 80px; }

.mv90 { margin-top: 90px; margin-bottom: 90px; }

.mv100 { margin-top: 100px; margin-bottom: 100px; }

.pv10 { padding-top: 10px; padding-bottom: 10px; }

.pv20 { padding-top: 20px; padding-bottom: 20px; }

.pv30 { padding-top: 30px; padding-bottom: 30px; }

.pv40 { padding-top: 40px; padding-bottom: 40px; }

.pv50 { padding-top: 50px; padding-bottom: 50px; }

.pv60 { padding-top: 60px; padding-bottom: 60px; }

.pv70 { padding-top: 70px; padding-bottom: 70px; }

.pv80 { padding-top: 80px; padding-bottom: 80px; }

.pv90 { padding-top: 90px; padding-bottom: 90px; }

.pv100 { padding-top: 100px; padding-bottom: 100px; }

.mh10 { margin-left: 10px; margin-right: 10px; }

.mh20 { margin-left: 20px; margin-right: 20px; }

.mh30 { margin-left: 30px; margin-right: 30px; }

.mh40 { margin-left: 40px; margin-right: 40px; }

.mh50 { margin-left: 50px; margin-right: 50px; }

.mh60 { margin-left: 60px; margin-right: 60px; }

.mh70 { margin-left: 70px; margin-right: 70px; }

.mh80 { margin-left: 80px; margin-right: 80px; }

.mh90 { margin-left: 90px; margin-right: 90px; }

.mh100 { margin-left: 100px; margin-right: 100px; }

.ph10 { padding-left: 10px; padding-right: 10px; }

.ph20 { padding-left: 20px; padding-right: 20px; }

.ph30 { padding-left: 30px; padding-right: 30px; }

.ph40 { padding-left: 40px; padding-right: 40px; }

.ph50 { padding-left: 50px; padding-right: 50px; }

.ph60 { padding-left: 60px; padding-right: 60px; }

.ph70 { padding-left: 70px; padding-right: 70px; }

.ph80 { padding-left: 80px; padding-right: 80px; }

.ph90 { padding-left: 90px; padding-right: 90px; }

.ph100 { padding-left: 100px; padding-right: 100px; }

.ml10 { margin-left: 10px; }

.pl10 { padding-left: 10px; }

.mr10 { margin-right: 10px; }

.pr10 { padding-right: 10px; }

.ml20 { margin-left: 20px; }

.pl20 { padding-left: 20px; }

.mr20 { margin-right: 20px; }

.pr20 { padding-right: 20px; }

.ml30 { margin-left: 30px; }

.pl30 { padding-left: 30px; }

.mr30 { margin-right: 30px; }

.pr30 { padding-right: 30px; }

.ml40 { margin-left: 40px; }

.pl40 { padding-left: 40px; }

.mr40 { margin-right: 40px; }

.pr40 { padding-right: 40px; }

.ml50 { margin-left: 50px; }

.pl50 { padding-left: 50px; }

.mr50 { margin-right: 50px; }

.pr50 { padding-right: 50px; }

.mt10 { margin-top: 10px; }

.pt10 { padding-top: 10px; }

.mb10 { margin-bottom: 10px; }

.pb10 { padding-bottom: 10px; }

.mt20 { margin-top: 20px; }

.pt20 { padding-top: 20px; }

.mb20 { margin-bottom: 20px; }

.pb20 { padding-bottom: 20px; }

.mt30 { margin-top: 30px; }

.pt30 { padding-top: 30px; }

.mb30 { margin-bottom: 30px; }

.pb30 { padding-bottom: 30px; }

.mt40 { margin-top: 40px; }

.pt40 { padding-top: 40px; }

.mb40 { margin-bottom: 40px; }

.pb40 { padding-bottom: 40px; }

.mt50 { margin-top: 50px; }

.pt50 { padding-top: 50px; }

.mb50 { margin-bottom: 50px; }

.pb50 { padding-bottom: 50px; }

.mt100 { margin-top: 100px; }

.pt100 { padding-top: 100px; }

.mb100 { margin-bottom: 100px; }

.pb100 { padding-bottom: 100px; }

.em__underline { text-decoration: underline; }

.btn { position: relative; z-index: 99; display: inline-block; width: 422px; height: 100%; box-shadow: 0 4px 0 #333333; padding: 0.75em 1.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #cecece; border: 0; border-radius: 4px; color: #fff; cursor: pointer; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 24px; text-align: center; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; text-decoration: none; -webkit-transition: background-color 150ms ease; transition: background-color 150ms ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; }

.btn:hover, .btn:focus { position: relative; top: 4px; color: #fff; box-shadow: 0 0 0 !important; }

.btn:disabled { cursor: not-allowed; opacity: 0.5; }

.btn.btn--regi { background-color: #c63031; box-shadow: 0 4px 0 #871b0f; }

.btn.btn--regi::after { position: absolute; bottom: 7px; right: 7px; z-index: 100; display: block; content: ''; width: 18px; height: 18px; background: url(../img/pc/btn_accessory.png) no-repeat center center; background-size: 100% 100%; }

table { border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #adadad; font-weight: 600; padding: 0.75em 0; text-align: left; }

td { border-bottom: 1px solid #e6e6e6; padding: 0.75em 0; }

tr, td, th { vertical-align: middle; }

fieldset { background-color: #f9f9f9; border: 1px solid #e6e6e6; margin: 0 0 0.75em; padding: 1.5em; }

input, label, select { display: block; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; }

label { font-weight: 600; margin-bottom: 0.375em; }

label.required::after { content: "*"; }

label abbr { display: none; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), select[multiple=multiple], textarea { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; margin-bottom: 0.75em; padding: 0.5em; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%; }

input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, select[multiple=multiple]:hover, textarea:hover { border-color: #b8b8b8; }

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, select[multiple=multiple]:focus, textarea:focus { border-color: #0c4771; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(10, 57, 90, 0.7); outline: none; }

input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, select[multiple=multiple]:disabled, textarea:disabled { background-color: #f2f2f2; cursor: not-allowed; }

input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, select[multiple=multiple]:disabled:hover, textarea:disabled:hover { border: 1px solid #e6e6e6; }

textarea { resize: vertical; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 0.375em; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; }

input[type="file"] { margin-bottom: 0.75em; width: 100%; }

select { margin-bottom: 1.5em; max-width: 100%; width: auto; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin-bottom: 0.75em; }

dl dt { font-weight: 600; margin-top: 0.75em; }

dl dd { margin: 0; }

/*共通*/
/*インラインブロックのボタンが常にセンタリングされるように*/
.btn__block { text-align: center; }

.intro, .main1, .main2, .main3, .main4 { position: relative; }

img { height: auto; }

/*1〜４までのタイトル*/
.ttl { background: #041a31; width: 100%; }

.ttl__inner { display: table; width: 1170px; margin-left: auto; margin-right: auto; }

.ttl__num { display: table-cell; vertical-align: middle; text-align: center; width: 125px; height: 125px; color: #041a31; background: #0c4771; font-size: 90px; font-weight: bold; }

.ttl__txt { display: table-cell; vertical-align: middle; padding-left: 45px; padding-right: 45px; font-size: 40px; font-weight: bold; color: #ffffff; }

/*サブタイトル*/
.sub-ttl { font-size: 40px; font-weight: bold; text-align: center; }

/*注釈*/
.text_notes { font-size: 12px; }

sup.notes_icon { font-size: 10px; vertical-align: super; }

/*キャッチコピー*/
.sect-copy { font-size: 24px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; margin-top: 70px; text-align: center; }

/*少ブロックのタイトル*/
.sect-ttl { font-size: 24px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; text-decoration: none; border-bottom: 1px solid #0c4771; }

.sect-subttl { font-size: 16px; font-weight: bold; text-align: center; padding-top: 20px; padding-bottom: 20px; }

.txt-em { color: #0c4771; }

.ttl-small { font-size: 16px; margin-top: -30px; }

.main1::before, .main2::before, .main3::before, .main4::before { position: absolute; top: 125px; left: 0; z-index: -1; display: block; width: 100%; height: 600px; content: ''; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #fff), color-stop(0.2, #fff), color-stop(0, #d7d7d7)); background: -webkit-linear-gradient(top, #d7d7d7 0%, #fff 20%, #fff 20%); background: linear-gradient(to bottom, #d7d7d7 0%, #fff 20%, #fff 20%); }

/*intro*/
.intro .content__wrapper { background: #ffffff; }

.service__desc .service__points { position: relative; height: 282px; }

.service__desc .service__points img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; margin: auto; }

.service__points_wrap { position: relative; height: 222px; margin: 30px 10px; }

.service__points_img05 { position: absolute; width: 48px; left: 10px; }

.service__points_img05_text { width: 80%; margin-left: auto; font-size: 2em; text-align: center; }

.service__points_img05_text p { margin: 0; }

.service__points_img05_text p:nth-child(1) { font-weight: bold; }

.service__points_img05_text p:nth-child(2) { margin-top: 0px; font-size: .5em; }

.service__points_img05_text p:nth-child(3) { margin-top: 0px; font-size: 3em; font-weight: bold; line-height: 1; }

.service__points_img05_text p:nth-child(3) .small { font-size: .7em; }

.service__points_img05_text p:nth-child(4) { font-size: .5em; }

.separator { position: relative; background: #cecece; margin-bottom: 30px; }

.separator::after { position: absolute; bottom: -50px; left: 50%; content: ''; display: block; width: 0; border: 30px solid transparent; border-top-color: #cecece; margin-left: -30px; }

.movie { width: 900px; margin-left: auto; margin-right: auto; }

/*main1*/
.appeal__desc { position: relative; width: 1170px; margin-left: auto; margin-right: auto; }

.appeal__desc--sub { position: absolute; top: 100px; left: 0; width: 800px; background: rgba(255, 255, 255, 0.9); border-radius: 4px; padding: 50px; }

.appeal__img { min-width: 1170px; overflow: hidden; }

.appeal__img img { max-width: none; width: 1902px !important; }

.analyze__desc { padding-top: 150px; }

/*main2*/
/*main3*/
.logo-companies img { background: #ffffff; }

/*main4*/
.points__desc { width: 265px; height: 265px; background: #0c4771; border-radius: 50%; border: 4px solid #0c4771; text-align: center; overflow: hidden; }

.points__desc .desc__ttl { display: table; height: 120px; width: 100%; padding-bottom: 10px; background: #0c4771; color: #ffffff; font-size: 28px; font-weight: bold; }

.desc__ttl .desc__ttl--inner { display: table-cell; vertical-align: bottom; }

.points__desc .desc__txt { height: 145px; background: #ffffff; padding-top: 10px; color: #0c4771; }

.app { position: relative; }

.app__bnr { position: absolute; bottom: 20px; right: 90px; }

.app__bnr li { display: inline-block; }

.app__intro { display: table; }

.app__logo { display: table-cell; vertical-align: middle; width: 175px; }

.app__desc { display: table-cell; vertical-align: middle; }

/*fb page pluginがセンタリングされるように*/
.fb { text-align: center; overflow: hidden; }

.kv__container .kv__slider .js-bxslider1 li:nth-child(1) { background-image: url(../img/pc/main_image_pc_1.webp); }

.kv__container .kv__slider .js-bxslider1 li:nth-child(2) { background-image: url(../img/pc/main_image_pc_2.webp); }

.kv__container .kv__slider .js-bxslider1 li:nth-child(3) { background-image: url(../img/pc/main_image_pc_3.webp); }

.kv__container .kv__slider .js-bxslider1 li:nth-child(4) { background-image: url(../img/pc/main_image_pc_4.webp); }

/*header*/
/*header*/
#movie { /*.header__container .content__wrapper { height: 684px; overflow: hidden; background: rgba(255,255,255,0.8); }*/ /*背景でスライダーが動くのでこのレイヤーを絶対配置でスライダーの上に*/ /*movie*/ /*moviemoviemoviemoviemoviemoviemoviemovie*/ /*catch*/ /*users*/ }

#movie .first-view__container { overflow: hidden; background: rgba(255, 255, 255, 0.8); }

#movie .kv__container { position: relative; }

#movie .first-view__kv__logo { position: absolute; top: 0; left: 0; z-index: 1000; padding: 20px; background: #000; width: 100%; min-width: 1170px; text-align: center; }

#movie .first-view__kv__logo h1 { display: inline-block; }

#movie .first-view__kv__logo h2.kv__lead { display: inline-block; /* for modan browser */ font-size: 28px !important; font-weight: bold; padding-left: 20px; color: #fff; line-height: 58px; vertical-align: top; /* for IE */ }

#movie .kv__movie { overflow: hidden; position: static; width: 1170px; height: 684px; z-index: 100; }

#movie .kv__movie > iframe { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0; }

#movie .kv__movie--bg { position: absolute; top: 70px; left: 0; z-index: 20000; width: 100%; }

#movie .kv__movie--bg img { width: 100%; height: 580px; }

#movie .first-view__kv__catch { position: absolute; top: 0; left: 50%; margin-left: -635px; z-index: 10000; width: 1170px; }

#movie .balloon { position: relative; top: 10px; left: 1050px; z-index: 10000; }

#movie .users { margin: -45px 0 0; position: relative; width: 100%; border-top: 45px solid #000; background: #efefef; z-index: 20000; }

#movie .users__wrapper { width: 830px; margin: 0 auto; overflow: hidden; padding: 25px 0; }

#movie .users__wrapper p { margin: 0; }

#movie .users__num { float: left; width: 460px; padding-left: 90px; margin-top: 0; font-size: 26px; font-weight: bold; line-height: 1.1; text-shadow: 0 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0 1px #ffffff,2px 0 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

#movie .users__num:nth-child(2) { width: 360px; }

#movie .users__num--company, #movie .users__num--student { /* for modan browser */ font-size: 40px; font-weight: bold; color: #0c4771; text-shadow: 0 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0 1px #ffffff,2px 0 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

#movie .ofbicon-building, #movie .ofbicon-unique, #movie .users__num { position: relative; z-index: 1; }

#movie .ofbicon-building::before, #movie .ofbicon-unique::before { position: absolute; top: 0; z-index: -1; font-size: 70px; color: #0c4771; text-shadow: 0 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0 1px #ffffff,2px 0 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; /* for IE */ -webkit-filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); filter: dropshadow(color=#FFFFFFFF, offx=0, offy=2, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=1, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=0, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=-2, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=-1, positive=1), dropshadow(color=#FFFFFFFF, offx=-2, offy=1, positive=1), dropshadow(color=#FFFFFFFF, offx=-1, offy=1, positive=1); }

#movie .ofbicon-building::before { left: -80px; }

#movie .ofbicon-unique::before { left: -70px; }

.register { width: 650px; margin: 30px auto; }

.register_small { width: 515px; margin: 30px auto; }

.register_small .reg-btn, .register_small p.caption span { width: 250px; }

.register_small p.caption span.left { margin: 0; }

/* new button style 2020.09.17 */
.btn_area { margin: 30px auto 50px; max-width: 360px; }

.btn_area .btn_cv { margin-bottom: 5px; background-color: #c70000; display: block; text-decoration: none; font-size: 17px; -webkit-transition: color 0.3s; transition: color 0.3s; line-height: 2; border-radius: 5px; box-shadow: 0 5px 0 #a40004; -webkit-transition: all 0.18s; transition: all 0.18s; }

.btn_area .btn_cv:hover { margin-top: 5px; margin-bottom: 0px; box-shadow: none; background-color: #d70004; }

.btn_area .btn_arrow { position: relative; padding: 25px 15px 25px 35px; text-align: center; color: #fff; }

.btn_area .btn_arrow:before, .btn_area .btn_arrow:after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 115px); margin: auto; vertical-align: middle; }

.btn_area .btn_arrow:before { width: 20px; height: 20px; border-radius: 50%; background: #fff; }

.btn_area .btn_arrow:after { width: 4px; height: 4px; margin-left: 8px; border-top: 2px solid #d70004; border-right: 2px solid #d70004; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn_area .btn_arrow:hover { text-decoration: none; color: #fff; }

.btn_area .btn_arrow:hover::after { margin-left: 9px; }

.reg-btn { width: 300px; height: 80px; }

.reg-btn_row2 { font-size: 20px; }

.reg-btn__row1 { font-size: 22px; }

.reg-btn:first-of-type { float: left; }

.reg-btn:last-of-type { float: right; }

.reg-btn sub { font-size: 14px; bottom: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

p.caption { height: 30px; font-size: 11px; margin-top: 95px; }

p.caption span { width: 300px; text-align: center; }

p.caption span.left { float: left; margin-right: 20px; }

p.caption span.right { float: right; }

p.caption__sub_cvbtn { font-size: 11px; text-align: center; }

.ofb-btn:after { border: 4px solid transparent; border-right-color: #041a31; border-bottom-color: #041a31; width: 0; bottom: 4px; content: ""; display: block; right: 6px; position: absolute; }

.ofb-btn--large:after { border: 6px solid transparent; bottom: 6px; right: 8px; }

.ofb-btn--submit { background-color: #c63031; box-shadow: 0 4px 0 #871b0f; color: #fff; }

.ofb-btn--submit:hover { color: #fff !important; }

.ofb-btn--submit:after { border-right-color: #041a31; border-bottom-color: #041a31; }

.ofb-btn--general { background-color: #0c4771; box-shadow: 0 4px 0 #041a31; color: #fff; }

.ofb-btn--general:hover { color: #fff !important; }

.ofb-btn--general:after { border-right-color: #041a31; border-bottom-color: #041a31; }

.ofb-btn--general-em { background-color: #777; box-shadow: 0 4px 0 #333; color: #fff; }

.ofb-btn--general-em:hover { color: #fff !important; }

.ofb-btn--general-em:after { border-right-color: #fff; border-bottom-color: #fff; }

.ofb-btn--large { position: relative; padding: 10px 18px 10px 16px; border-radius: 7px; font-size: 23px; line-height: 2.6; text-align: center; }

.ofb-btn--submit:after { border-right-color: #871b0f; border-bottom-color: #871b0f; }

.ofb-btn:hover, .ofb-btn:active, .ofb-btn:focus { position: relative; top: 4px; box-shadow: none !important; }

.wasedalp .header__container { overflow: hidden; }

.wasedalp .kv__catch { position: absolute; width: 800px; top: 0; left: 50%; z-index: 1000; padding: 20px; -webkit-transform: translateX(-75%); transform: translateX(-75%); }

.wasedalp .main_visual img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.wasedalp .users__num--company, .wasedalp .users__num--student, .wasedalp .ofbicon-building::before, .wasedalp .ofbicon-unique::before { color: #9b003f; }

.kinkilp .header__container { overflow: hidden; }

.kinkilp .kv__catch { position: absolute; width: 800px; top: 0; left: 50%; z-index: 1000; padding: 20px; -webkit-transform: translateX(-75%); transform: translateX(-75%); }

.kinkilp .main_visual img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

/* 2020.03 2020卒ボタン追加 */
.register .cv_2020_link, .register_small .cv_2020_link { padding: 10px 30px; font-size: 17px; background-color: #eee; border-radius: 50px; }

.register .cv_2020_link small, .register_small .cv_2020_link small { margin-left: 10px; font-size: 12px; color: #555 !important; }

.register .cv_2020_link a, .register_small .cv_2020_link a { position: relative; display: inline-block; padding-left: 18px; }

.register .cv_2020_link a:before, .register_small .cv_2020_link a:before { content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #0b4771; border-right: solid 2px #0b4771; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -5px; -webkit-transition: all .2s linear; transition: all .2s linear; }

.register .cv_2020_link a:hover, .register_small .cv_2020_link a:hover { color: #c63031 !important; }

.register .cv_2020_link a:hover:before, .register_small .cv_2020_link a:hover:before { left: 2px; border-top: solid 2px #c63031; border-right: solid 2px #c63031; }

/* 202007 A/B TEST */
.container_pattern_b .w1000 { position: relative; display: block; width: 100%; max-width: 1000px; height: 550px; margin: 0 auto; }

.container_pattern_b .studentlp_catch_wrap_b { display: block; width: 100%; min-height: 600px; background: url(../img/studentlp_b/top_visual.jpg?20220310) top center no-repeat; background-attachment: fixed; background-size: contain; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b { position: absolute; width: 100%; max-width: 360px; z-index: 99; left: calc(50% + 15vw); top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: header__studentlp_bg_animation 1100ms ease-out; animation: header__studentlp_bg_animation 1100ms ease-out; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b a { margin-right: 28px; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b p { font-family: 'M PLUS 1p', sans-serif; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b .copy-txt { margin-bottom: 10px; font-weight: 300; font-size: 4rem; line-height: 5.5rem; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b .copy-txt_sub { margin-top: 20px; padding-right: 25px; text-align: center; font-size: 1.2rem; line-height: 2.2rem; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b .copy-txt_sub span { line-height: 1.5; font-weight: 500; font-size: 2.5rem; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b .copy-txt_sub span sup { font-size: 50%; line-height: 0; vertical-align: super; }

.container_pattern_b .studentlp_catch_wrap_b .studentlp_catch_b .kv__txt--student { padding: 0; }

.container_pattern_b .studentlp_catch_wrap_b .catch_description { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 10px; color: #535050; bottom: 0; }

.container_pattern_b .studentlp_catch_wrap_b .top_visual_catch { position: absolute; width: 100%; text-align: center; bottom: 0; font-size: 3rem; font-weight: 100; line-height: 1rem; }

.container_pattern_b .studentlp_catch_wrap_b .top_visual_catch span { font-weight: 500; }

.container_pattern_b .logo_slider__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; }

.container_pattern_b .logo_slider__wrapper .logo-companies { display: inline-block; width: calc(100% - 300px); margin: 0; }

.container_pattern_b .logo_slider__wrapper .logo-companies .logo_slider { display: inline-block; }

.container_pattern_b .logo_slider__wrapper .logo-companies .logo_slider li { width: auto !important; height: 70px; margin: 0 !important; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.container_pattern_b .logo_slider__wrapper .logo-companies img { max-height: 70px; }

.container_pattern_b #cv_btn { position: fixed; padding: 10px 0; bottom: 0; right: auto; left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); }

.container_pattern_b #cv_btn .btn_area { max-width: 800px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.container_pattern_b #cv_btn .btn_area p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; }

.container_pattern_b .header__container, .container_pattern_b .content { position: -webkit-sticky; position: sticky; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: -webkit-sticky; position: sticky; top: 0; background-color: #fff; }

.container_pattern_b .content .company_num__wrapper { padding-right: 10px; font-family: 'M PLUS 1p', sans-serif; line-height: 4rem; }

.container_pattern_b .content .company_num__wrapper .users__num--company { font-size: 35px; color: #df0b37; }

.container_pattern_b .content .sect-copy { margin: 0; }

.container_pattern_b .arrow-move { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 65px; width: 100%; max-width: 330px; margin: 0 auto; color: #fff; text-align: center; font-size: 18px; white-space: nowrap; background-color: #dd0e39; border-radius: 50px; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; }

.container_pattern_b .arrow-move:hover:after { -webkit-animation: hoverArrow 500ms ease 0s infinite normal; animation: hoverArrow 500ms ease 0s infinite normal; }

.container_pattern_b .arrow-move:after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 25px; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@-webkit-keyframes hoverArrow { 0% { right: 25px; }
  50% { right: 22px; }
  70% { right: 25px; } }

@keyframes hoverArrow { 0% { right: 25px; }
  50% { right: 22px; }
  70% { right: 25px; } }

.header__container .first_view_bg { display: block; height: 580px; background: url(../img/pc/main_image_pc.webp) top center no-repeat; background-size: 100%; }

.no-webp body .kv__container .kv__slider .js-bxslider1 li:nth-child(1) { background-image: url(../img/pc/main_image_pc_1.jpg); }

.no-webp body .kv__container .kv__slider .js-bxslider1 li:nth-child(2) { background-image: url(../img/pc/main_image_pc_2.jpg); }

.no-webp body .kv__container .kv__slider .js-bxslider1 li:nth-child(3) { background-image: url(../img/pc/main_image_pc_3.jpg); }

.no-webp body .kv__container .kv__slider .js-bxslider1 li:nth-child(4) { background-image: url(../img/pc/main_image_pc_4.jpg); }

.no-webp body .kv__container .sp_slider .bxslider1 li:nth-child(1) { background-image: url(../img/sp/slider_1.jpg); }

.no-webp body .kv__container .sp_slider .bxslider1 li:nth-child(2) { background-image: url(../img/sp/slider_3.jpg); }

.no-webp body .kv__container .sp_slider .bxslider1 li:nth-child(3) { background-image: url(../img/sp/slider_3.jpg); }

.no-webp body .kv__container .sp_slider .bxslider1 li:nth-child(4) { background-image: url(../img/sp/slider_4.jpg); }