@charset "UTF-8";
/*
./assets/css/pc.css
*/
/*------------------------------------------------
    Clearfix
------------------------------------------------*/
.clearfix {
  display: block;
  min-height: 1px; }
  .clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

html > body .clearfix {
  display: block\9; }

* html .clearfix {
  height: 1%;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/ }

/*------------------------------------------------
    Layout
------------------------------------------------*/
html {
  overflow-y: scroll; }

@media print {
  width: 100%; }
/*------------------------------------------------
    Structure
------------------------------------------------*/
html,
body {
  width: 100%;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  vertical-align: bottom;
  word-break: normal;
  letter-spacing: 1px; }

a {
  color: #1787ff; }
  a:link {
    color: #1787ff; }
  a:visited {
    color: #1787ff; }
  a:active {
    color: #24d4ba; }
  a:hover {
    color: #24d4ba; }

address {
  font-style: normal; }

/* Common
------------------------------------------------*/
.common-aside, .common-bar, .common-content, .common-header, .common-main, .common-nav, .common-sidebar, .common-site, .common-visual {
  width: 100%; }
.common-site {
  border-top: 5px solid #ffcf00; }
.common-container {
  margin: 0 auto;
  width: 1280px; }
.common-content::before, .common-content::after, .common-header::before, .common-header::after {
  content: "";
  display: table;
  clear: both; }

.main {
  width: 956px;
  float: left; }
  .main.fright {
    float: right; }

.sidebar {
  width: 287px;
  float: right; }
  .sidebar.fleft {
    float: left; }

/* Header
------------------------------------------------*/
.common-header {
  margin: 15px 0 20px; }
  .common-header .header-sitemeta {
    margin: 0 0 0 60px;
    padding: 9px 0;
    width: 260px;
    float: left; }
  .common-header .header-hdbanner {
    padding: 12px 0;
    width: 700px;
    float: right; }
    .common-header .header-hdbanner img {
      max-width: 100%; }
  .common-header .logo,
  .common-header .logo a {
    display: block;
    width: 100%;
    text-align: center; }
  .common-header .logo a {
    position: relative; }
    .common-header .logo a:hover {
      text-decoration: none; }
    .common-header .logo a span {
      overflow: hidden;
      position: absolute;
      margin: 0;
      padding: 0;
      width: 1px;
      height: 1px;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
      -moz-clip-path: inset(0px 0px 99.9% 99.9%);
      -o-clip-path: inset(0px 0px 99.9% 99.9%);
      -ms-clip-path: inset(0px 0px 99.9% 99.9%);
      clip-path: inset(0px 0px 99.9% 99.9%);
      border: 0 none; }
    .common-header .logo a object {
      pointer-events: none;
      width: 260px;
      height: auto; }
    .common-header .logo a svg {
      display: none;
      width: 260px;
      height: 93px; }
    .common-header .logo a img {
      max-width: 100%; }
  .common-header .description {
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    -moz-clip-path: inset(0px 0px 99.9% 99.9%);
    -o-clip-path: inset(0px 0px 99.9% 99.9%);
    -ms-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    border: 0 none; }

/* Footer
------------------------------------------------*/
.common-footer {
  padding: 30px 10px;
  background-color: #1787ff; }
  .common-footer .guide {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    text-align: center; }
    .common-footer .guide li {
      display: inline-block;
      margin: 0 .5em; }
      .common-footer .guide li a {
        color: #ffffff; }
  .common-footer .copyright {
    padding: 20px 0; }
    .common-footer .copyright p {
      color: #ffffff;
      font-weight: 400;
      font-size: 14px;
      text-align: center; }

/* Navigation
------------------------------------------------*/
.nav-button,
.nav-icon,
.nav-title {
  display: none; }

.navigation {
  position: relative;
  width: 100%; }
  .navigation.shadow-effect {
    position: relative; }
    .navigation.shadow-effect::before, .navigation.shadow-effect::after {
      content: "";
      position: absolute;
      z-index: -500;
      bottom: 20px;
      width: 50%;
      height: 20%;
      max-width: 300px;
      -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75);
      box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); }
    .navigation.shadow-effect::before {
      left: 10px;
      -webkit-transform: rotate(-4deg);
      -moz-transform: rotate(-4deg);
      -o-transform: rotate(-4deg);
      -ms-transform: rotate(-4deg);
      transform: rotate(-4deg); }
    .navigation.shadow-effect::after {
      right: 10px;
      -webkit-transform: rotate(4deg);
      -moz-transform: rotate(4deg);
      -o-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
      transform: rotate(4deg); }

.nav {
  display: block;
  width: 100%;
  list-style: none;
  text-align: center; }
  .nav::before, .nav::after {
    content: "";
    display: table;
    clear: both; }
  .nav li {
    width: calc(100% / 3);
    float: left;
    border-left: 1px solid #ffffff; }
    .nav li:first-child {
      border-left: 0 none; }
    .nav li:nth-of-type(2) {
      display: none; }
    .nav li:nth-of-type(3) {
      display: none; }
    .nav li:nth-of-type(5) {
      display: none; }
    .nav li:last-child {
      display: none; }
    .nav li a {
      display: block;
      padding: 10px 0;
      width: 100%;
      background-color: #1787ff;
      color: #ffffff;
      font-weight: 400;
      font-size: 14px;
      text-align: center; }
      .nav li a:hover, .nav li a.on {
        text-decoration: none; }
      .nav li a.nav-news:hover, .nav li a.nav-news.on {
        background-color: #24d4ba; }
      .nav li a.nav-seminars:hover, .nav li a.nav-seminars.on {
        background-color: #e78900; }
      .nav li a.nav-events:hover, .nav li a.nav-events.on {
        background-color: #ff72bd; }
      .nav li a.nav-feature:hover, .nav li a.nav-feature.on {
        background-color: #ff0000; }
      .nav li a.nav-humanresources:hover, .nav li a.nav-humanresources.on {
        background-color: #02005c; }
      .nav li a.nav-organization:hover, .nav li a.nav-organization.on {
        background-color: #003d00; }
      .nav li a.nav-sales:hover, .nav li a.nav-sales.on {
        background-color: #0039ff; }
      .nav li a.nav-jobinfo:hover, .nav li a.nav-jobinfo.on {
        background-color: #00bf17; }
      .nav li a .menu-description {
        display: block;
        padding: 2px 0 1px;
        width: 100%;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400;
        font-size: 11px;
        letter-spacing: normal; }

/* Tab link
------------------------------------------------*/
.tablink {
  margin: 15px 0;
  width: 100%; }
  .tablink ul,
  .tablink li {
    display: block;
    list-style: none; }
  .tablink ul {
    width: 100%; }
    .tablink ul::before, .tablink ul::after {
      content: "";
      display: table;
      clear: both; }
    .tablink ul li {
      width: calc(100% / 3);
      float: left; }
      .tablink ul li.li-security {
        width: 26.5625%; }
      .tablink ul li.li-security-related {
        width: 40.625%; }
      .tablink ul li.li-common {
        width: 32.8125%; }
      .tablink ul li a {
        display: block;
        width: 100%;
        padding: 20px 10px 15px;
        border-bottom: 5px solid #525252;
        color: #525252;
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
        .tablink ul li a.sc-security {
          border-bottom: 5px solid #24d4ba; }
        .tablink ul li a.sc-security-related {
          border-bottom: 5px solid #51b033; }
        .tablink ul li a.sc-common {
          border-bottom: 5px solid #ffcf00; }
        .tablink ul li a:hover, .tablink ul li a.on {
          color: #ffffff;
          text-decoration: none; }
        .tablink ul li a.sc-security:hover, .tablink ul li a.sc-security.on {
          background-color: #24d4ba; }
        .tablink ul li a.sc-security-related:hover, .tablink ul li a.sc-security-related.on {
          background-color: #51b033; }
        .tablink ul li a.sc-common:hover, .tablink ul li a.sc-common.on {
          background-color: #ffcf00; }
        .tablink ul li a span {
          display: inline-block;
          font-weight: 400;
          font-size: 14px;
          vertical-align: middle; }

/* Bread Crumbs
------------------------------------------------*/
.breadcrumbs {
  margin: 15px 0;
  width: 100%; }
  .breadcrumbs span,
  .breadcrumbs ul,
  .breadcrumbs li {
    display: inline-block;
    font-size: 11px; }
  .breadcrumbs ul,
  .breadcrumbs li {
    display: inline-block;
    list-style: none; }
  .breadcrumbs ul li {
    margin: 0 .5rem 0 0; }
    .breadcrumbs ul li a {
      color: #1787ff; }

/* Sidebar
------------------------------------------------*/
.widget-buttons {
  display: none; }

.widget {
  margin: 0 0 30px; }
  .widget img {
    max-width: 100%; }
  .widget .widget-title {
    margin: 0 0 5px;
    padding: 0 0 5px;
    border-bottom: 5px solid #52c0d4;
    color: #3e3a39;
    font-weight: 600;
    font-size: 16px; }
  .widget .textwidget {
    position: relative;
    padding: 0;
    font-size: 12px; }
    .widget .textwidget h3 {
      margin: 0 0 5px;
      border-bottom: 2px solid #1787ff;
      color: #1787ff;
      font-weight: bold;
      font-size: 16px;
      text-align: center; }
    .widget .textwidget h4 {
      margin: 5px 0; }
    .widget .textwidget p,
    .widget .textwidget address,
    .widget .textwidget dl,
    .widget .textwidget dt,
    .widget .textwidget dd {
      display: block;
      font-size: 12px;
      line-height: 1.4; }
  .widget .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    word-wrap: normal !important; }
  .widget .search-form {
    padding: 5px 0; }
    .widget .search-form label {
      vertical-align: middle; }
    .widget .search-form .search-field {
      background-color: #f7f7f7;
      padding: 0.5em 0.75em;
      border: 1px solid #dbdbdb;
      color: #666666;
      font-size: 1em;
      width: 60%; }
      .widget .search-form .search-field:placeholder-shown {
        color: #595757; }
      .widget .search-form .search-field::-webkit-input-placeholder {
        color: #595757; }
      .widget .search-form .search-field:-moz-placeholder {
        color: #595757; }
      .widget .search-form .search-field::-moz-placeholder {
        color: #595757; }
      .widget .search-form .search-field:-ms-input-placeholder {
        color: #595757; }
    .widget .search-form .search-submit {
      clear: both;
      margin: 0 0 0 0.5em;
      padding: 0.25em 0em 0.25em 0.75em;
      border: 0px none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background: #52c0d4 none;
      color: #ffffff;
      font-size: 15px;
      letter-spacing: 1em; }
  .widget ul {
    list-style: none; }
    .widget ul li {
      display: inline-block;
      position: relative;
      margin: 0 3px 0 0;
      padding: 0 0 0 14px; }
      .widget ul li::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0.8em;
        height: 0.8em;
        background-color: #3e3a39; }
      .widget ul li a {
        color: #3e3a39; }
    .widget ul.li-circle_number {
      counter-reset: list-circle-number 0; }
      .widget ul.li-circle_number li {
        position: relative;
        margin: 0 0 0.5rem;
        padding: 0 0 0 2.5rem; }
        .widget ul.li-circle_number li::before {
          counter-increment: list-circle-number 1;
          content: counter(list-circle-number) ".";
          display: block;
          position: absolute;
          top: 9px;
          left: 0;
          width: 2rem;
          background: none;
          color: currentColor;
          font-size: 1rem;
          line-height: 1rem;
          text-align: right; }
      .widget ul.li-circle_number.num-red li::before {
        border-color: #ff0000;
        color: #ff0000; }
  .widget .ad-box {
    text-align: center; }
    .widget .ad-box img {
      max-width: 100%; }
  .widget .tweet-frame {
    position: relative;
    width: 100%; }
    .widget .tweet-frame iframe {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0 0 500px;
      width: 100%;
      height: 0px; }
  .widget.widget-sales .widget-title {
    margin: 0 0 1em; }
  .widget.widget-sales ul,
  .widget.widget-sales li {
    display: block;
    list-style: none; }
  .widget.widget-sales ul {
    padding: 0 1em; }
    .widget.widget-sales ul > li {
      position: relative;
      padding: 0 0 0 1em; }
      .widget.widget-sales ul > li::before {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        width: 0px;
        height: 0px;
        background-color: transparent;
        border-top: .7em solid currentColor;
        border-left: .4em solid transparent;
        border-right: .4em solid transparent; }
    .widget.widget-sales ul li {
      margin: .5em 0; }
      .widget.widget-sales ul li a {
        font-weight: 600;
        font-size: 16px; }
    .widget.widget-sales ul ul {
      padding: 0; }
    .widget.widget-sales ul li li {
      padding: 0; }
      .widget.widget-sales ul li li::before {
        display: none; }
      .widget.widget-sales ul li li a {
        font-weight: 400;
        font-size: 14px; }
  .widget.widget-jobinfo .sidebar-mypage-box {
    margin: 1rem 0;
    width: 100%; }
    .widget.widget-jobinfo .sidebar-mypage-box::before, .widget.widget-jobinfo .sidebar-mypage-box::after {
      content: "";
      display: table;
      clear: both; }
    .widget.widget-jobinfo .sidebar-mypage-box .login-box {
      float: left; }
      .widget.widget-jobinfo .sidebar-mypage-box .login-box .icon-login {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        width: 27px;
        height: 30px;
        vertical-align: middle; }
        .widget.widget-jobinfo .sidebar-mypage-box .login-box .icon-login::before, .widget.widget-jobinfo .sidebar-mypage-box .login-box .icon-login::after {
          content: "";
          display: block;
          position: absolute;
          z-index: 1; }
        .widget.widget-jobinfo .sidebar-mypage-box .login-box .icon-login::before {
          top: 0px;
          left: 7px;
          right: 7px;
          width: 16px;
          height: 16px;
          background-color: #595757;
          border: 0 none;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        .widget.widget-jobinfo .sidebar-mypage-box .login-box .icon-login::after {
          left: 0px;
          right: 0px;
          bottom: 0px;
          width: 27px;
          height: 12px;
          background-color: #595757;
          border: 0 none;
          -webkit-border-top-left-radius: 5px;
          -moz-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
          -webkit-border-top-right-radius: 5px;
          -moz-border-top-right-radius: 5px;
          border-top-right-radius: 5px; }
    .widget.widget-jobinfo .sidebar-mypage-box .register-box {
      padding: 4px 0;
      float: right; }
    .widget.widget-jobinfo .sidebar-mypage-box .login-box .for-login,
    .widget.widget-jobinfo .sidebar-mypage-box .register-box .for-register {
      padding: 6px .5em;
      background-color: #52c0d4;
      border: 0 none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      color: #ffffff; }

/* Ads
------------------------------------------------*/
.ad-box {
  margin: 30px 0;
  width: 100%;
  text-align: center; }
  .ad-box img {
    max-width: 100%; }
  .ad-box.yt {
    position: relative;
    padding: 0 0 56.25%;
    height: 0px; }
    .ad-box.yt iframe {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%; }

/* new mark
------------------------------------------------*/
.newmark,
.newMark,
.new_mark,
.new-mark {
  display: inline-block;
  margin: 0 0 0 0.5em;
  padding: 0 4px;
  border: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #ff0000;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 1px; }

/* result count
------------------------------------------------*/
.result-count {
  margin: 1rem 0;
  padding: 0; }
  .result-count p {
    color: #000000;
    text-align: center; }
    .result-count p span {
      font-weight: bold;
      font-size: 20px; }

/* pagination
------------------------------------------------*/
.pagination {
  margin: 100px 0;
  width: 100%;
  text-align: center; }
  .pagination a,
  .pagination span {
    display: inline-block;
    margin: .4em .25em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    text-decoration: none; }
  .pagination a {
    background-color: #1787ff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .pagination a:hover, .pagination a:active, .pagination a.on {
      background-color: #52c0d4;
      text-decoration: none; }
  .pagination span {
    background-color: #52c0d4; }

/* page and post navigation
------------------------------------------------*/
.page-navigation,
.post-navigation {
  margin: 50px 0;
  width: 100%; }
  .page-navigation .title,
  .post-navigation .title {
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    -moz-clip-path: inset(0px 0px 99.9% 99.9%);
    -o-clip-path: inset(0px 0px 99.9% 99.9%);
    -ms-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    border: 0 none; }

.nav-links {
  width: 100%; }
  .nav-links::before, .nav-links::after {
    content: "";
    display: table;
    clear: both; }
  .nav-links .nav-previous {
    float: left; }
  .nav-links .nav-next {
    float: right; }
  .nav-links .nav-previous,
  .nav-links .nav-next {
    margin: 1rem 0; }
    .nav-links .nav-previous a,
    .nav-links .nav-next a {
      display: block;
      color: #1787ff;
      padding: 5px 12px;
      border: 1px solid #1787ff;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -o-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      text-decoration: none;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .nav-links .nav-previous a .meta-nav,
      .nav-links .nav-next a .meta-nav {
        display: inline-block;
        position: relative;
        width: 1rem;
        height: 1rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-color: #1787ff;
        vertical-align: middle; }
        .nav-links .nav-previous a .meta-nav::before,
        .nav-links .nav-next a .meta-nav::before {
          content: "";
          display: block;
          position: absolute;
          top: 25%;
          -webkit-transform: translateY(-25%);
          -moz-transform: translateY(-25%);
          -o-transform: translateY(-25%);
          -ms-transform: translateY(-25%);
          transform: translateY(-25%);
          width: 0.5rem;
          height: 0.5rem;
          border-top: 2px solid #ffffff; }
      .nav-links .nav-previous a:hover,
      .nav-links .nav-next a:hover {
        background-color: #1787ff;
        color: #ffffff; }
        .nav-links .nav-previous a:hover .meta-nav,
        .nav-links .nav-next a:hover .meta-nav {
          background-color: #ffffff; }
          .nav-links .nav-previous a:hover .meta-nav::before,
          .nav-links .nav-next a:hover .meta-nav::before {
            border-top: 2px solid #1787ff; }
  .nav-links .nav-previous a .meta-nav {
    margin: 0 .25rem 0 0; }
    .nav-links .nav-previous a .meta-nav::before {
      left: 30%;
      border-left: 2px solid #ffffff;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .nav-links .nav-previous a:hover .meta-nav::before {
    border-left: 2px solid #1787ff; }
  .nav-links .nav-next a .meta-nav {
    margin: 0 0 0 .25rem; }
    .nav-links .nav-next a .meta-nav::before {
      right: 30%;
      border-right: 2px solid #ffffff;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .nav-links .nav-next a:hover .meta-nav::before {
    border-right: 2px solid #1787ff; }

/* Main Content
------------------------------------------------*/
.archive,
.page,
.single {
  margin: 0 auto;
  width: 100%; }
  .archive .more,
  .page .more,
  .single .more {
    margin: 0 auto 5px;
    width: 300px; }
    .archive .more a,
    .page .more a,
    .single .more a {
      display: block;
      padding: 25px 0;
      width: 300px;
      border: 1px solid #000000;
      text-align: center;
      text-decoration: none;
      -webkit-box-shadow: 5px 5px 0 #000000;
      -moz-box-shadow: 5px 5px 0 #000000;
      box-shadow: 5px 5px 0 #000000;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .archive .more a:hover,
      .page .more a:hover,
      .single .more a:hover {
        background-color: #1787ff;
        color: #ffffff;
        text-decoration: none; }

/* 固定ページ
------------------------------------------------*/
.page .content,
.page .footer,
.page .header,
.page .thumb {
  width: 100%; }
.page .thumb {
  margin: 0 0 20px; }
  .page .thumb img {
    max-width: 100%; }
.page .header {
  margin: 0 0 30px;
  background-color: #1787ff; }
  .page .header .title {
    padding: 15px 30px;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px; }
    .page .header .title.shadow-effect {
      position: relative; }
      .page .header .title.shadow-effect::before, .page .header .title.shadow-effect::after {
        content: "";
        position: absolute;
        z-index: -500;
        bottom: 20px;
        width: 50%;
        height: 20%;
        max-width: 300px;
        -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75);
        box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); }
      .page .header .title.shadow-effect::before {
        left: 10px;
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg); }
      .page .header .title.shadow-effect::after {
        right: 10px;
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg); }
    .page .header .title a,
    .page .header .title img {
      display: block; }
    .page .header .title img {
      max-width: 100%; }

/* ボックスの表
------------------------------------------------*/
.table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc; }
  .table .row {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #cccccc; }
    .table .row .cell {
      display: table-cell;
      margin: 0;
      padding: 10px;
      border-right: 1px solid #cccccc; }
      .table .row .cell.col-1 {
        width: 10%; }
      .table .row .cell.col-2 {
        width: 20%; }
      .table .row .cell.col-3 {
        width: 30%; }
      .table .row .cell.col-4 {
        width: 40%; }
      .table .row .cell.col-5 {
        width: 50%; }
      .table .row .cell.col-6 {
        width: 60%; }
      .table .row .cell.col-7 {
        width: 70%; }
      .table .row .cell.col-8 {
        width: 80%; }
      .table .row .cell.col-9 {
        width: 90%; }
      .table .row .cell.col-10 {
        width: 100%; }
      .table .row .cell.half {
        width: 50%; }
  .table.table-border-none, .table.table-border-none .row, .table.table-border-none .row .cell {
    border: 0 none; }

/* 横にスワイプできる表
------------------------------------------------*/
.swipe-table-caption {
  display: none; }

.swipe-table {
  margin: 1rem 0;
  padding: 0; }
  .swipe-table .table-style,
  .swipe-table .table-style th,
  .swipe-table .table-style td {
    border: 1px solid #cccccc;
    border-collapse: collapse; }
  .swipe-table .table-style {
    width: 100%; }
    .swipe-table .table-style th,
    .swipe-table .table-style td {
      padding: 10px;
      text-align: center;
      vertical-align: middle; }
      .swipe-table .table-style th.text-left,
      .swipe-table .table-style td.text-left {
        text-align: left; }
      .swipe-table .table-style th.text-right,
      .swipe-table .table-style td.text-right {
        text-align: right; }
      .swipe-table .table-style th.col-1,
      .swipe-table .table-style td.col-1 {
        width: 1%; }
      .swipe-table .table-style th.col-2,
      .swipe-table .table-style td.col-2 {
        width: 2%; }
      .swipe-table .table-style th.col-3,
      .swipe-table .table-style td.col-3 {
        width: 3%; }
      .swipe-table .table-style th.col-4,
      .swipe-table .table-style td.col-4 {
        width: 4%; }
      .swipe-table .table-style th.col-5,
      .swipe-table .table-style td.col-5 {
        width: 5%; }
      .swipe-table .table-style th.col-6,
      .swipe-table .table-style td.col-6 {
        width: 6%; }
      .swipe-table .table-style th.col-7,
      .swipe-table .table-style td.col-7 {
        width: 7%; }
      .swipe-table .table-style th.col-8,
      .swipe-table .table-style td.col-8 {
        width: 8%; }
      .swipe-table .table-style th.col-9,
      .swipe-table .table-style td.col-9 {
        width: 9%; }
      .swipe-table .table-style th.col-10,
      .swipe-table .table-style td.col-10 {
        width: 10%; }
      .swipe-table .table-style th.col-11,
      .swipe-table .table-style td.col-11 {
        width: 11%; }
      .swipe-table .table-style th.col-12,
      .swipe-table .table-style td.col-12 {
        width: 12%; }
      .swipe-table .table-style th.col-13,
      .swipe-table .table-style td.col-13 {
        width: 13%; }
      .swipe-table .table-style th.col-14,
      .swipe-table .table-style td.col-14 {
        width: 14%; }
      .swipe-table .table-style th.col-15,
      .swipe-table .table-style td.col-15 {
        width: 15%; }
      .swipe-table .table-style th.col-16,
      .swipe-table .table-style td.col-16 {
        width: 16%; }
      .swipe-table .table-style th.col-17,
      .swipe-table .table-style td.col-17 {
        width: 17%; }
      .swipe-table .table-style th.col-18,
      .swipe-table .table-style td.col-18 {
        width: 18%; }
      .swipe-table .table-style th.col-19,
      .swipe-table .table-style td.col-19 {
        width: 19%; }
      .swipe-table .table-style th.col-20,
      .swipe-table .table-style td.col-20 {
        width: 20%; }
      .swipe-table .table-style th.col-21,
      .swipe-table .table-style td.col-21 {
        width: 21%; }
      .swipe-table .table-style th.col-22,
      .swipe-table .table-style td.col-22 {
        width: 22%; }
      .swipe-table .table-style th.col-23,
      .swipe-table .table-style td.col-23 {
        width: 23%; }
      .swipe-table .table-style th.col-24,
      .swipe-table .table-style td.col-24 {
        width: 24%; }
      .swipe-table .table-style th.col-25,
      .swipe-table .table-style td.col-25 {
        width: 25%; }
      .swipe-table .table-style th.col-26,
      .swipe-table .table-style td.col-26 {
        width: 26%; }
      .swipe-table .table-style th.col-27,
      .swipe-table .table-style td.col-27 {
        width: 27%; }
      .swipe-table .table-style th.col-28,
      .swipe-table .table-style td.col-28 {
        width: 28%; }
      .swipe-table .table-style th.col-29,
      .swipe-table .table-style td.col-29 {
        width: 29%; }
      .swipe-table .table-style th.col-30,
      .swipe-table .table-style td.col-30 {
        width: 30%; }
      .swipe-table .table-style th.col-31,
      .swipe-table .table-style td.col-31 {
        width: 31%; }
      .swipe-table .table-style th.col-32,
      .swipe-table .table-style td.col-32 {
        width: 32%; }
      .swipe-table .table-style th.col-33,
      .swipe-table .table-style td.col-33 {
        width: 33%; }
      .swipe-table .table-style th.col-34,
      .swipe-table .table-style td.col-34 {
        width: 34%; }
      .swipe-table .table-style th.col-35,
      .swipe-table .table-style td.col-35 {
        width: 35%; }
      .swipe-table .table-style th.col-36,
      .swipe-table .table-style td.col-36 {
        width: 36%; }
      .swipe-table .table-style th.col-37,
      .swipe-table .table-style td.col-37 {
        width: 37%; }
      .swipe-table .table-style th.col-38,
      .swipe-table .table-style td.col-38 {
        width: 38%; }
      .swipe-table .table-style th.col-39,
      .swipe-table .table-style td.col-39 {
        width: 39%; }
      .swipe-table .table-style th.col-40,
      .swipe-table .table-style td.col-40 {
        width: 40%; }
      .swipe-table .table-style th.col-41,
      .swipe-table .table-style td.col-41 {
        width: 41%; }
      .swipe-table .table-style th.col-42,
      .swipe-table .table-style td.col-42 {
        width: 42%; }
      .swipe-table .table-style th.col-43,
      .swipe-table .table-style td.col-43 {
        width: 43%; }
      .swipe-table .table-style th.col-44,
      .swipe-table .table-style td.col-44 {
        width: 44%; }
      .swipe-table .table-style th.col-45,
      .swipe-table .table-style td.col-45 {
        width: 45%; }
      .swipe-table .table-style th.col-46,
      .swipe-table .table-style td.col-46 {
        width: 46%; }
      .swipe-table .table-style th.col-47,
      .swipe-table .table-style td.col-47 {
        width: 47%; }
      .swipe-table .table-style th.col-48,
      .swipe-table .table-style td.col-48 {
        width: 48%; }
      .swipe-table .table-style th.col-49,
      .swipe-table .table-style td.col-49 {
        width: 49%; }
      .swipe-table .table-style th.col-50,
      .swipe-table .table-style td.col-50 {
        width: 50%; }
      .swipe-table .table-style th.col-51,
      .swipe-table .table-style td.col-51 {
        width: 51%; }
      .swipe-table .table-style th.col-52,
      .swipe-table .table-style td.col-52 {
        width: 52%; }
      .swipe-table .table-style th.col-53,
      .swipe-table .table-style td.col-53 {
        width: 53%; }
      .swipe-table .table-style th.col-54,
      .swipe-table .table-style td.col-54 {
        width: 54%; }
      .swipe-table .table-style th.col-55,
      .swipe-table .table-style td.col-55 {
        width: 55%; }
      .swipe-table .table-style th.col-56,
      .swipe-table .table-style td.col-56 {
        width: 56%; }
      .swipe-table .table-style th.col-57,
      .swipe-table .table-style td.col-57 {
        width: 57%; }
      .swipe-table .table-style th.col-58,
      .swipe-table .table-style td.col-58 {
        width: 58%; }
      .swipe-table .table-style th.col-59,
      .swipe-table .table-style td.col-59 {
        width: 59%; }
      .swipe-table .table-style th.col-60,
      .swipe-table .table-style td.col-60 {
        width: 60%; }
      .swipe-table .table-style th.col-61,
      .swipe-table .table-style td.col-61 {
        width: 61%; }
      .swipe-table .table-style th.col-62,
      .swipe-table .table-style td.col-62 {
        width: 62%; }
      .swipe-table .table-style th.col-63,
      .swipe-table .table-style td.col-63 {
        width: 63%; }
      .swipe-table .table-style th.col-64,
      .swipe-table .table-style td.col-64 {
        width: 64%; }
      .swipe-table .table-style th.col-65,
      .swipe-table .table-style td.col-65 {
        width: 65%; }
      .swipe-table .table-style th.col-66,
      .swipe-table .table-style td.col-66 {
        width: 66%; }
      .swipe-table .table-style th.col-67,
      .swipe-table .table-style td.col-67 {
        width: 67%; }
      .swipe-table .table-style th.col-68,
      .swipe-table .table-style td.col-68 {
        width: 68%; }
      .swipe-table .table-style th.col-69,
      .swipe-table .table-style td.col-69 {
        width: 69%; }
      .swipe-table .table-style th.col-70,
      .swipe-table .table-style td.col-70 {
        width: 70%; }
      .swipe-table .table-style th.col-71,
      .swipe-table .table-style td.col-71 {
        width: 71%; }
      .swipe-table .table-style th.col-72,
      .swipe-table .table-style td.col-72 {
        width: 72%; }
      .swipe-table .table-style th.col-73,
      .swipe-table .table-style td.col-73 {
        width: 73%; }
      .swipe-table .table-style th.col-74,
      .swipe-table .table-style td.col-74 {
        width: 74%; }
      .swipe-table .table-style th.col-75,
      .swipe-table .table-style td.col-75 {
        width: 75%; }
      .swipe-table .table-style th.col-76,
      .swipe-table .table-style td.col-76 {
        width: 76%; }
      .swipe-table .table-style th.col-77,
      .swipe-table .table-style td.col-77 {
        width: 77%; }
      .swipe-table .table-style th.col-78,
      .swipe-table .table-style td.col-78 {
        width: 78%; }
      .swipe-table .table-style th.col-79,
      .swipe-table .table-style td.col-79 {
        width: 79%; }
      .swipe-table .table-style th.col-80,
      .swipe-table .table-style td.col-80 {
        width: 80%; }
      .swipe-table .table-style th.col-81,
      .swipe-table .table-style td.col-81 {
        width: 81%; }
      .swipe-table .table-style th.col-82,
      .swipe-table .table-style td.col-82 {
        width: 82%; }
      .swipe-table .table-style th.col-83,
      .swipe-table .table-style td.col-83 {
        width: 83%; }
      .swipe-table .table-style th.col-84,
      .swipe-table .table-style td.col-84 {
        width: 84%; }
      .swipe-table .table-style th.col-85,
      .swipe-table .table-style td.col-85 {
        width: 85%; }
      .swipe-table .table-style th.col-86,
      .swipe-table .table-style td.col-86 {
        width: 86%; }
      .swipe-table .table-style th.col-87,
      .swipe-table .table-style td.col-87 {
        width: 87%; }
      .swipe-table .table-style th.col-88,
      .swipe-table .table-style td.col-88 {
        width: 88%; }
      .swipe-table .table-style th.col-89,
      .swipe-table .table-style td.col-89 {
        width: 89%; }
      .swipe-table .table-style th.col-90,
      .swipe-table .table-style td.col-90 {
        width: 90%; }
      .swipe-table .table-style th.col-91,
      .swipe-table .table-style td.col-91 {
        width: 91%; }
      .swipe-table .table-style th.col-92,
      .swipe-table .table-style td.col-92 {
        width: 92%; }
      .swipe-table .table-style th.col-93,
      .swipe-table .table-style td.col-93 {
        width: 93%; }
      .swipe-table .table-style th.col-94,
      .swipe-table .table-style td.col-94 {
        width: 94%; }
      .swipe-table .table-style th.col-95,
      .swipe-table .table-style td.col-95 {
        width: 95%; }
      .swipe-table .table-style th.col-96,
      .swipe-table .table-style td.col-96 {
        width: 96%; }
      .swipe-table .table-style th.col-97,
      .swipe-table .table-style td.col-97 {
        width: 97%; }
      .swipe-table .table-style th.col-98,
      .swipe-table .table-style td.col-98 {
        width: 98%; }
      .swipe-table .table-style th.col-99,
      .swipe-table .table-style td.col-99 {
        width: 99%; }
      .swipe-table .table-style th.col-100,
      .swipe-table .table-style td.col-100 {
        width: 100%; }
      .swipe-table .table-style th .black-circle,
      .swipe-table .table-style td .black-circle {
        display: inline-block;
        width: 0.8rem;
        height: 0.8rem;
        background-color: currentColor;
        border: 0 none;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%; }
      .swipe-table .table-style th.bg-red,
      .swipe-table .table-style td.bg-red {
        background-color: #fae4e1; }
      .swipe-table .table-style th.bg-blue,
      .swipe-table .table-style td.bg-blue {
        background-color: #e7f4f4; }
      .swipe-table .table-style th.bg-purple,
      .swipe-table .table-style td.bg-purple {
        background-color: #f1e7ea; }
      .swipe-table .table-style th.bg-orange,
      .swipe-table .table-style td.bg-orange {
        background-color: #fdf2e2; }
      .swipe-table .table-style th.bg-yellow,
      .swipe-table .table-style td.bg-yellow {
        background-color: #fdfbde; }
      .swipe-table .table-style th.bg-green,
      .swipe-table .table-style td.bg-green {
        background-color: #d6f3d9; }
      .swipe-table .table-style th.bg-green-1,
      .swipe-table .table-style td.bg-green-1 {
        background-color: #7ac890; }
      .swipe-table .table-style th.bg-green-2,
      .swipe-table .table-style td.bg-green-2 {
        background-color: #8cdaa2; }
      .swipe-table .table-style th.bg-green-3,
      .swipe-table .table-style td.bg-green-3 {
        background-color: #9debb3; }
      .swipe-table .table-style th.bg-green-4,
      .swipe-table .table-style td.bg-green-4 {
        background-color: #b0ffc6; }
      .swipe-table .table-style th.bg-green-5,
      .swipe-table .table-style td.bg-green-5 {
        background-color: #ccffd9; }

/* 定義済みの表
------------------------------------------------*/
.defined-table {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc; }
  .defined-table dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cccccc; }
    .defined-table dl dt,
    .defined-table dl dd {
      display: table-cell;
      padding: 10px;
      border-right: 1px solid #cccccc;
      text-align: left;
      vertical-align: top; }
    .defined-table dl dt {
      width: 30%;
      background-color: #dffae5; }
    .defined-table dl dd {
      width: 70%; }
  .defined-table.border-none, .defined-table.border-none dl, .defined-table.border-none dl dt, .defined-table.border-none dl dd {
    border: 0 none; }

/* box
------------------------------------------------*/
.box {
  margin: 2em 0 4em;
  width: 100%; }
  .box::before, .box::after {
    content: "";
    display: table;
    clear: both; }
  .box p {
    font-size: 14px;
    line-height: 2em; }
  .box > .contactinfo,
  .box > .content,
  .box > .footer,
  .box > .header {
    width: 100%; }
  .box > .title {
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: 5px solid #52c0d4;
    color: #3e3a39;
    font-weight: 600;
    font-size: 16px; }
  .box > .image {
    width: 100%; }
    .box > .image img {
      max-width: 100%; }
  .box > .thumb {
    width: 30%;
    float: right;
    text-align: center; }
    .box > .thumb img {
      max-width: 100%; }
  .box > .text {
    width: 60%;
    float: left; }
  .box > .contactinfo {
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea; }
    .box > .contactinfo dl {
      display: table;
      width: 100%;
      border-bottom: 1px solid #eaeaea; }
      .box > .contactinfo dl dt,
      .box > .contactinfo dl dd {
        display: table-cell;
        padding: 20px;
        text-align: left;
        vertical-align: top; }
      .box > .contactinfo dl dt {
        width: 20%; }
      .box > .contactinfo dl dd {
        width: 80%; }

/* View Frame
------------------------------------------------*/
.view-frame {
  position: relative;
  margin: 1rem 0;
  padding: 0 0 50%;
  width: 100%;
  height: 0; }
  .view-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    outline: 0 none;
    text-decoration: none; }

/* View Map Frame
------------------------------------------------*/
.view-map-frame {
  position: relative;
  margin: 1rem 0;
  padding: 0 0 30%;
  width: 100%;
  height: 0; }
  .view-map-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    outline: 0 none;
    text-decoration: none; }

/* 会社案内
------------------------------------------------*/
.page.company .tb-career {
  display: table;
  width: 100%; }
  .page.company .tb-career dt,
  .page.company .tb-career dd {
    display: table-cell;
    padding: 0;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    line-height: 2em; }
  .page.company .tb-career dt {
    width: 5.5em; }
  .page.company .tb-career dd {
    width: auto; }
.page.company .com-table {
  width: 100%;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  color: #000000; }
  .page.company .com-table dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #dddddd; }
    .page.company .com-table dl dt,
    .page.company .com-table dl dd {
      display: table-cell;
      padding: .5rem;
      border-right: 1px solid #dddddd;
      text-align: left;
      vertical-align: top;
      font-size: 1rem;
      line-height: 2rem; }
    .page.company .com-table dl dt {
      width: 25%; }
    .page.company .com-table dl dd {
      width: 75%; }
      .page.company .com-table dl dd span {
        display: inline-block;
        margin-right: .5rem; }
.page.company .org-chart {
  margin: 0 auto;
  width: 480px;
  text-align: center; }
  .page.company .org-chart img {
    max-width: 100%; }
.page.company .icon-atmark {
  display: inline-block; }
  .page.company .icon-atmark svg {
    width: 1em;
    height: 1em;
    fill: #000000; }

/* お問合せ
------------------------------------------------*/
/* プライバシーポリシー
------------------------------------------------*/
/* サイトマップ
------------------------------------------------*/
.page.sitemap .sitemap-nav,
.page.sitemap .sitemap-nav ul,
.page.sitemap .sitemap-nav li {
  list-style: none; }
.page.sitemap .sitemap-nav {
  *zoom: 1;
  background-color: #ffffff;
  border-top: 2px solid #1787ff;
  border-right: 2px solid #1787ff;
  border-left: 2px solid #1787ff; }
  .page.sitemap .sitemap-nav a {
    color: #1787ff;
    text-decoration: none; }
    .page.sitemap .sitemap-nav a:hover {
      background-color: rgba(23, 135, 255, 0.6);
      color: #ffffff; }
  .page.sitemap .sitemap-nav li {
    position: relative; }
  .page.sitemap .sitemap-nav > li {
    width: 100%; }
    .page.sitemap .sitemap-nav > li > a {
      display: block;
      padding: 8px 1rem;
      width: 100%;
      height: 40px;
      line-height: 20px;
      border-bottom: 2px solid #1787ff; }
      .page.sitemap .sitemap-nav > li > a .submenu {
        display: block;
        position: absolute;
        top: 18px;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-left: 2px solid #1787ff; }
        .page.sitemap .sitemap-nav > li > a .submenu::before, .page.sitemap .sitemap-nav > li > a .submenu::after {
          content: "";
          display: block;
          position: absolute;
          top: 49%;
          right: 23%;
          width: 20px;
          height: 2px;
          background-color: #1787ff;
          border: 0 none;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -o-border-radius: 2px;
          -ms-border-radius: 2px;
          border-radius: 2px;
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -ms-transition: 0.5s;
          transition: 0.5s; }
        .page.sitemap .sitemap-nav > li > a .submenu::after {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        .page.sitemap .sitemap-nav > li > a .submenu:hover::before, .page.sitemap .sitemap-nav > li > a .submenu:hover::after {
          background-color: #ffffff; }
    .page.sitemap .sitemap-nav > li.hover > a {
      background-color: rgba(23, 135, 255, 0.6);
      color: #ffffff; }
      .page.sitemap .sitemap-nav > li.hover > a > .submenu::before {
        background-color: #ffffff; }
      .page.sitemap .sitemap-nav > li.hover > a > .submenu::after {
        background-color: transparent; }
  .page.sitemap .sitemap-nav li ul {
    position: absolute;
    left: -9999px; }
  .page.sitemap .sitemap-nav > li.hover > ul {
    left: 0; }
  .page.sitemap .sitemap-nav li li.hover ul {
    left: 100%;
    top: 0; }
  .page.sitemap .sitemap-nav li li a {
    display: block;
    background-color: #ffffff;
    position: relative;
    z-index: 100;
    color: #1787ff;
    text-align: left;
    padding: 10px 1rem 10px 2rem;
    font-size: 12px;
    height: 40px;
    line-height: 20px; }
  .page.sitemap .sitemap-nav li li li a {
    background-color: #1787ff;
    z-index: 200; }
  .page.sitemap .sitemap-nav ul {
    display: block;
    width: 100%; }
  .page.sitemap .sitemap-nav > li.hover > ul,
  .page.sitemap .sitemap-nav li li.hover ul {
    position: static; }
  .page.sitemap .sitemap-nav > li.hover > a > span::after {
    background-color: rgba(23, 135, 255, 0); }
  .page.sitemap .sitemap-nav li.hover li a {
    background-color: #ffffff;
    border-bottom: 2px solid #1787ff; }
    .page.sitemap .sitemap-nav li.hover li a:hover {
      background-color: rgba(23, 135, 255, 0.6); }

/* ご利用ありがとうございます
------------------------------------------------*/
.page.thankyou .box,
.page.thank-you .box {
  margin: 1rem 0; }

/* 投稿一覧
------------------------------------------------*/
.archive > .content,
.archive > .footer,
.archive > .header {
  width: 100%; }
.archive > .header {
  background-color: #1787ff; }
  .archive > .header > .title {
    padding: 15px 30px;
    color: #3e3a39;
    font-weight: 600;
    font-size: 18px; }
    .archive > .header > .title.shadow-effect {
      position: relative; }
      .archive > .header > .title.shadow-effect::before, .archive > .header > .title.shadow-effect::after {
        content: "";
        position: absolute;
        z-index: -500;
        bottom: 20px;
        width: 50%;
        height: 20%;
        max-width: 300px;
        -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75);
        box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); }
      .archive > .header > .title.shadow-effect::before {
        left: 10px;
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg); }
      .archive > .header > .title.shadow-effect::after {
        right: 10px;
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -o-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg); }
  .archive > .header.bgcolor > .title {
    color: #ffffff; }
.archive > .content {
  margin: 0;
  padding: 0; }
.archive > .footer {
  margin: 0;
  padding: 0; }
  .archive > .footer > .more {
    width: 100%;
    text-align: right; }
    .archive > .footer > .more a {
      display: inline-block;
      padding: 10px;
      width: 130px;
      color: #1787ff;
      text-align: center; }
    .archive > .footer > .more img {
      max-width: 100%; }
.archive.news > .header {
  background-color: #24d4ba; }
  .archive.news > .header > .title {
    color: #ffffff; }
.archive.seminars > .header {
  background-color: #e78900; }
  .archive.seminars > .header > .title {
    color: #ffffff; }
.archive.events > .header {
  background-color: #ff72bd; }
  .archive.events > .header > .title {
    color: #ffffff; }
.archive.feature > .header {
  background-color: #ff0000; }
  .archive.feature > .header > .title {
    color: #ffffff; }
.archive.humanresources > .header {
  background-color: #02005c; }
  .archive.humanresources > .header > .title {
    color: #ffffff; }
.archive.organization > .header {
  background-color: #003d00; }
  .archive.organization > .header > .title {
    color: #ffffff; }
.archive.sales > .header {
  background-color: #0039ff; }
  .archive.sales > .header > .title {
    color: #ffffff; }
.archive.jobinfo > .header {
  background-color: #00bf17; }
  .archive.jobinfo > .header > .title {
    color: #ffffff; }
.archive.organization .org-table table th,
.archive.organization .org-table table td {
  padding: 3px 0;
  vertical-align: top; }
.archive.organization .org-table table th {
  width: 85px; }
.archive.organization .org-table table td {
  width: calc(100% - 85px); }
.archive.organization .org-table .org-area,
.archive.organization .org-table .org-url {
  display: inline-block;
  margin-right: .5rem; }
.archive.search > .header {
  background-color: #52c0d4; }
  .archive.search > .header > .title {
    color: #ffffff; }
.archive.recent-posts > .header > .title {
  font-size: 14px; }

/* 投稿一覧のリスト
------------------------------------------------*/
.post-box-all {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 50px;
  width: 100%; }
  .post-box-all::before, .post-box-all::after {
    content: "";
    display: table;
    clear: both; }
  .post-box-all .post-box {
    margin: 0 0 30px;
    width: 50%;
    float: left; }
    .post-box-all .post-box::before, .post-box-all .post-box::after {
      content: "";
      display: table;
      clear: both; }
    .post-box-all .post-box .pb-title {
      margin: 0 0 15px;
      padding: 0 1.8em 5px 0;
      color: #3e3a39;
      font-weight: 600;
      font-size: 16px;
      text-align: left;
      border-bottom: 5px solid #999999;
      overflow: hidden; }
      .post-box-all .post-box .pb-title a {
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        color: #3e3a39;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
        .post-box-all .post-box .pb-title a:hover {
          text-decoration: none; }
    .post-box-all .post-box .pb-list {
      width: 100%; }
    .post-box-all .post-box.cate-color-1 .pb-title {
      border-bottom-color: #ff0000; }
      .post-box-all .post-box.cate-color-1 .pb-title a:hover {
        color: #ff0000; }
    .post-box-all .post-box.cate-color-2 .pb-title {
      border-bottom-color: #24d4ba; }
      .post-box-all .post-box.cate-color-2 .pb-title a:hover {
        color: #24d4ba; }
    .post-box-all .post-box.cate-color-3 .pb-title {
      border-bottom-color: #51b033; }
      .post-box-all .post-box.cate-color-3 .pb-title a:hover {
        color: #51b033; }
    .post-box-all .post-box.cate-color-4 .pb-title {
      border-bottom-color: #ffcf00; }
      .post-box-all .post-box.cate-color-4 .pb-title a:hover {
        color: #ffcf00; }
    .post-box-all .post-box.cate-color-5 .pb-title {
      border-bottom-color: #e78900; }
      .post-box-all .post-box.cate-color-5 .pb-title a:hover {
        color: #e78900; }
    .post-box-all .post-box.cate-color-6 .pb-title {
      border-bottom-color: #ff72bd; }
      .post-box-all .post-box.cate-color-6 .pb-title a:hover {
        color: #ff72bd; }
    .post-box-all .post-box.cate-color-7 .pb-title {
      border-bottom-color: #0039ff; }
      .post-box-all .post-box.cate-color-7 .pb-title a:hover {
        color: #0039ff; }
    .post-box-all .post-box.cate-color-8 .pb-title {
      border-bottom-color: #00bf17; }
      .post-box-all .post-box.cate-color-8 .pb-title a:hover {
        color: #00bf17; }

.pl {
  margin: 15px 0; }
  .pl::before, .pl::after {
    content: "";
    display: table;
    clear: both; }
  .pl .pl-image {
    width: 75px;
    float: left; }
    .pl .pl-image a {
      display: inline-block; }
    .pl .pl-image img {
      max-width: 100%; }
  .pl .pl-texts {
    position: relative;
    margin: 0 0 0 85px;
    padding: 0 1.3em 0 0; }
    .pl .pl-texts > .pl-tel {
      position: absolute;
      z-index: 1;
      top: -10px;
      right: 0;
      width: 260px; }
      .pl .pl-texts > .pl-tel a {
        display: block;
        padding: 8px 0 2px;
        width: 100%;
        background: #ffffff url("../images/icon-earth.png") no-repeat right center scroll;
        color: #003d00;
        font-size: 24px;
        line-height: 30px;
        text-align: left;
        pointer-events: none; }
        .pl .pl-texts > .pl-tel a:hover {
          text-decoration: none; }
  .pl .pl-title,
  .pl .pl-info {
    width: 100%;
    overflow: hidden;
    white-space: nowrap; }
  .pl .pl-title {
    font-weight: 400; }
  .pl .pl-info .pl-entry-author,
  .pl .pl-info .pl-entry-date,
  .pl .pl-info .pl-entry-term {
    display: inline-block;
    position: relative;
    margin: 0 0.75em 0 0;
    padding: 0 0 0 13px;
    color: #999999;
    font-size: 11px; }
    .pl .pl-info .pl-entry-author::before,
    .pl .pl-info .pl-entry-date::before,
    .pl .pl-info .pl-entry-term::before {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      font-family: "Font Awesome 5 Free";
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      color: currentColor;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      font-size: 11px;
      line-height: 1; }
    .pl .pl-info .pl-entry-author a,
    .pl .pl-info .pl-entry-date a,
    .pl .pl-info .pl-entry-term a {
      display: inline-block;
      margin: 0 1em 0 0;
      color: currentColor;
      font-size: 11px; }
  .pl .pl-info .pl-entry-author::before {
    content: "\f007"; }
  .pl .pl-info .pl-entry-date::before {
    content: "\f073"; }
  .pl .pl-info .pl-entry-term::before {
    content: "\f15b"; }
  .pl .pl-info dl {
    display: inline-block;
    margin: 0 1em 0 0; }
    .pl .pl-info dl dt,
    .pl .pl-info dl dd {
      display: inline-block; }
    .pl .pl-info dl dd {
      margin: 0 1em 0 0; }
      .pl .pl-info dl dd a,
      .pl .pl-info dl dd span {
        display: inline-block;
        margin: 0 1em 0 0; }
    .pl .pl-info dl dt,
    .pl .pl-info dl dd,
    .pl .pl-info dl dd a,
    .pl .pl-info dl dd span {
      color: #000000;
      font-size: 13px; }
  .pl .pl-info.pl-children-block {
    line-height: 1.3em; }
    .pl .pl-info.pl-children-block dl {
      display: block; }
      .pl .pl-info.pl-children-block dl dt,
      .pl .pl-info.pl-children-block dl dd,
      .pl .pl-info.pl-children-block dl dd a,
      .pl .pl-info.pl-children-block dl dd span {
        font-size: 12px; }
  .pl .pl-desc {
    width: 100%;
    height: 2.8em;
    overflow: hidden;
    font-weight: 300;
    font-size: 12px; }
  .pl .pl-txt {
    margin: 1rem 0;
    font-weight: 400;
    font-size: 14px; }
  .pl .pl-more {
    margin: 15px 0;
    width: 100%; }
    .pl .pl-more a {
      display: inline-block;
      position: relative;
      padding: 15px 40px 15px 20px;
      border: 1px solid #232323;
      background-color: #f7f7f7;
      color: #525252;
      font-size: 14px;
      text-align: center;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .pl .pl-more a::before, .pl .pl-more a::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 8px;
        height: 8px;
        border-top: 1px solid #525252;
        border-right: 1px solid #525252;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }
      .pl .pl-more a::before {
        right: 30px; }
      .pl .pl-more a::after {
        right: 20px; }
      .pl .pl-more a:hover {
        background-color: #232323;
        color: #ffffff;
        text-decoration: none; }
        .pl .pl-more a:hover::before, .pl .pl-more a:hover::after {
          border-top: 1px solid #ffffff;
          border-right: 1px solid #ffffff; }
  .pl .cf {
    width: 100%; }
    .pl .cf::before, .pl .cf::after {
      content: "";
      display: table;
      clear: both; }
    .pl .cf-box2, .pl .cf-box3, .pl .cf-table {
      width: 100%;
      overflow: hidden; }
      .pl .cf-box2 dl, .pl .cf-box3 dl, .pl .cf-table dl {
        display: table;
        table-layout: fixed; }
        .pl .cf-box2 dl dt,
        .pl .cf-box2 dl dd, .pl .cf-box3 dl dt,
        .pl .cf-box3 dl dd, .pl .cf-table dl dt,
        .pl .cf-table dl dd {
          display: table-cell;
          vertical-align: top;
          text-align: left;
          color: #000000;
          font-weight: 300;
          font-size: 12px; }
          .pl .cf-box2 dl dt *,
          .pl .cf-box2 dl dd *, .pl .cf-box3 dl dt *,
          .pl .cf-box3 dl dd *, .pl .cf-table dl dt *,
          .pl .cf-table dl dd * {
            font-size: 12px; }
        .pl .cf-box2 dl dt, .pl .cf-box3 dl dt, .pl .cf-table dl dt {
          width: 6em; }
        .pl .cf-box2 dl dd, .pl .cf-box3 dl dd, .pl .cf-table dl dd {
          width: auto;
          position: relative;
          padding: 0 0 0 1em; }
          .pl .cf-box2 dl dd::before, .pl .cf-box3 dl dd::before, .pl .cf-table dl dd::before {
            content: "：";
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            color: currentColor;
            font-size: 1em; }
          .pl .cf-box2 dl dd a, .pl .cf-box3 dl dd a, .pl .cf-table dl dd a {
            color: currentColor; }
    .pl .cf-box2 dl, .pl .cf-box3 dl {
      padding: 0 10px 0 0;
      float: left; }
    .pl .cf-box2 {
      margin: 0 0 10px;
      width: 66.6666666667%; }
      .pl .cf-box2 dl {
        width: 50%; }
    .pl .cf-box3 {
      margin: 10px 0 0; }
      .pl .cf-box3 dl {
        width: calc(100% / 3); }
        .pl .cf-box3 dl dd a {
          display: inline-block;
          margin: 0 .5em 0 0; }
    .pl .cf-table {
      margin: 0 0 10px; }
      .pl .cf-table dl {
        width: 100%; }
        .pl .cf-table dl dt {
          width: 6em; }
        .pl .cf-table dl dd {
          width: auto; }
  .pl.medium {
    margin: 0;
    padding: 30px 0 15px;
    border-bottom: 1px solid #222222; }
    .pl.medium .pl-image {
      width: 141px; }
    .pl.medium .pl-texts {
      margin: 0 0 0 160px; }
    .pl.medium .pl-title {
      font-size: 20px; }
    .pl.medium .pl-info {
      margin: 10px 0; }
      .pl.medium .pl-info .pl-entry-author,
      .pl.medium .pl-info .pl-entry-date,
      .pl.medium .pl-info .pl-entry-term {
        font-size: 13px; }
        .pl.medium .pl-info .pl-entry-author a,
        .pl.medium .pl-info .pl-entry-date a,
        .pl.medium .pl-info .pl-entry-term a {
          font-size: 13px; }
    .pl.medium .pl-desc {
      font-weight: 300;
      font-size: 14px; }
  .pl.full {
    margin: 0;
    padding: 30px 0 15px; }
    .pl.full .pl-title {
      font-size: 20px; }
    .pl.full .pl-texts {
      margin: 0;
      width: 100%;
      float: none; }
  .pl.news {
    border-bottom: 1px solid #666666; }
    .pl.news .pl-title a,
    .pl.news .pl-title span {
      color: #24d4ba; }
    .pl.news .pl-more a:hover {
      background-color: #24d4ba; }
  .pl.seminars {
    border-bottom: 1px solid #666666; }
    .pl.seminars .pl-title a,
    .pl.seminars .pl-title span {
      color: #e78900; }
    .pl.seminars .pl-more a:hover {
      background-color: #e78900; }
  .pl.events {
    border-bottom: 1px solid #666666; }
    .pl.events .pl-title a,
    .pl.events .pl-title span {
      color: #ff72bd; }
    .pl.events .pl-more a:hover {
      background-color: #ff72bd; }
  .pl.feature {
    border-bottom: 1px solid #666666; }
    .pl.feature .pl-title a,
    .pl.feature .pl-title span {
      color: #ff0000; }
    .pl.feature .pl-more a:hover {
      background-color: #ff0000; }
  .pl.humanresources {
    border-bottom: 1px solid #666666; }
    .pl.humanresources .pl-title a,
    .pl.humanresources .pl-title span {
      color: #02005c; }
    .pl.humanresources .pl-more a:hover {
      background-color: #02005c; }
  .pl.organization {
    border-bottom: 1px solid #666666; }
    .pl.organization .pl-title a,
    .pl.organization .pl-title span {
      color: #003d00; }
    .pl.organization .pl-more a:hover {
      background-color: #003d00; }
  .pl.sales {
    border-bottom: 1px solid #666666; }
    .pl.sales .pl-title a,
    .pl.sales .pl-title span {
      color: #0039ff; }
    .pl.sales .pl-more a:hover {
      background-color: #0039ff; }
  .pl.jobinfo {
    border-bottom: 1px solid #666666; }
    .pl.jobinfo .pl-title a,
    .pl.jobinfo .pl-title span {
      color: #00bf17; }
    .pl.jobinfo .pl-more a:hover {
      background-color: #00bf17; }
  .pl.full.seminars .pl-title, .pl.full.events .pl-title, .pl.full.organization .pl-title {
    font-size: 20px; }
  .pl.jobinfo {
    position: relative; }
    .pl.jobinfo .pl-texts .pl-column,
    .pl.jobinfo .pl-texts .pl-content {
      width: 100%; }
    .pl.jobinfo .pl-texts header.pl-column {
      margin: 0 0 5px; }
    .pl.jobinfo .pl-texts footer.pl-column {
      margin: 5px 0 0; }
    .pl.jobinfo .pl-texts .pl-column {
      position: relative; }
      .pl.jobinfo .pl-texts .pl-column .pl-title,
      .pl.jobinfo .pl-texts .pl-column .pl-salary {
        width: auto;
        color: #00bf17;
        font-size: 20px;
        line-height: 1.5; }
      .pl.jobinfo .pl-texts .pl-column .pl-company,
      .pl.jobinfo .pl-texts .pl-column .pl-title {
        text-align: left; }
      .pl.jobinfo .pl-texts .pl-column .pl-salary,
      .pl.jobinfo .pl-texts .pl-column .pl-readmore {
        position: absolute;
        z-index: 1;
        top: 0px;
        right: 0px;
        background-color: #ffffff; }
      .pl.jobinfo .pl-texts .pl-column .pl-salary {
        text-align: right;
        overflow: hidden;
        white-space: nowrap; }
      .pl.jobinfo .pl-texts .pl-column .pl-company {
        padding: .6rem 0;
        color: #000000; }
      .pl.jobinfo .pl-texts .pl-column .pl-readmore {
        width: 180px; }
        .pl.jobinfo .pl-texts .pl-column .pl-readmore a {
          display: block;
          padding: .6rem .8rem;
          width: 100%;
          border: 0 none;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          background-color: #52c0d4;
          color: #ffffff;
          font-weight: 600;
          text-align: center; }
          .pl.jobinfo .pl-texts .pl-column .pl-readmore a:hover {
            text-decoration: none; }
    .pl.jobinfo .pl-texts .pl-item {
      margin: 5px 0;
      width: 100%;
      text-align: left;
      overflow: hidden;
      white-space: nowrap; }
      .pl.jobinfo .pl-texts .pl-item span {
        display: inline-block;
        margin-right: 1rem;
        color: #575757;
        font-weight: 600;
        font-size: 18px; }

.post-none {
  margin: 2rem 0; }

.sales-box {
  margin: 0 0 0 -30px;
  padding: 30px 0 0;
  width: 986px; }
  .sales-box::before, .sales-box::after {
    content: "";
    display: table;
    clear: both; }
  .sales-box .sl {
    margin: 0 0 30px 30px;
    width: 215px;
    float: left; }
    .sales-box .sl .sl-image {
      width: 100%; }
      .sales-box .sl .sl-image a {
        display: block;
        width: 100%; }
        .sales-box .sl .sl-image a img {
          max-width: 100%; }
    .sales-box .sl .sl-texts {
      padding: 1em 0 0;
      width: 100%; }
    .sales-box .sl .sl-title,
    .sales-box .sl .sl-title a {
      color: #1787ff;
      font-weight: normal;
      font-size: 16px; }
    .sales-box .sl .sl-fees {
      text-align: left; }
    .sales-box .sl .sl-price {
      display: inline-block;
      margin: 0 .5em 0 0;
      color: #c0151a;
      font-weight: normal;
      font-size: 16px; }
    .sales-box .sl .sl-shipping-cost {
      display: inline-block;
      color: #000000;
      font-weight: normal;
      font-size: 11px; }
    .sales-box .sl .sl-comment {
      font-weight: normal;
      font-size: 11px; }

/* 個別記事(デフォルト・お知らせ)
------------------------------------------------*/
.single {
  margin: 20px 0 50px;
  width: 100%;
  border-bottom: 1px solid #231815; }
  .single > .header,
  .single > .info,
  .single > .content,
  .single > .footer {
    width: 100%; }
  .single > .header {
    background-color: #ffffff; }
    .single > .header > .title {
      color: #3e3a39;
      font-weight: 600;
      font-size: 24px;
      text-align: left; }
  .single > .info {
    margin: 20px 0; }
    .single > .info .entry-author,
    .single > .info .entry-date,
    .single > .info .entry-term {
      display: inline-block;
      position: relative;
      margin: 0 1em 0 0;
      padding: 0 0 0 13px;
      color: #999999;
      font-size: 13px; }
      .single > .info .entry-author::before,
      .single > .info .entry-date::before,
      .single > .info .entry-term::before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        font-family: "Font Awesome 5 Free";
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        color: currentColor;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 13px;
        line-height: 1; }
      .single > .info .entry-author a,
      .single > .info .entry-date a,
      .single > .info .entry-term a {
        display: inline-block;
        margin: 0 1em 0 0;
        color: currentColor;
        font-size: 13px; }
    .single > .info .entry-author::before {
      content: "\f007"; }
    .single > .info .entry-date::before {
      content: "\f073"; }
    .single > .info .entry-term::before {
      content: "\f15b"; }
  .single > .content {
    margin: 20px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5; }
    .single > .content::before, .single > .content::after {
      content: "";
      display: table;
      clear: both; }
    .single > .content > .image {
      display: inline-block;
      margin: 0 2em 0 0;
      width: 141px;
      float: left; }
      .single > .content > .image img {
        max-width: 100%; }
    .single > .content p,
    .single > .content li {
      margin: 0 0 1em;
      line-height: 1.6; }
    .single > .content ol,
    .single > .content ul {
      padding: 0 0 0 2em; }
    .single > .content ol {
      counter-reset: decimal;
      list-style-type: decimal; }
    .single > .content ul {
      list-style-type: disc; }
      .single > .content ul ul {
        list-style-type: circle; }
  .single > .footer {
    margin: 20px 0; }
  .single .pl.medium {
    margin: 0 0 60px;
    padding: 0;
    border-bottom: 0 none; }
  .single .pl .pl-texts > .pl-tel {
    position: static;
    z-index: auto;
    top: auto;
    right: 0;
    width: 100%; }
    .single .pl .pl-texts > .pl-tel a {
      margin: 0 0 0 auto;
      width: 260px; }
  .single .cf {
    width: 100%; }
    .single .cf::before, .single .cf::after {
      content: "";
      display: table;
      clear: both; }
    .single .cf-box2, .single .cf-box3, .single .cf-table {
      width: 100%; }
      .single .cf-box2 dl, .single .cf-box3 dl, .single .cf-table dl {
        display: table;
        table-layout: fixed; }
        .single .cf-box2 dl dt,
        .single .cf-box2 dl dd, .single .cf-box3 dl dt,
        .single .cf-box3 dl dd, .single .cf-table dl dt,
        .single .cf-table dl dd {
          display: table-cell;
          vertical-align: top;
          text-align: left;
          color: #000000;
          font-size: 12px;
          line-height: 1.6; }
          .single .cf-box2 dl dt *,
          .single .cf-box2 dl dd *, .single .cf-box3 dl dt *,
          .single .cf-box3 dl dd *, .single .cf-table dl dt *,
          .single .cf-table dl dd * {
            font-size: 12px;
            line-height: 1.6; }
        .single .cf-box2 dl dt, .single .cf-box3 dl dt, .single .cf-table dl dt {
          width: 6em; }
        .single .cf-box2 dl dd, .single .cf-box3 dl dd, .single .cf-table dl dd {
          width: auto;
          position: relative;
          padding: 0 0 0 1em; }
          .single .cf-box2 dl dd::before, .single .cf-box3 dl dd::before, .single .cf-table dl dd::before {
            content: "：";
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            color: currentColor;
            font-size: 1em; }
          .single .cf-box2 dl dd a, .single .cf-box3 dl dd a, .single .cf-table dl dd a {
            color: currentColor; }
    .single .cf-box2 dl, .single .cf-box3 dl {
      padding: 0 10px 0 0;
      float: left; }
    .single .cf-box2 {
      margin: 0 0 10px;
      width: 66.6666666667%; }
      .single .cf-box2 dl {
        width: 50%; }
    .single .cf-box3 {
      margin: 10px 0 0; }
      .single .cf-box3 dl {
        width: 33.3333333333%; }
        .single .cf-box3 dl dd a {
          display: inline-block;
          margin: 0 .5em 0 0; }
    .single .cf-table {
      margin: 0 0 10px; }
      .single .cf-table dl {
        width: 100%; }
        .single .cf-table dl dt {
          width: 6em; }
        .single .cf-table dl dd {
          width: auto; }
  .single.news > .header > .title {
    color: #24d4ba; }
  .single.seminars > .header > .title {
    color: #e78900; }
  .single.events > .header > .title {
    color: #ff72bd; }
  .single.feature > .header > .title {
    color: #ff0000; }
  .single.humanresources > .header > .title {
    color: #02005c; }
  .single.organization > .header > .title {
    color: #003d00; }
  .single.sales > .header > .title {
    color: #0039ff; }
  .single.jobinfo > .header > .title {
    color: #00bf17; }
  .single.corporates > .header, .single.organization > .header {
    position: relative; }
    .single.corporates > .header > .org-tel, .single.organization > .header > .org-tel {
      margin: 10px 0 0;
      width: 260px; }
      .single.corporates > .header > .org-tel a, .single.organization > .header > .org-tel a {
        display: block;
        padding: 8px 0 2px;
        width: 100%;
        background: #ffffff url(../images/icon-earth.png) no-repeat right center scroll;
        color: #003d00;
        font-size: 24px;
        line-height: 30px;
        text-align: left;
        pointer-events: none; }
        .single.corporates > .header > .org-tel a:hover, .single.organization > .header > .org-tel a:hover {
          text-decoration: none; }
  .single.corporates .org-box, .single.organization .org-box {
    width: 100%; }
    .single.corporates .org-box::before, .single.corporates .org-box::after, .single.organization .org-box::before, .single.organization .org-box::after {
      content: "";
      display: table;
      clear: both; }
    .single.corporates .org-box .org-image, .single.organization .org-box .org-image {
      width: 140px;
      float: left; }
    .single.corporates .org-box .org-texts, .single.organization .org-box .org-texts {
      margin-left: 180px; }
      .single.corporates .org-box .org-texts.full, .single.organization .org-box .org-texts.full {
        margin-left: 0; }
  .single.corporates .org-table table th,
  .single.corporates .org-table table td, .single.organization .org-table table th,
  .single.organization .org-table table td {
    padding: 3px 0;
    vertical-align: top; }
  .single.corporates .org-table table th, .single.organization .org-table table th {
    width: 85px; }
  .single.corporates .org-table table td, .single.organization .org-table table td {
    width: calc(100% - 85px); }
  .single.corporates .org-table .org-area,
  .single.corporates .org-table .org-url, .single.organization .org-table .org-area,
  .single.organization .org-table .org-url {
    display: inline-block;
    margin-right: .5rem; }
  .single.sales {
    width: 100%; }
    .single.sales .container {
      width: 100%; }
      .single.sales .container::before, .single.sales .container::after {
        content: "";
        display: table;
        clear: both; }
      .single.sales .container .image {
        width: 200px;
        float: left; }
        .single.sales .container .image img {
          max-width: 100%; }
      .single.sales .container .texts {
        width: 730px;
        float: right; }
        .single.sales .container .texts .terms {
          list-style: none; }
          .single.sales .container .texts .terms li {
            display: inline-block;
            position: relative;
            padding: 0 0 0 1.6em;
            vertical-align: middle; }
            .single.sales .container .texts .terms li::before {
              content: "";
              display: block;
              position: absolute;
              z-index: 1;
              top: 50%;
              left: 4px;
              width: 0.6em;
              height: 0.6em;
              border-top: 1px solid currentColor;
              border-right: 1px solid currentColor;
              -webkit-transform: translateY(-50%) rotate(45deg);
              -moz-transform: translateY(-50%) rotate(45deg);
              -o-transform: translateY(-50%) rotate(45deg);
              -ms-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg); }
            .single.sales .container .texts .terms li:first-child {
              padding: 0; }
              .single.sales .container .texts .terms li:first-child::before {
                display: none; }
            .single.sales .container .texts .terms li a {
              color: #3e3a39;
              font-weight: 400;
              font-size: 1em; }
        .single.sales .container .texts .title {
          color: #3e3a39;
          font-weight: 600;
          font-size: 20px;
          line-height: 2em; }
          .single.sales .container .texts .title > .model-number {
            position: relative;
            display: inline-block;
            margin: 0 1em;
            color: currentColor; }
            .single.sales .container .texts .title > .model-number::before {
              content: "【";
              left: -1em; }
            .single.sales .container .texts .title > .model-number::after {
              content: "】";
              right: -1em; }
            .single.sales .container .texts .title > .model-number::before, .single.sales .container .texts .title > .model-number::after {
              display: block;
              position: absolute;
              z-index: 1;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              color: currentColor;
              font-size: 20px;
              line-height: 2em; }
        .single.sales .container .texts .content {
          width: 100%; }
          .single.sales .container .texts .content::before, .single.sales .container .texts .content::after {
            content: "";
            display: table;
            clear: both; }
          .single.sales .container .texts .content .purchase-info,
          .single.sales .container .texts .content .purchase-inputs,
          .single.sales .container .texts .content .purchase-action {
            padding: 0 10px;
            width: 50%; }
          .single.sales .container .texts .content .purchase-inputs {
            float: left; }
          .single.sales .container .texts .content .purchase-info,
          .single.sales .container .texts .content .purchase-action {
            float: right; }
          .single.sales .container .texts .content .purchase-info dl {
            display: inline-block;
            margin: 0 .5em 0 0; }
            .single.sales .container .texts .content .purchase-info dl dt,
            .single.sales .container .texts .content .purchase-info dl dd {
              display: inline-block;
              margin-right: .5em; }
          .single.sales .container .texts .content .purchase-info .product-prices {
            width: 100%; }
            .single.sales .container .texts .content .purchase-info .product-prices::before, .single.sales .container .texts .content .purchase-info .product-prices::after {
              content: "";
              display: table;
              clear: both; }
            .single.sales .container .texts .content .purchase-info .product-prices dl.tax-ex dt,
            .single.sales .container .texts .content .purchase-info .product-prices dl.tax-ex dd {
              color: #c0151a;
              font-weight: 600; }
            .single.sales .container .texts .content .purchase-info .product-prices dl.tax-ex dd span {
              font-size: 1.5em; }
            .single.sales .container .texts .content .purchase-info .product-prices dl.tax-in {
              position: relative;
              padding: 0 1em; }
              .single.sales .container .texts .content .purchase-info .product-prices dl.tax-in::before {
                content: "（";
                left: 0; }
              .single.sales .container .texts .content .purchase-info .product-prices dl.tax-in::after {
                content: "）";
                right: 0; }
              .single.sales .container .texts .content .purchase-info .product-prices dl.tax-in::before, .single.sales .container .texts .content .purchase-info .product-prices dl.tax-in::after {
                display: block;
                position: absolute;
                z-index: 1;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
              .single.sales .container .texts .content .purchase-info .product-prices dl.tax-in dd {
                margin-right: 0; }
          .single.sales .container .texts .content .purchase-info .product-shipping-cost-comment {
            margin: .5em 0;
            font-size: .8em; }
          .single.sales .container .texts .content .purchase-inputs dl {
            display: table;
            width: 100%; }
            .single.sales .container .texts .content .purchase-inputs dl dt,
            .single.sales .container .texts .content .purchase-inputs dl dd {
              display: table-cell;
              padding: 1em 0;
              text-align: left;
              vertical-align: middle; }
            .single.sales .container .texts .content .purchase-inputs dl dt {
              width: 20%; }
            .single.sales .container .texts .content .purchase-inputs dl dd {
              width: 80%; }
          .single.sales .container .texts .content .purchase-action p {
            padding: .2em 0; }
          .single.sales .container .texts .content .input-number {
            padding: .8em;
            width: 50%;
            border: 1px solid #cccccc;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px; }
          .single.sales .container .texts .content .select-box {
            display: inline-block;
            position: relative;
            margin: 0 2% 0 0;
            width: 98%; }
            .single.sales .container .texts .content .select-box::before {
              content: "";
              position: absolute;
              z-index: 1;
              top: 50%;
              right: 15px;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 0;
              height: 0;
              border-top: 10px solid #575757;
              border-left: 7px solid transparent;
              border-right: 7px solid transparent;
              pointer-events: none; }
            .single.sales .container .texts .content .select-box select {
              outline: 0 none;
              -moz-appearance: none;
              text-indent: 0.01px;
              text-overflow: '';
              background-color: #f7f7f7;
              font-size: inherit;
              vertical-align: middle;
              color: inherit;
              -webkit-appearance: button;
              -moz-appearance: button;
              -o-appearance: button;
              -ms-appearance: button;
              appearance: button;
              -webkit-appearance: none;
              -moz-appearance: none;
              -o-appearance: none;
              -ms-appearance: none;
              appearance: none;
              width: 100%;
              height: auto;
              padding: 6px 12px;
              border: 1px solid #dbdbdb;
              color: #575757; }
              .single.sales .container .texts .content .select-box select option {
                background-color: #ffffff;
                color: #575757; }
                .single.sales .container .texts .content .select-box select option.level-1 {
                  padding-left: 0; }
                .single.sales .container .texts .content .select-box select option.level-2 {
                  padding-left: 1em; }
              .single.sales .container .texts .content .select-box select::-ms-expand {
                display: none; }
              .single.sales .container .texts .content .select-box select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #828c9a; }
          .single.sales .container .texts .content .btn-cart {
            display: inline-block;
            margin: 0.2em 0;
            padding: 0.8em 1.6em;
            width: 100%;
            background-color: #52c0d4;
            border: 0 none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            color: #ffffff;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            transition: 0.5s; }
            .single.sales .container .texts .content .btn-cart:hover {
              background-color: #1787ff; }
  .single.jobinfo .jobinfo-above,
  .single.jobinfo .jobinfo-below {
    width: 100%; }
  .single.jobinfo .jobinfo-above {
    padding: 0 0 1rem;
    border-bottom: 1px solid #231815; }
    .single.jobinfo .jobinfo-above::before, .single.jobinfo .jobinfo-above::after {
      content: "";
      display: table;
      clear: both; }
  .single.jobinfo .jobinfo-image {
    width: 320px;
    float: left; }
    .single.jobinfo .jobinfo-image img {
      max-width: 100%; }
  .single.jobinfo .jobinfo-texts {
    margin: 0 0 0 340px; }
    .single.jobinfo .jobinfo-texts.full {
      margin: 0; }
  .single.jobinfo .jobinfo-title,
  .single.jobinfo .jobinfo-content {
    width: 100%;
    font-weight: 400; }
  .single.jobinfo .jobinfo-title {
    margin: 0 0 1rem;
    color: #00bf17;
    font-size: 20px;
    line-height: 1.5; }
  .single.jobinfo .jobinfo-content,
  .single.jobinfo .jobinfo-content * {
    font-size: 1rem; }
  .single.jobinfo .jobinfo-apply {
    text-align: right; }
    .single.jobinfo .jobinfo-apply a,
    .single.jobinfo .jobinfo-apply span {
      display: inline-block;
      padding: .4rem .8rem;
      border: 0 none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      background-color: #52c0d4;
      color: #ffffff;
      font-weight: 600;
      font-size: .8rem;
      text-align: center;
      text-decoration: none; }
  .single.jobinfo .jobinfo-subtitle {
    margin: 1rem 0;
    width: 100%;
    background-color: #00bf17;
    color: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    line-height: 2.4rem;
    text-align: center; }
  .single.jobinfo .jobinfo-table {
    width: 100%; }
    .single.jobinfo .jobinfo-table table,
    .single.jobinfo .jobinfo-table table th,
    .single.jobinfo .jobinfo-table table td {
      border: 1px solid #231815;
      border-collapse: collapse; }
    .single.jobinfo .jobinfo-table table {
      width: 100%;
      table-layout: fixed; }
      .single.jobinfo .jobinfo-table table th,
      .single.jobinfo .jobinfo-table table td {
        padding: 10px;
        text-align: left;
        vertical-align: top;
        color: #000000;
        word-wrap: break-word;
        overflow-wrap: break-word; }
      .single.jobinfo .jobinfo-table table th {
        width: 25%;
        background-color: #e4e4e4; }
      .single.jobinfo .jobinfo-table table td {
        width: 75%; }
        .single.jobinfo .jobinfo-table table td .zip,
        .single.jobinfo .jobinfo-table table td .pref,
        .single.jobinfo .jobinfo-table table td .city,
        .single.jobinfo .jobinfo-table table td .addr,
        .single.jobinfo .jobinfo-table table td .bld {
          display: inline-block; }
        .single.jobinfo .jobinfo-table table td .zip,
        .single.jobinfo .jobinfo-table table td .addr,
        .single.jobinfo .jobinfo-table table td .bld {
          margin-right: .5rem; }

/* フォームレイアウト
------------------------------------------------*/
.form-box {
  margin: 50px 0;
  width: 100%;
  border-top: 1px solid #cccccc; }
  .form-box dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc; }
    .form-box dl dt,
    .form-box dl dd {
      display: table-cell;
      text-align: left;
      vertical-align: top;
      border-right: 1px solid #cccccc; }
    .form-box dl dt {
      padding: 10px 0 10px 10px;
      width: 30%; }
    .form-box dl dd {
      padding: 10px;
      width: 70%; }
  .form-box .required,
  .form-box .optional {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    padding: 0 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px; }
  .form-box .required {
    background-color: #c0151a; }
  .form-box .optional {
    background-color: #777777; }
  .form-box .advice {
    margin: 1rem 0 .3rem; }
  .form-box input[name="check_captcha"],
  .form-box .input-tel,
  .form-box .input-text {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(0.15, #ffffff));
    background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 15%);
    background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 15%);
    background: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 15%);
    background: -ms-linear-gradient(top, #e9e9e9 0%, #ffffff 15%);
    background: linear-gradient(top, #e9e9e9 0%, #ffffff 15%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0);
    background-color: #ffffff; }
  .form-box .input-textarea {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(0.04, #ffffff));
    background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 4%);
    background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 4%);
    background: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 4%);
    background: -ms-linear-gradient(top, #e9e9e9 0%, #ffffff 4%);
    background: linear-gradient(top, #e9e9e9 0%, #ffffff 4%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0);
    background-color: #ffffff; }
  .form-box input[name="check_captcha"],
  .form-box .input-tel,
  .form-box .input-text,
  .form-box .input-textarea {
    padding: 5px 8px;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none; }
  .form-box input[name="check_captcha"]:focus,
  .form-box .input-tel:focus,
  .form-box .input-text:focus,
  .form-box .input-textarea:focus {
    background: #ffffff none;
    border: 1px solid #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    background: #ffffff none;
    border: 1px solid #66afe9;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    background: #ffffff none;
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-box .input-text,
  .form-box .input-textarea {
    width: 100%; }
  .form-box input[name="check_captcha"],
  .form-box .input-tel {
    width: 80px; }
  .form-box .input-radio {
    display: none; }
  .form-box .mwform-radio-field label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 20px;
    cursor: pointer; }
  .form-box .mwform-radio-field .input-radio + span::before,
  .form-box .mwform-radio-field span::after {
    content: "";
    position: absolute;
    top: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s; }
  .form-box .mwform-radio-field .input-radio + span::before {
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #f3f3f3;
    border: 1px solid #999999; }
  .form-box .mwform-radio-field .input-radio + span:hover::before {
    background-color: #ffffff;
    border-color: #1787ff; }
  .form-box .mwform-radio-field .input-radio + span::after {
    opacity: 0;
    top: 8px;
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: #1787ff;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); }
  .form-box .mwform-radio-field .input-radio:checked + span {
    color: #1787ff; }
  .form-box .mwform-radio-field .input-radio:checked + span::before {
    background-color: #ffffff;
    border: 1px solid #1787ff; }
  .form-box .mwform-radio-field .input-radio:checked + span::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .form-box .input-checkbox {
    display: none; }
  .form-box .mwform-checkbox-field label {
    position: relative;
    padding: 2px 0; }
  .form-box .mwform-checkbox-field .input-checkbox + span {
    position: relative;
    padding: 2px 0 2px 25px; }
    .form-box .mwform-checkbox-field .input-checkbox + span::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      border: 1px solid #dbdbdb;
      background-color: #f7f7f7; }
  .form-box .mwform-checkbox-field .input-checkbox:checked + span {
    color: #52c0d4; }
  .form-box .mwform-checkbox-field .input-checkbox:checked + span::before {
    background-color: #ffffff; }
  .form-box .mwform-checkbox-field .input-checkbox:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    width: 7px;
    height: 14px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #52c0d4;
    border-right: 3px solid #52c0d4; }
  .form-box .select-box {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 100%; }
    .form-box .select-box::before {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 10px solid #575757;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      pointer-events: none; }
    .form-box .select-box select {
      outline: 0 none;
      -moz-appearance: none;
      text-indent: 0.01px;
      text-overflow: '';
      background-color: #f7f7f7;
      font-size: inherit;
      vertical-align: middle;
      color: inherit;
      -webkit-appearance: button;
      -moz-appearance: button;
      -o-appearance: button;
      -ms-appearance: button;
      appearance: button;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      -ms-appearance: none;
      appearance: none;
      width: 100%;
      height: auto;
      padding: 6px 12px;
      border: 1px solid #dbdbdb;
      color: #575757; }
      .form-box .select-box select option {
        background-color: #ffffff;
        color: #575757; }
        .form-box .select-box select option.level-1 {
          padding-left: 0; }
        .form-box .select-box select option.level-2 {
          padding-left: 1em; }
      .form-box .select-box select::-ms-expand {
        display: none; }
      .form-box .select-box select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #828c9a; }
  .form-box .errmsg {
    margin: 0 0 .3rem; }
    .form-box .errmsg > span {
      color: #c0151a;
      font-size: 14px; }

/* 検索フォーム
------------------------------------------------*/
.main-searchform {
  margin: 30px 0;
  width: 100%; }
  .main-searchform .row {
    display: table;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #dbdbdb; }
    .main-searchform .row .col {
      display: table-cell;
      text-align: left;
      vertical-align: middle; }
      .main-searchform .row .col-keywords, .main-searchform .row .col-seminartype, .main-searchform .row .col-eventtype, .main-searchform .row .col-securityindustry {
        width: 50%; }
      .main-searchform .row .col-date {
        padding: 0 5em 0 0;
        width: 60%; }
      .main-searchform .row .col-businesstype, .main-searchform .row .col-securityjobtype {
        width: 100%; }
      .main-searchform .row .col-area {
        width: 30%; }
      .main-searchform .row .col-button {
        width: 10%; }
      .main-searchform .row .col-seminartype ul,
      .main-searchform .row .col-seminartype li, .main-searchform .row .col-eventtype ul,
      .main-searchform .row .col-eventtype li, .main-searchform .row .col-securityindustry ul,
      .main-searchform .row .col-securityindustry li, .main-searchform .row .col-businesstype ul,
      .main-searchform .row .col-businesstype li, .main-searchform .row .col-securityjobtype ul,
      .main-searchform .row .col-securityjobtype li {
        list-style: none; }
      .main-searchform .row .col-seminartype ul, .main-searchform .row .col-eventtype ul, .main-searchform .row .col-securityindustry ul, .main-searchform .row .col-businesstype ul, .main-searchform .row .col-securityjobtype ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%; }
        .main-searchform .row .col-seminartype ul li, .main-searchform .row .col-eventtype ul li, .main-searchform .row .col-securityindustry ul li, .main-searchform .row .col-businesstype ul li, .main-searchform .row .col-securityjobtype ul li {
          margin: 5px 0; }
      .main-searchform .row .col-seminartype ul li, .main-searchform .row .col-eventtype ul li, .main-searchform .row .col-securityindustry ul li {
        width: 30%; }
      .main-searchform .row .col-businesstype ul li, .main-searchform .row .col-securityjobtype ul li {
        width: 25%; }
    .main-searchform .row-block {
      display: block; }
      .main-searchform .row-block .col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: center;
        justify-content: stretch; }
  .main-searchform .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    word-wrap: normal !important; }
  .main-searchform .input-keywords,
  .main-searchform .input-date,
  .main-searchform .label-date {
    display: inline-block; }
  .main-searchform .input-keywords,
  .main-searchform .input-date {
    border: 1px solid #dbdbdb;
    background-color: #f7f7f7;
    color: #575757;
    text-align: left; }
    .main-searchform .input-keywords:focus,
    .main-searchform .input-date:focus {
      border-color: #52c0d4;
      background-color: #ffffff; }
  .main-searchform .input-keywords {
    padding: 8px 5px;
    width: 70%; }
  .main-searchform .label-date {
    position: relative;
    width: 50%; }
    .main-searchform .label-date::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 27px;
      height: 21px;
      background-color: #595757;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2027px%2021px%22%20style%3D%22enable-background%3Anew%200%200%2027px%2021px%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFDBFF%22%20d%3D%22M4.286%2C9.714H2V7.428h2.286V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7.714%2C9.714H5.428V7.428h2.286V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21.43%2C9.714h-2.287V7.428h2.287V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M18%2C9.714h-2.286V7.428H18V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23D1FFFF%22%20d%3D%22M24.857%2C9.714H22.57V7.428h2.287V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.57%2C9.714h-2.285V7.428h2.285V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.143%2C9.714H8.857V7.428h2.286V9.714z%22%2F%3E%3Cpath%20fill%3D%22%23FFDBFF%22%20d%3D%22M4.286%2C13.143H2v-2.286h2.286V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7.714%2C13.143H5.428v-2.286h2.286V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21.43%2C13.143h-2.287v-2.286h2.287V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M18%2C13.143h-2.286v-2.286H18V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23D1FFFF%22%20d%3D%22M24.857%2C13.143H22.57v-2.286h2.287V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.57%2C13.143h-2.285v-2.286h2.285V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.143%2C13.143H8.857v-2.286h2.286V13.143z%22%2F%3E%3Cpath%20fill%3D%22%23FFDBFF%22%20d%3D%22M4.286%2C16.57H2v-2.285h2.286V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7.714%2C16.57H5.428v-2.285h2.286V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21.43%2C16.57h-2.287v-2.285h2.287V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M18%2C16.57h-2.286v-2.285H18V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23D1FFFF%22%20d%3D%22M24.857%2C16.57H22.57v-2.285h2.287V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.57%2C16.57h-2.285v-2.285h2.285V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.143%2C16.57H8.857v-2.285h2.286V16.57z%22%2F%3E%3Cpath%20fill%3D%22%23FFDBFF%22%20d%3D%22M4.286%2C20H2v-2.286h2.286V20z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7.714%2C20H5.428v-2.286h2.286V20z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.143%2C20H8.857v-2.286h2.286V20z%22%2F%3E%3Cpath%20fill%3D%22%23FFDBFF%22%20d%3D%22M4.286%2C6.286H2V4h2.286V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7.714%2C6.286H5.428V4h2.286V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21.43%2C6.286h-2.287V4h2.287V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M18%2C6.286h-2.286V4H18V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23D1FFFF%22%20d%3D%22M24.857%2C6.286H22.57V4h2.287V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.57%2C6.286h-2.285V4h2.285V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.143%2C6.286H8.857V4h2.286V6.286z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFBD%22%20d%3D%22M26%2C3H1V1h25V3z%22%2F%3E%3C%2Fsvg%3E"); }
    .main-searchform .label-date .lb {
      display: inline-block;
      width: 35%; }
      .main-searchform .label-date .lb-txt {
        text-align: left; }
      .main-searchform .label-date .lb-sep {
        text-align: center; }
    .main-searchform .label-date .input-date {
      margin: 0 0 0 2%;
      padding: 8px 35px 8px 5px;
      width: 63%; }
  .main-searchform .bg-date {
    display: inline-block; }
  .main-searchform .list {
    display: inline-block;
    margin: 0 1em 0 0;
    font-size: 1em;
    line-height: 28px; }
    .main-searchform .list .input-checkbox {
      display: none; }
    .main-searchform .list .label-checkbox {
      position: relative;
      padding: 2px 0 2px 25px;
      font-size: 12px; }
      .main-searchform .list .label-checkbox::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #dbdbdb;
        background-color: #f7f7f7; }
    .main-searchform .list .input-checkbox:checked + .label-checkbox {
      color: #52c0d4; }
    .main-searchform .list .input-checkbox:checked + .label-checkbox::before {
      background-color: #ffffff; }
    .main-searchform .list .input-checkbox:checked + .label-checkbox::after {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: 7px;
      width: 7px;
      height: 14px;
      -webkit-transform: rotate(40deg);
      -moz-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      transform: rotate(40deg);
      border-bottom: 3px solid #52c0d4;
      border-right: 3px solid #52c0d4; }
  .main-searchform .select-box {
    display: inline-block;
    position: relative;
    margin: 0 2% 0 0;
    width: 98%; }
    .main-searchform .select-box::before {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 10px solid #575757;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      pointer-events: none; }
    .main-searchform .select-box.half {
      margin: 0 2% 0 0;
      width: 48%; }
    .main-searchform .select-box.quarter {
      margin: 0 2% 0 0;
      width: 23%; }
    .main-searchform .select-box select {
      outline: 0 none;
      -moz-appearance: none;
      text-indent: 0.01px;
      text-overflow: '';
      background-color: #f7f7f7;
      font-size: inherit;
      vertical-align: middle;
      color: inherit;
      -webkit-appearance: button;
      -moz-appearance: button;
      -o-appearance: button;
      -ms-appearance: button;
      appearance: button;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      -ms-appearance: none;
      appearance: none;
      width: 100%;
      height: auto;
      padding: 6px 12px;
      border: 1px solid #dbdbdb;
      color: #575757; }
      .main-searchform .select-box select option {
        background-color: #ffffff;
        color: #575757; }
        .main-searchform .select-box select option.level-1 {
          padding-left: 0; }
        .main-searchform .select-box select option.level-2 {
          padding-left: 1em; }
      .main-searchform .select-box select::-ms-expand {
        display: none; }
      .main-searchform .select-box select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #828c9a; }
  .main-searchform .row .col-securityjobtype ul li .select-box {
    width: 60%; }
  .main-searchform .submit-button,
  .main-searchform .detail-config-button {
    cursor: pointer;
    padding: 6px .5em 6px 1.5em;
    background-color: #52c0d4;
    outline: 0 none;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    letter-spacing: 1em; }
  .main-searchform .detail-config-button {
    display: inline-block;
    position: relative;
    padding-left: 2em;
    letter-spacing: 1px; }
    .main-searchform .detail-config-button .icon {
      display: block;
      position: absolute;
      z-index: 1;
      top: 50%;
      left: .5em;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 1em;
      height: 1em;
      background-color: #ffffff;
      border: 0 none;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      .main-searchform .detail-config-button .icon::before, .main-searchform .detail-config-button .icon::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
      .main-searchform .detail-config-button .icon::before {
        width: 10px;
        height: 2px;
        background-color: #52c0d4; }
      .main-searchform .detail-config-button .icon::after {
        width: 2px;
        height: 10px;
        background-color: #52c0d4; }
    .main-searchform .detail-config-button.active .icon::after {
      background-color: transparent; }
  .main-searchform .detail-config-label {
    display: inline-block; }

#detailed-conditions {
  display: none; }
  #detailed-conditions.row {
    padding: 10px 0 0;
    border-bottom: 0 none; }
  #detailed-conditions.active {
    display: block; }

/* 求人検索（メインカラム）
------------------------------------------------*/
.job-search-form .clip-text {
  overflow: hidden;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  -moz-clip-path: inset(0px 0px 99.9% 99.9%);
  -o-clip-path: inset(0px 0px 99.9% 99.9%);
  -ms-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  border: 0 none; }
.job-search-form .text-box {
  display: block;
  padding: 5px 8px;
  width: 100%;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #f7f7f7;
  color: inherit;
  font-size: 1rem;
  line-height: 1.7rem;
  text-align: left; }
  .job-search-form .text-box:focus {
    background: #ffffff none;
    border: 1px solid #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    background: #ffffff none;
    border: 1px solid #66afe9;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    background: #ffffff none;
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.job-search-form .list {
  font-size: 1em;
  line-height: 28px; }
  .job-search-form .list.col-2::before, .job-search-form .list.col-2::after {
    content: "";
    display: table;
    clear: both; }
  .job-search-form .list.col-2 li {
    width: 50%;
    float: left; }
  .job-search-form .list.w80, .job-search-form .list.w100, .job-search-form .list.w120 {
    float: left; }
  .job-search-form .list.w80 {
    width: 80px; }
  .job-search-form .list.w100 {
    width: 100px; }
  .job-search-form .list.w120 {
    width: 120px; }
  .job-search-form .list .input-checkbox {
    display: none; }
  .job-search-form .list .label-checkbox {
    position: relative;
    padding: 2px 0 2px 25px;
    font-size: 12px; }
    .job-search-form .list .label-checkbox::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      border: 1px solid #dbdbdb;
      background-color: #f7f7f7; }
  .job-search-form .list .input-checkbox:checked + .label-checkbox {
    color: #52c0d4; }
  .job-search-form .list .input-checkbox:checked + .label-checkbox::before {
    background-color: #ffffff; }
  .job-search-form .list .input-checkbox:checked + .label-checkbox::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    width: 7px;
    height: 14px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #52c0d4;
    border-right: 3px solid #52c0d4; }
.job-search-form .select-box {
  display: inline-block;
  position: relative;
  width: 100%; }
  .job-search-form .select-box::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid #575757;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; }
  .job-search-form .select-box.half {
    margin: 4px 0;
    width: 48%; }
  .job-search-form .select-box.quarter {
    margin: 4px 0;
    width: 23%; }
  .job-search-form .select-box select {
    outline: 0 none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #f7f7f7;
    font-size: inherit;
    vertical-align: middle;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    -o-appearance: button;
    -ms-appearance: button;
    appearance: button;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    border: 1px solid #dbdbdb;
    color: #575757;
    font-size: 1rem;
    display: inline-block; }
    .job-search-form .select-box select option {
      background-color: #ffffff;
      color: #575757;
      font-size: 1rem; }
      .job-search-form .select-box select option.level-1 {
        padding-left: 0; }
      .job-search-form .select-box select option.level-2 {
        padding-left: 1em; }
    .job-search-form .select-box select::-ms-expand {
      display: none; }
    .job-search-form .select-box select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #828c9a; }
.job-search-form .submit-button {
  padding: 7px .5em 7px 1.5em;
  background-color: #52c0d4;
  border: 0 none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  letter-spacing: 1em; }
.job-search-form.simple {
  display: block;
  margin: 30px 0 10px;
  padding: 0 0 10px;
  width: 100%;
  border-bottom: 1px solid #dbdbdb; }
  .job-search-form.simple::before, .job-search-form.simple::after {
    content: "";
    display: table;
    clear: both; }
  .job-search-form.simple .col {
    display: block;
    padding: 0 10px 0 0;
    float: left; }
    .job-search-form.simple .col.col-text {
      width: 50%; }
    .job-search-form.simple .col.col-select {
      width: 20%; }
    .job-search-form.simple .col.col-button {
      padding: 0;
      width: 10%; }
.job-search-form.complex {
  display: block;
  margin: 1rem 0;
  padding: 0 10px; }
  .job-search-form.complex .row {
    display: block;
    width: 100%; }
    .job-search-form.complex .row::before, .job-search-form.complex .row::after {
      content: "";
      display: table;
      clear: both; }
    .job-search-form.complex .row .col {
      display: block;
      float: left; }
      .job-search-form.complex .row .col.col-btn, .job-search-form.complex .row .col.col-label {
        width: 67px;
        font-size: .8rem; }
      .job-search-form.complex .row .col.col-btn {
        text-align: right; }
      .job-search-form.complex .row .col.col-label {
        padding: 8px 0; }
      .job-search-form.complex .row .col.col-items {
        width: 200px; }
      .job-search-form.complex .row .col.col-full {
        width: 100%; }
  .job-search-form.complex .text-box {
    padding: 1px 5px;
    width: 95%;
    font-size: .8rem;
    line-height: 1.5rem; }
  .job-search-form.complex .list {
    font-size: 1em;
    line-height: 28px; }
    .job-search-form.complex .list li {
      display: block;
      margin: 0;
      padding: 0; }
      .job-search-form.complex .list li::before {
        display: none; }
    .job-search-form.complex .list .label-checkbox {
      padding: 2px 0 2px 20px;
      font-size: .8rem; }
      .job-search-form.complex .list .label-checkbox::before {
        width: 16px;
        height: 16px; }
    .job-search-form.complex .list .input-checkbox:checked + .label-checkbox::after {
      left: 5px;
      width: 6px;
      height: 10px;
      border-bottom-width: 2px;
      border-right-width: 2px; }
  .job-search-form.complex .select-box::before {
    right: .5rem;
    border-top-width: 6px;
    border-left-width: 4px;
    border-right-width: 4px; }
  .job-search-form.complex .select-box select {
    padding: 1px 5px;
    font-size: .8rem; }
    .job-search-form.complex .select-box select option {
      font-size: .8rem; }
  .job-search-form.complex .submit-button {
    padding: 4px .5em 4px 1.5em;
    font-size: .8rem; }

/* ボタン
------------------------------------------------*/
.button-box {
  margin: 2em auto;
  width: 100%;
  text-align: center; }

.btn,
.btn-sample {
  display: inline-block;
  margin: 0 0.2rem;
  padding: 0.8rem 1.6rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #999999;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s; }
  .btn:hover,
  .btn-sample:hover {
    background-color: #f0f0f0;
    text-decoration: none; }
  .btn:active,
  .btn-sample:active {
    position: relative;
    top: 1px; }
  .btn.btn-submit, .btn.btn-reset, .btn.btn-modify, .btn.btn-red, .btn.btn-yellow, .btn.btn-green, .btn.btn-aqua, .btn.btn-blue,
  .btn-sample.btn-submit,
  .btn-sample.btn-reset,
  .btn-sample.btn-modify,
  .btn-sample.btn-red,
  .btn-sample.btn-yellow,
  .btn-sample.btn-green,
  .btn-sample.btn-aqua,
  .btn-sample.btn-blue {
    color: #ffffff; }
  .btn.btn-submit,
  .btn-sample.btn-submit {
    background-color: #2b75de;
    border-color: #1862cb; }
    .btn.btn-submit:hover,
    .btn-sample.btn-submit:hover {
      background-color: #3875b4; }
  .btn.btn-reset, .btn.btn-modify,
  .btn-sample.btn-reset,
  .btn-sample.btn-modify {
    background-color: #de5246;
    border-color: #cb3f33; }
    .btn.btn-reset:hover, .btn.btn-modify:hover,
    .btn-sample.btn-reset:hover,
    .btn-sample.btn-modify:hover {
      background-color: #db554f; }
  .btn.btn-red,
  .btn-sample.btn-red {
    background-color: #d2322d;
    border-color: #ac2925; }
    .btn.btn-red:hover,
    .btn-sample.btn-red:hover {
      background-color: #db554f; }
  .btn.btn-yellow,
  .btn-sample.btn-yellow {
    background-color: #ed9c28;
    border-color: #d58512; }
    .btn.btn-yellow:hover,
    .btn-sample.btn-yellow:hover {
      background-color: #f0b157; }
  .btn.btn-green,
  .btn-sample.btn-green {
    background-color: #47a447;
    border-color: #398439; }
    .btn.btn-green:hover,
    .btn-sample.btn-green:hover {
      background-color: #51bb64; }
  .btn.btn-aqua,
  .btn-sample.btn-aqua {
    background-color: #39b3d7;
    border-color: #269abc; }
    .btn.btn-aqua:hover,
    .btn-sample.btn-aqua:hover {
      background-color: #59bedd; }
  .btn.btn-blue,
  .btn-sample.btn-blue {
    background-color: #428bca;
    border-color: #357ebd; }
    .btn.btn-blue:hover,
    .btn-sample.btn-blue:hover {
      background-color: #3875b4; }
  .btn.btn-submit.disabled, .btn.btn-reset.disabled, .btn.btn-modify.disabled, .btn.btn-red.disabled, .btn.btn-yellow.disabled, .btn.btn-green.disabled, .btn.btn-aqua.disabled, .btn.btn-blue.disabled,
  .btn-sample.btn-submit.disabled,
  .btn-sample.btn-reset.disabled,
  .btn-sample.btn-modify.disabled,
  .btn-sample.btn-red.disabled,
  .btn-sample.btn-yellow.disabled,
  .btn-sample.btn-green.disabled,
  .btn-sample.btn-aqua.disabled,
  .btn-sample.btn-blue.disabled {
    background-color: #888888;
    border-color: #808080;
    color: #ffffff; }

.btn-sample {
  margin: 0 0.2rem;
  padding: 0.15rem 0.6rem 0.1rem 0.7rem;
  font-size: 14px; }

/* パスワード認証
------------------------------------------------*/
.post-password-form {
  display: inline-block; }
  .post-password-form > p {
    margin: 0.5em 0;
    padding: 0; }
    .post-password-form > p:last-child label,
    .post-password-form > p:last-child input[type="submit"] {
      display: inline-block;
      vertical-align: middle; }
    .post-password-form > p:last-child label > input[type="password"],
    .post-password-form > p:last-child input[type="submit"] {
      padding: 6px 10px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
    .post-password-form > p:last-child label > input[type="password"] {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      display: inline-block;
      border: 1px solid #cccccc;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      -ms-appearance: none;
      appearance: none;
      background-color: #ffffff;
      color: #777777; }
      .post-password-form > p:last-child label > input[type="password"]:focus {
        border: 1px solid #3875b4;
        -webkit-box-shadow: 0 0 5px 2px rgba(56, 117, 180, 0.6);
        -moz-box-shadow: 0 0 5px 2px rgba(56, 117, 180, 0.6);
        box-shadow: 0 0 5px 2px rgba(56, 117, 180, 0.6); }
    .post-password-form > p:last-child input[type="submit"] {
      border: 1px solid #3875b4;
      background-color: rgba(56, 117, 180, 0.8);
      color: #ffffff;
      text-align: center; }
      .post-password-form > p:last-child input[type="submit"]:hover {
        background-color: #3875b4; }

/* Error 404
------------------------------------------------*/
.error-page {
  margin: 50px 0;
  width: 100%; }
.error-thumb {
  width: 100%;
  text-align: center; }
.error-header {
  margin: 0 0 30px;
  padding: 0; }
  .error-header h1 {
    font-style: normal;
    font-size: 28px;
    text-align: center; }
  .error-header h2 {
    font-size: 20px;
    text-align: center; }
.error-icon {
  position: relative;
  margin: 0 auto 30px;
  width: 220px;
  height: 220px;
  overflow: hidden;
  color: #000000; }
  .error-icon::before, .error-icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    padding: 5px; }
  .error-icon::before {
    width: 160px;
    height: 160px;
    background-color: #f4d135;
    border: 0 none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
  .error-icon::after {
    width: 140px;
    height: 140px;
    border: 7px solid #000000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
  .error-icon .num,
  .error-icon .txt {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .error-icon .num {
    top: 63px;
    padding: 0 7px 0 0;
    font-size: 70px;
    line-height: 80px; }
  .error-icon .txt {
    top: 131px;
    font-size: 22px;
    line-height: 25px;
    text-align: center; }
.error-bar {
  position: relative;
  width: 100%;
  height: 40px; }
  .error-bar::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-size: auto auto;
    background-color: black;
    background-image: -webkit-repeating-linear-gradient(120deg, transparent, transparent 50px, #f4d135 50px, #f4d135 100px);
    background-image: -moz-repeating-linear-gradient(120deg, transparent, transparent 50px, #f4d135 50px, #f4d135 100px);
    background-image: -o-repeating-linear-gradient(120deg, transparent, transparent 50px, #f4d135 50px, #f4d135 100px);
    background-image: -ms-repeating-linear-gradient(120deg, transparent, transparent 50px, #f4d135 50px, #f4d135 100px);
    background-image: repeating-linear-gradient(120deg, transparent, transparent 50px, #f4d135 50px, #f4d135 100px); }
.error-content {
  margin: 0 auto;
  padding: 50px 0;
  width: 100%; }
  .error-content h3 {
    margin: 20px 0;
    font-size: 20px; }
  .error-content ol {
    margin: 20px 0;
    padding: 0 0 0 2em; }
  .error-content li {
    font-size: 14px;
    line-height: 1.8em; }

/* Scroll to page top
------------------------------------------------*/
#scroll {
  display: none;
  position: fixed;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0 none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer; }
  #scroll::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border-top: 6px solid #ffffff;
    border-left: 6px solid #ffffff;
    -webkit-transform: translate(-50%, -25%) rotate(45deg);
    -moz-transform: translate(-50%, -25%) rotate(45deg);
    -o-transform: translate(-50%, -25%) rotate(45deg);
    -ms-transform: translate(-50%, -25%) rotate(45deg);
    transform: translate(-50%, -25%) rotate(45deg); }

/*------------------------------------------------
    Options
------------------------------------------------*/
/** Map */
.viwe-map-frame {
  position: relative;
  margin: 50px 0;
  padding: 0 0 56.25%;
  width: 100%;
  height: 0; }
  .viwe-map-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    outline: 0 none;
    text-decoration: none; }
  .viwe-map-frame .view-map-url {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    font-size: 12px; }

/** Viewer */
#viewer-content {
  display: none;
  position: fixed;
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 50%;
  background: #ffffff;
  border: 2px solid #aaaaaa; }
  #viewer-content > iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
#viewer-overlay {
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }
#viewer-open, #viewer-close {
  color: #0000ff;
  text-decoration: underline; }
  #viewer-open:hover, #viewer-close:hover {
    cursor: pointer;
    color: #ff0000; }

.left-circle, .left-diamond {
  position: relative;
  margin: 1rem 0;
  padding: 0 0 0 1.5rem;
  font-weight: normal; }
  .left-circle::before, .left-diamond::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1rem; }
.left-circle::before {
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.left-diamond::before {
  background-color: #000000;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

.asterisk-li li {
  list-style-type: none;
  text-indent: -1em; }
  .asterisk-li li::before {
    display: inline;
    content: "※"; }
.asterisk-num {
  counter-reset: number;
  list-style: none; }
  .asterisk-num::before li {
    counter-increment: number;
    content: "※" counter(number) " "; }

.list-disc, .list-number, .list-circle-number, .list-brackets-number {
  list-style-type: none; }
  .list-disc li, .list-number li, .list-circle-number li, .list-brackets-number li {
    position: relative;
    font-size: 1rem;
    line-height: 2rem; }
    .list-disc li::before, .list-number li::before, .list-circle-number li::before, .list-brackets-number li::before {
      content: "";
      display: block;
      position: absolute; }
  .list-disc.form-advice li, .list-number.form-advice li, .list-circle-number.form-advice li, .list-brackets-number.form-advice li {
    color: #3875b4; }
  .list-disc.success li, .list-number.success li, .list-circle-number.success li, .list-brackets-number.success li {
    color: #51bb64; }
  .list-disc.exception li, .list-disc.exceptions li, .list-disc.error li, .list-disc.errors li, .list-number.exception li, .list-number.exceptions li, .list-number.error li, .list-number.errors li, .list-circle-number.exception li, .list-circle-number.exceptions li, .list-circle-number.error li, .list-circle-number.errors li, .list-brackets-number.exception li, .list-brackets-number.exceptions li, .list-brackets-number.error li, .list-brackets-number.errors li {
    color: #db554f; }
.list-disc li {
  padding: 0 0 0 1rem; }
  .list-disc li::before {
    top: 12px;
    left: 4px;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border: 0 none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
.list-number {
  counter-reset: list-number; }
  .list-number li {
    padding: 0 0 0 1rem; }
    .list-number li::before {
      content: counter(list-number) ".";
      counter-increment: list-number;
      top: 3px;
      left: 0px;
      color: currentColor;
      font-size: 1rem;
      line-height: 1.5rem;
      text-align: right; }
.list-circle-number {
  counter-reset: list-circle-number; }
  .list-circle-number li {
    padding: 0 0 0 1rem; }
    .list-circle-number li::before {
      content: counter(list-circle-number);
      counter-increment: list-circle-number;
      top: 7px;
      left: 0px;
      width: 1rem;
      height: 1rem;
      border: 1px solid currentColor;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      color: currentColor;
      font-size: .7rem;
      line-height: .9rem;
      text-align: center; }
.list-brackets-number {
  counter-reset: list-brackets-number; }
  .list-brackets-number li {
    position: relative;
    padding: 0 0 0 3rem; }
    .list-brackets-number li::before {
      content: "（" counter(list-brackets-number) "）";
      counter-increment: list-brackets-number;
      top: 3px;
      left: 0px;
      color: currentColor;
      font-size: 1rem;
      line-height: 1.5rem; }

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