/****************************************************************************************************************************/
/*
/*
/* = Recruit Page Style
/*
/*
/****************************************************************************************************************************/
/*
/* = visual
/*
/* ------------------------------------------------------------------------------------------------------------------------ */
.visual.recruit-visual .visual-inner--ttl span::before {
  background-image: url(../media/images/top/topnav-inner--list_lm2_hv.png); }

/*
/* = Main
/*
/* ------------------------------------------------------------------------------------------------------------------------ */
#main .portal-nav {
  padding: 60px 0;
  background-color: rgba(1, 141, 235, 0.1); }
  #main .portal-nav--inner {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch; }
    @media print, screen and (min-width: 768px) {
      #main .portal-nav--inner {
        width: 1200px; } }
    @media print, screen and (max-width: 767px) {
      #main .portal-nav--inner {
        width: calc(100% - (5.3vw * 2)); } }
    @media print, screen and (max-width: 767px) {
      #main .portal-nav--inner {
        flex-direction: column; } }
    #main .portal-nav--inner_item {
      width: calc((100% - (25px * 1)) / 2); }
      @media print, screen and (max-width: 767px) {
        #main .portal-nav--inner_item {
          width: 100%; } }
      @media print, screen and (max-width: 767px) {
        #main .portal-nav--inner_item + .portal-nav--inner_item {
          margin-top: 10px; } }
      #main .portal-nav--inner_item a {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 30px 30px;
        background-color: #ffffff;
        font-size: 1.5em;
        color: #018deb;
        font-weight: 700; }
        #main .portal-nav--inner_item a::after {
          display: inline-block;
          content: "";
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 20px 20px;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' xml:space='preserve'%3E%3Cpath fill='%23018DEB' d='M843.75 625h-62.5c-17.26 0-31.25 13.991-31.25 31.25V875H125V250h281.25c17.259 0 31.25-13.991 31.25-31.25v-62.5c0-17.259-13.991-31.25-31.25-31.25H93.75C41.973 125 0 166.973 0 218.75v687.5C0 958.026 41.973 1000 93.75 1000h687.5c51.776 0 93.75-41.974 93.75-93.75v-250c0-17.259-13.991-31.25-31.25-31.25zM953.125 0h-250c-41.738 0-62.598 50.605-33.203 80.078l69.785 69.785-476.035 475.86c-18.338 18.274-18.39 47.953-.115 66.291l.115.115 44.277 44.199c18.273 18.338 47.953 18.389 66.291.115l.115-.115L850.156 260.39l69.766 69.688c29.297 29.297 80.078 8.789 80.078-33.203v-250C1000 20.987 979.013 0 953.125 0z'/%3E%3C/svg%3E"); }
        #main .portal-nav--inner_item a:hover::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M843.75 625h-62.5c-17.26 0-31.25 13.991-31.25 31.25V875H125V250h281.25c17.259 0 31.25-13.991 31.25-31.25v-62.5c0-17.259-13.991-31.25-31.25-31.25H93.75C41.973 125 0 166.973 0 218.75v687.5C0 958.026 41.973 1000 93.75 1000h687.5c51.776 0 93.75-41.974 93.75-93.75v-250c0-17.259-13.991-31.25-31.25-31.25zM953.125 0h-250c-41.738 0-62.598 50.605-33.203 80.078l69.785 69.785-476.035 475.86c-18.338 18.274-18.39 47.953-.115 66.291l.115.115 44.277 44.199c18.273 18.338 47.953 18.389 66.291.115l.115-.115L850.156 260.39l69.766 69.688c29.297 29.297 80.078 8.789 80.078-33.203v-250C1000 20.987 979.013 0 953.125 0z'/%3E%3C/svg%3E"); }
        @media print, screen and (max-width: 767px) {
          #main .portal-nav--inner_item a {
            padding: 20px 20px;
            font-size: 1.25em; } }
        #main .portal-nav--inner_item a:hover {
          background-color: #018deb;
          color: #ffffff; }
        #main .portal-nav--inner_item a::before {
          display: block;
          content: "";
          width: 140px;
          height: 100px;
          margin-bottom: 5px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100px 100px,0 0;
          transition: 0.5s ease-in-out; }
          @media print, screen and (max-width: 767px) {
            #main .portal-nav--inner_item a::before {
              width: 60px;
              height: 60px;
              background-size: 60px 60px,0 0; } }
        #main .portal-nav--inner_item a:hover::before, #main .portal-nav--inner_item a:active::before {
          background-size: 0 0,100px 100px; }
          @media print, screen and (max-width: 767px) {
            #main .portal-nav--inner_item a:hover::before, #main .portal-nav--inner_item a:active::before {
              background-size: 0 0,60px 60px; } }
        #main .portal-nav--inner_item a.gojp::before {
          background-image: url(../media/images/recruit/portal/portal-nav--ico01.png), url(../media/images/recruit/portal/portal-nav--ico01_hv.png); }
        #main .portal-nav--inner_item a.note::before {
          background-image: url(../media/images/recruit/portal/portal-nav--ico02.png), url(../media/images/recruit/portal/portal-nav--ico02_hv.png); }
        #main .portal-nav--inner_item a small {
          display: block; }
        #main .portal-nav--inner_item a span {
          width: calc(100% - (150px + 30px)); }
          @media print, screen and (max-width: 767px) {
            #main .portal-nav--inner_item a span {
              width: 100%;
              text-align: center; } }
          #main .portal-nav--inner_item a span::after {
            display: block;
            font-size: 0.75em;
            font-weight: 500;
            color: #bdbdbd;
            transition: 0.5s ease-in-out; }
        #main .portal-nav--inner_item a.gojp span::after {
          content: "Recruitment Site"; }
        #main .portal-nav--inner_item a.note span::after {
          content: "Web Information Session"; }
        #main .portal-nav--inner_item a:hover span::after {
          color: #ffffff; }
        @media print, screen and (max-width: 767px) {
          #main .portal-nav--inner_item a::after {
            position: absolute;
            right: 15px;
            bottom: 15px; } }
#main .portal-about {
  padding: 60px 60px;
  background-color: #0e55bc; }
  @media print, screen and (max-width: 767px) {
    #main .portal-about {
      padding: 60px 40px; } }
  #main .portal-about--inner_ttl {
    color: #018deb;
    background-color: #ffffff; }
  #main .portal-about--inner_slide .slick-slide {
    position: relative;
    transform: scale(0.9);
    opacity: 0.5;
    transition: all .5s; }
    #main .portal-about--inner_slide .slick-slide.slick-center {
      transform: scale(1);
      opacity: 1; }
    #main .portal-about--inner_slide .slick-slide p {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 2;
      width: 100%;
      padding: 1.5em;
      background-color: rgba(0, 0, 0, 0.8);
      color: #ffffff;
      font-size: 1.25em; }
      @media print, screen and (max-width: 767px) {
        #main .portal-about--inner_slide .slick-slide p {
          padding: 1em;
          font-size: 1.125em; } }
  #main .portal-about--inner_slide .slick-arrow {
    width: 40px;
    height: 40px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff; }
    @media print, screen and (max-width: 767px) {
      #main .portal-about--inner_slide .slick-arrow {
        width: 30px;
        height: 30px; } }
    #main .portal-about--inner_slide .slick-arrow::before {
      font-size: 0 !important; }
  #main .portal-about--inner_slide .slick-prev {
    transform: rotate(-135deg);
    left: -40px; }
    @media print, screen and (max-width: 767px) {
      #main .portal-about--inner_slide .slick-prev {
        left: -25px; } }
  #main .portal-about--inner_slide .slick-next {
    transform: rotate(45deg);
    right: -40px; }
    @media print, screen and (max-width: 767px) {
      #main .portal-about--inner_slide .slick-next {
        right: -25px; } }
  #main .portal-about--inner_slide .slick-dots {
    bottom: -50px; }
    @media print, screen and (max-width: 767px) {
      #main .portal-about--inner_slide .slick-dots {
        bottom: -70px; } }
    #main .portal-about--inner_slide .slick-dots li button::before {
      width: 10px;
      height: 10px;
      background-color: #ffffff;
      opacity: 1;
      border-radius: 50%;
      font-size: 0; }
    #main .portal-about--inner_slide .slick-dots li.slick-active button::before {
      background-color: #018deb; }
#main .portal .modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 801; }
  #main .portal .modal-bg {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%; }
  #main .portal .modal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    max-width: 1000px;
    padding: 60px;
    transform: translate(-50%, -50%); }
    @media print, screen and (max-width: 767px) {
      #main .portal .modal-inner {
        width: 100%; } }
    #main .portal .modal-inner--ttl {
      margin-bottom: 1em;
      color: #ffffff; }
    #main .portal .modal-inner--slide {
      margin-bottom: 20px; }
      #main .portal .modal-inner--slide .images .comment {
        margin-top: 1.5em;
        color: #ffffff;
        text-align: center;
        font-size: 1.25em; }
      #main .portal .modal-inner--slide .slick-arrow {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff; }
        @media print, screen and (max-width: 767px) {
          #main .portal .modal-inner--slide .slick-arrow {
            width: 10px;
            height: 10px; } }
        #main .portal .modal-inner--slide .slick-arrow::before {
          font-size: 0 !important; }
      #main .portal .modal-inner--slide .slick-prev {
        transform: rotate(-135deg);
        left: -30px; }
        @media print, screen and (max-width: 767px) {
          #main .portal .modal-inner--slide .slick-prev {
            left: -25px; } }
      #main .portal .modal-inner--slide .slick-next {
        transform: rotate(45deg);
        right: -30px; }
        @media print, screen and (max-width: 767px) {
          #main .portal .modal-inner--slide .slick-next {
            right: -25px; } }
      #main .portal .modal-inner--slide .slick-dots {
        bottom: -50px; }
        @media print, screen and (max-width: 767px) {
          #main .portal .modal-inner--slide .slick-dots {
            bottom: -70px; } }
        #main .portal .modal-inner--slide .slick-dots li button::before {
          width: 10px;
          height: 10px;
          background-color: #ffffff;
          opacity: 1;
          border-radius: 50%;
          font-size: 0; }
        #main .portal .modal-inner--slide .slick-dots li.slick-active button::before {
          background-color: #018deb; }
    #main .portal .modal-inner--btn {
      margin-top: 100px;
      text-align: center; }
      #main .portal .modal-inner--btn a {
        color: #ffffff;
        padding: 0.357em 1.429em;
        border: 1px solid #ffffff;
        color: #ffffff;
        font-size: 0.875em; }
        #main .portal .modal-inner--btn a:hover {
          background-color: #ffffff;
          color: #000000 !important; }
#main .portal-work {
  padding: 60px 0; }
  #main .portal-work--inner {
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 768px) {
      #main .portal-work--inner {
        width: 1200px; } }
    @media print, screen and (max-width: 767px) {
      #main .portal-work--inner {
        width: calc(100% - (5.3vw * 2)); } }
    #main .portal-work--inner .btn {
      font-size: 0.875em;
      font-weight: 400; }
      #main .portal-work--inner .btn::after {
        display: inline-block;
        content: "";
        width: 12px;
        height: 12px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 12px 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' xml:space='preserve'%3E%3Cpath fill='%23018DEB' d='M843.75 625h-62.5c-17.26 0-31.25 13.991-31.25 31.25V875H125V250h281.25c17.259 0 31.25-13.991 31.25-31.25v-62.5c0-17.259-13.991-31.25-31.25-31.25H93.75C41.973 125 0 166.973 0 218.75v687.5C0 958.026 41.973 1000 93.75 1000h687.5c51.776 0 93.75-41.974 93.75-93.75v-250c0-17.259-13.991-31.25-31.25-31.25zM953.125 0h-250c-41.738 0-62.598 50.605-33.203 80.078l69.785 69.785-476.035 475.86c-18.338 18.274-18.39 47.953-.115 66.291l.115.115 44.277 44.199c18.273 18.338 47.953 18.389 66.291.115l.115-.115L850.156 260.39l69.766 69.688c29.297 29.297 80.078 8.789 80.078-33.203v-250C1000 20.987 979.013 0 953.125 0z'/%3E%3C/svg%3E"); }
      #main .portal-work--inner .btn:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M843.75 625h-62.5c-17.26 0-31.25 13.991-31.25 31.25V875H125V250h281.25c17.259 0 31.25-13.991 31.25-31.25v-62.5c0-17.259-13.991-31.25-31.25-31.25H93.75C41.973 125 0 166.973 0 218.75v687.5C0 958.026 41.973 1000 93.75 1000h687.5c51.776 0 93.75-41.974 93.75-93.75v-250c0-17.259-13.991-31.25-31.25-31.25zM953.125 0h-250c-41.738 0-62.598 50.605-33.203 80.078l69.785 69.785-476.035 475.86c-18.338 18.274-18.39 47.953-.115 66.291l.115.115 44.277 44.199c18.273 18.338 47.953 18.389 66.291.115l.115-.115L850.156 260.39l69.766 69.688c29.297 29.297 80.078 8.789 80.078-33.203v-250C1000 20.987 979.013 0 953.125 0z'/%3E%3C/svg%3E"); }
      @media print, screen and (max-width: 767px) {
        #main .portal-work--inner .btn {
          font-size: 0.75em;
          padding-left: 0.5em;
          padding-right: 0.5em; } }
      #main .portal-work--inner .btn::after {
        margin-left: 0.5em; }
    #main .portal-work--inner .ttl {
      position: relative; }
      #main .portal-work--inner .ttl small {
        display: inline-block;
        margin-left: 1em; }
        @media print, screen and (max-width: 767px) {
          #main .portal-work--inner .ttl small {
            display: block;
            margin-left: 0; } }
      #main .portal-work--inner .ttl .btn {
        position: absolute;
        top: 10px;
        right: 0;
        font-size: 0.7em; }
        @media print, screen and (max-width: 767px) {
          #main .portal-work--inner .ttl .btn {
            font-size: 0.6em; } }
    #main .portal-work--inner .tbl th {
      position: relative; }
      @media print, screen and (min-width: 768px) {
        #main .portal-work--inner .tbl th .btn {
          position: absolute;
          right: 10px; } }
    #main .portal-work--inner .tbl td {
      text-align: center;
      width: 35%; }
#main .portal-contact {
  padding: 60px 0;
  background-color: rgba(189, 189, 189, 0.1); }
  #main .portal-contact--inner {
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 768px) {
      #main .portal-contact--inner {
        width: 1200px; } }
    @media print, screen and (max-width: 767px) {
      #main .portal-contact--inner {
        width: calc(100% - (5.3vw * 2)); } }

/*
/* = aside
/*
/* ------------------------------------------------------------------------------------------------------------------------ */

/*# sourceMappingURL=page-recruit.css.map */