@charset "UTF-8";
/*! ===================================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※
  このCSSファイルはSassから生成されていますので、
  編集しないようご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※
=================================================== */
/* ===================================================

	reset/normalize

 =================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select, .select2 .selection .select2-selection {
  vertical-align: middle; }

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0; }

/* ===================================================

	util

 =================================================== */
/*
 --------------------------------------------------- */
/* clearfix */
.clearfix {
  min-height: 1px; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/* spacing */
.pt0 {
  padding-top: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pl0 {
  padding-left: 0px !important; }

.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pr5 {
  padding-right: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pl5 {
  padding-left: 5px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

/* center */
.center {
  text-align: center !important;
  margin: 0 auto; }

/* text-align */
.taLeft {
  text-align: left !important; }

.taRight {
  text-align: right !important; }

/* disnon */
.disnon {
  display: none !important; }

/* disblo */
.disblo {
  display: block !important; }

/* ===================================================

	style

 =================================================== */
/* base
 --------------------------------------------------- */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-touch-callout: none;
  word-wrap: break-word; }

body {
  background: #FFF;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #333;
  margin: 0;
  padding: 0;
  letter-spacing: 0.1em;
  position: relative; }

#wrap {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 auto;
  padding: 0;
  text-align: left; }

.fInner {
  max-width: 1080px;
  padding: 0 20px;
  margin: 0 auto; }

a {
  color: #adadad;
  text-decoration: none; }
  a:hover {
    color: #848484;
    text-decoration: none; }

button {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

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

a img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

a:hover img {
  opacity: 0.75; }

/* parts - Common
 --------------------------------------------------- */
/* html */
html {
  letter-spacing: 0.1em;
  overflow-y: scroll;
  overflow-x: hidden; }
  @media screen and (max-width: 1024px) {
    html {
      font-size: 50%; } }

body {
  min-width: 1200px; }

@media screen and (max-width: 1024px) {
  body {
    min-width: inherit; } }

a, i {
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  -moz-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  -ms-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  -o-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease; }

ul.dot li {
  position: relative;
  padding-left: 1.1em; }
  ul.dot li:before {
    content: "";
    position: absolute;
    display: block;
    background: #ccc;
    text-align: center;
    width: 4px;
    height: 4px;
    left: 0.5em;
    top: 0.5em;
    margin-left: -2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

/* p */
@media screen and (max-width: 1024px) {
  p {
    font-size: 17px;
    font-size: 1.7rem; } }

/* table */
table {
  width: 100%;
  margin: 0 auto 10px;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0 1px;
  color: #b92c00; }
  table tbody {
    vertical-align: top; }
  table th, table td {
    padding: 10px;
    vertical-align: top; }
  table th {
    text-align: center; }
  table tr {
    background: #fff1ec; }
    table tr.honeypot {
      display: none; }
  table th {
    background-color: #b92c00;
    color: #fff;
    font-weight: normal; }
  table thead th {
    background-color: #d8d8d8;
    font-weight: bold; }
  table thead + tbody th {
    font-weight: normal; }
  table.noBG {
    border-collapse: collapse;
    border-spacing: 0;
    background: none; }
    table.noBG tr, table.noBG th, table.noBG td {
      background: none !important; }
  table.tStyle_01 {
    border-collapse: collapse;
    border-spacing: 0; }
    table.tStyle_01 tr {
      background: #f5f5f5; }
    table.tStyle_01 th, table.tStyle_01 td {
      color: #333;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 20px;
      padding: 2.0rem;
      border-bottom: dashed 1px #f0ccc1; }
    table.tStyle_01 th {
      background: #f9e9e4;
      font-weight: bold;
      text-align: left; }
    table.tStyle_01 tr:last-child th, table.tStyle_01 tr:last-child td {
      border: none; }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate table {
  color: #00a395; }
  body.pageType_newGraduate table tr {
    background: #e2f3f1; }
  body.pageType_newGraduate table th {
    background-color: #00a395; }
  body.pageType_newGraduate table.tStyle_01 th, body.pageType_newGraduate table.tStyle_01 td {
    border-bottom-color: #b3d4d1; }

/* pageType_corporate */
body.pageType_corporate table {
  color: #00a395; }
  body.pageType_corporate table tr {
    background: #e2f3f1; }
  body.pageType_corporate table th {
    background-color: #00a395; }
  body.pageType_corporate table.tStyle_01 th, body.pageType_corporate table.tStyle_01 td {
    border-bottom-color: #b3d4d1; }

/* text style */
.bold {
  font-weight: bold; }

.underline {
  text-decoration: underline; }

.denial {
  text-decoration: line-through; }

/* colors */
.c_red {
  color: #e00e12; }

.c_blue {
  color: #0e7fe0; }

.c_green {
  color: #1a9a11; }

.c_yellow {
  color: #fff000; }

.f_red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, rgba(224, 14, 18, 0.2)));
  background: -webkit-linear-gradient(transparent 30%, rgba(224, 14, 18, 0.2) 30%);
  background: -o-linear-gradient(transparent 30%, rgba(224, 14, 18, 0.2) 30%);
  background: linear-gradient(transparent 30%, rgba(224, 14, 18, 0.2) 30%); }

.f_blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, rgba(14, 127, 224, 0.2)));
  background: -webkit-linear-gradient(transparent 30%, rgba(14, 127, 224, 0.2) 30%);
  background: -o-linear-gradient(transparent 30%, rgba(14, 127, 224, 0.2) 30%);
  background: linear-gradient(transparent 30%, rgba(14, 127, 224, 0.2) 30%); }

.f_green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, rgba(26, 154, 17, 0.2)));
  background: -webkit-linear-gradient(transparent 30%, rgba(26, 154, 17, 0.2) 30%);
  background: -o-linear-gradient(transparent 30%, rgba(26, 154, 17, 0.2) 30%);
  background: linear-gradient(transparent 30%, rgba(26, 154, 17, 0.2) 30%); }

.f_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, rgba(255, 240, 0, 0.2)));
  background: -webkit-linear-gradient(transparent 30%, rgba(255, 240, 0, 0.2) 30%);
  background: -o-linear-gradient(transparent 30%, rgba(255, 240, 0, 0.2) 30%);
  background: linear-gradient(transparent 30%, rgba(255, 240, 0, 0.2) 30%); }

/* center */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

/* small */
.small {
  font-size: 1.2rem; }

/* note */
.note {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 0 5px 10px;
  line-height: 1.48;
  line-height: 1.6;
  display: block;
  color: #999; }

/* colorLight */
.colorLight {
  opacity: 0.6; }

/* ycon */
i[class^="ycon"] {
  font-size: 1.2em;
  vertical-align: text-bottom; }

/* fInner */
@media screen and (max-width: 1024px) {
  .fInner.fInner_noPadding_sp {
    padding: 0; } }

/* only_ */
.only_PC {
  display: inherit; }

.only_SP {
  display: none; }

@media screen and (max-width: 1024px) {
  .only_PC {
    display: none; }
  .only_SP {
    display: inherit; } }

tr.only_PC {
  display: table-row; }

tr.only_SP {
  display: none; }

@media screen and (max-width: 1024px) {
  tr.only_PC {
    display: none; }
  tr.only_SP {
    display: table-row; } }

#popupPartsArea {
  display: none; }

.penMask {
  pointer-events: none; }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate {
  border: solid 20px #00a395;
  border-top-width: 0;
  border-bottom-width: 0; }
  @media screen and (max-width: 1024px) {
    body.pageType_newGraduate {
      border-left-width: 10px;
      border-right-width: 10px; } }

/* entryBtn_side */
.entryBtn_side {
  position: fixed;
  right: 0;
  top: 330px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  z-index: 200; }
  .entryBtn_side .entryBtn_wrap {
    margin-left: 100%;
    display: inline-block; }
  .entryBtn_side .btn {
    padding-left: 20px !important; }
  @media screen and (max-width: 1024px) {
    .entryBtn_side {
      display: none; } }

body.pageType_newGraduate .entryBtn_side {
  right: 20px; }
  body.pageType_newGraduate .entryBtn_side .entryBtn_wrap {
    position: relative;
    overflow: hidden;
    padding: 0 30px; }
    body.pageType_newGraduate .entryBtn_side .entryBtn_wrap:before, body.pageType_newGraduate .entryBtn_side .entryBtn_wrap:after {
      position: absolute;
      content: "";
      width: 100px;
      height: 100px;
      right: 0;
      top: 0;
      z-index: 1; }
    body.pageType_newGraduate .entryBtn_side .entryBtn_wrap:before {
      background: #ff04c1;
      right: 100%;
      top: 6px;
      -webkit-transform: rotate(40deg);
      -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      transform: rotate(40deg);
      -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      transform-origin: bottom right;
      margin-top: -51%;
      margin-top: -97px;
      margin-right: -32px; }
    body.pageType_newGraduate .entryBtn_side .entryBtn_wrap:after {
      background: #f6ff00;
      left: 100%;
      top: 6px;
      -webkit-transform: rotate(-60deg);
      -moz-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      -o-transform: rotate(-60deg);
      transform: rotate(-60deg);
      -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
      transform-origin: bottom left;
      margin-top: -50%;
      margin-top: -94px;
      margin-left: -20px; }
  body.pageType_newGraduate .entryBtn_side .btn {
    min-width: 138px; }
    body.pageType_newGraduate .entryBtn_side .btn.newGrad {
      background: #10c3ac; }
      body.pageType_newGraduate .entryBtn_side .btn.newGrad:hover {
        background: #028a7e; }
    body.pageType_newGraduate .entryBtn_side .btn:before {
      position: absolute;
      content: "";
      height: 100%;
      width: 30px;
      top: 0;
      left: 0;
      background-image: -webkit-radial-gradient(5px 22px, circle 4px, #f6ff00 0, #f6ff00 98.5%, rgba(0, 0, 0, 0) 100%), -webkit-radial-gradient(13px 36px, circle 4px, #10c3ac 0, #10c3ac 98.5%, rgba(0, 0, 0, 0) 100%);
      background-image: -o-radial-gradient(5px 22px, circle 4px, #f6ff00 0, #f6ff00 98.5%, rgba(0, 0, 0, 0) 100%), -o-radial-gradient(13px 36px, circle 4px, #10c3ac 0, #10c3ac 98.5%, rgba(0, 0, 0, 0) 100%);
      background-image: radial-gradient(circle 4px at 5px 22px, #f6ff00 0, #f6ff00 98.5%, rgba(0, 0, 0, 0) 100%), radial-gradient(circle 4px at 13px 36px, #10c3ac 0, #10c3ac 98.5%, rgba(0, 0, 0, 0) 100%); }

/* container */
#container {
  min-height: 1px;
  overflow: hidden;
  width: 100%;
  position: relative; }
  #container:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  #container > .fInner {
    min-height: 1px; }
    #container > .fInner:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
  #container section {
    padding-top: 60px;
    padding-bottom: 60px; }
  #container #main, #container #side {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  #container #main {
    position: relative; }
  #container #main:not(.full) {
    width: 60%;
    float: left; }
  #container #side {
    width: 38%;
    float: right; }
    #container #side section > .btnWrap .btn {
      margin-bottom: 10px; }
      #container #side section > .btnWrap .btn:last-child {
        margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    #container section {
      padding-top: 30px;
      padding-bottom: 30px; }
    #container #main:not(.full), #container #side {
      width: 100%;
      float: none; } }

@media screen and (min-width: 1024px) {
  body.newTOP #container {
    display: inline-block;
    margin-top: -113px; } }

/* parts - ICONs
 --------------------------------------------------- */
/* loader */
.loader, .loader:before, .loader:after {
  background: #b92c00;
  width: 1em;
  height: 4em;
  -webkit-animation: animation_loader 1s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: animation_loader 1s infinite ease-in-out;
  -moz-animation-fill-mode: both;
  -ms-animation: animation_loader 1s infinite ease-in-out;
  -ms-animation-fill-mode: both;
  -o-animation: animation_loader 1s infinite ease-in-out;
  -o-animation-fill-mode: both;
  animation: animation_loader 1s infinite ease-in-out;
  animation-fill-mode: both; }

@-webkit-keyframes animation_loader {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 4em; }
  40% {
    -webkit-box-shadow: 0 -2em;
    box-shadow: 0 -2em;
    height: 5em; } }

@-moz-keyframes animation_loader {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@keyframes animation_loader {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 4em; }
  40% {
    -webkit-box-shadow: 0 -2em;
    box-shadow: 0 -2em;
    height: 5em; } }

.loader {
  color: #b92c00;
  text-indent: -9999em;
  margin: 0 auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: block;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before, .loader:after {
  position: absolute;
  top: 0;
  content: ''; }

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 1.5em; }

.loaderDom {
  position: relative;
  width: 100%;
  top: 50%;
  height: 4em;
  margin-top: -2em; }

@media screen and (max-width: 1024px) {
  .loader {
    font-size: 9px;
    font-size: 0.9rem; } }

.btn.linkBtn.submit.loading .loaderDom,
.btn.linkBtn[type="submit"].loading .loaderDom {
  margin-top: -0.6em; }
  .btn.linkBtn.submit.loading .loaderDom .loader,
  .btn.linkBtn[type="submit"].loading .loaderDom .loader {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
    .btn.linkBtn.submit.loading .loaderDom .loader, .btn.linkBtn.submit.loading .loaderDom .loader:before, .btn.linkBtn.submit.loading .loaderDom .loader:after,
    .btn.linkBtn[type="submit"].loading .loaderDom .loader,
    .btn.linkBtn[type="submit"].loading .loaderDom .loader:before,
    .btn.linkBtn[type="submit"].loading .loaderDom .loader:after {
      background: rgba(255, 255, 255, 0.8) !important; }
    .btn.linkBtn.submit.loading .loaderDom .loader,
    .btn.linkBtn[type="submit"].loading .loaderDom .loader {
      color: rgba(255, 255, 255, 0.8) !important; }

.btn.linkBtn.submit.loading:after,
.btn.linkBtn[type="submit"].loading:after {
  display: none; }

.icon-arrow:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #888888;
  border-right: solid 2px #888888;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.icon-arrow.arrow_l:before {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-left: 5px; }

.icon-arrow.arrow_r:before {
  margin-right: 5px; }

/* parts - BTNs
 --------------------------------------------------- */
/* btn */
.btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-size: cover;
  -webkit-appearance: none;
  border: 0; }

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

.btn, .btn:before, .btn:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.btn.normal, .btn.round_fade {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 34px !important;
  color: #fff !important;
  border: none !important;
  background-color: #cecece;
  width: 100%; }
  .btn.normal i, .btn.round_fade i {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff !important; }
  .btn.normal:hover, .btn.round_fade:hover {
    color: #fff !important;
    border: none !important;
    background-color: #bcbcbc; }
    .btn.normal:hover i, .btn.round_fade:hover i {
      color: #fff !important; }
  .btn.normal i, .btn.round_fade i {
    margin-right: 0.2em;
    vertical-align: sub; }

.btn.circle {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  line-height: 34px !important;
  color: #fff !important;
  border: none !important;
  background-color: #cecece;
  width: 40px; }
  .btn.circle i {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff !important; }
  .btn.circle:hover {
    color: #fff !important;
    border: none !important;
    background-color: #bcbcbc; }
    .btn.circle:hover i {
      color: #fff !important; }
  .btn.circle i {
    margin-left: 0.1em;
    vertical-align: sub; }

.btn.border_white {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 24px !important;
  color: #fff !important;
  border: solid 1px #fff !important;
  background-color: rgba(255, 255, 255, 0);
  width: 100%; }
  .btn.border_white i {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff !important; }
  .btn.border_white:hover {
    color: #fff !important;
    border: solid 1px #fff !important;
    background-color: rgba(255, 255, 255, 0.2); }
    .btn.border_white:hover i {
      color: #fff !important; }
  .btn.border_white i {
    margin-right: 0.2em;
    vertical-align: sub; }

.btn.border_gray {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 32px !important;
  color: #999 !important;
  border: solid 1px #999 !important;
  background-color: rgba(0, 0, 0, 0);
  width: 100%; }
  .btn.border_gray i {
    font-size: 22px;
    font-size: 2.2rem;
    color: #999 !important; }
  .btn.border_gray:hover {
    color: #999 !important;
    border: solid 1px #999 !important;
    background-color: rgba(0, 0, 0, 0.05); }
    .btn.border_gray:hover i {
      color: #999 !important; }
  .btn.border_gray i {
    margin-right: 0.2em;
    vertical-align: sub; }

.btn.orange, .btn.login, .btn.post, .btn.submit, .btn[type="submit"] {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 34px !important;
  color: #fff !important;
  border: none !important;
  background-color: #ff6600; }
  .btn.orange i, .btn.login i, .btn.post i, .btn.submit i, .btn[type="submit"] i {
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff !important; }
  .btn.orange:hover, .btn.login:hover, .btn.post:hover, .btn.submit:hover, .btn[type="submit"]:hover {
    color: #fff !important;
    border: none !important;
    background-color: #E75C00; }
    .btn.orange:hover i, .btn.login:hover i, .btn.post:hover i, .btn.submit:hover i, .btn[type="submit"]:hover i {
      color: #fff !important; }
  .btn.orange i, .btn.login i, .btn.post i, .btn.submit i, .btn[type="submit"] i {
    margin-right: 0.2em;
    vertical-align: middle; }

.btn.submit, .btn[type="submit"] {
  cursor: pointer;
  padding: 10px; }

.btn.linkBtn {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.2em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 34px !important;
  color: #fff !important;
  border: none !important;
  background-color: #b92c00;
  width: 100%;
  padding: 5px 10px;
  padding-right: 12px;
  line-height: 1.7 !important; }
  .btn.linkBtn i {
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff !important; }
  .btn.linkBtn:hover {
    color: #fff !important;
    border: none !important;
    background-color: #e23600; }
    .btn.linkBtn:hover i {
      color: #fff !important; }
  .btn.linkBtn:after,
  .btnInner .btn:after {
    position: static;
    content: "";
    background:  url(../images/arrow_link.png)  center no-repeat;
    height: 20px;
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 20px;
    line-height: 20px;
    margin-top: -0.1em;
    font-size: 12px;
    font-size: 1.2rem; }
  .btn.linkBtn:after,
  .btnInner .btn:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn.linkBtn:hover:after,
  .btnInner .btn:hover:after {
    margin-left: 3px;
    margin-right: -3px; }
  .btn.linkBtn:after,
  .btnInner .btn:after {
    z-index: inherit; }
  .btn.linkBtn i {
    margin-left: 0.2em;
    font-size: 18px;
    font-size: 1.8rem; }
  .btn.linkBtn .note {
    margin-left: 10px;
    margin-bottom: 0; }
  .btn.linkBtn.absoluteArrow {
    position: relative;
    padding-right: 25px !important; }
    .btn.linkBtn.absoluteArrow:after {
      position: absolute;
      top: 50%;
      right: 5px;
      margin-top: -10px; }
  .btn.linkBtn.register {
    background: #ea1663; }
    .btn.linkBtn.register:hover {
      background: #ed3b7c; }
  .btn.linkBtn.submit, .btn.linkBtn[type="submit"] {
    /*@include original_linkArrow_none(){
				position: relative;
			};*/
    position: inherit;
    position: relative;
    padding: 10px; }
    .btn.linkBtn.submit:after, .btn.linkBtn[type="submit"]:after {
      position: inherit;
      font-family: inherit !important;
      content: none;
      display: inherit;
      vertical-align: inherit;
      color: inherit;
      text-align: inherit;
      right: inherit;
      width: inherit; }
    .btn.linkBtn.submit:hover:after, .btn.linkBtn[type="submit"]:hover:after {
      margin-left: inherit;
      margin-right: inherit;
      right: inherit; }
    .btn.linkBtn.submit:after, .btn.linkBtn[type="submit"]:after {
      position: absolute;
      content: "";
      background:  url(../images/arrow_link.png)  center no-repeat;
      height: 20px;
      width: 6px;
      display: inline-block;
      vertical-align: middle;
      text-align: right;
      right: 5px;
      width: 20px;
      top: 50%;
      line-height: 20px;
      margin-top: -10px;
      font-size: 12px;
      font-size: 1.2rem; }
    .btn.linkBtn.submit:after, .btn.linkBtn[type="submit"]:after {
      -webkit-transition: right 0.3s ease;
      -moz-transition: right 0.3s ease;
      -ms-transition: right 0.3s ease;
      -o-transition: right 0.3s ease;
      transition: right 0.3s ease; }
    .btn.linkBtn.submit:hover:after, .btn.linkBtn[type="submit"]:hover:after {
      right: 2px; }
  .btn.linkBtn.noArrow {
    position: inherit;
    position: relative; }
    .btn.linkBtn.noArrow:after {
      position: inherit;
      font-family: inherit !important;
      content: none;
      display: inherit;
      vertical-align: inherit;
      color: inherit;
      text-align: inherit;
      right: inherit;
      width: inherit; }
    .btn.linkBtn.noArrow:hover:after {
      margin-left: inherit;
      margin-right: inherit;
      right: inherit; }
  .btn.linkBtn.medium {
    padding: 10px 20px;
    font-size: 14px;
    font-size: 1.4rem; }
  .btn.linkBtn.large {
    padding: 10px 20px;
    font-size: 16px;
    font-size: 1.6rem; }

.btn.newGrad {
  background: #00a395; }
  .btn.newGrad:hover {
    background: #028a7e; }

.btn.corporate {
  background: #00a395; }
  .btn.corporate:hover {
    background: #028a7e; }

.btn.pushBtn {
  position: relative;
  margin-top: 0;
  margin-bottom: 3px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .btn.pushBtn:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #D4D4D4;
    top: 100%;
    left: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 0; }
  .btn.pushBtn:hover {
    margin-top: 3px;
    margin-bottom: 0; }
    .btn.pushBtn:hover:before {
      height: 0; }

@media screen and (min-width: 1024px) {
  .btn.pushBtn_atPC {
    position: relative;
    margin-top: 0;
    margin-bottom: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .btn.pushBtn_atPC:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 3px;
      background: #D4D4D4;
      top: 100%;
      left: 0;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      z-index: 0; }
    .btn.pushBtn_atPC:hover {
      margin-top: 3px;
      margin-bottom: 0; }
      .btn.pushBtn_atPC:hover:before {
        height: 0; } }

@media screen and (max-width: 1024px) {
  .btn.pushBtn_atSP {
    position: relative;
    margin-top: 0;
    margin-bottom: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .btn.pushBtn_atSP:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 3px;
      background: #D4D4D4;
      top: 100%;
      left: 0;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      z-index: 0; }
    .btn.pushBtn_atSP:hover {
      margin-top: 3px;
      margin-bottom: 0; }
      .btn.pushBtn_atSP:hover:before {
        height: 0; } }

.btn.gray {
  background: #cecece; }
  .btn.gray:hover {
    background: #bcbcbc; }

.btn.sky {
  background: #22b2d8; }
  .btn.sky:hover {
    background: #049FD7; }

.btn.pink {
  background: #ea1663; }
  .btn.pink:hover {
    background: #EC4280; }

.btn.deepSky {
  background: #2b93d2; }
  .btn.deepSky:hover {
    background: #147EBD; }

.btn.disable {
  background: #bcbcbc !important;
  cursor: default !important; }

.btn.text {
  background: none;
  font-size: 1.2rem;
  line-height: 1.2 !important;
  width: initial;
  color: #adadad !important; }
  .btn.text:hover {
    background: none;
    color: #848484 !important; }

.btn.white {
  color: #333 !important;
  background: #fff; }
  .btn.white i {
    color: #333 !important; }
  .btn.white:hover {
    color: #666 !important;
    background: #F9F9F9; }
    .btn.white:hover i {
      color: #666 !important; }

.btn.medium {
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem; }

.btn.large {
  padding: 10px 20px;
  font-size: 16px;
  font-size: 1.6rem; }

.btn.fb {
  background: #2D64A5; }
  .btn.fb:hover {
    background: #265D9D; }

.btn.tw {
  background: #56A4DA; }
  .btn.tw:hover {
    background: #4497D2; }

.btn.go {
  background: #D14B39; }
  .btn.go:hover {
    background: #C03E2D; }

.btn.ht {
  background: #0083D1; }
  .btn.ht:hover {
    background: #006FB2; }

.btn.li {
  background: #00C300; }
  .btn.li:hover {
    background: #00B500; }

/* menuBtn */
.menuBtn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px; }
  .menuBtn .menuBtn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%; }
    .menuBtn .menuBtn-icon:before, .menuBtn .menuBtn-icon:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0; }
    .menuBtn .menuBtn-icon.close {
      background: transparent;
      margin-top: -3px; }
      .menuBtn .menuBtn-icon.close:before, .menuBtn .menuBtn-icon.close:after {
        margin-top: 0; }
      .menuBtn .menuBtn-icon.close:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .menuBtn .menuBtn-icon.close:after {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg); }
  .menuBtn .menuBtn-icon {
    width: 19px;
    height: 2px;
    margin: -1px 0 0 -9.5px;
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px; }
    .menuBtn .menuBtn-icon:before, .menuBtn .menuBtn-icon:after {
      width: 19px;
      height: 2px;
      background: #fff;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      -o-border-radius: 1px;
      border-radius: 1px; }
    .menuBtn .menuBtn-icon:before {
      margin-top: -8px; }
    .menuBtn .menuBtn-icon:after {
      margin-top: 6px; }
  .menuBtn.large {
    width: 42px;
    height: 36px; }
    .menuBtn.large .menuBtn-icon {
      width: 42px;
      height: 2px;
      margin: -1px 0 0 -21px;
      background: #fff;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      -o-border-radius: 1px;
      border-radius: 1px; }
      .menuBtn.large .menuBtn-icon:before, .menuBtn.large .menuBtn-icon:after {
        width: 42px;
        height: 2px;
        background: #fff;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        border-radius: 1px; }
      .menuBtn.large .menuBtn-icon:before {
        margin-top: -16px; }
      .menuBtn.large .menuBtn-icon:after {
        margin-top: 14px; }
    @media screen and (max-width: 1024px) {
      .menuBtn.large {
        width: 32px;
        height: 24px; }
        .menuBtn.large .menuBtn-icon {
          width: 32px;
          height: 2px;
          margin: -1px 0 0 -16px;
          background: #fff;
          -webkit-border-radius: 1px;
          -moz-border-radius: 1px;
          -ms-border-radius: 1px;
          -o-border-radius: 1px;
          border-radius: 1px; }
          .menuBtn.large .menuBtn-icon:before, .menuBtn.large .menuBtn-icon:after {
            width: 32px;
            height: 2px;
            background: #fff;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            -ms-border-radius: 1px;
            -o-border-radius: 1px;
            border-radius: 1px; }
          .menuBtn.large .menuBtn-icon:before {
            margin-top: -12px; }
          .menuBtn.large .menuBtn-icon:after {
            margin-top: 10px; } }
    .menuBtn.large .menuBtn-icon.close {
      background: none; }
      .menuBtn.large .menuBtn-icon.close:before, .menuBtn.large .menuBtn-icon.close:after {
        margin-top: 0; }

/* btnArea */
.btnArea {
  text-align: center; }
  .btnArea .btn {
    padding-left: 15px;
    padding-right: 10px;
    min-width: 140px;
    width: auto; }

/* parts - Forms
 --------------------------------------------------- */
form .alert_area {
  text-align: center;
  color: #E05858; }

form .mand {
  color: #f16467; }

/* text */
textarea, input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="number"], input[type="email"], select, .select2 .selection .select2-selection {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #cecece;
  width: 100%;
  padding: 12px;
  -webkit-appearance: none; }
  textarea.err, input[type="text"].err, input[type="search"].err, input[type="tel"].err, input[type="url"].err, input[type="email"].err, input[type="password"].err, input[type="datetime"].err, input[type="number"].err, input[type="email"].err, select.err, .select2 .selection .err.select2-selection {
    border-color: #E05858; }
  textarea + h4, input[type="text"] + h4, input[type="search"] + h4, input[type="tel"] + h4, input[type="url"] + h4, input[type="email"] + h4, input[type="password"] + h4, input[type="datetime"] + h4, input[type="number"] + h4, input[type="email"] + h4, select + h4, .select2 .selection .select2-selection + h4 {
    margin-top: 5px; }
  textarea.style_light, input[type="text"].style_light, input[type="search"].style_light, input[type="tel"].style_light, input[type="url"].style_light, input[type="email"].style_light, input[type="password"].style_light, input[type="datetime"].style_light, input[type="number"].style_light, input[type="email"].style_light, select.style_light, .select2 .selection .style_light.select2-selection {
    border-color: #e1e8ef !important; }

h4 + textarea, h4 + input[type="text"], h4 + input[type="search"], h4 + input[type="tel"], h4 + input[type="url"], h4 + input[type="email"], h4 + input[type="password"], h4 + input[type="datetime"], h4 + input[type="number"], h4 + input[type="email"], h4 + select, .select2 .selection h4 + .select2-selection {
  margin-top: 0; }

h4 .note {
  text-align: right;
  float: right;
  margin-top: 0.7em;
  margin-bottom: 0;
  font-weight: normal; }

textarea {
  min-height: 100px;
  max-width: 100%;
  line-height: 1.4;
  resize: vertical; }
  textarea.autosize {
    resize: none; }

/* select */
select, .select2 .selection .select2-selection {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23999%22/%3E%3C/svg%3E");
  background-position:  right 8px center;
  background-repeat: no-repeat;
  background-size: 18px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  letter-spacing: 0.1em;
  padding-right: 30px; }
  select::-ms-expand, .select2 .selection .select2-selection::-ms-expand {
    display: none; }
  select.style_navy, .select2 .selection .style_navy.select2-selection, .select2 .selection .select2-selection.select2.style_sky, select.select2.style_sky {
    border: none !important;
    background-color: #b92c00;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
    color: #fff;
    text-align: center; }
  select.style_gray, .select2 .selection .style_gray.select2-selection {
    background-color: #f6f6f6;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23333%22/%3E%3C/svg%3E");
    color: #333; }
  select.size_S, .select2 .selection .size_S.select2-selection {
    line-height: 14px;
    padding-left: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    background-position: right 6px center; }
  select.size_L, .select2 .selection .size_L.select2-selection {
    line-height: 32px;
    padding-left: 20px;
    background-position: right 16px center; }

/* radio */
input[type="radio"]:not(.button) {
  display: none; }
  input[type="radio"]:not(.button) + label,
  input[type="radio"]:not(.button) + span.wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 20px;
    cursor: pointer; }
    input[type="radio"]:not(.button) + label:before, input[type="radio"]:not(.button) + label:after,
    input[type="radio"]:not(.button) + span.wpcf7-list-item-label:before,
    input[type="radio"]:not(.button) + span.wpcf7-list-item-label:after {
      position: absolute;
      content: '';
      top: 50%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    input[type="radio"]:not(.button) + label:before,
    input[type="radio"]:not(.button) + span.wpcf7-list-item-label:before {
      left: 0;
      width: 14px;
      height: 14px;
      margin-top: -8px;
      background: #f3f3f3;
      border: 1px solid #ccc; }
    input[type="radio"]:not(.button) + label:hover:before,
    input[type="radio"]:not(.button) + span.wpcf7-list-item-label:hover:before {
      background: #fff; }
    input[type="radio"]:not(.button) + label:after,
    input[type="radio"]:not(.button) + span.wpcf7-list-item-label:after {
      opacity: 0;
      left: 4px;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      background: #3498db;
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -ms-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2); }
  input[type="radio"]:not(.button):checked + label:before,
  input[type="radio"]:not(.button):checked + span.wpcf7-list-item-label:before {
    background: #fff;
    border: 1px solid #3498db; }
  input[type="radio"]:not(.button):checked + label:after,
  input[type="radio"]:not(.button):checked + span.wpcf7-list-item-label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

/* radio - button */
input[type="radio"].button {
  display: none; }
  input[type="radio"].button + label {
    margin-left: 5px;
    background: #fff;
    color: #b92c00;
    border: solid 1px #b92c00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 2px 5px;
    min-width: 100px;
    text-align: center;
    display: inline-block; }
  input[type="radio"].button:checked + label {
    background: #b92c00;
    color: #fff; }
  input[type="radio"].button.style_sky + label {
    background: #ccc;
    color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    line-height: 28px;
    line-height: 2.8rem;
    min-width: 120px; }
  input[type="radio"].button.style_sky:checked + label {
    background: #5a9ae2; }

/* checkbox */
input[type="checkbox"]:not(.switch):not(.switchBtn) {
  display: none; }
  input[type="checkbox"]:not(.switch):not(.switchBtn) + label,
  input[type="checkbox"]:not(.switch):not(.switchBtn) + span.wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    input[type="checkbox"]:not(.switch):not(.switchBtn) + label:before, input[type="checkbox"]:not(.switch):not(.switchBtn) + label:after,
    input[type="checkbox"]:not(.switch):not(.switchBtn) + span.wpcf7-list-item-label:before,
    input[type="checkbox"]:not(.switch):not(.switchBtn) + span.wpcf7-list-item-label:after {
      position: absolute;
      content: '';
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    input[type="checkbox"]:not(.switch):not(.switchBtn) + label:before,
    input[type="checkbox"]:not(.switch):not(.switchBtn) + span.wpcf7-list-item-label:before {
      top: 50%;
      left: 0;
      width: 14px;
      height: 14px;
      margin-top: -8px;
      background: #f4f4f4;
      border: 1px solid #ccc;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    input[type="checkbox"]:not(.switch):not(.switchBtn) + label:hover:before,
    input[type="checkbox"]:not(.switch):not(.switchBtn) + span.wpcf7-list-item-label:hover:before {
      background: #fff; }
    input[type="checkbox"]:not(.switch):not(.switchBtn) + label:after,
    input[type="checkbox"]:not(.switch):not(.switchBtn) + span.wpcf7-list-item-label:after {
      opacity: 0;
      top: 50%;
      left: 3px;
      width: 8px;
      height: 4px;
      margin-top: -4px;
      border-left: 2px solid #3498db;
      border-bottom: 2px solid #3498db;
      -webkit-transform: rotate(-45deg) scale(0.5);
      -moz-transform: rotate(-45deg) scale(0.5);
      -ms-transform: rotate(-45deg) scale(0.5);
      -o-transform: rotate(-45deg) scale(0.5);
      transform: rotate(-45deg) scale(0.5); }
  input[type="checkbox"]:not(.switch):not(.switchBtn):checked + label:before,
  input[type="checkbox"]:not(.switch):not(.switchBtn):checked + span.wpcf7-list-item-label:before {
    background: #fff;
    border: 1px solid #3498db; }
  input[type="checkbox"]:not(.switch):not(.switchBtn):checked + label:after,
  input[type="checkbox"]:not(.switch):not(.switchBtn):checked + span.wpcf7-list-item-label:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1); }

.serviceList_checkbox {
  width: 230px;
  height: 135px;
  margin: 0 7px 10px; }
  .serviceList_checkbox input[type="checkbox"]:not(.switch):not(.switchBtn) + label {
    padding: 0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .serviceList_checkbox input[type="checkbox"]:not(.switch):not(.switchBtn) + label:before, .serviceList_checkbox input[type="checkbox"]:not(.switch):not(.switchBtn) + label:after {
      display: none; }
  .serviceList_checkbox input[type="checkbox"]:not(.switch):not(.switchBtn):checked + label {
    background-color: #cbebe8;
    border: solid 2px #12a293;
    background-position: center; }

/* switch */
input[type="checkbox"].switch {
  display: none; }
  input[type="checkbox"].switch + label, input[type="checkbox"].switch + label:before, input[type="checkbox"].switch + label:after {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  input[type="checkbox"].switch + label {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 38px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    cursor: pointer; }
  input[type="checkbox"].switch + label:before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    text-align: center;
    width: 40px;
    right: 4px;
    color: #fff;
    line-height: 38px;
    font-size: 14px;
    font-size: 1.4rem; }
  input[type="checkbox"].switch + label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 34px;
    height: 34px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  input[type="checkbox"].switch + label.smallFont:before {
    font-size: 10px;
    font-size: 1rem; }
  input[type="checkbox"].switch:checked + label:before {
    content: attr(data-on-label);
    left: 4px;
    right: auto;
    color: #fff; }
  input[type="checkbox"].switch:checked + label:after {
    left: 44px;
    background-color: #f7f7f7; }
  input[type="checkbox"].switch + label {
    background-color: #eee; }
    input[type="checkbox"].switch + label:before {
      color: #aaa; }
  input[type="checkbox"].switch:checked + label {
    background-color: #3498db; }
    input[type="checkbox"].switch:checked + label:before {
      color: #fff; }

/* switchBtn */
input[type="checkbox"].switchBtn {
  display: none; }
  input[type="checkbox"].switchBtn + label, input[type="checkbox"].switchBtn + label:before {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  input[type="checkbox"].switchBtn + label {
    display: inline-block;
    width: 100%;
    height: 33px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer; }
  input[type="checkbox"].switchBtn + label:before {
    font-size: 12px;
    font-size: 1.2rem;
    content: attr(data-label);
    display: block;
    line-height: 33px;
    text-align: center; }
  input[type="checkbox"].switchBtn + label {
    background-color: #cecece; }
    input[type="checkbox"].switchBtn + label:before {
      color: #fff; }
  input[type="checkbox"].switchBtn:checked + label {
    background-color: #3498db; }
    input[type="checkbox"].switchBtn:checked + label:before {
      color: #fff; }

/* datepicker */
.datepicker.y_datepicker,
.airDatepicker.y_datepicker {
  position: relative;
  position: absolute;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding-top: 3px;
  z-index: 5; }
  .datepicker.y_datepicker:after,
  .airDatepicker.y_datepicker:after {
    bottom: 100%;
    left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #3498db;
    border-width: 9px;
    margin-left: -9px; }
  .datepicker.y_datepicker:before,
  .airDatepicker.y_datepicker:before {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: #3498db;
    position: absolute;
    top: -3px; }
  .datepicker.y_datepicker.-from-top-,
  .airDatepicker.y_datepicker.-from-top- {
    position: relative;
    padding-top: 0;
    padding-bottom: 3px; }
    .datepicker.y_datepicker.-from-top-:after,
    .airDatepicker.y_datepicker.-from-top-:after {
      top: 100%;
      left: 15px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #3498db;
      border-width: 9px;
      margin-left: -9px; }
    .datepicker.y_datepicker.-from-top-:before,
    .airDatepicker.y_datepicker.-from-top-:before {
      bottom: -3px;
      top: auto; }
  .datepicker.y_datepicker.inPopup,
  .airDatepicker.y_datepicker.inPopup {
    z-index: 1051; }
  .datepicker.y_datepicker > .datepicker--pointer,
  .datepicker.y_datepicker > .airDatepicker--pointer,
  .airDatepicker.y_datepicker > .datepicker--pointer,
  .airDatepicker.y_datepicker > .airDatepicker--pointer {
    display: none; }
  .datepicker.y_datepicker .datepicker--day-name,
  .datepicker.y_datepicker .airDatepicker--day-name,
  .airDatepicker.y_datepicker .datepicker--day-name,
  .airDatepicker.y_datepicker .airDatepicker--day-name {
    color: #dedede; }
  .datepicker.y_datepicker .datepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-),
  .datepicker.y_datepicker .airDatepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-),
  .airDatepicker.y_datepicker .datepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-),
  .airDatepicker.y_datepicker .airDatepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-) {
    color: #3c6fb1; }
    .datepicker.y_datepicker .datepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-).sunday,
    .datepicker.y_datepicker .airDatepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-).sunday,
    .airDatepicker.y_datepicker .datepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-).sunday,
    .airDatepicker.y_datepicker .airDatepicker--cell-day.-weekend-:not(.-focus-):not(.-selected-):not(.-other-month-):not(.-disabled-).sunday {
      color: #c75f20; }
  .datepicker.y_datepicker .datepicker--cell-day.-disabled-,
  .datepicker.y_datepicker .airDatepicker--cell-day.-disabled-,
  .airDatepicker.y_datepicker .datepicker--cell-day.-disabled-,
  .airDatepicker.y_datepicker .airDatepicker--cell-day.-disabled- {
    color: #dedede;
    cursor: default; }
    .datepicker.y_datepicker .datepicker--cell-day.-disabled-:hover,
    .datepicker.y_datepicker .airDatepicker--cell-day.-disabled-:hover,
    .airDatepicker.y_datepicker .datepicker--cell-day.-disabled-:hover,
    .airDatepicker.y_datepicker .airDatepicker--cell-day.-disabled-:hover {
      background: none; }
  .datepicker.y_datepicker .datepicker--cell-year.-current-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .datepicker--cell-month.-current-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .datepicker--cell-day.-current-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-year.-current-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-month.-current-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-day.-current-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-year.-current-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-month.-current-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-day.-current-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-year.-current-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-month.-current-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-day.-current-:not(.-focus-):not(.-selected-) {
    background: #f6f6f6; }
  .datepicker.y_datepicker .datepicker--cell-year.-current-.-other-decade-:not(.-focus-):not(.-selected-), .datepicker.y_datepicker .datepicker--cell-year.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .datepicker--cell-month.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .datepicker--cell-month.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .datepicker--cell-day.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .datepicker--cell-day.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-year.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-year.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-month.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-month.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-day.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .datepicker.y_datepicker .airDatepicker--cell-day.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-year.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-year.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-month.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-month.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-day.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .datepicker--cell-day.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-year.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-year.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-month.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-month.-current-.-other-year-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-day.-current-.-other-decade-:not(.-focus-):not(.-selected-),
  .airDatepicker.y_datepicker .airDatepicker--cell-day.-current-.-other-year-:not(.-focus-):not(.-selected-) {
    background: #fafafa; }

/* parts - header
 --------------------------------------------------- */
header {
  z-index: 100;
  position: relative; }
  header .fInner {
    min-height: 1px;
    max-width: inherit; }
    header .fInner:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
  header .logo {
    display: inline-block;
    overflow: hidden;
    margin: 10px 0;
    padding-right: 30px; }
    header .logo img {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  header .leftArea {
    padding: 17px 0;
    float: left; }
    header .leftArea > * {
      float: left;
      display: inline-block; }
    header .leftArea .pageTypeText {
      padding: 24px 20px;
      padding-left: 30px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 1;
      border-left: solid 1px #ccd3d3;
      color: #b92c00; }
  header .rightArea {
    float: right;
    min-height: 1px; }
    header .rightArea:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    header .rightArea > * {
      float: right;
      display: inline-block; }
    header .rightArea .btnArea {
      font-size: 0px;
      font-size: 0rem;
      width: 160px; }
      header .rightArea .btnArea .remainsBtn a{
      width: 100%;
      display: block;
      position: relative;
      color: #333;
      margin-top: 4px;
      border: solid 1px #bdbdbd;
      font-size: 1.2rem;
      border-radius: 30px;
      padding: 6px 0;}
      header .rightArea .btnArea .remainsBtn a:hover{
        background-color: #bdbdbd;
        color: #fff;}
  body.pageType_corporate header .rightArea .btnArea .btn{
    margin-top: 7px!important;
  }
      header .rightArea .btnArea .btn {
        font-size: 20px;
        font-size: 2rem;
        display: inline-block;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        min-width: inherit;
        padding: 10px 20px;
        vertical-align: top; }
        header .rightArea .btnArea .btn:first-child {
          margin-right: 3%; }
    header .rightArea .contactArea {
      margin-top: 20px;
      margin-right: 20px;
      padding-left: 67px;
      position: relative; }
      header .rightArea .contactArea:before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 57px;
        background:  url(../images/icon_freeDial.png)  center 80% no-repeat;
        background-size: contain; }
      header .rightArea .contactArea > span {
        display: block;
        text-align: center; }
      header .rightArea .contactArea .tel {
        font-size: 30px;
        font-size: 3rem; }
        header .rightArea .contactArea .tel a {
          color: #333;
          font-weight: bold; }
      header .rightArea .contactArea .reception {
        font-size: 14px;
        font-size: 1.4rem; }
  header .headMenu {
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 0px;
    font-size: 0rem;
    background: #b92c00;
    border-top: solid 4px #aa2800;
    clear: both;
    position: relative; }
    header .headMenu .headMenu_bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: -webkit-linear-gradient(166deg, #fff 50%, rgba(0, 0, 0, 0) 50%);
      background-image: -o-linear-gradient(166deg, #fff 50%, rgba(0, 0, 0, 0) 50%);
      background-image: linear-gradient(-76deg, #fff 50%, rgba(0, 0, 0, 0) 50%);
      background-image: -webkit-linear-gradient(-76deg, #fff 50%, rgba(0, 0, 0, 0) 50%);
      background-image: -moz-linear-gradient(-76deg, #fff 50%, rgba(0, 0, 0, 0) 50%);
      background-image: -ms-linear-gradient(-76deg, #fff 50%, rgba(0, 0, 0, 0) 50%);
      opacity: 0.09; }
    header .headMenu .fInner {
      max-width: 1080px; }
    header .headMenu li {
      display: inline-block;
      font-size: 12px;
      font-size: 1.2rem;
      vertical-align: top;
      position: relative; }
      header .headMenu li a {
        display: inline-block;
        width: 100%;
        color: #fff; }
        header .headMenu li a:hover {
          opacity: 0.8; }
        header .headMenu li a .menuItem {
          -webkit-transition: background-color 0.3s ease;
          -moz-transition: background-color 0.3s ease;
          -ms-transition: background-color 0.3s ease;
          -o-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease;
          display: inline-block;
          padding: 11px 5px 15px;
          display: block;
          position: relative; }
          header .headMenu li a .menuItem .text {
            display: inline-block;
            font-size: 16px;
            font-size: 1.6rem;
            height: 100%; }
            header .headMenu li a .menuItem .text:before {
              content: "";
              display: inline-block;
              vertical-align: middle;
              height: 100%; }
            header .headMenu li a .menuItem .text > * {
              display: inline-block;
              vertical-align: middle; }
      header .headMenu li > ul {
        display: none;
        position: absolute !important;
        left: 0;
        top: 100%; }
        header .headMenu li > ul li {
          background: #fff;
          white-space: nowrap;
          text-align: left;
          width: 100%;
          border: solid 1px #b92c00;
          border-top: none; }
          header .headMenu li > ul li a {
            margin: 0;
            display: block;
            width: auto;
            padding: 15px;
            padding-right: 25px;
            font-size: 16px;
            font-size: 1.6rem;
            color: #333;
            position: relative; }
            header .headMenu li > ul li a:after {
              position: absolute;
              content: "";
              background:  url(../images/arrow_link_career.png)  center no-repeat;
              height: 24px;
              width: 6px;
              display: inline-block;
              vertical-align: middle;
              text-align: right;
              right: 3px;
              width: 20px;
              top: 50%;
              line-height: 24px;
              margin-top: -12px;
              font-size: 12px;
              font-size: 1.2rem; }
            header .headMenu li > ul li a:after {
              -webkit-transition: right 0.3s ease;
              -moz-transition: right 0.3s ease;
              -ms-transition: right 0.3s ease;
              -o-transition: right 0.3s ease;
              transition: right 0.3s ease; }
            header .headMenu li > ul li a:hover:after {
              right: 0px; }
      header .headMenu li:hover > ul {
        position: relative;
        display: block; }
        header .headMenu li:hover > ul:after {
          top: 100%;
          left: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-top-color: #fff;
          border-width: 8px;
          margin-left: -8px; }
        header .headMenu li:hover > ul:after {
          top: 0;
          right: 50px;
          left: auto; }
      header .headMenu li > .headMenu_sub {
        display: none;
        position: absolute !important;
        left: 0;
        top: 100%; }
        header .headMenu li > .headMenu_sub .headMenu_sub_inner {
          padding: 10px 20px;
          background: rgba(255, 255, 255, 0.9);
          text-align: left;
          position: fixed; }
          header .headMenu li > .headMenu_sub .headMenu_sub_inner > .colBox > .col {
            border-right: solid 1px #ccc;
            padding: 0 10px 0 20px; }
            @media screen\0 {
              header .headMenu li > .headMenu_sub .headMenu_sub_inner > .colBox > .col.col2 {
                width: 49.8%; } }
            header .headMenu li > .headMenu_sub .headMenu_sub_inner > .colBox > .col:first-child {
              padding-left: 5px; }
            header .headMenu li > .headMenu_sub .headMenu_sub_inner > .colBox > .col:last-child {
              border-right: none; }
        header .headMenu li > .headMenu_sub h2 {
          color: #00a395;
          font-weight: bold;
          font-size: 16px;
          font-size: 1.6rem;
          margin: 0 0 6px 0;
          padding: 4px 0; }
        header .headMenu li > .headMenu_sub h3 {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0 0 6px 0; }
        header .headMenu li > .headMenu_sub ul {
          margin-bottom: 12px; }
          header .headMenu li > .headMenu_sub ul li {
            display: block;
            padding-left: 1.2em; }
            header .headMenu li > .headMenu_sub ul li:before {
              position: absolute;
              display: block;
              content: "";
              left: 0;
              top: 50%;
              margin-top: -4px;
              width: 0;
              height: 0;
              border-top: solid 4px transparent;
              border-right: solid 6px transparent;
              border-bottom: solid 4px transparent;
              border-left: solid 6px #00a395;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            header .headMenu li > .headMenu_sub ul li a {
              font-size: 14px;
              font-size: 1.4rem;
              padding: 0;
              width: auto;
              margin: 0 8px 0 0;
              padding: 8px 0;
              color: #333;
              border: none;
              display: block; }
            header .headMenu li > .headMenu_sub ul li .bnrArea {
              margin-top: -5px; }
              header .headMenu li > .headMenu_sub ul li .bnrArea a {
                padding: 0; }
      header .headMenu li:hover > .headMenu_sub {
        display: block; }
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(1),
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(1) ~ * {
      width: 100%; }
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(2),
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(2) ~ * {
      width: 49%; }
      header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(2):first-child,
      header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(2) ~ *:first-child {
        margin-right: 1%; }
      header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(2):last-child,
      header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(2) ~ *:last-child {
        margin-left: 1%; }
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(3),
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(3) ~ * {
      width: 32%; }
      header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(3):nth-child(3n-1),
      header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(3) ~ *:nth-child(3n-1) {
        margin: 0 2%; }
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(4),
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(4) ~ * {
      width: 25%; }
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(5),
    header .headMenu ul.headMenu_ul > li:first-child:nth-last-child(5) ~ * {
      width: 19%; }
  header .entoryBtn_area {
    display: none;
    position: absolute;
    right: 68px;
    top: 10px;
    height: 48px; }
    header .entoryBtn_area img {
      height: 100%;
      width: auto;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
  header .spMenuArea {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px; }
    header .spMenuArea .spMenu_btn {
      padding: 3px 6.5px 4px;
      background: #b92c00;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer; }
      header .spMenuArea .spMenu_btn.open {
        display: none !important; }
      header .spMenuArea .spMenu_btn .btnTxt {
        display: block;
        color: #fff;
        margin-top: -0.7em;
        font-size: 10px;
        font-size: 1rem;
        text-align: center; }
    header .spMenuArea .spMenu_wrap,
    header .spMenuArea .floatMenu_wrap {
      display: none; }
  header .contactTextArea {
    text-align: center;
    background: #b92c00;
    padding: 5px 0; }
  @media screen and (max-width: 1024px) {
    header:after {
      height: 15px;
      background-size: 260%; }
    header .fInner {
      padding: 0 10px; }
    header .logo {
      padding-right: 10px; }
      header .logo img {
        height: 36px;
        margin: 4% 0; }
    header .leftArea {
      width: 100%;
      padding: 0; }
      header .leftArea .pageTypeText {
        padding: 10px;
        font-size: 20px;
        font-size: 2rem;
        margin-top: 15px; }
    header .rightArea {
      display: none; }
    header .headMenu {
      display: none; }
    header .entoryBtn_area {
      display: block; }
    header .spMenuArea {
      display: block; } }
  @media screen and (max-width: 640px) {
    header .logo img {
      height: 30px;
      margin: 7% 0; } }

.spMenu {
  max-width: 1040px;
  background: #fff;
  margin: auto;
  margin-top: 50px;
  padding: 10px;
  position: relative; }
  .spMenu .spMenu_title,
  .spMenu .spMenu_login,
  .spMenu .spMenu_close {
    display: block;
    position: absolute;
    top: 10px; }
  .spMenu .spMenu_title {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 3px 0;
    border-bottom: solid 1px #333; }
  .spMenu .spMenu_login {
    right: 40px; }
    .spMenu .spMenu_login .btn {
      margin-top: 3px;
      line-height: 2 !important;
      padding: 0 10px;
      font-size: 12px;
      font-size: 1.2rem; }
  .spMenu .spMenu_close {
    right: 0;
    top: -40px; }
    .spMenu .spMenu_close .menuBtn {
      background: #b92c00; }
  .spMenu > .btnArea {
    font-size: 0px;
    font-size: 0rem;
    min-height: 1px;
    margin-bottom: 10px; }
    .spMenu > .btnArea:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .spMenu > .btnArea .btn {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.4 !important;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      width: 48.5%;
      min-width: inherit;
      padding: 12px 0; }
      .spMenu > .btnArea .btn:first-child {
        margin-left: 0;
        float: left; }
      .spMenu > .btnArea .btn:last-child {
        margin-right: 0;
        float: right; }
      .spMenu > .btnArea .btn:not(.register) {
        background: #64abc2; }
  .spMenu .spMenu_menu {
    margin-bottom: 10px; }
    .spMenu .spMenu_menu .colBox.noVertical .col {
      margin-bottom: 0; }
    .spMenu .spMenu_menu li {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      text-align: left; }
      .spMenu .spMenu_menu li:last-child {
        border-bottom: none; }
      .spMenu .spMenu_menu li a {
        display: block;
        padding: 12px 0;
        color: #fff;
        border-bottom: dashed 1px #364663;
        font-weight: bold; }
        .spMenu .spMenu_menu li a:hover {
          opacity: 0.7; }
        .spMenu .spMenu_menu li a[href]:before {
          content: "";
          background-image: url(../images/arrow_link.png);
          background-position:  center;
          background-repeat: no-repeat;
          background-size: contain;
          height: 10px;
          display: inline-block;
          vertical-align: middle;
          text-align: right;
          width: 6px;
          line-height: 1em;
          margin-top: -0.1em;
          font-size: 12px;
          font-size: 1.2rem; }
      .spMenu .spMenu_menu li li a {
        border-bottom: dashed 1px rgba(0, 0, 0, 0);
        font-weight: normal;
        color: #E0E7F5; }
        .spMenu .spMenu_menu li li a[href]:before {
          margin-right: 5px; }
      .spMenu .spMenu_menu li .headMenu_sub {
        padding: 10px;
        padding-top: 0; }
        .spMenu .spMenu_menu li .headMenu_sub ul {
          margin-bottom: 10px; }
        .spMenu .spMenu_menu li .headMenu_sub li {
          border-bottom: none !important; }
          .spMenu .spMenu_menu li .headMenu_sub li a {
            padding: 6px 0; }

.floatMenu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.75);
  padding: 20px;
  z-index: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 68px; }
  .floatMenu .floatMenu_title,
  .floatMenu .floatMenu_close {
    display: block;
    position: absolute;
    top: 20px; }
  .floatMenu .floatMenu_title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 3px 0; }
  .floatMenu .floatMenu_close {
    right: 0;
    right: 20px; }
    .floatMenu .floatMenu_close .menuBtn .menuBtn-icon.close:before, .floatMenu .floatMenu_close .menuBtn .menuBtn-icon.close:after {
      background: #333; }
  .floatMenu .floatMenu_menu h2 {
    margin-bottom: 5px; }
  .floatMenu .floatMenu_menu ul li {
    padding: 4px 0; }
    .floatMenu .floatMenu_menu ul li a {
      color: #333; }
      .floatMenu .floatMenu_menu ul li a:hover {
        opacity: 0.7; }
  @media screen and (max-width: 1024px) {
    .floatMenu {
      display: none !important; } }

/* pageType */
/* pageType_midCareer */
body.pageType_midCareer header .rightArea .btnArea {
  padding: 17px 0; }
  body.pageType_midCareer header .rightArea .btnArea .btn {
    line-height: 56px !important; }

/* pageType_newGraduate */
body.pageType_newGraduate header {
  background: #00a395; }
  body.pageType_newGraduate header .leftArea .pageTypeText {
    color: #fff; }
  body.pageType_newGraduate header .spMenuArea {
    display: block; }
    body.pageType_newGraduate header .spMenuArea .spMenu_btn {
      background: none;
      padding: 10px;
      margin-top: 10px; }
      body.pageType_newGraduate header .spMenuArea .spMenu_btn .btnTxt {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 0; }
  body.pageType_newGraduate header .contactTextArea {
    background: #00a395; }
  @media screen and (max-width: 1024px) {
    body.pageType_newGraduate header .spMenuArea {
      right: 0; }
      body.pageType_newGraduate header .spMenuArea .spMenu_btn {
        padding: 3px 6.5px 4px;
        margin-top: 1px; } }
  @media screen and (min-width: 1024px) {
    body.pageType_newGraduate header .spMenuArea.floatOpen {
      position: static; } }

body.pageType_newGraduate .spMenu .spMenu_close .menuBtn {
  background: #00a395; }

body.pageType_newGraduate .floatMenu {
  top: 20px;
  overflow: hidden;
  padding-left: 40px;
  padding-right: 50px;
  padding-bottom: 25px;
  background: -webkit-linear-gradient(315deg, #f7bd33 0%, #f7bd33 3.5%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(150deg, #3994da 0%, #3994da 3%, rgba(255, 255, 255, 0.75) 2.5%, rgba(255, 255, 255, 0.75) 100%);
  background: -o-linear-gradient(315deg, #f7bd33 0%, #f7bd33 3.5%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(150deg, #3994da 0%, #3994da 3%, rgba(255, 255, 255, 0.75) 2.5%, rgba(255, 255, 255, 0.75) 100%);
  background: linear-gradient(135deg, #f7bd33 0%, #f7bd33 3.5%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 100%), linear-gradient(-60deg, #3994da 0%, #3994da 3%, rgba(255, 255, 255, 0.75) 2.5%, rgba(255, 255, 255, 0.75) 100%); }
  body.pageType_newGraduate .floatMenu:before, body.pageType_newGraduate .floatMenu:after {
    position: absolute;
    content: ""; }
  body.pageType_newGraduate .floatMenu:before {
    width: 55px;
    height: 40px;
    bottom: 0;
    right: 0;
    background-image: -webkit-radial-gradient(15px 9px, circle 4px, #ff8400 0, #ff8400 98.5%, rgba(0, 0, 0, 0) 100%), -webkit-radial-gradient(4px 17px, circle 4px, #f038c7 0, #f038c7 98.5%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-radial-gradient(15px 9px, circle 4px, #ff8400 0, #ff8400 98.5%, rgba(0, 0, 0, 0) 100%), -o-radial-gradient(4px 17px, circle 4px, #f038c7 0, #f038c7 98.5%, rgba(0, 0, 0, 0) 100%);
    background-image: radial-gradient(circle 4px at 15px 9px, #ff8400 0, #ff8400 98.5%, rgba(0, 0, 0, 0) 100%), radial-gradient(circle 4px at 4px 17px, #f038c7 0, #f038c7 98.5%, rgba(0, 0, 0, 0) 100%); }
  body.pageType_newGraduate .floatMenu:after {
    background: #f038c7;
    left: 100%;
    top: 100%;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(-37deg);
    -moz-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    -o-transform: rotate(-37deg);
    transform: rotate(-37deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    margin-top: 8px;
    margin-left: -45px; }
  body.pageType_newGraduate .floatMenu .floatMenu_menu h2 {
    color: #00a395;
    font-size: 15px;
    font-size: 1.5rem; }
  body.pageType_newGraduate .floatMenu .floatMenu_menu .colBox {
    margin: 0; }
    body.pageType_newGraduate .floatMenu .floatMenu_menu .colBox .col {
      margin-bottom: 0;
      padding: 0 25px;
      border-left: solid 1px #d6d6cd; }
      body.pageType_newGraduate .floatMenu .floatMenu_menu .colBox .col:first-child {
        padding-left: 0;
        border-left: none; }
  @media screen and (max-width: 1024px) {
    body.pageType_newGraduate .floatMenu {
      top: 10px; } }

body.pageType_newGraduate.newTOP .floatMenu {
  top: 0; }
  @media screen and (max-width: 1024px) {
    body.pageType_newGraduate.newTOP .floatMenu {
      top: 10px; } }

@media screen and (min-width: 1024px) {
  body.pageType_newGraduate.newTOP header .spMenuArea .spMenu_btn .menuBtn .menuBtn-icon {
    background: #333; }
    body.pageType_newGraduate.newTOP header .spMenuArea .spMenu_btn .menuBtn .menuBtn-icon:before, body.pageType_newGraduate.newTOP header .spMenuArea .spMenu_btn .menuBtn .menuBtn-icon:after {
      background: #333; }
  body.pageType_newGraduate.newTOP header .spMenuArea .spMenu_btn .btnTxt {
    color: #333; } }

body.pageType_corporate header .headMenu {
  background: #00a395;
  border-top: none;
  border-bottom: solid 4px #028a7e; }
  body.pageType_corporate header .headMenu .headMenu_bg {
    display: none; }
  body.pageType_corporate header .headMenu li:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.5); }
  body.pageType_corporate header .headMenu li:last-child:after {
    display: none; }
  body.pageType_corporate header .headMenu li a .menuItem {
    padding: 12px 10px 13px; }
    body.pageType_corporate header .headMenu li a .menuItem .text {
      font-size: 14px;
      font-size: 1.4rem; }

body.pageType_corporate header .rightArea .contactArea {
  margin-right: 0; }
  body.pageType_corporate header .rightArea .contactArea:before {
    background:  url(../images/icon_telephone.png)  center 80% no-repeat; }
  body.pageType_corporate header .rightArea .contactArea .tel {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 0.03em; }
  body.pageType_corporate header .rightArea .contactArea .reception {
    font-size: 12px;
    font-size: 1.2rem; }

body.pageType_corporate header .rightArea .btnArea {
  margin-top: 20px;
  margin-right: 20px;
  width: auto; }
  body.pageType_corporate header .rightArea .btnArea .btn {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2 !important;
    /* -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px; */
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    padding: 8px 20px;
    margin-top: 15px; }
    body.pageType_corporate header .rightArea .btnArea .btn.search_offices {
      padding-left: 45px;
      position: relative; }
      body.pageType_corporate header .rightArea .btnArea .btn.search_offices:before {
        position: absolute;
        content: "";
        display: block;
        background:  url(../images/icon_search.png)  center no-repeat;
        background-size: contain;
        height: 60%;
        width: 20px;
        left: 15px;
        top: 20%;
        z-index: 1; }
      body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input {
        text-align: left;
        background-color: #bdbdbd;
        background-image: url(../images/icon_search.png);
        background-position:  15px center;
        background-repeat: no-repeat;
        color: #fff !important;
        font-weight: normal;
        min-width: 240px; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input:before, body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input:after {
          display: none; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input::-webkit-input-placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input:-ms-input-placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input::-ms-input-placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input::placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input::-webkit-input-placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input::-moz-placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input:-ms-input-placeholder {
          color: #fff !important; }
        body.pageType_corporate header .rightArea .btnArea .btn.search_offices.search_offices_input::-ms-input-placeholder {
          color: #fff !important; }

body.pageType_corporate header .spMenuArea .spMenu_btn {
  background: #00a395; }

body.pageType_corporate header .contactTextArea {
  background: #00a395; }

body.pageType_corporate .spMenu .spMenu_close .menuBtn {
  background: #00a395; }

body.pageType_corporate .spMenu .spMenu_menu {
  margin: 0 5px; }
  body.pageType_corporate .spMenu .spMenu_menu li {
    border-bottom: solid 1px #ddd;
    font-size: 20px;
    font-size: 2rem; }
    body.pageType_corporate .spMenu .spMenu_menu li a {
      border-bottom: none;
      color: #00a395; }
      body.pageType_corporate .spMenu .spMenu_menu li a:hover {
        color: #028a7e; }
    body.pageType_corporate .spMenu .spMenu_menu li:last-child {
      border-bottom: none; }

/* parts - footer
 --------------------------------------------------- */
footer {
  position: relative; }
  footer .goTopBtn {
    position: absolute;
    right: 20px;
    bottom: 100%;
    margin-bottom: 20px;
    z-index: 100; }
    footer .goTopBtn a {
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      height: 66px;
      width: 66px;
      background: #fff;
      border: solid 2px #b92c00;
      background-size: 24px 12px;
      position: relative; }
      footer .goTopBtn a:hover {
        opacity: 0.8; }
      footer .goTopBtn a::after {
        display: inline-block;
        margin: 0 10px;
        margin-top: 6px;
        content: '';
        height: 46px;
        width: 46px;
        background:  url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2216%2C13.5%2014.8%2C13.5%209.5%2C8.2%204.2%2C13.5%203%2C13.5%209.5%2C7%22%20fill%3D%22%23b92c00%22/%3E%3C/svg%3E)  center center no-repeat;
        vertical-align: middle; }
  footer .footBread {
    padding: 15px 0;
    background: #b92c00; }
    footer .footBread .breadcrumb li {
      color: #f7d09d; }
      footer .footBread .breadcrumb li::after {
        background:  url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%226.3%2C16.8%206.3%2C15.6%2011.6%2C10.3%206.3%2C5%206.3%2C3.8%2012.8%2C10.3%22%20fill%3D%22%23FFF%22/%3E%3C/svg%3E)  center center no-repeat; }
      footer .footBread .breadcrumb li a {
        color: #fff; }
        footer .footBread .breadcrumb li a:hover {
          opacity: 0.8; }
  footer .footMain {
    padding: 75px 0;
    background: #f6f6f6; }
    footer .footMain .logo {
      margin-bottom: 20px; }
    footer .footMain p {
      margin-bottom: 10px;
      font-size: 12px;
      font-size: 1.2rem; }
  footer .footMenu {
    text-align: center;
    margin-left: 30px; }
    footer .footMenu li {
      font-size: 13px;
      font-size: 1.3rem;
      display: block;
      margin-right: 30px;
      text-align: left;
      border-bottom: solid 1px #364663;
      margin: 0 10px; }
      footer .footMenu li:last-child {
        border-bottom: none; }
      footer .footMenu li a {
        display: block;
        padding: 12px 0;
        color: #fff; }
        footer .footMenu li a:hover {
          opacity: 0.7; }
        footer .footMenu li a.btn {
          font-size: 13px;
          font-size: 1.3rem;
          letter-spacing: 0.2em;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          line-height: inherit !important;
          color: #fff !important;
          border: solid 1px #fff !important;
          background-color: rgba(255, 255, 255, 0);
          margin: 10px 0;
          width: auto; }
          footer .footMenu li a.btn i {
            font-size: 14px;
            font-size: 1.4rem;
            color: #fff !important; }
          footer .footMenu li a.btn:hover {
            color: #fff !important;
            border: solid 1px #fff !important;
            background-color: rgba(255, 255, 255, 0.2); }
            footer .footMenu li a.btn:hover i {
              color: #fff !important; }
  footer .bannerArea {
    margin: 10px;
    margin-top: 30px;
    text-align: center; }
    footer .bannerArea .banner {
      margin-bottom: 10px; }
  footer .footCopy {
    padding-top: 20px;
    padding-bottom: 40px; }
    footer .footCopy .copyright {
      font-size: 12px;
      font-size: 1.2rem;
      text-align: center; }
  @media screen and (max-width: 1024px) {
    footer:before {
      height: 15px;
      background-size: 260%; }
    footer .colBox {
      margin: 0; }
    footer .goTopBtn a {
      background: rgba(255, 255, 255, 0.5); }
    footer .footMain {
      padding: 40px 0; }
      footer .footMain .logo img {
        height: 55px; }
    footer .bannerArea {
      margin-top: 20px; }
    footer .footMenu {
      display: none; } }

.footIllust {
  height: 300px;
  background:  url(../images/footer_illust_mid.png)  center bottom repeat-x;
  z-index: -1;
  position: relative;
  margin-top: -80px; }
  .footIllust img {
    display: none; }
  @media screen and (max-width: 1024px) {
    .footIllust {
      background-size: auto 180px !important;
      height: 180px;
      margin-top: -50px !important; } }

/* pageType_newGraduate */
body.pageType_newGraduate footer {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 80px; }
  body.pageType_newGraduate footer .goTopBtn {
    right: 40px; }
    body.pageType_newGraduate footer .goTopBtn a {
      border-color: #00a395; }
      body.pageType_newGraduate footer .goTopBtn a::after {
        background:  url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2216%2C13.5%2014.8%2C13.5%209.5%2C8.2%204.2%2C13.5%203%2C13.5%209.5%2C7%22%20fill%3D%22%2300a395%22/%3E%3C/svg%3E)  center center no-repeat; }
  body.pageType_newGraduate footer .footBread {
    padding: 15px 0;
    background: #00a395; }
    body.pageType_newGraduate footer .footBread .breadcrumb li {
      color: #ffff00; }
  body.pageType_newGraduate footer .footMain {
    margin: 0 20px;
    background: #f5f5f5; }
  body.pageType_newGraduate footer .footCopy {
    background: #fff; }
  @media screen and (max-width: 1024px) {
    body.pageType_newGraduate footer {
      margin-left: -10px;
      margin-right: -10px; }
      body.pageType_newGraduate footer .footMain {
        margin: 0 10px; } }

/* pageType_corporate */
body.pageType_corporate footer .goTopBtn a {
  border-color: #00a395; }
  body.pageType_corporate footer .goTopBtn a::after {
    background:  url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2216%2C13.5%2014.8%2C13.5%209.5%2C8.2%204.2%2C13.5%203%2C13.5%209.5%2C7%22%20fill%3D%22%2300a395%22/%3E%3C/svg%3E)  center center no-repeat; }

body.pageType_corporate footer .footBread {
  padding: 15px 0;
  background: #00a395; }
  body.pageType_corporate footer .footBread .breadcrumb li {
    color: #ffff00; }

body.pageType_corporate footer .footMain {
  background: #f5f5f5; }

body.pageType_corporate footer .footCopy {
  background: #fff; }

body.pageType_corporate .footIllust {
  background:  url(../images/footer_illust.png)  center bottom repeat-x; }

/* parts - BOX
 --------------------------------------------------- */
/* colBox */
.colBox {
  margin-left: -5px;
  margin-right: -5px;
  min-height: 1px; }
  .colBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .colBox .col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 10px; }
  .colBox .col1 {
    width: 100%;
    width: -webkit-calc(100%/1);
    width: -moz-calc(100%/1);
    width: calc(100%/1); }
  .colBox .col2 {
    width: 50%;
    width: -webkit-calc(100%/2);
    width: -moz-calc(100%/2);
    width: calc(100%/2); }
  .colBox .col3 {
    width: 33.33%;
    width: -webkit-calc(100%/3);
    width: -moz-calc(100%/3);
    width: calc(100%/3); }
    @media all and (-ms-high-contrast: none) {
      .colBox .col3 {
        /* IE11 */ }
        .colBox .col3 *::-ms-backdrop, .colBox .col3 {
          width: 33.33%; } }
  .colBox .col3-2 {
    width: 66.66%;
    width: -webkit-calc(100%/3*2);
    width: -moz-calc(100%/3*2);
    width: calc(100%/3*2); }
  .colBox .col4 {
    width: 25%;
    width: -webkit-calc(100%/4);
    width: -moz-calc(100%/4);
    width: calc(100%/4); }
  .colBox .col4-3 {
    width: 75%;
    width: -webkit-calc(100%/4+3);
    width: -moz-calc(100%/4+3);
    width: calc(100%/4+3); }
  .colBox .col5 {
    width: 20%;
    width: -webkit-calc(100%/5);
    width: -moz-calc(100%/5);
    width: calc(100%/5); }
  .colBox .col5-2 {
    width: 40%;
    width: -webkit-calc(100%/5*2);
    width: -moz-calc(100%/5*2);
    width: calc(100%/5*2); }
  .colBox .col5-3 {
    width: 60%;
    width: -webkit-calc(100%/5*3);
    width: -moz-calc(100%/5*3);
    width: calc(100%/5*3); }
  .colBox .col6 {
    width: 16.66%;
    width: -webkit-calc(100%/6);
    width: -moz-calc(100%/6);
    width: calc(100%/6); }
  .colBox .col6-5 {
    width: 83.34%;
    width: -webkit-calc(100%/6*5);
    width: -moz-calc(100%/6*5);
    width: calc(100%/6*5); }
  .colBox.m_2 {
    margin: 0; }
    .colBox.m_2 .col {
      margin: 0 1%;
      padding: 0;
      margin-bottom: 2%; }
    .colBox.m_2 .col2 {
      width: 45%;
      width: -webkit-calc(49%);
      width: -moz-calc(49%);
      width: calc(49%); }
      .colBox.m_2 .col2:nth-child(2n+1) {
        margin-left: 0 !important; }
      .colBox.m_2 .col2:nth-child(2n) {
        margin-right: 0 !important; }
    .colBox.m_2 .col3 {
      width: 45%;
      width: -webkit-calc(32%);
      width: -moz-calc(32%);
      width: calc(32%); }
      .colBox.m_2 .col3:nth-child(3n+1) {
        margin-left: 0 !important; }
      .colBox.m_2 .col3:nth-child(3n) {
        margin-right: 0 !important; }
    .colBox.m_2 .col4 {
      width: 45%;
      width: -webkit-calc(23.5%);
      width: -moz-calc(23.5%);
      width: calc(23.5%); }
      .colBox.m_2 .col4:nth-child(4n+1) {
        margin-left: 0 !important; }
      .colBox.m_2 .col4:nth-child(4n) {
        margin-right: 0 !important; }
    .colBox.m_2 .col5 {
      width: 45%;
      width: -webkit-calc(18.4%);
      width: -moz-calc(18.4%);
      width: calc(18.4%); }
      .colBox.m_2 .col5:nth-child(5n+1) {
        margin-left: 0 !important; }
      .colBox.m_2 .col5:nth-child(5n) {
        margin-right: 0 !important; }
    .colBox.m_2 .col6 {
      width: 45%;
      width: -webkit-calc(15%);
      width: -moz-calc(15%);
      width: calc(15%); }
      .colBox.m_2 .col6:nth-child(6n+1) {
        margin-left: 0 !important; }
      .colBox.m_2 .col6:nth-child(6n) {
        margin-right: 0 !important; }
  .colBox.m_3 {
    margin: 0; }
    .colBox.m_3 .col {
      margin: 0 1.5%;
      padding: 0;
      margin-bottom: 3%; }
    .colBox.m_3 .col2 {
      width: 45%;
      width: -webkit-calc(48.5%);
      width: -moz-calc(48.5%);
      width: calc(48.5%); }
      .colBox.m_3 .col2:nth-child(2n+1) {
        margin-left: 0 !important; }
      .colBox.m_3 .col2:nth-child(2n) {
        margin-right: 0 !important; }
    .colBox.m_3 .col3 {
      width: 45%;
      width: -webkit-calc(31.33333%);
      width: -moz-calc(31.33333%);
      width: calc(31.33333%); }
      .colBox.m_3 .col3:nth-child(3n+1) {
        margin-left: 0 !important; }
      .colBox.m_3 .col3:nth-child(3n) {
        margin-right: 0 !important; }
    .colBox.m_3 .col4 {
      width: 45%;
      width: -webkit-calc(22.75%);
      width: -moz-calc(22.75%);
      width: calc(22.75%); }
      .colBox.m_3 .col4:nth-child(4n+1) {
        margin-left: 0 !important; }
      .colBox.m_3 .col4:nth-child(4n) {
        margin-right: 0 !important; }
    .colBox.m_3 .col5 {
      width: 45%;
      width: -webkit-calc(17.6%);
      width: -moz-calc(17.6%);
      width: calc(17.6%); }
      .colBox.m_3 .col5:nth-child(5n+1) {
        margin-left: 0 !important; }
      .colBox.m_3 .col5:nth-child(5n) {
        margin-right: 0 !important; }
    .colBox.m_3 .col6 {
      width: 45%;
      width: -webkit-calc(14.16667%);
      width: -moz-calc(14.16667%);
      width: calc(14.16667%); }
      .colBox.m_3 .col6:nth-child(6n+1) {
        margin-left: 0 !important; }
      .colBox.m_3 .col6:nth-child(6n) {
        margin-right: 0 !important; }
  .colBox.m_5 {
    margin: 0; }
    .colBox.m_5 .col {
      margin: 0 2.5%;
      padding: 0;
      margin-bottom: 5%; }
    .colBox.m_5 .col2 {
      width: 45%;
      width: -webkit-calc(47.5%);
      width: -moz-calc(47.5%);
      width: calc(47.5%); }
      .colBox.m_5 .col2:nth-child(2n+1) {
        margin-left: 0 !important; }
      .colBox.m_5 .col2:nth-child(2n) {
        margin-right: 0 !important; }
    .colBox.m_5 .col3 {
      width: 45%;
      width: -webkit-calc(30%);
      width: -moz-calc(30%);
      width: calc(30%); }
      .colBox.m_5 .col3:nth-child(3n+1) {
        margin-left: 0 !important; }
      .colBox.m_5 .col3:nth-child(3n) {
        margin-right: 0 !important; }
    .colBox.m_5 .col4 {
      width: 45%;
      width: -webkit-calc(21.25%);
      width: -moz-calc(21.25%);
      width: calc(21.25%); }
      .colBox.m_5 .col4:nth-child(4n+1) {
        margin-left: 0 !important; }
      .colBox.m_5 .col4:nth-child(4n) {
        margin-right: 0 !important; }
    .colBox.m_5 .col5 {
      width: 45%;
      width: -webkit-calc(16%);
      width: -moz-calc(16%);
      width: calc(16%); }
      .colBox.m_5 .col5:nth-child(5n+1) {
        margin-left: 0 !important; }
      .colBox.m_5 .col5:nth-child(5n) {
        margin-right: 0 !important; }
    .colBox.m_5 .col6 {
      width: 45%;
      width: -webkit-calc(12.5%);
      width: -moz-calc(12.5%);
      width: calc(12.5%); }
      .colBox.m_5 .col6:nth-child(6n+1) {
        margin-left: 0 !important; }
      .colBox.m_5 .col6:nth-child(6n) {
        margin-right: 0 !important; }
  .colBox.m_10 {
    margin: 0; }
    .colBox.m_10 .col {
      margin: 0 5%;
      padding: 0;
      margin-bottom: 10%; }
    .colBox.m_10 .col2 {
      width: 45%;
      width: -webkit-calc(45%);
      width: -moz-calc(45%);
      width: calc(45%); }
      .colBox.m_10 .col2:nth-child(2n+1) {
        margin-left: 0 !important; }
      .colBox.m_10 .col2:nth-child(2n) {
        margin-right: 0 !important; }
    .colBox.m_10 .col3 {
      width: 45%;
      width: -webkit-calc(26.66667%);
      width: -moz-calc(26.66667%);
      width: calc(26.66667%); }
      .colBox.m_10 .col3:nth-child(3n+1) {
        margin-left: 0 !important; }
      .colBox.m_10 .col3:nth-child(3n) {
        margin-right: 0 !important; }
    .colBox.m_10 .col4 {
      width: 45%;
      width: -webkit-calc(17.5%);
      width: -moz-calc(17.5%);
      width: calc(17.5%); }
      .colBox.m_10 .col4:nth-child(4n+1) {
        margin-left: 0 !important; }
      .colBox.m_10 .col4:nth-child(4n) {
        margin-right: 0 !important; }
    .colBox.m_10 .col5 {
      width: 45%;
      width: -webkit-calc(12%);
      width: -moz-calc(12%);
      width: calc(12%); }
      .colBox.m_10 .col5:nth-child(5n+1) {
        margin-left: 0 !important; }
      .colBox.m_10 .col5:nth-child(5n) {
        margin-right: 0 !important; }
    .colBox.m_10 .col6 {
      width: 45%;
      width: -webkit-calc(8.33333%);
      width: -moz-calc(8.33333%);
      width: calc(8.33333%); }
      .colBox.m_10 .col6:nth-child(6n+1) {
        margin-left: 0 !important; }
      .colBox.m_10 .col6:nth-child(6n) {
        margin-right: 0 !important; }
  @media screen and (max-width: 1024px) {
    .colBox:not(.noVertical) {
      margin-left: 0;
      margin-right: 0; }
      .colBox:not(.noVertical) > .col {
        float: none;
        padding: 0;
        width: auto;
        margin-left: 0;
        margin-right: 0; } }
  @supports (-ms-ime-align: auto) {
    .colBox .col6 {
      width: 16%;
      width: -webkit-calc(100%/6);
      width: -moz-calc(100%/6);
      width: calc(100%/6);
      width: 16%; } }

/* byNum_box */
.byNum_box {
  padding: 10px; }
  .byNum_box ul {
    min-height: 1px; }
    .byNum_box ul:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .byNum_box ul li {
      float: left;
      text-align: center;
      line-height: 2;
      margin-bottom: 5px; }
      .byNum_box ul li:first-child:nth-last-child(1),
      .byNum_box ul li:first-child:nth-last-child(1) ~ * {
        width: 100%; }
      .byNum_box ul li:first-child:nth-last-child(2),
      .byNum_box ul li:first-child:nth-last-child(2) ~ * {
        width: 50%; }
      .byNum_box ul li:first-child:nth-last-child(3),
      .byNum_box ul li:first-child:nth-last-child(3) ~ * {
        width: 33.33%; }
      .byNum_box ul li:first-child:nth-last-child(4),
      .byNum_box ul li:first-child:nth-last-child(4) ~ * {
        width: 25%; }
      .byNum_box ul li:first-child:nth-last-child(5),
      .byNum_box ul li:first-child:nth-last-child(5) ~ * {
        width: 20%; }
    .byNum_box ul:last-child li {
      margin-bottom: 0; }

/* whiteBox */
.whiteBox {
  background: #fff;
  padding: 20px; }

/* tabBox */
.tabBox {
  margin: 0; }
  .tabBox .tab ul {
    border-bottom: solid 1px #b92c00; }
    .tabBox .tab ul li {
      min-width: 150px;
      margin: 0 3px;
      text-align: center;
      float: left;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      border: solid 1px #b92c00;
      margin-bottom: -1px;
      background: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      .tabBox .tab ul li:first-child {
        margin-left: 0; }
      .tabBox .tab ul li:last-child {
        margin-right: 0; }
      .tabBox .tab ul li:hover {
        background: #b92c00; }
      .tabBox .tab ul li a {
        line-height: 24px;
        line-height: 2.4rem;
        display: block;
        padding: 2px 5px;
        color: #b92c00;
        font-size: 13px;
        font-size: 1.3rem; }
      .tabBox .tab ul li.active {
        background: #b92c00; }
        .tabBox .tab ul li.active a {
          color: #fff; }
      .tabBox .tab ul li:not(.active):hover a {
        color: #fff; }
  .tabBox .tab_contant {
    padding: 10px;
    border-top: none; }
  @media screen and (max-width: 1024px) {
    .tabBox .tab ul li {
      min-width: inherit;
      width: 23.5%;
      margin-left: 1%;
      margin-right: 1%;
      height: 36px; }
      .tabBox .tab ul li:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      .tabBox .tab ul li > * {
        display: inline-block;
        vertical-align: middle; }
      .tabBox .tab ul li:nth-child(4n) {
        margin-right: 0; }
      .tabBox .tab ul li:nth-child(4n+1) {
        margin-left: 0; }
      .tabBox .tab ul li a {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        line-height: 1.2;
        padding: 5px;
        font-size: 14px;
        font-size: 1.4rem; } }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate .tabBox .tab ul {
  border-bottom: solid 1px #00a395; }
  body.pageType_newGraduate .tabBox .tab ul li {
    border: solid 1px #00a395; }
    body.pageType_newGraduate .tabBox .tab ul li:hover {
      background: #00a395; }
    body.pageType_newGraduate .tabBox .tab ul li a {
      color: #00a395; }
    body.pageType_newGraduate .tabBox .tab ul li.active {
      background: #00a395; }
      body.pageType_newGraduate .tabBox .tab ul li.active a {
        color: #fff; }
    body.pageType_newGraduate .tabBox .tab ul li:not(.active):hover a {
      color: #fff; }

/* pageType_corporate */
body.pageType_corporate .tabBox .tab ul {
  border-bottom: solid 1px #00a395; }
  body.pageType_corporate .tabBox .tab ul li {
    border: solid 1px #00a395; }
    body.pageType_corporate .tabBox .tab ul li:hover {
      background: #00a395; }
    body.pageType_corporate .tabBox .tab ul li a {
      color: #00a395; }
    body.pageType_corporate .tabBox .tab ul li.active {
      background: #00a395; }
      body.pageType_corporate .tabBox .tab ul li.active a {
        color: #fff; }
    body.pageType_corporate .tabBox .tab ul li:not(.active):hover a {
      color: #fff; }

/* accordionBox */
.accordionBox, .accordionStyle {
  margin: 0 !important;
  color: #595757; }
  .accordionBox .accordion_block .accordion_handle, .accordionStyle .accordion_block .accordion_handle {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: solid 1px #efefef;
    background: #fff;
    position: relative;
    padding: 20px;
    padding-right: 35px;
    cursor: pointer;
    /*text-align: center;*/ }
    .accordionBox .accordion_block .accordion_handle:after, .accordionStyle .accordion_block .accordion_handle:after {
      font-size: 18px;
      font-size: 1.8rem;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      height: 35px;
      width: 35px;
      background:  url(../images/arrow_link_b.png)  center no-repeat;
      margin-top: -17.5px;
      text-align: center;
      color: #b5b5b6; }
  .accordionBox .accordion_block .accordion_content, .accordionStyle .accordion_block .accordion_content {
    display: none;
    border-bottom: solid 1px #efefef;
    padding: 15px 20px;
    background: #efefef; }
  .accordionBox .accordion_block.open .accordion_handle:after, .accordionStyle .accordion_block.open .accordion_handle:after {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  .accordionBox .accordion_block.open .accordion_content, .accordionStyle .accordion_block.open .accordion_content {
    display: block; }

/* snsBtnBox */
.snsBtnBox {
  min-height: 1px;
  margin: 20px auto;
  padding: 5px;
  text-align: center; }
  .snsBtnBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .snsBtnBox .social_btn {
    display: block;
    margin-bottom: 5px;
    background: #bbb;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    min-width: 80px;
    margin: 0 5px 10px;
    border-bottom: solid 3px #ccc; }
    .snsBtnBox .social_btn:hover {
      -webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3);
      -o-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3); }
    .snsBtnBox .social_btn.social_fb {
      background-color: #2D64A5;
      border-bottom-color: #224c7d; }
      .snsBtnBox .social_btn.social_fb:hover {
        background-color: #265D9D; }
    .snsBtnBox .social_btn.social_tw {
      background-color: #56A4DA;
      border-bottom-color: #2d8dd0; }
      .snsBtnBox .social_btn.social_tw:hover {
        background-color: #4497D2; }
    .snsBtnBox .social_btn.social_go {
      background-color: #D14B39;
      border-bottom-color: #ae3829; }
      .snsBtnBox .social_btn.social_go:hover {
        background-color: #C03E2D; }
    .snsBtnBox .social_btn.social_ht {
      background-color: #0083D1;
      border-bottom-color: #00639e; }
      .snsBtnBox .social_btn.social_ht:hover {
        background-color: #006FB2; }
    .snsBtnBox .social_btn.social_li {
      background-color: #00C300;
      border-bottom-color: #009000; }
      .snsBtnBox .social_btn.social_li:hover {
        background-color: #00B500; }
    .snsBtnBox .social_btn a {
      display: block;
      line-height: 50px;
      color: #fff !important;
      background-position:  15px center;
      background-repeat: no-repeat;
      position: relative;
      min-width: 30px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 0em; }
  @media screen and (max-width: 1024px) {
    .snsBtnBox .social_btn {
      min-width: 40px; } }

#main > .reactionArea {
  top: 0;
  width: 100%;
  margin-top: -20px;
  margin-bottom: -40px; }
  #main > .reactionArea .snsBtnBox {
    margin-top: 0; }

.popupBox {
  background: #fff;
  padding: 30px;
  max-width: 620px; }
  .popupBox .popupTit {
    text-align: center;
    margin-bottom: 20px; }
    .popupBox .popupTit .title {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: normal;
      margin-bottom: 10px;
      color: #b92c00; }
    .popupBox .popupTit .subTit {
      display: block;
      padding: 8px 0 0;
      margin-bottom: 10px;
      position: relative;
      color: #b92c00; }
      .popupBox .popupTit .subTit:before {
        content: "";
        position: absolute;
        background: #b92c00;
        height: 2px;
        width: 80px;
        margin-left: -40px;
        left: 50%;
        top: 0;
        background-size: cover; }
  @media screen and (max-width: 1024px) {
    .popupBox .popupTit {
      margin-bottom: 5px; } }

.popupBox.mapSearchBox {
  max-width: 980px; }

.scroll_x_Box {
  overflow-x: auto; }
  .scroll_x_Box img {
    max-width: inherit; }
    @media screen and (max-width: 1024px) {
      .scroll_x_Box img {
        max-width: 700px; } }

.search_style_boxWrap .search_style_box {
  position: relative;
  width: 100%;
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: auto;
  background-position:  center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: background-size 0.3s ease;
  -moz-transition: background-size 0.3s ease;
  -ms-transition: background-size 0.3s ease;
  -o-transition: background-size 0.3s ease;
  transition: background-size 0.3s ease;
  border-bottom: solid 3px #b92c00; }
  .search_style_boxWrap .search_style_box:before {
    content: "";
    display: block;
    padding-top: 140%; }
  .search_style_boxWrap .search_style_box > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .search_style_boxWrap .search_style_box.recommend {
    background-image: url(../images/bg_search_style_01.png); }
  .search_style_boxWrap .search_style_box.preserveTradition {
    background-image: url(../images/bg_search_style_02.png); }
  .search_style_boxWrap .search_style_box.selfEmployment {
    background-image: url(../images/bg_search_style_03.png); }
  .search_style_boxWrap .search_style_box.partTime {
    background-image: url(../images/bg_search_style_04.png); }
  .search_style_boxWrap .search_style_box .btnArea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    top: auto; }
    .search_style_boxWrap .search_style_box .btnArea .btn {
      line-height: 2.6 !important;
      font-size: 14px;
      font-size: 1.4rem;
      min-width: 70%; }
  .search_style_boxWrap .search_style_box .search_style_box_title {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }
    .search_style_boxWrap .search_style_box .search_style_box_title h3, .search_style_boxWrap .search_style_box .search_style_box_title h4 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 10px;
      color: #b92c00; }
    .search_style_boxWrap .search_style_box .search_style_box_title .subTit {
      display: block;
      padding: 8px 0 0;
      margin-bottom: 10px;
      position: relative;
      color: #b92c00; }
      .search_style_boxWrap .search_style_box .search_style_box_title .subTit:before {
        content: "";
        position: absolute;
        background: #b92c00;
        height: 1.5px;
        width: 80px;
        margin-left: -40px;
        left: 50%;
        top: 0;
        background-size: cover; }
  .search_style_boxWrap .search_style_box > a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.search_style_boxWrap.colBox > .col {
  margin-bottom: 0; }
  .search_style_boxWrap.colBox > .col .col {
    padding: 0 10px;
    margin-bottom: 20px; }
  .search_style_boxWrap.colBox > .col:last-child .col {
    margin-bottom: 0; }

@media screen and (max-width: 1024px) {
  .search_style_boxWrap .search_style_box .search_style_box_title {
    margin-top: 15px;
    margin-bottom: 15px; }
    .search_style_boxWrap .search_style_box .search_style_box_title h3, .search_style_boxWrap .search_style_box .search_style_box_title h4 {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 5px; }
    .search_style_boxWrap .search_style_box .search_style_box_title .subTit {
      padding: 5px 0 0;
      font-size: 12px;
      font-size: 1.2rem; }
      .search_style_boxWrap .search_style_box .search_style_box_title .subTit:before {
        width: 50px;
        margin-left: -25px; }
  .search_style_boxWrap.colBox > .col .col {
    padding: 0 8px;
    margin-bottom: 16px; } }

.errorBox {
  max-width: 600px;
  margin: 30px auto;
  text-align: center; }
  .errorBox .errorCode {
    font-size: 70px;
    font-size: 7rem;
    font-weight: bold;
    margin-bottom: 10px; }
  .errorBox .errorDetail {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px; }

.searchBox {
  padding: 30px;
  background: #e1e8ef;
  margin-bottom: 20px; }
  .searchBox .multiplyArea {
    min-height: 1px;
    position: relative; }
    .searchBox .multiplyArea:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .searchBox .multiplyArea .multiply_left,
    .searchBox .multiplyArea .multiply_right {
      width: 47%;
      width: 355px; }
      .searchBox .multiplyArea .multiply_left select, .searchBox .multiplyArea .multiply_left .select2 .selection .select2-selection, .select2 .selection .searchBox .multiplyArea .multiply_left .select2-selection,
      .searchBox .multiplyArea .multiply_right select,
      .searchBox .multiplyArea .multiply_right .select2 .selection .select2-selection,
      .select2 .selection .searchBox .multiplyArea .multiply_right .select2-selection {
        margin: 0; }
    .searchBox .multiplyArea .multiply_left {
      float: left; }
    .searchBox .multiplyArea .multiply_right {
      float: right; }
    .searchBox .multiplyArea:before {
      content: "×";
      display: inline-block;
      text-align: center;
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 50px;
      width: 50px;
      color: #b92c00;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -25px;
      margin-left: -25px; }
  .searchBox .btnArea {
    padding-left: 38px;
    margin-bottom: -3px; }
    .searchBox .btnArea .btn {
      line-height: 38px !important;
      width: 100%; }
  .searchBox .colBox .col {
    margin: 0; }
  @media screen and (max-width: 1024px) {
    .searchBox {
      padding: 20px; }
      .searchBox .multiplyArea {
        margin-bottom: 20px; }
        .searchBox .multiplyArea .multiply_left,
        .searchBox .multiplyArea .multiply_right {
          width: auto;
          float: inherit; }
        .searchBox .multiplyArea .multiply_left {
          margin-bottom: 30px; }
      .searchBox .btnArea {
        padding-left: 0;
        margin-bottom: 0; } }

.searchBox_head {
  position: relative; }
  .searchBox_head .rightArea {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 30px; }
    .searchBox_head .rightArea select, .searchBox_head .rightArea .select2 .selection .select2-selection, .select2 .selection .searchBox_head .rightArea .select2-selection {
      min-width: 160px; }
    .searchBox_head .rightArea .btn {
      width: 160px; }
  @media screen and (max-width: 1024px) {
    .searchBox_head .rightArea {
      position: relative;
      margin-bottom: 10px; } }

.search_place_box .mapWrap {
  height: 100%;
  width: 100%;
  display: inline-block;
  margin-bottom: 30px; }
  .search_place_box .mapWrap:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  .search_place_box .mapWrap > * {
    display: inline-block;
    vertical-align: middle; }
  .search_place_box .mapWrap #map_japan {
    width: 100% !important; }
    .search_place_box .mapWrap #map_japan svg {
      margin-top: 10px; }
      .search_place_box .mapWrap #map_japan svg .balloon {
        pointer-events: none; }

@media screen and (max-width: 1024px) {
  .search_place_box {
    background: none;
    padding: 0;
    min-height: auto; }
    .search_place_box .mapArea {
      display: none !important; } }

.job_searchBox table {
  margin-top: -10px;
  color: #333; }
  .job_searchBox table tr {
    background: none; }
    .job_searchBox table tr th, .job_searchBox table tr td {
      border-bottom: solid 1px #eee;
      line-height: 36px;
      padding-top: 20px; }
    .job_searchBox table tr th {
      background: none;
      color: #333;
      text-align: left;
      position: relative;
      padding-left: 0;
      vertical-align: bottom; }
      .job_searchBox table tr th .note {
        color: #888;
        @inclide font-size(10); }
      .job_searchBox table tr th:before {
        content: "";
        position: absolute;
        display: block;
        bottom: -2px;
        left: 0;
        height: 2px;
        width: 100%;
        background: #b92c00; }
    .job_searchBox table tr td {
      padding-left: 20px;
      padding-right: 20px; }
      .job_searchBox table tr td input[type="checkbox"]:not(.switch):not(.switchBtn) + label {
        line-height: 32px; }
      .job_searchBox table tr td input[type="text"] {
        padding: 10px;
        max-width: 95%; }
      .job_searchBox table tr td textarea {
        padding: 10px;
        max-width: 95%; }
      .job_searchBox table tr td .selectBox {
        width: 95%;
        max-width: 95%; }
      .job_searchBox table tr td .checksBox {
        padding: 10px 0;
        margin-bottom: -10px;
        margin-right: -20px; }
  .job_searchBox table.wideTH tr th {
    width: 300px; }

.job_searchBox .detailSearch {
  display: none; }

.job_searchBox .btnArea {
  position: relative;
  margin-top: 30px;
  padding-bottom: 0.5px; }
  .job_searchBox .btnArea .btn {
    width: 300px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2; }
  .job_searchBox .btnArea .switch_detailSearch {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer; }
    .job_searchBox .btnArea .switch_detailSearch:after {
      content: "";
      width: 20px;
      height: 20px;
      @inclide font-size(10);
      color: #fff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px;
      margin-top: -0.2em;
      background-color: #b92c00;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
      background-position:  center;
      background-repeat: no-repeat;
      background-size: 10px; }
    .job_searchBox .btnArea .switch_detailSearch:hover {
      opacity: 0.7; }
    .job_searchBox .btnArea .switch_detailSearch .openText, .job_searchBox .btnArea .switch_detailSearch .closeText {
      text-decoration: underline;
      line-height: 20px;
      font-size: 12px;
      font-size: 1.2rem; }
    .job_searchBox .btnArea .switch_detailSearch.open .openText {
      display: none; }
    .job_searchBox .btnArea .switch_detailSearch.open .closeText {
      display: inline-block; }
    .job_searchBox .btnArea .switch_detailSearch.open:after {
      background-image: none;
      content: "×"; }
    .job_searchBox .btnArea .switch_detailSearch.close .openText {
      display: inline-block; }
    .job_searchBox .btnArea .switch_detailSearch.close .closeText {
      display: none; }

@media screen and (max-width: 1024px) {
  .job_searchBox table {
    margin-top: 0;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all; }
    .job_searchBox table tr th, .job_searchBox table tr td {
      display: block;
      width: 100% !important;
      min-width: inherit;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .job_searchBox table tr th {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.4; }
      .job_searchBox table tr th:before {
        width: 60px; }
    .job_searchBox table tr td {
      padding: 10px 0px 0px;
      border-bottom: none; }
      .job_searchBox table tr td input[type="text"] {
        max-width: inherit; }
      .job_searchBox table tr td .selectBox {
        width: auto;
        max-width: inherit; }
      .job_searchBox table tr td .checksBox {
        margin-bottom: 0;
        margin-right: 0; }
  .job_searchBox .btnArea {
    margin-top: 20px; }
    .job_searchBox .btnArea .switch_detailSearch {
      position: relative;
      text-align: center;
      display: block;
      margin-bottom: 20px; } }

.searchBox_header + .job_searchBox .jobSearch_labelRow.jobSearch_labelRow_jobtype, .searchBox_header + .job_searchBox .jobSearch_labelRow.jobSearch_inputRow_jobtype,
.searchBox_header + .job_searchBox .jobSearch_inputRow.jobSearch_labelRow_jobtype,
.searchBox_header + .job_searchBox .jobSearch_inputRow.jobSearch_inputRow_jobtype {
  display: none !important; }

@media screen and (max-width: 1024px) {
  .searchBox_header + .job_searchBox .jobSearch_labelRow.jobSearch_labelRow_jobtype, .searchBox_header + .job_searchBox .jobSearch_labelRow.jobSearch_inputRow_jobtype, .searchBox_header + .job_searchBox .jobSearch_labelRow.jobSearch_labelRow_jobpref, .searchBox_header + .job_searchBox .jobSearch_labelRow.jobSearch_inputRow_jobpref,
  .searchBox_header + .job_searchBox .jobSearch_inputRow.jobSearch_labelRow_jobtype,
  .searchBox_header + .job_searchBox .jobSearch_inputRow.jobSearch_inputRow_jobtype,
  .searchBox_header + .job_searchBox .jobSearch_inputRow.jobSearch_labelRow_jobpref,
  .searchBox_header + .job_searchBox .jobSearch_inputRow.jobSearch_inputRow_jobpref {
    display: none !important; } }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate .job_searchBox table {
  color: #333; }
  body.pageType_newGraduate .job_searchBox table tr {
    background: none; }
    body.pageType_newGraduate .job_searchBox table tr th:before {
      background: #00a395; }

.jobListBox .jobListBox_head {
  position: relative;
  min-height: 30px;
  border-bottom: solid 3px #fff;
  margin-bottom: 20px; }
  .jobListBox .jobListBox_head .resultNum {
    margin-bottom: -3px;
    min-height: 40px;
    border-bottom: solid 3px #b92c00;
    display: inline-block; }
    .jobListBox .jobListBox_head .resultNum .num {
      color: #b92c00;
      font-size: 26px;
      font-size: 2.6rem;
      margin-right: 3px; }
  .jobListBox .jobListBox_head .orderRadioArea {
    position: absolute;
    right: 0;
    bottom: 8px; }
  @media screen and (max-width: 1024px) {
    .jobListBox .jobListBox_head {
      margin-bottom: 48px; }
      .jobListBox .jobListBox_head .resultNum {
        min-height: 30px; }
      .jobListBox .jobListBox_head .orderRadioArea {
        bottom: auto;
        top: 100%;
        margin-top: 13px; } }

.jobListBox .jobList .btnArea {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 0.5px; }
  .jobListBox .jobList .btnArea .btn {
    width: 300px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px !important;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px; }
    .jobListBox .jobList .btnArea .btn.readMore_btn {
      position: relative; }
      .jobListBox .jobList .btnArea .btn.readMore_btn .loaderDom {
        text-align: center;
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
        -o-transform: scale(0.2);
        transform: scale(0.2);
        top: 50%; }
        .jobListBox .jobList .btnArea .btn.readMore_btn .loaderDom .loader {
          margin: 0 auto; }
        .jobListBox .jobList .btnArea .btn.readMore_btn .loaderDom .loader,
        .jobListBox .jobList .btnArea .btn.readMore_btn .loaderDom .loader:before,
        .jobListBox .jobList .btnArea .btn.readMore_btn .loaderDom .loader:after {
          background: #fff; }

.jobListBox .jobList .loaderDom {
  top: 6em; }

.jobBox .results .detail {
  background: #fff;
  padding: 20px 15px;
  margin-bottom: 20px; }
  .jobBox .results .detail .point, .jobBox .results .detail h4, .jobBox .results .detail .company {
    margin: 0 0 20px; }
  .jobBox .results .detail .day {
    display: inline-block;
    margin: 0; }
  .jobBox .results .detail .point {
    display: -webkit-box;
    /* Android4.3以前ブラウザ用 */
    display: -webkit-flex;
    /* iOS8以前Safari用 */
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .jobBox .results .detail .point li {
      width: 140px;
      background: #90ceec;
      border-radius: 5px;
      text-align: center;
      margin: 0 5px 5px 0;
      font-size: 0.8rem; }
      .jobBox .results .detail .point li.employment {
        width: auto;
        padding: 0 17px;
        border: solid 1px #90ceec;
        background: white; }
    .jobBox .results .detail .point:nth-child(2) li.employment {
      display: none; }
    .jobBox .results .detail .point:nth-child(1) {
      margin: 0; }
  .jobBox .results .detail h4 {
    padding: 20px;
    background: #0b2a67;
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem; }
  .jobBox .results .detail .company li {
    padding-left: 5px;
    display: inline;
    margin-right: 10px;
    font-size: 16px;
    font-size: 1.6rem; }
  .jobBox .results .detail .day li {
    width: 190px;
    text-indent: 10px;
    text-align: left;
    border-radius: 5px;
    background: #fff;
    display: block;
    margin: 0 5px 5px 0;
    font-size: 0.9rem; }
  .jobBox .results .detail .dateInformation {
    padding: 20px 0 10px; }
    .jobBox .results .detail .dateInformation .newOffer {
      display: inline-block;
      float: left;
      margin: 0 3px;
      padding: 5px 7px;
      background: #ff0066;
      border-radius: 5px;
      color: #fff;
      font-size: 10px; }
    .jobBox .results .detail .dateInformation .offerTerm {
      display: block;
      float: left;
      margin: 0 10px;
      padding-top: 3px; }
    .jobBox .results .detail .dateInformation .offerNum {
      display: block;
      float: right;
      padding-top: 3px; }
  .jobBox .results .detail .tags {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; }
    .jobBox .results .detail .tags .tag {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 0 3px 6px;
      padding: 3px 10px;
      background: #fff;
      border: solid 1px #062983;
      border-radius: 2px;
      color: #062983;
      font-size: 12px;
      font-size: 1.2rem;
      text-align: center;
      min-width: 68px; }
      .jobBox .results .detail .tags .tag.checked {
        background: #617aa1;
        border-color: #617aa1;
        color: #fff; }
  .jobBox .results .detail .pointAndPhoto {
    padding: 20px;
    background: #ffebf3; }
  .jobBox .results .detail .btn_area_jf {
    text-align: center;
    margin: 20px 0 0;
    /*詳細をみる・この求人に応募する・応募を確定する*/
    /*お気に入り登録*/
    /*ボタン内＞共通css　白*/
    /*ボタン内＞共通css　青*/
    /*ボタン内＞共通css　赤*/ }
    .jobBox .results .detail .btn_area_jf button, .jobBox .results .detail .btn_area_jf .btn {
      width: 300px;
      height: 60px;
      line-height: 30px;
      display: block;
      vertical-align: middle;
      position: relative;
      text-align: center;
      font-weight: 600;
      font-size: 15px;
      font-size: 1.5rem;
      color: #fff;
      border-style: none;
      margin: 0 auto 15px;
      padding: 15px 0;
      overflow: hidden;
      cursor: pointer;
      margin: 5px 10px; }
    .jobBox .results .detail .btn_area_jf button.favorite,
    .jobBox .results .detail .btn_area_jf button.application,
    .jobBox .results .detail .btn_area_jf button.confirm,
    .jobBox .results .detail .btn_area_jf button.subscribed {
      width: 300px;
      display: inline-block;
      vertical-align: middle; }
    .jobBox .results .detail .btn_area_jf button.view_details,
    .jobBox .results .detail .btn_area_jf button.application:not(.disabled),
    .jobBox .results .detail .btn_area_jf button.confirm {
      background: #0b2a67; }
    .jobBox .results .detail .btn_area_jf button.application.disabled,
    .jobBox .results .detail .btn_area_jf button.favorite.disabled {
      background-color: #a0a0a0; }
    .jobBox .results .detail .btn_area_jf button.favorite:not(.disabled) {
      background: #7cafe9; }
    .jobBox .results .detail .btn_area_jf button.favorite:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 24px;
      height: 22px;
      margin-top: -12px;
      margin-left: -85px;
      background-image: url(../images/pages/job_detail/job_detail_star.png);
      background-size: cover; }
    .jobBox .results .detail .btn_area_jf .grater_than_sign_w:after,
    .jobBox .results .detail .btn_area_jf .grater_than_sign_b:after,
    .jobBox .results .detail .btn_area_jf .grater_than_sign_r:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-weight: 600;
      width: 9px;
      height: 9px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      position: absolute;
      position: absolute;
      top: 0;
      right: 30px;
      bottom: 0;
      margin: auto; }
    .jobBox .results .detail .btn_area_jf .grater_than_sign_w:after {
      border-top: solid 2px #fff;
      border-right: solid 2px #fff; }
    .jobBox .results .detail .btn_area_jf .grater_than_sign_b:after {
      border-top: solid 2px #062983;
      border-right: solid 2px #062983; }
    .jobBox .results .detail .btn_area_jf .grater_than_sign_r:after {
      border-top: solid 2px #e23828;
      border-right: solid 2px #e23828; }
    .jobBox .results .detail .btn_area_jf .btn.linkBtn {
      display: inline-block; }
      .jobBox .results .detail .btn_area_jf .btn.linkBtn:after {
        height: 26px;
        width: 26px; }
  .jobBox .results .detail .tableArea {
    margin: 20px 0; }
    .jobBox .results .detail .tableArea table {
      color: #333;
      background: #f7f7f7;
      border-collapse: collapse;
      font-size: 13px;
      font-size: 1.3rem; }
      .jobBox .results .detail .tableArea table tr {
        background: none; }
      .jobBox .results .detail .tableArea table th, .jobBox .results .detail .tableArea table td {
        border-bottom: 1px dashed #ccc;
        padding: 16px; }
      .jobBox .results .detail .tableArea table tr:last-child th, .jobBox .results .detail .tableArea table tr:last-child td {
        border-bottom: none; }
      .jobBox .results .detail .tableArea table th {
        background: #e2f2f8;
        color: #333;
        font-weight: bold;
        width: 160px;
        text-align: left; }
      .jobBox .results .detail .tableArea table td p {
        margin-bottom: 0 !important;
        line-height: 1.6 !important; }
      .jobBox .results .detail .tableArea table td table {
        margin: -16px; }
        .jobBox .results .detail .tableArea table td table th {
          background: #efefef;
          width: 100px; }
  .jobBox .results .detail.workType_3 h4, .jobBox .results .detail.workType_4 h4, .jobBox .results .detail.jobClassification_7 h4, .jobBox .results .detail.jobClassification_8 h4, .jobBox .results .detail.jobClassification_9 h4 {
    min-height: 80px;
    background-position:  20px 20px;
    background-repeat: no-repeat;
    background-size: 80px;
    padding-left: 110px;
    vertical-align: middle; }
    .jobBox .results .detail.workType_3 h4:before, .jobBox .results .detail.workType_4 h4:before, .jobBox .results .detail.jobClassification_7 h4:before, .jobBox .results .detail.jobClassification_8 h4:before, .jobBox .results .detail.jobClassification_9 h4:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .jobBox .results .detail.workType_3 h4 > *, .jobBox .results .detail.workType_4 h4 > *, .jobBox .results .detail.jobClassification_7 h4 > *, .jobBox .results .detail.jobClassification_8 h4 > *, .jobBox .results .detail.jobClassification_9 h4 > * {
      display: inline-block;
      vertical-align: middle; }
    .jobBox .results .detail.workType_3 h4:before, .jobBox .results .detail.workType_4 h4:before, .jobBox .results .detail.jobClassification_7 h4:before, .jobBox .results .detail.jobClassification_8 h4:before, .jobBox .results .detail.jobClassification_9 h4:before {
      height: 80px; }
  .jobBox .results .detail.workType_3 h4 {
    background-image: url(../images/icon_workType_3.png); }
  .jobBox .results .detail.workType_4 h4 {
    background-image: url(../images/icon_workType_4.png); }
  .jobBox .results .detail.jobClassification_7 h4 {
    background-image: url(../images/icon_jobClassification_7.png); }
  .jobBox .results .detail.jobClassification_8 h4 {
    background-image: url(../images/icon_jobClassification_8.png); }
  .jobBox .results .detail.jobClassification_9 h4 {
    background-image: url(../images/icon_jobClassification_9.png); }

.jobBox .results .photo {
  margin: 0 10px; }
  .jobBox .results .photo img {
    width: 100%;
    max-width: none; }

.jobBox .jyouken dt span {
  font-size: 0.8em; }

.jobBox .point_interest ul {
  margin: 10px 0 10px 15px; }

.jobBox .point_interest li {
  position: relative;
  border-bottom: 1px dashed #999999;
  padding: 15px 15px 15px 30px; }
  .jobBox .point_interest li:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #0b2a67;
    border-radius: 50%; }
  .jobBox .point_interest li:last-child {
    border-bottom: none; }

@media screen and (min-width: 1024px) {
  .jobBox .results {
    margin: 0px 0 30px; }
    .jobBox .results .detail {
      padding: 20px 23px 20px;
      margin-bottom: 20px; }
      .jobBox .results .detail .point:first-child {
        display: none; }
      .jobBox .results .detail .point:nth-child(2) li.employment {
        display: block; }
      .jobBox .results .detail .point li {
        width: 150px;
        height: 26px;
        line-height: 26px; }
      .jobBox .results .detail .company li:nth-of-type(1) {
        margin-right: 30px; }
      .jobBox .results .detail .day li {
        text-indent: 0px;
        text-align: center;
        display: inline-block;
        margin-right: 5px; }
      .jobBox .results .detail .photo {
        width: 290px;
        float: left;
        display: inline-block; }
      .jobBox .results .detail .btn_area_jf {
        display: block;
        margin: 20px 0 0;
        font-size: 0; }
    .jobBox .results .point_interest {
      width: 540px;
      float: right;
      margin: 0 30px 20px 0; } }

@media screen and (max-width: 1024px) {
  .jobBox .results .detail .tableArea table {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all; }
    .jobBox .results .detail .tableArea table tr th, .jobBox .results .detail .tableArea table tr td {
      display: block;
      width: 100% !important;
      min-width: inherit;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .jobBox .results .detail .tableArea table tr th {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.4; }
      .jobBox .results .detail .tableArea table tr th:before {
        width: 60px; }
    .jobBox .results .detail .tableArea table tr:last-child th {
      border-bottom: 1px dashed #ccc; }
    .jobBox .results .detail .tableArea table tr td {
      padding: 10px;
      border-bottom: none;
      margin: 0 !important; }
      .jobBox .results .detail .tableArea table tr td table {
        margin: 0; }
        .jobBox .results .detail .tableArea table tr td table th {
          padding: 10px;
          font-size: 16px;
          font-size: 1.6rem;
          background: none; }
  .jobBox .results .detail.workType_3 h4, .jobBox .results .detail.workType_4 h4 {
    min-height: 45px;
    background-size: 45px;
    padding-left: 75px; }
    .jobBox .results .detail.workType_3 h4:before, .jobBox .results .detail.workType_4 h4:before {
      height: 45px; } }

/* parts - List
 --------------------------------------------------- */
/* articleList */
.articleList {
  margin-bottom: 40px;
  padding: 0 30px; }
  .articleList ul {
    min-height: 100px; }
    .articleList ul.noIndex {
      min-height: inherit; }
    .articleList ul li {
      border-bottom: dashed 1px #cccccc; }
  .articleList .articleItem {
    min-height: 1px;
    padding: 30px 0; }
    .articleList .articleItem:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .articleList .articleItem .date {
      width: 110px;
      float: left;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center;
      font-weight: bold;
      line-height: 24px; }
    .articleList .articleItem .text {
      margin-left: 120px;
      line-height: 24px; }
      .articleList .articleItem .text a {
        color: #333; }
        .articleList .articleItem .text a:hover {
          color: #999; }
  .articleList .btnArea {
    padding: 20px 0 0.5px; }
    .articleList .btnArea .btn {
      line-height: 20px !important;
      font-size: 12px;
      font-size: 1.2rem;
      display: inline-block;
      width: auto;
      min-width: 200px;
      padding: 10px 40px; }
  .articleList.typeBox {
    padding: 0; }
    .articleList.typeBox ul {
      min-height: 1px;
      margin-left: -1%;
      margin-right: -1%;
      min-height: 300px; }
      .articleList.typeBox ul:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
      .articleList.typeBox ul.noIndex {
        min-height: inherit; }
      .articleList.typeBox ul li {
        border: none;
        float: left;
        width: 23%;
        margin: 0 1%;
        margin-bottom: 2%; }
        .articleList.typeBox ul li:nth-child(4n+1):nth-last-child(-n+4),
        .articleList.typeBox ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
          margin-bottom: 0; }
    .articleList.typeBox .articleItem {
      background: #fff;
      padding: 20px;
      padding-top: 160px;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      margin-top: 0;
      margin-bottom: 3px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      .articleList.typeBox .articleItem:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        background: #D4D4D4;
        top: 100%;
        left: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        z-index: 0; }
      .articleList.typeBox .articleItem .imageArea {
        position: absolute;
        width: 100%;
        height: 150px;
        top: 0;
        left: 0;
        background-position:  center;
        background-repeat: no-repeat;
        background-size: cover; }
      .articleList.typeBox .articleItem .title {
        margin-bottom: 10px; }
        .articleList.typeBox .articleItem .title span {
          padding-bottom: 3px;
          margin-left: -20px;
          padding-left: 20px;
          display: inline-block;
          border-bottom: solid 2px #D4D4D4; }
      .articleList.typeBox .articleItem .date {
        width: auto;
        padding-right: 10px;
        font-weight: normal;
        font-size: 11px;
        font-size: 1.1rem; }
      .articleList.typeBox .articleItem .text {
        font-size: 13px;
        font-size: 1.3rem;
        width: 100%;
        float: left;
        margin: 5px 0;
        line-height: 1.8; }
      .articleList.typeBox .articleItem > a {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0; }
      .articleList.typeBox .articleItem > * {
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      .articleList.typeBox .articleItem:hover > * {
        opacity: 0.9; }
  @media screen and (max-width: 1024px) {
    .articleList {
      margin-bottom: 20px;
      padding: 0 10px; }
      .articleList .articleItem {
        padding: 15px 0 10px; }
        .articleList .articleItem .date {
          width: auto;
          padding-right: 10px; }
        .articleList .articleItem .text {
          width: 100%;
          float: left;
          margin: 5px 0;
          line-height: 1.6; }
      .articleList .btnArea {
        padding-top: 10px; }
      .articleList.typeBox ul {
        margin-left: 0;
        margin-right: 0;
        min-height: 1px; }
        .articleList.typeBox ul li {
          float: none;
          width: 100%;
          margin: 0;
          margin-bottom: 10px; }
          .articleList.typeBox ul li:nth-child(4n+1):nth-last-child(-n+4),
          .articleList.typeBox ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
            margin-bottom: 10px; }
      .articleList.typeBox .articleItem {
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px;
        padding-left: 180px; }
        .articleList.typeBox .articleItem:before {
          display: none; }
        .articleList.typeBox .articleItem .imageArea {
          width: 170px;
          height: 100%; }
        .articleList.typeBox .articleItem .title {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold;
          margin-bottom: 3px; }
          .articleList.typeBox .articleItem .title span {
            padding-bottom: 0;
            margin-left: 0;
            padding-left: 0;
            border-bottom: none; }
        .articleList.typeBox .articleItem .text {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6; } }

.sectContTit + .articleList {
  margin-top: -20px; }
  .sectContTit + .articleList.typeBox {
    margin-top: 0; }

.iconItemList .iconItem {
  min-height: 1px; }
  .iconItemList .iconItem:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .iconItemList .iconItem .image {
    float: left;
    width: 140px; }
  .iconItemList .iconItem .cont {
    margin-left: 160px; }
    .iconItemList .iconItem .cont .title .sectContTit {
      margin-bottom: 20px !important; }
      .iconItemList .iconItem .cont .title .sectContTit h4 {
        font-size: 18px;
        font-size: 1.8rem; }
        .iconItemList .iconItem .cont .title .sectContTit h4 a {
          color: #b92c00; }
          .iconItemList .iconItem .cont .title .sectContTit h4 a:hover {
            opacity: 0.7; }
    .iconItemList .iconItem .cont .text {
      line-height: 1.6; }

@media screen and (min-width: 1024px) {
  .iconItemList.colBox .col {
    margin-bottom: 30px; }
    .iconItemList.colBox .col:nth-child(2n-1) {
      padding-right: 20px; }
    .iconItemList.colBox .col:nth-child(2n) {
      padding-left: 20px; } }

@media screen and (max-width: 1024px) {
  .iconItemList {
    padding: 0 10px; }
    .iconItemList .iconItem .image {
      width: 70px; }
    .iconItemList .iconItem .cont {
      margin-left: 80px; }
      .iconItemList .iconItem .cont .title .sectContTit {
        margin-bottom: 10px !important; } }

/* parts - contents
 --------------------------------------------------- */
.mainVisual .mainVisual_content {
  position: relative; }

.mainVisual .mainVisual_bg {
  height: 560px;
  background-size: cover;
  background-position: center; }

.mainVisual .mainVisual_body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .mainVisual .mainVisual_body .fInner {
    height: 100%; }
  .mainVisual .mainVisual_body .mainVisual_varticalWrap {
    height: 100%; }
    .mainVisual .mainVisual_body .mainVisual_varticalWrap:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .mainVisual .mainVisual_body .mainVisual_varticalWrap > * {
      display: inline-block;
      vertical-align: middle; }
    .mainVisual .mainVisual_body .mainVisual_varticalWrap:before {
      margin-left: -6px; }

@media screen and (max-width: 1024px) {
  .mainVisual .mainVisual_bg {
    height: auto !important;
    position: relative;
    width: 100%; }
    .mainVisual .mainVisual_bg:before {
      content: "";
      display: block;
      padding-top: 40%; }
    .mainVisual .mainVisual_bg > * {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; } }

body.coTOP .mainVisual .mainVisual_bg {
  height: auto !important;
  position: relative;
  width: 100%; }
  body.coTOP .mainVisual .mainVisual_bg:before {
    content: "";
    display: block;
    padding-top: 33.6%; }
  body.coTOP .mainVisual .mainVisual_bg > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  @media screen and (max-width: 1024px) {
    body.coTOP .mainVisual .mainVisual_bg {
      position: relative;
      width: 100%; }
      body.coTOP .mainVisual .mainVisual_bg:before {
        content: "";
        display: block;
        padding-top: 57.8%; }
      body.coTOP .mainVisual .mainVisual_bg > * {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; } }

body.newTOP .mainVisual .mainVisual_bg {
  height: 0 !important;
  padding-top: 44%; }

@media screen and (max-width: 1024px) {
  body.midTOP .mainVisual .mainVisual_bg {
    height: 0 !important;
    padding-top: 58%;
    padding-top: 51%; } }

/* pageType */
/* pageType_midCareer */
@media screen and (max-width: 1024px) {
  body.pageType_midCareer .mainVisual .mainVisual_content {
    margin-bottom: 64px; } }

.mainVisual.pageTitle:after {
  display: none; }

.mainVisual.pageTitle .mainVisual_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0; }

.mainVisual.pageTitle .mainVisual_body {
  position: relative;
  background: none;
  bottom: inherit; }

.mainVisual.pageTitle .pageTitle_titleArea {
  padding: 50px 0;
  text-align: center; }
  .mainVisual.pageTitle .pageTitle_titleArea .titleBox {
    background: rgba(255, 255, 255, 0.8);
    padding: 24px;
    display: inline-block;
    margin: 0 auto;
    min-width: 360px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .mainVisual.pageTitle .pageTitle_titleArea .titleBox h1, .mainVisual.pageTitle .pageTitle_titleArea .titleBox h2 {
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: normal;
      margin-bottom: 10px; }
    .mainVisual.pageTitle .pageTitle_titleArea .titleBox .subTit {
      display: block;
      padding: 5px 0 0;
      position: relative;
      color: #b92c00; }
      .mainVisual.pageTitle .pageTitle_titleArea .titleBox .subTit:before {
        content: "";
        position: absolute;
        background: #b92c00;
        height: 2px;
        width: 80px;
        margin-left: -40px;
        left: 50%;
        top: 0;
        background-size: cover; }

@media screen and (max-width: 1024px) {
  .mainVisual.pageTitle .pageTitle_titleArea .titleBox {
    min-width: auto;
    width: 100%; } }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate .mainVisual.pageTitle {
  margin: 20px; }
  body.pageType_newGraduate .mainVisual.pageTitle .mainVisual_bg {
    background: none;
    background:  url(../images/pt_grid_sky.png)  center center;
    border: solid 1px #ccedea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important; }
  body.pageType_newGraduate .mainVisual.pageTitle .mainVisual_body .mainVisual_varticalWrap:before {
    margin-left: 0;
    display: block; }
  body.pageType_newGraduate .mainVisual.pageTitle .mainVisual_body .mainVisual_varticalItem {
    width: 100%;
    margin-top: 0; }
  body.pageType_newGraduate .mainVisual.pageTitle .titleBox {
    margin: 40px 0 60px;
    text-align: center;
    width: 100%;
    position: inherit;
    background: none;
    padding: 0;
    height: inherit; }
    body.pageType_newGraduate .mainVisual.pageTitle .titleBox:after {
      display: none; }
    body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_title {
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 40px;
      font-size: 4rem;
      font-weight: normal;
      letter-spacing: 0.3em;
      position: relative; }
      body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust {
        position: absolute;
        width: 90px;
        top: 10px; }
        body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust + span {
          margin-left: 110px;
          display: inline-block;
          text-align: left; }
    body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_lead {
      color: #fff;
      background: #00a395;
      padding: 10px 40px;
      display: block;
      position: relative; }
      body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_lead:before, body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_lead:after {
        display: block;
        content: "";
        position: absolute;
        height: 100%;
        width: 40px;
        right: 0;
        top: 0; }
      body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_lead:before {
        background: #ff04c1;
        background: -webkit-linear-gradient(right top, #ff04c1 0%, #ff04c1 41%,rgba(255, 255, 255, 0) 41.5%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(right top, #ff04c1 0%, #ff04c1 41%,rgba(255, 255, 255, 0) 41.5%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(right top, #ff04c1 0%, #ff04c1 41%,rgba(255, 255, 255, 0) 41.5%, rgba(255, 255, 255, 0) 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff04c1', endColorstr='rgba(255, 255, 255, 0)',GradientType=0 )";
        background: -o-linear-gradient(right top, #ff04c1 0%, #ff04c1 41%,rgba(255, 255, 255, 0) 41.5%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, right top, left bottom, from(#ff04c1), color-stop(41%, #ff04c1),color-stop(41.5%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left bottom, #ff04c1 0%, #ff04c1 41%,rgba(255, 255, 255, 0) 41.5%, rgba(255, 255, 255, 0) 100%); }
      body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_lead:after {
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%,#f6ff00 60.5%, #f6ff00 100%);
        background: -moz-linear-gradient(left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%,#f6ff00 60.5%, #f6ff00 100%);
        background: -ms-linear-gradient(left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%,#f6ff00 60.5%, #f6ff00 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#f6ff00',GradientType=0 )";
        background: -o-linear-gradient(left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%,#f6ff00 60.5%, #f6ff00 100%);
        background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)),color-stop(60.5%, #f6ff00), to(#f6ff00));
        background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%,#f6ff00 60.5%, #f6ff00 100%); }
  @media screen and (max-width: 1024px) {
    body.pageType_newGraduate .mainVisual.pageTitle .titleBox {
      margin: 20px 0 30px; }
      body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_title {
        font-size: 28px;
        font-size: 2.8rem; }
        body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust {
          width: 60px; }
          body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust + span {
            margin-left: 70px; }
      body.pageType_newGraduate .mainVisual.pageTitle .titleBox .titleBox_lead {
        margin: 0 -20px;
        padding-left: 10px;
        text-align: left; } }

.breadrumb {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 10px;
  margin-bottom: 10px; }
  .breadrumb a, .breadrumb .title {
    margin: 0 5px;
    vertical-align: middle; }
  .breadrumb .title {
    color: #b92c00; }

.breadcrumb {
  min-height: 1px; }
  .breadcrumb:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .breadcrumb li {
    display: inline-block;
    float: left;
    margin: 0.2em 0;
    color: #b92c00;
    font-size: 16px;
    font-size: 1.6rem; }
    .breadcrumb li::after {
      display: inline-block;
      margin: 0 .6em;
      margin-top: -0.2em;
      content: '';
      height: 16px;
      width: 16px;
      background:  url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%226.3%2C16.8%206.3%2C15.6%2011.6%2C10.3%206.3%2C5%206.3%2C3.8%2012.8%2C10.3%22%20fill%3D%22%23999%22/%3E%3C/svg%3E)  center center no-repeat;
      vertical-align: middle; }
    .breadcrumb li:last-of-type::after {
      display: none; }
  .breadcrumb li > * {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem; }

/* section */
#container #main section .sectTit {
  text-align: center;
  margin-bottom: 30px; }
  #container #main section .sectTit h2, #container #main section .sectTit h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 10px; }
  #container #main section .sectTit .subTit {
    display: block;
    margin-bottom: 10px;
    margin-top: -10px;
    color: #b92c00; }

#container #main section .sectCont .sectContTit {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
  position: relative; }
  #container #main section .sectCont .sectContTit h3, #container #main section .sectCont .sectContTit h4 {
    font-size: 20px;
    font-size: 2rem;
    display: inline-block;
    letter-spacing: 0.2em;
    font-weight: bold;
    padding: 10px 0;
    padding-right: 20px;
    position: relative;
    margin-bottom: -1px; }
    #container #main section .sectCont .sectContTit h3:after, #container #main section .sectCont .sectContTit h4:after {
      position: absolute;
      content: "";
      height: 3px;
      width: 100%;
      background: #b92c00;
      bottom: 0;
      left: 0; }
  #container #main section .sectCont .sectContTit .sectContTit_sub {
    display: inline-block;
    position: absolute;
    top: 0;
    margin-left: 20px; }
    #container #main section .sectCont .sectContTit .sectContTit_sub select, #container #main section .sectCont .sectContTit .sectContTit_sub .select2 .selection .select2-selection, .select2 .selection #container #main section .sectCont .sectContTit .sectContTit_sub .select2-selection, #container #main section .sectCont .sectContTit .sectContTit_sub .select2 {
      min-width: 180px;
      margin: 10px 0; }
      #container #main section .sectCont .sectContTit .sectContTit_sub select.select2-selection, #container #main section .sectCont .sectContTit .sectContTit_sub .select2 .selection .select2-selection, .select2 .selection #container #main section .sectCont .sectContTit .sectContTit_sub .select2-selection, #container #main section .sectCont .sectContTit .sectContTit_sub .select2.select2-selection {
        margin-top: 0 !important;
        margin-bottom: 0 !important; }
    #container #main section .sectCont .sectContTit .sectContTit_sub p {
      margin: 14px 0;
      font-size: 13px;
      font-size: 1.3rem; }

#container #main section .sectCont > h4, #container #main section .sectCont > h5 {
  line-height: 26px;
  line-height: 2.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  margin-top: 20px;
  font-weight: bold; }

#container #main section .sectCont > h5 {
  font-size: 14px;
  font-size: 1.4rem; }

#container #main section p {
  text-align: left;
  line-height: 1.8;
  margin-bottom: 10px;
  text-align: justify;
  text-justify: inter-ideograph; }

#container #main section.newsArea {
  background:  url(../images/bg_wa.png)  center; }

#container #main section.search_placeArea {
  background: #e5ebf6;
  background: -webkit-linear-gradient(top, #e5ebf6 0%,  #f7f7f7 100%);
  background: -moz-linear-gradient(top, #e5ebf6 0%,  #f7f7f7 100%);
  background: -ms-linear-gradient(top, #e5ebf6 0%,  #f7f7f7 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ebf6', endColorstr='#f7f7f7',GradientType=0 )";
  background: -o-linear-gradient(top, #e5ebf6 0%,  #f7f7f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5ebf6),  to(#f7f7f7));
  background: linear-gradient(to bottom, #e5ebf6 0%,  #f7f7f7 100%);
  position: relative; }
  #container #main section.search_placeArea:before {
    position: absolute;
    background:  url(../images/bg_mapBorder.png)  center -1200px no-repeat;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  #container #main section.search_placeArea > * {
    position: relative; }

#container #main section.search_offerAera .articleList.typeBox .articleItem {
  background: #f7f7f7; }

#container #main section.primaryIndustryArea {
  background: #f7f7f7; }

#container #main section.styleArea {
  background: #f7f7f7; }

#container #main section.job_listSection {
  background: #f7f7f7; }
  #container #main section.job_listSection .job_main_area {
    float: left;
    width: 82%; }
  #container #main section.job_listSection .job_sub_area {
    float: right;
    width: 15%; }
    #container #main section.job_listSection .job_sub_area .btnArea .btn {
      margin-bottom: 10px;
      line-height: 40px !important;
      line-height: 4rem !important;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      width: 100%; }
  #container #main section.job_listSection .sectCont.sectCont_job_list {
    padding-top: 63px; }
    #container #main section.job_listSection .sectCont.sectCont_job_list .job_main_area {
      margin-top: -63px; }

#container #main section.loginSection .fInner {
  max-width: 680px; }

#container #main section.noBG {
  background: none; }

#container #main section.bgGray {
  background: #f7f7f7; }

#container #main section.footSect .bannerArea {
  max-width: 600px;
  margin: auto;
  margin-bottom: 40px;
  text-align: center; }

@media screen and (min-width: 1024px) {
  #container #main section.footSect {
    padding-bottom: 100px; } }

@media screen and (max-width: 1024px) {
  #container #main section.footSect .bannerArea {
    margin-bottom: 10px; } }

@media screen and (max-width: 1024px) {
  #container #main section .sectTit {
    margin-bottom: 20px; }
  #container #main section .sectCont .sectContTit {
    border-bottom: none;
    margin-bottom: 20px; }
    #container #main section .sectCont .sectContTit h3, #container #main section .sectCont .sectContTit h4 {
      display: block;
      border-bottom: solid 1.5px #ccc;
      padding: 8px 0; }
      #container #main section .sectCont .sectContTit h3:after, #container #main section .sectCont .sectContTit h4:after {
        width: 10%;
        bottom: auto;
        top: 100%; }
    #container #main section .sectCont .sectContTit .sectContTit_sub {
      position: relative;
      display: block;
      margin: 0; }
      #container #main section .sectCont .sectContTit .sectContTit_sub select, #container #main section .sectCont .sectContTit .sectContTit_sub .select2 .selection .select2-selection, .select2 .selection #container #main section .sectCont .sectContTit .sectContTit_sub .select2-selection, #container #main section .sectCont .sectContTit .sectContTit_sub .select2 {
        margin: 10px 0 0; }
      #container #main section .sectCont .sectContTit .sectContTit_sub p {
        font-size: 14px;
        font-size: 1.4rem; }
  #container #main section.job_listSection .job_main_area,
  #container #main section.job_listSection .job_sub_area {
    width: 100%;
    float: none; } }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate #container #main section .sectTit {
  padding-left: 56px; }
  body.pageType_newGraduate #container #main section .sectTit.noIcon {
    padding-left: 0; }
  body.pageType_newGraduate #container #main section .sectTit h2, body.pageType_newGraduate #container #main section .sectTit h3 {
    font-size: 28px;
    font-size: 2.8rem;
    position: relative;
    line-height: 1.2;
    display: inline-block; }
    body.pageType_newGraduate #container #main section .sectTit h2 .title_icon, body.pageType_newGraduate #container #main section .sectTit h3 .title_icon {
      position: absolute;
      width: 46px;
      margin-left: -56px;
      top: -12px; }
  body.pageType_newGraduate #container #main section .sectTit .subTit {
    margin-top: -6px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #00a395; }

body.pageType_newGraduate #container #main section .sectCont .sectContTit h3:after, body.pageType_newGraduate #container #main section .sectCont .sectContTit h4:after {
  background: #00a395; }

@media screen and (max-width: 1024px) {
  body.pageType_newGraduate #container #main section .sectTit h2 .title_icon, body.pageType_newGraduate #container #main section .sectTit h3 .title_icon {
    top: -16px; } }

/* pageType_corporate */
body.pageType_corporate #container #main section .sectTit h2, body.pageType_corporate #container #main section .sectTit h3 {
  font-size: 28px;
  font-size: 2.8rem;
  position: relative;
  line-height: 1.2; }

body.pageType_corporate #container #main section .sectTit .subTit {
  margin-top: -6px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #00a395; }

body.pageType_corporate #container #main section .sectCont .sectContTit h3:after, body.pageType_corporate #container #main section .sectCont .sectContTit h4:after {
  background: #00a395; }

@media screen and (max-width: 1024px) {
  body.pageType_corporate #container #main section .sectTit h2 .title_icon, body.pageType_corporate #container #main section .sectTit h3 .title_icon {
    top: -16px; } }

/* formTable */
table.formTable tr {
  background: none; }

table.formTable th, table.formTable td {
  color: #333;
  text-align: left;
  line-height: 40px;
  line-height: 4rem;
  border-bottom: 1px dashed #ccc;
  padding: 20px; }

table.formTable th {
  background: none;
  padding-left: 0;
  width: 160px; }

table.formTable td input, table.formTable td textarea {
  background: #f7f7f7; }

table.formTable td .selectBox {
  max-width: 90%; }

table.formTable td .radioBottomBox {
  margin: 0 -5px; }

table.formTable td .note {
  margin-bottom: 0;
  margin-top: 2px; }

table.formTable td ._unit, table.formTable td ._unit2 {
  padding-right: 30px;
  position: relative; }
  table.formTable td ._unit .unit, table.formTable td ._unit2 .unit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    text-align: center; }
  table.formTable td ._unit .selectBox, table.formTable td ._unit2 .selectBox {
    max-width: inherit; }

table.formTable td ._unit2 {
  padding-right: 60px; }
  table.formTable td ._unit2 .unit {
    width: 60px; }

table.formTable td .colBox .col {
  margin-bottom: 0; }

table.formTable td table {
  margin-top: -10px;
  margin-bottom: -10px; }
  table.formTable td table th, table.formTable td table td {
    border-bottom: none;
    padding: 10px; }

table.formTable + .btnArea {
  padding: 30px 0; }
  table.formTable + .btnArea .btn {
    width: 260px;
    line-height: 3 !important; }
  table.formTable + .btnArea .alert_area {
    margin-bottom: 20px; }
  table.formTable + .btnArea .btnArea_bottom {
    margin-top: 20px; }
    table.formTable + .btnArea .btnArea_bottom .stepBtn_prev {
      float: left; }
    table.formTable + .btnArea .btnArea_bottom .linkBtn {
      float: right; }

@media screen and (max-width: 1024px) {
  table.formTable {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all; }
    table.formTable tr th, table.formTable tr td {
      display: block;
      width: 100% !important;
      min-width: inherit;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    table.formTable tr th {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.4;
      padding-top: 10px;
      padding-bottom: 5px; }
      table.formTable tr th:before {
        width: 60px; }
    table.formTable tr td {
      padding: 10px;
      border-bottom: none;
      margin: 0 !important; }
      table.formTable tr td ._unit {
        padding-right: 30px !important; }
      table.formTable tr td .selectBox {
        max-width: inherit; }
      table.formTable tr td table {
        margin: 0; }
        table.formTable tr td table th {
          padding: 10px;
          padding-top: 10px;
          padding-bottom: 5px;
          font-size: 16px;
          font-size: 1.6rem;
          background: none; }
        table.formTable tr td table td {
          padding: 5px; } }

/* pageType_corporate */
body.pageType_corporate .recruit_contact p {
  color: #00a395 !important; }

body.pageType_corporate .recruit_contact .contactArea .tell a:before {
  background-image: url(../images/icon_freeDial_2.png); }

body.pageType_corporate .recruit_contact .contactArea .reception {
  margin-top: 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.bynumMenu {
  margin-bottom: 10px; }
  .bynumMenu ul {
    text-align: center;
    font-size: 0;
    letter-spacing: -.4em; }
    .bynumMenu ul li {
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: normal;
      text-align: center;
      margin-bottom: 10px;
      border-right: solid 1px #d4d4d4;
      vertical-align: top;
      width: 16.6666%; }
      .bynumMenu ul li > a, .bynumMenu ul li > span {
        padding: 10px;
        padding-bottom: 25px;
        display: block;
        font-weight: bold;
        position: relative; }
        .bynumMenu ul li > a:before, .bynumMenu ul li > span:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
        .bynumMenu ul li > a > span, .bynumMenu ul li > span > span {
          display: inline-block;
          vertical-align: middle; }
        .bynumMenu ul li > a:after, .bynumMenu ul li > span:after {
          position: absolute;
          display: block;
          content: "";
          bottom: 5px;
          left: 50%;
          margin-left: -10px;
          margin-bottom: -10px;
          width: 0;
          height: 0;
          border-top: solid 10px #00a395;
          border-right: solid 10px transparent;
          border-bottom: solid 10px transparent;
          border-left: solid 10px transparent;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .bynumMenu ul li > a:hover, .bynumMenu ul li > span:hover {
          background: #def8f6; }
          .bynumMenu ul li > a:hover:after, .bynumMenu ul li > span:hover:after {
            bottom: 2px; }
      .bynumMenu ul li:first-child:nth-last-child(1),
      .bynumMenu ul li:first-child:nth-last-child(1) ~ * {
        width: 100%; }
      .bynumMenu ul li:first-child:nth-last-child(2),
      .bynumMenu ul li:first-child:nth-last-child(2) ~ * {
        width: 50%; }
      .bynumMenu ul li:first-child:nth-last-child(3),
      .bynumMenu ul li:first-child:nth-last-child(3) ~ * {
        width: 33.33%; }
      .bynumMenu ul li:first-child:nth-last-child(4),
      .bynumMenu ul li:first-child:nth-last-child(4) ~ * {
        width: 25%; }
      .bynumMenu ul li:first-child:nth-last-child(5),
      .bynumMenu ul li:first-child:nth-last-child(5) ~ * {
        width: 20%; }
      .bynumMenu ul li:first-child:nth-last-child(6),
      .bynumMenu ul li:first-child:nth-last-child(6) ~ * {
        width: 16.6666%; }
      .bynumMenu ul li:last-child {
        border-right: none; }
  @media screen and (max-width: 1024px) {
    .bynumMenu:not(.noLineBreak) ul li {
      width: 33.33% !important; }
      .bynumMenu:not(.noLineBreak) ul li:nth-child(3n) {
        border-right: none; } }

/* parts - Plugins
 --------------------------------------------------- */
/* owl-carousel */
.owl-carousel .owl-nav {
  margin-top: 0; }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    position: absolute;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0 8px;
    background: inherit;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .owl-carousel .owl-nav .owl-prev > *, .owl-carousel .owl-nav .owl-next > * {
      display: inline-block;
      vertical-align: middle; }
    .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
      background-color: rgba(0, 0, 0, 0.15);
      background-color: #b92c00; }
      .owl-carousel .owl-nav .owl-prev:hover i[class^="icon"]:before, .owl-carousel .owl-nav .owl-next:hover i[class^="icon"]:before {
        border-color: #fff; }
  .owl-carousel .owl-nav .owl-prev {
    right: 100%; }
  .owl-carousel .owl-nav .owl-next {
    left: 100%; }

.owl-carousel .owl-dots {
  text-align: center;
  bottom: 5px;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  margin-top: 5px; }
  .owl-carousel .owl-dots .owl-dot {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    height: 12px;
    width: 12px;
    display: inline-block;
    background: #ffddd3;
    margin-left: 5px;
    margin-right: 5px; }
    .owl-carousel .owl-dots .owl-dot.active {
      background-color: #b92c00; }

.owl-carousel .owl-stage-outerWrap {
  position: relative; }

.owl-carousel.hasDots {
  position: relative;
  margin-bottom: 32px !important; }
  .owl-carousel.hasDots .owl-dots {
    position: absolute;
    top: 100%; }

.owl-carousel.thumbs .owl-dots {
  display: none; }

.owl-carousel .owl-thumbs {
  text-align: center;
  margin-top: 5px; }
  .owl-carousel .owl-thumbs .owl-thumb-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: none;
    width: 23%;
    margin: 0 1% 5px;
    position: relative; }
    .owl-carousel .owl-thumbs .owl-thumb-item:before {
      content: "";
      display: block;
      padding-top: 75%; }
    .owl-carousel .owl-thumbs .owl-thumb-item.active:after {
      position: absolute;
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: solid 3px #b92c00;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .owl-carousel .owl-thumbs .owl-thumb-item img {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute; }

.carouselBox:not(.noNav) {
  margin: 0 32px;
  width: auto !important; }

.carouselBox li {
  margin: 0 5px; }

.sliderBox:not(.noNav) {
  margin: 0 32px;
  width: auto !important; }

.sliderBox.sliderBox_style4 {
  margin: 0 160px; }
  .sliderBox.sliderBox_style4 .owl-nav .owl-prev,
  .sliderBox.sliderBox_style4 .owl-nav .owl-next {
    padding: 0;
    width: 100px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    background-color: rgba(255, 255, 255, 0.5) !important;
    text-align: center; }
    .sliderBox.sliderBox_style4 .owl-nav .owl-prev .icon-arrow,
    .sliderBox.sliderBox_style4 .owl-nav .owl-next .icon-arrow {
      -webkit-transform: scale(0.6, 1);
      -ms-transform: scale(0.6, 1);
      transform: scale(0.6, 1); }
      .sliderBox.sliderBox_style4 .owl-nav .owl-prev .icon-arrow:before,
      .sliderBox.sliderBox_style4 .owl-nav .owl-next .icon-arrow:before {
        border-color: #00a395;
        border-width: 3.5px;
        width: 40px;
        height: 40px; }
    .sliderBox.sliderBox_style4 .owl-nav .owl-prev:hover,
    .sliderBox.sliderBox_style4 .owl-nav .owl-next:hover {
      background-color: rgba(255, 255, 255, 0.8) !important;
      opacity: 0.5; }
      .sliderBox.sliderBox_style4 .owl-nav .owl-prev:hover .icon-arrow:before,
      .sliderBox.sliderBox_style4 .owl-nav .owl-next:hover .icon-arrow:before {
        border-color: #00a395; }
  .sliderBox.sliderBox_style4 .owl-nav .owl-prev {
    margin-right: 30px; }
  .sliderBox.sliderBox_style4 .owl-nav .owl-next {
    margin-left: 30px; }
  .sliderBox.sliderBox_style4 .owl-dots {
    display: none; }
  .sliderBox.sliderBox_style4 .owl-thumbs {
    margin-top: 10px; }
    .sliderBox.sliderBox_style4 .owl-thumbs .owl-thumb-item {
      width: 18%; }
  @media screen and (max-width: 1024px) {
    .sliderBox.sliderBox_style4 {
      margin: 0; }
      .sliderBox.sliderBox_style4 .owl-nav .owl-prev,
      .sliderBox.sliderBox_style4 .owl-nav .owl-next {
        width: 60px;
        height: 60px;
        margin-top: -30px; }
        .sliderBox.sliderBox_style4 .owl-nav .owl-prev .icon-arrow:before,
        .sliderBox.sliderBox_style4 .owl-nav .owl-next .icon-arrow:before {
          border-width: 2.5px;
          width: 20px;
          height: 20px; }
      .sliderBox.sliderBox_style4 .owl-nav .owl-prev {
        left: 0;
        right: auto;
        margin-right: 0; }
      .sliderBox.sliderBox_style4 .owl-nav .owl-next {
        right: 0;
        left: auto;
        margin-left: 0; }
      .sliderBox.sliderBox_style4 .owl-dots {
        display: block; }
      .sliderBox.sliderBox_style4 .owl-thumbs {
        display: none; } }

/* pageType */
/* pageType_newGraduate */
body.pageType_newGraduate .owl-carousel .owl-nav .owl-prev:hover,
body.pageType_newGraduate .owl-carousel .owl-nav .owl-next:hover {
  background-color: #00a395; }

body.pageType_newGraduate .owl-carousel .owl-dots .owl-dot {
  background: #e2f3f1; }
  body.pageType_newGraduate .owl-carousel .owl-dots .owl-dot.active {
    background-color: #00a395; }

body.pageType_newGraduate .owl-carousel .owl-thumbs .owl-thumb-item.active:after {
  border-color: #00a395; }

/* pageType_corporate */
body.pageType_corporate .owl-carousel .owl-nav .owl-prev:hover,
body.pageType_corporate .owl-carousel .owl-nav .owl-next:hover {
  background-color: #00a395; }

body.pageType_corporate .owl-carousel .owl-dots .owl-dot {
  background: #e2f3f1; }
  body.pageType_corporate .owl-carousel .owl-dots .owl-dot.active {
    background-color: #00a395; }

body.pageType_corporate .owl-carousel .owl-thumbs .owl-thumb-item.active:after {
  border-color: #00a395; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 0 !important; }

.mCS-dark-3 .mCSB_container_wrapper {
  margin-right: 20px;
  margin-bottom: 20px; }

.mCS-dark-3 .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger_bar {
  background: #555 !important;
  width: 2px !important;
  -webkit-transition: widh 0.3s ease;
  -moz-transition: widh 0.3s ease;
  -ms-transition: widh 0.3s ease;
  -o-transition: widh 0.3s ease;
  transition: widh 0.3s ease; }

.mCS-dark-3 .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
  background: #fff !important;
  width: 2px; }

.mCS-dark-3 .mCSB_scrollTools .mCSB_draggerContainer:hover .mCSB_dragger_bar {
  background: #555 !important;
  width: 4px !important; }

.mCS-dark-3 .mCSB_scrollTools .mCSB_draggerContainer:hover .mCSB_draggerRail {
  background: #fff !important; }

.mCS-dark-3 .mCSB_scrollTools .mCSB_draggerContainer:active .mCSB_dragger_bar, .mCS-dark-3 .mCSB_scrollTools .mCSB_draggerContainer.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #555 !important; }

.select2.err {
  border: solid 1px #E05858; }

.select2 .selection .select2-selection {
  height: auto;
  margin: 0;
  padding: 8px 18px;
  position: relative; }
  .select2 .selection .select2-selection:after {
    position: absolute;
    height: 100%;
    width: 1px;
    content: "";
    display: block;
    right: 35px;
    top: 0;
    background: #cecece; }
  .select2 .selection .select2-selection.select2-selection--multiple {
    cursor: pointer; }
    .select2 .selection .select2-selection.select2-selection--multiple .select2-search__field {
      cursor: pointer; }
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
      border: none;
      padding: 0 3px;
      background: none;
      margin-top: 4px; }
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .optionItem {
      display: inline-block; }
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background: #a1aabb;
      color: #fff;
      line-height: 13px;
      width: 13px;
      text-align: center;
      font-weight: normal; }
      .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
        opacity: 0.7; }
  .select2 .selection .select2-selection .select2-selection__rendered {
    padding: 0;
    line-height: inherit; }
    .select2 .selection .select2-selection .select2-selection__rendered .optionItem {
      display: block;
      padding: 0 2px;
      position: relative; }
      .select2 .selection .select2-selection .select2-selection__rendered .optionItem .note {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0; }
  .select2 .selection .select2-selection .select2-selection__arrow {
    display: none; }

.select2.style_light .selection .select2-selection:after {
  background: #e1e8ef; }

.select2.style_navy .selection .select2-selection, .select2.style_sky .selection .select2-selection {
  background: #b92c00;
  margin-right: 37px !important;
  width: auto;
  border: none; }
  .select2.style_navy .selection .select2-selection:after, .select2.style_sky .selection .select2-selection:after {
    position: absolute;
    height: 100%;
    width: 35px;
    content: "";
    display: block;
    left: 100%;
    top: 0;
    background-color: #b92c00;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
    background-position:  center;
    background-repeat: no-repeat;
    background-size: 18px;
    margin-left: 2px; }
  .select2.style_navy .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove, .select2.style_sky .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #0b2a67;
    font-weight: bold;
    background-color: #8b97ad; }
  .select2.style_navy .selection .select2-selection .select2-selection__rendered .optionItem, .select2.style_sky .selection .select2-selection .select2-selection__rendered .optionItem {
    color: #fff; }
  .select2.style_navy .selection .select2-selection .select2-search--inline .select2-search__field:placeholder-shown, .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field:placeholder-shown {
    color: #B9C2D4; }
  .select2.style_navy .selection .select2-selection .select2-search--inline .select2-search__field::-webkit-input-placeholder, .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    color: #B9C2D4; }
  .select2.style_navy .selection .select2-selection .select2-search--inline .select2-search__field:-moz-placeholder, .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field:-moz-placeholder {
    color: #B9C2D4;
    opacity: 1; }
  .select2.style_navy .selection .select2-selection .select2-search--inline .select2-search__field::-moz-placeholder, .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field::-moz-placeholder {
    color: #B9C2D4;
    opacity: 1; }
  .select2.style_navy .selection .select2-selection .select2-search--inline .select2-search__field:-ms-input-placeholder, .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color: #B9C2D4; }

.select2.style_gray .selection .select2-selection {
  background: #f6f6f6;
  margin-right: 40px !important;
  width: auto; }
  .select2.style_gray .selection .select2-selection:after {
    margin-left: 5px;
    position: absolute;
    height: 100%;
    width: 35px;
    content: "";
    display: block;
    left: 100%;
    top: -1px;
    background-color: #f6f6f6;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23333%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: solid 1px #cecece; }

.select2.style_gray .selection:not(.multiple) .select2-selection {
  padding-top: 11px;
  padding-bottom: 11px; }

.select2.style_sky .selection .select2-selection {
  background: #d6e3f5; }
  .select2.style_sky .selection .select2-selection:after {
    background-color: #d6e3f5;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%223%2C7%205%2C7%209.5%2C11.5%2014%2C7%2016%2C7%209.5%2C13.5%20%22%20fill%3D%22%23b92c00%22/%3E%3C/svg%3E"); }
  .select2.style_sky .selection .select2-selection.select2-selection--single {
    padding-top: 11px;
    padding-bottom: 11px; }
  .select2.style_sky .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #ebf2fd;
    font-weight: normal;
    background-color: #9eb0ca; }
  .select2.style_sky .selection .select2-selection .select2-selection__rendered .optionItem {
    color: #b92c00; }
  .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field:placeholder-shown {
    color: #6A7896; }
  .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    color: #6A7896; }
  .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field:-moz-placeholder {
    color: #6A7896;
    opacity: 1; }
  .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field::-moz-placeholder {
    color: #6A7896;
    opacity: 1; }
  .select2.style_sky .selection .select2-selection .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color: #6A7896; }

.select2.size_S .selection .select2-selection:after {
  right: 30px; }

.select2.size_S.style_navy .selection .select2-selection, .select2.size_S.style_sky .selection .select2-selection {
  margin-right: 32px !important; }
  .select2.size_S.style_navy .selection .select2-selection:after, .select2.size_S.style_sky .selection .select2-selection:after {
    width: 30px; }

.select2.size_L .selection .select2-selection:after {
  right: 50px; }

.select2.size_L.style_navy .selection .select2-selection, .select2.size_L.style_sky .selection .select2-selection {
  margin-right: 52px !important; }
  .select2.size_L.style_navy .selection .select2-selection:after, .select2.size_L.style_sky .selection .select2-selection:after {
    width: 50px; }

.select2-container .select2-dropdown {
  border-color: #cecece;
  border: solid 1px #cecece !important;
  background: #fff;
  z-index: 9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .select2-container .select2-dropdown .select2-search input {
    border-color: #cecece; }
  .select2-container .select2-dropdown .select2-results {
    margin-top: -1px; }
    .select2-container .select2-dropdown .select2-results ul {
      max-height: 360px; }
    .select2-container .select2-dropdown .select2-results li {
      font-size: 12px;
      font-size: 1.2rem;
      padding: 0; }
      .select2-container .select2-dropdown .select2-results li .optionItem {
        display: block;
        padding: 6px;
        position: relative; }
        .select2-container .select2-dropdown .select2-results li .optionItem .note {
          display: inline-block;
          vertical-align: top;
          margin-bottom: 0; }
      .select2-container .select2-dropdown .select2-results li.select2-results__message {
        padding: 6px;
        color: #999; }
      .select2-container .select2-dropdown .select2-results li.select2-results__option .optionItem.noselected {
        color: #808080; }
      .select2-container .select2-dropdown .select2-results li.select2-results__option[aria-selected=true] {
        background: #aed6ff; }
      .select2-container .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted {
        color: #fff;
        background-color: #5897fb; }
        .select2-container .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted .optionItem .note {
          color: #fff; }
        .select2-container .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted .optionItem.noselected {
          color: rgba(255, 255, 255, 0.8); }
    .select2-container .select2-dropdown .select2-results .select2-results__group {
      cursor: default;
      display: block;
      padding: 6px;
      background: #eee;
      font-weight: normal; }
  .select2-container .select2-dropdown.select2-dropdown--above {
    margin-bottom: -1px; }
  .select2-container .select2-dropdown.select2-dropdown--below {
    margin-top: -1px; }

.select2-container.inHeader, .select2-container.inPopup {
  z-index: 1051; }

.select2-container.multiple .select2-dropdown .select2-results li .optionItem {
  position: relative;
  padding-left: 30px; }
  .select2-container.multiple .select2-dropdown .select2-results li .optionItem:before, .select2-container.multiple .select2-dropdown .select2-results li .optionItem:after {
    position: absolute;
    content: '';
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 7px; }
  .select2-container.multiple .select2-dropdown .select2-results li .optionItem:before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .select2-container.multiple .select2-dropdown .select2-results li .optionItem:after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    -webkit-transform: rotate(-45deg) scale(0.5);
    -moz-transform: rotate(-45deg) scale(0.5);
    -ms-transform: rotate(-45deg) scale(0.5);
    -o-transform: rotate(-45deg) scale(0.5);
    transform: rotate(-45deg) scale(0.5); }

.select2-container.multiple .select2-dropdown .select2-results li[aria-selected=true] .optionItem:before {
  background: #fff;
  border: 1px solid #3498db; }

.select2-container.multiple .select2-dropdown .select2-results li[aria-selected=true] .optionItem:after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -o-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1); }

.select2-container.style_light .select2-dropdown {
  border-color: #e1e8ef !important; }
  .select2-container.style_light .select2-dropdown .select2-results .select2-results__group {
    background: #e3eaf3;
    color: #6c737b; }

.select2-container.style_navy .select2-dropdown, .select2-container.select2.style_sky .select2-dropdown {
  border: none !important;
  margin-top: 3px;
  background: #b92c00; }
  .select2-container.style_navy .select2-dropdown .select2-results li.select2-results__option .optionItem, .select2-container.select2.style_sky .select2-dropdown .select2-results li.select2-results__option .optionItem {
    color: #FFFFFF; }
    .select2-container.style_navy .select2-dropdown .select2-results li.select2-results__option .optionItem.noselected, .select2-container.select2.style_sky .select2-dropdown .select2-results li.select2-results__option .optionItem.noselected {
      color: rgba(255, 255, 255, 0.7); }
  .select2-container.style_navy .select2-dropdown .select2-results li.select2-results__option[aria-selected=true], .select2-container.select2.style_sky .select2-dropdown .select2-results li.select2-results__option[aria-selected=true] {
    background: #425986; }
  .select2-container.style_navy .select2-dropdown .select2-results .select2-results__group, .select2-container.select2.style_sky .select2-dropdown .select2-results .select2-results__group {
    background: #051e4e;
    color: #8996b1; }
  .select2-container.style_navy .select2-dropdown.select2-dropdown--above, .select2-container.select2.style_sky .select2-dropdown.select2-dropdown--above {
    margin-top: 0;
    margin-bottom: 3px; }

.select2-container.style_sky .select2-dropdown {
  border-color: #cddcf1 !important; }
  .select2-container.style_sky .select2-dropdown .select2-results .select2-results__group {
    background: #e5f0ff;
    color: #6c737b; }

.pswp__img {
  background: #fff; }

/* yPopup */
.yPopup_wrap {
  position: absolute;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  -webkit-overflow-scrolling: touch !important; }
  .yPopup_wrap .yPopup_bgArea {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .yPopup_wrap .yPopup_bgArea:after {
      position: fixed;
      display: block;
      width: 100%;
      height: 100%;
      content: "";
      background: rgba(0, 0, 0, 0.75); }
    .yPopup_wrap .yPopup_bgArea.bgImage {
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -ms-filter: blur(5px);
      -o-filter: blur(5px);
      filter: blur(5px);
      overflow: hidden;
      background-size: cover;
      background-color: #FFF;
      background-position:  center;
      background-attachment: fixed; }
      .yPopup_wrap .yPopup_bgArea.bgImage > * {
        -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); }
  .yPopup_wrap .yPopup_head {
    position: fixed;
    top: 0;
    width: 100%;
    height: 30px;
    color: #fff;
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10; }
    .yPopup_wrap .yPopup_head .yPopup_head_inner {
      width: 1080px;
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 20px;
      margin: 0 auto; }
      .yPopup_wrap .yPopup_head .yPopup_head_inner .left {
        float: left;
        padding-left: 0.5rem; }
      .yPopup_wrap .yPopup_head .yPopup_head_inner .right {
        float: right;
        padding-right: 0.5rem; }
      .yPopup_wrap .yPopup_head .yPopup_head_inner .btn {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 5px;
        cursor: pointer; }
        .yPopup_wrap .yPopup_head .yPopup_head_inner .btn i {
          opacity: 0.7;
          line-height: 30px; }
          .yPopup_wrap .yPopup_head .yPopup_head_inner .btn i:hover {
            opacity: 1; }
  .yPopup_wrap .yPopup_container {
    width: 100%;
    height: 100%;
    overflow: visible;
    overflow-y: scroll;
    position: fixed;
    -webkit-overflow-scrolling: touch; }
    .yPopup_wrap .yPopup_container .yPopup_container_body {
      width: 1080px;
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 20px;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 10px; }
    .yPopup_wrap .yPopup_container .yPopup_container_head {
      text-align: center;
      background: #eee;
      min-height: 45px;
      position: relative; }
      .yPopup_wrap .yPopup_container .yPopup_container_head .yPopup_container_title {
        padding: 5px;
        line-height: 45px;
        font-size: 20px;
        font-size: 2rem; }
      .yPopup_wrap .yPopup_container .yPopup_container_head .btn.remove {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        cursor: pointer;
        line-height: 45px;
        width: 45px; }
      .yPopup_wrap .yPopup_container .yPopup_container_head .yPopup_container_title + .btn.remove {
        line-height: 55px; }
    .yPopup_wrap .yPopup_container.varticalCenter:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .yPopup_wrap .yPopup_container.varticalCenter > * {
      display: inline-block;
      vertical-align: middle; }
    .yPopup_wrap .yPopup_container .yPopup_container_body {
      width: 100% !important; }
      .yPopup_wrap .yPopup_container .yPopup_container_body .yPopup_container_bodyInner {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; }
      .yPopup_wrap .yPopup_container .yPopup_container_body textarea, .yPopup_wrap .yPopup_container .yPopup_container_body input[type="text"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="search"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="tel"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="url"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="email"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="password"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="datetime"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="number"], .yPopup_wrap .yPopup_container .yPopup_container_body input[type="email"], .yPopup_wrap .yPopup_container .yPopup_container_body select, .yPopup_wrap .yPopup_container .yPopup_container_body .select2 .selection .select2-selection, .select2 .selection .yPopup_wrap .yPopup_container .yPopup_container_body .select2-selection, .yPopup_wrap .yPopup_container .yPopup_container_body input + label {
        -webkit-transform: translateZ(0px); }
    .yPopup_wrap .yPopup_container .fullContainer {
      position: fixed;
      z-index: 2000;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      display: inline-block; }
      .yPopup_wrap .yPopup_container .fullContainer.noScroll {
        overflow: hidden; }
      .yPopup_wrap .yPopup_container .fullContainer iframe {
        border: none;
        width: 100%;
        height: 100%;
        display: block; }
    .yPopup_wrap .yPopup_container .popup_loadingBox {
      min-height: 6rem;
      text-align: center; }
      .yPopup_wrap .yPopup_container .popup_loadingBox .ycon.loading {
        margin: 1rem 0 !important; }
      .yPopup_wrap .yPopup_container .popup_loadingBox > * {
        text-align: left; }
    .yPopup_wrap .yPopup_container.noScroll {
      overflow: hidden; }
      .yPopup_wrap .yPopup_container.noScroll .fullContainer {
        overflow: hidden; }
  .yPopup_wrap .yPopup_head + .yPopup_container .yPopup_container_body {
    margin-top: 40px; }
  .yPopup_wrap.full .yPopup_container_inner,
  .yPopup_wrap.full .yPopup_head_inner,
  .yPopup_wrap.full .yPopup_container_bodyInner {
    width: inherit !important; }
  .yPopup_wrap.full .yPopup_container_body {
    padding: 0; }
  .yPopup_wrap.yPopup_full_fb .yPopup_container, .yPopup_wrap.yPopup_full_fb .fullContainer {
    position: inherit; }

body.yPopup_open {
  overflow: hidden;
  height: 100%; }

/* parts - Test
 --------------------------------------------------- */
/*  */
.listArrange_item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.directionality_box .listArrange_item.bg-gray {
  height: auto;
  padding: 34px 41px; }

.support_col .listArrange_item.bg-red {
  height: auto; }

/* pages - top
 --------------------------------------------------- */
/* promArea */

/*# sourceMappingURL=style.css.map */