@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");
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; }

body { background: url(../img/pc/bg_body.jpg) repeat-x center top; background-position-y: 81px; }

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

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

/*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; }

.content__wrapper--global { background: #e6e6e6; }

.content__wrapper--global .content__wrapper { width: 1110px; }

.global-terms { background: #041a31; }

.global-terms .global-terms__ttl { font-size: 18px; color: #fff; text-align: center; }

.global-terms .global-terms__inner { background-color: #fff; }

.global-terms .global-terms__inner-ttl-details { font-weight: normal; list-style-type: disc; list-style-position: inside; }

.global-terms .global-terms__inner-left { margin-top: 0; float: left; clear: left; width: 45%; }

.global-terms .global-terms__inner-right { margin-top: 0; font-size: 14px; width: 55%; margin-left: 45%; }

.dl-horizontal { box-sizing: border-box; width: 50%; }

.dl-horizontal:nth-child(odd) { float: left; border-right: 1px solid #041a31; }

.dl-horizontal:nth-child(even) { float: right; }

.global-add { font-size: 14px; }

.global-add .global-add--l { float: left; width: 55%; }

.global-add .global-add--r { float: right; width: 45%; }

.global-add .add-contents { background: #f6f5f4; border: 1px solid #333333; font-weight: bold; }

.header__container--global .content__wrapper.std { background-image: url("../img/pc/main_image_global.jpg") !important; background-repeat: no-repeat; background-position: center top; }

.header__container--global .kv__lead { text-indent: 0; }

.header__container--global .logo { margin-bottom: 40px; }

.header__notice { 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; top: 0; width: 100%; padding: 16px 20px 16px 100px; border: 2px solid #CE0F33; background-color: #FFEFF1; font-size: 14px; line-height: 1.5; z-index: 999; }

.header__notice p { margin: 0; padding: 0; }

.header__notice a { text-decoration: underline; }

.header__notice::before { content: ""; position: absolute; width: 55px; height: 46px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.9%2042.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation%3Aisolate%3B%7D.cls-2%7Bfill%3A%23ce0f33%3B%7D.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-3%7Bfill%3A%23fdfdfd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%3E%3Cpath%20id%3D%22_%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20class%3D%22cls-2%22%20d%3D%22M21.01%2C1.95c1.13-1.9%2C3.59-2.51%2C5.49-1.38.57.34%2C1.04.81%2C1.38%2C1.38l20.45%2C34.2c1.14%2C1.89.52%2C4.35-1.37%2C5.49-.62.37-1.33.57-2.06.57H4C1.79%2C42.21%2C0%2C40.41%2C0%2C38.2c0-.72.2-1.43.57-2.05L21.01%2C1.95Z%22%2F%3E%3Cg%20id%3D%22_%22%20class%3D%22cls-1%22%3E%3Cg%20class%3D%22cls-1%22%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M23.61%2C30.24c.02-.5.05-.74.05-1.03q0-.26-.07-1.73l-.34-8.16c-.05-1.06-.12-2.26-.22-2.93h3.94c-.07.65-.17%2C1.9-.22%2C2.93l-.34%2C8.16q-.05%2C1.42-.05%2C1.75c0%2C.29%2C0%2C.53.05%2C1.01h-2.81ZM23.28%2C35.49v-3.29h3.48v3.29h-3.48Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat; }

.header__notice_title { font-size: 16px; font-weight: bold; }

.kv__catch--global { padding: 60px; }

.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; }

.link-conditions { text-decoration: underline; }

.footer__enroll-conditions .lang__condition { float: left; width: 25%; padding: 0 20px 0 0; margin: 10px 0; min-height: 84px; font-size: 14px; }

.footer__enroll-conditions .lang__condition dt { margin-top: 0; }

.footer__enroll-conditions .lang__condition.full { width: 100%; }

.footer__enroll-conditions .global-terms__inner--jp { border-bottom: 1px solid #041a31; }