@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */
@keyframes page-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes page-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* line 1, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/core/_base.scss */
html {
  line-height: 1.7; }

/* line 5, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/core/_base.scss */
body {
  margin: 0;
  background-color: #fff;
  color: #000;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

/* line 12, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/core/_base.scss */
iframe {
  width: 100%; }

/* line 16, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/core/_base.scss */
footer {
  background-color: #fff;
  width: 100%;
  text-align: center;
  padding: 15px 0; }

/* line 23, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/core/_base.scss */
a {
  text-decoration: none; }

/* line 27, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/core/_base.scss */
a:link,
a:visited,
a:hover,
a:active {
  color: #000; }

/* line 23, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.font-family-normal {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

/* line 28, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table_SNS div {
  vertical-align: middle; }

/* line 32, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table_SNS img {
  margin: 0 5%;
  height: 60px;
  width: auto; }

/* line 37, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  /* line 55, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
  /* line 65, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* line 73, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.slick-prev {
  left: -25px; }
  /* line 75, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

/* line 85, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.slick-next {
  right: -25px; }
  /* line 87, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

/* line 97, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  border-color: #ffffff; }

/* line 122, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.btn--confirm,
a.btn--confirm {
  color: #fff;
  background-color: #777; }

/* line 128, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.btn--confirm:hover,
a.btn--confirm:hover {
  color: #fff;
  background: #1da1f1; }

/* line 134, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.btn--confirm.disabled:hover,
a.btn--confirm.disabled:hover {
  background-color: #777;
  cursor: not-allowed; }

/* line 140, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation {
  margin: 40px auto;
  font-size: 16px; }

/* line 145, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table {
  display: table;
  table-layout: fixed;
  margin: 0 auto; }

/* line 151, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table > div {
  display: table-cell; }

/* line 154, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table > div:first-child {
  display: table-cell; }

/* line 158, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table_SNS {
  margin-top: 2%; }

/* line 162, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_subtable {
  display: table;
  table-layout: fixed;
  margin: 0 auto; }

/* line 168, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
header .logo {
  width: 140px;
  height: 80px;
  background: url(/assets/common/company_logo_b-0965301673266901e25de7ca5ba4d1097f1cfc6f61d4b7e13fff8a8451bc21bc.png) left center no-repeat;
  background-size: contain; }

/* line 175, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.scroll-y {
  overflow-y: scroll;
  max-height: 500px; }

/* line 180, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
#contents {
  color: #fff;
  border: 8px solid;
  border-image: url(/assets/common/BG-63383e96a1c80593acae4f74667f4923b8119ebf19ad2086b2ad713e28db36ad.png) round;
  border-image-slice: 8 8 8 8 fill;
  line-height: 1.7;
  transition: 0.18s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 189, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.scaleoff {
  transform: scaleY(0); }

/* line 193, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
input.nav-hide {
  display: none; }

/* line 197, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.disable-hover,
.disable-hover * {
  pointer-events: none !important; }

/* line 202, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.menu_element {
  border: 4px solid;
  border-radius: 10px;
  line-height: 30px;
  text-align: center;
  background-color: #fff; }

/* line 210, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.infomation_table_contact,
.infomation_table_SNS {
  margin: 2% auto; }

/* line 215, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.scroll-color-w {
  scrollbar-color: #fff #000;
  overflow: scrollbars-vertical; }
  /* line 218, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .scroll-color-w::-webkit-scrollbar {
    color: #000;
    width: 8px; }
  /* line 222, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .scroll-color-w::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 5px; }

/* line 228, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
#nav-contents-menu {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(1, minmax(0, 1fr)); }

/* line 234, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-ios {
  background-color: #24deff; }

/* line 237, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-android {
  background-color: #8bfeff; }

/* line 240, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-pc-browser {
  background-color: #8bbfff; }

/* line 243, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-sp-browser {
  background-color: #aeaaff; }

/* line 246, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-plan {
  background-color: #ff8e8e; }

/* line 249, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-develop {
  background-color: #ffbd5e; }

/* line 252, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-in-house-dev {
  background-color: #ffd900; }

/* line 255, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-operation {
  background-color: #ffabb7; }

/* line 258, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-design {
  background-color: #FFF2AB; }

/* line 261, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-web {
  background-color: #00ff78; }

/* line 264, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-js {
  background-color: #a6ff19; }

/* line 267, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-unity {
  background-color: #ccff72; }

/* line 270, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.tag-unity-web-gl {
  background-color: #47ffc9; }

/* line 274, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.field_with_errors {
  display: contents; }

/* line 278, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.required {
  color: red; }

/* line 282, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.form-group {
  color: #000;
  margin-bottom: 0.5rem; }
  /* line 284, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .form-group label,
  .form-group p {
    color: #fff; }

/* line 291, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.form-container {
  display: grid;
  gap: 1rem; }
  /* line 294, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .form-container .form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem; }
    /* line 298, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .form-container .form-row .form-field {
      display: grid;
      grid-template-columns: 60px 1fr;
      gap: 1rem;
      align-items: center; }

/* line 307, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.select-form {
  border-radius: 0.25rem; }

/* line 310, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.checkbox-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 2em;
  border: none; }
  /* line 316, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .checkbox-form label {
    display: flex;
    align-items: center;
    gap: 0 0.5em;
    position: relative;
    cursor: pointer; }
    /* line 323, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .checkbox-form label::before, .checkbox-form label:has(:checked)::after {
      content: ""; }
    /* line 328, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .checkbox-form label::before {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 0.25rem;
      background-color: #fff; }
    /* line 335, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .checkbox-form label:has(:checked)::before {
      background-color: #000;
      border: 1px solid #fff; }
    /* line 340, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .checkbox-form label:has(:checked)::after {
      position: absolute;
      left: 8px;
      transform: rotate(45deg);
      width: 8px;
      height: 1.2rem;
      border: solid #fff;
      border-width: 0 3px 3px 0; }
  /* line 351, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .checkbox-form input[type="radio"] {
    display: none; }

/* line 356, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.row {
  display: flex; }

/* line 360, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.qa_accordion {
  background-color: #000;
  max-width: 100%;
  margin-bottom: 7px;
  border: 2px solid #fff;
  border-radius: 0.25rem; }
  /* line 367, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .qa_accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.5em 2em;
    background-position: right calc(2em - 7px) center;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 600;
    cursor: pointer; }
    /* line 380, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .qa_accordion summary::-webkit-details-marker {
      display: none; }
    /* line 384, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .qa_accordion summary::before, .qa_accordion summary::after {
      position: absolute;
      right: calc(2em + 2.5px);
      width: 3px;
      height: 10px;
      border-radius: 0.25rem;
      background-color: #fff;
      content: ""; }
    /* line 395, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .qa_accordion summary::before {
      rotate: 90deg; }
    /* line 399, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .qa_accordion summary::after {
      transition: rotate 0.3s; }
  /* line 405, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .qa_accordion[open] summary::after {
    rotate: 90deg; }
  /* line 408, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .qa_accordion[open] p {
    transform: none;
    opacity: 1; }
  /* line 414, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .qa_accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0 2em 1.5em;
    color: white;
    transition: transform 0.5s, opacity 0.5s; }

/* line 424, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.dot-line {
  border: none;
  border-top: 1px dashed white;
  color: white;
  height: 0;
  margin: 0.5rem 0; }

/* line 432, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.arrow-down,
.arrow-up {
  width: 0;
  height: 0;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  margin-left: 0.75rem;
  display: inline-block;
  vertical-align: middle; }

/* line 443, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.arrow-down {
  border-top: 0.75rem solid #fff; }

/* line 447, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.arrow-up {
  border-bottom: 0.75rem solid #fff; }

/* line 452, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.recruitment h2 {
  font-size: 1.5rem; }
/* line 455, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.recruitment h3 {
  margin-bottom: 0.5rem; }
/* line 458, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.recruitment ul {
  list-style: inside; }
/* line 461, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.recruitment .flex {
  width: 100%; }
/* line 464, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.recruitment .selection-process {
  display: flex;
  flex-direction: column; }
  /* line 467, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .recruitment .selection-process .process-container {
    display: flex;
    width: 100%; }
  /* line 471, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .recruitment .selection-process .process-description {
    width: auto;
    padding: 0 1rem; }
  /* line 475, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .recruitment .selection-process .title,
  .recruitment .selection-process .arrow {
    width: 200px;
    text-align: justify;
    text-align-last: justify;
    flex-shrink: 0; }
  /* line 483, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .recruitment .selection-process .arrow img {
    margin: 0.5rem auto; }
  /* line 487, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .recruitment .selection-process .title {
    font-weight: bold;
    height: 70px;
    padding: 1rem;
    border: 2px solid #fff; }

/* line 496, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.entry-footer {
  position: fixed;
  transition: opacity 0.5s ease-in-out;
  background-color: #000000e7;
  height: 10vh;
  width: 100%;
  bottom: 0;
  left: 0; }
  /* line 504, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .entry-footer .footer-image {
    width: 300px;
    position: absolute;
    right: 0;
    bottom: 0; }
  /* line 510, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .entry-footer .entry-button-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin: auto 0;
    text-align: center; }
    /* line 517, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .entry-footer .entry-button-wrapper .back-button {
      background-color: gray;
      margin-right: 2rem; }
      /* line 520, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .back-button:hover, .entry-footer .entry-button-wrapper .back-button:focus {
        background-color: transparent;
        color: #fff; }
      /* line 525, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .back-button:before, .entry-footer .entry-button-wrapper .back-button:after {
        background-color: #fff; }
    /* line 530, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .entry-footer .entry-button-wrapper .entry-button.disabled {
      background-color: #777; }
      /* line 532, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button.disabled:hover, .entry-footer .entry-button-wrapper .entry-button.disabled:focus {
        background-color: #777;
        color: #fff;
        cursor: not-allowed; }
      /* line 538, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button.disabled:before, .entry-footer .entry-button-wrapper .entry-button.disabled:after {
        background-color: transparent; }
    /* line 543, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .entry-footer .entry-button-wrapper .entry-button {
      background-color: #1da1f1; }
      /* line 545, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button:hover, .entry-footer .entry-button-wrapper .entry-button:focus {
        background-color: transparent;
        color: #1da1f1; }
      /* line 550, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button:before, .entry-footer .entry-button-wrapper .entry-button:after {
        background-color: #1da1f1; }
    /* line 555, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .entry-footer .entry-button-wrapper .entry-button,
    .entry-footer .entry-button-wrapper .back-button {
      color: #fff;
      border: none;
      position: relative;
      height: 60px;
      font-size: 1.6em;
      padding: 0.25em 2em;
      cursor: pointer;
      transition: 800ms ease all;
      outline: none;
      border-radius: 0.25rem; }
      /* line 567, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button:before, .entry-footer .entry-button-wrapper .entry-button:after,
      .entry-footer .entry-button-wrapper .back-button:before,
      .entry-footer .entry-button-wrapper .back-button:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 2px;
        width: 0;
        transition: 400ms ease all; }
      /* line 577, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button:after,
      .entry-footer .entry-button-wrapper .back-button:after {
        right: inherit;
        top: inherit;
        left: 0;
        bottom: 0; }
      /* line 583, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .entry-footer .entry-button-wrapper .entry-button:hover:before, .entry-footer .entry-button-wrapper .entry-button:hover:after, .entry-footer .entry-button-wrapper .entry-button:focus:before, .entry-footer .entry-button-wrapper .entry-button:focus:after,
      .entry-footer .entry-button-wrapper .back-button:hover:before,
      .entry-footer .entry-button-wrapper .back-button:hover:after,
      .entry-footer .entry-button-wrapper .back-button:focus:before,
      .entry-footer .entry-button-wrapper .back-button:focus:after {
        width: 100%;
        transition: 800ms ease all; }

/* line 594, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.error-box {
  border: 2px solid red;
  border-radius: 0.25rem; }
  /* line 597, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .error-box .error-title {
    background-color: red;
    padding: 0.5rem; }
  /* line 601, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .error-box .error-messages {
    padding: 1rem; }
  /* line 604, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .error-box .error-message {
    color: red; }

/* line 610, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.entry-form h2 {
  font-size: 1.5rem; }
/* line 613, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.entry-form #detail-button {
  border: 2px solid #fff;
  padding: 0.5rem;
  border-radius: 0.25rem; }

/* line 620, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.card {
  display: grid;
  text-align: center;
  grid-template-columns: [a-start] 8px [b-start] 1fr [b-end] 8px [a-end]; }
  /* line 624, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .card > * {
    grid-column: b; }
  /* line 628, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .card:hover img {
    transform: scale(1.1);
    transition: 0.3s ease-in-out; }
  /* line 634, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .card .image {
    border-radius: 0.25rem;
    background-color: #fff;
    grid-column: a;
    position: relative; }
    /* line 639, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .card .image img {
      padding: 15%; }
    /* line 642, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .card .image .wantedly-img,
    .card .image .tensai-img,
    .card .image .character-img {
      padding: 0; }
    /* line 647, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .card .image .tensai-img {
      object-fit: cover; }

/* line 652, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.custom-btn {
  border: 2px solid #fff;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border-radius: 0.25rem; }
  /* line 661, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn:hover {
    background: transparent;
    color: #fff; }
  /* line 665, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5em 1em; }
    /* line 671, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .custom-btn span:before, .custom-btn span:after {
      position: absolute;
      content: "";
      right: 0;
      bottom: 0;
      background: #fff;
      /* 線の色 */
      transition: all 0.3s ease; }
    /* line 680, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .custom-btn span:before {
      width: 2px;
      height: 0%; }
    /* line 684, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .custom-btn span:after {
      width: 0%;
      height: 2px; }
    /* line 688, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .custom-btn span:hover:before {
      height: 100%; }
    /* line 691, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .custom-btn span:hover:after {
      width: 100%; }
  /* line 695, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn:before, .custom-btn::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #fff;
    transition: all 0.3s ease; }
  /* line 704, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn:before {
    height: 0%;
    width: 2px; }
  /* line 708, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn:after {
    width: 0%;
    height: 2px; }
  /* line 712, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn:hover:before {
    height: 100%; }
  /* line 715, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .custom-btn:hover:after {
    width: 100%; }

/* line 721, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.confirm .row {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-bottom: 1px solid #fff; }
/* line 727, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
.confirm .title {
  text-align: left;
  text-align-last: left; }

/* -----------------------------------------------------
 * Media Queries
 * -------------------------------------------------- */
@media screen and (min-width: 768px) {
  /* line 738, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  header .logo {
    width: 140px; }

  /* line 741, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation {
    width: 900px;
    max-width: 100%;
    font-size: 20px;
    margin: 60px auto; }

  /* line 747, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table,
  .infomation_table_contact,
  .infomation_table_SNS {
    width: 900px;
    max-width: 100%;
    margin-bottom: 18px; }

  /* line 755, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table > div,
  .infomation_table_contact > div,
  .infomation_table_SNS > div {
    width: 80%; }

  /* line 760, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table > div:first-child,
  .infomation_table_contact > div:first-child,
  .infomation_table_SNS > div:first-child {
    width: 20%; }

  /* line 766, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_subtable {
    width: 100%; }

  /* line 770, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_subtable div {
    width: 60%; }

  /* line 773, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_subtable div:first-child {
    width: 40%; }

  /* line 776, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_subtable div {
    display: table-cell; }

  /* line 779, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_subtable div:first-child {
    display: table-cell; }

  /* line 783, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .map {
    margin: 3% 15% 8%; }

  /* line 786, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .nav-menu-title,
  .nav-toggle {
    display: none; }

  /* line 790, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .menu_element {
    width: 108px;
    display: inline-block; }

  /* line 794, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  #nav-contents-menu {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media screen and (min-width: 1280px) {
  /* line 800, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  #nav-contents-menu {
    grid-template-columns: repeat(9, minmax(0, 1fr)); } }
@media screen and (max-width: 767px) {
  /* line 806, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  header {
    width: 100%; }

  /* line 809, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  header .logo {
    height: 33px; }

  /* line 812, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  #contents {
    min-height: 75vh;
    margin-bottom: 25px; }

  /* line 816, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table {
    width: 98%;
    display: block;
    margin-bottom: 18px; }

  /* line 821, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table > div {
    display: block; }

  /* line 824, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table > div:first-child {
    width: 105px; }

  /* line 828, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table_contact,
  .infomation_table_SNS {
    width: 98%; }

  /* line 833, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table_contact > div:first-child,
  .infomation_table_SNS > div:first-child {
    width: 100px; }

  /* line 838, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_subtable {
    width: 100%;
    margin-bottom: 8px; }

  /* access.html */
  /* line 844, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .map {
    margin: 10% 2%;
    height: 22%; }

  /* line 849, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .menu_element {
    width: 100%;
    margin: 2px 0 0 0 !important;
    display: block; }

  /* line 855, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999; }

  /* line 863, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .header-nav label#nav-switch {
    display: block;
    position: relative;
    width: 33px;
    height: 33px;
    background-size: contain; }
    /* line 869, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .header-nav label#nav-switch > span {
      background-color: #000;
      width: 22px;
      height: 3px;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      border-radius: 3px;
      transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
      /* line 879, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .header-nav label#nav-switch > span:nth-child(1) {
        top: 7px; }
      /* line 882, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .header-nav label#nav-switch > span:nth-child(2) {
        top: 15px; }
      /* line 885, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
      .header-nav label#nav-switch > span:nth-child(3) {
        top: 23px; }
  /* line 893, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .header-nav.active label#nav-switch > span:nth-child(1) {
    rotate: 45deg;
    top: 15px; }
  /* line 897, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .header-nav.active label#nav-switch > span:nth-child(2) {
    display: none; }
  /* line 900, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .header-nav.active label#nav-switch > span:nth-child(3) {
    rotate: -45deg;
    top: 15px; }

  /* line 909, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .nav-toggle {
    position: fixed;
    top: 7px;
    right: 11px;
    transform: translateY(0%);
    z-index: 10000; }

  /* line 916, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .nav-menu-title {
    padding-left: 20px;
    min-width: 150px;
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
    pointer-events: none; }

  /* line 926, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  #nav-menu:checked ~ #nav-contents {
    transform: translateY(0%); }

  /* line 929, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  #nav-contents {
    overflow: auto;
    position: fixed;
    text-align: right;
    top: 0;
    right: 3px;
    transition: 0.2s linear;
    transform: translateY(-100%);
    z-index: 9999;
    padding-top: 11px; }

  /* line 942, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .recruitment .selection-process {
    margin: 0 10%; }
    /* line 944, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .recruitment .selection-process .process-container {
      display: block; }
    /* line 947, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .recruitment .selection-process .process-description {
      padding: 0.5rem 0; }
    /* line 950, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
    .recruitment .selection-process .title,
    .recruitment .selection-process .arrow {
      width: 100%;
      text-align: center;
      text-align-last: center; }

  /* line 959, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .entry-footer .footer-image {
    display: none; }
  /* line 963, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .entry-footer .entry-button-wrapper .entry-button,
  .entry-footer .entry-button-wrapper .back-button {
    padding: 0.25em 1em; }

  /* line 970, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .form-container .form-row {
    grid-template-columns: 1fr; } }
@media (orientation: landscape) {
  /* line 977, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table_contact > div,
  .infomation_table_SNS > div {
    display: table-cell; }

  /* line 982, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table_SNS > div:first-child {
    padding-left: 1%; } }
@media (orientation: portrait) {
  /* line 988, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table_contact > div,
  .infomation_table_SNS > div {
    text-align: center; }

  /* line 993, /var/www/ogix_web/releases/20250827053444/app/assets/stylesheets/application.scss */
  .infomation_table_contact div,
  .infomation_table_SNS div {
    margin: auto; } }
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

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