@charset "UTF-8";
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*==================================================================================================
	other
==================================================================================================*/
body {
  font-family: 'Noto Sans', メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.underspace {
  margin-bottom: 40px; }

.topspace {
  margin-top: 40px; }

.imgspace {
  margin: 30px 0; }

.news-page .section-body {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  position: relative; }
  .news-page .section-body .news-list {
    margin: 0 0 20px 0; }

.page-normal p {
  padding: 0 0 0.5em 0;
  line-height: 1.8; }
  .page-normal p.pc-ttl {
    margin-top: 1em; }

.browser-info {
  background: #EEE;
  padding: 20px;
  margin-top: 1em; }
  .browser-info h3 {
    margin-bottom: 0.5em; }
  .browser-info p {
    font-size: 14px;
    line-height: 1.8; }

.section-body ol {
  list-style: decimal;
  margin: 10px 0;
  padding: 0 20px; }
  .section-body ol li {
    margin-top: 10px; }
    .section-body ol li table {
      margin-top: 10px; }

.fullbox {
  border: #ccc 1px solid;
  padding: 1em;
  margin-bottom: 1em; }
  .fullbox:after {
    content: "";
    display: block;
    clear: both; }
  .fullbox ul {
    float: left;
    width: 46%; }
    .fullbox ul li::before {
      background: #595757 !important; }
  .fullbox .service-img {
    float: right;
    width: 49%; }
    .fullbox .service-img img {
      padding: 0 5px;
      text-align: center; }

.service-img-ct img {
  padding: 5px; }

.halfbox ul.service-box {
  margin-bottom: 0 !important; }
.halfbox ul li.service-list {
  float: right !important; }

@media screen and (max-width: 800px) {
  .halfbox ul li {
    width: 100% !important; }

  .fullbox {
    margin-bottom: 1em; }
    .fullbox ul {
      float: none;
      width: 100%; }
    .fullbox .service-img {
      float: none;
      width: 100%; } }
.ht {
  padding-bottom: 10.6% !important;
  margin-bottom: 0 !important; }

.service-box ul.service-box-inner {
  display: flex;
  margin: 0; }
  .service-box ul.service-box-inner li.service-box-list {
    border: #ccc 1px solid;
    padding: 1em;
    width: 49%;
    margin-right: 1em; }
    .service-box ul.service-box-inner li.service-box-list:last-child {
      margin-right: 0; }
    .service-box ul.service-box-inner li.service-box-list::before {
      display: none; }
    .service-box ul.service-box-inner li.service-box-list ul li::before {
      background: #595757; }

@media screen and (max-width: 800px) {
  .service-box ul.service-box-inner {
    display: block; }
    .service-box ul.service-box-inner li.service-box-list {
      width: 100%;
      margin-right: 0; } }
@media screen and (max-width: 800px) {
  .news-page .section-body .news-list {
    margin: 20px 10px 0; } }
ul.page-number {
  text-align: center;
  font-size: 0; }
  ul.page-number li {
    display: inline-block;
    font-size: 1.4rem; }
    ul.page-number li a {
      color: #7d7d7d;
      text-decoration: none;
      padding: 5px 10px;
      margin: 0 0.2em;
      border: 1px solid #7d7d7d; }
    ul.page-number li.page-action a {
      color: #fff;
      text-decoration: none;
      padding: 5px 15px;
      background: #7d7d7d; }

@media screen and (max-width: 800px) {
  ul.page-number li.number {
    display: none; } }
.detail-ttl {
  border-bottom: 1px solid #000;
  padding-bottom: 10px; }
  .detail-ttl:after {
    content: "";
    display: block;
    clear: both; }
  .detail-ttl h3 {
    display: block;
    font-size: 2.4rem;
    float: left; }
  .detail-ttl span {
    display: block;
    float: right;
    background-color: #EEE;
    text-align: center;
    font-weight: bold;
    border-radius: 2px;
    padding: 2px 5px; }

@media screen and (max-width: 800px) {
  .detail-ttl {
    margin: 0 10px; }
    .detail-ttl h3 {
      float: none; }
    .detail-ttl span {
      float: none;
      display: inline-block;
      margin: 10px 0; }

  .res-space {
    padding: 0 10px; } }
.detail-contents {
  margin-top: 20px; }

.txt-red {
  font-size: 2.4rem;
  color: #ED1B2E;
  font-weight: bold; }

ul.csr-list {
  margin-top: 10px;
  margin-bottom: 10px !important;
  color: #ED1B2E; }

.under-sp {
  margin-bottom: 30px; }

/* accordion */
.accordion {
  padding: 0 10px; }
  .accordion ul li a {
    padding: 2em;
    margin: 1em 0 0 0;
    background: #EEE;
    font-size: 1.8rem;
    display: block;
    text-decoration: none;
    position: relative;
    cursor: pointer; }
    .accordion ul li a:hover {
      background: #ED1B2E;
      color: #FFF; }
      .accordion ul li a:hover span {
        color: #FFF; }
      .accordion ul li a:hover:after {
        background: #FFF;
        color: #ED1B2E; }
    .accordion ul li a:after {
      content: "+";
      position: absolute;
      right: 25px;
      top: 25px;
      background: #ED1B2E;
      padding: 10px 16px;
      color: #FFF;
      border-radius: 50%;
      text-decoration: none; }
    .accordion ul li a.active:after {
      content: "-";
      padding: 10px 19px;
      color: #ED1B2E;
      background: #FFF; }
    .accordion ul li a.active {
      margin-bottom: 0; }
    .accordion ul li a span {
      color: #ED1B2E; }
  .accordion ul li ul {
    display: none; }
    .accordion ul li ul li {
      border: 2px solid #ED1B2E;
      display: flex;
      font-size: 1.6rem;
      display: block;
      padding: 2em; }
      .accordion ul li ul li span {
        color: #ED1B2E;
        /*display: block;*/
        font-size: 1.8rem;
        margin-right: 5px; }
  .accordion ul li.faq-box {
    margin: 1em 0; }

@media screen and (max-width: 800px) {
  .accordion ul li a {
    font-size: 1.4rem; }
    .accordion ul li a:after {
      padding: 10px 15px;
      right: 19px;
      top: 19px; }
    .accordion ul li a.active:after {
      padding: 10px 17.5px; }
  .accordion ul li ul li, .accordion ul li ul li span {
    font-size: 1.4rem; } }
h2.branches-ttl {
  background: #EEE;
  padding: 10px 0;
  font-size: 22px;
  text-align: center;
  margin: 0 0 30px 0; }
h2.ttl-underline {
  color: #ed1b2e;
  border-bottom: 1px solid #ed1b2e;
  padding: 10px 0;
  font-size: 20px;
  margin: 20px 0; }

h3.table-ttl {
  font-size: 20px;
  margin-bottom: 20px; }

.site-contents .table-space01 {
  margin-bottom: 10px !important; }

img.branches-img {
  width: 100%;
  margin-bottom: 10px; }

ul.ph-list {
  margin-left: 20px; }
  ul.ph-list li {
    list-style-type: disc;
    font-size: 16px;
    padding-bottom: 1em; }

ul.product-list {
  display: flex;
  margin: 0 !important; }
  ul.product-list li {
    width: 100%;
    list-style: none;
    text-align: center;
    margin-right: 1em; }
    ul.product-list li::before {
      display: none !important; }
    ul.product-list li:last-child {
      margin-right: 0; }
    ul.product-list li ul.product-list-inner {
      margin: 0;
      padding: 0;
      width: 232px;
      height: 236px;
      border: 1px solid #bfbfbf; }
      ul.product-list li ul.product-list-inner li {
        text-align: left;
        list-style: disc;
        margin: 0 0 0 30px;
        padding: 10px 40px 0 0;
        font-size: 12px;
        word-break: break-all; }
    ul.product-list li ul.product-list-inner-02 {
      margin: 0;
      padding: 0;
      width: 232px;
      height: 236px; }
      ul.product-list li ul.product-list-inner-02 li {
        text-align: left;
        list-style: disc;
        margin: 0 0 0 30px;
        padding: 10px 40px 0 0;
        font-size: 12px;
        word-break: break-all; }
ul h2 {
  background: #bfbfbf;
  color: #FFF;
  padding: 10px 0;
  font-size: 16px; }
  ul h2 a {
    color: #FFF; }
  ul h2.list-ttl-space {
    margin-bottom: 20px; }

@media screen and (max-width: 800px) {
  ul.product-list {
    display: block; }
    ul.product-list li ul.product-list-inner, ul.product-list li ul.product-list-inner-02 {
      width: 100%; } }
/*==================================================================================================
  採用情報関連ページ
==================================================================================================*/
/*------------ recruit ------------*/
.recruit-main-inner {
  margin: 0 auto;
  padding: 0;
  position: relative; }
  .recruit-main-inner h2 {
    text-align: center;
    font-size: 27px;
    font-family: Times New Roman;
    color: #000;
    padding: 40px 0;
    font-weight: normal; }
  .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner {
    background: url(../../recruit/images/img01.jpg) no-repeat;
    background-size: cover;
    color: #FFF;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner::before {
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: ' '; }
    .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner .training-box {
      position: absolute;
      top: 24%;
      width: 100%; }
      .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner .training-box h3 {
        font-size: 28px;
        padding: 20px 0; }
      .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner .training-box p {
        font-size: 22px;
        line-height: 2; }
        .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner .training-box p.recruit-link a {
          display: block;
          color: #ed1b2e;
          text-decoration: none;
          font-size: 16px;
          width: 200px;
          margin: 0 auto;
          padding: 10px 0;
          margin-top: 40px;
          background: #FFF url(../../recruit/images/arrow_r.png) no-repeat center left 25%;
          text-indent: 1em; }
          .recruit-main-inner .recruit-contents-01 .recruit-contents-01-inner .training-box p.recruit-link a:hover {
            opacity: 0.8; }
  .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner {
    background: url(../../recruit/images/img02.jpg) no-repeat;
    background-size: cover;
    color: #FFF;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner::before {
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: ' '; }
    .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner .training-box {
      position: absolute;
      top: 24%;
      width: 100%; }
      .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner .training-box h3 {
        font-size: 28px;
        padding: 20px 0; }
      .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner .training-box p {
        font-size: 22px;
        line-height: 2; }
        .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner .training-box p.recruit-link a {
          display: block;
          color: #ed1b2e;
          text-decoration: none;
          font-size: 16px;
          width: 200px;
          margin: 0 auto;
          padding: 10px 0;
          margin-top: 40px;
          background: #FFF url(../../recruit/images/arrow_r.png) no-repeat center left 25%;
          text-indent: 1em; }
          .recruit-main-inner .recruit-contents-00 .recruit-contents-00-inner .training-box p.recruit-link a:hover {
            opacity: 0.8; }
  .recruit-main-inner .recruit-contents-02 ul {
    display: flex; }
    .recruit-main-inner .recruit-contents-02 ul li {
      width: 100%; }
      .recruit-main-inner .recruit-contents-02 ul li a {
        display: block;
        height: 400px;
        position: relative; }
        .recruit-main-inner .recruit-contents-02 ul li a .job-txt {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 60%;
          height: 34%;
          text-align: center;
          color: #FFF; }
          .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.part-txt {
            font-size: 16px;
            padding: 0 5px;
            position: relative;
            overflow: hidden; }
            .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.part-txt span {
              position: relative;
              display: inline-block;
              padding: 0 0.5em;
              text-align: left; }
              .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.part-txt span::before, .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.part-txt span::after {
                position: absolute;
                top: 50%;
                content: '';
                width: 400%;
                height: 1px;
                background-color: #FFF; }
              .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.part-txt span::before {
                right: 100%; }
              .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.part-txt span::after {
                left: 100%; }
          .recruit-main-inner .recruit-contents-02 ul li a .job-txt p.name-txt {
            font-size: 28px; }
          .recruit-main-inner .recruit-contents-02 ul li a .job-txt i {
            font-size: 12px;
            font-style: normal; }
      .recruit-main-inner .recruit-contents-02 ul li.job-01 {
        background: url(../../recruit/images/img03.jpg) no-repeat;
        background-size: cover; }
        .recruit-main-inner .recruit-contents-02 ul li.job-01 a:hover {
          background-color: rgba(237, 27, 46, 0.8); }
      .recruit-main-inner .recruit-contents-02 ul li.job-02 {
        background: url(../../recruit/images/img04.jpg) no-repeat;
        background-size: cover; }
        .recruit-main-inner .recruit-contents-02 ul li.job-02 a:hover {
          background-color: rgba(237, 27, 46, 0.8); }
      .recruit-main-inner .recruit-contents-02 ul li.job-03 {
        background: url(../../recruit/images/img05.jpg) no-repeat;
        background-size: cover; }
        .recruit-main-inner .recruit-contents-02 ul li.job-03 a:hover {
          background-color: rgba(237, 27, 46, 0.8); }
      .recruit-main-inner .recruit-contents-02 ul li.job-04 {
        background: url(../../recruit/images/img06.jpg) no-repeat;
        background-size: cover; }
        .recruit-main-inner .recruit-contents-02 ul li.job-04 a:hover {
          background-color: rgba(237, 27, 46, 0.8); }
      .recruit-main-inner .recruit-contents-02 ul li .job-txt-inner {
        z-index: 1;
        border: 1px solid #FFF;
        padding: 20px;
        margin-top: 20px; }
  .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner {
    background: url(../../recruit/images/img07.jpg) no-repeat;
    background-size: cover;
    color: #FFF;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner::before {
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: ' '; }
    .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box {
      position: absolute;
      top: 19%;
      width: 100%; }
      .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box h3 {
        font-size: 28px;
        padding: 20px 0; }
      .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box p {
        font-size: 22px;
        line-height: 2; }
        .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box p.recruit-link a {
          display: block;
          color: #000;
          text-decoration: none;
          font-size: 16px;
          border: 1px solid #000;
          width: 200px;
          margin: 0 auto;
          padding: 10px 0;
          margin-top: 40px;
          background: #FFF url(../../recruit/images/arrow_b.png) no-repeat center left 27%;
          text-indent: 1em; }
          .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box p.recruit-link a:hover {
            opacity: 0.8; }
  .recruit-main-inner .recruit-contents-05 .recruit-contents-05-inner {
    background: url(../../recruit/images/img11.jpg) no-repeat;
    background-size: cover;
    color: #000;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .recruit-main-inner .recruit-contents-05 .recruit-contents-05-inner .training-box {
      position: absolute;
      top: 35%;
      width: 100%; }
      .recruit-main-inner .recruit-contents-05 .recruit-contents-05-inner .training-box h3 {
        font-size: 28px; }
      .recruit-main-inner .recruit-contents-05 .recruit-contents-05-inner .training-box p {
        font-size: 22px;
        line-height: 2; }
        .recruit-main-inner .recruit-contents-05 .recruit-contents-05-inner .training-box p.recruit-link a {
          display: block;
          color: #000;
          text-decoration: none;
          font-size: 16px;
          border: 1px solid #000;
          width: 200px;
          margin: 0 auto;
          padding: 10px 0;
          margin-top: 40px;
          background: #FFF url(../../recruit/images/arrow_b.png) no-repeat center left 27%;
          text-indent: 1em; }
          .recruit-main-inner .recruit-contents-05 .recruit-contents-05-inner .training-box p.recruit-link a:hover {
            opacity: 0.8; }
  .recruit-main-inner .recruit-contents-05 p.recruit-contents-05-copy {
    font-size: 28px;
    margin: 1em 0 2em 0;
    text-align: center;
    color: #000; }
  .recruit-main-inner .recruit-contents-06 ul.news-box {
    display: flex;
    width: 1160px;
    margin: 0 auto; }
    .recruit-main-inner .recruit-contents-06 ul.news-box li {
      width: 100%;
      margin-right: 20px; }
      .recruit-main-inner .recruit-contents-06 ul.news-box li:last-child {
        margin-right: 0; }
      .recruit-main-inner .recruit-contents-06 ul.news-box li h3 {
        color: #595757;
        text-align: center;
        background: #EEE;
        padding: 5px 0;
        margin-bottom: 10px; }
      .recruit-main-inner .recruit-contents-06 ul.news-box li ul.news-box-inner li {
        font-size: 12px;
        padding: 5px 0; }
  .recruit-main-inner img.crossImg {
    position: absolute;
    top: 50%;
    left: 47.65%; }
  .recruit-main-inner p {
    font-size: 22px; }
    .recruit-main-inner p.recruit-link-02 {
      text-align: center;
      position: absolute;
      top: 80%;
      left: 42%; }
      .recruit-main-inner p.recruit-link-02 a {
        color: #000;
        text-decoration: none;
        text-align: center;
        display: block;
        font-size: 16px;
        background: #FFF url(../../recruit/images/arrow_b.png) no-repeat center left 27%;
        border: 1px solid #000;
        width: 200px;
        margin: 0 auto;
        padding: 14px 0; }

.recruit-contents-04 {
  position: relative; }
  .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list {
    display: flex; }
    .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li {
      width: 100%; }
      .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li p {
        text-align: center; }
        .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li p.recruit-contents-04-name {
          font-size: 18px;
          margin-top: 1em; }
          .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li p.recruit-contents-04-name span {
            display: block;
            font-size: 12px; }
        .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li p.recruit-contents-04-txt {
          font-size: 14px;
          margin-top: 1em; }
      .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li a {
        display: block; }
        .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li a img {
          width: 100%; }

p.entry-link {
  width: 550px;
  margin: 20px auto;
  padding: 0; }
  p.entry-link a {
    font-size: 14px;
    display: block;
    border: 2px solid #f8483a;
    color: #f8483a;
    background: #FFF url(../../recruit/images/arrow_c_r.png) no-repeat center left;
    background-position-x: 2%;
    text-align: center;
    padding: 10px 0;
    margin: 50px 0 40px 0;
    border-radius: 60px;
    text-decoration: none; }
    p.entry-link a strong {
      font-size: 16px;
      display: block;
      font-weight: normal; }

.recruit-sub-link ul {
  display: flex; }
  .recruit-sub-link ul li {
    width: 100%;
    margin-left: 20px; }
    .recruit-sub-link ul li:first-child {
      margin-left: 0; }
    .recruit-sub-link ul li a {
      display: block;
      background: url(../../recruit/talk/images/arrow_c.png) no-repeat;
      border: 1px solid #898989;
      color: #898989;
      padding: 20px 0;
      text-align: center;
      border-radius: 60px;
      background-position: center left 10px;
      font-size: 14px;
      text-indent: 2em;
      text-decoration: none; }
    .recruit-sub-link ul li.current a {
      background-image: none;
      background-color: #898989;
      color: #FFF;
      text-indent: 0; }

.talk-mainv {
  margin: 40px 0 60px 0;
  text-align: center; }

.talk-box {
  position: relative; }
  .talk-box h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 1em; }
  .talk-box .talk-box-inner:after {
    content: "";
    display: block;
    clear: both; }
  .talk-box .talk-box-inner h3 {
    font-size: 22px;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    margin: 60px 0 40px 0; }
  .talk-box .talk-box-inner ul.talk-txt-left {
    width: 70%;
    float: left; }
  .talk-box .talk-box-inner ul.talk-txt-right {
    width: 70%;
    float: right; }
  .talk-box .talk-box-inner ul.talk-txt {
    clear: both; }
  .talk-box .talk-box-inner ul li {
    font-size: 14px;
    padding: 0 0 10px 10px;
    line-height: 2;
    margin: 20px 0; }
    .talk-box .talk-box-inner ul li:first-child {
      margin: 0 0 20px 0; }
    .talk-box .talk-box-inner ul li.single-txt {
      padding: 10px 0 10px 10px; }
    .talk-box .talk-box-inner ul li .staff_icon {
      border-radius: 50px;
      background-color: #cdcdcd;
      color: #000000;
      text-align: center;
      font-size: 10px;
      padding: 7px;
      margin-right: 10px; }
  .talk-box .talk-box-inner img.talkimg-right {
    float: right;
    padding: 0 0 20px 20px; }
  .talk-box .talk-box-inner img.talkimg-left {
    float: left;
    padding: 0 20px 20px 0; }
  .talk-box .talk-box-inner img.talkimg {
    padding-bottom: 20px;
    width: 100%; }
  .talk-box .talk-box-pl {
    background-color: #eeeeee;
    padding: 15px 10px;
    width: 100%; }
    .talk-box .talk-box-pl ul {
      list-style: none; }
      .talk-box .talk-box-pl ul li {
        float: left;
        width: 32%; }
        .talk-box .talk-box-pl ul li .staff_photoArea {
          float: left;
          width: 30%;
          margin-right: 5%; }
        .talk-box .talk-box-pl ul li .staff_plArea {
          float: left;
          width: 62%;
          margin-right: 3%; }
          .talk-box .talk-box-pl ul li .staff_plArea h3 {
            border-bottom: #000000 solid 1px;
            padding-bottom: 5px;
            margin-bottom: 15px;
            position: relative; }
            .talk-box .talk-box-pl ul li .staff_plArea h3 span {
              text-align: right;
              font-size: 0.8em;
              position: absolute;
              right: 10px; }
          .talk-box .talk-box-pl ul li .staff_plArea p {
            font-size: 0.8em; }

.talkttl-01 {
  position: absolute;
  bottom: 40%;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  color: #FFF; }

.talkttl-02 {
  position: absolute;
  bottom: 22%;
  left: 4%;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  color: #FFF; }

.recruit-ttl {
  text-shadow: 0 0 15px #000; }

@media screen and (max-width: 800px) {
  .recruit-main-inner .recruit-contents-02 ul {
    display: block; }
  .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner {
    height: 0;
    padding: 200px 0; }
    .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box {
      width: 90%;
      margin: 0 auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-top: 5%; }
      .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box p {
        line-height: 1.8;
        font-size: 15px; }
        .recruit-main-inner .recruit-contents-03 .recruit-contents-03-inner .training-box p.recruit-link a {
          margin-top: 5%; }
  .recruit-main-inner .recruit-contents-04 {
    position: relative; }
    .recruit-main-inner .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list {
      display: block; }
      .recruit-main-inner .recruit-contents-04 .recruit-contents-04-inner ul.recruit-contents-04-list li p.recruit-contents-04-txt {
        margin: 1em 0; }
  .recruit-main-inner p.recruit-link-02 {
    padding-top: 20px;
    position: static;
    top: 0;
    left: 0; }
  .recruit-main-inner .recruit-contents-05 ul {
    display: block; }
    .recruit-main-inner .recruit-contents-05 ul li.adoption-box .adoption-box-inner {
      position: static;
      top: 0;
      left: 0;
      padding: 20px 0; }
      .recruit-main-inner .recruit-contents-05 ul li.adoption-box .adoption-box-inner h3 {
        margin-bottom: 0;
        padding: 0 0 20px 0; }
    .recruit-main-inner .recruit-contents-05 ul.adoption-link li {
      margin-bottom: 10px; }
      .recruit-main-inner .recruit-contents-05 ul.adoption-link li:last-child {
        margin-bottom: 10px; }
      .recruit-main-inner .recruit-contents-05 ul.adoption-link li a {
        padding: 20px 0;
        background: #FFF url(../../recruit/images/arrow_r.png) no-repeat center left 44%; }
  .recruit-main-inner .recruit-contents-06 ul.news-box {
    display: block;
    width: 100%;
    margin: 0 auto; }
    .recruit-main-inner .recruit-contents-06 ul.news-box li h3 {
      padding: 10px 0; }
    .recruit-main-inner .recruit-contents-06 ul.news-box li ul.news-box-inner {
      width: 90%;
      margin: 0 auto;
      padding-bottom: 20px; }

  p.entry-link {
    padding: 0;
    width: 90%; }

  .recruit-sub-link ul {
    display: block;
    width: 90%;
    margin: 0 auto; }
    .recruit-sub-link ul li {
      margin-left: 0;
      margin-bottom: 20px; }
      .recruit-sub-link ul li a {
        padding: 20px 0; } }
/*------------ recruit skill ------------*/
.talk-box {
  color: #000; }
  .talk-box h2.recruit-ct-ttl {
    font-size: 30px;
    margin: 30px 0; }
  .talk-box h2.recruit-ct-ttl3 {
    font-size: 22px;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
    margin: 40px 0 0 0;
    text-align: left; }
  .talk-box h3.recruit-ct-ttl2 {
    font-size: 22px;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
    margin: 30px 0 30px 0; }
    .talk-box h3.recruit-ct-ttl2 i {
      font-size: 12px;
      margin-left: 20px;
      font-style: normal; }
  .talk-box .recruit-col ul.recruit-col-2 {
    display: flex;
    margin-bottom: 30px; }
    .talk-box .recruit-col ul.recruit-col-2 li {
      width: 100%;
      margin-right: 20px; }
      .talk-box .recruit-col ul.recruit-col-2 li:last-child {
        margin-right: 0; }
      .talk-box .recruit-col ul.recruit-col-2 li h3, .talk-box .recruit-col ul.recruit-col-2 li h4 {
        font-size: 16px;
        margin: 10px 0; }
      .talk-box .recruit-col ul.recruit-col-2 li p {
        font-size: 14px; }
      .talk-box .recruit-col ul.recruit-col-2 li img {
        width: 100%; }
  .talk-box .recruit-col .recruit-col-3:after {
    content: "";
    display: block;
    clear: both; }
  .talk-box .recruit-col .recruit-col-3 .recruit-col-3-txt {
    float: left;
    width: 35%; }
    .talk-box .recruit-col .recruit-col-3 .recruit-col-3-txt p {
      font-size: 16px; }
    .talk-box .recruit-col .recruit-col-3 .recruit-col-3-txt ul {
      font-size: 14px;
      margin-top: 20px;
      list-style: disc;
      margin-left: 20px; }
      .talk-box .recruit-col .recruit-col-3 .recruit-col-3-txt ul li {
        line-height: 1.6; }
  .talk-box .recruit-col .recruit-col-3 .recruit-col-3-img {
    margin-bottom: 30px;
    text-align: right; }
    .talk-box .recruit-col .recruit-col-3 .recruit-col-3-img img {
      margin-right: 5px; }
      .talk-box .recruit-col .recruit-col-3 .recruit-col-3-img img:last-of-type {
        margin-right: 0; }

@media screen and (max-width: 800px) {
  .talk-box .recruit-col .recruit-col-2 img {
    float: none; }
  .talk-box .recruit-col .recruit-col-2 .recruit-col-2-txt {
    float: none;
    width: 100%;
    margin-bottom: 20px; }
  .talk-box .recruit-col .recruit-col-3 .recruit-col-3-txt {
    float: none;
    width: 100%;
    margin-bottom: 10px; }
  .talk-box .recruit-col .recruit-col-3 .recruit-col-3-img {
    text-align: center; }
    .talk-box .recruit-col .recruit-col-3 .recruit-col-3-img img {
      margin-right: 0;
      margin-bottom: 10px; } }
/*------------ recruit message ------------*/
.message-mainv {
  position: relative; }
  .message-mainv p {
    position: absolute;
    bottom: 5px;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    font-size: 18px;
    padding: 15px;
    line-height: 2; }

h3.section-page-mtTtl {
  font-size: 18px;
  margin-bottom: 10px; }

p.section-page-mtTxt {
  line-height: 1.8; }

.section-page-txtbox_mt {
  width: 62%; }

.sp-between {
  justify-content: space-between; }

/*------------ recruit new ------------*/
h4.new-ttl {
  background: url(../../recruit/images/arrow_r.png) no-repeat center left;
  text-indent: 1.6em; }
  h4.new-ttl a {
    text-decoration: none;
    color: #000; }
    h4.new-ttl a:hover {
      text-decoration: underline; }

ul.recruit-list {
  list-style: disc;
  font-size: 12px;
  margin-left: 15px; }

.section-page-table-recruit {
  margin: 10px 0 40px 0;
  text-align: left;
  color: #333; }
  .section-page-table-recruit tr th {
    background-color: #FFF;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed #333;
    width: 5.24561%; }
  .section-page-table-recruit tr td {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed #333; }

p.new-link {
  text-align: right;
  margin-bottom: 40px; }
  p.new-link a {
    background: url(../../recruit/images/arrow_r.png) no-repeat center left;
    color: #000;
    text-decoration: none;
    padding-left: 20px;
    font-size: 12px; }
    p.new-link a:hover {
      text-decoration: underline; }

@media screen and (max-width: 800px) {
  .talk-box {
    width: 90%;
    margin: 0 auto; }
    .talk-box h3.recruit-ct-ttl2 i {
      display: block;
      margin-left: 0; }
    .talk-box .recruit-col ul.recruit-col-2 {
      display: block; }
      .talk-box .recruit-col ul.recruit-col-2 li {
        margin-right: 0;
        margin-bottom: 30px; }
    .talk-box .talk-box-inner img.talkimg-right, .talk-box .talk-box-inner img.talkimg-left {
      float: none;
      padding: 0;
      width: 100%; }
    .talk-box .talk-box-inner ul.talk-txt-left, .talk-box .talk-box-inner ul.talk-txt-right {
      float: none;
      width: 100%; }
    .talk-box .talk-box-inner ul li:first-child {
      margin-top: 20px; }
    .talk-box .recruit-col ul.recruit-col-2 li {
      margin-bottom: 20px; }
    .talk-box .recruit-col ul.recruit-col-2 ul.recruit-list {
      margin-bottom: 50px; }
    .talk-box .section-page-table-recruit tr th,
    .talk-box .section-page-table-recruit tr td {
      width: auto; }

  .talkttl-01 {
    font-size: 16px !important;
    bottom: 51%; }

  .talkttl-02 {
    font-size: 16px !important;
    bottom: 9%;
    left: 0; }

  .section-page-txtbox_mt {
    width: 100%; }

  .section-page-imgbox_mt img {
    width: 100%; }

  h3.section-page-mtTtl {
    margin-top: 10px; } }
/*==================================================================================================
  採用情報関連ページ 固定ボタン
==================================================================================================*/
.recruit-fixbtn {
  position: fixed;
  right: 0;
  top: 609px;
  z-index: 9999; }
  .recruit-fixbtn ul li {
    text-align: right;
    font-size: 14px;
    margin-bottom: 10px; }
    .recruit-fixbtn ul li:last-child {
      margin-bottom: 0; }
    .recruit-fixbtn ul li a {
      display: block;
      color: #FFF;
      padding: 20px 10px 20px 40px;
      background: #000 url(../../recruit/images/arrow_w.png) no-repeat center left 8%;
      text-decoration: none; }
      .recruit-fixbtn ul li a:hover {
        background-color: #ed1b2e; }
    .recruit-fixbtn ul li.fixbtn-new a {
      background: #000 url(../../recruit/images/arrow_w.png) no-repeat center left 27%; }
      .recruit-fixbtn ul li.fixbtn-new a:hover {
        background-color: #ed1b2e; }

@media screen and (max-width: 800px) {
  .recruit-fixbtn {
    position: static; }
    .recruit-fixbtn ul li {
      margin-bottom: 0;
      border-bottom: 1px solid #FFF;
      text-align: left; }
      .recruit-fixbtn ul li:last-child {
        border-bottom: 0; }
      .recruit-fixbtn ul li a {
        background: #000 url(../../recruit/images/arrow_w.png) no-repeat center left 2%; }
      .recruit-fixbtn ul li.fixbtn-new a {
        background: #000 url(../../recruit/images/arrow_w.png) no-repeat center left 2%; } }
/*==================================================================================================
  採用情報関連ページ　サイドバー（sub）
==================================================================================================*/
.site-sidebar .sidebar-nav-recruit {
  margin-top: 40px; }
  .site-sidebar .sidebar-nav-recruit li {
    position: relative;
    margin-bottom: 5px; }
    .site-sidebar .sidebar-nav-recruit li a {
      color: #FFF;
      text-decoration: none;
      display: block;
      padding: 1.2em 3em;
      border-radius: 6px;
      background: #000 url(../../recruit/images/arrow_w.png) no-repeat center left;
      background-position-x: 7%;
      font-size: 12px; }
      .site-sidebar .sidebar-nav-recruit li a:hover {
        opacity: 0.8; }
      .site-sidebar .sidebar-nav-recruit li a strong {
        display: block;
        font-size: 14px;
        font-weight: normal; }
    .site-sidebar .sidebar-nav-recruit li.current {
      border-radius: 6px; }
      .site-sidebar .sidebar-nav-recruit li.current a {
        background: #e62e2e url(../../recruit/images/arrow_w.png) no-repeat center left;
        background-position-x: 7%; }

@media screen and (max-width: 800px) {
  .site-sidebar .sidebar-nav-recruit {
    margin-bottom: 40px; }
    .site-sidebar .sidebar-nav-recruit li a {
      background-position-x: 2%; }
    .site-sidebar .sidebar-nav-recruit li.current a {
      background-position-x: 2%; } }
.table-txt-top th, .table-txt-top td {
  vertical-align: text-top; }
.table-txt-top td.main-active-list ul li {
  list-style: disc; }
  .table-txt-top td.main-active-list ul li::before {
    display: none; }
.table-txt-top p {
  text-align: center; }

.site-contents .page-box ul.section-list {
  margin-left: 0; }
  .site-contents .page-box ul.section-list li::before {
    display: none; }
  .site-contents .page-box ul.section-list li p.section-list-ttl {
    font-size: 16px;
    font-weight: bold; }

.table-txt-top th {
  text-align: center; }

ul.effort-list li {
  list-style-type: square; }
  ul.effort-list li::before {
    display: none !important; }

.mainavi_migiue {
  position: absolute;
  right: 0px;
  top: 55px; }
  @media screen and (max-width: 800px) {
    .mainavi_migiue {
      position: relative;
      right: auto;
      top: auto;
      text-align: center;
      margin: -25px 0 0; } }
.mainavi_migiue span.entrybtn{ position: absolute; top:25px; left: -185px;}
.mainavi_migiue span.entrybtn .entry-arrowA{display:inline; color: #FF0004; font-size: 1.2em; margin-left: 5px;}
.mainavi_migiue span.entrybtn .entry-arrowB{display: none; color: #FF0004; font-size: 1.2em; margin-left: 5px;}
@media screen and (max-width: 768px) {
    .mainavi_migiue span.entrybtn{
      position: static;
      }
.mainavi_migiue span.entrybtn .entry-arrowA{display: none;}
.mainavi_migiue span.entrybtn .entry-arrowB{display: inline;}
}

.mainavi_shitanaka {
  text-align: center;
  padding: 30px 0 0; }