@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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 { content: ''; content: none; }

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

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

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }

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

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

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

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

select { -moz-appearance: none; -webkit-appearance: none; }

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

select::-ms-value { color: currentColor; }

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

textarea { resize: vertical; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

/*
#styleguide
基本スタイル

```
<p>特に何も指定しないときの状態</p>
```
*/
body { text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: auto; font-size: 14px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #333; background-color: #fff; }

.clearfix:after { content: " "; display: block; clear: both; }

.flex { box-sizing: border-box; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; }

.flex:before, .flex:after { content: none; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-fill { width: 100%; height: 100%; }

.flex-horizontal { box-orient: horizontal; box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex-vertical { box-orient: vertical; box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex-space-between { -ms-flex-pack: justify; justify-content: space-between; flex-pack: justify; box-pack: justify; }

.flex-space-around { -ms-flex-pack: distribute; justify-content: space-around; flex-pack: justify; box-pack: justify; }

.flex-start { -ms-flex-pack: start; justify-content: flex-start; flex-pack: start; box-pack: start; }

.flex-end { -ms-flex-pack: end; justify-content: flex-end; flex-pack: end; box-pack: end; }

.flex-center { -ms-flex-pack: center; justify-content: center; flex-pack: center; box-pack: center; }

.flex-align-start { -ms-flex-align: start; align-items: flex-start; flex-align: start; box-align: start; }

.flex-align-end { -ms-flex-align: end; align-items: flex-end; flex-align: end; box-align: end; }

.flex-align-center { -ms-flex-align: center; align-items: center; flex-align: center; box-align: center; }

.flex-align-baseline { -ms-flex-align: baseline; align-items: baseline; flex-align: baseline; box-align: baseline; }

.flex-align-stretch { -ms-flex-align: stretch; align-items: stretch; flex-align: stretch; box-align: stretch; }

.flex-inline { display: -ms-inline-flexbox; display: inline-flex; }

.single-body strong { font-weight: bold; }

.single-body em { font-style: italic; }

.single-body img { max-width: 100%; height: auto; }

.single-body hr { margin: 1em 0; height: 1px; border-top: 1px solid; }

.single-body iframe { max-width: 100% !important; margin: 0 auto; display: block; }

.single-body .wp-caption { width: 100% !important; }

.single-body .aligncenter { display: block; margin: 0 auto; }

.single-body .alignright { float: right; }

.single-body .alignleft { float: left; }

.row { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.col-lg-1 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }

@media screen and (max-width: 1279px) { .col-md-1 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } }

@media screen and (max-width: 869px) { .col-sm-1 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } }

.col-lg-2 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }

@media screen and (max-width: 1279px) { .col-md-2 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } }

@media screen and (max-width: 869px) { .col-sm-2 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } }

.col-lg-3 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }

@media screen and (max-width: 1279px) { .col-md-3 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } }

@media screen and (max-width: 869px) { .col-sm-3 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } }

.col-lg-4 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }

@media screen and (max-width: 1279px) { .col-md-4 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } }

@media screen and (max-width: 869px) { .col-sm-4 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } }

.col-lg-5 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; }

@media screen and (max-width: 1279px) { .col-md-5 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } }

@media screen and (max-width: 869px) { .col-sm-5 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } }

.col-lg-6 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }

@media screen and (max-width: 1279px) { .col-md-6 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } }

@media screen and (max-width: 869px) { .col-sm-6 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } }

.col-lg-7 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; }

@media screen and (max-width: 1279px) { .col-md-7 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } }

@media screen and (max-width: 869px) { .col-sm-7 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } }

.col-lg-8 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; }

@media screen and (max-width: 1279px) { .col-md-8 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } }

@media screen and (max-width: 869px) { .col-sm-8 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } }

.col-lg-9 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }

@media screen and (max-width: 1279px) { .col-md-9 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } }

@media screen and (max-width: 869px) { .col-sm-9 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } }

.col-lg-10 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; }

@media screen and (max-width: 1279px) { .col-md-10 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } }

@media screen and (max-width: 869px) { .col-sm-10 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } }

.col-lg-11 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; }

@media screen and (max-width: 1279px) { .col-md-11 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } }

@media screen and (max-width: 869px) { .col-sm-11 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } }

.col-lg-12 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

@media screen and (max-width: 1279px) { .col-md-12 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

@media screen and (max-width: 869px) { .col-sm-12 { box-sizing: border-box; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

body { font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

h2 { font-size: 36px; margin-bottom: 16px; line-height: 1.2; }

h3 { font-size: 28px; margin-bottom: 20px; }

.max--width { max-width: 980px; margin: 0 auto; padding: 48px 16px; }

.max--width h3 { font-size: 28px; font-weight: bold; color: #00aeff; }

.max--width .btn_wrapper { padding: 0; }

h4 { font-size: 20px; margin-bottom: 16px; }

p { font-size: 16px; margin-bottom: 16px; }

a { color: #0272C7; }

a.u-line { text-decoration: underline; }

table { margin-bottom: 20px; }

p, a, table, th, td, li { line-height: 1.5; }

.dis-flex { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; }

.align-center { -ms-flex-align: center; align-items: center; }

.width-50 { width: 50%; }

.border-bottom { padding-bottom: 6px; border-bottom: 3px solid; }

.tri-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.tri-arrow:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 20px; border-color: transparent transparent transparent #e29e00; }

.tri-arrow-blue { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.tri-arrow-blue:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 18px; border-color: transparent transparent transparent #0272C7; }

@media screen and (max-width: 869px) { .tri-arrow-blue { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
  .tri-arrow-blue:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 18px 17px 0 17px; border-color: #0272C7 transparent transparent transparent; } }

.button-stand { font-size: 16px; color: #0272C7; font-weight: bold; margin-bottom: 4px; text-align: center; }

.button-stand .stand-text { display: inline-block; color: #FF3400; background: linear-gradient(transparent 40%, #FFFF00 0%); }

.bg-sky { background: #e8f8ff; }

.font-middle { font-size: 28px; }

@media screen and (max-width: 869px) { .font-middle { font-size: 26px; } }

.font-blue { color: #00aeff; }

.font-orange { color: #F19900; }

.font-bold { font-weight: bold; }

.alert-blue { color: #0272C7; }

body.page-id-29 ul a.gnav-company { background: #000 !important; }

body.page-id-23 ul a.gnav-service { background: #000 !important; }

body.page-id-33 ul a.gnav-recruit { background: #000 !important; }

body.page-id-31 ul a.gnav-partner { background: #000 !important; }

body.page-id-393 ul a.gnav-leaders { background: #000 !important; }

.title-wrap { margin: 0 auto; padding: 42px 0; }

.title-wrap h2 { text-align: center; font-size: 38px !important; font-weight: bold; margin-bottom: 0 !important; }

.title-wrap p.title-und-txt { text-align: center; margin-top: 20px; margin-bottom: 0; font-size: 18px; }

.title-wrap div.title-en { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.title-wrap div.title-en span { text-align: center; font-size: 8px; font-weight: bold; color: #00aeff; border-top: 3px solid; margin-top: 8px; padding-top: 4px; }

.btn-hover { display: inline-block; outline: none; position: relative; z-index: 2; overflow: hidden; }

.btn-hover:hover { color: #fff !important; box-sizing: border-box; }

.btn-hover::before, .btn-hover::after { position: absolute; z-index: -1; display: block; content: ''; }

.btn-hover, .btn-hover::before, .btn-hover::after { box-sizing: border-box; transition: all .3s; }

.btn-hover::after { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0.5); transform: scale(0.5); }

.btn-hover:hover::after { background: #1e9cbb !important; -webkit-transform: scale(1); transform: scale(1); box-sizing: border-box; }

.list--none li { list-style: none !important; }

@media screen and (max-width: 869px) { .max--width { padding: 36px 16px !important; } }

table { margin-bottom: 40px; width: 100%; word-break: break-all; word-wrap: break-word; }

table tr th, table tr td { border: 1px solid #e9eaea; padding: 16px; }

table tr th { background: #f1f4f5; min-width: 100px; color: #006699; font-weight: bold; font-size: 16px; }

table tr td { background: #fff; font-size: 15px; font-weight: bold; line-height: 1.5; }

table tr td span.table-alert { display: inline-block; font-weight: initial; font-size: 12px; margin-top: 6px; }

/*** button ***/
.btn_wrapper { padding: 48px 16px; }

.btn_wrapper a + a { margin-top: 36px; }

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

.btn_wrapper .lbtn { width: 100%; max-width: 400px; height: 60px; padding: 0 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #000; color: #fff; font-weight: bold; font-size: 18px; position: relative; margin-right: auto; margin-left: auto; }

.btn_wrapper .sbtn { width: 100%; max-width: 294px; height: 54px; padding: 0 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #000; color: #fff; font-weight: bold; font-size: 16px; position: relative; margin-right: auto; margin-left: auto; }

.btn_wrapper .recbtn:before { content: ''; width: 36px; height: 36px; position: absolute; background-image: url(../images/recruit/button-recruit-ico.png); background-size: contain; background-repeat: no-repeat; top: 50%; left: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

.btn_wrapper .docbtn:before { content: ''; width: 24px; height: 24px; position: absolute; background-image: url(../images/erl/ico-erl-btn.png); background-size: contain; background-repeat: no-repeat; top: 50%; left: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

/*** breadcrumb ***/
.breadcrumb-area { max-width: 960px; margin: 8px auto; font-weight: bold; font-size: 12px; padding: 0 24px; }

.breadcrumb-area span a { color: #1e9cbb; }

/*** pc-block sp-block ***/
.pc-block { display: block; }

.sp-block { display: none; }

@media screen and (max-width: 869px) { h2 { font-size: 30px; }
  h3 { font-size: 24px; margin-bottom: 20px; }
  h4 { font-size: 18px; margin-bottom: 16px; }
  p { font-size: 15px; margin-bottom: 16px; }
  .max--width h3 { font-size: 26px; line-height: 1.4; }
  .pc-block { display: none; }
  .sp-block { display: block; }
  .title-wrap { margin: 0 auto; padding: 42px 0; }
  .title-wrap h2 { text-align: center; font-size: 32px !important; font-weight: bold; }
  .btn_wrapper a + a { margin-top: 20px; }
  .btn_wrapper .lbtn { height: 54px; font-size: 16px; }
  .btn_wrapper .sbtn { height: 48px; font-size: 15px; }
  .btn_wrapper .recbtn:before { width: 32px; height: 32px; }
  .btn_wrapper .docbtn:before { width: 20px; height: 20px; } }

header { position: relative; margin: auto; z-index: 3; }

header #sp-nav-btn { display: none; }

header .top-header .header-top-text { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 20px; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

header .top-header .header-top-text.header-anim-01 h2 { color: #FFF; font-size: 50px; font-weight: bold; line-height: 1.6; padding-top: 60px; padding-bottom: 48px; }

header .top-header .header-top-text.header-anim-01 h2 span { font-size: 60px; }

header .top-header .header-top-text.header-anim-01 h2 div { display: inline-block; position: relative; }

header .top-header .header-top-text.header-anim-01 h2 div:before { content: '・・・・・・'; display: block; position: absolute; top: -18px; left: 12px; color: #2dc3ff; line-height: 1; letter-spacing: 3px; }

header .top-header .header-top-text.header-anim-01 p { text-shadow: 0px 0px 3px #333333; color: #FFF; font-size: 18px; }

header .top-header .header-top-text.header-anim-02 h2 { font-size: 46px; font-weight: bold; line-height: 1.2; padding: 120px 0 40px; }

header .top-header .header-top-text.header-anim-02 h2 span { font-size: 60px; }

header .top-header .header-top-text.header-anim-02 p { text-shadow: 0px 0px 3px #FFFFFF; font-size: 16px; }

header .top-header .header-content { position: relative; max-width: 980px; height: 710px; margin: auto; }

header .top-header .header-content .header-logo { width: 328px; padding: 12px 24px; }

header .top-header .header-content .header-logo h1 { margin-bottom: 6px; font-size: 11px; font-weight: bold; }

header .top-header .header-content .header-logo .header-logo-img img { width: 100%; }

header .top-header .header-content .header-logo label { display: none; }

header .top-header .header-content .header-link-wrap { position: absolute; width: 360px; top: 28px; right: 24px; }

header .top-header .header-content .header-link-wrap ul { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

header .top-header .header-content .header-link-wrap ul a:hover li { background: #1e9cbb; color: white; border-color: #1e9cbb; text-decoration: none; }

header .top-header .header-content .header-link-wrap ul li { border: 1px solid #000; text-align: center; width: 168px; padding: 24px 0; background: #fff; color: #00a6e8; font-weight: bold; position: relative; }

header .top-header .header-content .header-link-wrap ul li:before { content: ''; display: block; background-size: 100% 100%; width: 40px; height: 40px; position: absolute; background-size: contain; background-repeat: no-repeat; top: -20px; right: 0; left: 0; margin: auto; }

header .top-header .header-content .header-link-wrap ul li.header-recruit:before { background-image: url(../images/header/recruit-ico.png); }

header .top-header .header-content .header-link-wrap ul li.header-confirm:before { background-image: url(../images/header/mail-ico.png); }

header .header-bg_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

header .header-bg_wrapper div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

header .header-bg_wrapper div:nth-child(1) { background: url(../images/header/header-bg1.jpg); background-size: cover; background-position: center top; }

header .header-bg_wrapper div:nth-child(2) { background: url(../images/header/header-bg2.jpg); background-size: cover; background-position: center top; }

header .header-wrapper + .header-bg_wrapper { display: none; }

.header-anim-01 { -webkit-animation: head-slide1 10s linear infinite; animation: head-slide1 10s linear infinite; opacity: 0; }

.header-anim-02 { -webkit-animation: head-slide2 10s linear infinite; animation: head-slide2 10s linear infinite; opacity: 0; }

/*** 選択ナビゲーションの色 ***/
.page-id-29 .gnav-company { background: #000; }

.page-id-23 .gnav-service { background: #000; }

.page-id-33 .gnav-recruit { background: #000; }

.page-id-31 .gnav-partner { background: #000; }

.page-id-147 .gnav-leaders { background: #000; }

@-webkit-keyframes head-slide1 { 0% { opacity: 1; }
  40% { opacity: 1; }
  50% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes head-slide1 { 0% { opacity: 1; }
  40% { opacity: 1; }
  50% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes head-slide2 { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes head-slide2 { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }

#header .top-header { width: 100%; height: 710px; position: relative; }

#header .top-header nav.g-nav { position: absolute; width: 100%; background: #000; bottom: 68px; padding: 0; z-index: 1000; }

#header .top-header nav.g-nav ul { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; max-width: 980px; margin: 0 auto; }

#header .top-header nav.g-nav ul a { color: #fff; font-weight: bold; width: 100%; text-align: center; padding: 16px 0; }

#header .top-header nav.g-nav ul a:hover { background: #333; }

header .header-wrapper .header-content { position: relative; max-width: 980px; margin: auto; padding: 12px 24px; }

header .header-wrapper .header-content .header-logo { width: 268px; }

header .header-wrapper .header-content .header-logo .header-logo-img img { width: 100%; }

header .header-wrapper .header-content .header-link-wrap { position: absolute; width: 348px; top: 0; right: 24px; }

header .header-wrapper .header-content .header-link-wrap ul { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

header .header-wrapper .header-content .header-link-wrap ul a:hover li { background: #1e9cbb; text-decoration: none; }

header .header-wrapper .header-content .header-link-wrap ul li { text-align: center; width: 160px; padding: 16px 0; background: #000; color: #fff; font-weight: bold; position: relative; }

header .header-wrapper .header-content .header-link-wrap ul li:before { content: ''; width: 38px; height: 38px; position: absolute; background-size: contain; background-repeat: no-repeat; top: 0; bottom: 0; left: -20px; margin: auto; }

header .header-wrapper .header-content .header-link-wrap ul li.header-recruit:before { background-image: url(../images/header/recruit-ico2.png); }

header .header-wrapper .header-content .header-link-wrap ul li.header-confirm:before { background-image: url(../images/header/mail-ico2.png); }

header .header-wrapper .header-content .right-menu { position: fixed; top: 240px; right: 0; z-index: 999; }

header .header-wrapper .header-content .right-menu ul a { margin-bottom: 16px; }

header .header-wrapper .header-content .right-menu ul a:hover li { background: #1e9cbb; }

header .header-wrapper .header-content .right-menu ul li { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; padding: 24px 16px; background: #000; color: #fff; font-weight: bold; margin-bottom: 24px; letter-spacing: 2px; overflow: visible; }

header .header-wrapper .header-content .right-menu ul .right-menu-recruit:before { background-image: url(../images/header/ico-r-recruit.png); content: ''; width: 38px; height: 38px; position: absolute; background-size: contain; background-repeat: no-repeat; top: -18px; right: 6px; margin: auto; z-index: 100; }

header .header-wrapper .header-content .right-menu ul .right-menu-adopt:before { background-image: url(../images/header/ico-r-adopt.png); content: ''; width: 38px; height: 38px; position: absolute; background-size: contain; background-repeat: no-repeat; top: 118px; right: 6px; margin: auto; }

header .header-wrapper nav.g-nav { width: 100%; background: #1f9cbb; }

header .header-wrapper nav.g-nav ul { max-width: 980px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; font-weight: bold; color: #fff; }

header .header-wrapper nav.g-nav ul a { font-weight: bold; width: 20%; text-decoration: none; }

header .header-wrapper nav.g-nav ul a li { color: #fff; text-align: center; padding: 18px 0; }

header .header-wrapper nav.g-nav ul a li:hover { background: rgba(255, 255, 255, 0.2); }

@media screen and (max-width: 869px) { header .top-header, header .header-wrapper { height: 100vh; }
  header .top-header .header-top-text, header .header-wrapper .header-top-text { max-width: 370px; }
  header .top-header .header-top-text.header-anim-01 h2, header .header-wrapper .header-top-text.header-anim-01 h2 { color: #FFF; font-size: 30px; font-weight: bold; line-height: 1.6; padding-top: 0; padding-bottom: 20px; }
  header .top-header .header-top-text.header-anim-01 h2 span, header .header-wrapper .header-top-text.header-anim-01 h2 span { font-size: 36px; }
  header .top-header .header-top-text.header-anim-01 h2 div, header .header-wrapper .header-top-text.header-anim-01 h2 div { display: inline-block; position: relative; }
  header .top-header .header-top-text.header-anim-01 h2 div:before, header .header-wrapper .header-top-text.header-anim-01 h2 div:before { left: 5px; letter-spacing: 2px; }
  header .top-header .header-top-text.header-anim-01 p, header .header-wrapper .header-top-text.header-anim-01 p { text-shadow: none; color: #333; font-size: 16px; text-align: left; font-weight: bold; }
  header .top-header .header-top-text.header-anim-02, header .header-wrapper .header-top-text.header-anim-02 { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; padding: 90px 20px 110px; }
  header .top-header .header-top-text.header-anim-02 h2, header .header-wrapper .header-top-text.header-anim-02 h2 { font-size: 26px; padding: 0; }
  header .top-header .header-top-text.header-anim-02 h2 span, header .header-wrapper .header-top-text.header-anim-02 h2 span { font-size: 30px; }
  header .top-header .header-top-text.header-anim-02 p, header .header-wrapper .header-top-text.header-anim-02 p { font-size: 14px; text-align: left; font-weight: bold; }
  header .top-header .header-content, header .header-wrapper .header-content { height: 500px; }
  header .top-header .header-content .header-logo, header .header-wrapper .header-content .header-logo { width: 100%; background: #FFF; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
  header .top-header .header-content .header-logo .header-logo-img img, header .header-wrapper .header-content .header-logo .header-logo-img img { width: 200px; }
  header .top-header .header-content .header-logo label, header .header-wrapper .header-content .header-logo label { display: block; width: 40px; height: 40px; position: relative; }
  header .top-header .header-content .header-logo label:after, header .header-wrapper .header-content .header-logo label:after { content: 'MENU'; font-size: 11px; font-weight: bold; display: block; position: absolute; bottom: -3px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  header .top-header .header-content .header-logo label div, header .header-wrapper .header-content .header-logo label div { position: absolute; width: 35px; height: 4px; background: #333; }
  header .top-header .header-content .header-logo label div:nth-child(1), header .header-wrapper .header-content .header-logo label div:nth-child(1) { top: 50%; left: 50%; margin-top: -8px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: width 0s ease .2s; }
  header .top-header .header-content .header-logo label div:nth-child(2), header .header-wrapper .header-content .header-logo label div:nth-child(2) { top: 50%; left: 50%; margin-top: -16px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: margin .2s ease .2s, -webkit-transform .2s ease; transition: margin .2s ease .2s, transform .2s ease; transition: margin .2s ease .2s, transform .2s ease, -webkit-transform .2s ease; }
  header .top-header .header-content .header-logo label div:nth-child(3), header .header-wrapper .header-content .header-logo label div:nth-child(3) { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 0px; transition: margin .2s ease .2s, -webkit-transform .2s ease; transition: margin .2s ease .2s, transform .2s ease; transition: margin .2s ease .2s, transform .2s ease, -webkit-transform .2s ease; }
  header .top-header .header-content .header-link-wrap, header .header-wrapper .header-content .header-link-wrap { top: auto; bottom: 0; left: 0; width: 100%; padding: 30px 10px; }
  header .top-header .header-content .header-link-wrap ul, header .header-wrapper .header-content .header-link-wrap ul { -ms-flex-pack: center; justify-content: center; }
  header .top-header .header-content .header-link-wrap ul a, header .header-wrapper .header-content .header-link-wrap ul a { width: calc(50% - 10px); max-width: 168px; margin: 0 10px; }
  header .top-header .header-content .header-link-wrap ul a li, header .header-wrapper .header-content .header-link-wrap ul a li { width: 100%; padding: 10px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #333; color: #FFF; }
  header .top-header .header-content .header-link-wrap ul a li:before, header .header-wrapper .header-content .header-link-wrap ul a li:before { position: inherit; top: 0; margin: 0; }
  header .top-header .header-content .header-link-wrap ul a li.header-recruit:before, header .header-wrapper .header-content .header-link-wrap ul a li.header-recruit:before { background-image: url(../images/header/recruit-ico3.png); background-size: 75% auto; background-position: center center; }
  header .top-header .header-content .header-link-wrap ul a li.header-confirm:before, header .header-wrapper .header-content .header-link-wrap ul a li.header-confirm:before { background-image: url(../images/header/mail-ico3.png); background-size: 75% auto; background-position: center center; }
  header .top-header .header-content .right-menu, header .header-wrapper .header-content .right-menu { position: fixed; left: 0; top: auto; bottom: 0; }
  header .top-header .header-content .right-menu ul, header .header-wrapper .header-content .right-menu ul { display: -ms-flexbox; display: flex; width: 100%; }
  header .top-header .header-content .right-menu ul a, header .header-wrapper .header-content .right-menu ul a { width: 100%; margin-bottom: 0; }
  header .top-header .header-content .right-menu ul a li, header .header-wrapper .header-content .right-menu ul a li { position: relative; font-size: 20px; letter-spacing: 3px; width: 100%; text-align: center; display: inline-block; padding: 16px; padding-left: 40px; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; margin-bottom: 0; }
  header .top-header .header-content .right-menu ul a .right-menu-recruit:before, header .header-wrapper .header-content .right-menu ul a .right-menu-recruit:before { background-image: url(../images/header/ico-recruit-bottom.png); content: ''; width: 22px; height: 22px; position: absolute; background-size: contain; background-repeat: no-repeat; top: 0; bottom: 0; left: 32px; margin: auto 0; }
  header .top-header .header-content .right-menu ul a .right-menu-recruit:after, header .header-wrapper .header-content .right-menu ul a .right-menu-recruit:after { content: ''; height: 42px; width: 2px; position: absolute; right: 0; top: 12px; background: #fff; }
  header .top-header .header-content .right-menu ul a .right-menu-adopt:before, header .header-wrapper .header-content .right-menu ul a .right-menu-adopt:before { background-image: url(../images/header/recruit-ico3.png); content: ''; width: 24px; height: 24px; position: absolute; background-size: contain; background-repeat: no-repeat; top: -4px; bottom: 0; left: 26px; margin: auto 0; }
  header #sp-nav-btn:checked ~ .top-header .header-content .header-logo label div:nth-child(1), header #sp-nav-btn:checked ~ .header-wrapper .header-content .header-logo label div:nth-child(1) { width: 0; margin-top: -8px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: width 0s ease .2s; }
  header #sp-nav-btn:checked ~ .top-header .header-content .header-logo label div:nth-child(2), header #sp-nav-btn:checked ~ .header-wrapper .header-content .header-logo label div:nth-child(2) { margin-top: -8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); transition: margin .2s ease, -webkit-transform .2s ease .2s; transition: margin .2s ease, transform .2s ease .2s; transition: margin .2s ease, transform .2s ease .2s, -webkit-transform .2s ease .2s; }
  header #sp-nav-btn:checked ~ .top-header .header-content .header-logo label div:nth-child(3), header #sp-nav-btn:checked ~ .header-wrapper .header-content .header-logo label div:nth-child(3) { margin-top: -8px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); transition: margin .2s ease, -webkit-transform .2s ease .2s; transition: margin .2s ease, transform .2s ease .2s; transition: margin .2s ease, transform .2s ease .2s, -webkit-transform .2s ease .2s; }
  header .header-bg_wrapper { top: 75px; height: calc(100% - 75px); }
  header .header-bg_wrapper div:nth-child(1) { background: url(../images/header/header-bg1-sp.jpg); background-size: 100%; background-position: center top; }
  header .header-bg_wrapper div:nth-child(2) { background: url(../images/header/header-bg2-sp.jpg); background-size: cover; background-position: center center; }
  #header .top-header, #header .header-wrapper { height: 500px; overflow: hidden; }
  #header .top-header nav.g-nav, #header .header-wrapper nav.g-nav { position: absolute; width: 100%; background: rgba(58, 137, 186, 0.8); top: 75px; bottom: auto; padding: 0; max-height: 0; overflow: hidden; transition: max-height .3s ease; }
  #header .top-header nav.g-nav ul, #header .header-wrapper nav.g-nav ul { display: block; }
  #header .top-header nav.g-nav ul a, #header .header-wrapper nav.g-nav ul a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0 20px; height: 56px; border-bottom: 1px solid #FFF; }
  #header .top-header nav.g-nav ul a:nth-child(7), #header .header-wrapper nav.g-nav ul a:nth-child(7) { background: #333; }
  #header .top-header nav.g-nav ul a:nth-child(7):before, #header .header-wrapper nav.g-nav ul a:nth-child(7):before { content: ''; display: block; width: 30px; height: 30px; background: #F00; margin-right: 5px; background: url(../images/header/recruit-ico3.png) center center no-repeat; background-size: 100% auto; }
  #header .top-header nav.g-nav ul a:nth-child(8), #header .header-wrapper nav.g-nav ul a:nth-child(8) { background: #333; }
  #header .top-header nav.g-nav ul a:nth-child(8):before, #header .header-wrapper nav.g-nav ul a:nth-child(8):before { content: ''; display: block; width: 30px; height: 30px; background: #F00; margin-right: 5px; background: url(../images/header/mail-ico3.png) center center no-repeat; background-size: 100% auto; }
  #header .header-wrapper { height: auto !important; border-bottom: 1px solid #01acf1; }
  #header .header-wrapper .header-content { height: auto !important; }
  #header .header-wrapper .header-link-wrap { display: none !important; }
  #header .header-wrapper nav.g-nav { top: 110px !important; }
  #header .header-wrapper nav.g-nav ul a { width: 100% !important; }
  #header #sp-nav-btn:checked ~ .top-header nav.g-nav, #header #sp-nav-btn:checked ~ .header-wrapper nav.g-nav { max-height: 448px; } }

section.sec-1 { position: relative; }

section.sec-1 .top-content1 { position: relative; max-width: 980px; margin: 0 auto; padding: 64px 24px; z-index: 1; }

section.sec-1 .top-content1 h2 { font-weight: bold; color: #01acf1; margin-bottom: 28px; }

section.sec-1 .top-content1 p { width: calc(100% - 380px); line-height: 1.7; letter-spacing: 1px; }

section.sec-1 .top-content1 .recruit-link { position: absolute; width: 164px; height: 164px; top: 220px; right: 154px; }

section.sec-1 .top-content1 .recruit-link img { width: 100%; }

section.sec-1 .top-content1 .recruit-link img:hover { opacity: .9; }

section.sec-1 .top-content2 { width: 100%; height: 428px; background-image: url(../images/top/top-content2-bg.png); background-size: cover; background-position: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; }

section.sec-1 .top-content2 .top-content2-box { max-width: 980px; width: 100%; padding: 24px; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; color: #fff; }

section.sec-1 .top-content2 .top-content2-box .top-company h3 { font-weight: bold; margin-bottom: 20px; }

section.sec-1 .top-content2 .top-content2-box .top-company p { line-height: 1.5; margin-bottom: 16px; }

section.sec-1 .top-content2 .top-content2-box .top-company .top-readmore { background: #fff; border: 1px solid #fff; padding: 14px; text-align: center; width: 180px; margin-left: 4px; color: #01acf1; font-size: 16px; font-weight: bold; }

section.sec-1 .top-content2 img { width: 100%; }

section.sec-1 .top-recruit-bg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; width: 100%; max-width: 980px; }

section.sec-2 { width: 100%; margin: 16px 0; }

section.sec-2 .sec-2-content { max-width: 980px; margin: 0 auto; padding: 0 24px; }

section.sec-2 .sec-2-content h2 { font-weight: bold; padding-bottom: 24px; background-image: linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px); background-repeat: repeat-x; background-size: 6px 0; background-position: bottom; }

section.sec-2 .sec-2-content .sec-2_readmore { margin: 0 4px 36px 4px; display: inline-block; background: #fff; padding: 14px; text-align: center; width: 180px; margin-left: 4px; border: 1px solid #01acf1; color: #01acf1; font-size: 16px; font-weight: bold; }

section.sec-2 .sec-2-content .sec-2_readmore:hover { border: 1px solid #fff !important; }

@media screen and (max-width: 869px) { section.sec-1 .top-content1 p { width: 100%; padding: 100px 0 120px; font-weight: bold; }
  section.sec-1 .top-content1 .recruit-link { top: auto; bottom: 0; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
  section.sec-1 .top-content2 { width: 100%; height: auto; background-image: url(../images/top/top-content2-bg-sp.png); background-size: 100% 100%; display: block; }
  section.sec-1 .top-content2 .top-content2-box { padding: 60px 24px; display: block; }
  section.sec-1 .top-content2 .top-content2-box .top-company { text-align: center; padding-bottom: 50px; }
  section.sec-1 .top-content2 .top-content2-box .top-company + .top-company { padding-top: 50px; padding-bottom: 0; border-top: dotted 1px #FFF; }
  section.sec-1 .top-content2 .top-content2-box .top-company p { margin-bottom: 48px; }
  section.sec-1 .top-content2 .top-content2-box .top-company .top-readmore { margin: 0 auto; }
  section.sec-1 .top-recruit-bg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; width: 120%; max-width: 500px; }
  section.sec-2 .sec-2-content h2 { text-align: center; }
  section.sec-2 .sec-2-content ul li a { display: block; padding-top: 10px; }
  section.sec-2 .sec-2-content .sec-2_readmore { margin: 0 auto 36px; display: block; } }

.company-info1 { background-image: url(../images/company/company-bg1.jpg); background-size: cover; background-position: center top; padding: 48px 20px; }

.company-info1 .company-info1-content { max-width: 980px; margin: 0 auto; }

.company-info1 .company-info1-content h3 { margin-bottom: 48px; }

.company-info1 .company-info1-content h3 img { width: 50%; }

.company-info1 .company-info1-content p { font-weight: bold; }

.company-info1 .company-info1-content p span.blue-txt { font-weight: bold; color: #00aeff; font-size: 18px; }

.company-info1 .company-info1-content img.img-hayashi { margin-top: 24px; width: 210px; }

.company-info2 { background: #e8f8ff; }

.company-info2 .company-info2-content { max-width: 980px; margin: 0 auto; padding: 42px 16px; }

.company-info2 .company-info2-content table { width: 100%; }

.company-info2 .company-info2-content h3 { font-weight: bold; color: #00aeff; }

@media screen and (max-width: 869px) { .company-info1 .company-info1-content h3 { margin-bottom: 40px; }
  .company-info1 .company-info1-content h3 img { width: 60%; }
  .company-info1 .company-info1-content p { margin-right: 30px; }
  .company-info1 .company-info1-content img.img-hayashi { margin-top: 20px; }
  .company-info2 { background: #e8f8ff; }
  .company-info2 .company-info2-content { padding: 30px 14px; }
  .company-info2 .company-info2-content table tr th, .company-info2 .company-info2-content table tr td { display: block; text-align: left; } }

.whats-new { padding: 20px 0; background: #333333; text-align: center; color: #FFF; font-weight: bold; font-size: 20px; }

.whats-new span { color: #00aeff; }

.news-wrapper { margin-bottom: 24px; }

.news-wrapper ul { margin-bottom: 24px; background-image: linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px); background-repeat: repeat-x; background-size: 6px 2px; background-position: top; }

.news-wrapper ul li { padding: 16px 8px; background-image: linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px); background-repeat: repeat-x; background-size: 6px 2px; background-position: bottom; }

.news-wrapper ul li span.date { margin-right: 8px; }

.news-wrapper ul li span.category-news { color: #fff; font-size: 13px; font-weight: bold; padding: 5px 7px; margin-right: 8px; }

.news-wrapper ul li span.tag-update { background: #ffc000; }

.news-wrapper ul li span.tag-notice { background: #73c1c5; }

.news-wrapper ul li a { color: #000; font-size: 15px; }

.single-wrap h3 { font-size: 22px; font-weight: bold; margin-bottom: 24px; padding-bottom: 24px; background-image: linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px); background-repeat: repeat-x; background-size: 6px 2px; background-position: bottom; color: #333; }

.single-wrap p { font-size: 14px; line-height: 1.5; margin-bottom: 18px; }

.single-wrap .single-meta { margin-bottom: 36px; }

.single-wrap .single-meta span.date { margin-right: 4px; }

.single-wrap .single-meta span.tag-update { background: #ffc000; }

.single-wrap .single-meta span.tag-notice { background: #73c1c5; }

.single-wrap .single-meta span.category-news { color: #fff; font-size: 13px; font-weight: bold; padding: 4px 7px; margin-right: 8px; }

@media screen and (max-width: 869px) { .news-wrapper ul li a { padding-top: 5px; display: block; padding-top: 12px !important; } }

.service-content1 .max--width { padding: 12px 16px 54px; }

.service-content1 p { max-width: 980px; margin: 0 auto; text-align: center; }

.service-content2 { background: #e8f8ff; }

.service-content2 .service-content2-inner h3 { font-weight: bold; color: #00aeff; }

.service-content2 .service-content2-inner .service-content-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.service-content2 .service-content2-inner .service-content-wrap + h3 { padding-top: 42px; }

.service-content2 .service-content2-inner .service-content-wrap + .service-content-wrap { padding-top: 48px; }

.service-content2 .service-content2-inner .service-content-wrap div:nth-child(1) { width: 220px; }

.service-content2 .service-content2-inner .service-content-wrap div:nth-child(2) { width: calc(100% - 240px); }

.service-content2 .service-content2-inner .service-content-wrap h4 { font-weight: bold; }

.service-content3 .service-content3-inner h3 { font-weight: bold; color: #00aeff; }

.service-content3 .service-content3-inner .service-area { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.service-content3 .service-content3-inner .service-area > div { width: calc(50% - 10px); }

.service-content3 .service-content3-inner .service-area ul { width: calc(50% - 10px); }

.service-content3 .service-content3-inner .service-area ul li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 30px; position: relative; padding-left: 30px; font-weight: bold; }

.service-content3 .service-content3-inner .service-area ul li:before { content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; background: #00aeff; position: absolute; top: 50%; left: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.service-content3 .service-content3-inner .service-area ul li span { font-size: 12px; }

@media screen and (max-width: 869px) { .service-content1 { margin-bottom: 30px; }
  .service-content1 p { max-width: 600px; }
  .service-content2 .service-content2-inner { margin: 0 auto; }
  .service-content2 .service-content2-inner h3 { font-size: 26px; }
  .service-content2 .service-content2-inner .service-content-wrap { font-size: 16px; display: block; }
  .service-content2 .service-content2-inner .service-content-wrap + h3 { padding-top: 40px; }
  .service-content2 .service-content2-inner .service-content-wrap + .service-content-wrap { padding-top: 20px; }
  .service-content2 .service-content2-inner .service-content-wrap div:nth-child(1) { width: 100%; padding-top: 80%; position: relative; overflow: hidden; margin-bottom: 20px; }
  .service-content2 .service-content2-inner .service-content-wrap div:nth-child(1) img { width: 100%; position: absolute; top: 0; left: 0; }
  .service-content2 .service-content2-inner .service-content-wrap div:nth-child(2) { width: 100%; }
  .service-content2 .service-content2-inner .service-content-wrap h4 { font-size: 20px; font-weight: bold; }
  .service-content3 .service-content3-inner { margin: 0 auto; }
  .service-content3 .service-content3-inner h3 { font-size: 26px; }
  .service-content3 .service-content3-inner .service-area { display: block; }
  .service-content3 .service-content3-inner .service-area > div { width: 100%; }
  .service-content3 .service-content3-inner .service-area > div:nth-child(1) { padding-bottom: 30px; }
  .service-content3 .service-content3-inner .service-area ul { width: 100%; font-size: 16px; }
  .service-content3 .service-content3-inner .service-area ul li { height: 30px; } }

.service-wrapper .recruit-headimg { width: 100%; height: 230px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: url(../images/recruit/recruit-top-bg.jpg); background-size: cover; font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 1.4; }

.service-wrapper .recruit-headimg h2 { letter-spacing: -2px; margin-bottom: 0; }

.service-wrapper .recruit-headimg span { font-size: 48px; color: #ffe400; }

.recruit-content1 > div:nth-child(1) { font-size: 20px; line-height: 1.5; font-weight: bold; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.recruit-content1 > div:nth-child(1) div { width: 30%; }

.recruit-content1 > div:nth-child(1) p { width: calc(70% - 20px); }

.recruit-content1 > div:nth-child(1) p span { color: #00aeff; font-size: 18px; }

.recruit-content2 { background: #e8f8ff; }

.recruit-content2 h3 { font-weight: bold; color: #006699; text-align: center; }

.recruit-content2 ul { font-size: 18px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.recruit-content2 ul li { width: 50%; padding: 10px 20px 10px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.recruit-content2 ul li:before { content: ''; display: block; width: 20px; height: 20px; background: url(../images/recruit/recruit-check.png) center center no-repeat; background-size: 100% auto; margin-right: 10px; }

.recruit-content2 ul li div { width: calc(100% - 30px); }

.recruit-content3 h3 { font-weight: bold; color: #006699; text-align: center; }

.recruit-content3 h3 span { border-bottom: 2px solid #ffe400; }

.recruit-content3 h3 span span { font-size: 40px; }

.recruit-content3 .recruit-content3-inner ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.recruit-content3 .recruit-content3-inner ul li { width: calc(100% / 3); min-height: 430px; padding: 10px; }

.recruit-content3 .recruit-content3-inner ul li div { border: 2px solid #ebebeb; height: 100%; padding: 5px; }

.recruit-content3 .recruit-content3-inner ul li div h4 { padding: 0px 0 20px; font-weight: bold; }

.recruit-content3 .recruit-content3-inner ul li div h4:before { content: ''; display: block; line-height: 1; width: 100%; height: 80px; text-align: right; color: #d4ecf7; font-size: 60px; font-weight: initial; }

.recruit-content3 .recruit-content3-inner ul li div p { line-height: 1.5; }

.recruit-content3 .recruit-content3-inner ul li:nth-child(1) div h4:before { content: '01.'; }

.recruit-content3 .recruit-content3-inner ul li:nth-child(2) div h4:before { content: '02.'; }

.recruit-content3 .recruit-content3-inner ul li:nth-child(3) div h4:before { content: '03.'; }

.recruit-content3 .recruit-content3-inner ul li:nth-child(4) div h4:before { content: '04.'; }

.recruit-content3 .recruit-content3-inner ul li:nth-child(5) div h4:before { content: '05.'; }

.recruit-content4 { background: #e8f8ff; padding-bottom: 1px; }

.recruit-content4 h2 { font-weight: bold; color: #006699; text-align: center; }

.recruit-content4 h2 span { font-size: 40px; border-bottom: 2px solid #ffe400; }

.recruit-content5 h2 { font-weight: bold; color: #00aeff; }

.recruit-content5 .job-flow .yaijrushi { padding: 20px; }

.recruit-content5 .job-flow .yaijrushi:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 40px 35px 0 35px; border-color: #000333 transparent transparent transparent; margin: 0 auto; }

.recruit-content5 .job-flow .job-flow-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background: #f2f2f2; padding: 20px; margin-bottom: 24px; font-weight: bold; }

.recruit-content5 .job-flow .job-flow-box h3 { color: #00aeff; width: 280px; margin-right: 16px; }

.recruit-content5 .job-flow .job-flow-box h3 span { font-size: 16px; }

.recruit-content5 .job-flow .job-flow-box > div { width: calc(100% - 220px); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.recruit-content5 .job-flow .job-flow-box > div div { width: calc(50% - 10px); }

.recruit-content5 .job-flow .job-flow-box > div ul { padding-left: 16px; }

.recruit-content5 .job-flow .job-flow-box > div ul.list--none { padding-left: 0; }

.recruit-content5 .job-flow .job-flow-box > div ul li { padding-bottom: 10px; list-style: disc; }

.recruit-content5 .checkpoint { width: 100%; max-width: 600px; padding: 60px 0; margin: 0 auto; }

.recruit-content5 .checkpoint h3 { font-weight: bold; color: #006699; text-align: center; margin-bottom: 16px; }

.recruit-content5 .checkpoint li { padding: 8px 20px 8px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 18px; line-height: 1.3; }

.recruit-content5 .checkpoint li:before { content: ''; display: block; width: 20px; height: 20px; background: url(../images/recruit/recruit-check.png) center center no-repeat; background-size: 100% auto; margin-right: 10px; }

.recruit-content5 .checkpoint li div { width: calc(100% - 30px); }

.recruit-content6 { background: #e8f8ff; }

.recruit-content6 h2 { font-size: 30px; font-weight: bold; color: #00aeff; padding-bottom: 20px; }

.recruit-content6 .senior-box { background: #FFF; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.recruit-content6 .senior-box .senior-img { width: 300px; }

.recruit-content6 .senior-box .senior-txt { width: calc(100% - 320px); padding-right: 18px; }

.recruit-content6 .senior-box .senior-txt h4 { padding: 20px 0 10px; font-weight: bold; }

.recruit-content6 .senior-box .max--width div { margin-bottom: 16px; }

.recruit-content6 h3 { font-size: 24px; font-weight: bold; color: #00aeff; padding: 36px 0 0; }

.recruit-content6 h3 + div { line-height: 1.4; }

.recruit-content6 h3 + div.interview-flex { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.recruit-content6 h3 + div.interview-flex p { width: calc(100% - 220px); }

.recruit-content6 h3 + div.interview-flex div { width: 200px; }

.recruit-content6 h3 + div.interview-flex div img { width: 100%; }

.recruit-content6 h3 + div span { font-weight: bold; }

@media screen and (max-width: 869px) { .recruit-headimg { height: auto; font-size: 20px; }
  .recruit-headimg h2 { font-size: 30px !important; letter-spacing: 2px; }
  .recruit-headimg span { font-size: 34px !important; }
  .recruit-content1 .max--width { margin: 0 auto; }
  .recruit-content1 > div:nth-child(1) { font-size: 14px; display: block; }
  .recruit-content1 > div:nth-child(1) div, .recruit-content1 > div:nth-child(1) p { width: 100%; }
  .recruit-content1 > div:nth-child(1) div:nth-child(1) { padding-top: 60%; overflow: hidden; margin-bottom: 20px; position: relative; }
  .recruit-content1 > div:nth-child(1) div:nth-child(1) img { position: absolute; top: 0; left: 0; width: 100%; }
  .recruit-content2 .max--width { margin: 0 auto; }
  .recruit-content2 h3 { padding-bottom: 20px; }
  .recruit-content2 ul { font-size: 14px; display: block; }
  .recruit-content2 ul li { width: 100%; font-weight: bold; }
  .recruit-content3 .max--width { margin: 0 auto; }
  .recruit-content3 h3 { padding-bottom: 20px; }
  .recruit-content3 h3 span { border-bottom: 2px solid #ffe400; }
  .recruit-content3 h3 span span { font-size: 30px; }
  .recruit-content3 .recruit-content3-inner ul { display: block; }
  .recruit-content3 .recruit-content3-inner ul li { width: 100%; min-height: auto; }
  .recruit-content3 .recruit-content3-inner ul li div { padding: 5px 8px 30px; }
  .recruit-content3 .recruit-content3-inner ul li div h4 { padding: 0px 0 20px; font-size: 18px; line-height: 1.3; }
  .recruit-content3 .recruit-content3-inner ul li div h4:before { height: 40px; font-size: 30px; }
  .recruit-content4 { background: #e8f8ff; }
  .recruit-content4 .max--width { margin: 0 auto; }
  .recruit-content4 h2 { padding-bottom: 20px; }
  .recruit-content4 h2 span { font-size: 30px; }
  .recruit-content5 .max--width { margin: 0 auto; }
  .recruit-content5 h2 { font-size: 26px; }
  .recruit-content5 .job-flow .yaijrushi { padding: 10px; }
  .recruit-content5 .job-flow .yaijrushi:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; border-color: #000333 transparent transparent transparent; margin: 0 auto; }
  .recruit-content5 .job-flow .job-flow-box { display: block; }
  .recruit-content5 .job-flow .job-flow-box h3 { width: 100%; }
  .recruit-content5 .job-flow .job-flow-box > div { width: 100%; display: block; }
  .recruit-content5 .job-flow .job-flow-box > div div { width: 100%; }
  .recruit-content5 .job-flow .job-flow-box > div li { padding-bottom: 5px; }
  .recruit-content5 .checkpoint { width: 100%; padding: 0; padding-top: 16px; }
  .recruit-content5 .checkpoint h3 { padding-bottom: 0; }
  .recruit-content5 .checkpoint ul { margin-bottom: 24px; }
  .recruit-content5 .checkpoint ul li { font-size: 16px; }
  .recruit-content5 .checkpoint ul li:before { content: ''; display: block; width: 18px; height: 18px; background: url(../images/recruit/recruit-check.png) center center no-repeat; background-size: 100% auto; margin-right: 8px; }
  .recruit-content5 .checkpoint ul div { width: calc(100% - 30px); }
  .recruit-content6 { background: #e8f8ff; }
  .recruit-content6 .max--width { margin: 0 auto; }
  .recruit-content6 .senior-box { background: #FFF; display: block; }
  .recruit-content6 .senior-box .senior-img { width: 100%; padding-top: 70%; overflow: hidden; margin-bottom: 16px; position: relative; }
  .recruit-content6 .senior-box .senior-img img { position: absolute; top: 0; left: 0; width: 100%; }
  .recruit-content6 .senior-box .senior-txt { width: 100%; padding: 10px; }
  .recruit-content6 .senior-box .senior-txt h4 { padding: 0; }
  .recruit-content6 h3 { font-weight: bold; color: #00aeff; padding: 30px 0 0; }
  .recruit-content6 h3 + div { line-height: 1.4; }
  .recruit-content6 h3 + div.interview-flex { display: block; }
  .recruit-content6 h3 + div.interview-flex p { width: 100%; margin-bottom: 16px; }
  .recruit-content6 h3 + div.interview-flex div { width: 100%; padding-top: 70%; overflow: hidden; margin-bottom: 16px; position: relative; }
  .recruit-content6 h3 + div.interview-flex div img { position: absolute; top: 0; left: 0; width: 100%; }
  .service-wrapper .entry-button a { width: 80%; } }

.form-wrapper .form-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -ms-flex-pack: justify; justify-content: space-between; }

.form-wrapper .form-container .form--name { padding-right: 16px; }

.form-wrapper .form-container .form--name, .form-wrapper .form-container .form--furigana, .form-wrapper .form-container .form--sex, .form-wrapper .form-container .form--age { width: 50%; }

.form-wrapper .form-container .form--email, .form-wrapper .form-container .form--email, .form-wrapper .form-container .form--tel, .form-wrapper .form-container .form--address, .form-wrapper .form-container .form--message { width: 100%; }

.form-wrapper .form-container p { font-size: 18px; font-weight: bold; margin-bottom: 12px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.form-wrapper .form-container p span.req { color: #fff; background: #00aeff; padding: 4px 6px; font-size: 10px; margin-left: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.form-wrapper .form-container p span.any { color: #fff; background: #bcbcbc; padding: 4px 6px; font-size: 10px; margin-left: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.form-wrapper .form-container input { background: #fff; border: 1px solid #e9e9e9; padding: 8px 12px; width: 100%; }

.form-wrapper .form-container textarea { resize: vertical; background: #fff; border: 1px solid #e9e9e9; width: 100%; height: 256px; padding: 8px 12px; }

.form-wrapper .form-container .form-box { margin-bottom: 24px; }

.form-wrapper .form-container .form-box .wpcf7-form-control-wrap { display: block; width: 100%; }

.form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio { display: -ms-flexbox; display: flex; }

.form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio input { width: 100%; }

.form-wrapper .form-container .form--submit { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: center !important; align-items: center !important; width: 50%; margin: auto; background: #333; border: none !important; }

.form-wrapper .form-container .form--submit .ajax-loader { display: none; }

.form-wrapper .form-container .form--submit input { cursor: pointer; padding: 20px !important; font-size: 20px; font-weight: bold; color: #fff; background: initial !important; border: none; border-radius: none; -webkit-appearance: none; appearance: none; }

.form-wrapper .form-container .form--submit:hover { opacity: .8; }

.form-wrapper .wpcf7-response-output { border: none; }

.form-wrapper .form-container .form-box { margin-bottom: 24px; margin-right: 0; }

.form-wrapper .form-container .form--address input { width: 100%; }

.form-wrapper .form-container .form--inquiry { width: 100%; }

.form-wrapper .form-container .form--sex { width: 50%; }

.form-wrapper .form-container .form--sex .wpcf7-list-item, .form-wrapper .form-container .form--inquiry .wpcf7-list-item { width: auto; background: #FFF; display: block; padding: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0; }

.form-wrapper .form-container .form--sex .wpcf7-list-item:nth-child(2), .form-wrapper .form-container .form--sex .wpcf7-list-item:nth-child(3), .form-wrapper .form-container .form--sex .wpcf7-list-item:nth-child(4), .form-wrapper .form-container .form--inquiry .wpcf7-list-item:nth-child(2), .form-wrapper .form-container .form--inquiry .wpcf7-list-item:nth-child(3), .form-wrapper .form-container .form--inquiry .wpcf7-list-item:nth-child(4) { margin-left: 24px; }

.form-wrapper .form-container .form--sex .wpcf7-list-item label span, .form-wrapper .form-container .form--inquiry .wpcf7-list-item label span { padding: 14px 36px; display: block; color: #757575; table-layout: #FFFFFF; }

.form-wrapper .form-container .form--sex input, .form-wrapper .form-container .form--inquiry input { display: none; }

.entry-sex input:checked + span, .entry-purpose input:checked + span { background: #00aeff; color: #fff !important; }

.entry-sex > span span:nth-child(2) input:checked + span { background: #FF66FF; }

@media screen and (max-width: 869px) { .form-wrapper .form-container .form--name, .form-wrapper .form-container .form--furigana, .form-wrapper .form-container .form--sex, .form-wrapper .form-container .form--age { width: 100%; }
  .form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio { display: block; }
  .form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item { text-align: center; }
  .form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item + .wpcf7-list-item { margin-top: 10px; }
  .form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:nth-child(2), .form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:nth-child(3), .form-wrapper .form-container .form-box .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:nth-child(4) { margin-left: 0; }
  .form-wrapper .form-container .form-box input { width: 100%; } }

.erl-wrapper .erl-headimg { width: 100%; height: 260px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: url(../images/erl/erl-bg.jpg); background-size: cover; font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 1.4; }

.erl-wrapper .erl-headimg h2 { text-align: center; font-size: 40px; margin-bottom: 0; }

.erl-wrapper .erl-headimg h2 span { font-size: 40px; color: #ffe400; }

.erl-wrapper .erl-content1 { margin-bottom: 40px; }

.erl-wrapper .erl-content1 .erl-content1-txt { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.erl-wrapper .erl-content1 .erl-content1-txt p { font-weight: bold; width: 75%; padding-right: 24px; }

.erl-wrapper .erl-content1 .erl-content1-txt .erl-content1-img { width: 25%; }

.erl-wrapper .erl-content1 .erl-content1-txt .erl-content1-img img { width: 100%; }

.erl-wrapper .company-button-wrap .partner-inquiry { margin-bottom: 36px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.erl-wrapper .company-button-wrap .partner-inquiry a { display: block; padding: 22px 64px; text-align: center; background: #000; color: #fff; font-weight: bold; font-size: 22px; }

.erl-wrapper .company-button-wrap .recruit-button { margin-bottom: 0; }

.erl-wrapper .company-button-wrap .recruit-button a { width: 36%; padding: 14px; font-size: 16px; }

.erl-wrapper .company-button-wrap .recruit-button a:before { width: 23px; height: 24px; }

.erl-wrapper table tr th { min-width: 140px !important; }

@media screen and (max-width: 869px) { .erl-wrapper { font-size: 32px; }
  .erl-wrapper span { font-size: 32px; }
  .erl-wrapper .erl-headimg { height: 240px; }
  .erl-wrapper .erl-headimg h2 { font-size: 32px; margin-bottom: 0; }
  .erl-wrapper .erl-headimg h2 span { font-size: 36px; }
  .erl-wrapper .erl-content .erl-content1 .erl-content1-txt { display: block; }
  .erl-wrapper .erl-content .erl-content1 .erl-content1-txt p { width: 100%; padding-right: 0; margin-bottom: 24px; }
  .erl-wrapper .erl-content .erl-content1 .erl-content1-txt .erl-content1-img { width: 100%; }
  .company-button-wrap .recruit-button { width: 100%; }
  .company-button-wrap .recruit-button a { padding: 14px; font-size: 18px; width: 80% !important; }
  .partner-inquiry a { font-size: 18px !important; width: 100%; } }

.partner-headimg { width: 100%; height: 220px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: url(../images/partner/partner-top-bg.jpg); background-size: cover; font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 1.4; text-align: center; letter-spacing: -1px; }

.partner-headimg span { font-size: 48px; color: #FFFF23; }

.partner-content1 { padding-top: 0; }

.partner-content1 .max--width > p { margin-bottom: 36px; }

.partner-content1 p { font-weight: bold; }

.partner-content1 h3 { font-weight: bold; color: #00aeff; }

.partner-content1 table { width: 100%; }

.partner-content1 table + h3 { padding-top: 30px; }

.partner-content1 h4 { font-weight: bold; }

.partner-content2 { background: #e8f8ff; }

.partner-content2 p { font-weight: bold; }

.partner-content2 h3 { font-weight: bold; color: #00aeff; }

.partner-content2 .apply-flow li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0; border-bottom: 2px dotted #afcfe2; }

.partner-content2 .apply-flow li:before { content: '1'; display: block; width: 60px; font-size: 60px; color: #bfdef0; }

.partner-content2 .apply-flow li:nth-child(1):before { content: '1'; }

.partner-content2 .apply-flow li:nth-child(2):before { content: '2'; }

.partner-content2 .apply-flow li:nth-child(3):before { content: '3'; }

.partner-content2 .apply-flow li:nth-child(4):before { content: '4'; }

.partner-content2 .apply-flow li:nth-child(5):before { content: '5'; }

.partner-content2 .apply-flow li h4 { width: 170px; font-weight: bold; color: #006699; margin: 0 16px 0 0; }

.partner-content2 .apply-flow li div { width: calc(100% - 246px); line-height: 1.4; font-size: 15px; font-weight: bold; }

.partner-content2 .btn_wrapper { padding-top: 60px; }

.partner-introduction { line-height: 1.5; margin-bottom: 28px; }

.partner-introduction .width-50 { padding: 8px; }

.partner-introduction .width-50 .bottom-h4 { min-height: 104px; width: 100%; position: relative; text-align: center; }

.partner-introduction .width-50 .bottom-h4:after { position: absolute; content: ''; display: block; width: 70%; height: 20px; background: url(../images/partner/partner-border.png) center center no-repeat; background-size: 100% auto; margin: 0 auto; right: 0; left: 0; bottom: 0; }

.partner-introduction .width-50 .bottom-h4 .font-middle { padding-right: 8px; }

.partner-merit .merit-list .merit-title { display: -ms-flexbox; display: flex; vertical-align: middle; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; font-size: 20px; color: #00AEFF; font-weight: bold; }

.partner-merit .merit-list .merit-title:before { content: '1'; color: #00AEFF; font-size: 30px; display: block; width: 60px; height: 60px; border-radius: 50%; background: #C6EDFF; margin: 0 16px 4px 0; padding-top: 16px; text-align: center; }

.partner-merit .merit-list:nth-child(3) .merit-title:before { content: '2'; }

.partner-merit .merit-list:nth-child(4) .merit-title:before { content: '3'; }

.partner-merit .merit-list .merit-text { margin-left: 76px; margin-bottom: 24px; display: -ms-flexbox; display: flex; }

.partner-merit .merit-list .merit-text:before { content: ''; color: #00AEFF; display: inline-block; width: 14px; height: 16px; background: url(../images/partner/partner-triangle.png) center center no-repeat; background-size: 100% auto; margin-right: 8px; margin-top: 2px; }

.partner-merit .merit-list .merit-text p { width: 100%; display: inline-block; padding-left: 0; }

.partner-career-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; vertical-align: middle; margin-top: 84px; margin-bottom: 48px; }

.partner-career-wrap .career-box { position: relative; width: 268px; background: #fff; border-radius: 25px; padding: 60px 12px 28px; }

.partner-career-wrap .career-box:before { content: ''; display: inline-block; position: absolute; top: -48px; left: -48px; width: 96px; height: 96px; background: url(../images/partner/partner-month1.png) center center no-repeat; background-size: 100% auto; }

.partner-career-wrap .career-box .career-title h4 { font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 8px; }

.partner-career-wrap .career-box .career-text p { font-size: 14px; font-weight: initial; line-height: 1.5; margin-bottom: 0; }

.partner-career-wrap .partner-career2:before { background: url(../images/partner/partner-month2.png) center center no-repeat; background-size: 100% auto; }

.partner-career-wrap .partner-career3:before { background: url(../images/partner/partner-month3.png) center center no-repeat; background-size: 100% auto; }

.partner-contact-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; vertical-align: middle; -ms-flex-pack: center; justify-content: center; }

.partner-contact-btn a { width: 100%; max-width: 400px; height: 60px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: #000; color: #fff; font-size: 16px; font-weight: bold; }

.career-alert p { font-size: 14px; color: #10569C; text-align: center; margin-bottom: 0; }

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

.partner-consider h4 { font-size: 20px; margin-bottom: 20px; color: #10569C; }

.partner-consider .consider-text { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.partner-consider .consider-text:before { content: ''; color: #00AEFF; display: inline-block; width: 14px; height: 16px; background: url(../images/partner/partner-triangle.png) center center no-repeat; background-size: 100% auto; margin-right: 8px; margin-top: 2px; }

.partner-consider .consider-text p { display: inline-block; padding-left: 0; font-size: 16px; color: #10569C; }

.leader-button { margin: 12px auto 64px; }

.leader-button .leader-button-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.leader-button .leader-button-wrap a { max-width: 400px; width: 100%; height: 60px; background: #0272C7; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: bold; }

.partner-voice h4 { font-size: 20px; line-height: 1.5; color: #10569C; margin-bottom: 28px; }

.partner-voice p { font-weight: initial; font-size: 16px; margin-bottom: 30px; }

.partner-voice .partner-interview1 { margin-left: 20px; }

.partner-voice .partner-interview1 img { width: 280px; }

.partner-voice .partner-interview2 { margin-right: 20px; }

.partner-voice .partner-interview2 img { width: 288px; }

.partner-voice .partner-interview3 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 36px; }

.partner-voice .partner-interview3 img { width: 320px; }

.button-margin { margin: 40px 0 52px; }

.button-space { margin-bottom: 36px; }

@media screen and (max-width: 869px) { .partner-headimg { height: auto; font-size: 20px; }
  .partner-headimg span { font-size: 30px; }
  .partner-voice .partner-interview1 { margin-left: 0; }
  .partner-voice .partner-interview1 img { width: 100%; }
  .partner-voice .partner-interview2 { margin-right: 0; margin-bottom: 24px; }
  .partner-voice .partner-interview2 img { width: 100%; }
  .partner-voice .dis-flex { display: block !important; }
  .partner-content1 { padding-top: 20px; }
  .partner-content1 p { padding-bottom: 0; }
  .partner-content1 table + h3 { padding-top: 0; }
  .partner-content1 table tr th, .partner-content1 table tr td { display: block; }
  .partner-content2 { background: #e8f8ff; padding: 20px 0 0; }
  .partner-content2 .apply-flow li:before { width: 30px; font-size: 30px; }
  .partner-content2 .apply-flow li h4 { width: calc(100% - 32px); font-weight: bold; color: #006699; margin: 0; }
  .partner-content2 .apply-flow li div { padding-top: 10px; width: 100%; line-height: 1.4; }
  .partner-content2 .btn_wrapper { padding-top: 40px; }
  .partner-introduction { display: block !important; }
  .partner-introduction .width-50 { width: 100%; padding: 0; }
  .partner-introduction .width-50 p { margin-bottom: 24px; }
  .partner-introduction .bottom-h4 { line-height: 1.2; min-height: auto !important; margin-bottom: 30px !important; }
  .partner-introduction .bottom-h4:after { bottom: -22px !important; }
  .partner-consider { text-align: left; }
  .partner-merit .merit-list .merit-title div { width: calc(100% - 80px); line-height: 1.2; }
  .partner-career-wrap { display: block; }
  .partner-career-wrap .career-box { margin: 0 auto 36px; }
  .partner-career-wrap .tri-arrow { -ms-flex-pack: center !important; justify-content: center !important; margin-bottom: 32px; }
  .partner-career-wrap .tri-arrow:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 20px 30px 0 30px !important; border-color: #e29e00 transparent transparent transparent; } }

.leaders-wrapper .title-wrap h2 { line-height: 1; }

.leaders-wrapper .title-wrap .leader-sub { font-size: 18px; }

.leaders-headimg { width: 100%; height: 220px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: url(../images/leaders/leaders-top-bg.jpg); background-size: cover; background-position: center; font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 1.4; text-align: center; letter-spacing: -1px; }

.leaders-headimg h2 { font-size: 28px; margin-bottom: 0; line-height: 1.5; }

.leaders-headimg span { font-size: 100%; color: #FFFF23; }

.leaders-intro { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 48px; }

.leaders-intro p { max-width: 540px; }

.leaders-intro img { width: 360px; }

.leaders-system h3 { text-align: center; }

.leaders-system .leaders-system-list { font-size: 16px; font-weight: bold; color: #0272C7; }

.leaders-system .leaders-system-list li { display: -ms-flexbox; display: flex; vertical-align: middle; margin-bottom: 12px; }

.leaders-system .leaders-system-list li:before { content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/leaders/leaders-square.png) center center no-repeat; background-size: 100% auto; margin-right: 8px; margin-top: 2px; }

.leaders-system .leaders-system-img { margin-bottom: 28px; }

.leaders-system .leaders-system-img img { width: 100%; }

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

.leaders-self .leaders-self-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; vertical-align: middle; margin-top: 28px; margin-bottom: 36px; }

.leaders-self .leaders-self-wrap .self-box { position: relative; width: 290px; background: #fff; border-radius: 25px; padding: 20px 12px 24px; }

.leaders-self .leaders-self-wrap .self-box h4 { font-size: 20px; font-weight: bold; position: relative; margin-bottom: 36px; }

.leaders-self .leaders-self-wrap .self-box h4:after { position: absolute; content: ''; display: block; width: 36%; height: 10px; background: url(../images/leaders/leaders-border.png) center center no-repeat; background-size: 100% auto; margin: 0 auto; right: 0; left: 0; bottom: -12px; }

.leaders-self .leaders-self-wrap .self-box .leaders-self-title { margin-bottom: 18px; }

.leaders-self .leaders-self-wrap .self-box .leaders-income { color: #0272C7; display: block; margin-bottom: 14px; font-size: 14px; font-weight: bold; }

.leaders-self .leaders-self-wrap .self-box .leaders-self-text { font-size: 14px; }

.leader-apply-button { text-align: center; }

.leader-apply-button .leader-apply-button-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.leader-apply-button .leader-apply-button-wrap a { max-width: 400px; width: 100%; height: 60px; background: #0272C7; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: bold; }

.leaders-voice-wrap { margin-bottom: 32px; }

.leaders-voice-wrap .leaders-voice h3 { text-align: center; }

.leaders-voice-wrap .leaders-name { display: block; font-size: 22px; font-weight: bold; color: #0272C7; border-bottom: 3px solid #00AEFF; padding-bottom: 6px; margin-bottom: 24px; }

.leaders-voice-wrap h4 { color: #00AEFF; }

.leaders-voice-wrap .leaders-image1 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 16px 0 36px; }

.leaders-voice-wrap .leaders-image1 img { width: 400px; }

.leaders-voice-wrap .leaders-image2 { margin-left: 28px; }

.leaders-voice-wrap .leaders-image2 img { width: 240px; }

.leaders-voice-wrap .leaders-image3 { margin-right: 28px; }

.leaders-voice-wrap .leaders-image3 img { width: 280px; }

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

.leaders-apply h3 { text-align: center; margin-bottom: 32px; }

.leaders-apply table td { text-align: left; }

.leaders-content1 { padding-top: 0; }

.leaders-content1 .max--width > p { margin-bottom: 36px; }

.leaders-content1 p { font-weight: bold; }

.leaders-content1 h3 { font-weight: bold; color: #00aeff; }

.leaders-content1 table { width: 100%; }

.leaders-content1 table + h3 { padding-top: 30px; }

.leaders-content1 h4 { font-weight: bold; }

.leaders-content2 { background: #e8f8ff; }

.leaders-content2 p { font-weight: bold; }

.leaders-content2 h3 { font-weight: bold; color: #00aeff; }

.leaders-content2 .apply-flow { margin-bottom: 28px; }

.leaders-content2 .apply-flow li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0; border-bottom: 2px dotted #afcfe2; }

.leaders-content2 .apply-flow li:before { content: '1'; display: block; width: 60px; font-size: 60px; color: #bfdef0; }

.leaders-content2 .apply-flow li:nth-child(1):before { content: '1'; }

.leaders-content2 .apply-flow li:nth-child(2):before { content: '2'; }

.leaders-content2 .apply-flow li:nth-child(3):before { content: '3'; }

.leaders-content2 .apply-flow li:nth-child(4):before { content: '4'; }

.leaders-content2 .apply-flow li:nth-child(5):before { content: '5'; }

.leaders-content2 .apply-flow li:nth-child(6):before { content: '6'; }

.leaders-content2 .apply-flow li:nth-child(7):before { content: '7'; }

.leaders-content2 .apply-flow li h4 { width: 170px; font-weight: bold; color: #006699; margin: 0 16px 0 0; }

.leaders-content2 .apply-flow li div { width: calc(100% - 246px); line-height: 1.4; font-size: 15px; font-weight: bold; }

.leaders-content2 .btn_wrapper { padding-top: 60px; }

.leaders-introduction { line-height: 1.5; margin-bottom: 28px; }

.leaders-introduction .width-50 { padding: 8px; }

.leaders-introduction .width-50 .bottom-h4 { min-height: 104px; width: 100%; position: relative; text-align: center; }

.leaders-introduction .width-50 .bottom-h4:after { position: absolute; content: ''; display: block; width: 70%; height: 20px; background: url(../images/leaders/leaders-border.jpg) center center no-repeat; background-size: 100% auto; margin: 0 auto; right: 0; left: 0; bottom: 0; }

.leaders-introduction .width-50 .bottom-h4 .font-middle { padding-right: 8px; }

.leaders-content3 { background: #33678C; }

.leaders-content3 h3 { color: #fff; text-align: center; }

.leaders-content3 h3 span { border-bottom: 3px solid #FFDE2F; padding: 0 8px 2px; }

.leaders-content3 p { color: #fff; text-align: center; margin-bottom: 0; }

.leaders-content3 .leaders-graph-img img { width: 100%; }

.leaders-recommend h3 { text-align: center; }

.leaders-recommend .recommend-list .recommend-title { display: -ms-flexbox; display: flex; vertical-align: middle; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; font-size: 20px; color: #00AEFF; font-weight: bold; }

.leaders-recommend .recommend-list .recommend-title:before { content: '1'; color: #00AEFF; font-size: 30px; display: block; width: 60px; height: 60px; border-radius: 50%; background: #C6EDFF; margin: 0 16px 4px 0; padding-top: 16px; text-align: center; }

.leaders-recommend .recommend-list:nth-child(3) .recommend-title:before { content: '2'; }

.leaders-recommend .recommend-list:nth-child(4) .recommend-title:before { content: '3'; }

.leaders-recommend .recommend-list .recommend-text { margin-left: 76px; margin-bottom: 24px; display: -ms-flexbox; display: flex; }

.leaders-recommend .recommend-list .recommend-text:before { content: ''; color: #00AEFF; display: inline-block; width: 14px; height: 16px; background: url(../images/leaders/leaders-triangle.png) center center no-repeat; background-size: 100% auto; margin-right: 8px; margin-top: 2px; }

.leaders-recommend .recommend-list .recommend-text p { width: 100%; display: inline-block; padding-left: 0; margin-bottom: 0; }

.leaders-career-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; vertical-align: middle; margin-top: 84px; margin-bottom: 48px; }

.leaders-career-wrap .career-box { position: relative; width: 268px; background: #fff; border-radius: 25px; padding: 60px 12px 28px; }

.leaders-career-wrap .career-box:before { content: ''; display: inline-block; position: absolute; top: -48px; left: -48px; width: 96px; height: 96px; background: url(../images/leaders/leaders-month1.png) center center no-repeat; background-size: 100% auto; }

.leaders-career-wrap .career-box .career-title h4 { font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 8px; }

.leaders-career-wrap .career-box .career-text p { font-size: 14px; font-weight: initial; line-height: 1.5; margin-bottom: 0; }

.leaders-career-wrap .leaders-career2:before { background: url(../images/leaders/leaders-month2.png) center center no-repeat; background-size: 100% auto; }

.leaders-career-wrap .leaders-career3:before { background: url(../images/leaders/leaders-month3.png) center center no-repeat; background-size: 100% auto; }

.leaders-contact-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; vertical-align: middle; -ms-flex-pack: center; justify-content: center; }

.leaders-contact-btn a { width: 100%; max-width: 400px; height: 60px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: #000; color: #fff; font-size: 16px; font-weight: bold; }

.career-alert p { font-size: 14px; color: #10569C; text-align: center; margin-bottom: 0; }

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

.leaders-consider h4 { font-size: 20px; margin-bottom: 20px; color: #10569C; }

.leaders-consider .consider-text { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.leaders-consider .consider-text:before { content: ''; color: #00AEFF; display: inline-block; width: 14px; height: 16px; background: url(../images/leaders/leaders-triangle.png) center center no-repeat; background-size: 100% auto; margin-right: 8px; margin-top: 2px; }

.leaders-consider .consider-text p { display: inline-block; padding-left: 0; font-size: 16px; color: #10569C; }

.leader-button { margin: 12px auto 64px; }

.leader-button .leader-button-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.leader-button .leader-button-wrap a { max-width: 400px; width: 100%; height: 60px; background: #0272C7; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: bold; }

.leaders-voice h4 { font-size: 20px; line-height: 1.5; color: #10569C; margin-bottom: 28px; }

.leaders-voice p { font-weight: initial; font-size: 16px; margin-bottom: 30px; }

.button-margin { margin: 40px 0 52px; }

.button-space { margin-bottom: 36px; }

@media screen and (max-width: 869px) { .leaders-headimg { height: auto; }
  .leaders-headimg h2 { font-size: 22px !important; }
  .leaders-headimg span { font-size: 30px; }
  .leaders-wrapper h4 { line-height: 1.3; }
  .leaders-wrapper p { line-height: 1.3; }
  .leaders-intro { display: block; margin: 0 auto; }
  .leaders-intro img { width: 100%; margin-bottom: 24px; }
  .leaders-self-wrap { display: block !important; }
  .leaders-self-wrap .self-box { margin: 24px auto; }
  .leaders-system { font-size: 22px; }
  .leaders-system-list li div { width: 100%; }
  .leaders-voice-wrap .dis-flex { display: block; }
  .leaders-voice-wrap .leaders-image1 img { max-width: 100% !important; }
  .leaders-voice-wrap .leaders-image2 img, .leaders-voice-wrap .leaders-image3 img { width: 75% !important; height: auto !important; }
  .leaders-voice-wrap .leaders-image2 { margin-bottom: 28px; margin-left: 0 !important; display: block !important; text-align: center; }
  .leaders-voice-wrap .leaders-image3 { margin-bottom: 28px; margin-right: 0 !important; display: block !important; text-align: center; }
  .apply-flow { margin-bottom: 28px !important; }
  .recommend-list .recommend-title { padding-top: 14px !important; font-size: 18px; line-height: 1.2; }
  .recommend-list .recommend-title div { width: calc(100% - 80px); }
  .leaders-content1 { padding-top: 20px; }
  .leaders-content1 p { padding-bottom: 0; }
  .leaders-content1 table + h3 { padding-top: 0; }
  .leaders-content1 table tr th, .leaders-content1 table tr td { display: block; }
  .leaders-content2 { background: #e8f8ff; padding: 20px 0 0; }
  .leaders-content2 .apply-flow li:before { width: 30px; font-size: 30px; }
  .leaders-content2 .apply-flow li h4 { width: calc(100% - 32px); font-weight: bold; color: #006699; margin: 0; }
  .leaders-content2 .apply-flow li div { padding-top: 10px; width: 100%; line-height: 1.4; }
  .leaders-content2 .btn_wrapper { padding-top: 40px; }
  .leaders-introduction { display: block !important; }
  .leaders-introduction .width-50 { width: 100%; padding: 0; }
  .leaders-introduction .width-50 p { margin-bottom: 24px; }
  .leaders-introduction .bottom-h4 { line-height: 1.2; min-height: auto !important; margin-bottom: 30px !important; }
  .leaders-introduction .bottom-h4:after { bottom: -22px !important; }
  .leaders-merit .merit-list .merit-title div { width: calc(100% - 80px); line-height: 1.2; }
  .leaders-career-wrap { display: block; }
  .leaders-career-wrap .career-box { margin: 0 auto 36px; }
  .leaders-career-wrap .tri-arrow { -ms-flex-pack: center !important; justify-content: center !important; margin-bottom: 32px; }
  .leaders-career-wrap .tri-arrow:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 20px 30px 0 30px !important; border-color: #e29e00 transparent transparent transparent; } }

section.privacy-wrapper h2 { font-size: 20px; font-weight: bold; margin-bottom: 16px; }

section.privacy-wrapper h3 { font-size: 16px; font-weight: bold; margin-bottom: 12px; }

section.privacy-wrapper h4 { font-weight: bold; font-size: 16px; margin-bottom: 12px; }

section.privacy-wrapper ul { margin-bottom: 12px; }

section.privacy-wrapper ul li { margin-bottom: 4px; }

section.privacy-wrapper p { line-height: 1.5; }

.contact--link { color: #1e9cbb; text-decoration: underline; }

.sitemap-wrapper .sitemap-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sitemap-wrapper .sitemap-content .sitemap-box { width: 50%; margin-bottom: 36px; }

.sitemap-wrapper .sitemap-content h3 { font-size: 20px; color: #333; padding-bottom: 0; padding: 2px; margin-bottom: 8px; }

.sitemap-wrapper .sitemap-content h3 a { color: #333; }

.sitemap-wrapper .sitemap-content ul { margin-left: 2px; }

.sitemap-wrapper .sitemap-content ul li { margin-bottom: 8px; }

.sitemap-wrapper .sitemap-content ul li a { color: #1e9cbb; font-size: 16px; font-weight: bold; border-bottom: 1px solid; }

.sitemap-wrapper .sitemap-content ul li a:hover { opacity: .8; }

/*** 送信完了ページ(thanks) ***/
.completely-wrap { text-align: center; padding: 64px 16px; }

.completely-wrap .send-message { font-weight: bold; font-size: 18px; line-height: 1.5; margin-bottom: 64px; }

.completely-wrap .return-top-button { margin-bottom: 24px; }

.completely-wrap .return-top-button a { display: block; margin: 0 auto; padding: 18px; background: #333; color: #fff; width: 90%; max-width: 300px; }

@media screen and (max-width: 869px) { .sitemap-wrapper .sitemap-content .sitemap-box { width: 100%; } }

footer { color: #ccc; background: #000; padding: 16px; }

footer .footer-link { margin-bottom: 48px; font-size: 16px; }

footer .footer-link ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

footer .footer-link ul a { color: #fff; }

footer .copyright { text-align: center; }

@media screen and (max-width: 869px) { footer { padding: 0 0 16px; }
  footer .footer-link ul { display: block; }
  footer .footer-link ul a { padding: 0 20px; height: 50px; position: relative; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #000; background: #333; }
  footer .footer-link ul a:after { content: ''; display: block; width: 7px; height: 10px; background: url(../images/footer/nav-arrow.png); background-size: 100% 100%; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  footer .footer-link ul span { display: none; } }
/*# sourceMappingURL=maps/style.css.map */