@charset "UTF-8";

/*! =======================================================================
 * File        : style.css
 * DESCRIPTION : コンポーネント用CSS
 * AUTHOR      : i-studio Co.,Ltd.
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */

/*! =======================================================================
 * File        : reset.css
 * DESCRIPTION : スタイルの初期化
 * AUTHOR      : i-studio Co.,Ltd.
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */

@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/2.7.6/idangerous.swiper.min.css);

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font: inherit;
  border: 0;
}

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

body {
  min-width: 1020px;
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

@-webkit-keyframes switchLoading {
  0%, 100% {
    opacity: 1;
  }

  5% {
    opacity: .88;
  }

  10% {
    opacity: .5;
  }
}

@keyframes switchLoading {
  0%, 100% {
    opacity: 1;
  }

  5% {
    opacity: .88;
  }

  10% {
    opacity: .5;
  }
}

/*! =======================================================================
 * File        : base.css
 * DESCRIPTION : デフォルト値を設定
 * AUTHOR      : i-studio Co.,Ltd.
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */

html {
  color: #555;
  font-size: 62.5%;
  font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

button {
  padding: 0;
}

input {
  margin: 0;
  border: 1px solid #bbb;
}

input::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}

input:-ms-input-placeholder {
  color: #999;
  font-weight: 400;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
  border: none;
}

a {
  color: #00aaeb;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

u {
  text-decoration: none;
}

blockquote {
  display: inline;
}

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

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

/*! =======================================================================
 * File        : header.css
 * DESCRIPTION : ヘッダデザイン用CSS
 * AUTHOR      : i-studio Co.,Ltd.
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */

.header,
.headerLower,
.headerOtherWindow {
  position: relative;
  z-index: 4;
}

.headerLower__content,
.headerOtherWindow__content,
.header__content {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 13px;
}

.headerLower__content::after,
.headerOtherWindow__content::after,
.header__content::after {
  content: " ";
  display: block;
  clear: both;
}

.headerLower__left,
.headerOtherWindow__left,
.header__left {
  float: left;
}

.headerLower__logo,
.header__logo {
  margin-right: 20px;
  float: left;
}

.header__txt {
  margin: 7px 0 17px;
  width: 519px;
  color: #666;
  font-size: 1.1rem;
  font-weight: 400!important;
  line-height: 1.5;
}

.headerOtherWindow__right,
.header__right {
  float: right;
  width: 341px;
  font-size: 0;
  text-align: right;
}

.headerOtherWindow__right .btnSignUp,
.header__right .btnSignUp {
  display: inline-block;
  min-width: 180px;
  margin: 7px 7px 7px 0;
  padding: 13px 0;
}

.area_menu {
  text-align: center;
  border: solid 1px #d7f0fa;
  display: table;
  border-collapse: collapse;
}

.area_menu .area_menu_list {
  margin-right: -1px;
  border-bottom: solid 1px #d7f0fa;
  display: table;
}

.area_menu .area_menu_list:last-child {
  border-bottom: none;
}

.area_menu .area_menu_list li {
  width: 51px;
  vertical-align: middle;
  border-right: solid 1px #d7f0fa;
  display: table-cell;
  border-collapse: collapse;
}

.area_menu .area_menu_list li a {
  padding: 4px 0;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #666;
  display: block;
}

.area_menu dd {
  width: 51px;
  border: solid #d7f0fa;
  border-width: 1px 0 0 1px;
  float: left;
}

.area_menu dd a {
  font-size: 1.1rem;
  color: #666;
  display: block;
}

.header__nav {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.header__nav li {
  display: inline-block;
  border-left: 1px solid #ddd;
}

.header__nav a {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 64px;
  margin: 2px 2px 0;
  padding-top: 45px;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

.header__info.js--headerNoticeHover a,
.header__info:hover a,
.header__menu.js--headerMenuHover a,
.header__menu:hover a {
  background-color: #e0eff5;
}

.header__menu a {
  position: relative;
}

.header__menu a::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 32px;
  height: 22px;
  background: url(../img/common/sprite.png) -78px 0 no-repeat;
}

.header__login a {
  position: relative;
  color: red;
}

.header__login a::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  background: url(../img/common/sprite.png) 0 0 no-repeat;
}

.header__logout a {
  position: relative;
}

.header__logout a::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  background: url(../img/common/sprite.png) -26px 0 no-repeat;
}

.header__login a:hover,
.header__logout a:hover {
  opacity: .5;
}

.header__info a {
  position: relative;
}

.header__info a::before {
  content: '';
  position: absolute;
  top: 7px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 26px;
  height: 31px;
  background: url(../img/common/sprite.png) -52px 0 no-repeat;
}

.header__lineTxt {
  padding-right: 14px;
  margin-top: 16px;
  font-size: 1.4rem;
  text-align: right;
}

.headerLower {
  border-bottom: 1px solid #ddd;
}

.headerLower__content {
  padding: 16px 0;
}

.headerOtherWindow {
  border-bottom: 1px solid #ddd;
}

.headerOtherWindow__content {
  padding-bottom: 16px;
}

.headerOtherWindow__logo {
  margin: 10px 0 0 10px;
}

.headerOtherWindow__right .btnClose {
  margin: 10px 10px 0 0;
}

.slideDownMenu {
  position: absolute;
  z-index: 50;
  top: 64px;
  left: 0;
  display: none;
  width: 100%;
  background-color: #e0eff5;
  box-shadow: 0 1px 2px 0 #bbb6a8;
}

.slideDownMenu__content {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  min-height: 54px;
}

.slideDownMenu .btnClose {
  position: absolute;
  top: 10px;
  right: 20px;
}

.slideDownMenu__item {
  border-bottom: 1px solid #99ddf7;
}

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

.slideDownMenu__item:last-child {
  border-bottom: none;
}

.slideDownMenu .columnList--3col {
  width: 726px;
  padding: 41px 0 0;
}

.slideDownMenu .headingContent,
.slideDownMenu .headingContentL,
.slideDownMenu .headingContentM,
.slideDownMenu .headingContentS {
  margin: 0 0 32px;
}

.slideDownMenu__areaBlock {
  float: left;
  width: 488px;
  padding: 33px 0 36px;
}

.slideDownMenu__jobBlock {
  float: left;
  width: 462px;
  padding: 33px 0 36px;
}

.slideDownMenu__jobBlock .columnList--2col li {
  margin-bottom: 17px;
  font-size: 1.3rem;
}

.slideDownMenu__loading {
  padding: 20px 0;
  text-align: center;
}

.slideDownMenu__noticeText {
  padding: 20px 0;
  text-align: center;
  font-size: 1.2rem;
}

.slideDownMenu .noticeBlock {
  overflow-y: scroll;
  max-height: 254px;
}

.slideDownMenu .linkArrow {
  font-size: 1.5rem;
}

.gnav {
  position: relative;
  z-index: 3;
  background-color: #00aaeb;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
}

.gnav__login,
.gnav__logout {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.gnav__login::after,
.gnav__logout::after {
  content: " ";
  display: block;
  clear: both;
}

.gnav__list {
  float: left;
  font-size: 0;
  border-left: 1px solid #4dc4f1;
}

.gnav__item--search {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__item--search a {
  display: inline-block;
  width: 234px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__item--search:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__item--search.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__item--search a {
  position: relative;
}

.gnav__item--search a::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 0;
  left: 47px;
  margin: 0;
  width: 24px;
  height: 24px;
  background: url(../img/common/sprite.png) 0 -31px no-repeat;
}

.gnav__item--search.js--gnaviHover a::before,
.gnav__item--search:hover a::before {
  background: url(../img/common/sprite.png) -24px -31px no-repeat;
}

.gnav__item--knowHow {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__item--knowHow a {
  display: inline-block;
  width: 187px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__item--knowHow:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__item--knowHow.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__item--knowHow a {
  position: relative;
}

.gnav__item--knowHow a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 0;
  left: 28px;
  margin: 0;
  width: 26px;
  height: 24px;
  background: url(../img/common/sprite.png) -48px -31px no-repeat;
}

.gnav__item--knowHow.js--gnaviHover a::before,
.gnav__item--knowHow:hover a::before {
  background: url(../img/common/sprite.png) -74px -31px no-repeat;
}

.gnav__item--event {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__item--event a {
  display: inline-block;
  width: 187px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__item--event:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__item--event.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__item--event a {
  position: relative;
}

.gnav__item--event a::before {
  content: '';
  position: absolute;
  top: 14px;
  right: 0;
  left: 29px;
  margin: 0;
  width: 25px;
  height: 24px;
  background: url(../img/common/sprite.png) -100px -31px no-repeat;
}

.gnav__item--event.js--gnaviHover a::before,
.gnav__item--event:hover a::before {
  background: url(../img/common/sprite.png) -125px -31px no-repeat;
}

.gnav__item--myPage {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__item--myPage a {
  display: inline-block;
  width: 148px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__item--myPage:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__item--myPage.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__item--myPage a {
  position: relative;
}

.gnav__item--myPage a::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 0;
  left: 21px;
  margin: 0;
  width: 17px;
  height: 24px;
  background: url(../img/common/sprite.png) -150px -31px no-repeat;
}

.gnav__item--myPage.js--gnaviHover a::before,
.gnav__item--myPage:hover a::before {
  background: url(../img/common/sprite.png) -167px -31px no-repeat;
}

.gnav__info {
  position: relative;
  float: right;
  width: 335px;
  height: 56px;
  font-size: 0;
  text-align: center;
  border-right: 1px solid #4dc4f1;
}

.gnav__infoItem {
  display: inline-block;
  margin: 13px 10px 0 0;
}

.gnav__infoItem:last-child {
  margin: 13px 0 0;
}

.gnav__baloonHoverArea>a,
.gnav__infoItem>a {
  position: relative;
  z-index: 61;
  display: inline-block;
  min-width: 82px;
  padding: 7.5px 21px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
  border-radius: 20px;
  background-color: #0088bc;
  box-sizing: border-box;
}

.gnav__baloonHoverArea:hover>a,
.gnav__infoItem>a:hover {
  opacity: .5;
  text-decoration: none;
}

.gnav__baloonHoverArea {
  position: relative;
}

.gnav__baloonHoverArea:hover .gnav__baloon {
  display: block;
}

.gnav__baloonHoverArea:hover {
  height: 80px;
}

.gnav__baloon {
  position: absolute;
  z-index: 60;
  top: 48px;
  left: 50%;
  display: none;
  width: 326px;
  margin: 0 0 0 -163px;
  padding: 23px;
  font-size: 0;
  background-color: #e0eff5;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
  box-sizing: border-box;
}

.gnav__baloon::before {
  content: "";
  position: absolute;
  z-index: 100;
  top: -40px;
  left: 153px;
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid #e0eff5;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.gnav__baloon [class^=btn] {
  min-width: 135px;
  padding: 12px 10px;
}

.gnav__baloon .btnSecondaryS,
.gnav__baloon .btnSecondaryS--disabled {
  margin-left: 10px;
}

.gnav__baloonText {
  margin: 0 0 15px;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.6666;
  text-align: left;
}

.gnav__login .gnav__item--search {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__login .gnav__item--search a {
  display: inline-block;
  width: 199px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__login .gnav__item--search:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--search.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--search a::before {
  left: 30px;
}

.gnav__login .gnav__item--knowHow {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__login .gnav__item--knowHow a {
  display: inline-block;
  width: 149px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__login .gnav__item--knowHow:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--knowHow.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--knowHow a::before {
  left: 11px;
}

.gnav__login .gnav__item--event {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__login .gnav__item--event a {
  display: inline-block;
  width: 148px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__login .gnav__item--event:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--event.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--event a::before {
  left: 13px;
}

.gnav__login .gnav__item--myPage {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.gnav__login .gnav__item--myPage a {
  display: inline-block;
  width: 148px;
  height: 56px;
  padding: 20px 0 20px 40px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4dc4f1;
  box-sizing: border-box;
}

.gnav__login .gnav__item--myPage:hover a {
  color: #00aaeb;
  text-decoration: none;
  background-position: 0 0;
  background-color: #e0eff5;
}

.gnav__login .gnav__item--myPage.js--gnaviHover a {
  color: #00aaeb;
  text-decoration: none;
  background-color: #e0eff5;
}

.gnav__login .gnav__info {
  width: 298px;
}

.gnav__login .gnav__infoItem {
  margin: 8px 2px 0;
}

.gnav__login .gnav__infoItem>a {
  min-width: auto;
  padding: 4px 11px;
  font-size: 1.2rem;
  line-height: 1.3;
}

.gnaviSlideDown {
  position: absolute;
  z-index: 50;
  top: 56px;
  left: 0;
  display: none;
  width: 100%;
  background-color: #e0eff5;
  box-shadow: 0 1px 2px 0 #bbb6a8;
}

.gnaviSlideDown .btnClose {
  position: absolute;
  z-index: 2;
  top: 17px;
  right: 3px;
}

.gnaviSlideDown .areaPullDownList,
.gnaviSlideDown .topAreaList {
  margin: 4px 0 0;
}

/*! =======================================================================
 * File        : footer.css
 * DESCRIPTION : フッタデザイン用CSS
 * AUTHOR      : i-studio Co.,Ltd.
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */

.footer,
.footerLower,
.footerOtherWindow {
  width: 100%;
  padding-top: 20px;
  font-size: 12px;
  background-color: #fff;
}

.footerLower__content,
.footerOtherWindow__content,
.footer__content {
  border-top: 1px solid #ddd;
}

.footer__heading {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 20px;
  margin-bottom: -10px;
}

.footer__heading__noPadding {
  padding-top: 0;
  margin-top: -5px;
}

.footer__note {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  color: #999;
  font-size: 1.1rem;
  padding-top: 10px;
}

.footer__goToHome {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.footer__goToHome a {
  display: inline-block;
  padding: 3px 0 3px 22px;
  background: url(../img/common/iconHome.png) 0 0 no-repeat;
}

.menuLink {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px 0 8px;
  color: #aaa;
  font-size: 1.2rem;
  line-height: 1.5;
}

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

.menuLink__item {
  float: left;
  margin: 0 8px 12px 0;
  padding-right: 8px;
  border-right: 1px solid #999;
}

.menuLink__item:last-child {
  margin-right: 0;
  border-right: none;
}

.menuLink a {
  padding-left: 10px;
  font-size: 12px;
  background: url(../img/common/arrowRight.png) 0 50% no-repeat;
}

.menuLink__break {
  margin: -30px auto 0 auto;
}

.menuLink__item:nth-child(8) {
  border-right: none;
}

.menuLink__item:nth-child(9) {
  clear: both;
}

.otherLink {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px 0 8px;
  color: #aaa;
  font-size: 1.2rem;
  line-height: 1.5;
}

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

.otherLink__item {
  float: left;
  margin: 0 8px 12px 0;
  padding-right: 8px;
  border-right: 1px solid #999;
}

.otherLink__item:last-child {
  margin-right: 0;
  border-right: none;
}

.otherLink a {
  padding-left: 10px;
  font-size: 12px;
  background: url(../img/common/arrowRight.png) 0 50% no-repeat;
}

.footerLower__corporate,
.footerOtherWindow__corporate,
.footer__corporate {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0 25px;
}

.footerLower__corporate::after,
.footerOtherWindow__corporate::after,
.footer__corporate::after {
  content: " ";
  display: block;
  clear: both;
}

.footerLower__logo,
.footerOtherWindow__logo,
.footer__logo {
  float: left;
  margin: 15px 13px 0 0;
  line-height: 0;
}

.footerLower__copyright,
.footerOtherWindow__copyright,
.footer__copyright {
  float: left;
  margin-top: 17px;
  line-height: 0;
}

.footer__copyright__center {
  float: none;
  text-align: center;
}

.footer__site .menuLink,
.footer__site .otherLink {
  padding: 0;
}

.footerBlock {
  padding: 12px;
  text-align: center;
  background-color: #fff;
}

.footerBlock>:first-child {
  margin: 0 0 8px;
}

.footerBlock--hasButton {
  padding: 12px 12px 120px;
}

.footerBlock--hasButton>:first-child {
  margin: 0 0 8px;
}

.footerBlock--hasBanner {
  padding: 12px 12px 126px;
}

.footerBlock--hasBanner>:first-child {
  margin: 0 0 8px;
}

.footerBlock__pcButton {
  display: block;
  width: 100%;
  padding: 6px 12px;
  color: #555;
  font-size: 1.1rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #e0dddd;
  border-radius: 2px;
}

.footerBlock__pcButton [class*=iconFont--]::before {
  font-size: 1.2em;
}

.footerList {
  position: relative;
  min-height: 30px;
  margin: 8px 0;
  padding: 0;
}

[class*=footerList__item] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footerList__item--siteTop {
  left: 0;
  position: absolute;
  top: 0;
  width: 80px;
}

.footerList__item--pageTop {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
}

.footerList__item--categoryTop {
  margin: 0 96px 0 86px;
}

.footerButton,
.footerButton--category {
  color: #555;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 6px 4px;
  font-size: 1.1rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #e0dddd;
  border-radius: 2px;
}

.footerButton--category {
  background-color: #ebebeb;
}

.footerBlock__copyright {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
}

.footerTop {
  padding: 24px 0 0;
  border-top: 1px solid #e1e1e1;
}

.footer__site {
  width: 950px;
  padding-top: 16px;
  margin-right: auto;
  margin-bottom: 4px;
  margin-left: auto;
  font-size: 1.2em;
  line-height: 1.5;
  border-top: 1px solid #d8d8d8;
}

.footerGroup {
  padding-bottom: 30px;
  padding-top: 21px;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.5;
  background: url(../img/common/background_02.png) repeat-x;
}

.footerGroup__inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

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

.footerGroup__logo {
  float: left;
  margin-top: 22px;
}

.footerGroup__txt {
  float: right;
  width: 845px;
  margin-bottom: 10px;
  font-weight: 700;
}

.footerGroup__content {
  float: right;
  width: 845px;
  padding-bottom: 2px;
  background-position: 0 100%;
  border-bottom: 1px dotted #ddd;
  margin: 0;
}

.relationSiteList {
  border-top: 1px dotted #ddd;
  margin-top: 1px;
  padding-top: 2px;
}

.relationSiteList::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.relationSiteList.first_child,
.relationSiteList:first-child {
  margin-top: 0;
}

.relationSiteList__item,
.relationSiteList__title {
  display: table-cell;
  vertical-align: middle;
}

.relationSiteList__title {
  color: #333;
  width: 100px;
  padding-bottom: 6px;
  padding-top: 6px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 0;
  text-align: center;
  background-color: #f7f7f7;
}

.relationSiteList__item {
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 10px;
}

.relationSiteList__list {
  overflow: hidden;
}

.relationSiteList__listItem {
  float: left;
  margin-left: -8px;
  margin-right: 15px;
  padding-left: 8px;
  background: url(../img/common/background_01.gif) 0 49% no-repeat;
}

.relationSiteList__listItem.last_child,
.relationSiteList__listItem:last-child {
  margin-right: 0;
}

.relationSiteList a {
  color: #777;
}

.footerCorporate {
  padding-bottom: 45px;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
}

.footerCorporate__inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

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

.footerCorporate__copyright {
  font-size: 1rem;
  line-height: 0;
  text-align: center;
  margin-top: 17px;
  margin-bottom: 6px;
}

.footerCorporate__privacy {
  float: right;
}

.footerCorporate .otherLink {
  float: left;
  width: 800px;
  padding-top: 7px;
}

#previewFooterArea {
  clear: both;
  width: 750px;
  margin: 0 auto;
  padding: 15px 0 20px;
  text-align: left;
}

.footer__txt {
  width: 950px;
  margin: 0 auto 5px;
  color: #999;
  font-size: 10px;
  line-height: 1.3;
}

#footer div.return {
  width: 950px;
  margin: 0 auto 30px;
}

#footer ul.return {
  margin: 0 auto 30px;
  font-size: 0;
  line-height: 0;
}

#footer ul.return::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#footer ul.return li.top {
  float: left;
}

#footer ul.return li.close {
  float: right;
  margin-left: 12px;
}

#footer ul.return li.page {
  float: right;
  margin-top: 5px;
  margin-left: 12px;
}

#footer ul.return li {
  float: left;
}

#footer ul.return li:last-child {
  float: right;
}

#footer ul.return li.last_child {
  float: right;
}

.footerLower__copyright .copyright__conpany,
.footerOtherWindow__copyright .copyright__conpany,
.footer__copyright .copyright__conpany {
  float: left;
  width: 114px;
}

.footerLower__copyright .copyright,
.footerOtherWindow__copyright .copyright,
.footer__copyright .copyright {
  float: left;
  width: 200px;
  margin-top: 3px;
  color: #aaa;
}

.footerLower {
  padding-top: 0;
  background-color: #fafafb;
}

.footerLower__content {
  background-color: #fff;
}

.footerOtherWindow {
  padding-top: 0;
  background-color: #fafafb;
}

.footerOtherWindow__content {
  background-color: #fff;
}

.footerOtherWindow__logo {
  margin: 15px 13px 0 10px;
}

@font-face {
  font-family: mynavi;
  font-style: normal;
  font-weight: 400;
  src: url(https://tenshoku.mynavi.jp/lib/tm/pc/font/mynavi.eot?4az7ya);
  src: url(https://tenshoku.mynavi.jp/lib/tm/pc/font/mynavi.eot?4az7ya#iefix) format("embedded-opentype"),url(https://tenshoku.mynavi.jp/lib/tm/pc/font/mynavi.ttf?4az7ya) format("truetype"),url(https://tenshoku.mynavi.jp/lib/tm/pc/font/mynavi.woff?4az7ya) format("woff"),url(https://tenshoku.mynavi.jp/lib/tm/pc/font/mynavi.svg?4az7ya#mynavi) format("svg");
}

[class*=" iconFont--"]::before,
[class^=iconFont--]::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.iconFont--reply::before {
  content: "\e921";
}

.iconFont--arrowUp2::before {
  content: "\e91f";
}

.iconFont--arrowDown2::before {
  content: "\e920";
}

.iconFont--star2::before {
  content: "\e91e";
}

.iconFont--questionnaire::before {
  content: "\e91d";
}

.iconFont--bell::before {
  content: "\e91b";
}

.iconFont--keep::before {
  content: "\e919";
}

.iconFont--receive2::before {
  content: "\e91a";
}

.iconFont--key::before {
  content: "\e918";
}

.iconFont--question::before {
  content: "\e916";
}

.iconFont--checked::before {
  content: "\e917";
}

.iconFont--detail::before {
  content: "\e912";
}

.iconFont--keyword::before {
  content: "\e910";
}

.iconFont--star::before {
  content: "\e911";
}

.iconFont--calendar::before {
  content: "\e904";
}

.iconFont--change::before {
  content: "\e906";
}

.iconFont--criteria::before {
  content: "\e907";
}

.iconFont--employee::before {
  content: "\e908";
}

.iconFont--employment::before {
  content: "\e909";
}

.iconFont--experience::before {
  content: "\e90a";
}

.iconFont--feature::before {
  content: "\e90b";
}

.iconFont--flag::before {
  content: "\e90c";
}

.iconFont--foundation::before {
  content: "\e90d";
}

.iconFont--graph::before {
  content: "\e90e";
}

.iconFont--industries::before {
  content: "\e90f";
}

.iconFont--offer::before {
  content: "\e913";
}

.iconFont--save2::before {
  content: "\e914";
}

.iconFont--tool::before {
  content: "\e915";
}

.iconFont--anonymous::before {
  content: "\e616";
}

.iconFont--arrowDown::before {
  content: "\e602";
}

.iconFont--arrowLeft::before {
  content: "\e603";
}

.iconFont--arrowRight::before {
  content: "\e609";
}

.iconFont--arrow__up::before {
  content: "\e60a";
}

.iconFont--bag::before {
  content: "\e901";
}

.iconFont--caution::before {
  content: "\e61f";
}

.iconFont--close::before {
  content: "\e626";
}

.iconFont--companies::before {
  content: "\e621";
}

.iconFont--complete::before {
  content: "\e61e";
}

.iconFont--conditions::before {
  content: "\e903";
}

.iconFont--effective::before {
  content: "\e608";
}

.iconFont--email::before {
  content: "\e628";
}

.iconFont--flowDown::before {
  content: "\e60b";
}

.iconFont--flowLeft::before {
  content: "\e60c";
}

.iconFont--flowRight::before {
  content: "\e611";
}

.iconFont--flow__up::before {
  content: "\e612";
}

.iconFont--good::before {
  content: "\e605";
}

.iconFont--good2::before {
  content: "\e61c";
}

.iconFont--human_resources::before {
  content: "\e902";
}

.iconFont--heart::before {
  content: "\e91c";
}

.iconFont--interview::before {
  content: "\e622";
}

.iconFont--interview2::before {
  content: "\e607";
}

.iconFont--knowhow::before {
  content: "\e618";
}

.iconFont--location::before {
  content: "\e614";
}

.iconFont--member::before {
  content: "\e632";
}

.iconFont--menu::before {
  content: "\e610";
}

.iconFont--message::before {
  content: "\e620";
}

.iconFont--minus::before {
  content: "\e60d";
}

.iconFont--money::before {
  content: "\e905";
}

.iconFont--money2::before {
  content: "\e900";
}

.iconFont--occupation::before {
  content: "\e606";
}

.iconFont--password::before {
  content: "\e62b";
}

.iconFont--pc::before {
  content: "\e613";
}

.iconFont--plus::before {
  content: "\e60e";
}

.iconFont--potential::before {
  content: "\e617";
}

.iconFont--prev::before {
  content: "\e60f";
}

.iconFont--profile::before {
  content: "\e625";
}

.iconFont--receive::before {
  content: "\e624";
}

.iconFont--register::before {
  content: "\e629";
}

.iconFont--resume::before {
  content: "\e615";
}

.iconFont--save::before {
  content: "\e600";
}

.iconFont--search::before {
  content: "\e623";
}

.iconFont--secret::before {
  content: "\e604";
}

.iconFont--session::before {
  content: "\e61a";
}

.iconFont--settings::before {
  content: "\e61d";
}

.iconFont--skill::before {
  content: "\e62a";
}

.iconFont--view::before {
  content: "\e601";
}

.iconFont--warning::before {
  content: "\e61b";
}

.iconFont--women::before {
  content: "\e627";
}

.wrapper {
  min-width: 950px;
}

.wrapper--wide {
  min-width: 1200px;
}

.container {
  position: relative;
  min-width: 950px;
  width: 100%;
  padding: 30px 0 40px;
  font-size: 1.4rem;
  line-height: 1.42;
  background: #fafafb;
  z-index: 1;
}

.container__inner {
  width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

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

.container__inner--wide {
  width: 1140px;
}

.container--transparent {
  background-color: transparent;
}

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

.mainContent {
  position: relative;
  z-index: 2;
  float: right;
  width: 715px;
}

.mainContentApplication,
.mainContentScout {
  float: right;
  width: 580px;
}

.mainContentScout__link {
  margin-top: 30px;
  text-align: right;
}

.interest {
  padding: 0 20px;
}

.mainContentInterest {
  display: table;
  border-collapse: separate;
  border-spacing: 20px 0;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 20px -20px;
}

.mainContentInterest .adviceQuestionnaire,
.mainContentInterest .card,
.mainContentInterest .card2col,
.mainContentInterest .cardBorder,
.mainContentInterest .coachRecruit,
.mainContentInterest .coachResume,
.mainContentInterest .description,
.mainContentInterest .errorConsideration,
.mainContentInterest .jobOfferQuestion,
.mainContentInterest .photoReport,
.mainContentInterest .settingDone {
  display: table-cell;
  width: 445px;
  margin: 0;
}

.headingPage {
  max-width: 950px;
  color: #333;
  font-weight: 700;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  margin: 0 auto 20px;
  padding: 3px 20px;
  font-size: 2rem;
  border-left: 4px solid #00aaeb;
}

.headingBlock,
.headingBlock--coach,
.headingReadBlock,
.headingTop {
  max-width: 950px;
  color: #333;
  font-weight: 700;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  margin: 0 auto;
  padding: 30px 28px 20px;
  font-size: 2rem;
  border-bottom: 1px solid #ddd;
}

.headingBlock .offerSearch__more,
.headingBlock .textSup,
.headingBlock--coach .offerSearch__more,
.headingBlock--coach .textSup,
.headingReadBlock .offerSearch__more,
.headingReadBlock .textSup,
.headingTop .offerSearch__more,
.headingTop .textSup {
  float: right;
  padding-top: .6em;
  font-weight: 400;
}

.adviceQuestionnaire>.headingBlock--coach:first-child,
.adviceQuestionnaire>.headingBlock:first-child,
.adviceQuestionnaire>.headingReadBlock:first-child,
.adviceQuestionnaire>.headingTop:first-child,
.card2col>.headingBlock--coach:first-child,
.card2col>.headingBlock:first-child,
.card2col>.headingReadBlock:first-child,
.card2col>.headingTop:first-child,
.card>.headingBlock--coach:first-child,
.card>.headingBlock:first-child,
.card>.headingReadBlock:first-child,
.card>.headingTop:first-child,
.cardBorder>.headingBlock--coach:first-child,
.cardBorder>.headingBlock:first-child,
.cardBorder>.headingReadBlock:first-child,
.cardBorder>.headingTop:first-child,
.coachRecruit>.headingBlock--coach:first-child,
.coachRecruit>.headingBlock:first-child,
.coachRecruit>.headingReadBlock:first-child,
.coachRecruit>.headingTop:first-child,
.coachResume>.headingBlock--coach:first-child,
.coachResume>.headingBlock:first-child,
.coachResume>.headingReadBlock:first-child,
.coachResume>.headingTop:first-child,
.description>.headingBlock--coach:first-child,
.description>.headingBlock:first-child,
.description>.headingReadBlock:first-child,
.description>.headingTop:first-child,
.errorConsideration>.headingBlock--coach:first-child,
.errorConsideration>.headingBlock:first-child,
.errorConsideration>.headingReadBlock:first-child,
.errorConsideration>.headingTop:first-child,
.jobOfferQuestion>.headingBlock--coach:first-child,
.jobOfferQuestion>.headingBlock:first-child,
.jobOfferQuestion>.headingReadBlock:first-child,
.jobOfferQuestion>.headingTop:first-child,
.photoReport>.headingBlock--coach:first-child,
.photoReport>.headingBlock:first-child,
.photoReport>.headingReadBlock:first-child,
.photoReport>.headingTop:first-child,
.settingDone>.headingBlock--coach:first-child,
.settingDone>.headingBlock:first-child,
.settingDone>.headingReadBlock:first-child,
.settingDone>.headingTop:first-child {
  border-top: 2px solid #00aaeb;
}

.attention__content+.headingBlock,
.attention__content+.headingBlock--coach,
.attention__content+.headingReadBlock,
.attention__content+.headingTop,
.card2col__content+.headingBlock,
.card2col__content+.headingBlock--coach,
.card2col__content+.headingReadBlock,
.card2col__content+.headingTop,
.cardBorder__content+.headingBlock,
.cardBorder__content+.headingBlock--coach,
.cardBorder__content+.headingReadBlock,
.cardBorder__content+.headingTop,
.cardCharm__content+.headingBlock,
.cardCharm__content+.headingBlock--coach,
.cardCharm__content+.headingReadBlock,
.cardCharm__content+.headingTop,
.cardCoverage__content+.headingBlock,
.cardCoverage__content+.headingBlock--coach,
.cardCoverage__content+.headingReadBlock,
.cardCoverage__content+.headingTop,
.cardNavi__content+.headingBlock,
.cardNavi__content+.headingBlock--coach,
.cardNavi__content+.headingReadBlock,
.cardNavi__content+.headingTop,
.cardNotice__content+.headingBlock,
.cardNotice__content+.headingBlock--coach,
.cardNotice__content+.headingReadBlock,
.cardNotice__content+.headingTop,
.card__content+.headingBlock,
.card__content+.headingBlock--coach,
.card__content+.headingReadBlock,
.card__content+.headingTop,
.card__content__text+.headingBlock,
.card__content__text+.headingBlock--coach,
.card__content__text+.headingReadBlock,
.card__content__text+.headingTop,
.card__section>.headingBlock,
.card__section>.headingBlock--coach,
.card__section>.headingReadBlock,
.card__section>.headingTop,
.card__settingContent+.headingBlock,
.card__settingContent+.headingBlock--coach,
.card__settingContent+.headingReadBlock,
.card__settingContent+.headingTop,
.coachRecruit__content+.headingBlock,
.coachRecruit__content+.headingBlock--coach,
.coachRecruit__content+.headingReadBlock,
.coachRecruit__content+.headingTop,
.coachResume__content+.headingBlock,
.coachResume__content+.headingBlock--coach,
.coachResume__content+.headingReadBlock,
.coachResume__content+.headingTop,
.description__content+.headingBlock,
.description__content+.headingBlock--coach,
.description__content+.headingReadBlock,
.description__content+.headingTop,
.errorConsideration__content+.headingBlock,
.errorConsideration__content+.headingBlock--coach,
.errorConsideration__content+.headingReadBlock,
.errorConsideration__content+.headingTop,
.experienceCompany__content+.headingBlock,
.experienceCompany__content+.headingBlock--coach,
.experienceCompany__content+.headingReadBlock,
.experienceCompany__content+.headingTop,
.photoReport__content+.headingBlock,
.photoReport__content+.headingBlock--coach,
.photoReport__content+.headingReadBlock,
.photoReport__content+.headingTop,
.requirementConf>.headingBlock,
.requirementConf>.headingBlock--coach,
.requirementConf>.headingReadBlock,
.requirementConf>.headingTop,
.requirementConf__content+.headingBlock,
.requirementConf__content+.headingBlock--coach,
.requirementConf__content+.headingReadBlock,
.requirementConf__content+.headingTop,
.settingDone__content+.headingBlock,
.settingDone__content+.headingBlock--coach,
.settingDone__content+.headingReadBlock,
.settingDone__content+.headingTop {
  padding-top: 10px;
}

.headingBlock+.attention__content,
.headingBlock+.card2col__content,
.headingBlock+.cardBorder__content,
.headingBlock+.cardCharm__content,
.headingBlock+.cardCoverage__content,
.headingBlock+.cardNavi__content,
.headingBlock+.cardNotice__content,
.headingBlock+.card__content,
.headingBlock+.card__content__text,
.headingBlock+.card__settingContent,
.headingBlock+.coachRecruit__content,
.headingBlock+.coachResume__content,
.headingBlock+.description__content,
.headingBlock+.errorConsideration__content,
.headingBlock+.experienceCompany__content,
.headingBlock+.photoReport__content,
.headingBlock+.requirementConf__content,
.headingBlock+.settingDone__content,
.headingBlock--coach+.attention__content,
.headingBlock--coach+.card2col__content,
.headingBlock--coach+.cardBorder__content,
.headingBlock--coach+.cardCharm__content,
.headingBlock--coach+.cardCoverage__content,
.headingBlock--coach+.cardNavi__content,
.headingBlock--coach+.cardNotice__content,
.headingBlock--coach+.card__content,
.headingBlock--coach+.card__content__text,
.headingBlock--coach+.card__settingContent,
.headingBlock--coach+.coachRecruit__content,
.headingBlock--coach+.coachResume__content,
.headingBlock--coach+.description__content,
.headingBlock--coach+.errorConsideration__content,
.headingBlock--coach+.experienceCompany__content,
.headingBlock--coach+.photoReport__content,
.headingBlock--coach+.requirementConf__content,
.headingBlock--coach+.settingDone__content,
.headingReadBlock+.attention__content,
.headingReadBlock+.card2col__content,
.headingReadBlock+.cardBorder__content,
.headingReadBlock+.cardCharm__content,
.headingReadBlock+.cardCoverage__content,
.headingReadBlock+.cardNavi__content,
.headingReadBlock+.cardNotice__content,
.headingReadBlock+.card__content,
.headingReadBlock+.card__content__text,
.headingReadBlock+.card__settingContent,
.headingReadBlock+.coachRecruit__content,
.headingReadBlock+.coachResume__content,
.headingReadBlock+.description__content,
.headingReadBlock+.errorConsideration__content,
.headingReadBlock+.experienceCompany__content,
.headingReadBlock+.photoReport__content,
.headingReadBlock+.requirementConf__content,
.headingReadBlock+.settingDone__content,
.headingTop+.attention__content,
.headingTop+.card2col__content,
.headingTop+.cardBorder__content,
.headingTop+.cardCharm__content,
.headingTop+.cardCoverage__content,
.headingTop+.cardNavi__content,
.headingTop+.cardNotice__content,
.headingTop+.card__content,
.headingTop+.card__content__text,
.headingTop+.card__settingContent,
.headingTop+.coachRecruit__content,
.headingTop+.coachResume__content,
.headingTop+.description__content,
.headingTop+.errorConsideration__content,
.headingTop+.experienceCompany__content,
.headingTop+.photoReport__content,
.headingTop+.requirementConf__content,
.headingTop+.settingDone__content {
  padding-top: 20px;
}

.headingBlock+.card__settingContent,
.headingBlock--coach+.card__settingContent,
.headingReadBlock+.card__settingContent,
.headingTop+.card__settingContent {
  padding-top: 0;
}

.headingBlock+.attention__content>.imgCenter:first-child,
.headingBlock+.card2col__content>.imgCenter:first-child,
.headingBlock+.cardBorder__content>.imgCenter:first-child,
.headingBlock+.cardCharm__content>.imgCenter:first-child,
.headingBlock+.cardCoverage__content>.imgCenter:first-child,
.headingBlock+.cardNavi__content>.imgCenter:first-child,
.headingBlock+.cardNotice__content>.imgCenter:first-child,
.headingBlock+.card__content>.imgCenter:first-child,
.headingBlock+.card__content__text>.imgCenter:first-child,
.headingBlock+.card__settingContent>.imgCenter:first-child,
.headingBlock+.coachRecruit__content>.imgCenter:first-child,
.headingBlock+.coachResume__content>.imgCenter:first-child,
.headingBlock+.description__content>.imgCenter:first-child,
.headingBlock+.errorConsideration__content>.imgCenter:first-child,
.headingBlock+.experienceCompany__content>.imgCenter:first-child,
.headingBlock+.photoReport__content>.imgCenter:first-child,
.headingBlock+.requirementConf__content>.imgCenter:first-child,
.headingBlock+.settingDone__content>.imgCenter:first-child,
.headingBlock--coach+.attention__content>.imgCenter:first-child,
.headingBlock--coach+.card2col__content>.imgCenter:first-child,
.headingBlock--coach+.cardBorder__content>.imgCenter:first-child,
.headingBlock--coach+.cardCharm__content>.imgCenter:first-child,
.headingBlock--coach+.cardCoverage__content>.imgCenter:first-child,
.headingBlock--coach+.cardNavi__content>.imgCenter:first-child,
.headingBlock--coach+.cardNotice__content>.imgCenter:first-child,
.headingBlock--coach+.card__content>.imgCenter:first-child,
.headingBlock--coach+.card__content__text>.imgCenter:first-child,
.headingBlock--coach+.card__settingContent>.imgCenter:first-child,
.headingBlock--coach+.coachRecruit__content>.imgCenter:first-child,
.headingBlock--coach+.coachResume__content>.imgCenter:first-child,
.headingBlock--coach+.description__content>.imgCenter:first-child,
.headingBlock--coach+.errorConsideration__content>.imgCenter:first-child,
.headingBlock--coach+.experienceCompany__content>.imgCenter:first-child,
.headingBlock--coach+.photoReport__content>.imgCenter:first-child,
.headingBlock--coach+.requirementConf__content>.imgCenter:first-child,
.headingBlock--coach+.settingDone__content>.imgCenter:first-child,
.headingReadBlock+.attention__content>.imgCenter:first-child,
.headingReadBlock+.card2col__content>.imgCenter:first-child,
.headingReadBlock+.cardBorder__content>.imgCenter:first-child,
.headingReadBlock+.cardCharm__content>.imgCenter:first-child,
.headingReadBlock+.cardCoverage__content>.imgCenter:first-child,
.headingReadBlock+.cardNavi__content>.imgCenter:first-child,
.headingReadBlock+.cardNotice__content>.imgCenter:first-child,
.headingReadBlock+.card__content>.imgCenter:first-child,
.headingReadBlock+.card__content__text>.imgCenter:first-child,
.headingReadBlock+.card__settingContent>.imgCenter:first-child,
.headingReadBlock+.coachRecruit__content>.imgCenter:first-child,
.headingReadBlock+.coachResume__content>.imgCenter:first-child,
.headingReadBlock+.description__content>.imgCenter:first-child,
.headingReadBlock+.errorConsideration__content>.imgCenter:first-child,
.headingReadBlock+.experienceCompany__content>.imgCenter:first-child,
.headingReadBlock+.photoReport__content>.imgCenter:first-child,
.headingReadBlock+.requirementConf__content>.imgCenter:first-child,
.headingReadBlock+.settingDone__content>.imgCenter:first-child,
.headingTop+.attention__content>.imgCenter:first-child,
.headingTop+.card2col__content>.imgCenter:first-child,
.headingTop+.cardBorder__content>.imgCenter:first-child,
.headingTop+.cardCharm__content>.imgCenter:first-child,
.headingTop+.cardCoverage__content>.imgCenter:first-child,
.headingTop+.cardNavi__content>.imgCenter:first-child,
.headingTop+.cardNotice__content>.imgCenter:first-child,
.headingTop+.card__content>.imgCenter:first-child,
.headingTop+.card__content__text>.imgCenter:first-child,
.headingTop+.card__settingContent>.imgCenter:first-child,
.headingTop+.coachRecruit__content>.imgCenter:first-child,
.headingTop+.coachResume__content>.imgCenter:first-child,
.headingTop+.description__content>.imgCenter:first-child,
.headingTop+.errorConsideration__content>.imgCenter:first-child,
.headingTop+.experienceCompany__content>.imgCenter:first-child,
.headingTop+.photoReport__content>.imgCenter:first-child,
.headingTop+.requirementConf__content>.imgCenter:first-child,
.headingTop+.settingDone__content>.imgCenter:first-child {
  margin-top: 20px;
}

.headingReadBlock .offerSearch__more,
.headingReadBlock .textSup {
  float: none;
}

.headingBlock--coach {
  padding: 28px 28px 20px;
}

.headingBlock--coach span {
  display: block;
  color: #555;
  font-size: 1.4rem;
  font-weight: 400;
}

.footingBlock {
  margin: 0 auto;
  padding: 20px 28px;
  border-top: 1px solid #ddd;
}

.headingContent,
.headingContentL,
.headingContentM,
.headingContentS {
  max-width: 950px;
  color: #333;
  font-weight: 700;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  margin: 0 auto 20px;
  font-size: 1.6rem;
}

.headingContentS {
  margin-bottom: 16px;
  font-size: 1.4rem;
}

.headingContentM {
  font-size: 1.8rem;
}

.headingContentL {
  font-size: 2rem;
}

.headingSubBlock {
  max-width: 950px;
  color: #333;
  font-weight: 700;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  margin: 0 auto;
  padding: 20px 28px;
  font-size: 1.6rem;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
}

.headingSideMenu {
  max-width: 950px;
  color: #333;
  font-weight: 700;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  margin: 0 auto;
  padding: 30px 12px 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #ddd;
}

.headingTop {
  font-size: 1.6rem;
}

.headingTop__day {
  margin-right: 1em;
}

.headingTop__count {
  color: red;
  font-size: 1.9rem;
}

.headingTop__nextDay {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 400;
  margin-left: 1em;
}

.headingTop .offerSearch__more,
.headingTop .textSup {
  padding: 0 0 0 10px;
  font-size: 1.2rem;
  background: url(../img/common/arrowRight.png) no-repeat 0 50%;
  margin-top: .6em;
}

.headingPageArrow {
  color: #00aaeb;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.headingPageArrow::before {
  content: "";
  margin-right: 8px;
  padding-left: 10px;
  background: url(../img/common/arrowRightL.png) no-repeat 0 50%;
}

.headingCoach {
  margin: 0 0 20px 12px;
}

.headingCoach img {
  vertical-align: top;
}

.headingCoachAdvice {
  margin: 20px 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}

.headingCoachAdvice span {
  display: inline-block;
  height: 30px;
  padding: 0 20px;
  line-height: 30px;
}

.headingCoachAdvice__interview {
  background-color: #e14987;
}

.headingJobMatch,
.headingJobMatch--woman {
  margin: 0 0 25px;
  padding: 15px 0 15px 25px;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 5px;
  background-color: #00aaeb;
}

.headingJobMatch--woman::before,
.headingJobMatch::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.headingJobMatch--woman::before,
.headingJobMatch::before {
  margin: 0 8px 0 0;
}

.headingJobMatch--woman {
  background-color: #d8006c;
}

.headingJobMatch--done {
  margin: 0 0 25px;
  padding: 15px 0 15px 25px;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 5px;
  background-color: #ff7f7f;
}

.headingJobMatch--done::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2.1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.headingJobMatch--done::before,
.headingJobMatch--done__label,
.headingJobMatch--done__text {
  display: inline-block;
  vertical-align: middle;
}

.headingJobMatch--done__label {
  height: 26px;
  padding: 3px 25px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff7f7f;
  background-color: #fff;
  border-radius: 13px;
}

.headingBlockBlueLine {
  padding: 13px 20px;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: #fff;
  border-color: #00aaeb;
}

.headingBlockBlueLine__title {
  color: #00aaeb;
  font-weight: 700;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  margin: 0 auto;
  padding: 5px 0 10px;
  font-size: 2.4rem;
}

.headingBlockBlueLine__annotation {
  padding: 10px 0 0;
  color: #999;
  font-size: 1.2rem;
}

.text,
.text--mb,
.text--mbL,
.textCenter,
.textCenter--mb,
.textUnderBorder {
  font-size: 1.4rem;
}

.text--mb {
  margin-bottom: 30px;
}

.text--mbL {
  margin-bottom: 40px;
}

.textCenter,
.textCenter--mb {
  text-align: center;
}

.textCenter--mb {
  margin-bottom: 30px;
}

.textS,
.textS--mb {
  font-size: 1.2rem;
}

.textS--mb {
  margin-bottom: 15px;
}

.textSS,
.textSS--mb {
  font-size: 1.1rem;
}

.textSS--mb {
  margin-bottom: 15px;
}

.textBoldS {
  font-size: 1.2rem;
  font-weight: 700;
}

.textBold {
  font-size: 1.4rem;
  font-weight: 700;
}

.textBold em {
  color: red;
}

.textBoldM,
.textBoldM--mb {
  font-size: 1.6rem;
  font-weight: 700;
}

.textBoldM--mb {
  margin-bottom: 20px;
}

.textBoldL {
  font-size: 2rem;
  font-weight: 700;
}

.textAttentionS {
  color: red;
  font-size: 2rem;
  font-weight: 700;
}

.textAttentionL {
  color: red;
  font-size: 2.8rem;
  font-weight: 700;
}

.textAttentionM {
  color: red;
  font-size: 2.4rem;
  font-weight: 700;
}

.textAttention,
.textAttention--mb {
  color: red;
  font-size: 1.6rem;
  font-weight: 700;
}

.textAttention--mb {
  margin-bottom: 20px;
}

.textTitle {
  color: #000;
  font-size: 2rem;
  font-weight: 700;
}

.textTableTitle {
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
}

.textEmL {
  color: #333;
  font-size: 2.8rem;
  font-weight: 700;
}

.textEmM {
  color: #333;
  font-size: 2.4rem;
  font-weight: 700;
}

.textEmS {
  color: #333;
  font-size: 2rem;
  font-weight: 700;
}

.textEm {
  color: #333;
  font-size: 1.6rem;
  font-weight: 700;
}

.textCaution,
.textCaution--mb,
.textCaution--one,
.textCautionCenter--mb {
  color: red;
}

.textCaution--mb,
.textCautionCenter--mb {
  margin-bottom: 20px;
}

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

.textCaution--one {
  padding-left: 1em;
  text-indent: -1em;
}

.textKeyColor {
  color: #00aaeb;
}

.textAddInfo {
  font-size: 1rem;
}

.offerSearch__more,
.textSup {
  font-size: 1.2rem;
}

.linkArrow {
  padding: 0 0 0 10px;
  font-size: 1.4rem;
  background: url(../img/common/arrowRight.png) no-repeat 0 50%;
}

.linkArrowS {
  padding: 0 0 0 10px;
  font-size: 1.2rem;
  background: url(../img/common/arrowRight.png) no-repeat 0 50%;
}

.textLead,
.textLeadS {
  max-width: 950px;
  margin: 0 auto 20px;
  font-size: 1.4rem;
}

.textLeadS {
  font-size: 1.2rem;
}

.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textEllipsis--multiline {
  position: relative;
  display: block;
  height: 39px;
  overflow: hidden;
  line-height: 19px;
  word-break: break-all;
  white-space: normal;
}

.textEllipsis--multiline::after,
.textEllipsis--multiline::before {
  position: absolute;
  background: #fff;
}

.textEllipsis--multiline::before {
  content: "...";
  bottom: 0;
  right: 0;
  width: 1.6em;
  padding-left: 2px;
}

.textEllipsis--multiline::after {
  content: "";
  width: 100%;
  height: 100%;
}

.textMarker {
  background-color: #f9ec83;
}

.textScout {
  background-color: #81d7ca;
}

.textBorder {
  background-color: #fff;
  border: 1px solid #bbb;
}

.textNote {
  padding-left: 1em;
  font-size: 1.2rem;
  text-indent: -1em;
}

.textEllipsis--multiline3 {
  position: relative;
  display: block;
  height: 52px;
  overflow: hidden;
  line-height: inherit;
  word-break: break-all;
  white-space: normal;
}

.textEllipsis--multiline3::after,
.textEllipsis--multiline3::before {
  position: absolute;
  background: #fff;
}

.textEllipsis--multiline3::before {
  content: "...";
  bottom: 0;
  right: 0;
  width: 1.6em;
  padding-left: 2px;
}

.textEllipsis--multiline3::after {
  content: "";
  width: 100%;
  height: 100%;
}

.textDisabled {
  color: #bbb;
}

.textUnderBorder {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ddd;
}

.textTopic,
.textTopic--black {
  display: inline-block;
  padding: 1em 0 0;
  color: red;
  font-weight: 700;
}

.textTopic--black {
  color: #333;
}

.btnPrimary,
.btnPrimary--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: #fff;
  background-color: red;
  border-color: red;
}

.btnPrimary--disabled:hover,
.btnPrimary:hover {
  opacity: .5;
  text-decoration: none;
}

.btnPrimary--fluid {
  width: 100%;
}

.btnPrimaryL,
.btnPrimaryL--disabled,
.btnSearch,
.btnSignUp {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 290px;
  min-height: 50px;
  color: #fff;
  background-color: red;
  border-color: red;
}

.btnPrimaryL--disabled:hover,
.btnPrimaryL:hover,
.btnSearch:hover,
.btnSignUp:hover {
  opacity: .5;
  text-decoration: none;
}

.btnPrimaryL--fluid {
  width: 100%;
}

.btnPrimaryM,
.btnPrimaryM--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 222px;
  min-height: 44px;
  color: #fff;
  background-color: red;
  border-color: red;
}

.btnPrimaryM--disabled:hover,
.btnPrimaryM:hover {
  opacity: .5;
  text-decoration: none;
}

.btnPrimaryM--fluid {
  width: 100%;
}

.btnPrimaryS,
.btnPrimaryS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 156px;
  min-height: 44px;
  color: #fff;
  background-color: red;
  border-color: red;
}

.btnPrimaryS--disabled:hover,
.btnPrimaryS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnPrimaryS--fluid {
  width: 100%;
}

.btnPrimarySS,
.btnPrimarySS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 98px;
  min-height: 32px;
  color: #fff;
  background-color: red;
  border-color: red;
}

.btnPrimarySS--disabled:hover,
.btnPrimarySS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnPrimarySS--fluid {
  width: 100%;
}

.btnPrimary--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnPrimaryL--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnPrimaryM--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnPrimaryS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnPrimarySS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSecondary,
.btnSecondary--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnSecondary--disabled:hover,
.btnSecondary:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSecondary--fluid {
  width: 100%;
}

.btnSecondaryL,
.btnSecondaryL--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 290px;
  min-height: 50px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnSecondaryL--disabled:hover,
.btnSecondaryL:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSecondaryL--fluid {
  width: 100%;
}

.btnSecondaryM,
.btnSecondaryM--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 222px;
  min-height: 44px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnSecondaryM--disabled:hover,
.btnSecondaryM:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSecondaryM--fluid {
  width: 100%;
}

.btnSecondaryS,
.btnSecondaryS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 156px;
  min-height: 44px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnSecondaryS--disabled:hover,
.btnSecondaryS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSecondaryS--fluid {
  width: 100%;
}

.btnSecondarySS,
.btnSecondarySS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 98px;
  min-height: 32px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnSecondarySS--disabled:hover,
.btnSecondarySS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSecondarySS--fluid {
  width: 100%;
}

.btnSecondary--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSecondaryL--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSecondaryM--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSecondaryS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSecondarySS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnDefault,
.btnDefault--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDefault--disabled:hover,
.btnDefault:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDefault--fluid {
  width: 100%;
}

.btnDefaultL,
.btnDefaultL--disabled,
.btnInterst,
.btnInterst--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 290px;
  min-height: 50px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDefaultL--disabled:hover,
.btnDefaultL:hover,
.btnInterst--disabled:hover,
.btnInterst:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDefaultL--fluid {
  width: 100%;
}

.btnDefaultM,
.btnDefaultM--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 222px;
  min-height: 44px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDefaultM--disabled:hover,
.btnDefaultM:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDefaultM--fluid {
  width: 100%;
}

.btnDefaultS,
.btnDefaultS--disabled,
.btnSearchCondition {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 156px;
  min-height: 44px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDefaultS--disabled:hover,
.btnDefaultS:hover,
.btnSearchCondition:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDefaultS--fluid {
  width: 100%;
}

.btnDefaultSS,
.btnDefaultSS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 98px;
  min-height: 32px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDefaultSS--disabled:hover,
.btnDefaultSS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDefaultSS--fluid {
  width: 100%;
}

.btnDefault--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnDefaultL--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnDefaultM--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnDefaultS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnDefaultSS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

[class*=btnDefault] .loading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.5);
  position: relative;
  display: inline-block;
  width: 40px;
  height: 14px;
  margin: 0 0 0 5px;
  padding: 0 20px;
  background-color: transparent;
}

[class*=btnDefault] .loading>* {
  position: absolute;
  top: -7px;
  left: 50%;
  width: 2px;
  height: 13px;
  opacity: .5;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}

[class*=btnDefault] .loading>::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 27%;
  left: 0;
  width: 2px;
  height: 27%;
  background-color: #4d4d4d;
}

[class*=btnDefault] .loading>:nth-child(1) {
  -webkit-transform: translate(-50%) rotateZ(0);
  -ms-transform: translate(-50%) rotate(0);
  transform: translate(-50%) rotateZ(0);
  -webkit-animation: switchLoading 2s infinite 0s linear;
  animation: switchLoading 2s infinite 0s linear;
}

[class*=btnDefault] .loading>:nth-child(2) {
  -webkit-transform: translate(-50%) rotateZ(30deg);
  -ms-transform: translate(-50%) rotate(30deg);
  transform: translate(-50%) rotateZ(30deg);
  -webkit-animation: switchLoading 2s infinite 181ms linear;
  animation: switchLoading 2s infinite 181ms linear;
}

[class*=btnDefault] .loading>:nth-child(3) {
  -webkit-transform: translate(-50%) rotateZ(60deg);
  -ms-transform: translate(-50%) rotate(60deg);
  transform: translate(-50%) rotateZ(60deg);
  -webkit-animation: switchLoading 2s infinite 362ms linear;
  animation: switchLoading 2s infinite 362ms linear;
}

[class*=btnDefault] .loading>:nth-child(4) {
  -webkit-transform: translate(-50%) rotateZ(90deg);
  -ms-transform: translate(-50%) rotate(90deg);
  transform: translate(-50%) rotateZ(90deg);
  -webkit-animation: switchLoading 2s infinite 543ms linear;
  animation: switchLoading 2s infinite 543ms linear;
}

[class*=btnDefault] .loading>:nth-child(5) {
  -webkit-transform: translate(-50%) rotateZ(120deg);
  -ms-transform: translate(-50%) rotate(120deg);
  transform: translate(-50%) rotateZ(120deg);
  -webkit-animation: switchLoading 2s infinite 724ms linear;
  animation: switchLoading 2s infinite 724ms linear;
}

[class*=btnDefault] .loading>:nth-child(6) {
  -webkit-transform: translate(-50%) rotateZ(150deg);
  -ms-transform: translate(-50%) rotate(150deg);
  transform: translate(-50%) rotateZ(150deg);
  -webkit-animation: switchLoading 2s infinite 905ms linear;
  animation: switchLoading 2s infinite 905ms linear;
}

[class*=btnDefault] .loading>:nth-child(7) {
  -webkit-transform: translate(-50%) rotateZ(180deg);
  -ms-transform: translate(-50%) rotate(180deg);
  transform: translate(-50%) rotateZ(180deg);
  -webkit-animation: switchLoading 2s infinite 1.086s linear;
  animation: switchLoading 2s infinite 1.086s linear;
}

[class*=btnDefault] .loading>:nth-child(8) {
  -webkit-transform: translate(-50%) rotateZ(210deg);
  -ms-transform: translate(-50%) rotate(210deg);
  transform: translate(-50%) rotateZ(210deg);
  -webkit-animation: switchLoading 2s infinite 1.267s linear;
  animation: switchLoading 2s infinite 1.267s linear;
}

[class*=btnDefault] .loading>:nth-child(9) {
  -webkit-transform: translate(-50%) rotateZ(240deg);
  -ms-transform: translate(-50%) rotate(240deg);
  transform: translate(-50%) rotateZ(240deg);
  -webkit-animation: switchLoading 2s infinite 1.448s linear;
  animation: switchLoading 2s infinite 1.448s linear;
}

[class*=btnDefault] .loading>:nth-child(10) {
  -webkit-transform: translate(-50%) rotateZ(270deg);
  -ms-transform: translate(-50%) rotate(270deg);
  transform: translate(-50%) rotateZ(270deg);
  -webkit-animation: switchLoading 2s infinite 1.629s linear;
  animation: switchLoading 2s infinite 1.629s linear;
}

[class*=btnDefault] .loading>:nth-child(11) {
  -webkit-transform: translate(-50%) rotateZ(300deg);
  -ms-transform: translate(-50%) rotate(300deg);
  transform: translate(-50%) rotateZ(300deg);
  -webkit-animation: switchLoading 2s infinite 1.81s linear;
  animation: switchLoading 2s infinite 1.81s linear;
}

[class*=btnDefault] .loading>:nth-child(12) {
  -webkit-transform: translate(-50%) rotateZ(330deg);
  -ms-transform: translate(-50%) rotate(330deg);
  transform: translate(-50%) rotateZ(330deg);
  -webkit-animation: switchLoading 2s infinite 1.991s linear;
  animation: switchLoading 2s infinite 1.991s linear;
}

[class*=btnDefault] .loading span {
  display: block;
}

[class*=btnDefault] .loading span::after {
  background-color: #00aaeb;
}

.btnSub,
.btnSub--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: #555;
  background-color: #fff;
  border-color: #555;
}

.btnSub--disabled:hover,
.btnSub:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSub--fluid {
  width: 100%;
}

.btnSubL,
.btnSubL--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 290px;
  min-height: 50px;
  color: #555;
  background-color: #fff;
  border-color: #555;
}

.btnSubL--disabled:hover,
.btnSubL:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSubL--fluid {
  width: 100%;
}

.btnSubL__gray {
  color: #999;
  border-color: #999;
}

.btnSubM,
.btnSubM--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 200px;
  min-height: 44px;
  color: #555;
  background-color: #fff;
  border-color: #555;
}

.btnSubM--disabled:hover,
.btnSubM:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSubM--fluid {
  width: 100%;
}

.btnSubS,
.btnSubS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 156px;
  min-height: 44px;
  color: #555;
  background-color: #fff;
  border-color: #555;
}

.btnSubS--disabled:hover,
.btnSubS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSubS--fluid {
  width: 100%;
}

.btnSubSS,
.btnSubSS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 98px;
  min-height: 32px;
  color: #555;
  background-color: #fff;
  border-color: #555;
}

.btnSubSS--disabled:hover,
.btnSubSS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSubSS--fluid {
  width: 100%;
}

.btnSub--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSubL--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSubM--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSubS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSubSS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSpecial,
.btnSpecial--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: red;
  background-color: #fff;
  border-color: red;
}

.btnSpecial--disabled:hover,
.btnSpecial:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSpecial--fluid {
  width: 100%;
}

.btnSpecialL,
.btnSpecialL--disabled,
.btnSpecialM--disabled,
.btnSpecialS--disabled,
.btnSpecialSS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 290px;
  min-height: 50px;
  color: red;
  background-color: #fff;
  border-color: red;
}

.btnSpecialL--disabled:hover,
.btnSpecialL:hover,
.btnSpecialM--disabled:hover,
.btnSpecialS--disabled:hover,
.btnSpecialSS--disabled:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSpecialL--fluid {
  width: 100%;
}

.btnSpecialM {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 222px;
  min-height: 44px;
  color: red;
  background-color: #fff;
  border-color: red;
}

.btnSpecialM:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSpecialM--fluid {
  width: 100%;
}

.btnSpecialS {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 156px;
  min-height: 44px;
  color: red;
  background-color: #fff;
  border-color: red;
}

.btnSpecialS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSpecialS--fluid {
  width: 100%;
}

.btnSpecialSS {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 98px;
  min-height: 32px;
  color: red;
  background-color: #fff;
  border-color: red;
}

.btnSpecialSS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSpecialSS--fluid {
  width: 100%;
}

.btnSpecial--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSpecialL--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSpecialM--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSpecialS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnSpecialSS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnClose {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 9px 8px 8px 28px;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 81px;
  color: #00aaeb;
  line-height: 1;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnClose:hover {
  opacity: .5;
  text-decoration: none;
}

.btnClose--fluid {
  width: 100%;
}

.btnClose::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnClose::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnDelete,
.btnDelete--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 98px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDelete--disabled:hover,
.btnDelete:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDelete--fluid {
  width: 100%;
}

.btnDelete--disabled {
  color: #bbb;
  background-color: #fff;
  border-color: #bbb;
  box-shadow: none;
  cursor: default;
}

.btnDelete--disabled:hover {
  opacity: 1;
}

.btnDisabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  width: 100%;
  min-height: 50px;
  color: #555;
  background-color: #bbb;
  border-color: #bbb;
}

.btnDisabled:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDisabled--fluid {
  width: 100%;
}

.btnDisabledL {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  min-width: 290px;
  min-height: 50px;
  color: #555;
  background-color: #bbb;
  border-color: #bbb;
}

.btnDisabledL:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDisabledL--fluid {
  width: 100%;
}

.btnDisabledM {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  min-width: 222px;
  min-height: 44px;
  color: #555;
  background-color: #bbb;
  border-color: #bbb;
}

.btnDisabledM:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDisabledM--fluid {
  width: 100%;
}

.btnDisabledS {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  min-width: 156px;
  min-height: 44px;
  color: #555;
  background-color: #bbb;
  border-color: #bbb;
}

.btnDisabledS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDisabledS--fluid {
  width: 100%;
}

.btnDisabledSS {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  min-width: 100px;
  min-height: 32px;
  color: #555;
  background-color: #bbb;
  border-color: #bbb;
  pointer-events: none;
}

.btnDisabledSS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDisabledSS--fluid {
  width: 100%;
}

[class*=btnDisabled]:hover {
  opacity: 1;
  cursor: default;
}

.btnEnter {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 3px 20px 4px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 180px;
  color: #fff;
  background-color: red;
  border-color: red;
}

.btnEnter:hover {
  opacity: .5;
  text-decoration: none;
}

.btnEnter--fluid {
  width: 100%;
}

.btnEnter__balloon {
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 116px;
  height: 16px;
  margin-bottom: 6px;
  padding: 0 5px;
  color: red;
  font-size: 1.1rem;
  line-height: 16px;
  background-color: #fff;
  border-radius: 32px;
}

.btnEnter__balloon::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 3px;
  border-top-color: #fff;
  -webkit-transform: translate(-50%,100%);
  -ms-transform: translate(-50%,100%);
  transform: translate(-50%,100%);
}

.btnEnter__text {
  display: block;
}

.btnYahoo {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 130px;
  height: 40px;
  padding: 0 0 0 31px;
  cursor: pointer;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.8;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  background-color: #f03;
  border-color: #f03;
}

.btnYahoo::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 1px;
  width: 29px;
  height: 29px;
  background: url(../img/common/sprite.png) -274px -92px no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnYahoo::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 31px;
  height: 38px;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
}

.btnYahoo:hover {
  opacity: .5;
  text-decoration: none;
}

.btnYahoo--large {
  width: 240px;
}

.btnFacebook {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 130px;
  height: 40px;
  padding: 0 0 0 31px;
  cursor: pointer;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.8;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  background-color: #1877f2;
  border-color: #1877f2;
  border-radius: 3px;
  line-height: 40px;
  padding-left: 40px;
}

.btnFacebook::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 1px;
  width: 29px;
  height: 29px;
  background: url(../img/common/sprite.png) -305px -92px no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnFacebook::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 31px;
  height: 38px;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
}

.btnFacebook:hover {
  opacity: .5;
  text-decoration: none;
}

.btnFacebook--large {
  width: 240px;
}

.btnFacebook::before {
  background: url(../img/common/facebook_logo_circle_white.png) no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  height: 28px;
  left: 6px;
  width: 28px;
}

.btnFacebook::after {
  top: -1px;
  width: 40px;
  height: 40px;
  background-color: #1877f2;
}

.btnLine {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 130px;
  height: 40px;
  padding: 0 0 0 31px;
  cursor: pointer;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.8;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  background-color: #00c300;
  border-color: #00c300;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 40px;
}

.btnLine::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 1px;
  width: 29px;
  height: 29px;
  background: url(../img/common/sprite.png) -305px -92px no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnLine::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 31px;
  height: 38px;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
}

.btnLine:hover {
  opacity: .5;
  text-decoration: none;
}

.btnLine--large {
  width: 240px;
}

.btnLine::before {
  background: url(../img/common/LineLoginButtonImage/btn_base.png) no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  height: 40px;
  width: 40px;
}

.btnLine::after {
  background-color: #00c300;
  height: 40px;
  left: 1px;
  top: -1px;
  width: 40px;
}

.btnSnsFake {
  height: 40px;
  width: 130px;
  margin-left: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
}

.btnChackJob {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 8px 30px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 145px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnChackJob:hover {
  opacity: .5;
  text-decoration: none;
}

.btnChackJob--fluid {
  width: 100%;
}

.btnChackJob--readiness {
  background-color: red;
  border-color: red;
  color: #fff;
}

.btnDeleteIcon,
.btnDeleteIcon--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 184px;
  color: red;
  background-color: #fff;
  border-color: red;
}

.btnDeleteIcon--disabled:hover,
.btnDeleteIcon:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDeleteIcon--fluid {
  width: 100%;
}

.btnDeleteIcon--disabled::before,
.btnDeleteIcon::before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 18px;
  margin-right: 8px;
  background: url(../img/common/sprite.png) -77px -160px no-repeat;
}

.btnDeleteIcon--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnAnswer {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 4px 10px 4px 40px;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 174px;
  color: #00aaeb;
  text-align: left;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnAnswer:hover {
  opacity: .5;
  text-decoration: none;
}

.btnAnswer--fluid {
  width: 100%;
}

.btnAnswer::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnAnswer::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnFavorite,
.btnFavorite--done {
  overflow: hidden;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  color: #bbb;
  font-size: 0;
  cursor: pointer;
}

.btnFavorite--done::before,
.btnFavorite::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnFavorite--done {
  color: #fece30;
}

.btnSignUp__label {
  vertical-align: middle;
  font-size: 1.9rem;
}

.btnSignUp__attention {
  vertical-align: middle;
  margin-right: 9px;
  padding: 4px 6px;
  color: red;
  font-size: 1.4rem;
  background-color: #fff;
  border-radius: 1.4rem;
}

.btnSignUp__note {
  vertical-align: -.15em;
  font-size: 1.4rem;
}

.btnSignUp__label--save {
  display: block;
  margin-top: 5px;
  font-size: 1.8rem;
}

.btnSetting,
.btnSetting--stoped {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 7px 10px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 97px;
  min-height: 32px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnSetting--stoped:hover,
.btnSetting:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSetting--fluid {
  width: 100%;
}

.btnSetting--stoped {
  color: #fff;
  background-color: #bbb;
  cursor: default;
  border: none;
  box-shadow: none;
}

.btnAdd,
.btnAdd--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 156px;
  min-height: 44px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnAdd--disabled:hover,
.btnAdd:hover {
  opacity: .5;
  text-decoration: none;
}

.btnAdd--fluid {
  width: 100%;
}

.btnAdd--disabled::before,
.btnAdd::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnAdd--disabled::before,
.btnAdd::before {
  margin-right: 8px;
  font-weight: 400;
  vertical-align: middle;
}

.btnAdd--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnAddS,
.btnAddS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 7px 15px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 100px;
  min-height: 34px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnAddS--disabled:hover,
.btnAddS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnAddS--fluid {
  width: 100%;
}

.btnAddS--disabled::before,
.btnAddS::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnAddS--disabled::before,
.btnAddS::before {
  margin-right: 8px;
  font-weight: 400;
  vertical-align: middle;
}

.btnAddS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnRemoveS,
.btnRemoveS--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 7px 15px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 100px;
  min-height: 34px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnRemoveS--disabled:hover,
.btnRemoveS:hover {
  opacity: .5;
  text-decoration: none;
}

.btnRemoveS--fluid {
  width: 100%;
}

.btnRemoveS--disabled::before,
.btnRemoveS::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnRemoveS--disabled::before,
.btnRemoveS::before {
  margin-right: 8px;
  font-weight: 400;
  vertical-align: middle;
}

.btnRemoveS--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnKeep,
.btnKeep--cancel,
.btnKeep--done {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnKeep--cancel:hover,
.btnKeep--done:hover,
.btnKeep:hover {
  opacity: .5;
  text-decoration: none;
}

.btnKeep--fluid {
  width: 100%;
}

.btnKeep--cancel::before,
.btnKeep--done::before,
.btnKeep::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnKeep--cancel::before,
.btnKeep--done::before,
.btnKeep::before {
  margin-right: 8px;
  color: #bbb;
  font-weight: 400;
}

.btnKeep--done {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnKeep--done::before {
  color: #fece30;
}

.btnKeep--cancel {
  color: #bbb;
  border-color: #bbb;
  box-shadow: none;
  cursor: default;
}

.btnKeep--cancel:hover {
  opacity: 1;
}

.btnKeep--cancel::before {
  color: #555;
}

.btnDecline,
.btnDecline--cancel,
.btnDecline--done {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 100%;
  min-height: 50px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnDecline--cancel:hover,
.btnDecline--done:hover,
.btnDecline:hover {
  opacity: .5;
  text-decoration: none;
}

.btnDecline--fluid {
  width: 100%;
}

.btnDecline--done {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnDecline--cancel {
  color: #bbb;
  border-color: #bbb;
  box-shadow: none;
  cursor: default;
}

.btnDecline--cancel:hover {
  opacity: 1;
}

.btnAddFile,
.btnAddFile--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 7px 15px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  min-width: 100px;
  min-height: 34px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
  cursor: pointer;
}

.btnAddFile--disabled:hover,
.btnAddFile:hover {
  opacity: .5;
  text-decoration: none;
}

.btnAddFile--fluid {
  width: 100%;
}

.btnAddFile--disabled::before,
.btnAddFile::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnAddFile__text {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.btnAddFile input,
.btnAddFile--disabled input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0;
  cursor: pointer;
}

.btnAddFile--disabled::before,
.btnAddFile::before {
  position: relative;
  z-index: 1;
  margin-right: 8px;
  font-weight: 400;
  vertical-align: middle;
}

.btnAddFile--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnInterst,
.btnInterst--disabled {
  position: relative;
  color: #555;
}

.btnInterst--disabled::before,
.btnInterst::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnInterst--disabled::before,
.btnInterst::before {
  color: #fbb553;
  padding-top: 2px;
  padding-right: 6px;
}

.btnInterst--disabled {
  background: #bbb;
  box-shadow: none;
  border-color: #bbb;
  color: #555;
  cursor: default;
  pointer-events: none;
}

.btnInterst .tooltipMatching,
.btnInterst--disabled .tooltipMatching {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%,-100%);
  -ms-transform: translate(-50%,-100%);
  transform: translate(-50%,-100%);
}

.btnSearch * {
  line-height: 1;
}

.btnSearch .iconFont--search,
.btnSearch .iconFont--search::before,
.btnSearch .text,
.btnSearch .text--mb,
.btnSearch .text--mbL,
.btnSearch .textAttentionL em,
.btnSearch .textCenter,
.btnSearch .textCenter--mb,
.btnSearch .textUnderBorder {
  vertical-align: middle;
}

.btnSearch .iconFont--search {
  position: relative;
  top: -2px;
  margin-right: 8px;
}

.btnSearch .textAttentionL {
  position: relative;
  bottom: -1px;
  display: inline-block;
  margin: 0 4px;
  color: #fff;
  vertical-align: bottom;
  line-height: 1;
}

.btnSearch__text {
  margin: 0 2px;
  vertical-align: middle;
  font-size: 2rem;
}

.btnSearch .loading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.5);
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0 0 0 5px;
  padding: 0 30px;
  background-color: transparent;
}

.btnSearch .loading>* {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 2px;
  height: 15px;
  opacity: .5;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}

.btnSearch .loading>::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 27%;
  left: 0;
  width: 2px;
  height: 27%;
  background-color: #4d4d4d;
}

.btnSearch .loading>:nth-child(1) {
  -webkit-transform: translate(-50%) rotateZ(0);
  -ms-transform: translate(-50%) rotate(0);
  transform: translate(-50%) rotateZ(0);
  -webkit-animation: switchLoading 2s infinite 0s linear;
  animation: switchLoading 2s infinite 0s linear;
}

.btnSearch .loading>:nth-child(2) {
  -webkit-transform: translate(-50%) rotateZ(30deg);
  -ms-transform: translate(-50%) rotate(30deg);
  transform: translate(-50%) rotateZ(30deg);
  -webkit-animation: switchLoading 2s infinite 181ms linear;
  animation: switchLoading 2s infinite 181ms linear;
}

.btnSearch .loading>:nth-child(3) {
  -webkit-transform: translate(-50%) rotateZ(60deg);
  -ms-transform: translate(-50%) rotate(60deg);
  transform: translate(-50%) rotateZ(60deg);
  -webkit-animation: switchLoading 2s infinite 362ms linear;
  animation: switchLoading 2s infinite 362ms linear;
}

.btnSearch .loading>:nth-child(4) {
  -webkit-transform: translate(-50%) rotateZ(90deg);
  -ms-transform: translate(-50%) rotate(90deg);
  transform: translate(-50%) rotateZ(90deg);
  -webkit-animation: switchLoading 2s infinite 543ms linear;
  animation: switchLoading 2s infinite 543ms linear;
}

.btnSearch .loading>:nth-child(5) {
  -webkit-transform: translate(-50%) rotateZ(120deg);
  -ms-transform: translate(-50%) rotate(120deg);
  transform: translate(-50%) rotateZ(120deg);
  -webkit-animation: switchLoading 2s infinite 724ms linear;
  animation: switchLoading 2s infinite 724ms linear;
}

.btnSearch .loading>:nth-child(6) {
  -webkit-transform: translate(-50%) rotateZ(150deg);
  -ms-transform: translate(-50%) rotate(150deg);
  transform: translate(-50%) rotateZ(150deg);
  -webkit-animation: switchLoading 2s infinite 905ms linear;
  animation: switchLoading 2s infinite 905ms linear;
}

.btnSearch .loading>:nth-child(7) {
  -webkit-transform: translate(-50%) rotateZ(180deg);
  -ms-transform: translate(-50%) rotate(180deg);
  transform: translate(-50%) rotateZ(180deg);
  -webkit-animation: switchLoading 2s infinite 1.086s linear;
  animation: switchLoading 2s infinite 1.086s linear;
}

.btnSearch .loading>:nth-child(8) {
  -webkit-transform: translate(-50%) rotateZ(210deg);
  -ms-transform: translate(-50%) rotate(210deg);
  transform: translate(-50%) rotateZ(210deg);
  -webkit-animation: switchLoading 2s infinite 1.267s linear;
  animation: switchLoading 2s infinite 1.267s linear;
}

.btnSearch .loading>:nth-child(9) {
  -webkit-transform: translate(-50%) rotateZ(240deg);
  -ms-transform: translate(-50%) rotate(240deg);
  transform: translate(-50%) rotateZ(240deg);
  -webkit-animation: switchLoading 2s infinite 1.448s linear;
  animation: switchLoading 2s infinite 1.448s linear;
}

.btnSearch .loading>:nth-child(10) {
  -webkit-transform: translate(-50%) rotateZ(270deg);
  -ms-transform: translate(-50%) rotate(270deg);
  transform: translate(-50%) rotateZ(270deg);
  -webkit-animation: switchLoading 2s infinite 1.629s linear;
  animation: switchLoading 2s infinite 1.629s linear;
}

.btnSearch .loading>:nth-child(11) {
  -webkit-transform: translate(-50%) rotateZ(300deg);
  -ms-transform: translate(-50%) rotate(300deg);
  transform: translate(-50%) rotateZ(300deg);
  -webkit-animation: switchLoading 2s infinite 1.81s linear;
  animation: switchLoading 2s infinite 1.81s linear;
}

.btnSearch .loading>:nth-child(12) {
  -webkit-transform: translate(-50%) rotateZ(330deg);
  -ms-transform: translate(-50%) rotate(330deg);
  transform: translate(-50%) rotateZ(330deg);
  -webkit-animation: switchLoading 2s infinite 1.991s linear;
  animation: switchLoading 2s infinite 1.991s linear;
}

.btnSearch .loading span {
  display: block;
}

.btnSearch .loading span::after {
  background-color: #fff;
}

.btnSearchCondition {
  position: relative;
}

.btnSearchCondition::after,
.btnSearchCondition::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-family: mynavi;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-weight: 400;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnSearchCondition::before {
  content: "\e623";
  left: 15px;
}

.btnSearchCondition::after {
  content: "\e60a";
  right: 15px;
}

.btnAncer {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 6px 20px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  min-width: 134px;
  min-height: 34px;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnAncer:hover {
  opacity: .5;
  text-decoration: none;
}

.btnAncer--fluid {
  width: 100%;
}

.btnAncer::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.btnAncer::before {
  vertical-align: middle;
  margin: 0 8px 0 0;
  font-weight: 400;
}

.btnBookmarkMatching {
  background-color: #ffe5e5;
  border-color: #ffe5e5;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
  color: #ff7f7f;
}

.btnHasNewResume_secondary {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  width: 160px;
  height: 38px;
  border: solid red 1px;
  border-radius: 13px;
  background-color: red;
  line-height: 38px;
  display: inline-block;
  margin-right: 20px;
  color: #fff;
}

.btnHasNewResume_secondary:hover {
  opacity: .5;
  text-decoration: none;
}

.btnHasNewResume_secondary--fluid {
  width: 100%;
}

.btnHasNewResume_default {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  color: #555;
  width: 160px;
  height: 38px;
  border-radius: 13px;
  line-height: 38px;
  display: inline-block;
  margin-left: 20px;
  background-color: #fff;
  border-color: #00aaeb;
}

.btnHasNewResume_default:hover {
  opacity: .5;
  text-decoration: none;
}

.btnHasNewResume_default--fluid {
  width: 100%;
}

.btnChangeResume {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  font-size: 14px;
  margin-left: 18px;
  float: left;
  height: 44px;
  width: 80px;
  line-height: 44px;
  text-align: center;
  outline: 0;
  color: #fff;
  background-color: #00aaeb;
  border-color: #00aaeb;
}

.btnChangeResume:hover {
  opacity: .5;
  text-decoration: none;
}

.btnChangeResume--fluid {
  width: 100%;
}

.btnAnnotationBox {
  color: #999;
  font-size: 1.2rem;
  text-align: center;
}

.btnAnnotationBox__text {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 20px;
  letter-spacing: 0;
  line-height: 1.3;
  min-width: 290px;
  min-height: 50px;
}

.inputText,
.inputText--disabled,
.inputText--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 100%;
}

.inputTextSSS,
.inputTextSSS--disabled,
.inputTextSSS--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 40px;
}

.inputTextSS,
.inputTextSS--disabled,
.inputTextSS--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 64px;
}

.inputTextS,
.inputTextS--disabled,
.inputTextS--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 160px;
}

.inputTextM,
.inputTextM--disabled,
.inputTextM--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 381px;
}

.inputText--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputText--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputText--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextSSS--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputTextSSS--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextSSS--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextSS--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputTextSS--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextSS--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextS--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputTextS--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextS--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextM--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputTextM--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTextM--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputText--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.inputTextSSS--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.inputTextSS--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.inputTextS--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.inputTextM--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.inputAddress,
.inputAddress--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 211px;
}

.inputAddress--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputAddress--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputAddress--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputAddressL,
.inputAddressL--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 478px;
}

.inputAddressL--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputAddressL--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputAddressL--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTel,
.inputTel--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 190px;
}

.inputTel--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputTel--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputTel--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputSchool,
.inputSchool--disabled,
.inputSchool--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 343px;
}

.inputSchool--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputSchool--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputSchool--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputSchool--disabled {
  cursor: default;
}

.inputSchool--disabled::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputSchool--disabled:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputCompany,
.inputCompany--disabled,
.inputCompany--error,
.inputQualification--disabled {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 407px;
}

.inputCompany--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputCompany--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputCompany--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputCompany--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.inputQualification,
.inputQualification--error {
  display: inline-block;
  height: 34px;
  padding: 5px 10px;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #bbb;
  width: 200px;
}

.inputQualification--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.inputQualification--error::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputQualification--error:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}

.inputQualification--disabled {
  cursor: default;
  box-shadow: none;
  opacity: .5;
  pointer-events: none;
}

.textArea,
.textArea--error {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  max-height: 300px;
  min-height: 105px;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #bbb;
}

.textArea--error::-webkit-input-placeholder,
.textArea::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}

.textArea--error:-ms-input-placeholder,
.textArea:-ms-input-placeholder {
  color: #999;
  font-weight: 400;
}

.textArea--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.textArea+.offerSearch__more,
.textArea+.textSup,
.textArea--error+.offerSearch__more,
.textArea--error+.textSup {
  margin-top: 8px;
}

.textAreaL,
.textAreaL--error {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  max-height: 300px;
  min-height: 150px;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #bbb;
}

.textAreaL--error::-webkit-input-placeholder,
.textAreaL::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}

.textAreaL--error:-ms-input-placeholder,
.textAreaL:-ms-input-placeholder {
  color: #999;
  font-weight: 400;
}

.textAreaL--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.textAreaL+.offerSearch__more,
.textAreaL+.textSup,
.textAreaL--error+.offerSearch__more,
.textAreaL--error+.textSup {
  margin-top: 8px;
}

.select,
.select--disabled,
.select--error,
.selectExperienceJob,
.selectExperienceJob--disabled,
.selectExperienceJob--error,
.selectL,
.selectL--disabled,
.selectL--error,
.selectM,
.selectM--disabled,
.selectM--error,
.selectS,
.selectS--disabled,
.selectS--error,
.selectSS,
.selectSS--disabled,
.selectSS--error,
.selectSkill,
.selectSkill--disabled,
.selectSkill--error {
  position: relative;
  display: block;
  height: 34px;
  color: #333;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
}

.select--disabled::before,
.select--error::before,
.select::before,
.selectExperienceJob--disabled::before,
.selectExperienceJob--error::before,
.selectExperienceJob::before,
.selectL--disabled::before,
.selectL--error::before,
.selectL::before,
.selectM--disabled::before,
.selectM--error::before,
.selectM::before,
.selectS--disabled::before,
.selectS--error::before,
.selectS::before,
.selectSS--disabled::before,
.selectSS--error::before,
.selectSS::before,
.selectSkill--disabled::before,
.selectSkill--error::before,
.selectSkill::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.select--disabled::before,
.select--error::before,
.select::before,
.selectExperienceJob--disabled::before,
.selectExperienceJob--error::before,
.selectExperienceJob::before,
.selectL--disabled::before,
.selectL--error::before,
.selectL::before,
.selectM--disabled::before,
.selectM--error::before,
.selectM::before,
.selectS--disabled::before,
.selectS--error::before,
.selectS::before,
.selectSS--disabled::before,
.selectSS--error::before,
.selectSS::before,
.selectSkill--disabled::before,
.selectSkill--error::before,
.selectSkill::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 8px;
  color: #999;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.select select,
.select--disabled select,
.select--error select,
.selectExperienceJob select,
.selectExperienceJob--disabled select,
.selectExperienceJob--error select,
.selectL select,
.selectL--disabled select,
.selectL--error select,
.selectM select,
.selectM--disabled select,
.selectM--error select,
.selectS select,
.selectS--disabled select,
.selectS--error select,
.selectSS select,
.selectSS--disabled select,
.selectSS--error select,
.selectSkill select,
.selectSkill--disabled select,
.selectSkill--error select {
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: none;
  border-radius: 3px;
  background-color: transparent;
  cursor: pointer;
}

.select--disabled__text,
.select--disabled__text--placeholder,
.select--error__text,
.select--error__text--placeholder,
.selectExperienceJob--disabled__text,
.selectExperienceJob--disabled__text--placeholder,
.selectExperienceJob--error__text,
.selectExperienceJob--error__text--placeholder,
.selectExperienceJob__text,
.selectExperienceJob__text--placeholder,
.selectL--disabled__text,
.selectL--disabled__text--placeholder,
.selectL--error__text,
.selectL--error__text--placeholder,
.selectL__text,
.selectL__text--placeholder,
.selectM--disabled__text,
.selectM--disabled__text--placeholder,
.selectM--error__text,
.selectM--error__text--placeholder,
.selectM__text,
.selectM__text--placeholder,
.selectS--disabled__text,
.selectS--disabled__text--placeholder,
.selectS--error__text,
.selectS--error__text--placeholder,
.selectSS--disabled__text,
.selectSS--disabled__text--placeholder,
.selectSS--error__text,
.selectSS--error__text--placeholder,
.selectSS__text,
.selectSS__text--placeholder,
.selectS__text,
.selectS__text--placeholder,
.selectSkill--disabled__text,
.selectSkill--disabled__text--placeholder,
.selectSkill--error__text,
.selectSkill--error__text--placeholder,
.selectSkill__text,
.selectSkill__text--placeholder,
.select__text,
.select__text--placeholder {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  line-height: 33px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select--error__text--placeholder,
.select__text--placeholder {
  color: #999;
}

.select select:focus+[class*=select],
.select--disabled select:focus+[class*=select],
.select--error select:focus+[class*=select],
.selectExperienceJob select:focus+[class*=select],
.selectExperienceJob--disabled select:focus+[class*=select],
.selectExperienceJob--error select:focus+[class*=select],
.selectL select:focus+[class*=select],
.selectL--disabled select:focus+[class*=select],
.selectL--error select:focus+[class*=select],
.selectM select:focus+[class*=select],
.selectM--disabled select:focus+[class*=select],
.selectM--error select:focus+[class*=select],
.selectS select:focus+[class*=select],
.selectS--disabled select:focus+[class*=select],
.selectS--error select:focus+[class*=select],
.selectSS select:focus+[class*=select],
.selectSS--disabled select:focus+[class*=select],
.selectSS--error select:focus+[class*=select],
.selectSkill select:focus+[class*=select],
.selectSkill--disabled select:focus+[class*=select],
.selectSkill--error select:focus+[class*=select] {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.select--disabled {
  color: #bbb;
}

.select--disabled::before {
  color: #bbb;
}

.select--disabled select {
  cursor: default;
}

.select--disabled__text,
.select--disabled__text--placeholder {
  color: #bbb;
}

.select--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.selectM,
.selectM--disabled,
.selectM--error {
  display: inline-block;
  vertical-align: middle;
  width: 186px;
}

.selectM--error__text--placeholder,
.selectM__text--placeholder {
  color: #999;
}

.selectM--disabled {
  color: #bbb;
}

.selectM--disabled select {
  cursor: default;
}

.selectM--disabled__text,
.selectM--disabled__text--placeholder {
  color: #bbb;
}

.selectM+.offerSearch__more,
.selectM+.text,
.selectM+.text--mb,
.selectM+.text--mbL,
.selectM+.textCenter,
.selectM+.textCenter--mb,
.selectM+.textSup,
.selectM+.textUnderBorder,
.selectM--disabled+.offerSearch__more,
.selectM--disabled+.text,
.selectM--disabled+.text--mb,
.selectM--disabled+.text--mbL,
.selectM--disabled+.textCenter,
.selectM--disabled+.textCenter--mb,
.selectM--disabled+.textSup,
.selectM--disabled+.textUnderBorder,
.selectM--error+.offerSearch__more,
.selectM--error+.text,
.selectM--error+.text--mb,
.selectM--error+.text--mbL,
.selectM--error+.textCenter,
.selectM--error+.textCenter--mb,
.selectM--error+.textSup,
.selectM--error+.textUnderBorder {
  margin-left: 10px;
}

.selectM--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.selectL,
.selectL--disabled,
.selectL--error {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
}

.selectL--error__text--placeholder,
.selectL__text--placeholder {
  color: #999;
}

.selectL--disabled {
  color: #bbb;
}

.selectL--disabled select {
  cursor: default;
}

.selectL--disabled__text,
.selectL--disabled__text--placeholder {
  color: #bbb;
}

.selectL+.offerSearch__more,
.selectL+.text,
.selectL+.text--mb,
.selectL+.text--mbL,
.selectL+.textCenter,
.selectL+.textCenter--mb,
.selectL+.textSup,
.selectL+.textUnderBorder,
.selectL--disabled+.offerSearch__more,
.selectL--disabled+.text,
.selectL--disabled+.text--mb,
.selectL--disabled+.text--mbL,
.selectL--disabled+.textCenter,
.selectL--disabled+.textCenter--mb,
.selectL--disabled+.textSup,
.selectL--disabled+.textUnderBorder,
.selectL--error+.offerSearch__more,
.selectL--error+.text,
.selectL--error+.text--mb,
.selectL--error+.text--mbL,
.selectL--error+.textCenter,
.selectL--error+.textCenter--mb,
.selectL--error+.textSup,
.selectL--error+.textUnderBorder {
  margin-left: 10px;
}

.selectL--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.selectS,
.selectS--disabled,
.selectS--error,
.selectSS--disabled {
  display: inline-block;
  vertical-align: middle;
  width: 154px;
}

.selectS--error__text,
.selectS--error__text--placeholder,
.selectS__text,
.selectS__text--placeholder {
  padding-left: 15px;
  font-size: 1.3rem;
}

.selectS--error__text--placeholder,
.selectS__text--placeholder {
  color: #999;
}

.selectS--disabled {
  color: #bbb;
}

.selectS--disabled select {
  cursor: default;
}

.selectS--disabled__text,
.selectS--disabled__text--placeholder {
  color: #bbb;
}

.selectS--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.selectSS,
.selectSS--error {
  display: inline-block;
  vertical-align: middle;
  width: 129px;
}

.selectSS--error__text,
.selectSS--error__text--placeholder,
.selectSS__text,
.selectSS__text--placeholder {
  padding-left: 8px;
  font-size: 1.4rem;
}

.selectSS--error__text--placeholder,
.selectSS__text--placeholder {
  color: #999;
}

.selectSS--disabled {
  color: #bbb;
}

.selectSS--disabled select {
  cursor: default;
}

.selectSS--disabled__text,
.selectSS--disabled__text--placeholder {
  color: #bbb;
}

.selectSS--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.selectSkill,
.selectSkill--disabled,
.selectSkill--error {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
}

.selectExperienceJob--error__text,
.selectSkill--disabled__text,
.selectSkill--disabled__text--placeholder,
.selectSkill--error__text,
.selectSkill--error__text--placeholder,
.selectSkill__text,
.selectSkill__text--placeholder {
  padding-left: 10px;
  padding-right: 15px;
  font-size: 1.3rem;
}

.selectSkill--error__text--placeholder,
.selectSkill__text--placeholder {
  color: #999;
}

.selectSkill--disabled {
  color: #bbb;
}

.selectSkill--disabled select {
  cursor: default;
}

.selectSkill--disabled__text,
.selectSkill--disabled__text--placeholder {
  color: #bbb;
}

.selectSkill--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.selectExperienceJob,
.selectExperienceJob--disabled,
.selectExperienceJob--error {
  display: inline-block;
  vertical-align: middle;
  width: 350px;
}

.selectExperienceJob--disabled__text,
.selectExperienceJob--disabled__text--placeholder,
.selectExperienceJob--error__text--placeholder,
.selectExperienceJob__text,
.selectExperienceJob__text--placeholder {
  padding-left: 10px;
  padding-right: 15px;
  font-size: 1.3rem;
}

.selectExperienceJob--error__text--placeholder,
.selectExperienceJob__text--placeholder {
  color: #999;
}

.selectExperienceJob--disabled {
  color: #bbb;
}

.selectExperienceJob--disabled select {
  cursor: default;
}

.selectExperienceJob--disabled__text,
.selectExperienceJob--disabled__text--placeholder {
  color: #bbb;
}

.selectExperienceJob--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.toggleSwitch {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 64px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.toggleSwitch__box {
  width: 96px;
  cursor: pointer;
}

.toggleSwitch__box input {
  display: none;
}

.toggleSwitch__on {
  float: left;
  vertical-align: middle;
  width: 32px;
  height: 26px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.2;
  text-align: center;
  background-color: #00aaeb;
}

.toggleSwitch__off {
  float: left;
  vertical-align: middle;
  width: 32px;
  height: 26px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.2;
  text-align: center;
  background-color: #ccc;
}

.toggleSwitch__switch {
  float: left;
  width: 30px;
  height: 26px;
  line-height: 2.2;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
}

.toggleSwitch__loading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.5);
}

.toggleSwitch__loading>* {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 13px;
  opacity: .5;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}

.toggleSwitch__loading>::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 27%;
  left: 0;
  width: 2px;
  height: 27%;
  background-color: #4d4d4d;
}

.toggleSwitch__loading>:nth-child(1) {
  -webkit-transform: translate(-50%) rotateZ(0);
  -ms-transform: translate(-50%) rotate(0);
  transform: translate(-50%) rotateZ(0);
  -webkit-animation: switchLoading 2s infinite 0s linear;
  animation: switchLoading 2s infinite 0s linear;
}

.toggleSwitch__loading>:nth-child(2) {
  -webkit-transform: translate(-50%) rotateZ(30deg);
  -ms-transform: translate(-50%) rotate(30deg);
  transform: translate(-50%) rotateZ(30deg);
  -webkit-animation: switchLoading 2s infinite 181ms linear;
  animation: switchLoading 2s infinite 181ms linear;
}

.toggleSwitch__loading>:nth-child(3) {
  -webkit-transform: translate(-50%) rotateZ(60deg);
  -ms-transform: translate(-50%) rotate(60deg);
  transform: translate(-50%) rotateZ(60deg);
  -webkit-animation: switchLoading 2s infinite 362ms linear;
  animation: switchLoading 2s infinite 362ms linear;
}

.toggleSwitch__loading>:nth-child(4) {
  -webkit-transform: translate(-50%) rotateZ(90deg);
  -ms-transform: translate(-50%) rotate(90deg);
  transform: translate(-50%) rotateZ(90deg);
  -webkit-animation: switchLoading 2s infinite 543ms linear;
  animation: switchLoading 2s infinite 543ms linear;
}

.toggleSwitch__loading>:nth-child(5) {
  -webkit-transform: translate(-50%) rotateZ(120deg);
  -ms-transform: translate(-50%) rotate(120deg);
  transform: translate(-50%) rotateZ(120deg);
  -webkit-animation: switchLoading 2s infinite 724ms linear;
  animation: switchLoading 2s infinite 724ms linear;
}

.toggleSwitch__loading>:nth-child(6) {
  -webkit-transform: translate(-50%) rotateZ(150deg);
  -ms-transform: translate(-50%) rotate(150deg);
  transform: translate(-50%) rotateZ(150deg);
  -webkit-animation: switchLoading 2s infinite 905ms linear;
  animation: switchLoading 2s infinite 905ms linear;
}

.toggleSwitch__loading>:nth-child(7) {
  -webkit-transform: translate(-50%) rotateZ(180deg);
  -ms-transform: translate(-50%) rotate(180deg);
  transform: translate(-50%) rotateZ(180deg);
  -webkit-animation: switchLoading 2s infinite 1.086s linear;
  animation: switchLoading 2s infinite 1.086s linear;
}

.toggleSwitch__loading>:nth-child(8) {
  -webkit-transform: translate(-50%) rotateZ(210deg);
  -ms-transform: translate(-50%) rotate(210deg);
  transform: translate(-50%) rotateZ(210deg);
  -webkit-animation: switchLoading 2s infinite 1.267s linear;
  animation: switchLoading 2s infinite 1.267s linear;
}

.toggleSwitch__loading>:nth-child(9) {
  -webkit-transform: translate(-50%) rotateZ(240deg);
  -ms-transform: translate(-50%) rotate(240deg);
  transform: translate(-50%) rotateZ(240deg);
  -webkit-animation: switchLoading 2s infinite 1.448s linear;
  animation: switchLoading 2s infinite 1.448s linear;
}

.toggleSwitch__loading>:nth-child(10) {
  -webkit-transform: translate(-50%) rotateZ(270deg);
  -ms-transform: translate(-50%) rotate(270deg);
  transform: translate(-50%) rotateZ(270deg);
  -webkit-animation: switchLoading 2s infinite 1.629s linear;
  animation: switchLoading 2s infinite 1.629s linear;
}

.toggleSwitch__loading>:nth-child(11) {
  -webkit-transform: translate(-50%) rotateZ(300deg);
  -ms-transform: translate(-50%) rotate(300deg);
  transform: translate(-50%) rotateZ(300deg);
  -webkit-animation: switchLoading 2s infinite 1.81s linear;
  animation: switchLoading 2s infinite 1.81s linear;
}

.toggleSwitch__loading>:nth-child(12) {
  -webkit-transform: translate(-50%) rotateZ(330deg);
  -ms-transform: translate(-50%) rotate(330deg);
  transform: translate(-50%) rotateZ(330deg);
  -webkit-animation: switchLoading 2s infinite 1.991s linear;
  animation: switchLoading 2s infinite 1.991s linear;
}

.toggleSwitch .toggleSwitch__loading {
  position: absolute;
}

.checkbox {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.checkbox>input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  opacity: 0;
}

.checkbox__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.checkbox__icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 17px;
  background: url(../img/common/sprite.png) -93px -160px no-repeat;
}

.checkbox>input:checked+.checkbox__icon::before {
  background: url(../img/common/sprite.png) -110px -160px no-repeat;
}

.checkbox>input:focus {
  outline: 0;
}

.checkbox>input:focus+.checkbox__icon {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.checkbox--disabled__text,
.checkbox__text,
.radio--disabled__text {
  margin-left: 10px;
}

.checkbox--disabled {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  opacity: .5;
  cursor: default;
}

.checkbox--disabled>input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  opacity: 0;
}

.checkbox--disabled__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.checkbox--disabled__icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 17px;
  background: url(../img/common/sprite.png) -93px -160px no-repeat;
}

.checkbox--disabled>input:checked+.checkbox--disabled__icon::before {
  background: url(../img/common/sprite.png) -110px -160px no-repeat;
}

.checkbox--disabled>input:focus {
  outline: 0;
}

.checkbox--disabled>input:focus+.checkbox--disabled__icon {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.checkboxLarge {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.checkboxLarge>input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  opacity: 0;
}

.checkboxLarge__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

.checkboxLarge__icon::before {
  content: "";
  display: block;
  width: 32px;
  height: 33px;
  background: url(../img/common/sprite.png) -336px -91px no-repeat;
}

.checkboxLarge>input:checked+.checkboxLarge__icon::before {
  background: url(../img/common/sprite.png) -368px -91px no-repeat;
}

.checkboxLarge>input:focus {
  outline: 0;
}

.checkboxLarge>input:focus+.checkboxLarge__icon {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.checkboxLarge--disabled__text,
.checkboxLarge__text {
  margin-left: 10px;
}

.checkboxLarge--disabled {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  opacity: .5;
  cursor: default;
}

.checkboxLarge--disabled>input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  opacity: 0;
}

.checkboxLarge--disabled__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

.checkboxLarge--disabled__icon::before {
  content: "";
  display: block;
  width: 32px;
  height: 33px;
  background: url(../img/common/sprite.png) -336px -91px no-repeat;
}

.checkboxLarge--disabled>input:checked+.checkboxLarge--disabled__icon::before {
  background: url(../img/common/sprite.png) -368px -91px no-repeat;
}

.checkboxLarge--disabled>input:focus {
  outline: 0;
}

.checkboxLarge--disabled>input:focus+.checkboxLarge--disabled__icon {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.radio {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.radio>input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  opacity: 0;
}

.radio__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.radio__icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 17px;
  background: url(../img/common/sprite.png) -143px -160px no-repeat;
}

.radio>input:checked+.radio__icon::before {
  background: url(../img/common/sprite.png) -127px -160px no-repeat;
}

.radio>input:focus {
  outline: 0;
}

.radio>input:focus+.radio__icon {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.radio__text {
  margin-left: 10px;
  font-size: 1.4rem;
}

.radio__icon {
  top: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.radio>input:focus+.radio__icon {
  box-shadow: 0 0 4px 2px #00aaeb;
}

.radio--disabled {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  opacity: .5;
  cursor: default;
}

.radio--disabled>input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  opacity: 0;
}

.radio--disabled__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.radio--disabled__icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 17px;
  background: url(../img/common/sprite.png) -93px -160px no-repeat;
}

.radio--disabled>input:checked+.radio--disabled__icon::before {
  background: url(../img/common/sprite.png) -110px -160px no-repeat;
}

.radio--disabled>input:focus {
  outline: 0;
}

.radio--disabled>input:focus+.radio--disabled__icon {
  box-shadow: 0 0 4px 1px #00aaeb;
  border-collapse: separate;
}

.radioList {
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 6px;
  padding: 6px 0 24px;
  border-radius: 3px;
}

.radioList__item,
.radioList__item--active {
  position: relative;
  display: table-cell;
  font-size: 1.2rem;
  text-align: center;
}

.radioList__item label,
.radioList__item--active label {
  display: block;
}

.radioList__item label>input,
.radioList__item--active label>input {
  display: none;
}

.radioList__text {
  position: relative;
  z-index: 3;
  display: block;
  margin-bottom: 5px;
  padding: 3px;
  line-height: 1.1;
  border-right: solid 1px #e0dddd;
  cursor: pointer;
}

.radioList__text:last-child {
  border-right: none;
}

.radioList__item--active::before,
.radioList__item::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  margin-left: -100%;
  border: solid 3px #01aaeb;
}

.radioList__item--active:first-child::before,
.radioList__item:first-child::before {
  content: none;
}

.radioList__text::before {
  background: #01aaeb;
  border: solid 2px #01aaeb;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -6px;
  width: 20px;
  z-index: 2;
}

.radioList__item--active~.radioList__item--active::before,
.radioList__item--active~.radioList__item::before {
  border-color: #e0e0e0;
}

.radioList__item--active~.radioList__item .radioList__text::before,
.radioList__item--active~.radioList__item--active .radioList__text::before {
  background: #fff;
  border: solid 2px #e0e0e0;
}

.radioList__item label input:checked+.radioList__text::after,
.radioList__item--active label input:checked+.radioList__text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(7,68,92,.75);
}

.btnSelect,
.btnSelect--error {
  display: block;
  vertical-align: top;
  width: 100%;
  padding: 0 45px 0 25px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  position: relative;
  z-index: 1;
  height: 34px;
  font-weight: 400;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #bbb;
}

.btnSelect--error:hover,
.btnSelect:hover {
  opacity: .5;
  text-decoration: none;
}

.btnSelect--fluid {
  width: 100%;
}

.btnSelect--error::after,
.btnSelect--error::before,
.btnSelect::after,
.btnSelect::before {
  content: "\e603";
  position: absolute;
  top: 50%;
  z-index: 1;
  display: inline-block;
  color: #999;
  font-family: mynavi;
  font-size: 1.1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btnSelect--error::before,
.btnSelect::before {
  right: 6px;
}

.btnSelect--error::after,
.btnSelect::after {
  right: 11px;
}

.btnSelect--error__text--placeholder,
.btnSelect__text,
.btnSelect__text--placeholder {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: block;
  color: #333;
  line-height: 33px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btnSelect__text--placeholder {
  color: #999;
}

.btnSelect--error {
  border-color: #bbb;
  background-color: #fcf1ef;
}

.btnSelect--error__text--placeholder {
  color: #999;
}

.applicationTable,
.conditionsTable,
.formTable,
.interviewApplicationDatetimeConfirmTable,
.interviewApplicationDatetimeTable,
.jobOfferTable,
.scheduleTable,
.searchResultTable,
.seminarTable,
.serviceTable,
.settingTable,
.table,
.tableCondition {
  width: 100%;
  table-layout: fixed;
  margin: 20px 0;
  text-align: left;
  border: 1px solid #ddd;
  border-bottom: none;
}

.interviewApplicationDatetimeConfirmTable__body,
.tableCondition__body,
.tableCondition__head,
.table__body,
.table__head {
  border-bottom: 1px solid #ddd;
}

.tableCondition__head,
.table__head {
  width: 240px;
  padding: 20px;
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
  background-color: #dfeff5;
}

.interviewApplicationDatetimeConfirmTable__body,
.tableCondition__body,
.table__body {
  padding: 20px;
  background-color: #fff;
}

.table__text {
  font-size: 1.4rem;
}

.applicationTable+.btnBox,
.applicationTable+.snsBtnBox,
.conditionsTable+.btnBox,
.conditionsTable+.snsBtnBox,
.formTable+.btnBox,
.formTable+.snsBtnBox,
.interviewApplicationDatetimeConfirmTable+.btnBox,
.interviewApplicationDatetimeConfirmTable+.snsBtnBox,
.interviewApplicationDatetimeTable+.btnBox,
.interviewApplicationDatetimeTable+.snsBtnBox,
.jobOfferTable+.btnBox,
.jobOfferTable+.snsBtnBox,
.scheduleTable+.btnBox,
.scheduleTable+.snsBtnBox,
.searchResultTable+.btnBox,
.searchResultTable+.snsBtnBox,
.seminarTable+.btnBox,
.seminarTable+.snsBtnBox,
.serviceTable+.btnBox,
.serviceTable+.snsBtnBox,
.settingTable+.btnBox,
.settingTable+.snsBtnBox,
.table+.btnBox,
.table+.snsBtnBox,
.tableCondition+.btnBox,
.tableCondition+.snsBtnBox {
  margin-top: 30px;
}

.tableCondition__head {
  width: 170px;
}

.conditionsTable__body,
.conditionsTable__head,
.formTable__body,
.formTable__head,
.formTable__head--low,
.interviewApplicationDatetimeConfirmTable__head--low,
.jobOfferTable__body,
.jobOfferTable__head,
.scheduleTable__body,
.scheduleTable__head,
.searchResultTable__body,
.searchResultTable__head,
.seminarTable__body,
.seminarTable__head,
.serviceTable__body,
.serviceTable__head,
.serviceTable__head--low,
.settingTable__body,
.settingTable__head,
.settingTable__head--low {
  border-bottom: 1px solid #ddd;
}

.conditionsTable__head,
.formTable__head,
.formTable__head--low,
.interviewApplicationDatetimeConfirmTable__head--low,
.jobOfferTable__head,
.scheduleTable__head,
.searchResultTable__head,
.seminarTable__head,
.serviceTable__head,
.serviceTable__head--low,
.settingTable__head,
.settingTable__head--low {
  vertical-align: top;
  width: 240px;
  padding: 30px 20px;
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
  background-color: #f5f5f5;
}

.conditionsTable__head .linkArrowS,
.formTable__head .linkArrowS,
.formTable__head--low .linkArrowS,
.interviewApplicationDatetimeConfirmTable__head--low .linkArrowS,
.jobOfferTable__head .linkArrowS,
.scheduleTable__head .linkArrowS,
.searchResultTable__head .linkArrowS,
.seminarTable__head .linkArrowS,
.serviceTable__head .linkArrowS,
.serviceTable__head--low .linkArrowS,
.settingTable__head .linkArrowS,
.settingTable__head--low .linkArrowS {
  display: inline-block;
  margin-top: 10px;
  background-position-y: 5px;
}

.conditionsTable__head .labelRequired,
.formTable__head .labelRequired,
.formTable__head--low .labelRequired,
.interviewApplicationDatetimeConfirmTable__head--low .labelRequired,
.jobOfferTable__head .labelRequired,
.scheduleTable__head .labelRequired,
.searchResultTable__head .labelRequired,
.seminarTable__head .labelRequired,
.serviceTable__head .labelRequired,
.serviceTable__head--low .labelRequired,
.settingTable__head .labelRequired,
.settingTable__head--low .labelRequired {
  float: right;
}

.conditionsTable__head .offerSearch__more,
.conditionsTable__head .textSup,
.formTable__head .offerSearch__more,
.formTable__head .textSup,
.formTable__head--low .offerSearch__more,
.formTable__head--low .textSup,
.interviewApplicationDatetimeConfirmTable__head--low .offerSearch__more,
.interviewApplicationDatetimeConfirmTable__head--low .textSup,
.jobOfferTable__head .offerSearch__more,
.jobOfferTable__head .textSup,
.scheduleTable__head .offerSearch__more,
.scheduleTable__head .textSup,
.searchResultTable__head .offerSearch__more,
.searchResultTable__head .textSup,
.seminarTable__head .offerSearch__more,
.seminarTable__head .textSup,
.serviceTable__head .offerSearch__more,
.serviceTable__head .textSup,
.serviceTable__head--low .offerSearch__more,
.serviceTable__head--low .textSup,
.settingTable__head .offerSearch__more,
.settingTable__head .textSup,
.settingTable__head--low .offerSearch__more,
.settingTable__head--low .textSup {
  clear: both;
  display: block;
  padding-top: 5px;
  color: #555;
  font-weight: 400;
}

.formTable__head--low,
.serviceTable__head--low,
.settingTable__head--low {
  padding: 20px;
}

.conditionsTable__body,
.formTable__body,
.jobOfferTable__body,
.scheduleTable__body,
.searchResultTable__body,
.seminarTable__body,
.serviceTable__body,
.settingTable__body {
  vertical-align: middle;
  padding: 20px 20px 20px 50px;
}

.conditionsTable__body *,
.formTable__body *,
.jobOfferTable__body *,
.scheduleTable__body *,
.searchResultTable__body *,
.seminarTable__body *,
.serviceTable__body *,
.settingTable__body * {
  letter-spacing: 0;
}

.formTable__row {
  clear: both;
  display: block;
  margin-bottom: 10px;
}

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

.formTable__row:last-child {
  margin-bottom: 0;
}

.conditionsTable__col,
.formTable__col,
.mySearchTable__col,
.serviceTable__col,
.settingTable__col {
  float: left;
  margin-left: 20px;
}

.formTable__col--checkbox {
  float: left;
  margin-left: 30px;
}

.conditionsTable__col+.formTable__col--checkbox,
.formTable__col+.formTable__col--checkbox,
.mySearchTable__col+.formTable__col--checkbox,
.serviceTable__col+.formTable__col--checkbox,
.settingTable__col+.formTable__col--checkbox {
  margin-top: 10px;
}

.conditionsTable__col:first-of-type,
.conditionsTable__error+.conditionsTable__col,
.conditionsTable__error+.formTable__col,
.conditionsTable__error+.mySearchTable__col,
.conditionsTable__error+.serviceTable__col,
.conditionsTable__error+.settingTable__col,
.formTable__col--checkbox:first-of-type,
.formTable__col:first-of-type,
.formTable__error+.conditionsTable__col,
.formTable__error+.formTable__col,
.formTable__error+.mySearchTable__col,
.formTable__error+.serviceTable__col,
.formTable__error+.settingTable__col,
.mySearchTable__col:first-of-type,
.mySearchTable__error+.conditionsTable__col,
.mySearchTable__error+.formTable__col,
.mySearchTable__error+.mySearchTable__col,
.mySearchTable__error+.serviceTable__col,
.mySearchTable__error+.settingTable__col,
.serviceTable__col:first-of-type,
.serviceTable__error+.conditionsTable__col,
.serviceTable__error+.formTable__col,
.serviceTable__error+.mySearchTable__col,
.serviceTable__error+.serviceTable__col,
.serviceTable__error+.settingTable__col,
.settingTable__col:first-of-type,
.settingTable__error+.conditionsTable__col,
.settingTable__error+.formTable__col,
.settingTable__error+.mySearchTable__col,
.settingTable__error+.serviceTable__col,
.settingTable__error+.settingTable__col {
  margin-left: 0;
}

.conditionsTable__body .inputTextM,
.conditionsTable__body .inputTextM--disabled,
.conditionsTable__body .inputTextM--error,
.formTable__body .inputTextM,
.formTable__body .inputTextM--disabled,
.formTable__body .inputTextM--error,
.jobOfferTable__body .inputTextM,
.jobOfferTable__body .inputTextM--disabled,
.jobOfferTable__body .inputTextM--error,
.scheduleTable__body .inputTextM,
.scheduleTable__body .inputTextM--disabled,
.scheduleTable__body .inputTextM--error,
.searchResultTable__body .inputTextM,
.searchResultTable__body .inputTextM--disabled,
.searchResultTable__body .inputTextM--error,
.seminarTable__body .inputTextM,
.seminarTable__body .inputTextM--disabled,
.seminarTable__body .inputTextM--error,
.serviceTable__body .inputTextM,
.serviceTable__body .inputTextM--disabled,
.serviceTable__body .inputTextM--error,
.settingTable__body .inputTextM,
.settingTable__body .inputTextM--disabled,
.settingTable__body .inputTextM--error {
  margin-bottom: 10px;
}

.conditionsTable__body>.inputTextM--disabled:last-child,
.conditionsTable__body>.inputTextM--error:last-child,
.conditionsTable__body>.inputTextM:last-child,
.formTable__body>.inputTextM--disabled:last-child,
.formTable__body>.inputTextM--error:last-child,
.formTable__body>.inputTextM:last-child,
.jobOfferTable__body>.inputTextM--disabled:last-child,
.jobOfferTable__body>.inputTextM--error:last-child,
.jobOfferTable__body>.inputTextM:last-child,
.scheduleTable__body>.inputTextM--disabled:last-child,
.scheduleTable__body>.inputTextM--error:last-child,
.scheduleTable__body>.inputTextM:last-child,
.searchResultTable__body>.inputTextM--disabled:last-child,
.searchResultTable__body>.inputTextM--error:last-child,
.searchResultTable__body>.inputTextM:last-child,
.seminarTable__body>.inputTextM--disabled:last-child,
.seminarTable__body>.inputTextM--error:last-child,
.seminarTable__body>.inputTextM:last-child,
.serviceTable__body>.inputTextM--disabled:last-child,
.serviceTable__body>.inputTextM--error:last-child,
.serviceTable__body>.inputTextM:last-child,
.settingTable__body>.inputTextM--disabled:last-child,
.settingTable__body>.inputTextM--error:last-child,
.settingTable__body>.inputTextM:last-child {
  margin-bottom: 0;
}

.conditionsTable__col button,
.conditionsTable__col input,
.conditionsTable__col label,
.formTable__col button,
.formTable__col input,
.formTable__col label,
.mySearchTable__col button,
.mySearchTable__col input,
.mySearchTable__col label,
.serviceTable__col button,
.serviceTable__col input,
.serviceTable__col label,
.settingTable__col button,
.settingTable__col input,
.settingTable__col label {
  display: inline-block;
  vertical-align: middle;
}

.conditionsTable__col label,
.formTable__col label,
.mySearchTable__col label,
.serviceTable__col label,
.settingTable__col label {
  margin-right: 10px;
  color: #333;
  font-size: 1.2rem;
}

.conditionsTable__col button+.formTable__label,
.conditionsTable__col input+label,
.formTable__col button+.formTable__label,
.formTable__col input+label,
.mySearchTable__col button+.formTable__label,
.mySearchTable__col input+label,
.serviceTable__col button+.formTable__label,
.serviceTable__col input+label,
.settingTable__col button+.formTable__label,
.settingTable__col input+label {
  margin-left: 10px;
  margin-right: 0;
}

.conditionsTable__error,
.formTable__error,
.mySearchTable__error,
.serviceTable__error,
.settingTable__error {
  display: none;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ffe5e6;
}

.conditionsTable__errorText,
.formTable__errorText,
.mySearchTable__errorText,
.serviceTable__errorText,
.settingTable__errorText {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  color: red;
  font-size: 1.1rem;
  line-height: 1.5;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.conditionsTable__errorText::before,
.formTable__errorText::before,
.mySearchTable__errorText::before,
.serviceTable__errorText::before,
.settingTable__errorText::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: .45em;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: red;
  border-radius: 50%;
}

.conditionsTable__errorText a,
.formTable__errorText a,
.mySearchTable__errorText a,
.serviceTable__errorText a,
.settingTable__errorText a {
  color: red;
  text-decoration: underline;
}

.conditionsTable__errorText a:hover,
.formTable__errorText a:hover,
.mySearchTable__errorText a:hover,
.serviceTable__errorText a:hover,
.settingTable__errorText a:hover {
  text-decoration: none;
}

.formTable__icon,
.formTable__icon--tel {
  position: relative;
}

.formTable__icon--tel::after,
.formTable__icon::after {
  content: " ";
  display: block;
  clear: both;
}

.formTable__icon--tel::before,
.formTable__icon::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 3px;
  color: #fff;
  font-family: mynavi;
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-align: center;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
  background-color: #00aaeb;
}

.formTable__icon--tel {
  display: inline-block;
}

.formTable__icon--tel:nth-child(even) {
  margin-left: 50px;
}

.formTable__icon--tel input {
  width: 160px;
}

.formTable__icon--tel::before,
.formTable__icon::before {
  position: absolute;
  z-index: 1;
  top: 9px;
  left: -33px;
}

.formTable__agentItem {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  padding-left: 27px;
}

.formTable__agentItem:first-child {
  margin-top: 0;
  padding-left: 0;
}

.formTable__agentItem .text,
.formTable__agentItem .text--mb,
.formTable__agentItem .text--mbL,
.formTable__agentItem .textCenter,
.formTable__agentItem .textCenter--mb,
.formTable__agentItem .textUnderBorder {
  padding-left: 27px;
}

.formTable__agentIcon {
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 1;
}

.conditionsTable .addCondition--application,
.formTable .addCondition--application,
.jobOfferTable .addCondition--application,
.scheduleTable .addCondition--application,
.searchResultTable .addCondition--application,
.seminarTable .addCondition--application,
.serviceTable .addCondition--application,
.settingTable .addCondition--application {
  margin-left: -50px;
}

.conditionsTable__body .applicationSelect__col,
.formTable__body .applicationSelect__col,
.jobOfferTable__body .applicationSelect__col,
.scheduleTable__body .applicationSelect__col,
.searchResultTable__body .applicationSelect__col,
.seminarTable__body .applicationSelect__col,
.serviceTable__body .applicationSelect__col,
.settingTable__body .applicationSelect__col {
  letter-spacing: -.4em;
}

.conditionsTable__body .addConditionList,
.conditionsTable__body .addFileList,
.formTable__body .addConditionList,
.formTable__body .addFileList,
.jobOfferTable__body .addConditionList,
.jobOfferTable__body .addFileList,
.scheduleTable__body .addConditionList,
.scheduleTable__body .addFileList,
.searchResultTable__body .addConditionList,
.searchResultTable__body .addFileList,
.seminarTable__body .addConditionList,
.seminarTable__body .addFileList,
.serviceTable__body .addConditionList,
.serviceTable__body .addFileList,
.settingTable__body .addConditionList,
.settingTable__body .addFileList {
  margin: 0 0 0 -20px;
}

.conditionsTable__body .addConditionList:first-child:last-child,
.conditionsTable__body .addFileList:first-child:last-child,
.formTable__body .addConditionList:first-child:last-child,
.formTable__body .addFileList:first-child:last-child,
.jobOfferTable__body .addConditionList:first-child:last-child,
.jobOfferTable__body .addFileList:first-child:last-child,
.scheduleTable__body .addConditionList:first-child:last-child,
.scheduleTable__body .addFileList:first-child:last-child,
.searchResultTable__body .addConditionList:first-child:last-child,
.searchResultTable__body .addFileList:first-child:last-child,
.seminarTable__body .addConditionList:first-child:last-child,
.seminarTable__body .addFileList:first-child:last-child,
.serviceTable__body .addConditionList:first-child:last-child,
.serviceTable__body .addFileList:first-child:last-child,
.settingTable__body .addConditionList:first-child:last-child,
.settingTable__body .addFileList:first-child:last-child {
  margin: 0 0 -10px -20px;
}

.formTableGray__head,
.formTableGray__head--disabled {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  color: #333;
  padding: 20px;
  width: 240px;
}

.formTableGray__head--disabled {
  opacity: .5;
}

.formTableGray__headLow,
.formTableGray__headLow--disabled {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  color: #333;
  padding: 20px;
  width: 240px;
}

.formTableGray__headLow--disabled {
  opacity: .5;
}

.formTableGray__body,
.formTableGray__body--disabled {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  color: #555;
  padding: 20px 20px 20px 50px;
}

.formTableGray__body--disabled {
  opacity: .5;
}

.settingTable__head {
  width: 170px;
}

.settingTable__body .inputText,
.settingTable__body .inputText--disabled,
.settingTable__body .inputText--error {
  margin-bottom: 10px;
}

.settingTable__body .inputText--disabled:last-child,
.settingTable__body .inputText--error:last-child,
.settingTable__body .inputText:last-child {
  margin-bottom: 0;
}

.settingTable__head--low {
  width: 170px;
}

.settingTable .addCondition,
.settingTable .addCondition--application {
  margin-left: -50px;
}

.addCondition .settingTable__error,
.addCondition--application .settingTable__error {
  margin-left: 50px;
}

.settingTable .addCondition .btnSelect,
.settingTable .addCondition .btnSelect--error,
.settingTable .addCondition--application .btnSelect,
.settingTable .addCondition--application .btnSelect--error {
  width: 398px;
}

.applicationTable__body--row:first-child,
.applicationTable__body:first-child,
.applicationTable__head:first-child {
  width: 196px;
  border-right: 1px solid #ddd;
}

.applicationTable__body,
.applicationTable__body--row,
.applicationTable__head {
  border-bottom: 1px solid #ddd;
}

.applicationTable__head {
  padding: 5px;
  color: #333;
  font-weight: 700;
  text-align: center;
  background-color: #f5f5f5;
}

.applicationTable__body,
.applicationTable__body--row {
  padding: 20px;
  vertical-align: top;
}

.applicationTable__body--row:first-child,
.applicationTable__body:first-child {
  font-weight: 700;
}

.applicationTable__body--row {
  font-weight: 400;
}

.applicationTable__body--row :first-child {
  font-weight: 400;
}

.applicationTable__body .checkbox--disabled>input,
.applicationTable__body .checkbox>input,
.applicationTable__body--row .checkbox--disabled>input,
.applicationTable__body--row .checkbox>input {
  vertical-align: middle;
}

.applicationTable__body .checkbox--disabled__icon,
.applicationTable__body .checkbox__icon,
.applicationTable__body--row .checkbox--disabled__icon,
.applicationTable__body--row .checkbox__icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.applicationTable__body .checkbox--disabled__text,
.applicationTable__body .checkbox__text,
.applicationTable__body .radio--disabled__text,
.applicationTable__body--row .checkbox--disabled__text,
.applicationTable__body--row .checkbox__text,
.applicationTable__body--row .radio--disabled__text {
  display: inline-block;
  vertical-align: middle;
}

.applicationTable__btn,
.applicationTable__text {
  display: table-cell;
  vertical-align: top;
}

.applicationTable__btn {
  padding-left: 20px;
}

.applicationTable__btn [class*=btn] {
  width: 67px;
  min-width: 67px;
  padding: 6px 0;
}

.interviewApplicationDatetimeTable {
  margin: 5px 0 50px;
}

.interviewApplicationDatetimeTable__head {
  vertical-align: middle;
  text-align: center;
  padding: 20px 20px 20px 20px;
  color: #fff;
  border: 1px solid #bbb;
  background-color: #00aaeb;
}

.interviewApplicationDatetimeTable__head.dimmed {
  color: #a6afb4;
  background-color: #536e7e;
}

.interviewApplicationDatetimeTable__date {
  vertical-align: middle;
  text-align: center;
  padding: 20px 20px 20px 20px;
  color: #333;
  border: 1px solid #ddd;
  background-color: #eff7fa;
}

.interviewApplicationDatetimeTable__body {
  vertical-align: middle;
  text-align: center;
  padding: 20px 20px 20px 20px;
  color: #333;
  border: 1px solid #ddd;
  background-color: #fff;
}

.interviewApplicationDatetimeTable__body__gray {
  background-color: #efefef;
}

.interviewApplicationDatetimeTable__body__selected {
  background-color: #fffbe4;
}

.interviewApplicationDatetimeTable__body.dimmed {
  background-color: #ccc;
}

.interviewApplicationDatetimeTable__limit {
  font-weight: 700;
  text-align: right;
  padding: 15px 0 0 0;
}

.interviewApplicationDatetimeTable__limit__day {
  padding: 5px;
  font-size: 2.2rem;
  color: red;
}

.interviewApplicationDatetimeConfirmTable {
  width: 910px;
  margin: 0 20px;
}

.interviewApplicationDatetimeConfirmTable.conf {
  margin: 0 0 0 20px;
}

.interviewApplicationDatetimeConfirmTable__annotation {
  margin: 0 20px;
  padding: 30px 0 10px 0;
  font-size: 1.2rem;
}

.interviewApplicationDatetimeConfirmTable__annotation__red {
  color: red;
}

.interviewApplicationDatetimeConfirmTable__annotation.conf {
  padding: 20px 0 10px 0;
}

.interviewApplicationDatetimeConfirmTable__annotation.conf_noBottomPad {
  padding: 20px 0 0 0;
}

.interviewApplicationDatetimeConfirmTable__head--low {
  padding: 20px;
  width: 140px;
  background-color: #dfeff5;
  border-right: 1px solid #ddd;
}

.interviewApplicationDatetimeConfirmTable__head--low.conf {
  text-align: center;
  border-width: 0 1px 1px 0;
}

.interviewApplicationDatetimeConfirmTable__body {
  vertical-align: middle;
  padding: 20px 20px 20px 50px;
}

.interviewApplicationDatetimeConfirmTable__row.notSelected {
  display: none;
}

.serviceTable {
  margin: 10px 0 20px;
}

.serviceTable__head {
  width: 170px;
}

.serviceTable__body .inputText,
.serviceTable__body .inputText--disabled,
.serviceTable__body .inputText--error {
  margin-bottom: 10px;
}

.serviceTable__body .inputText--disabled:last-child,
.serviceTable__body .inputText--error:last-child,
.serviceTable__body .inputText:last-child {
  margin-bottom: 0;
}

.serviceTable__head--low {
  width: 569px;
  font-weight: 400;
}

.conditionsTable__body .btnSelect,
.conditionsTable__body .btnSelect--error,
.conditionsTable__body .select,
.conditionsTable__body .select--disabled,
.conditionsTable__body .select--error,
.conditionsTable__body .selectExperienceJob,
.conditionsTable__body .selectExperienceJob--disabled,
.conditionsTable__body .selectExperienceJob--error,
.conditionsTable__body .selectL,
.conditionsTable__body .selectL--disabled,
.conditionsTable__body .selectL--error,
.conditionsTable__body .selectM,
.conditionsTable__body .selectM--disabled,
.conditionsTable__body .selectM--error,
.conditionsTable__body .selectS,
.conditionsTable__body .selectS--disabled,
.conditionsTable__body .selectS--error,
.conditionsTable__body .selectSS,
.conditionsTable__body .selectSS--disabled,
.conditionsTable__body .selectSS--error,
.conditionsTable__body .selectSkill,
.conditionsTable__body .selectSkill--disabled,
.conditionsTable__body .selectSkill--error {
  width: 400px;
}

.conditionsTable__col--checkbox {
  float: left;
  margin-left: 30px;
}

.conditionsTable__col+.conditionsTable__col--checkbox {
  margin-top: 10px;
}

.conditionsTable__col--checkbox:first-of-type,
.conditionsTable__col:first-of-type,
.conditionsTable__error+.conditionsTable__col {
  margin-left: 0;
}

.conditionsTable .addCondition--application__row,
.conditionsTable .addCondition__row {
  margin-left: -50px;
}

.searchTable {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
  font-size: 1.2rem;
  margin-bottom: 20px;
  width: 100%;
}

.searchTable__content {
  width: 100%;
}

.searchTable .searchTable__content:last-of-type .searchTable__body {
  position: relative;
}

.searchTable__body,
.searchTable__btn,
.searchTable__head {
  background-color: #e8f7fd;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 10px 0 10px 16px;
}

.searchTable__head {
  border-right: none;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
}

.searchTable__body:last-of-type {
  border-right: none;
}

.searchTable__title {
  border-left: 2px solid #00aaeb;
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  padding-left: 10px;
}

.searchTable__body .checkbox {
  margin-right: 8px;
  margin-bottom: 6px;
}

.searchTable__body .selectS,
.searchTable__body .selectS--disabled,
.searchTable__body .selectS--error,
.searchTable__body .selectSS--disabled {
  height: auto;
  width: 116px;
}

.searchTable__body .selectS span,
.searchTable__body .selectS--disabled span,
.searchTable__body .selectS--error span,
.searchTable__body .selectSS--disabled span {
  line-height: 1.65em;
  padding: 0 6px;
}

.searchTable__body .inputText,
.searchTable__body .inputText--disabled,
.searchTable__body .inputText--error {
  font-size: 1.2rem;
  height: auto;
  width: 110px;
  padding: 0;
}

.searchTable__btn {
  border-right: none;
  vertical-align: top;
}

.searchTable__btn+.searchTable__body {
  padding-top: 12px;
  padding-left: 0;
}

.searchTable .btnAddS,
.searchTable .btnAddS--disabled,
.searchTable .btnRemoveS,
.searchTable .btnRemoveS--disabled {
  border-radius: 3px;
  font-size: 1.2rem;
  padding: 3px 10px;
  margin-right: 4px;
  min-height: auto;
  min-width: auto;
}

.searchTable>.searchTable__content:last-child .btnAddS,
.searchTable>.searchTable__content:last-child .btnAddS--disabled,
.searchTable>.searchTable__content:last-child .btnRemoveS,
.searchTable>.searchTable__content:last-child .btnRemoveS--disabled,
.searchTable>.searchTable__content:last-child .btnSecondaryS,
.searchTable>.searchTable__content:last-child .btnSecondaryS--disabled {
  position: absolute;
}

.searchTable>.searchTable__content:last-child .btnAddS,
.searchTable>.searchTable__content:last-child .btnAddS--disabled,
.searchTable>.searchTable__content:last-child .btnRemoveS,
.searchTable>.searchTable__content:last-child .btnRemoveS--disabled {
  top: 10px;
  left: 16px;
}

.searchTable>.searchTable__content:last-child .btnSecondaryS,
.searchTable>.searchTable__content:last-child .btnSecondaryS--disabled {
  top: 10px;
  right: 16px;
  min-height: 20px;
  padding: 8px 20px;
}

.searchTable__body .btnBox,
.searchTable__body .snsBtnBox {
  margin: 0 0 10px;
}

.searchTable__question {
  position: relative;
  display: inline-block;
}

.searchTable__question .iconQuestion {
  z-index: 12;
}

.searchTable__question .iconQuestion:hover+.tooltip {
  display: block;
}

.searchTable__question:hover .iconQuestion {
  cursor: pointer;
  opacity: .5;
}

.searchTable__question .tooltip {
  display: none;
  position: absolute;
  z-index: 10;
  right: -27px;
  bottom: -19px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.searchTable__question .tooltip .tooltip__text {
  margin-bottom: 10px;
}

.searchTable__question .iconFont--question::before {
  background-color: #00aaeb;
  border-radius: 12px;
  color: #fff;
  padding: 4px;
  font-size: 1.2rem;
}

.searchTableInner {
  margin-right: 20px;
  width: 800px;
  float: right;
}

.searchTableInner__body,
.searchTableInner__head {
  border: 1px solid #bbb;
  padding: 12px 12px 6px;
}

.searchTableInner__head {
  font-weight: 700;
  white-space: nowrap;
}

.mySearchTable {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
  font-size: 1.2rem;
  margin-bottom: 20px;
  width: 100%;
}

.mySearchTable__content {
  background-color: #fff;
  width: 100%;
}

.mySearchTable__body,
.mySearchTable__check,
.mySearchTable__head {
  position: relative;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 20px;
}

.mySearchTable__head {
  background-color: #f5f5f5;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  width: 180px;
  white-space: nowrap;
}

.mySearchTable__body:last-of-type {
  border-right: none;
}

.mySearchTable__check {
  padding-bottom: 6px;
}

.mySearchTable__check .checkbox {
  margin-right: 8px;
  margin-bottom: 12px;
  width: 23%;
}

.mySearchTable__body .selectS,
.mySearchTable__body .selectS--disabled,
.mySearchTable__body .selectS--error,
.mySearchTable__body .selectSS--disabled {
  width: 116px;
}

.mySearchTable__body .selectS span,
.mySearchTable__body .selectS--disabled span,
.mySearchTable__body .selectS--error span,
.mySearchTable__body .selectSS--disabled span {
  padding: 0 6px;
}

.mySearchTable__body .inputText,
.mySearchTable__body .inputText--disabled,
.mySearchTable__body .inputText--error {
  width: 200px;
  padding: 0;
}

.mySearchTable .btnAddS,
.mySearchTable .btnAddS--disabled,
.mySearchTable .btnRemoveS,
.mySearchTable .btnRemoveS--disabled {
  border-radius: 3px;
  margin-right: 4px;
  min-height: auto;
  min-width: auto;
}

.mySearchTable__body .btnBox,
.mySearchTable__body .snsBtnBox {
  margin: 0 0 10px;
}

.mySearchTable__question {
  position: relative;
  display: inline-block;
}

.mySearchTable__question .iconQuestion {
  z-index: 12;
}

.mySearchTable__question .iconQuestion:hover+.tooltip {
  display: block;
}

.mySearchTable__question:hover .iconQuestion {
  cursor: pointer;
  opacity: .5;
}

.mySearchTable__question .tooltip {
  display: none;
  position: absolute;
  z-index: 10;
  right: -27px;
  bottom: -19px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.mySearchTable__question .tooltip .tooltip__text {
  margin-bottom: 10px;
}

.mySearchTable__question .iconFont--question::before {
  background-color: #00aaeb;
  border-radius: 12px;
  color: #fff;
  padding: 4px;
  font-size: 1.2rem;
}

.mySearchTableInner {
  margin-right: -10px;
}

.mySearchTableInner__body,
.mySearchTableInner__head {
  border-bottom: 1px dotted #ddd;
  border-collapse: 1px;
}

.mySearchTableInner__head {
  background-color: #f5f5f5;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  padding: 12px;
}

.mySearchTableInner__body {
  padding: 12px 0 0 12px;
}

.mySearchTableInner tr:last-child .mySearchTableInner__body,
.mySearchTableInner tr:last-child .mySearchTableInner__head {
  border-bottom: none;
}

.mySearchTableInner__body .checkbox {
  margin-bottom: 12px;
  width: 30%;
}

.mySearchTable__info {
  margin-bottom: 24px;
}

.mySearchTable__col {
  display: table;
}

.mySearchTable__col--btn {
  display: table-cell;
  width: 116px;
}

.mySearchTable__col--area {
  display: table-cell;
}

.mySearchTable__col .checkbox {
  margin-bottom: 8px;
}

.searchResultTable__head {
  width: 169px;
  padding: 20px;
}

.searchResultTable__body {
  padding: 20px;
}

.seminarTable__head {
  padding: 8px 20px;
  text-align: center;
  border-left: 1px solid #ddd;
}

.seminarTable__head:nth-child(1) {
  width: 140px;
}

.seminarTable__head:nth-child(2) {
  width: 99px;
}

.seminarTable__head:nth-child(3) {
  width: 98px;
}

.seminarTable__head:nth-child(4) {
  width: 313px;
}

.seminarTable__head:nth-child(5) {
  width: 107px;
}

.seminarTable__head:nth-child(6) {
  width: 135px;
}

.seminarTable__body {
  vertical-align: top;
  padding: 20px;
  border-left: 1px solid #ddd;
}

.seminarTable__body:nth-child(6) {
  padding: 16px 20px;
}

.seminarTable__body:first-child,
.seminarTable__head:first-child {
  border-left: none;
}

.seminarTable .btnDisabledS,
.seminarTable .btnPrimaryS,
.seminarTable .btnPrimaryS--disabled,
.seminarTable .btnSubS,
.seminarTable .btnSubS--disabled {
  min-width: 100%;
  padding: 12px 5px;
}

.seminarTable .btnDefaultSS,
.seminarTable .btnDefaultSS--disabled {
  min-width: 100%;
  padding: 7px 5px;
}

.seminarTable .btnDisabledS,
.seminarTable .btnSubS,
.seminarTable .btnSubS--disabled {
  cursor: default;
  box-shadow: none;
}

.seminarTable .btnSubS--disabled:hover,
.seminarTable .btnSubS:hover {
  opacity: 1;
}

.scheduleTable__head {
  padding: 20px;
}

.scheduleTable__body {
  padding: 20px;
}

.jobOfferTable__head {
  padding: 20px;
}

.jobOfferTable__body {
  vertical-align: top;
  padding: 20px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.jobOfferTable__body hr {
  margin: 20px 0;
  border: solid #ddd;
  border-width: 1px 0 0;
}

.jobOfferTable__body .jobOfferInfo__labelFeature:last-child {
  margin: 0 0 -8px -8px;
}

.jobOfferTable__img {
  float: right;
  width: 280px;
  margin: 0 0 40px 40px;
}

.jobOfferTable__img img {
  vertical-align: top;
}

.jobOfferTable__img .textS,
.jobOfferTable__img .textS--mb {
  display: block;
  margin: 18px 0 0;
}

.jobOfferTable__iconQuestion {
  position: relative;
  display: inline-block;
}

.jobOfferTable__iconQuestion .iconQuestion:hover+.tooltip {
  display: block;
}

.jobOfferTable__iconQuestion .tooltip {
  position: absolute;
  top: 40px;
  right: -26px;
  display: none;
}

.jobOfferTable__iconQuestion .tooltip span {
  display: block;
}

.jobOfferTable__iconQuestion .tooltip__text+.tooltip__text {
  margin: 20px 0 0;
}

.jobOfferTable__interview {
  display: block;
  width: 130px;
}

.jobOfferTable__interview img {
  vertical-align: top;
}

.jobOfferTable__interview .textS,
.jobOfferTable__interview .textS--mb {
  display: block;
  margin: 10px 0 0;
}

.jobOfferTable__workLocation {
  margin: 2em 0 0;
}

.jobOfferTable__workLocation .textTopic,
.jobOfferTable__workLocation .textTopic--black {
  padding: 0;
}

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

.message {
  padding: 30px 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  background-color: rgba(0,0,0,.6);
  display: none;
  position: absolute;
  width: 100%;
  z-index: 101;
}

.modal {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 30px;
  background: #fff;
}

.modal .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modal--small {
  width: 475px;
}

.modal__close {
  text-align: right;
}

.modal--small .modal__container {
  margin: 1.5rem 0;
}

.modal__container:last-child {
  margin-bottom: 0;
}

.modal__text {
  color: #333;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.77;
  margin: 30px 0;
  text-align: center;
}

.modal__content {
  font-size: 1.4rem;
  line-height: 1.5;
}

.modal--bookmarkApplyReady .modal__text {
  border: 2px solid red;
  color: red;
  display: inline-block;
  margin: 0;
  padding: .5rem 1.5rem;
}

.modal--bookmarkMatching {
  background: #ff7f7f;
}

.modal--bookmarkMatching .btnClose {
  background-color: #ff7f7f;
  border-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
  color: #fff;
}

.modal--bookmarkMatching .modal__content {
  background: #fff;
  border-radius: .5rem;
  padding: 1.5rem;
}

.modal--bookmarkMatching .modal__text {
  color: #fff;
  margin: 0;
}

.modal--bookmarkMatching .modal__text::before {
  content: "\e91c";
  font-family: mynavi;
  margin-right: .5rem;
}

.modal--webResumeLack {
  width: 660px;
}

.modal--webResumeLack .modal__text {
  margin: 10px 0 -10px 0;
}

.modal--webResumeLack .modal__body {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  padding: 22px 0;
  text-align: center;
}

.modal--webResumeLack .modal__item {
  font-size: 14px;
  font-weight: 300;
  padding: 0;
  text-align: center;
}

.modal--eventRegistration {
  background-color: #fcb653;
}

.modal--eventRegistration .btnClose {
  background-color: #fcb653;
  border-color: #fff;
  color: #fff;
}

.modal--eventRegistration .modal__text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.modal--eventRegistration .modal__body {
  background-color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: -16px 0 -11px 0;
  padding: 17px 0;
  text-align: center;
}

.modal--eventRegistration .modal__qr {
  display: block;
  margin: -25px auto 0;
}

.bandLayer,
.band__content,
.modalLayer {
  min-width: 950px;
}

.modalLayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  background-color: rgba(0,0,0,.5);
}

.modal__keep,
.modal__keep--cancel,
.modal__keep--done,
.modal__keep--doneCancel {
  width: 184px;
  margin: 20px auto 0;
  text-align: center;
}

.modal__keep--cancel>a,
.modal__keep--cancel>span,
.modal__keep--done>a,
.modal__keep--done>span,
.modal__keep--doneCancel>a,
.modal__keep--doneCancel>span,
.modal__keep>a,
.modal__keep>span {
  font-size: 1.2rem;
}

.modal__keep--cancel>a::before,
.modal__keep--cancel>span::before,
.modal__keep--done>a::before,
.modal__keep--done>span::before,
.modal__keep--doneCancel>a::before,
.modal__keep--doneCancel>span::before,
.modal__keep>a::before,
.modal__keep>span::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.modal__keep--cancel>a::before,
.modal__keep--cancel>span::before,
.modal__keep--done>a::before,
.modal__keep--done>span::before,
.modal__keep--doneCancel>a::before,
.modal__keep--doneCancel>span::before,
.modal__keep>a::before,
.modal__keep>span::before {
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin-right: 4px;
  color: #bbb;
}

.modal__keep--done>span::before {
  color: #fece30;
}

.modal__keep--cancel>span::before {
  color: #555;
}

.modal__keep--doneCancel {
  opacity: .5;
}

.modal__keep--doneCancel>span::before {
  color: #fece30;
}

.modal__textSup {
  margin-top: 30px;
  font-size: 1.2rem;
  text-align: center;
}

.modal>.btnBox:last-child,
.modal>.snsBtnBox:last-child {
  margin-bottom: 0;
}

.modal .applicationTable {
  width: 520px;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.42;
}

.modal .conditionsTable,
.modal .formTable,
.modal .jobOfferTable,
.modal .scheduleTable,
.modal .searchResultTable,
.modal .seminarTable,
.modal .serviceTable,
.modal .settingTable {
  width: 773px;
  margin: 20px auto;
}

.modal .conditionsTable__head,
.modal .formTable__head,
.modal .formTable__head--low,
.modal .interviewApplicationDatetimeConfirmTable__head--low,
.modal .jobOfferTable__head,
.modal .scheduleTable__head,
.modal .searchResultTable__head,
.modal .seminarTable__head,
.modal .serviceTable__head,
.modal .serviceTable__head--low,
.modal .settingTable__head,
.modal .settingTable__head--low {
  width: 168px;
}

.modal .conditionsTable__body,
.modal .formTable__body,
.modal .jobOfferTable__body,
.modal .scheduleTable__body,
.modal .searchResultTable__body,
.modal .seminarTable__body,
.modal .serviceTable__body,
.modal .settingTable__body {
  vertical-align: top;
}

.modal .conditionsTable .text,
.modal .conditionsTable .text--mb,
.modal .conditionsTable .text--mbL,
.modal .conditionsTable .textCenter,
.modal .conditionsTable .textCenter--mb,
.modal .conditionsTable .textUnderBorder,
.modal .formTable .text,
.modal .formTable .text--mb,
.modal .formTable .text--mbL,
.modal .formTable .textCenter,
.modal .formTable .textCenter--mb,
.modal .formTable .textUnderBorder,
.modal .jobOfferTable .text,
.modal .jobOfferTable .text--mb,
.modal .jobOfferTable .text--mbL,
.modal .jobOfferTable .textCenter,
.modal .jobOfferTable .textCenter--mb,
.modal .jobOfferTable .textUnderBorder,
.modal .scheduleTable .text,
.modal .scheduleTable .text--mb,
.modal .scheduleTable .text--mbL,
.modal .scheduleTable .textCenter,
.modal .scheduleTable .textCenter--mb,
.modal .scheduleTable .textUnderBorder,
.modal .searchResultTable .text,
.modal .searchResultTable .text--mb,
.modal .searchResultTable .text--mbL,
.modal .searchResultTable .textCenter,
.modal .searchResultTable .textCenter--mb,
.modal .searchResultTable .textUnderBorder,
.modal .seminarTable .text,
.modal .seminarTable .text--mb,
.modal .seminarTable .text--mbL,
.modal .seminarTable .textCenter,
.modal .seminarTable .textCenter--mb,
.modal .seminarTable .textUnderBorder,
.modal .serviceTable .text,
.modal .serviceTable .text--mb,
.modal .serviceTable .text--mbL,
.modal .serviceTable .textCenter,
.modal .serviceTable .textCenter--mb,
.modal .serviceTable .textUnderBorder,
.modal .settingTable .text,
.modal .settingTable .text--mb,
.modal .settingTable .text--mbL,
.modal .settingTable .textCenter,
.modal .settingTable .textCenter--mb,
.modal .settingTable .textUnderBorder {
  line-height: 1.42;
}

.modalScout {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 20px 0 30px;
  background: #fff;
  display: none;
}

.modalScout .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalScout--small {
  width: 475px;
}

.modalScout__heading {
  padding: 0 0 16px 20px;
  font-size: 1.9rem;
}

.modalScout__content {
  padding: 30px 0 30px 20px;
  border-top: 1px solid #ddd;
}

.modalScout__headingSub {
  font-size: 1.7em;
  color: #000;
  margin: 0 0 30px;
}

.modalScout__item {
  margin-bottom: 26px;
}

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

.modalScout__item:last-child {
  margin-bottom: 0;
}

.modalScout__item [class^=label] {
  float: left;
}

.modalScout__item .labelCrown,
.modalScout__item .labelPremiumBenefit {
  margin-right: 10px;
}

.modalScout__item .labelScoutLimited {
  margin-right: 5px;
}

.modalScout__item .labelScoutBenefit {
  margin-right: 27px;
}

.modalScout__item .text,
.modalScout__item .text--mb,
.modalScout__item .text--mbL,
.modalScout__item .textCenter,
.modalScout__item .textCenter--mb,
.modalScout__item .textUnderBorder {
  float: left;
  width: 9em;
  margin: 2px 5px 0 0;
}

.modalScout__item .offerSearch__more,
.modalScout__item .textSup {
  float: left;
  margin: 3px 0 0;
}

.modalScout__keep,
.modalScout__keep--done {
  float: left;
  display: block;
  margin-right: 16px;
  color: #ccc;
}

.modalScout__keep--done::before,
.modalScout__keep::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.modalScout__keep--done::before,
.modalScout__keep::before {
  position: relative;
  z-index: 1;
  top: -3px;
}

.modalScout__keep--done {
  color: #fece30;
}

.modalPrivateCompany {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 62px 88px 30px;
  background: #fff;
}

.modalPrivateCompany .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalPrivateCompany--small {
  width: 475px;
}

.modalPrivateCompany__heading {
  margin-bottom: 20px;
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
}

.modalPrivateCompany__content {
  overflow-y: auto;
  max-height: 450px;
  margin-bottom: 20px;
}

.modalPrivateCompany__table {
  width: 100%;
  table-layout: fixed;
  font-size: 1.4rem;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.modalPrivateCompany__check,
.modalPrivateCompany__detail {
  vertical-align: top;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.modalPrivateCompany__check {
  width: 54px;
  padding: 20px 0;
  text-align: center;
}

.modalPrivateCompany__detail {
  padding: 20px;
}

.modalPrivateCompany__name {
  color: #333;
  font-weight: 700;
  line-height: 1.42;
}

.modalPrivateCompany .btnBox,
.modalPrivateCompany .snsBtnBox {
  margin-bottom: 0;
}

.modalChoice {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 0;
  background: #fff;
  display: none;
}

.modalChoice .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalChoice--small {
  width: 475px;
}

.modalChoice__heading,
.modalChoice__heading--language {
  height: 56px;
  padding: 20px 100px 0 15px;
  color: #333;
  font-size: 1.9rem;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}

.modalChoice__heading--sub {
  position: absolute;
  top: 2.2rem;
  left: 500px;
  font-size: 1.2rem;
  color: #000;
}

.modalChoice__heading--prefecture {
  display: inline;
}

.modalChoice__heading--office {
  display: none;
}

.modalChoice--noLabelNumber .modalChoice__heading--prefecture {
  display: none;
}

.modalChoice--noLabelNumber .modalChoice__heading--office {
  display: inline;
}

.modalChoice__content {
  overflow: hidden;
  height: 579px;
  font-size: 1.4rem;
}

.modalChoice__submit,
.modalChoice__submit--language {
  height: 80px;
  text-align: center;
  border-top: 1px solid #ddd;
}

.modalChoice__btn [class*=btn] {
  margin-top: 15px;
  width: 30%;
}

.modalChoice__btn [class*=btn]+[class*=btn] {
  margin-left: 15px;
}

.modalChoice__list,
.modalChoice__result {
  float: left;
  width: 305px;
}

.modalChoice__list+.modalChoice__btn,
.modalChoice__list+.modalChoice__choiceContent {
  float: right;
  width: 645px;
}

.modalChoice__choiceContent {
  overflow-y: auto;
  overflow-x: hidden;
  height: 579px;
}

.modalChoice__list {
  position: relative;
  height: inherit;
}

.modalChoice__list::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #ddd;
}

.modalChoice__item {
  position: relative;
  z-index: 2;
  display: block;
  height: 36.2px;
  padding: 10px 14px;
  color: #00aaeb;
  font-weight: 700;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: url(../img/common/arrowRight.png) no-repeat right 5px top 50%;
  background-size: 5px auto;
}

.modalChoice__item:hover {
  opacity: .5;
  text-decoration: none;
}

.modalChoice__item:nth-child(16) {
  border-bottom: none;
}

.js__modal--menuSelected {
  background-image: none;
}

.modalChoice__item .labelSelected {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 5px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.js__modal--menuSelected .labelSelected {
  display: block;
}

.js__modal--menuActive {
  color: #333;
  cursor: default;
  border-right-color: #fff;
}

.js__modal--menuActive::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #00aaeb;
}

.js__modal--menuActive:hover {
  opacity: 1;
}

.modalChoice__itemText {
  letter-spacing: -.05em;
}

.modalChoice__result {
  overflow-y: auto;
  overflow-x: hidden;
  height: 80px;
  padding: 20px 15px;
  font-size: 1.1rem;
  text-align: left;
  border-right: 1px solid #ddd;
}

.modalChoice__heading--language {
  padding: 20px 100px 0 20px;
  font-size: 2rem;
}

.modalChoice__content--language {
  overflow-y: auto;
  overflow-x: hidden;
  height: 548px;
}

.modalChoice__submit--language {
  height: 111px;
}

.modalChoice__submit--language [class*=btn] {
  margin-top: 30px;
}

.modalCarrier {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 0;
  background: #fff;
}

.modalCarrier .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalCarrier__heading {
  height: 56px;
  padding: 20px 100px 0 15px;
  color: #333;
  font-size: 1.9rem;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}

.modalCarrier__content {
  overflow: auto;
  height: 548px;
  font-size: 1.4rem;
}

.modalCarrier__subHeading {
  padding: 20px 0 0 30px;
  font-size: 2rem;
  font-weight: 700;
}

.modalCarrier__sectionTitle {
  margin-bottom: 20px;
  padding: 9px 15px;
  color: #333;
  font-weight: 700;
  background-color: #f0f0f3;
}

.modalCarrier__submit {
  height: 111px;
  padding-top: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
}

.modalCarrier__section {
  padding: 20px;
}

.modalCarrier__section+.modalCarrier__section {
  padding: 0 20px 20px;
}

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

.modalCarrier__section .conditionsTable,
.modalCarrier__section .formTable,
.modalCarrier__section .jobOfferTable,
.modalCarrier__section .scheduleTable,
.modalCarrier__section .searchResultTable,
.modalCarrier__section .seminarTable,
.modalCarrier__section .serviceTable,
.modalCarrier__section .settingTable {
  margin: 0;
}

.modalCarrier__section .conditionsTable .conditionsTable__head,
.modalCarrier__section .conditionsTable .formTable__head,
.modalCarrier__section .conditionsTable .formTable__head--low,
.modalCarrier__section .conditionsTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .conditionsTable .jobOfferTable__head,
.modalCarrier__section .conditionsTable .scheduleTable__head,
.modalCarrier__section .conditionsTable .searchResultTable__head,
.modalCarrier__section .conditionsTable .seminarTable__head,
.modalCarrier__section .conditionsTable .serviceTable__head,
.modalCarrier__section .conditionsTable .serviceTable__head--low,
.modalCarrier__section .conditionsTable .settingTable__head,
.modalCarrier__section .conditionsTable .settingTable__head--low,
.modalCarrier__section .formTable .conditionsTable__head,
.modalCarrier__section .formTable .formTable__head,
.modalCarrier__section .formTable .formTable__head--low,
.modalCarrier__section .formTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .formTable .jobOfferTable__head,
.modalCarrier__section .formTable .scheduleTable__head,
.modalCarrier__section .formTable .searchResultTable__head,
.modalCarrier__section .formTable .seminarTable__head,
.modalCarrier__section .formTable .serviceTable__head,
.modalCarrier__section .formTable .serviceTable__head--low,
.modalCarrier__section .formTable .settingTable__head,
.modalCarrier__section .formTable .settingTable__head--low,
.modalCarrier__section .jobOfferTable .conditionsTable__head,
.modalCarrier__section .jobOfferTable .formTable__head,
.modalCarrier__section .jobOfferTable .formTable__head--low,
.modalCarrier__section .jobOfferTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .jobOfferTable .jobOfferTable__head,
.modalCarrier__section .jobOfferTable .scheduleTable__head,
.modalCarrier__section .jobOfferTable .searchResultTable__head,
.modalCarrier__section .jobOfferTable .seminarTable__head,
.modalCarrier__section .jobOfferTable .serviceTable__head,
.modalCarrier__section .jobOfferTable .serviceTable__head--low,
.modalCarrier__section .jobOfferTable .settingTable__head,
.modalCarrier__section .jobOfferTable .settingTable__head--low,
.modalCarrier__section .scheduleTable .conditionsTable__head,
.modalCarrier__section .scheduleTable .formTable__head,
.modalCarrier__section .scheduleTable .formTable__head--low,
.modalCarrier__section .scheduleTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .scheduleTable .jobOfferTable__head,
.modalCarrier__section .scheduleTable .scheduleTable__head,
.modalCarrier__section .scheduleTable .searchResultTable__head,
.modalCarrier__section .scheduleTable .seminarTable__head,
.modalCarrier__section .scheduleTable .serviceTable__head,
.modalCarrier__section .scheduleTable .serviceTable__head--low,
.modalCarrier__section .scheduleTable .settingTable__head,
.modalCarrier__section .scheduleTable .settingTable__head--low,
.modalCarrier__section .searchResultTable .conditionsTable__head,
.modalCarrier__section .searchResultTable .formTable__head,
.modalCarrier__section .searchResultTable .formTable__head--low,
.modalCarrier__section .searchResultTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .searchResultTable .jobOfferTable__head,
.modalCarrier__section .searchResultTable .scheduleTable__head,
.modalCarrier__section .searchResultTable .searchResultTable__head,
.modalCarrier__section .searchResultTable .seminarTable__head,
.modalCarrier__section .searchResultTable .serviceTable__head,
.modalCarrier__section .searchResultTable .serviceTable__head--low,
.modalCarrier__section .searchResultTable .settingTable__head,
.modalCarrier__section .searchResultTable .settingTable__head--low,
.modalCarrier__section .seminarTable .conditionsTable__head,
.modalCarrier__section .seminarTable .formTable__head,
.modalCarrier__section .seminarTable .formTable__head--low,
.modalCarrier__section .seminarTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .seminarTable .jobOfferTable__head,
.modalCarrier__section .seminarTable .scheduleTable__head,
.modalCarrier__section .seminarTable .searchResultTable__head,
.modalCarrier__section .seminarTable .seminarTable__head,
.modalCarrier__section .seminarTable .serviceTable__head,
.modalCarrier__section .seminarTable .serviceTable__head--low,
.modalCarrier__section .seminarTable .settingTable__head,
.modalCarrier__section .seminarTable .settingTable__head--low,
.modalCarrier__section .serviceTable .conditionsTable__head,
.modalCarrier__section .serviceTable .formTable__head,
.modalCarrier__section .serviceTable .formTable__head--low,
.modalCarrier__section .serviceTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .serviceTable .jobOfferTable__head,
.modalCarrier__section .serviceTable .scheduleTable__head,
.modalCarrier__section .serviceTable .searchResultTable__head,
.modalCarrier__section .serviceTable .seminarTable__head,
.modalCarrier__section .serviceTable .serviceTable__head,
.modalCarrier__section .serviceTable .serviceTable__head--low,
.modalCarrier__section .serviceTable .settingTable__head,
.modalCarrier__section .serviceTable .settingTable__head--low,
.modalCarrier__section .settingTable .conditionsTable__head,
.modalCarrier__section .settingTable .formTable__head,
.modalCarrier__section .settingTable .formTable__head--low,
.modalCarrier__section .settingTable .interviewApplicationDatetimeConfirmTable__head--low,
.modalCarrier__section .settingTable .jobOfferTable__head,
.modalCarrier__section .settingTable .scheduleTable__head,
.modalCarrier__section .settingTable .searchResultTable__head,
.modalCarrier__section .settingTable .seminarTable__head,
.modalCarrier__section .settingTable .serviceTable__head,
.modalCarrier__section .settingTable .serviceTable__head--low,
.modalCarrier__section .settingTable .settingTable__head,
.modalCarrier__section .settingTable .settingTable__head--low {
  padding: 10px 0 10px 16px;
  width: auto;
}

.modalCarrier__section .conditionsTable .conditionsTable__head span,
.modalCarrier__section .conditionsTable .formTable__head span,
.modalCarrier__section .conditionsTable .formTable__head--low span,
.modalCarrier__section .conditionsTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .conditionsTable .jobOfferTable__head span,
.modalCarrier__section .conditionsTable .scheduleTable__head span,
.modalCarrier__section .conditionsTable .searchResultTable__head span,
.modalCarrier__section .conditionsTable .seminarTable__head span,
.modalCarrier__section .conditionsTable .serviceTable__head span,
.modalCarrier__section .conditionsTable .serviceTable__head--low span,
.modalCarrier__section .conditionsTable .settingTable__head span,
.modalCarrier__section .conditionsTable .settingTable__head--low span,
.modalCarrier__section .formTable .conditionsTable__head span,
.modalCarrier__section .formTable .formTable__head span,
.modalCarrier__section .formTable .formTable__head--low span,
.modalCarrier__section .formTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .formTable .jobOfferTable__head span,
.modalCarrier__section .formTable .scheduleTable__head span,
.modalCarrier__section .formTable .searchResultTable__head span,
.modalCarrier__section .formTable .seminarTable__head span,
.modalCarrier__section .formTable .serviceTable__head span,
.modalCarrier__section .formTable .serviceTable__head--low span,
.modalCarrier__section .formTable .settingTable__head span,
.modalCarrier__section .formTable .settingTable__head--low span,
.modalCarrier__section .jobOfferTable .conditionsTable__head span,
.modalCarrier__section .jobOfferTable .formTable__head span,
.modalCarrier__section .jobOfferTable .formTable__head--low span,
.modalCarrier__section .jobOfferTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .jobOfferTable .jobOfferTable__head span,
.modalCarrier__section .jobOfferTable .scheduleTable__head span,
.modalCarrier__section .jobOfferTable .searchResultTable__head span,
.modalCarrier__section .jobOfferTable .seminarTable__head span,
.modalCarrier__section .jobOfferTable .serviceTable__head span,
.modalCarrier__section .jobOfferTable .serviceTable__head--low span,
.modalCarrier__section .jobOfferTable .settingTable__head span,
.modalCarrier__section .jobOfferTable .settingTable__head--low span,
.modalCarrier__section .scheduleTable .conditionsTable__head span,
.modalCarrier__section .scheduleTable .formTable__head span,
.modalCarrier__section .scheduleTable .formTable__head--low span,
.modalCarrier__section .scheduleTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .scheduleTable .jobOfferTable__head span,
.modalCarrier__section .scheduleTable .scheduleTable__head span,
.modalCarrier__section .scheduleTable .searchResultTable__head span,
.modalCarrier__section .scheduleTable .seminarTable__head span,
.modalCarrier__section .scheduleTable .serviceTable__head span,
.modalCarrier__section .scheduleTable .serviceTable__head--low span,
.modalCarrier__section .scheduleTable .settingTable__head span,
.modalCarrier__section .scheduleTable .settingTable__head--low span,
.modalCarrier__section .searchResultTable .conditionsTable__head span,
.modalCarrier__section .searchResultTable .formTable__head span,
.modalCarrier__section .searchResultTable .formTable__head--low span,
.modalCarrier__section .searchResultTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .searchResultTable .jobOfferTable__head span,
.modalCarrier__section .searchResultTable .scheduleTable__head span,
.modalCarrier__section .searchResultTable .searchResultTable__head span,
.modalCarrier__section .searchResultTable .seminarTable__head span,
.modalCarrier__section .searchResultTable .serviceTable__head span,
.modalCarrier__section .searchResultTable .serviceTable__head--low span,
.modalCarrier__section .searchResultTable .settingTable__head span,
.modalCarrier__section .searchResultTable .settingTable__head--low span,
.modalCarrier__section .seminarTable .conditionsTable__head span,
.modalCarrier__section .seminarTable .formTable__head span,
.modalCarrier__section .seminarTable .formTable__head--low span,
.modalCarrier__section .seminarTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .seminarTable .jobOfferTable__head span,
.modalCarrier__section .seminarTable .scheduleTable__head span,
.modalCarrier__section .seminarTable .searchResultTable__head span,
.modalCarrier__section .seminarTable .seminarTable__head span,
.modalCarrier__section .seminarTable .serviceTable__head span,
.modalCarrier__section .seminarTable .serviceTable__head--low span,
.modalCarrier__section .seminarTable .settingTable__head span,
.modalCarrier__section .seminarTable .settingTable__head--low span,
.modalCarrier__section .serviceTable .conditionsTable__head span,
.modalCarrier__section .serviceTable .formTable__head span,
.modalCarrier__section .serviceTable .formTable__head--low span,
.modalCarrier__section .serviceTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .serviceTable .jobOfferTable__head span,
.modalCarrier__section .serviceTable .scheduleTable__head span,
.modalCarrier__section .serviceTable .searchResultTable__head span,
.modalCarrier__section .serviceTable .seminarTable__head span,
.modalCarrier__section .serviceTable .serviceTable__head span,
.modalCarrier__section .serviceTable .serviceTable__head--low span,
.modalCarrier__section .serviceTable .settingTable__head span,
.modalCarrier__section .serviceTable .settingTable__head--low span,
.modalCarrier__section .settingTable .conditionsTable__head span,
.modalCarrier__section .settingTable .formTable__head span,
.modalCarrier__section .settingTable .formTable__head--low span,
.modalCarrier__section .settingTable .interviewApplicationDatetimeConfirmTable__head--low span,
.modalCarrier__section .settingTable .jobOfferTable__head span,
.modalCarrier__section .settingTable .scheduleTable__head span,
.modalCarrier__section .settingTable .searchResultTable__head span,
.modalCarrier__section .settingTable .seminarTable__head span,
.modalCarrier__section .settingTable .serviceTable__head span,
.modalCarrier__section .settingTable .serviceTable__head--low span,
.modalCarrier__section .settingTable .settingTable__head span,
.modalCarrier__section .settingTable .settingTable__head--low span {
  font-size: 1.1rem;
  margin-left: 16px;
  margin-right: 16px;
}

.modalCarrier__section .conditionsTable .conditionsTable__body,
.modalCarrier__section .conditionsTable .formTable__body,
.modalCarrier__section .conditionsTable .jobOfferTable__body,
.modalCarrier__section .conditionsTable .scheduleTable__body,
.modalCarrier__section .conditionsTable .searchResultTable__body,
.modalCarrier__section .conditionsTable .seminarTable__body,
.modalCarrier__section .conditionsTable .serviceTable__body,
.modalCarrier__section .conditionsTable .settingTable__body,
.modalCarrier__section .formTable .conditionsTable__body,
.modalCarrier__section .formTable .formTable__body,
.modalCarrier__section .formTable .jobOfferTable__body,
.modalCarrier__section .formTable .scheduleTable__body,
.modalCarrier__section .formTable .searchResultTable__body,
.modalCarrier__section .formTable .seminarTable__body,
.modalCarrier__section .formTable .serviceTable__body,
.modalCarrier__section .formTable .settingTable__body,
.modalCarrier__section .jobOfferTable .conditionsTable__body,
.modalCarrier__section .jobOfferTable .formTable__body,
.modalCarrier__section .jobOfferTable .jobOfferTable__body,
.modalCarrier__section .jobOfferTable .scheduleTable__body,
.modalCarrier__section .jobOfferTable .searchResultTable__body,
.modalCarrier__section .jobOfferTable .seminarTable__body,
.modalCarrier__section .jobOfferTable .serviceTable__body,
.modalCarrier__section .jobOfferTable .settingTable__body,
.modalCarrier__section .scheduleTable .conditionsTable__body,
.modalCarrier__section .scheduleTable .formTable__body,
.modalCarrier__section .scheduleTable .jobOfferTable__body,
.modalCarrier__section .scheduleTable .scheduleTable__body,
.modalCarrier__section .scheduleTable .searchResultTable__body,
.modalCarrier__section .scheduleTable .seminarTable__body,
.modalCarrier__section .scheduleTable .serviceTable__body,
.modalCarrier__section .scheduleTable .settingTable__body,
.modalCarrier__section .searchResultTable .conditionsTable__body,
.modalCarrier__section .searchResultTable .formTable__body,
.modalCarrier__section .searchResultTable .jobOfferTable__body,
.modalCarrier__section .searchResultTable .scheduleTable__body,
.modalCarrier__section .searchResultTable .searchResultTable__body,
.modalCarrier__section .searchResultTable .seminarTable__body,
.modalCarrier__section .searchResultTable .serviceTable__body,
.modalCarrier__section .searchResultTable .settingTable__body,
.modalCarrier__section .seminarTable .conditionsTable__body,
.modalCarrier__section .seminarTable .formTable__body,
.modalCarrier__section .seminarTable .jobOfferTable__body,
.modalCarrier__section .seminarTable .scheduleTable__body,
.modalCarrier__section .seminarTable .searchResultTable__body,
.modalCarrier__section .seminarTable .seminarTable__body,
.modalCarrier__section .seminarTable .serviceTable__body,
.modalCarrier__section .seminarTable .settingTable__body,
.modalCarrier__section .serviceTable .conditionsTable__body,
.modalCarrier__section .serviceTable .formTable__body,
.modalCarrier__section .serviceTable .jobOfferTable__body,
.modalCarrier__section .serviceTable .scheduleTable__body,
.modalCarrier__section .serviceTable .searchResultTable__body,
.modalCarrier__section .serviceTable .seminarTable__body,
.modalCarrier__section .serviceTable .serviceTable__body,
.modalCarrier__section .serviceTable .settingTable__body,
.modalCarrier__section .settingTable .conditionsTable__body,
.modalCarrier__section .settingTable .formTable__body,
.modalCarrier__section .settingTable .jobOfferTable__body,
.modalCarrier__section .settingTable .scheduleTable__body,
.modalCarrier__section .settingTable .searchResultTable__body,
.modalCarrier__section .settingTable .seminarTable__body,
.modalCarrier__section .settingTable .serviceTable__body,
.modalCarrier__section .settingTable .settingTable__body {
  padding-left: 20px;
}

.modalCarrier__section .conditionsTable .conditionsTable__body:first-child,
.modalCarrier__section .conditionsTable .conditionsTable__head:first-child,
.modalCarrier__section .conditionsTable .formTable__body:first-child,
.modalCarrier__section .conditionsTable .formTable__head--low:first-child,
.modalCarrier__section .conditionsTable .formTable__head:first-child,
.modalCarrier__section .conditionsTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .conditionsTable .jobOfferTable__body:first-child,
.modalCarrier__section .conditionsTable .jobOfferTable__head:first-child,
.modalCarrier__section .conditionsTable .scheduleTable__body:first-child,
.modalCarrier__section .conditionsTable .scheduleTable__head:first-child,
.modalCarrier__section .conditionsTable .searchResultTable__body:first-child,
.modalCarrier__section .conditionsTable .searchResultTable__head:first-child,
.modalCarrier__section .conditionsTable .seminarTable__body:first-child,
.modalCarrier__section .conditionsTable .seminarTable__head:first-child,
.modalCarrier__section .conditionsTable .serviceTable__body:first-child,
.modalCarrier__section .conditionsTable .serviceTable__head--low:first-child,
.modalCarrier__section .conditionsTable .serviceTable__head:first-child,
.modalCarrier__section .conditionsTable .settingTable__body:first-child,
.modalCarrier__section .conditionsTable .settingTable__head--low:first-child,
.modalCarrier__section .conditionsTable .settingTable__head:first-child,
.modalCarrier__section .formTable .conditionsTable__body:first-child,
.modalCarrier__section .formTable .conditionsTable__head:first-child,
.modalCarrier__section .formTable .formTable__body:first-child,
.modalCarrier__section .formTable .formTable__head--low:first-child,
.modalCarrier__section .formTable .formTable__head:first-child,
.modalCarrier__section .formTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .formTable .jobOfferTable__body:first-child,
.modalCarrier__section .formTable .jobOfferTable__head:first-child,
.modalCarrier__section .formTable .scheduleTable__body:first-child,
.modalCarrier__section .formTable .scheduleTable__head:first-child,
.modalCarrier__section .formTable .searchResultTable__body:first-child,
.modalCarrier__section .formTable .searchResultTable__head:first-child,
.modalCarrier__section .formTable .seminarTable__body:first-child,
.modalCarrier__section .formTable .seminarTable__head:first-child,
.modalCarrier__section .formTable .serviceTable__body:first-child,
.modalCarrier__section .formTable .serviceTable__head--low:first-child,
.modalCarrier__section .formTable .serviceTable__head:first-child,
.modalCarrier__section .formTable .settingTable__body:first-child,
.modalCarrier__section .formTable .settingTable__head--low:first-child,
.modalCarrier__section .formTable .settingTable__head:first-child,
.modalCarrier__section .jobOfferTable .conditionsTable__body:first-child,
.modalCarrier__section .jobOfferTable .conditionsTable__head:first-child,
.modalCarrier__section .jobOfferTable .formTable__body:first-child,
.modalCarrier__section .jobOfferTable .formTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .formTable__head:first-child,
.modalCarrier__section .jobOfferTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .jobOfferTable__body:first-child,
.modalCarrier__section .jobOfferTable .jobOfferTable__head:first-child,
.modalCarrier__section .jobOfferTable .scheduleTable__body:first-child,
.modalCarrier__section .jobOfferTable .scheduleTable__head:first-child,
.modalCarrier__section .jobOfferTable .searchResultTable__body:first-child,
.modalCarrier__section .jobOfferTable .searchResultTable__head:first-child,
.modalCarrier__section .jobOfferTable .seminarTable__body:first-child,
.modalCarrier__section .jobOfferTable .seminarTable__head:first-child,
.modalCarrier__section .jobOfferTable .serviceTable__body:first-child,
.modalCarrier__section .jobOfferTable .serviceTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .serviceTable__head:first-child,
.modalCarrier__section .jobOfferTable .settingTable__body:first-child,
.modalCarrier__section .jobOfferTable .settingTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .settingTable__head:first-child,
.modalCarrier__section .scheduleTable .conditionsTable__body:first-child,
.modalCarrier__section .scheduleTable .conditionsTable__head:first-child,
.modalCarrier__section .scheduleTable .formTable__body:first-child,
.modalCarrier__section .scheduleTable .formTable__head--low:first-child,
.modalCarrier__section .scheduleTable .formTable__head:first-child,
.modalCarrier__section .scheduleTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .scheduleTable .jobOfferTable__body:first-child,
.modalCarrier__section .scheduleTable .jobOfferTable__head:first-child,
.modalCarrier__section .scheduleTable .scheduleTable__body:first-child,
.modalCarrier__section .scheduleTable .scheduleTable__head:first-child,
.modalCarrier__section .scheduleTable .searchResultTable__body:first-child,
.modalCarrier__section .scheduleTable .searchResultTable__head:first-child,
.modalCarrier__section .scheduleTable .seminarTable__body:first-child,
.modalCarrier__section .scheduleTable .seminarTable__head:first-child,
.modalCarrier__section .scheduleTable .serviceTable__body:first-child,
.modalCarrier__section .scheduleTable .serviceTable__head--low:first-child,
.modalCarrier__section .scheduleTable .serviceTable__head:first-child,
.modalCarrier__section .scheduleTable .settingTable__body:first-child,
.modalCarrier__section .scheduleTable .settingTable__head--low:first-child,
.modalCarrier__section .scheduleTable .settingTable__head:first-child,
.modalCarrier__section .searchResultTable .conditionsTable__body:first-child,
.modalCarrier__section .searchResultTable .conditionsTable__head:first-child,
.modalCarrier__section .searchResultTable .formTable__body:first-child,
.modalCarrier__section .searchResultTable .formTable__head--low:first-child,
.modalCarrier__section .searchResultTable .formTable__head:first-child,
.modalCarrier__section .searchResultTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .searchResultTable .jobOfferTable__body:first-child,
.modalCarrier__section .searchResultTable .jobOfferTable__head:first-child,
.modalCarrier__section .searchResultTable .scheduleTable__body:first-child,
.modalCarrier__section .searchResultTable .scheduleTable__head:first-child,
.modalCarrier__section .searchResultTable .searchResultTable__body:first-child,
.modalCarrier__section .searchResultTable .searchResultTable__head:first-child,
.modalCarrier__section .searchResultTable .seminarTable__body:first-child,
.modalCarrier__section .searchResultTable .seminarTable__head:first-child,
.modalCarrier__section .searchResultTable .serviceTable__body:first-child,
.modalCarrier__section .searchResultTable .serviceTable__head--low:first-child,
.modalCarrier__section .searchResultTable .serviceTable__head:first-child,
.modalCarrier__section .searchResultTable .settingTable__body:first-child,
.modalCarrier__section .searchResultTable .settingTable__head--low:first-child,
.modalCarrier__section .searchResultTable .settingTable__head:first-child,
.modalCarrier__section .seminarTable .conditionsTable__body:first-child,
.modalCarrier__section .seminarTable .conditionsTable__head:first-child,
.modalCarrier__section .seminarTable .formTable__body:first-child,
.modalCarrier__section .seminarTable .formTable__head--low:first-child,
.modalCarrier__section .seminarTable .formTable__head:first-child,
.modalCarrier__section .seminarTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .seminarTable .jobOfferTable__body:first-child,
.modalCarrier__section .seminarTable .jobOfferTable__head:first-child,
.modalCarrier__section .seminarTable .scheduleTable__body:first-child,
.modalCarrier__section .seminarTable .scheduleTable__head:first-child,
.modalCarrier__section .seminarTable .searchResultTable__body:first-child,
.modalCarrier__section .seminarTable .searchResultTable__head:first-child,
.modalCarrier__section .seminarTable .seminarTable__body:first-child,
.modalCarrier__section .seminarTable .seminarTable__head:first-child,
.modalCarrier__section .seminarTable .serviceTable__body:first-child,
.modalCarrier__section .seminarTable .serviceTable__head--low:first-child,
.modalCarrier__section .seminarTable .serviceTable__head:first-child,
.modalCarrier__section .seminarTable .settingTable__body:first-child,
.modalCarrier__section .seminarTable .settingTable__head--low:first-child,
.modalCarrier__section .seminarTable .settingTable__head:first-child,
.modalCarrier__section .serviceTable .conditionsTable__body:first-child,
.modalCarrier__section .serviceTable .conditionsTable__head:first-child,
.modalCarrier__section .serviceTable .formTable__body:first-child,
.modalCarrier__section .serviceTable .formTable__head--low:first-child,
.modalCarrier__section .serviceTable .formTable__head:first-child,
.modalCarrier__section .serviceTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .serviceTable .jobOfferTable__body:first-child,
.modalCarrier__section .serviceTable .jobOfferTable__head:first-child,
.modalCarrier__section .serviceTable .scheduleTable__body:first-child,
.modalCarrier__section .serviceTable .scheduleTable__head:first-child,
.modalCarrier__section .serviceTable .searchResultTable__body:first-child,
.modalCarrier__section .serviceTable .searchResultTable__head:first-child,
.modalCarrier__section .serviceTable .seminarTable__body:first-child,
.modalCarrier__section .serviceTable .seminarTable__head:first-child,
.modalCarrier__section .serviceTable .serviceTable__body:first-child,
.modalCarrier__section .serviceTable .serviceTable__head--low:first-child,
.modalCarrier__section .serviceTable .serviceTable__head:first-child,
.modalCarrier__section .serviceTable .settingTable__body:first-child,
.modalCarrier__section .serviceTable .settingTable__head--low:first-child,
.modalCarrier__section .serviceTable .settingTable__head:first-child,
.modalCarrier__section .settingTable .conditionsTable__body:first-child,
.modalCarrier__section .settingTable .conditionsTable__head:first-child,
.modalCarrier__section .settingTable .formTable__body:first-child,
.modalCarrier__section .settingTable .formTable__head--low:first-child,
.modalCarrier__section .settingTable .formTable__head:first-child,
.modalCarrier__section .settingTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .settingTable .jobOfferTable__body:first-child,
.modalCarrier__section .settingTable .jobOfferTable__head:first-child,
.modalCarrier__section .settingTable .scheduleTable__body:first-child,
.modalCarrier__section .settingTable .scheduleTable__head:first-child,
.modalCarrier__section .settingTable .searchResultTable__body:first-child,
.modalCarrier__section .settingTable .searchResultTable__head:first-child,
.modalCarrier__section .settingTable .seminarTable__body:first-child,
.modalCarrier__section .settingTable .seminarTable__head:first-child,
.modalCarrier__section .settingTable .serviceTable__body:first-child,
.modalCarrier__section .settingTable .serviceTable__head--low:first-child,
.modalCarrier__section .settingTable .serviceTable__head:first-child,
.modalCarrier__section .settingTable .settingTable__body:first-child,
.modalCarrier__section .settingTable .settingTable__head--low:first-child,
.modalCarrier__section .settingTable .settingTable__head:first-child {
  border-right: 1px solid #ddd;
}

.modalCarrier__section .conditionsTable .conditionsTable__head:first-child,
.modalCarrier__section .conditionsTable .formTable__head--low:first-child,
.modalCarrier__section .conditionsTable .formTable__head:first-child,
.modalCarrier__section .conditionsTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .conditionsTable .jobOfferTable__head:first-child,
.modalCarrier__section .conditionsTable .scheduleTable__head:first-child,
.modalCarrier__section .conditionsTable .searchResultTable__head:first-child,
.modalCarrier__section .conditionsTable .seminarTable__head:first-child,
.modalCarrier__section .conditionsTable .serviceTable__head--low:first-child,
.modalCarrier__section .conditionsTable .serviceTable__head:first-child,
.modalCarrier__section .conditionsTable .settingTable__head--low:first-child,
.modalCarrier__section .conditionsTable .settingTable__head:first-child,
.modalCarrier__section .formTable .conditionsTable__head:first-child,
.modalCarrier__section .formTable .formTable__head--low:first-child,
.modalCarrier__section .formTable .formTable__head:first-child,
.modalCarrier__section .formTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .formTable .jobOfferTable__head:first-child,
.modalCarrier__section .formTable .scheduleTable__head:first-child,
.modalCarrier__section .formTable .searchResultTable__head:first-child,
.modalCarrier__section .formTable .seminarTable__head:first-child,
.modalCarrier__section .formTable .serviceTable__head--low:first-child,
.modalCarrier__section .formTable .serviceTable__head:first-child,
.modalCarrier__section .formTable .settingTable__head--low:first-child,
.modalCarrier__section .formTable .settingTable__head:first-child,
.modalCarrier__section .jobOfferTable .conditionsTable__head:first-child,
.modalCarrier__section .jobOfferTable .formTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .formTable__head:first-child,
.modalCarrier__section .jobOfferTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .jobOfferTable__head:first-child,
.modalCarrier__section .jobOfferTable .scheduleTable__head:first-child,
.modalCarrier__section .jobOfferTable .searchResultTable__head:first-child,
.modalCarrier__section .jobOfferTable .seminarTable__head:first-child,
.modalCarrier__section .jobOfferTable .serviceTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .serviceTable__head:first-child,
.modalCarrier__section .jobOfferTable .settingTable__head--low:first-child,
.modalCarrier__section .jobOfferTable .settingTable__head:first-child,
.modalCarrier__section .scheduleTable .conditionsTable__head:first-child,
.modalCarrier__section .scheduleTable .formTable__head--low:first-child,
.modalCarrier__section .scheduleTable .formTable__head:first-child,
.modalCarrier__section .scheduleTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .scheduleTable .jobOfferTable__head:first-child,
.modalCarrier__section .scheduleTable .scheduleTable__head:first-child,
.modalCarrier__section .scheduleTable .searchResultTable__head:first-child,
.modalCarrier__section .scheduleTable .seminarTable__head:first-child,
.modalCarrier__section .scheduleTable .serviceTable__head--low:first-child,
.modalCarrier__section .scheduleTable .serviceTable__head:first-child,
.modalCarrier__section .scheduleTable .settingTable__head--low:first-child,
.modalCarrier__section .scheduleTable .settingTable__head:first-child,
.modalCarrier__section .searchResultTable .conditionsTable__head:first-child,
.modalCarrier__section .searchResultTable .formTable__head--low:first-child,
.modalCarrier__section .searchResultTable .formTable__head:first-child,
.modalCarrier__section .searchResultTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .searchResultTable .jobOfferTable__head:first-child,
.modalCarrier__section .searchResultTable .scheduleTable__head:first-child,
.modalCarrier__section .searchResultTable .searchResultTable__head:first-child,
.modalCarrier__section .searchResultTable .seminarTable__head:first-child,
.modalCarrier__section .searchResultTable .serviceTable__head--low:first-child,
.modalCarrier__section .searchResultTable .serviceTable__head:first-child,
.modalCarrier__section .searchResultTable .settingTable__head--low:first-child,
.modalCarrier__section .searchResultTable .settingTable__head:first-child,
.modalCarrier__section .seminarTable .conditionsTable__head:first-child,
.modalCarrier__section .seminarTable .formTable__head--low:first-child,
.modalCarrier__section .seminarTable .formTable__head:first-child,
.modalCarrier__section .seminarTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .seminarTable .jobOfferTable__head:first-child,
.modalCarrier__section .seminarTable .scheduleTable__head:first-child,
.modalCarrier__section .seminarTable .searchResultTable__head:first-child,
.modalCarrier__section .seminarTable .seminarTable__head:first-child,
.modalCarrier__section .seminarTable .serviceTable__head--low:first-child,
.modalCarrier__section .seminarTable .serviceTable__head:first-child,
.modalCarrier__section .seminarTable .settingTable__head--low:first-child,
.modalCarrier__section .seminarTable .settingTable__head:first-child,
.modalCarrier__section .serviceTable .conditionsTable__head:first-child,
.modalCarrier__section .serviceTable .formTable__head--low:first-child,
.modalCarrier__section .serviceTable .formTable__head:first-child,
.modalCarrier__section .serviceTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .serviceTable .jobOfferTable__head:first-child,
.modalCarrier__section .serviceTable .scheduleTable__head:first-child,
.modalCarrier__section .serviceTable .searchResultTable__head:first-child,
.modalCarrier__section .serviceTable .seminarTable__head:first-child,
.modalCarrier__section .serviceTable .serviceTable__head--low:first-child,
.modalCarrier__section .serviceTable .serviceTable__head:first-child,
.modalCarrier__section .serviceTable .settingTable__head--low:first-child,
.modalCarrier__section .serviceTable .settingTable__head:first-child,
.modalCarrier__section .settingTable .conditionsTable__head:first-child,
.modalCarrier__section .settingTable .formTable__head--low:first-child,
.modalCarrier__section .settingTable .formTable__head:first-child,
.modalCarrier__section .settingTable .interviewApplicationDatetimeConfirmTable__head--low:first-child,
.modalCarrier__section .settingTable .jobOfferTable__head:first-child,
.modalCarrier__section .settingTable .scheduleTable__head:first-child,
.modalCarrier__section .settingTable .searchResultTable__head:first-child,
.modalCarrier__section .settingTable .seminarTable__head:first-child,
.modalCarrier__section .settingTable .serviceTable__head--low:first-child,
.modalCarrier__section .settingTable .serviceTable__head:first-child,
.modalCarrier__section .settingTable .settingTable__head--low:first-child,
.modalCarrier__section .settingTable .settingTable__head:first-child {
  width: 355px;
}

.modalMySeacrch {
  text-align: center;
}

.modalMySeacrch .selectS,
.modalMySeacrch .selectS--disabled,
.modalMySeacrch .selectS--error,
.modalMySeacrch .selectSS--disabled {
  font-size: 1.2rem;
  text-align: left;
  width: 300px;
}

.modalMySeacrch .select--error__text--placeholder,
.modalMySeacrch .select__text--placeholder {
  color: #555;
}

.modalPremium {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 20px 0 30px;
  background: #fff;
}

.modalPremium .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalPremium--small {
  width: 475px;
}

.modalPremium__text {
  margin-top: 20px;
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77;
  text-align: center;
}

.modalPremium .btnBox [class*=btn],
.modalPremium .snsBtnBox [class*=btn] {
  width: 30%;
}

.modalPremium .linkList {
  text-align: center;
  padding-top: 4px;
  margin-bottom: 16px;
}

.modalPremium .linkArrow {
  font-size: 1.2rem;
}

.modalInterview {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 20px 0 30px;
  background: #fff;
}

.modalInterview .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalInterview--small {
  width: 475px;
}

.modalInterview__text {
  margin-top: 20px;
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77;
  text-align: center;
}

.modalInterview .btnBox [class*=btn],
.modalInterview .snsBtnBox [class*=btn] {
  width: 30%;
}

.modalInterview .linkList {
  text-align: center;
  padding-top: 4px;
  margin-bottom: 16px;
}

.modalInterview .linkArrow {
  font-size: 1.2rem;
}

.modalInterview__heading {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 15px 15px;
  color: #00aaeb;
  text-align: left;
}

.modalInterview__border {
  border: 1px solid #00aaeb;
}

.modalInterview__caption {
  text-align: center;
  font-size: 1.6rem;
  padding: 15px;
  font-weight: 700;
}

.modalInterview__datetime {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 10px;
}

.modalInterview__annotation {
  text-align: center;
  font-size: 1.2rem;
  color: #acacac;
}

.modalSearch {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 30px 0 10px;
  background: #fff;
}

.modalSearch .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalSearch--small {
  width: 475px;
}

.modalSearch__text {
  color: red;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77;
  text-align: center;
}

.modalSearch__icon {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
  height: 49px;
  width: 49px;
}

.modalSearch__icon::before {
  background: url(../img/common/iconAttentionInfo.png) 0 0 no-repeat;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 49px;
  width: 49px;
}

.modalInterviewApplicationDatetime {
  display: none;
  position: absolute;
  z-index: 101;
  width: 950px;
  padding: 30px 0 10px;
  background: #fff;
}

.modalInterviewApplicationDatetime .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.modalInterviewApplicationDatetime--small {
  width: 475px;
}

.modalInterviewApplicationDatetime__text {
  color: #00aaeb;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.77;
  text-align: center;
}

.toggleAccordion__content {
  display: none;
  line-height: 1.42;
}

.toggleAccordion__trigger {
  padding-left: 10px;
  font-size: 1.2rem;
  background: url(../img/common/arrowDown.png) 0 center no-repeat;
}

.toggleAccordion--open__content {
  display: block;
  height: auto;
  line-height: 1.42;
}

.toggleAccordion--open__trigger {
  display: none;
  padding-left: 10px;
  font-size: 1.2rem;
  background: url(../img/common/arrowUp.png) 0 center no-repeat;
}

.resumeGraph--0 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph0.gif) 0 0 no-repeat;
}

.resumeGraph--5 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph5.gif) 0 0 no-repeat;
}

.resumeGraph--15 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph15.gif) 0 0 no-repeat;
}

.resumeGraph--25 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph25.gif) 0 0 no-repeat;
}

.resumeGraph--35 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph35.gif) 0 0 no-repeat;
}

.resumeGraph--45 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph45.gif) 0 0 no-repeat;
}

.resumeGraph--55 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph55.gif) 0 0 no-repeat;
}

.resumeGraph--65 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph65.gif) 0 0 no-repeat;
}

.resumeGraph--75 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph75.gif) 0 0 no-repeat;
}

.resumeGraph--85 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph85.gif) 0 0 no-repeat;
}

.resumeGraph--95 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph95.gif) 0 0 no-repeat;
}

.resumeGraph--100 {
  position: relative;
  z-index: 1;
  width: 184px;
  height: 184px;
  margin: 0 auto 30px;
  background: url(../img/common/graph100.gif) 0 0 no-repeat;
}

.resumetxt {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 80px;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.resumetxt span {
  font-size: 1.3rem;
  line-height: 1.5384;
}

.resumetxt strong {
  display: block;
  margin-top: 8px;
  font-size: 3rem;
  color: red;
}

.tooltip {
  position: relative;
  z-index: 1;
  width: 326px;
  line-height: 1.7;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
}

.tooltip::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 30px;
  top: -39px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 20px 7px;
  border-bottom-color: #e0eff5;
}

.tooltip::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 29px;
  top: -40px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 20px 8px;
  border-bottom-color: rgba(0,0,0,.1);
}

.tooltip__content {
  position: relative;
  z-index: 2;
  padding: 20px;
  background-color: #e0eff5;
}

.tooltip__title {
  margin-bottom: 15px;
  color: #000;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.15;
}

.tooltip__text {
  font-size: 1.2rem;
}

.gather {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.gather::after {
  content: "";
  display: block;
  width: 72px;
  height: 29px;
  margin: 0 auto 24px;
  background: url(../img/common/arrowDownGray.png) left top no-repeat;
}

.loading {
  display: none;
  padding: 276px 0;
  text-align: center;
}

.nowLoading {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.5);
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0 0 0 5px;
  padding: 0 30px;
  top: -5px;
  background-color: transparent;
}

.nowLoading>* {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 2px;
  height: 15px;
  opacity: .5;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}

.nowLoading>::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 27%;
  left: 0;
  width: 2px;
  height: 27%;
  background-color: #4d4d4d;
}

.nowLoading>:nth-child(1) {
  -webkit-transform: translate(-50%) rotateZ(0);
  -ms-transform: translate(-50%) rotate(0);
  transform: translate(-50%) rotateZ(0);
  -webkit-animation: switchLoading 2s infinite 0s linear;
  animation: switchLoading 2s infinite 0s linear;
}

.nowLoading>:nth-child(2) {
  -webkit-transform: translate(-50%) rotateZ(30deg);
  -ms-transform: translate(-50%) rotate(30deg);
  transform: translate(-50%) rotateZ(30deg);
  -webkit-animation: switchLoading 2s infinite 181ms linear;
  animation: switchLoading 2s infinite 181ms linear;
}

.nowLoading>:nth-child(3) {
  -webkit-transform: translate(-50%) rotateZ(60deg);
  -ms-transform: translate(-50%) rotate(60deg);
  transform: translate(-50%) rotateZ(60deg);
  -webkit-animation: switchLoading 2s infinite 362ms linear;
  animation: switchLoading 2s infinite 362ms linear;
}

.nowLoading>:nth-child(4) {
  -webkit-transform: translate(-50%) rotateZ(90deg);
  -ms-transform: translate(-50%) rotate(90deg);
  transform: translate(-50%) rotateZ(90deg);
  -webkit-animation: switchLoading 2s infinite 543ms linear;
  animation: switchLoading 2s infinite 543ms linear;
}

.nowLoading>:nth-child(5) {
  -webkit-transform: translate(-50%) rotateZ(120deg);
  -ms-transform: translate(-50%) rotate(120deg);
  transform: translate(-50%) rotateZ(120deg);
  -webkit-animation: switchLoading 2s infinite 724ms linear;
  animation: switchLoading 2s infinite 724ms linear;
}

.nowLoading>:nth-child(6) {
  -webkit-transform: translate(-50%) rotateZ(150deg);
  -ms-transform: translate(-50%) rotate(150deg);
  transform: translate(-50%) rotateZ(150deg);
  -webkit-animation: switchLoading 2s infinite 905ms linear;
  animation: switchLoading 2s infinite 905ms linear;
}

.nowLoading>:nth-child(7) {
  -webkit-transform: translate(-50%) rotateZ(180deg);
  -ms-transform: translate(-50%) rotate(180deg);
  transform: translate(-50%) rotateZ(180deg);
  -webkit-animation: switchLoading 2s infinite 1.086s linear;
  animation: switchLoading 2s infinite 1.086s linear;
}

.nowLoading>:nth-child(8) {
  -webkit-transform: translate(-50%) rotateZ(210deg);
  -ms-transform: translate(-50%) rotate(210deg);
  transform: translate(-50%) rotateZ(210deg);
  -webkit-animation: switchLoading 2s infinite 1.267s linear;
  animation: switchLoading 2s infinite 1.267s linear;
}

.nowLoading>:nth-child(9) {
  -webkit-transform: translate(-50%) rotateZ(240deg);
  -ms-transform: translate(-50%) rotate(240deg);
  transform: translate(-50%) rotateZ(240deg);
  -webkit-animation: switchLoading 2s infinite 1.448s linear;
  animation: switchLoading 2s infinite 1.448s linear;
}

.nowLoading>:nth-child(10) {
  -webkit-transform: translate(-50%) rotateZ(270deg);
  -ms-transform: translate(-50%) rotate(270deg);
  transform: translate(-50%) rotateZ(270deg);
  -webkit-animation: switchLoading 2s infinite 1.629s linear;
  animation: switchLoading 2s infinite 1.629s linear;
}

.nowLoading>:nth-child(11) {
  -webkit-transform: translate(-50%) rotateZ(300deg);
  -ms-transform: translate(-50%) rotate(300deg);
  transform: translate(-50%) rotateZ(300deg);
  -webkit-animation: switchLoading 2s infinite 1.81s linear;
  animation: switchLoading 2s infinite 1.81s linear;
}

.nowLoading>:nth-child(12) {
  -webkit-transform: translate(-50%) rotateZ(330deg);
  -ms-transform: translate(-50%) rotate(330deg);
  transform: translate(-50%) rotateZ(330deg);
  -webkit-animation: switchLoading 2s infinite 1.991s linear;
  animation: switchLoading 2s infinite 1.991s linear;
}

.nowLoading span {
  display: block;
}

.iconTooltip {
  max-width: 950px;
  margin: 0;
  background-color: #e0eff5;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
  position: absolute;
  z-index: 1;
  display: none;
  padding: 0 4px;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.6666;
}

.iconTooltip::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 32px;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #e0eff5;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.tooltip--type2 {
  position: absolute;
  z-index: 1;
  top: -18px;
  right: 0;
  display: none;
  padding: 15px 20px;
  color: #fff;
  font-size: 1.1rem;
  background-color: rgba(85,85,85,.5);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.tooltip--type2::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 39px;
  bottom: -36px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 18px 8px;
  border-top-color: rgba(85,85,85,.5);
}

.suggest {
  position: relative;
  display: inline-block;
}

.suggest__content {
  display: none;
  position: absolute;
  top: 80%;
  left: 22px;
  z-index: 10;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #bbb;
}

.suggest__content a {
  display: block;
  padding: 10px;
  word-break: normal;
  white-space: nowrap;
  word-wrap: normal;
}

.inputQualification+.suggest__content,
.inputQualification--error+.suggest__content {
  left: 0;
}

.inputSchool+.suggest__content,
.inputSchool--disabled+.suggest__content,
.inputSchool--error+.suggest__content {
  left: 0;
}

.iconQuestion {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #00aaeb;
  border-radius: 10px;
  cursor: pointer;
}

.iconQuestion::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.iconQuestion::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.iconQuestion:hover {
  opacity: .5;
}

.iconSend {
  position: relative;
  display: inline-block;
  color: #bbb;
  font-size: 1rem;
}

.iconSend::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.iconSend::before {
  display: block;
  text-align: center;
}

.iconReceive {
  position: relative;
  display: inline-block;
  color: #bbb;
  font-size: 1rem;
}

.iconReceive::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.iconReceive::before {
  display: block;
  text-align: center;
}

.iconDelete {
  position: relative;
  display: inline-block;
  color: #999;
  font-size: 0;
}

.iconDelete::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.iconReply {
  position: relative;
  display: inline-block;
  color: #bbb;
  font-size: 0;
}

.iconReply::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.iconKey::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 3px;
  color: #fff;
  font-family: mynavi;
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-align: center;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
  background-color: #00aaeb;
}

.iconKey::before {
  margin-right: 10px;
}

.iconShiori {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../img/common/sprite.png) 0 -91px no-repeat;
}

.iconMan {
  display: inline-block;
  width: 42px;
  height: 47px;
  background: url(../img/common/sprite.png) -108px -91px no-repeat;
}

.iconNote {
  display: inline-block;
  width: 32px;
  height: 36px;
  background: url(../img/common/sprite.png) -36px -91px no-repeat;
}

.iconWrench {
  display: inline-block;
  width: 40px;
  height: 34px;
  background: url(../img/common/sprite.png) -68px -91px no-repeat;
}

.iconOther {
  display: inline-block;
  width: 34px;
  height: 6px;
  background: url(../img/common/sprite.png) -150px -91px no-repeat;
}

.iconSearchWhite {
  position: relative;
}

.iconSearchWhite::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background: url(../img/common/sprite.png) -30px -138px no-repeat;
}

.tooltipMatching {
  position: relative;
  display: inline-block;
  height: 25px;
  color: red;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
}

.tooltipMatching::before {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  z-index: 1;
  border: 6px solid transparent;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: red;
}

.tooltipMatching::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  z-index: 1;
  border: 6px solid transparent;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #ffe5e5;
}

.tooltipMatching .iconFont--heart {
  display: block;
  height: 20px;
  padding: 3px 8px 0;
  white-space: nowrap;
  background-color: #ffe5e5;
  border: 1px solid red;
  border-radius: 4px;
}

.tooltipMatching .iconFont--heart::before {
  vertical-align: middle;
  font-size: 1rem;
}

.tooltipPickUp {
  margin: 20px auto 30px;
  text-align: center;
}

.tooltipPickUp__content {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 400px;
  padding: 20px;
  background-color: #00aaeb;
}

.tooltipPickUp__content::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -12px;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #00aaeb;
  -webkit-transform: rotate(45deg) translate(-50%,-50%);
  -ms-transform: rotate(45deg) translate(-50%,-50%);
  transform: rotate(45deg) translate(-50%,-50%);
}

.tooltipPickUp__title {
  color: #fff;
  font-size: 1.8rem;
}

.js__modal--cancelDate .text,
.js__modal--cancelDate .text--mb,
.js__modal--cancelDate .text--mbL,
.js__modal--cancelDate .textCenter,
.js__modal--cancelDate .textCenter--mb,
.js__modal--cancelDate .textUnderBorder,
.js__modal--confirmedCancelDate .text,
.js__modal--confirmedCancelDate .text--mb,
.js__modal--confirmedCancelDate .text--mbL,
.js__modal--confirmedCancelDate .textCenter,
.js__modal--confirmedCancelDate .textCenter--mb,
.js__modal--confirmedCancelDate .textUnderBorder,
.js__modal--reply .text,
.js__modal--reply .text--mb,
.js__modal--reply .text--mbL,
.js__modal--reply .textCenter,
.js__modal--reply .textCenter--mb,
.js__modal--reply .textUnderBorder,
.js__modal--sendDate .text,
.js__modal--sendDate .text--mb,
.js__modal--sendDate .text--mbL,
.js__modal--sendDate .textCenter,
.js__modal--sendDate .textCenter--mb,
.js__modal--sendDate .textUnderBorder {
  word-wrap: break-word;
}

.popularContent {
  background-color: #f0f0f3;
}

.popularLableLine {
  margin: 20px 3px 5px 0;
  padding: 20px 0;
  width: 70%;
  border-bottom: 1px solid #aaa;
}

.popularMainBox {
  width: 950px;
  margin: 0 auto;
  padding: 20px 0;
}

.popularMainBox>.cassettePremiumScout,
.popularMainBox>.cassetteRecommend {
  margin-bottom: 40px;
}

.popularMainBox .cassettePremiumScout__item img,
.popularMainBox .cassettePremiumScout__item--dummy img,
.popularMainBox .cassettePremiumScout__item--first img,
.popularMainBox .cassetteRecommend__item img,
.popularMainBox .cassetteRecommend__item--dummy img,
.popularMainBox .cassetteRecommend__item--first img {
  width: 194px;
  height: 145.5px;
  display: inline-block;
}

.useNewResumeDesign {
  width: 670px;
  color: #333;
}

.useNewResumeDesign .modal__container {
  margin-top: 20px;
  text-align: center;
}

.useNewResumeDesignQuestion {
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
}

.selectBoxNewResume {
  float: left;
}

.selectBoxNewResume .pullDown--bookmark {
  float: none;
}

.selectBoxNewResume .pullDown--bookmark .pullDown__trigger--checked::before,
.selectBoxNewResume .pullDown--bookmark .pullDown__trigger--checkedOpen::before,
.selectBoxNewResume .pullDown--bookmark .pullDown__trigger--disabled::before,
.selectBoxNewResume .pullDown--bookmark .pullDown__trigger::before {
  content: none;
}

.selectBoxNewResume .pullDown__item,
.selectBoxNewResume .pullDown__item--active,
.selectBoxNewResume .pullDown__item--disabled {
  height: 50px;
  font-weight: 300;
  font-size: 1.4rem;
  text-align: center;
}

.selectBoxNewResume .pullDown__item div,
.selectBoxNewResume .pullDown__item--active div,
.selectBoxNewResume .pullDown__item--disabled div {
  height: 50px;
}

.selectBoxNewResume .pullDown__item div p:nth-child(1),
.selectBoxNewResume .pullDown__item--active div p:nth-child(1),
.selectBoxNewResume .pullDown__item--disabled div p:nth-child(1) {
  padding: 5px 0 5px 0;
}

.selectBoxNewResume .pullDown__item div p:nth-child(2),
.selectBoxNewResume .pullDown__item--active div p:nth-child(2),
.selectBoxNewResume .pullDown__item--disabled div p:nth-child(2) {
  font-size: 1rem;
}

.selectBoxNewResume .selectBoxNewResumeWidth {
  width: 250px!important;
  height: 44px!important;
  min-width: 100px;
  line-height: 44px;
  padding: 0;
  text-align: center;
}

.checkFormQuestion1,
.checkFormQuestion2 {
  width: 400px;
  text-align: center;
  padding: 3px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
}

.js__resumePageStatus {
  display: none;
}

.allCompany ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.allCompany ul li {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  -ms-flex-preferred-size: 45%;
  padding: 2px 0;
}

.allCompany ul li:nth-child(odd) {
  padding-right: 15px;
}

.noCompanyData {
  font-size: 16px;
  font-weight: 700;
  height: 40px;
}

.allCompanyTitle {
  display: -ms-flexbox;
  display: flex;
  max-width: 950px;
  margin: 0 auto;
}

.allCompanyTitle :nth-child(1) {
  -ms-flex: 10;
  flex: 10;
}

.allCompanyTitle :nth-child(2) {
  -ms-flex: 2;
  flex: 2;
  padding-top: 10px;
}

.page404Body .page404MiddleBox {
  margin-bottom: 25px;
}

.page404Body .page404MiddleBox :first-child {
  font-weight: 700;
}

.page404Body .page404MiddleBox p {
  text-align: center;
  margin-bottom: 5px;
  word-wrap: break-word;
}

.page404Body .coachSupplement,
.page404Body .supplement {
  text-align: center;
}

.page404Body .topHeader {
  padding-top: 0;
}

@media only screen and (min-width:950px) {
  .page404Body .wrapper {
    min-width: 1200px;
  }

  .page404Body .breadcrumbLower__list,
  .page404Body .breadcrumb__list {
    max-width: 1140px;
    margin: 0 auto;
  }
}

@media only screen and (max-width:950px) {
  .page404Body {
    min-width: 0;
  }

  .page404Body .breadcrumbLower__list,
  .page404Body .breadcrumb__list {
    margin: 0;
  }

  .page404Body .topSubHeader {
    margin: 0 3%;
  }

  .page404Body .topContainer {
    width: 100%;
  }

  .page404Body .topHeader {
    margin: 0 3%;
  }

  .page404Body .wrapper {
    min-width: 0;
  }

  .page404Body .container {
    min-width: 0;
  }

  .page404Body .container__inner {
    width: auto;
    margin: 0 3%;
  }

  .page404Body .footerLower__corporate {
    width: 100%;
    margin: 0 3%;
  }
}

@media only screen and (max-width:820px) {
  .page404Body .areaPullDownList__item,
  .page404Body .topAreaList__item {
    font-size: 1rem;
  }
}

@media only screen and (max-width:600px) {
  .page404Body .page404Alert {
    font-size: 1.6rem;
    height: 80px;
    line-height: 80px;
  }

  .page404Body .coachSupplement,
  .page404Body .supplement {
    text-align: left;
    padding: 0;
    background: 0 0;
  }

  .page404Body .page404MiddleBox p {
    text-align: left;
  }

  .page404Body .topSubHeader {
    display: none;
  }

  .page404Body .breadcrumbLower__list,
  .page404Body .breadcrumb__list {
    display: none;
  }

  .page404Body .container {
    background-color: #ebebeb;
    padding-top: 5px;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.08);
  }

  .page404Body .container__inner {
    margin: 0 4%;
  }

  .page404Body .wrapper>.breadcrumb {
    border-bottom: none;
    border-top: 1px solid #00aaeb;
    height: 10px;
    box-shadow: 0 4px 0 0 rgba(0,0,0,.3);
  }

  .page404Body .topHeader__main {
    padding-top: 13px;
  }

  .page404Body .topHeader__logo {
    width: 142px;
    height: 25px;
    margin: 0 auto;
    float: none;
  }

  .page404Body .page404BtnBlock {
    margin: 12px 0;
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,.08);
    padding: 12px 0;
  }

  .page404Body .page404BtnBlock .btnBox,
  .page404Body .page404BtnBlock .snsBtnBox {
    margin: 0;
  }
}

.containerBorder {
  border-top: solid 1px #bbb;
}

.fluid {
  max-width: 100%!important;
  width: 100%!important;
}

/*! =======================================================================
 * File        : selectcondition.css
 * DESCRIPTION : 職種×勤務地から探すモーダル用CSS
 * AUTHOR      : i-studio Co.,Ltd.
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */

.js--otherArea {
  display: none;
}

.selectCondition--job {
  position: absolute;
  z-index: 110;
  display: none;
  width: 950px;
  height: 718px;
  margin: 0 auto;
  background-color: #fff;
}

.selectCondition--area {
  position: absolute;
  z-index: 110;
  display: none;
  width: 950px;
  height: 574px;
  margin: 0 auto;
  background-color: #fff;
}

.selectCondition__title {
  margin: 0 0 0 14px;
  padding: 0;
  color: #000;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 2.8947;
  border-bottom: 1px solid #ddd;
}

.selectCondition .btnClose {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

.selectCondition .labelNumber {
  vertical-align: top;
  margin: 0 0 0 8px;
  font-size: 1.1rem;
}

.selectCondition__container--job {
  width: 950px;
  height: 575px;
}

.selectCondition__container--area {
  width: 950px;
  height: 431px;
}

.selectCondition__menu {
  overflow: hidden;
  float: left;
  width: 325px;
  height: 100%;
}

.selectCondition__menuItem {
  position: relative;
  display: block;
  padding: 0 0 0 15px;
  color: #00aaeb;
  font-weight: 700;
  line-height: 2.5;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  cursor: pointer;
}

.selectCondition__menuItem:first-child {
  border-top: none;
}

.selectCondition__menuItem:last-child {
  border-bottom: none;
}

.selectCondition__menuItem span {
  vertical-align: middle;
  font-size: 1.4rem;
}

.selectCondition__menuItem--kerning {
  position: relative;
  display: block;
  padding: 0 0 0 15px;
  color: #00aaeb;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 2.5;
  cursor: pointer;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.selectCondition__menuItem--kerning span {
  vertical-align: middle;
  font-size: 1.4rem;
}

.selectCondition__menuItem--kerning.js--menuActive,
.selectCondition__menuItem.js--menuActive {
  padding: 0 0 0 9px;
  color: #000;
  border-left: 6px solid #00aaeb;
  border-right: none;
}

.selectCondition__menuItem--kerning::after,
.selectCondition__menuItem::after {
  content: url(../img/common/arrowRight.png);
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.selectCondition__menuItem--kerning.js--menuChecked::after,
.selectCondition__menuItem--kerning.js--menuSelected::after,
.selectCondition__menuItem.js--menuChecked::after,
.selectCondition__menuItem.js--menuSelected::after {
  content: '選択中';
  padding: 1px 6px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.2;
  background-color: #00aaeb;
  border-radius: 12px;
}

.selectCondition__content {
  overflow: scroll;
  overflow-x: hidden;
  float: left;
  width: 625px;
  height: 100%;
}

.selectCondition__largeCat {
  margin: 22px 20px 0;
}

.selectCondition__largeCat input {
  margin: 0 7px 0 0;
}

.selectCondition__largeCat label {
  color: #000;
  font-size: 1.7rem;
  font-weight: 700;
}

.selectCondition__midiumCat {
  margin: 22px 20px 0;
  padding: 8px 15px;
  background-color: #f0f0f3;
}

.selectCondition__midiumCat input {
  margin: 0 6px 0 0;
}

.selectCondition__midiumCat label {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
}

.selectCondition__list {
  margin: 0 -17px 0 35px;
}

.selectCondition__listItem {
  float: left;
  width: 280px;
  margin: 9px 0 0;
  font-size: 1.2rem;
  line-height: 1.5;
  cursor: pointer;
}

.selectCondition__listItem input {
  vertical-align: top;
  margin: 3px 6px 0 0;
}

.selectCondition__listItem label {
  display: inline-block;
  vertical-align: top;
  width: 255px;
}

.selectCondition__more {
  margin: 17px 0 0 35px;
}

.selectCondition__more a {
  font-size: 1.2rem;
}

.selectCondition__more a::before {
  content: url(../img/common/arrowRight.png);
  margin: 0 6px 0 0;
}

.selectCondition__footer {
  overflow: hidden;
  width: 100%;
  height: 86px;
  border-top: 1px solid #ddd;
}

.selectCondition__selected {
  overflow: scroll;
  overflow-x: hidden;
  float: left;
  width: 325px;
  height: 100%;
  padding: 15px;
  font-size: 1.1rem;
  line-height: 1.4545;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}

.selectCondition__submit {
  float: left;
  width: 613px;
  height: 100%;
  padding: 20px 0 0;
  box-sizing: border-box;
}

.selectCondition__fixButton,
.selectCondition__selectButton {
  float: left;
  width: 295px;
}

.selectCondition__fixButton [class^=btn],
.selectCondition__selectButton [class^=btn] {
  width: 100%;
}

.selectCondition__fixButton {
  margin: 0 10px;
}

.topAreaLinkList {
  margin-top: -17px;
}

.topAreaLinkList__item {
  height: 50px;
}

.topAreaLinkList__area {
  text-align: left;
  vertical-align: middle;
  width: 108px;
}

.topAreaLinkList__area a {
  padding-left: 30px;
  position: relative;
  color: #00aaeb;
  font-size: 1.6rem;
  font-weight: 700;
}

.topAreaLinkList__area a::before {
  background: #00aaeb;
  border-radius: 99999px;
  content: '';
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.topAreaLinkList__area a::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.topAreaLinkList__prefecture {
  vertical-align: middle;
}

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

.topPrefectureList__item {
  float: left;
  margin-right: 10px;
}

.topPrefectureList__item a {
  border: 1px solid #dfeff5;
  color: #00aaeb;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 8px 12px;
}

.topPrefectureList__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topBalloon {
  background-color: #dfeff5;
  padding: 1rem;
  position: relative;
}

.topBalloon::before {
  border: 14px solid transparent;
  border-bottom-color: #dfeff5;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: -27px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.topBalloon--rounded {
  border-radius: .5rem;
  padding: 2rem;
}

.topBalloon--newArrival {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
}

.topBalloon--newArrival::before {
  left: auto;
  right: 2rem;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.topBalloon__button {
  background-color: #fff;
  border: 1px solid red;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.16);
  color: red;
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
  height: 4rem;
  position: relative;
  width: 100%;
}

.topBalloon__button:hover {
  opacity: .5;
  text-decoration: none;
}

.topBalloon__button::after {
  border-right: solid 2px red;
  border-top: solid 2px red;
  content: '';
  height: .6rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  width: .6rem;
}

.topBalloon__button span {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.topBalloon__button--recentView {
  height: 6.6rem;
  margin-top: 1rem;
  padding-left: 2rem;
}

.topBalloon__button--recentView .topBalloon__buttonIcon {
  left: 2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3rem;
}

.topBalloon__button--recentView .topBalloon__buttonLabel {
  left: 6rem;
  width: auto;
}

.topBalloon__table {
  background: #fff;
  height: 66px;
  margin-top: 1rem;
  table-layout: fixed;
  width: 100%;
}

.topBalloon__tableHeader {
  border-right: 1px solid #dfeff5;
  font-size: 1.3rem;
  padding: 1rem;
  width: 20%;
  vertical-align: middle;
}

.topBalloon__tableCell {
  font-size: 1.2rem;
  padding: 1rem;
  width: 80%;
}

.topBalloon__tableText {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  margin-bottom: .5rem;
}

.topBalloon__conditionKey::after {
  content: "：";
}

.topBalloon__tableLink {
  text-align: right;
}

.topBalloon__tableLink a {
  text-decoration: underline;
}

.topBalloon__tableLink a:hover {
  text-decoration: none;
}

.topBalloon__tableLink [class^=iconFont]::before {
  font-size: inherit;
}

.topBannerLink {
  display: block;
}

.topBannerLink:hover {
  opacity: .5;
  text-decoration: none;
}

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

.topBannerList__item {
  float: left;
}

.topBannerList__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topBannerList__item a .js__lazy {
  height: 70px;
  width: 162px;
}

.topBannerList--subsite .topBannerList__item+.topBannerList__item {
  margin-left: 1rem;
}

.topBannerList--subsite .topBannerList__item:nth-child(n+6) {
  margin-top: 10px;
}

.topBannerList--subsite .topBannerList__item:nth-child(5n+1) {
  margin-left: 0;
}

.topBannerList--relatedSite .topBannerList__item+.topBannerList__item {
  margin-left: .8rem;
}

.topBannerList--relatedSite .topBannerList__item:nth-child(n+7) {
  margin-top: 10px;
}

.topBannerList--relatedSite .topBannerList__item:nth-child(6n+1) {
  margin-left: 0;
}

.topCard {
  position: relative;
  width: 250px;
}

.topCard--shadow {
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

.topCard--shadow .topCard__title {
  padding: 0 1rem;
}

.topCard--shadow .topCard__text {
  padding: 0 1rem 2rem 1rem;
}

.topCard--new::before {
  background-color: #fff;
  border: 1px solid red;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  color: red;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  left: 1rem;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  top: -1rem;
  width: 6.7rem;
  z-index: 3;
}

.topCard--new::after {
  border: 10px solid transparent;
  border-top-color: red;
  content: "";
  display: inline-block;
  left: 66px;
  position: absolute;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.topCard--new::before {
  content: "NEW";
}

.topCard--pickup::before {
  background-color: #fff;
  border: 1px solid red;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  color: red;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  left: 1rem;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  top: -1rem;
  width: 6.7rem;
  z-index: 3;
}

.topCard--pickup::after {
  border: 10px solid transparent;
  border-top-color: red;
  content: "";
  display: inline-block;
  left: 66px;
  position: absolute;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.topCard--pickup::before {
  content: "Pick up";
}

.topCard__eyeCatch {
  height: 17rem;
  position: relative;
  z-index: 2;
  width: 25rem;
}

.topCard__eyeCatch img {
  width: 100%;
}

.topCard__title {
  -ms-flex-align: center;
  align-items: center;
  color: #00aaeb;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 2rem;
}

.topCard__title--block {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.15);
  color: #555;
  font-size: 1.3rem;
  margin: 0 auto -2rem auto;
  padding: 1rem 2rem;
  position: relative;
  text-align: center;
  -webkit-transform: translateY(-2rem);
  -ms-transform: translateY(-2rem);
  transform: translateY(-2rem);
  width: 23rem;
  z-index: 4;
}

.topCard__text {
  font-size: 1.3rem;
  line-height: 1.5;
  margin-top: 1.7rem;
}

.topCard--hasClient .topCard__eyeCatch {
  height: 19rem;
}

.topPageWrapper .topSection .topCard--hasClient .topCard__eyeCatch {
  height: 17rem;
}

.topPageWrapper .topSection #js__historyRecommendItem .topCard__eyeCatch {
  height: 19rem;
}

.topCarousel {
  position: relative;
}

.topCarousel[data-carousel=banner] .topCarousel__item img {
  height: 100px;
  width: 415px;
}

.topCarousel__list {
  width: 99999px;
}

.topCarousel__item {
  padding-top: 1rem;
}

.topCarousel__item a {
  color: inherit;
  display: block;
  margin-right: 20px;
}

.topCarousel__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topCarousel__item:last-child a {
  margin-right: 0;
}

.topCarousel__control {
  background-color: #fff;
  border-radius: 99999px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  cursor: pointer;
  height: 40px;
  outline: 0;
  position: absolute;
  top: 75px;
  z-index: 2;
  width: 40px;
}

.topCarousel__control::after {
  border-right: 2px solid #00aaeb;
  border-top: 2px solid #00aaeb;
  content: "";
  display: block;
  height: 8.5px;
  left: 14px;
  position: absolute;
  top: 16px;
  width: 8.5px;
}

.topCarousel__control--prev {
  left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.topCarousel__control--prev::after {
  left: 17px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.topCarousel__control--next {
  right: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.topCarousel__control--next::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.topCarousel__pagination {
  margin-top: 15px;
  text-align: center;
}

.topCarousel__paginationBullet {
  background-color: #fff;
  border: 1px solid #00aaeb;
  border-radius: 99999px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  outline: 0;
  width: 10px;
}

.topCarousel__paginationBullet--active {
  background-color: #00aaeb;
}

.topCarousel__paginationBullet+.topCarousel__paginationBullet {
  margin-left: 10px;
}

.topCarousel--hasClient .topCarousel__control {
  top: 85px;
}

.topContainer {
  margin: 0 auto;
  width: 1140px;
}

.topContainer--hero {
  width: 1200px;
}

.topContainer--hero::after {
  content: " ";
  display: block;
  clear: both;
}

.topContainer--short {
  width: 950px;
}

.topContent {
  margin: 30px 0 47px 0;
}

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

.topContent__side {
  float: left;
  width: 240px;
}

.topContent__sideItem {
  display: block;
  margin-bottom: 30px;
}

.topContent__sideHeader {
  background-color: #cfecfa;
  font-size: 1.6rem;
  line-height: 1.3em;
  padding: 40px 1rem 40px 1rem;
}

.topContent__sideTitle {
  color: #333;
  font-weight: 700;
}

.topContent__main {
  float: right;
  width: 850px;
}

.topDashboard {
  margin-bottom: 60px;
}

.topDashboard__header {
  color: #333;
}

.topDashboard__title {
  border-bottom: 2px solid #00aaeb;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.topDashboard__savedEntry {
  margin-bottom: 2rem;
}

.topDashboard__username {
  font-size: 2rem;
  margin-right: 10px;
}

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

.topDashboard__recommends {
  float: left;
  width: 520px;
}

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

.topDashboard__recommends .topRecommend {
  float: left;
}

.topDashboard__recommends .topRecommend:first-child {
  margin-right: 20px;
}

.topDashboard__recommends .topBalloon {
  margin-top: 13px;
}

.topDashboard__menus {
  float: right;
  width: 290px;
}

.topDashboard__menuItem+.topDashboard__menuItem {
  margin-top: 3rem;
}

.topDashboard__reminder {
  margin-bottom: 3rem;
}

.topRecommend {
  width: 250px;
}

.topRecommend__title {
  background-color: #00aaeb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  padding: .8rem 1rem;
}

.topRecommend__text {
  font-size: 1.3rem;
  height: 72px;
  line-height: 1.4;
  position: relative;
}

.topRecommend__text>* {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.topRecommend__numLink {
  color: #00aaeb;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 .5em;
}

.topRecommend__loading {
  margin-top: 3rem;
  text-align: center;
}

.topRecommend__cardLink {
  color: inherit;
  display: block;
}

.topRecommend__cardLink:hover {
  opacity: .5;
  text-decoration: none;
}

.topRecommend__cardLink .topCard {
  height: 36.7rem;
}

.topRecommend__cardLink .topCard__title {
  height: 7.2rem;
}

.topRecommend__notFound {
  color: #00aaeb;
  font-size: 1.3rem;
  font-weight: 700;
  padding-bottom: 2rem;
  text-align: center;
}

.topReminder {
  border: 1px solid #dfeff5;
  display: table;
  width: 100%;
}

.topReminder__list+.topReminder__list {
  border-top: 1px solid #dfeff5;
}

.topReminder__textArea {
  display: table-cell;
  padding: 20px;
  width: 540px;
}

.topReminder__linkArea {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 310px;
}

.topReminder__link {
  background-color: #fff;
  border: 1px solid red;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.16);
  color: red;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 1rem;
  text-align: center;
  width: 270px;
}

.topReminder__link:hover {
  opacity: .5;
  text-decoration: none;
}

.topReminder__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.topReminder__text {
  font-size: 1.3rem;
  line-height: 1.5;
}

.dotArrowLink {
  padding-left: 30px;
  position: relative;
  padding-left: 20px;
  font-size: 1.2rem;
}

.dotArrowLink::before {
  background: #00aaeb;
  border-radius: 99999px;
  content: '';
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.dotArrowLink::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.dotArrowLink::before {
  height: 14px;
  margin-top: -7px;
  width: 14px;
}

.dotArrowLink::after {
  border-width: 1px;
  height: 4px;
  left: 4px;
  margin-top: -2px;
  width: 4px;
}

.topEvents__title {
  margin-bottom: 1.5rem;
}

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

.topEvents__title img {
  float: left;
  margin-right: 2rem;
}

.topEvents__title .js__lazy {
  height: 65px;
  width: 180px;
}

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

.topEvents__item {
  width: 415px;
}

.topEvents__item:nth-child(odd) {
  float: left;
}

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

.topEvents__item:nth-child(n+3) {
  margin-top: 20px;
}

.topEvents__item a {
  color: inherit;
  display: block;
}

.topEvents__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topEvent {
  background-color: #fff7ca;
  border-bottom: 1px solid #f48502;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  padding: 1rem;
}

.topEvent__title {
  padding-left: 30px;
  position: relative;
  background-color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-right: 2rem;
  padding: .6rem 1rem .6rem 4rem;
}

.topEvent__title::before {
  background: #f48502;
  border-radius: 99999px;
  content: '';
  height: 20px;
  left: 10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.topEvent__title::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 16px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.topEvent__schedule {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: -.4rem;
  margin-top: .6rem;
}

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

.topFeatureList__item a {
  padding-left: 30px;
  position: relative;
  color: #555;
  font-size: 1.4rem;
}

.topFeatureList__item a::before {
  background: #00aaeb;
  border-radius: 99999px;
  content: '';
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.topFeatureList__item a::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.topFeatureList__item a::before {
  top: .65em;
}

.topFeatureList__item a::after {
  top: .65em;
}

.topFeatureList--job .topFeatureList__item a {
  font-weight: 700;
}

.topFeatureList--job .topFeatureList__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topFeatureList--columns .topFeatureList__item {
  float: left;
  width: calc(50% - 15px);
}

.topFeatureList--columns .topFeatureList__item:nth-child(odd) {
  margin-right: 30px;
}

.topFeatureList--columns .topFeatureList__item:nth-child(n+3) {
  margin-top: 21px;
}

.topFeatureList--stack .topFeatureList__item {
  width: 100%;
}

.topFeatureList--stack .topFeatureList__item+.topFeatureList__item {
  margin-top: 21px;
}

.topFeatureList--relation .topFeatureList__item:nth-child(n+2) {
  margin-top: 1.5rem;
}

.topFeatureList--agent .topFeatureList__item a {
  font-weight: 700;
}

.topFeatureList--agent .topFeatureList__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topFeatureList--agent .topFeatureList__item:nth-child(n+2) {
  margin-top: 2rem;
}

.topGnavi {
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(107,107,107,.3);
  padding: 6px 0 15px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 2.5rem;
  z-index: 19;
}

.topGnavi__noSticky {
  position: relative;
  box-shadow: 0 4px 5px -2px rgba(107,107,107,.3);
  top: 0;
  margin-top: -3px;
}

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

.topGnavi__container .topMenuList {
  float: left;
}

.topGnavi__container .topSubMenuList {
  float: right;
}

.topHeader {
  background-color: #fff;
  padding-bottom: 1rem;
  padding-top: 1.7rem;
  position: -webkit-sticky;
  position: sticky;
  top: -.7rem;
  z-index: 20;
}

.topHeader__noSticky {
  position: static;
}

.topHeader__noSticky__border {
  position: relative;
  box-shadow: 0 4px 5px -2px rgba(107,107,107,.3);
  margin-top: 7px;
}

.topHeader__main {
  height: 50px;
}

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

.topHeader__logo {
  float: left;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  width: 220px;
}

.topHeader__logo img {
  width: 100%;
}

.topHeader__controls {
  float: right;
  height: 50px;
}

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

.topHeader__controls .topSearch {
  float: left;
}

.topHeader__nav--login {
  float: right;
  width: 235px;
}

.topHeader__nav--login .topSubMenuList {
  float: right;
}

.topHeader__logout {
  margin-bottom: 1rem;
  margin-top: .2rem;
  text-align: right;
}

.topHeader__logoutLink {
  font-size: 1.3rem;
}

.topHeader__loginCTA {
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #00aaeb;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  height: 50px;
  margin-left: 1rem;
  padding: 18px 8px 18px 36px;
  position: relative;
  -webkit-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px);
}

.topHeader__loginCTA:hover {
  opacity: .5;
  text-decoration: none;
}

.topHeader__loginCTA::before {
  background: url(../img/top/sprite.png) -10px -165px;
  content: "";
  display: inline-block;
  height: 20px;
  left: 7px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
}

.topHeader__registerCTA {
  background-color: red;
  border: 1px solid red;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  height: 50px;
  margin-left: 1rem;
  padding: 8px 18px;
  text-align: center;
  width: 110px;
}

.topHeader__registerCTA:hover {
  opacity: .5;
  text-decoration: none;
}

.topHeader__registerCTA--badge {
  background-color: #fff;
  border-radius: 7px;
  color: red;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 5px;
  padding: 1px 0;
}

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

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

.areaNavi__item {
  float: left;
}

.areaNavi__item::before,
.areaNavi__item:last-child::after {
  color: #ccc;
  content: "|";
  display: inline-block;
}

.areaNavi__link {
  color: inherit;
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 8px 0 6px;
}

.areaNavi__link:hover {
  opacity: .5;
  text-decoration: none;
}

.headline {
  background-color: #e1e1e1;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
  min-width: 1200px;
}

.headline__content {
  margin: 0 auto;
  width: 950px;
  text-align: center;
}

.headline__link {
  font-size: 1.2rem;
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
}

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

.headline__link .linkArrow {
  float: left;
  font-size: 1.2rem;
}

.headline__close {
  float: right;
}

.headline__close .iconFont--close::before {
  font-size: 1.1rem;
  line-height: 1.25;
}

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

.hero__sliderArea {
  float: left;
  width: 590px;
}

.hero__newArrivalArea {
  float: right;
  width: 610px;
}

.heroSlider {
  position: relative;
}

.heroSlider__item {
  border-radius: 8px;
  height: 340px;
  width: 530px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  right: 3rem;
  transition: -ms-transform .3s ease-in,transform .3s ease-in,opacity .2s ease-in;
  top: 2rem;
}

.heroSlider__item img {
  height: 100%;
}

.heroSlider__item:first-child[data-hero-slider-item=""] {
  z-index: 11;
}

.heroSlider__item--current {
  z-index: 10;
}

.heroSlider__item--before {
  opacity: .5;
  -ms-transform: translateX(-56px) scale(.9);
  -webkit-transform: translateX(-56px) scale(.9);
  transform: translateX(-56px) scale(.9);
  z-index: 9;
}

.heroSlider__item--after {
  opacity: .5;
  -ms-transform: translateX(56px) scale(.9);
  -webkit-transform: scale(.9) translateX(56px);
  transform: scale(.9) translateX(56px);
  z-index: 9;
}

.heroSlider__item--hidden {
  opacity: 0;
  z-index: 8;
}

.heroSlider__navi {
  background-color: #08b;
  border: 0;
  border-radius: 99999px;
  box-shadow: 0 1px 4px 0 rgba(107,107,107,.4);
  cursor: pointer;
  height: 40px;
  outline: 0;
  position: absolute;
  top: 180px;
  z-index: 12;
  width: 40px;
}

.heroSlider__navi::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 8.5px;
  left: 14px;
  position: absolute;
  top: 16px;
  width: 8.5px;
}

.heroSlider__navi--prev {
  left: 10px;
}

.heroSlider__navi--prev::after {
  left: 17px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.heroSlider__navi--next {
  right: 10px;
}

.heroSlider__navi--next::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.heroSlider__pagination {
  left: 0;
  position: absolute;
  text-align: center;
  top: 370px;
  width: 100%;
}

.heroSlider__paginationBullet {
  background-color: #fff;
  border: 1px solid #00aaeb;
  border-radius: 99999px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  outline: 0;
  width: 10px;
}

.heroSlider__paginationBullet--active {
  background-color: #00aaeb;
}

.heroSlider__paginationBullet+.heroSlider__paginationBullet {
  margin-left: 10px;
}

.topIconLink {
  display: inline-block;
  font-size: 1.3rem;
  padding-left: 2.8rem;
  position: relative;
  text-decoration: underline;
}

.topIconLink:hover {
  text-decoration: none;
}

.topIconLink::before {
  content: "";
  font-family: mynavi;
  font-size: 1.8rem;
  left: 0;
  position: absolute;
  top: -.25em;
}

.topIconLink--caution::before {
  content: "\e61f";
}

.includeError,
.partsArea.agsError {
  border: 1px solid #d9d9d9;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 6rem 6rem 6rem 12rem;
  position: relative;
}

.includeError::before,
.partsArea.agsError::before {
  background: url(../img/top/sprite.png) -10px -736px;
  content: "";
  display: block;
  height: 51px;
  left: 5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 39px;
}

.includeError--hero {
  float: left;
  width: 590px;
  height: 340px;
  margin-top: 2rem;
  position: relative;
}

.includeError--hero .includeError__inner {
  padding-right: 2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

.topMenuList--fullWidth {
  width: 100%;
}

.topMenuList--fullWidth .topMenuList__item {
  text-align: center;
  width: 16.66666%;
}

.topMenuList--fullWidth .topMenuList__item .topMenu {
  padding-left: 0;
  padding-right: 0;
}

.topMenuList__item {
  border-left: 1px solid #00aaeb;
  float: left;
  height: 24px;
}

.topMenuList__item:last-child {
  border-right: 1px solid #00aaeb;
}

.topMenu {
  color: #333;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0 3rem;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}

.topMenu:hover {
  opacity: .5;
  text-decoration: none;
}

.topMenu__badge {
  background-color: red;
  border-radius: 99999px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  margin-left: 1rem;
  padding: .4rem .8rem;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.mySearch {
  background-color: #fff;
  border-radius: 2px;
  color: inherit;
  height: 3.6rem;
  line-height: 1;
  width: 100%;
}

.mySearch__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.3rem;
  left: 1rem;
  line-height: 1;
  padding-right: .5rem;
  position: absolute;
  top: 1.2rem;
  width: 12rem;
}

.mySearch__latest {
  left: 12.5rem;
  line-height: 1;
  position: absolute;
  top: .9rem;
}

.mySearch__num {
  color: #00aaeb;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0 .25em;
}

.naviGroup__header {
  border-bottom: 1px solid #dfeff5;
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 15px;
}

.naviGroup__header .naviGroup__title {
  color: #333;
}

.naviGroup__header--strong {
  background-color: #00aaeb;
  border: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 1.4rem;
  padding: 10px;
}

.naviGroup__header--strong .naviGroup__title {
  color: #fff;
}

.naviGroup--outline {
  border: 1px solid #00aaeb;
  border-radius: 2px;
}

.naviGroup--outline .naviGroup__header {
  border-bottom: 1px solid #00aaeb;
}

.naviGroup--outline .naviGroup__title {
  padding-top: 2rem;
  text-align: center;
}

.naviGroup--outline .navItem {
  padding-left: 2rem;
}

.naviGroup--outline .navItem::after {
  right: 26px;
}

.naviGroup .navItem+.topPopup__item {
  z-index: 10;
}

.naviGroup .navItem+.topPopup__item .topBalloon {
  border-bottom: 2px solid #fff;
}

.naviGroup .navItemList__item {
  border-bottom: 1px solid #dfeff5;
}

.naviGroup .navItem>.navItem__text:nth-child(n+5) {
  display: none;
}

.naviGroup .topBalloon .navItem>.navItem__text:nth-child(n+5) {
  display: block;
}

.naviGroup .topBalloon .navItem--blur::before {
  content: none;
}

.naviGroup .topBalloon .navItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  line-height: 1.2;
}

.naviGroup .topBalloon__box--left {
  width: 46px;
  margin-right: 1px;
}

.naviGroup .topBalloon__box--right {
  width: calc(100% - 47px);
  padding: 1rem 0;
  border-left: 1px solid #dfeff5;
}

.naviGroup .topBalloon .navItem::after {
  content: none;
}

.navItemList--separated .navItemList__item+.navItemList__item {
  margin-top: 1rem;
}

.navItem {
  border: 0;
  background-color: #fff;
  display: block;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 1.5rem 3rem 1.5rem .5rem;
  position: relative;
  text-align: left;
  width: 100%;
}

.navItem:hover {
  opacity: .5;
  text-decoration: none;
}

.navItem::after {
  border-right: 2px solid #00aaeb;
  border-top: 2px solid #00aaeb;
  content: "";
  display: block;
  height: 8.5px;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-80%);
  -ms-transform: rotate(45deg) translateY(-80%);
  transform: rotate(45deg) translateY(-80%);
  width: 8.5px;
}

.navItem__title {
  color: #00aaeb;
  font-weight: 700;
  margin: 0;
}

.navItem__title+.navItem__text {
  font-size: 1.2rem;
  margin: 10px 0 0 0;
}

.navItem__text {
  color: #555;
}

.navItem--blur::before {
  background-image: linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,0) 75%,#fff 85%);
  content: "";
  height: 100%;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.navItem--strong {
  background-color: #dfeff5;
  border-radius: 2px;
  padding: 2rem 3rem 2rem 1.5rem;
}

.navItem--strong .navItem__title {
  color: #555;
}

.navItem--strong .navItem__title+.navItem__text {
  margin: 15px 0 0 0;
}

.navItem--outline {
  border: 1px solid #00aaeb;
  border-radius: 2px;
  padding: 1.2rem 3rem 1.2rem 1.5rem;
}

.navItem--outline::after {
  right: 2.6rem;
}

.navItem--outline .navItem__title {
  line-height: 1;
}

.navItem--outline .navItem__text {
  height: 18px;
}

.navItem--outline .navItem__title+.navItem__text {
  margin: .5rem 0 0 0;
}

.navItem--useScout {
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
}

.navItem--useScout::after {
  display: none;
}

.navItem__alert {
  color: red;
}

.navItem__badge {
  background-color: red;
  border-radius: 99999px;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  line-height: 1;
  margin: 0 .5rem 0 .2rem;
  padding: .4rem .8rem;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.navItem--icon {
  padding-left: 6rem;
  position: relative;
}

.navItem--icon::before {
  content: "";
  display: inline-block;
  left: 2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navItem--iconMenuScout::before {
  background: url(../img/top/sprite.png) -10px -10px;
  height: 15px;
  width: 20px;
}

.navItem--iconMenuMessage::before {
  background: url(../img/top/sprite.png) -10px -45px;
  height: 22px;
  width: 20px;
}

.navItem--iconMenuWebResume::before {
  background: url(../img/top/sprite.png) -10px -87px;
  height: 18px;
  width: 20px;
}

.navItem--iconMenuMySearch::before {
  background: url(../img/top/sprite.png) -10px -125px;
  height: 20px;
  width: 20px;
}

.navItem__jobNum {
  display: inline-block;
}

.navItem__jobNum::before {
  content: "（";
}

.navItem__jobNum::after {
  content: " 件）";
}

.newArrival {
  padding: 1.5rem 3rem;
  position: relative;
}

.newArrival::before {
  background-color: #00aaeb;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.newArrival::after {
  background-color: #dfeff5;
  bottom: 0;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.newArrival__footer,
.newArrival__header,
.newArrival__main {
  position: relative;
  z-index: 2;
}

.newArrival__header {
  margin-bottom: 1rem;
  z-index: 3;
}

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

.newArrival__headerLeft {
  float: left;
  height: 4rem;
  position: relative;
  width: 23.2rem;
}

.newArrival__headerLeft .newArrival__title {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.newArrival__headerRight {
  float: left;
  height: 40px;
}

.newArrival__updatedDate {
  margin-bottom: .5rem;
  margin-right: 1rem;
  width: 100%;
}

.newArrival__tag {
  background-color: #fff;
  border-radius: 99999px;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 1rem;
  padding: .4rem 1rem;
}

.newArrival__weekday {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
}

.newArrival__title {
  color: #fff;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.newArrival__title .newArrival__num {
  font-size: 2.8rem;
}

.newArrival__subtitle {
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}

.newArrival__num {
  color: #ff0;
}

.newArrival__main {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  padding: 2rem 6rem 2rem 3rem;
  position: relative;
  min-height: 229px;
  width: 100%;
  display: table;
}

.newArrival__main::after {
  background: url(../img/top/sprite.png) -10px -205px;
  content: "";
  display: inline-block;
  height: 51px;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 11px;
}

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

.newArrival__link:hover {
  text-decoration: none;
}

.newArrival__link:hover p {
  text-decoration: underline;
}

.newArrival__companies {
  font-size: 1.3rem;
  line-height: 1.8;
  min-height: 114px;
}

.newArrival .logoBlock {
  margin-top: 1.5rem;
  text-align: center;
}

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

.newArrival .logoBlock img {
  display: inline-block;
  margin: 0 1rem;
  width: 80px;
}

.newArrival__footer {
  margin-top: 1.8rem;
  text-align: center;
}

.newArrival__registerCTA {
  -ms-flex-align: center;
  align-items: center;
  background-color: red;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 700;
  height: 5rem;
  letter-spacing: 1px;
  padding: 1.4rem 4rem;
  position: relative;
  width: 34rem;
}

.newArrival__registerCTA:hover {
  opacity: .5;
  text-decoration: none;
}

.newArrival__registerCTA .badge {
  background-color: #fff;
  border-radius: 99999px;
  color: red;
  display: inline-block;
  font-size: 1.4rem;
  left: 4rem;
  padding: .6rem 0;
  position: absolute;
  text-align: center;
  width: 8.6rem;
}

.newArrival__registerCTA .label {
  left: 13.6rem;
  position: absolute;
}

.newArrival__registerCTA .badge,
.newArrival__registerCTA .label {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.newArrival--fullWidth {
  padding: 2rem 1rem;
}

.newArrival--fullWidth .newArrival__updatedDate {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2rem;
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  width: auto;
}

.newArrival--fullWidth .newArrival__header {
  margin-bottom: 1.6rem;
}

.newArrival--fullWidth .newArrival__title {
  margin-right: 2rem;
}

.newArrival--fullWidth .newArrival__tag {
  padding: 8px 24px;
}

.newArrival--fullWidth .newArrival__main {
  background-position: 800px center;
  padding: 2rem 6rem 2rem 2.5rem;
  min-height: auto;
}

.newArrival--fullWidth .newArrival__main::after {
  right: 20px;
}

.newArrival--fullWidth .newArrival__link {
  display: table;
  min-height: 140px;
  position: relative;
}

.newArrival--fullWidth .newArrival__link::after {
  content: " ";
  display: block;
  clear: both;
}

.newArrival--fullWidth .newArrival__companies {
  display: table-cell;
  min-height: auto;
  padding-left: 25rem;
  vertical-align: middle;
}

.newArrival--fullWidth .logoBlock {
  left: 1rem;
  position: absolute;
  margin-top: 0;
  padding-left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 200px;
}

.newArrival--fullWidth .logoBlock img {
  margin: .5rem .9rem;
}

.newArrival__tooltip {
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
  white-space: unset;
}

.newArrival__tooltip:hover {
  text-decoration: none;
}

.newArrival__tooltipContent {
  color: #000;
}

.newArrival__tooltipTitle {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 15px;
}

.newArrival__tooltipText {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}

.noMySearch {
  border: 1px solid #00aaeb;
  height: 496px;
  position: relative;
}

.noMySearch__inner {
  padding: 0 1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.noMySearch__text {
  color: #00aaeb;
  font-size: 1.4rem;
  font-weight: 700;
  padding-bottom: 2rem;
  text-align: center;
}

.noMySearch__button {
  background-color: #fff;
  border: 1px solid red;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.16);
  color: red;
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
  height: 4rem;
  position: relative;
  width: 100%;
}

.noMySearch__button:hover {
  opacity: .5;
  text-decoration: none;
}

.noMySearch__button::after {
  border-right: solid 2px red;
  border-top: solid 2px red;
  content: '';
  height: .6rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  width: .6rem;
}

.noMySearch__button span {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.topNotice {
  margin: 2rem 0;
}

.topNotice--serious {
  border: 2px solid red;
  padding: 16px 20px;
}

.topNotice--serious a {
  color: inherit;
}

.topNotice--serious a:hover {
  opacity: .5;
  text-decoration: none;
}

.topNotice--alert {
  border: 1px solid red;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.topNotice--alert .topNotice__header {
  background-color: #ffe5e5;
  color: red;
  display: table-cell;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  width: 200px;
}

.topNotice--alert .topNotice__main {
  padding: 10px 20px;
}

.topNotice--alert a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}

.topNotice--alert a:hover {
  opacity: .5;
  text-decoration: none;
}

.topNotice--alert .topNotice__date {
  display: inline-block;
  font-weight: 700;
  width: 128px;
}

.topNotice__main {
  font-size: 1.3rem;
  line-height: 1.5;
}

.topNotice__item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topNotice__item a {
  padding-left: 30px;
  position: relative;
  padding-left: 20px;
  text-decoration: underline;
}

.topNotice__item a::before {
  background: #00aaeb;
  border-radius: 99999px;
  content: '';
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.topNotice__item a::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.topNotice__item a::before {
  height: 14px;
  margin-top: -7px;
  width: 14px;
}

.topNotice__item a::after {
  border-width: 1px;
  height: 4px;
  left: 4px;
  margin-top: -2px;
  width: 4px;
}

.topNotice__item a:hover {
  text-decoration: none;
}

.topNotice__item+.topNotice__item {
  margin-top: 12px;
}

.topNowhaw {
  background-color: #fffbed;
  display: -ms-flexbox;
  display: flex;
  height: 17rem;
}

.topNowhaw__header {
  background-image: url(../img/top/nowhaw.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 30px 20px;
  width: 240px;
}

.topNowhaw__title {
  position: absolute;
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.topNowhaw__main {
  margin: 20px 20px 20px 0;
}

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

.topNowhaw__item {
  background-color: #fff;
  box-shadow: 0 0 5px -2px #bc6363;
  border-radius: 8px;
  float: left;
  margin-right: 10px;
  height: 13rem;
  width: 13rem;
}

.topNowhaw__item:last-child {
  margin-right: 0;
}

.topNowhaw__item a {
  display: block;
  height: 100%;
}

.topNowhaw__item a:hover {
  opacity: .5;
  text-decoration: none;
}

.topNowhaw__stage {
  padding: 22px 34px 10px;
  width: 100%;
}

.topNowhaw__text {
  color: #333;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 0 24px;
  position: relative;
}

.topNowhaw__text::before {
  background: #fd6b6b;
  border-radius: 99999px;
  bottom: 2px;
  content: '';
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 14px;
  width: 20px;
}

.topNowhaw__text::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  bottom: 9px;
  content: '';
  height: 6px;
  margin-top: -3px;
  position: absolute;
  right: 22px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.topPopup {
  position: relative;
}

.topPopup__item {
  display: none;
  left: 0;
  padding-top: 14px;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 2;
}

.topPopup--newArrival .topPopup__item {
  left: auto;
  right: -2.7rem;
  top: 1.25rem;
  width: 326px;
}

.topReApproach {
  background-color: #fff;
  border-radius: 2px;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 1rem;
}

.topReApproach__title {
  color: #333;
  font-weight: 700;
  margin-bottom: 1rem;
}

.topReApproach__text {
  margin-bottom: 2rem;
}

.topReApproach__link {
  font-size: 1.1rem;
}

.topReApproach__link a {
  text-decoration: underline;
}

.topReApproach__link a:hover {
  text-decoration: none;
}

.topReApproach__link [class^=iconFont]::before {
  font-size: inherit;
  vertical-align: baseline;
}

.topRelatedSite {
  border: 1px solid #dfeff5;
  height: 188px;
  padding: 10px 12px 20px 12px;
  text-align: center;
  width: 135px;
}

.topRelatedSite__logo {
  margin-bottom: 1.6rem;
}

.topRelatedSite__title {
  color: #00aaeb;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}

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

.topSearch__item {
  display: block;
  float: left;
  position: relative;
}

.topSearch__item:last-of-type {
  margin-right: 10px;
}

.topSearch__item:nth-child(n+2)::before {
  color: #00aaeb;
  content: "×";
  font-size: 2.4rem;
  display: block;
  position: absolute;
  text-align: center;
  top: 1rem;
  width: 3.2rem;
}

.topSearch__button,
.topSearch__item {
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

.topSearch__text {
  background-color: #f1f1f1;
  border: 0;
  border-radius: 2px;
  box-shadow: -1px -2px 0 0 rgba(0,0,0,.15);
  font-size: 1.6rem;
  height: 43px;
  padding: 0 15px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  width: 280px;
}

.topSearch__select {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f1f1f1;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  color: inherit;
  display: inline-block;
  font-size: 1.6rem;
  height: 45px;
  margin-left: 3.2rem;
  padding: 15px 25px 15px 15px;
  position: relative;
  width: 135px;
}

.topSearch__select:hover {
  opacity: .5;
  text-decoration: none;
}

.topSearch__select::after {
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #08b;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
}

.topSearch__button {
  background-color: #00aaeb;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  color: #fff;
  cursor: pointer;
  height: 45px;
  width: 45px;
}

.topSearch__button:hover {
  opacity: .5;
  text-decoration: none;
}

.topSearchCondition {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.3rem;
  padding-left: 2.2em;
  position: relative;
}

.topSearchCondition::before {
  color: #00aaeb;
  font-family: mynavi;
  font-size: 1.8rem;
  left: 0;
  position: absolute;
  top: -.25em;
}

.topSearchCondition--salary::before {
  content: "\e905";
}

.topBalloon .topSearchCondition--salary::before {
  content: "初年度年収：";
}

.topSearchCondition--area::before {
  content: "\e614";
}

.topBalloon .topSearchCondition--area::before {
  content: "勤務地：";
}

.topSearchCondition--occupation::before {
  content: "\e606";
}

.topBalloon .topSearchCondition--occupation::before {
  content: "職種：";
}

.topSearchCondition--employmentType::before {
  content: "\e909";
}

.topBalloon .topSearchCondition--employmentType::before {
  content: "雇用形態：";
}

.topSearchCondition--company {
  font-weight: 700;
}

.topSearchCondition--company::before {
  content: "\e90d";
}

.topBalloon .topSearchCondition--company {
  font-weight: 700;
}

.topBalloon .topSearchCondition--company::before {
  content: "会社名：";
}

.topSearchCondition--industry::before {
  content: "\e90f";
}

.topBalloon .topSearchCondition--industry::before {
  content: "業種：";
}

.topSearchCondition--headOffice::before {
  content: "\e90c";
}

.topBalloon .topSearchCondition--headOffice::before {
  content: "本社所在地：";
}

.topSearchCondition--employeeNumber::before {
  content: "\e908";
}

.topBalloon .topSearchCondition--employeeNumber::before {
  content: "従業員数：";
}

.topSearchCondition--establishment::before {
  content: "\e90d";
}

.topBalloon .topSearchCondition--establishment::before {
  content: "設立：";
}

.topSearchCondition--feature::before {
  content: "\e90b";
}

.topBalloon .topSearchCondition--feature::before {
  content: "特徴：";
}

.topSearchCondition--ITEngineer::before {
  content: "\e915";
}

.topBalloon .topSearchCondition--ITEngineer::before {
  content: "ITエンジニア向け条件：";
}

.topSearchCondition--keyword::before {
  content: "\e910";
}

.topBalloon .topSearchCondition--keyword::before {
  content: "キーワード：";
}

.topSearchCondition--new::before {
  content: "\e904";
}

.topBalloon .topSearchCondition--new::before {
  content: "新着・更新：";
}

.topSearchCondition--mysearch::before {
  content: "\e907";
}

.topBalloon .topSearchCondition--mysearch::before {
  content: "条件名：";
}

.topSearchCondition--typeMatch::before {
  content: "\e90e";
}

.topBalloon .topSearchCondition--typeMatch::before {
  content: "適正：";
}

.topSearchCondition--experienceMatch::before {
  content: "\e90a";
}

.topBalloon .topSearchCondition--experienceMatch::before {
  content: "経験：";
}

.topSearchCondition--specialFeature::before {
  content: "\e913";
}

.topBalloon .topSearchCondition--specialFeature::before {
  content: "大手・優良企業：";
}

.topSearchCondition+.topSearchCondition {
  margin-top: 10px;
}

.topBalloon .topSearchCondition+.topSearchCondition {
  margin-top: 0;
}

.topBalloon .topSearchCondition {
  padding-left: 1rem;
  line-height: 1.2;
}

.topBalloon .topSearchCondition::before {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  top: 0;
  position: relative;
}

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

.topSearchPanelList__item {
  float: left;
}

.topSearchPanelList__item+.topSearchPanelList__item {
  margin-left: 1rem;
}

.topSearchPanel {
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #00aaeb;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  display: block;
  height: 162px;
  padding: 1.8rem 0 2rem 0;
  position: relative;
  width: 162px;
}

.topSearchPanel:hover {
  opacity: .5;
  text-decoration: none;
}

.topSearchPanel::before {
  border-top: 12px solid #00aaeb;
  border-right: 12px solid #00aaeb;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top-right-radius: 2px;
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
}

.topSearchPanel__title {
  -ms-flex-align: center;
  align-items: center;
  color: #00aaeb;
  font-size: 1.6rem;
  font-weight: 700;
  height: 40px;
  line-height: 1.5;
  position: relative;
  text-align: center;
}

.topSearchPanel__titleText {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.topSearchPanel__icon {
  height: 72px;
  margin: 0 auto 10px auto;
  position: relative;
  width: 72px;
}

.topSearchPanel__icon::before {
  content: "";
  display: inline-block;
  height: 72px;
  left: 0;
  position: absolute;
  top: 0;
  width: 72px;
}

.topSearchPanel__icon--income::before {
  background: url(../img/top/sprite.png) -10px -276px;
}

.topSearchPanel__icon--keyword::before {
  background: url(../img/top/sprite.png) -10px -368px;
}

.topSearchPanel__icon--skill::before {
  background: url(../img/top/sprite.png) -10px -460px;
}

.topSearchPanel__icon--aptitudeTest::before {
  background: url(../img/top/sprite.png) -10px -552px;
}

.topSearchPanel__icon--history::before {
  background: url(../img/top/sprite.png) -10px -644px;
}

.topSection {
  margin-bottom: 6rem;
}

.topSection--carousel .topSection__header {
  margin-bottom: 2rem;
}

.topSection__header {
  margin-bottom: 3rem;
}

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

.topSection__header--relation {
  line-height: 1.4;
  margin-bottom: 1rem;
}

.topSection__title {
  color: #333;
  float: left;
  font-size: 2rem;
  font-weight: 700;
}

.topSection__title small {
  font-size: 1.6rem;
}

.topSection__subtitle {
  float: right;
  font-size: 1.3rem;
}

.topSection__subtitle a:not(.topSection__imageLink) {
  padding-left: 30px;
  position: relative;
  padding-left: 20px;
}

.topSection__subtitle a:not(.topSection__imageLink)::before {
  background: #00aaeb;
  border-radius: 99999px;
  content: '';
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.topSection__subtitle a:not(.topSection__imageLink)::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.topSection__subtitle a:not(.topSection__imageLink)::before {
  height: 14px;
  margin-top: -7px;
  width: 14px;
}

.topSection__subtitle a:not(.topSection__imageLink)::after {
  border-width: 1px;
  height: 4px;
  left: 4px;
  margin-top: -2px;
  width: 4px;
}

.topSection__subtitle .topSection__imageLink:hover {
  opacity: .5;
  text-decoration: none;
}

.topSection__iconBox {
  color: #ff8401;
  display: block;
  font-size: 1.5rem;
  position: relative;
}

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

.topSection__iconImg {
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 2.5rem;
  left: 0;
  margin-right: 1rem;
  position: absolute;
  top: -10px;
  width: 2.5rem;
}

.topSection__iconTitle {
  margin: 0 0 .8rem 3.5rem;
  font-weight: 700;
}

.topSection__loading {
  padding: 6rem 0;
  text-align: center;
}

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

.topShareButtonList__item {
  float: left;
  width: 73.33333px;
}

.topShareButtonList__item+.topShareButtonList__item {
  margin-left: 10px;
}

.topShareButton:hover {
  opacity: .5;
  text-decoration: none;
}

.topShareButton img {
  width: 100%;
}

.topSubHeader {
  padding-top: .5rem;
}

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

.topSubHeader__main h1 {
  color: #666;
  float: left;
  font-size: 1rem;
  margin-top: 2px;
}

.topSubHeader__main .areaNavi {
  float: right;
}

.topSubMenuList {
  margin-top: .6rem;
}

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

.topSubMenuList__item {
  float: left;
}

.topSubMenuList__item a {
  font-size: 1.3rem;
  padding: 0 1rem;
}

.topSubMenuList__item+.topSubMenuList__item {
  border-left: 1px solid #ccc;
}

.tagList {
  margin-top: -15px;
}

.tagList__item {
  display: inline-block;
  margin-right: 10px;
  margin-top: 15px;
}

.topTag {
  -ms-flex-align: center;
  align-items: center;
  background-color: #00aaeb;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 99999px;
  border-bottom-left-radius: 99999px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 8px 10px 8px 20px;
  position: relative;
}

.topTag:hover {
  opacity: .5;
  text-decoration: none;
}

.topTag::before {
  background-color: #fff;
  border-radius: 99999px;
  content: "";
  display: inline-block;
  height: 5px;
  left: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
}

.topTag__second {
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #00aaeb;
  border-radius: 99999px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
  color: #00aaeb;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 8px 20px;
  position: relative;
}

.topTag__second:hover {
  opacity: .5;
  text-decoration: none;
}

.topToggleSwitch {
  left: 232px;
  position: absolute;
  top: 8px;
}

.topToggleSwitch__buttonGroup {
  border-radius: .5rem;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  display: inline-block;
}

.topToggleSwitch__button {
  background-color: #fff;
  border: 1px solid #00aaeb;
  color: #00aaeb;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  padding: 1rem;
  text-align: center;
  width: 12.5rem;
}

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

.topToggleSwitch__button--left {
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem;
  float: left;
}

.topToggleSwitch__button--right {
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem;
  float: right;
}

.topToggleSwitch__button--active {
  background-color: #00aaeb;
  color: #fff;
}

.wrapper--top {
  min-width: 1200px;
}

.labelNumber {
  display: inline-block;
  margin: 0 4px;
  min-height: 18px;
  min-width: 18px;
  padding: 4px 6px 0;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 32px;
  background-color: red;
}

.labelNew {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: red;
}

.labelClosingDate {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 2px 9px;
  color: red;
  border: 1px solid red;
}

.labelReadiness {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 2px 9px;
  color: red;
  border: 1px solid red;
  background-color: #fff;
}

.labelEmploymentStatus {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #7dbd00;
}

.labelCondition {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 9px;
  color: #7dbd00;
  border: 1px solid #7dbd00;
}

.labelWoman {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 9px;
  color: #d8006c;
  border: 1px solid #d8006c;
  text-decoration: none;
}

.labelBlack,
.labelBlackArrow {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 9px;
  color: #555;
  border: 1px solid #555;
}

.labelBlackArrow {
  padding-left: 24px;
  background: url(../img/common/arrowRightBlack.png) no-repeat 10px 50%;
}

.labelInfo {
  display: inline-block;
  color: #00aaeb;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid #00aaeb;
}

.labelInfo>[class^=iconFont--]::before {
  vertical-align: middle;
  padding: 1px;
  color: #fff;
  font-size: 1.4rem;
  background-color: #00aaeb;
}

.labelInfo__text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
}

.labelInfo--interview {
  display: inline-block;
  color: red;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid red;
}

.labelInfo--interview>[class^=iconFont--]::before {
  vertical-align: middle;
  padding: 1px;
  color: #fff;
  font-size: 1.4rem;
  background-color: red;
}

.labelInfo--interview__text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
}

.labelRequired {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: red;
}

.labelNoEntered {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  width: 76px;
  padding: 3px 0;
  color: #fff;
  text-align: center;
  background-color: red;
}

.labelEntered {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  width: 61px;
  padding: 3px 0;
  color: #fff;
  text-align: center;
  background-color: #00aaeb;
}

.labelScoutCrown {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  padding: 2px 8px 2px 22px;
  color: #f09300;
  border: 1px solid #f09300;
  background-color: #fff;
}

.labelScoutCrown::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 6px;
  width: 11px;
  height: 8px;
  background: url(../img/common/sprite.png) no-repeat -66px -160px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.labelScoutBenefit {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid #00aaeb;
}

.labelScoutBenefit>* {
  display: inline-block;
  vertical-align: top;
  line-height: 1.3;
}

.labelScoutBenefit__title {
  padding: 1px 9px 0;
  color: #fff;
  background-color: #00aaeb;
}

.labelScoutBenefit__text {
  padding: 1px 9px 0;
  color: #00aaeb;
  background-color: #fff;
  border-radius: 0 2px 2px 0;
}

.labelScout {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  text-align: center;
  background-color: #00aaeb;
}

.labelPremiumBenefit {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid #f2ad1a;
}

.labelPremiumBenefit>* {
  display: inline-block;
  vertical-align: top;
  line-height: 1.3;
}

.labelPremiumBenefit__title {
  padding: 1px 9px 0;
  color: #a57700;
  background-color: #fff7ca;
}

.labelPremiumBenefit__text {
  padding: 1px 9px 0;
  color: #a57700;
  background-color: #fff;
  border-radius: 0 2px 2px 0;
}

.labelCrown {
  letter-spacing: -.4em;
}

.labelCrown>[class^=labelCrown] {
  display: inline-block;
  width: 22px;
  height: 15px;
  margin-right: 6px;
  letter-spacing: 0;
}

.labelCrown__full {
  background: url(../img/common/sprite.png) no-repeat 0 -160px;
}

.labelCrown__half {
  background: url(../img/common/sprite.png) no-repeat -22px -160px;
}

.labelCrown__none {
  background: url(../img/common/sprite.png) no-repeat -44px -160px;
}

.labelScoutLimited {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 2px 9px;
  color: red;
  background-color: #fff;
  border: 1px solid red;
}

.labelAttention {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #f09300;
}

.labelAttention__large {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  vertical-align: middle;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  background-color: red;
}

.labelIrregular {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #bbb;
}

.labelWeekDelivery {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #fcb653;
}

.labelStopped {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #555;
  background-color: #bbb;
}

.labelAnswer--type2,
.labelQuestion {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  min-width: 24px;
  padding: 6px 2px;
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background-color: #00aaeb;
}

.labelAnswer--type2::before,
.labelQuestion::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-color: transparent;
  border-left-color: #00aaeb;
  border-style: solid;
  border-width: 3px 4px;
  -webkit-transform: translate(100%,-50%);
  -ms-transform: translate(100%,-50%);
  transform: translate(100%,-50%);
}

.labelAnswer {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 2px 9px;
  color: #00aaeb;
  background-color: #fff;
  border: 1px solid #00aaeb;
}

.labelAnswer--type2 {
  color: #00aaeb;
  background-color: #dfeff5;
}

.labelAnswer--type2::before {
  border-left-color: #dfeff5;
}

.labelStateDone {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #fcb653;
}

.labelStateFail {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #bbb;
}

.labelSelected {
  display: inline-block;
  margin: 0 4px;
  min-height: 18px;
  min-width: 18px;
  padding: 4px 6px 0;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 32px;
  padding: 3px 6px 0;
  font-size: 1.2rem;
  background-color: #00aaeb;
}

.labelAlready {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: #999;
}

.labelDeadline {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  background-color: red;
}

.labelUpdate {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  text-align: center;
  background-color: #00aaeb;
}

.labelFeature,
.labelFeature--type2,
.labelFeature--type3,
.labelFeature--type4,
.labelFeature--type5 {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 8px;
  color: #b27dcd;
  text-align: center;
  background-color: #fff;
  border: 1px solid #b27dcd;
}

.labelFeature--type2 {
  color: #10b497;
  border-color: #10b497;
}

.labelFeature--type3 {
  color: #9e8b75;
  border-color: #9e8b75;
}

.labelFeature--type4 {
  color: #ff5254;
  border-color: #ff5254;
}

.labelFeature--type5 {
  color: #5cacc4;
  border-color: #5cacc4;
}

.labelFeaturesSelection {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 3px;
  padding: 2px 9px;
  color: red;
  border: 1px solid red;
  background-color: #fff;
}

.breadcrumb {
  line-height: 1.42;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
}

.breadcrumb__renew {
  line-height: 1.42;
  background-color: #fff;
  border-bottom: 0;
}

.breadcrumb__renew--border {
  border-bottom: 1px solid #bbb;
}

.breadcrumbLower__list,
.breadcrumb__list {
  max-width: 950px;
  margin: 0 auto;
  padding: 11px 0;
  letter-spacing: -.4em;
  text-align: left;
}

.breadcrumb__list__renew {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 0;
  letter-spacing: -.4em;
  text-align: left;
}

.breadcrumbLower__item,
.breadcrumb__item {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  font-size: 1.1rem;
  letter-spacing: 0;
}

.breadcrumb__item--newLine {
  display: inline;
}

.breadcrumbLower__item::after,
.breadcrumb__item::after {
  content: '>';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 5px;
  color: #555;
  font-size: 1.1rem;
}

.breadcrumb__item--newLine::after {
  position: relative;
  padding: 0 5px;
  right: 0;
}

.breadcrumbLower__item:first-child a,
.breadcrumb__item:first-child a {
  padding-left: 0;
}

.breadcrumbLower__item:last-child::after,
.breadcrumb__item:last-child::after {
  content: none;
}

.breadcrumbLower__item:last-child span,
.breadcrumb__item:last-child span {
  display: block;
  padding: 0;
  color: #555;
  letter-spacing: 0;
}

.breadcrumb__item--newLine:last-child span {
  display: inline;
}

.breadcrumbLower__link,
.breadcrumb__link {
  display: block;
  padding: 0 16px 0 0;
  letter-spacing: 0;
}

.breadcrumb__link--newLine {
  display: inline;
  padding: 0;
}

.container__inner .breadcrumb,
.container__inner .breadcrumb__renew {
  background-color: #fafafb;
  border-bottom: none;
}

.breadcrumbLower {
  background-color: #fafafb;
}

.unorderedList__item {
  list-style: none;
  position: relative;
  padding-left: 1em;
  color: #333;
  font-size: 1.4rem;
  text-indent: -1em;
  line-height: 1.44;
}

.orderedList {
  list-style-type: decimal;
  list-style-position: inside;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 1.2rem;
  line-height: 2.5;
}

.linkList__item {
  margin-bottom: 12px;
}

.linkList__item:last-child {
  margin-bottom: 0;
}

.linkList__lead {
  display: inline-block;
  font-size: 1.2rem;
  padding-left: 10px;
}

.linkListSide::after,
.linkListSideRight::after {
  content: " ";
  display: block;
  clear: both;
}

.linkListSideRight__item,
.linkListSide__item {
  display: inline-block;
}

.linkListSideRight {
  text-align: right;
}

.linkListSideRight__item {
  margin-left: 27px;
}

.linkListSideRight__item .linkArrow {
  font-size: 1.2rem;
}

.pullDown {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.pullDown--bookmark {
  float: right;
}

.pullDown--bookmark .pullDown__trigger,
.pullDown--bookmark .pullDown__trigger--checked,
.pullDown--bookmark .pullDown__trigger--checkedOpen,
.pullDown--bookmark .pullDown__trigger--disabled {
  width: 250px;
}

.pullDown--bookmark .pullDown__list {
  width: 100%;
}

.pullDown .pullDown__trigger--checked,
.pullDown .pullDown__trigger--checkedOpen {
  padding-left: 30px;
}

.pullDown__trigger,
.pullDown__trigger--checked,
.pullDown__trigger--checkedOpen,
.pullDown__trigger--disabled {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 8px 20px 8px 10px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position: relative;
  z-index: 1;
  min-width: 200px;
  color: #00aaeb;
  background-color: #fff;
  border-color: #00aaeb;
}

.pullDown__trigger--checked:hover,
.pullDown__trigger--checkedOpen:hover,
.pullDown__trigger--disabled:hover,
.pullDown__trigger:hover {
  opacity: .5;
  text-decoration: none;
}

.pullDown__trigger--fluid {
  width: 100%;
}

.pullDown__trigger--checked::before,
.pullDown__trigger--checkedOpen::before,
.pullDown__trigger--disabled::before,
.pullDown__trigger::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 7px;
  height: 6px;
  background: url(../img/common/arrowDown.png) right top no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pullDown__trigger--disabled {
  color: #bbb;
  background-color: #fff;
  border-color: #bbb;
  box-shadow: none;
  cursor: default;
}

.pullDown__trigger--disabled::before {
  background: url(../img/common/arrowDownDisable.png) right top no-repeat;
}

.pullDown__trigger--disabled:hover {
  opacity: 1;
}

.pullDown__trigger--checked {
  background-color: #dfeff5;
}

.pullDown__trigger--checked::after {
  content: "\e917";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  font-family: mynavi;
  font-size: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.pullDown__list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  letter-spacing: 0;
  border: 1px solid #a0ddf5;
  border-bottom: none;
}

.pullDown__item,
.pullDown__item--active,
.pullDown__item--disabled {
  display: block;
  color: #00aaeb;
  font-size: 1.3rem;
  font-weight: 400;
  cursor: pointer;
  border-bottom: 1px solid #a0ddf5;
  background-color: #fff;
}

.pullDown__item a,
.pullDown__item--active a,
.pullDown__item--disabled a {
  display: block;
  width: 280px;
  padding: 9px 9px 9px 30px;
}

.pullDown__item a::after,
.pullDown__item--active a::after,
.pullDown__item--disabled a::after {
  content: " ";
  display: block;
  clear: both;
}

.pullDown--bookmark .pullDown__item a,
.pullDown--bookmark .pullDown__item--active a,
.pullDown--bookmark .pullDown__item--disabled a {
  width: 100%;
}

.pullDown__item a:hover,
.pullDown__item--active a:hover,
.pullDown__item--disabled a:hover {
  text-decoration: none;
}

.pullDown__item a>.iconFont--keep,
.pullDown__item a>[class^=label],
.pullDown__item--active a>.iconFont--keep,
.pullDown__item--active a>[class^=label],
.pullDown__item--disabled a>.iconFont--keep,
.pullDown__item--disabled a>[class^=label] {
  float: right;
}

.pullDown__item a>.iconFont--keep,
.pullDown__item--active a>.iconFont--keep,
.pullDown__item--disabled a>.iconFont--keep {
  margin-right: 95px;
  color: #fece30;
}

.pullDown__item--active {
  position: relative;
  z-index: 1;
  cursor: default;
}

.pullDown__item--active::before {
  content: "";
  display: inline-block;
  font-family: mynavi;
  font-size: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  vertical-align: top;
}

.pullDown__item--active::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pullDown__item--active,
.pullDown__item--active:hover,
.pullDown__item--disabled:hover,
.pullDown__item:hover {
  text-decoration: none;
  background-color: #dfeff5;
}

.pullDown__item--disabled a {
  color: #999;
  cursor: default;
}

.pullDown__item--disabled:hover {
  background-color: #fff;
}

.pager {
  list-style: none;
  position: relative;
  z-index: 1;
  letter-spacing: -.4em;
  text-align: center;
}