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

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

body { background-color: #E73678; line-height: 1.5; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; min-width: 0; overflow: hidden; min-height: 100%; -ms-touch-action: none; touch-action: none; }

body#creative_teaser_done { background-color: #333; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; margin-bottom: 10px; margin-top: 0; font-weight: bold; line-height: 1.1; }

#creative_teaser_done .entryform__contents { min-height: 300px; margin: 80px auto; background-color: #FFF; }

.fixed .formErrorContent { background: #fff100; color: #E73678; font-weight: bold; font-size: 16px; margin-bottom: 15px; }

a, a:focus { outline: none; }

.belt.belt-error { text-align: center; }

.belt.belt-error li { list-style: none; }

a.ofbc-btn { text-decoration: none !important; width: auto; }

.creative_teaser__wrap--ofbabout a.ofbc-btn { border: 2px solid #3C3986; color: #3C3986; }

.bold { font-weight: bold; }

.lightpink { color: #E73678; }

.purple { color: #3c3986; }

.gray { background-color: #eaeaea; }

.w1080 { width: 1080px; margin: 0px auto; }

.ofbc-btn { padding: 14px 20px; min-width: 250px; font-size: 18px; line-height: 1.33333; border-radius: 10px; border: 2px solid #E73678; font-weight: bold; max-width: 350px; color: #E73678; display: block; margin: 0px auto; text-decoration: none; }

.sns-callout { padding: 60px 0 54px; }

.sns-btns { text-align: center; }

.sns-btns li { margin: 0px 12.5px; display: inline-block; }

.sns-btns li img { width: 70px; }

.sns-btns li:last-child { margin-left: 36px; margin-right: -6px; }

#creative_teaser { position: relative; width: 100%; overflow: hidden; }

#creative_teaser .footer1 { background-color: #191919; min-height: 100px; color: #FFF; margin-top: 0px !important; }

#creative_teaser span.label.label-required { background-color: #E73678; }

.creative_teaser-first { width: 100%; background-color: #E73678; position: relative; z-index: -1; }

.creative_teaser-first__wrap.inner_rotate { width: 370px; height: 370px; background-color: #FFF; text-align: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0px auto; margin-top: 120px; }

.copy__main { width: 540px; text-align: right; margin-left: auto; margin-right: 0px; margin-top: -130px; }

.copy__main h2 { line-height: 1.4; color: #E73678; font-weight: normal; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; z-index: -100; position: relative; }

.copy__main::before { position: absolute; left: 50%; content: ''; width: 0px; border: 190px solid transparent; border-top-color: #EDEDED; margin: -470px 0 0 -58px; z-index: -1; }

.copy__main::after { position: absolute; left: 50%; content: ''; width: 0px; border: 430px solid transparent; border-bottom-color: #EDEDED; margin: -792px 0 0 -302px; z-index: -1; }

.slider.creative-logo { margin-top: -488px; position: relative; z-index: 1; }

.slider.creative-logo img { width: 230px; }

.text-center { text-align: center; }

.main { padding-top: 100px; }

/* エントリーフォーム */
.creative_teaser__wrap--entryform { background-color: #EAE597; min-height: 500px; padding-top: 50px; }

.creative_teaser__wrap--entryttl { background-color: #3C3986; height: 90px; color: #FFF; margin-top: 37px; }

.creative_teaser__wrap--entryttl h3 { padding-top: 34px; font-weight: normal; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.creative_teaser__wrap--ofbabout { background-color: #fff; min-height: 330px; color: #3C3986; }

.creative_teaser__wrap--ofbabout ul { width: 90%; margin: 0px auto; }

.creative_teaser__wrap--ofbabout ul li { float: left; width: 50%; list-style: none; padding-top: 40px; padding-bottom: 40px; }

.creative_teaser__wrap--ofbabout ul li.logo { width: 40%; margin-top: 45px; }

.entryform__contents { background-color: #FFF; padding-top: 80px !important; position: relative; background: url(../img/pc/img_bg.jpg) 0 0 no-repeat transparent; }

p.detail__logo { height: 90px; line-height: 1.7; }

#creative_teaser div.radio { height: 30px; }

.portfolio_preview { min-height: auto; padding: 0; }

.portfolio_preview img { vertical-align: bottom; }

@media screen and (max-width: 1024px) { .w1080 { width: auto !important; }
  .form-contents__item--logo.text li { border: none; display: inline-table; text-align: left; margin-left: 10px !important; }
  .form-contents__item--logo li:first-child { margin-left: 0px !important; }
  p.detail__logo { height: 130px; }
  #creative_teaser div.radio { height: 30px; }
  #creative_teaser footer { min-width: auto !important; }
  .entryform__contents.triangle::after { content: "" !important; } }

@media screen and (max-width: 768px) { .entryform__contents .user__info { width: 100% !important; }
  .form-contents__item--logo li { height: auto !important; padding-bottom: 28px !important; margin-left: 5px !important; }
  .form-contents__item--logo.text li { border: none; display: inline-table; text-align: left; margin-left: 5px !important; }
  .form-contents__item--logo.text li strong, .form-contents__item--logo.text li p { font-size: 12px !important; }
  .form-contents__item--logo li:first-child { margin-left: 0px !important; }
  p.detail__logo { height: 140px !important; }
  .entryform__contents.triangle::after { content: "" !important; } }

.entryform__contents h4 { color: #E73678; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.entryform__contents .form-contents__item { min-height: 1000px; }

.entryform__contents .user__info { width: 780px; margin: 0px auto; }

.creative_teaser__wrap--ofbabout h4 { color: #3C3986; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.entryform__contents h4 span, .creative_teaser__wrap--ofbabout h4 span { font-weight: normal; }

.form-contents__item { height: auto; }

/* ロゴ選択部分 */
.creative_teaser__wrap--entryform .form-contents__item--logo li:before { content: ""; top: 0; left: 0; border-bottom: 4em solid transparent; border-left: 4em solid #e73678; position: absolute; z-index: 1000; }

.creative_teaser__wrap--entryform .form-contents__item--logo li { font-size: 14px; }

.creative_teaser__wrap--entryform .form-contents__item--logo li::after { content: "\0053\0054\0045\0050\0031"; display: block; top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #FFF; left: 0; position: absolute; z-index: 1001; font-size: 12px; font-weight: bold; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.creative_teaser__wrap--entryform .form-contents__item--logo li.step2::after { content: "\0053\0054\0045\0050\0032"; }

.creative_teaser__wrap--entryform .form-contents__item--logo li.step3::after { content: "\0053\0054\0045\0050\0033"; }

.creative_teaser__wrap--about .form-contents__item--logo li { width: 30.8%; height: auto; float: left; display: inline-table; text-align: center; margin-left: 40px; padding-top: 15px; position: relative; }

.creative_teaser__wrap--entryform .form-contents__item--logo li { width: 30.9%; height: auto; float: left; border: 2px solid #eaeaea; display: inline-table; text-align: center; margin-left: 20px; padding: 20px; padding-top: 15px; position: relative; background-color: #FFF; z-index: 6; }

.creative_teaser__wrap--about .form-contents__item--logo li img { width: 100%; margin: 14px 0 19px; vertical-align: middle; }

.creative_teaser__wrap--entryform .form-contents__item--logo li img { width: 100%; border: 4px solid #eaeaea; vertical-align: middle; }

.form-contents__item--logo.text li { border: none; display: inline-table; text-align: left; margin-left: 20px; padding-top: 10px; }

.form-contents__item--logo li:first-child { margin-left: 0px; }

.form-contents__item--logo li div label { min-height: 50px; }

.form-contents__item--logo + h4 { letter-spacing: .3em; }

.form-contents__item--logo + h4 i { font-style: italic; margin-left: -17px; position: relative; left: 8px; }

#creative_teaser .radio input + .radio-icon::before { content: " "; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 5px; border: 1px solid #95989A; border-radius: 20px; vertical-align: middle; margin-bottom: 5px; }

#creative_teaser .radio input:checked + .radio-icon::before { background: #FFF; border: 1px solid #95989A; }

#creative_teaser .radio input:checked + .radio-icon::after { content: ""; display: block; position: absolute; top: 3px; left: 9px; width: 14px; height: 14px; background: #E73678; border-radius: 50%; }

.creative-logo { width: 230px; margin: 0px auto; padding-top: 180px; padding-bottom: 130px; }

/* agreement checker ---------------------------------- */
#pamrk_agree_label { margin-top: 20px; }

#pamrk_agree_label a { text-decoration: underline; line-height: 2; }

#pamrk_agree_label .row2 { display: block; }

#pamrk_agree_check { line-height: 2; margin-top: 30px; }

.pmark-declaration { margin: 20px 0 0 0; text-align: center; }

.pmark-declaration .pmark__img, .pmark-declaration .pmark__txt { display: inline-block; vertical-align: middle; }

.pmark-declaration .pmark__img { width: 75px; }

.pmark-declaration .pmark__txt { font-size: 13px; text-align: left; line-height: 1.6; padding-left: 18.75px; }

.text-link__highlight { font-weight: bold; text-decoration: underline; }

/* 　ログイン前ページ追加分 */
.text__target { border: 3px solid #e73678; padding: 10px; width: 50%; margin: 0px auto; font-size: 14px; }

.cv__btn { margin-bottom: 80px; }

.cv__btn.top { margin-bottom: 0px; }

.cv__btn.top a::after { content: "\5236\4F5C\6D3B\52D5\3082\5C31\6D3B\3082\5168\529B\3067\3084\308A\305F\3044\3042\306A\305F\3092\300C\004F\0066\0066\0065\0072\0042\006F\0078\0020\0043\0072\0065\0061\0074\0069\0076\0065\300D\306F\5FDC\63F4\3057\307E\3059\3002"; display: block; top: 10px; width: 270px; color: #3c3986; left: 360px; position: absolute; z-index: 101; font-size: 14px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; text-align: left; }

.cv__btn a { position: absolute; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; padding: 14px 20px; min-width: 250px; font-size: 18px; line-height: 1.33333; border-radius: 10px; border: 2px solid #FFF; font-weight: bold; max-width: 350px; color: #FFF; display: block; margin: 0px auto; text-decoration: none; background-color: #e73678; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15); }

.cv__btn.top a { top: 480px; width: auto; height: auto; background-color: #e73678; }

.creative_teaser__wrap--about { background-color: #FFF; min-height: 565px; padding-top: 50px; }

.frow__text { border: solid 8px #f1e17b; border-radius: 5px; padding: 10px; width: 15%; margin: 0px auto; margin-top: 50px; position: relative; }

.frow__text::after { content: ""; display: block; top: -60px; left: 150px; width: 221px; height: 105px; position: absolute; z-index: 2; background: url(../img/pc/img_arrow.png) 0 0 no-repeat transparent; }

ul.form-contents__item--logo.frow { height: 592px; position: relative; }

ul.form-contents__item--logo.frow::after { content: ""; top: 120px; left: 50px; border-bottom: 15px solid #e73678; width: 80%; position: absolute; z-index: 3; }

ul.form-contents__item--logo.frow p { margin-bottom: 10px; }

#creative_teaser .text__top { position: absolute; margin-top: 25px; margin-left: 10px; font-size: 34px; color: #FFF; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; line-height: 1.5; }

#creative_teaser .text__top span { color: #fff17e; }

#footer-nav { width: 90%; margin: 0px auto; padding-bottom: 50px; }

#footer-nav li { display: table; float: left; width: 20%; list-style: none; font-weight: bold; padding: 10px; }

#footer-nav li:nth-child(2n) { margin-left: 40px; margin-right: 0px; }

#footer-nav li:nth-child(1) { margin-left: 10%; }

.footer__link--company { border-radius: 7px; border: 2px solid #fff; text-align: center; }

#footer-nav li a { color: #FFF; text-decoration: none; }

.footer1 { background-color: #191919; }

#footer-nav .ofbicon-building::before, #footer-nav .ofbicon-unique::before { color: #FFF; text-shadow: none; position: static; }

.nav__container { display: table; width: 100%; font-size: 14px; position: relative; left: 6px; }

.nav__container a span, .nav__container a span::before { font-size: 14px; }

.nav__container a span::before { vertical-align: middle; }

.lpphd-copy { font-size: 14px; }

footer { display: table; width: 100%; }

.size28 { font-size: 28px; }

.size22 { font-size: 22px; }

.size14 { font-size: 14px; }

.size16 { font-size: 16px; }

.text-left { text-align: left; }

.p-50 { padding: 50px; }

.p-l-10 { padding-left: 10px; }

.p-l-30 { padding-left: 30px; }

.p-t-20 { padding-top: 20px; }

.m-0 { margin: 0 !important; }

.m-b-10 { margin-bottom: 10px; }

.m-b-25 { margin-bottom: 25px; }

.m-b-30 { margin-bottom: 30px; }

.m-b-50 { margin-bottom: 50px; }

.m-t-20 { margin-top: 20px; }

.m-t-50 { margin-top: 50px !important; }

.script { height: 0; line-height: 0; font-size: 0; position: absolute; bottom: 0; }

.top_notice { width: 100%; max-width: 800px; margin: 0 auto; font-size: 13px; padding: 15px 30px; position: absolute; top: 460px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; background-color: RGBA(0, 0, 0, 0.6); color: #fff; border-radius: 12px; }

.top_notice p { margin-bottom: 0; }

.top_notice p + p { margin-top: 5px; }

.top_notice a { color: #fff; font-weight: bold; text-decoration: underline; }

.closed_popup { position: fixed; background-color: rgba(0, 0, 0, 0.7); width: 100vw; height: 100%; min-height: 100%; z-index: 99; 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; overflow: hidden; -ms-touch-action: none; touch-action: none; }

.closed_popup .closed_popup_content { position: relative; max-width: 800px; text-align: left; width: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 50px 70px; border-top: 3px solid #e73678; box-shadow: 0px 0px 10px #333; font-size: 14px; }

.closed_popup .closed_popup_content h1 { margin-bottom: 20px; padding-right: 70px; line-height: 2rem; font-size: 20px; }

.closed_popup .closed_popup_content .closed_popup_txt { font-size: 14px; }

.closed_popup .closed_popup_content .closed_popup_txt a { color: #e73678; font-weight: bold; text-decoration: underline; }

.closed_popup .closed_popup_btn { display: block; width: 300px; padding: 20px 30px; margin: 0 auto; border-radius: 50px; color: #fff; text-align: center; background-color: #e73678; }