@media (max-width: 765px) {
  .pc-none {
    display: block;
  }
  .mobile-none {
    display: none;
  }
  body.no-scroll {
    overflow: hidden;
    height: 100vh;
  }
  #wrapper {
    overflow-x: hidden;
  }
  header .recruit-header-logo {
    width: calc((100% - 57px) * 0.65);
    padding-left: 1.7em;
  }
  header .recruit-header-logo img {
    width: 87%;
  }
  header .recruit-entry-btn {
    width: calc((100% - 57px) * 0.35);
    transform: translateX(1px);
  }
  header .header-top {
    display: flex;
    height: 57px;
  }
  header .header-top .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 57px;
    border: none;
    background-color: #000000;
    cursor: pointer;
    position: inherit;
    padding: 22px 22px 22px 0;
  }
  header .header-top .hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    transition: all 0.3s ease;
  }
  header .header-top .hamburger.active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
  }
  header .header-top .hamburger.active span:nth-child(2) {
    transform: translateY(-6px) rotate(-45deg);
  }
  header nav {
    position: fixed;
    top: 57px;
    left: inherit;
    right: 0;
    width: 80%;
    max-height: calc(100vh - 57px);
    overflow-y: auto;
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background: #ffffff;
    z-index: -1;
  }
  header nav.open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  header nav .main-menu {
    width: 100%;
    flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header nav li {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #000000;
    font-size: 1.6rem;
  }
  header nav li:hover > .sub-menu {
    display: none;
  }
  header nav li a {
    margin: 0;
    padding: 0;
  }
  header .has-submenu .menu-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 3em;
  }
  header .has-submenu .menu-row a {
    flex: 1;
    text-decoration: none;
    color: #000000;
    padding: 1.4em 0 1.5em 1.4em;
  }
  header .has-submenu .menu-row .submenu-toggle {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  header .has-submenu .menu-row .submenu-toggle::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
  }
  header .has-submenu .menu-row .submenu-toggle.empty {
    pointer-events: none;
  }
  header .has-submenu .menu-row .submenu-toggle.empty::before {
    content: none;
  }
  header .has-submenu.open .submenu-toggle::before {
    transform: rotate(135deg);
  }
  header .has-submenu .sub-menu {
    position: static;
    width: 100%;
    display: none;
    transform: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border-top: 1px solid #a0a0a0;
  }
  header .has-submenu .sub-menu li {
    border-bottom: 1px solid #a0a0a0;
  }
  header .has-submenu .sub-menu li:last-child {
    border: none;
  }
  header .has-submenu .sub-menu li a {
    display: block;
    padding: 1.5em 0 1.5em 2.5em;
    text-decoration: none;
    color: #000000;
  }
  header .has-submenu.open .sub-menu {
    display: block;
  }
  .video-wrapper {
    aspect-ratio: 720/1280;
  }
  .top-deco-title {
    width: 100%;
    bottom: -2em;
  }
  #top-contents {
    padding: 2.4em;
  }
  #top-contents p {
    text-align: justify;
  }
  .main-contents-in {
    padding: 0 10%;
  }
  .recruit-news-wrap {
    width: 100%;
    margin: 4em auto;
  }
  .news-box {
    margin-top: 1em;
  }
  .news-box ul {
    padding: 0 0 0 1.5em;
  }
  .news-box li {
    padding: 0.9em 0;
  }
  .news-box li a {
    flex-direction: column;
  }
  .news-box li a .date {
    width: 100%;
  }
  .news-box li a .text {
    width: 100%;
    text-align: justify;
  }
  .contents-menu-wrap {
    margin-top: 5.5em;
  }
  .contents-menu-box {
    flex-direction: column;
    margin-bottom: 5em;
  }
  .menu-box-left {
    width: 100%;
    padding-top: 1.2em;
  }
  .menu-box-left p {
    text-align: justify;
  }
  .menu-box-right {
    width: 100%;
    margin-top: 1em;
  }
  .en-title {
    width: 98%;
    top: -3.2em;
    left: -2em;
  }
  .contents-submenu-wrap {
    flex-direction: column;
    align-items: center;
    margin: 120px 0 80px;
  }
  .contents-submenu-box {
    width: 76%;
    margin-bottom: 3.5em;
  }
  .contents-submenu-box a {
    margin-top: 0.3em;
  }
  footer .copy {
    line-height: 1.4em;
  }
  #footer-wrap {
    padding: 45px 9% 56px;
  }
  #footer-in {
    flex-direction: column;
  }
  #footer-left {
    width: 100%;
  }
  #footer-left .footer-logo {
    width: 182px;
    transform: translateX(-5px);
    margin: 0 auto;
  }
  #footer-left .footer-address {
    text-align: center;
    margin-top: 0.5em;
  }
  #footer-left .footer-btn {
    width: 62%;
    margin: 1.4em auto;
    padding: 0.5em 0;
  }
  #footer-right {
    display: none;
  }
  .page-top-box .page-top-img {
    aspect-ratio: 1200/640;
  }
  .page-en-title {
    bottom: -72px;
    width: 385px;
  }
  #page-contents {
    text-align: right;
    padding: 20px 40px 20px 0;
  }
  #page-contents h1.max-letters {
    font-size: 1.8rem;
  }
  .page-contents-wrap,
  .page-contents-wrap-1 {
    margin: 80px 0;
  }
  .page-h2-wrap {
    padding-bottom: 8px;
    margin-bottom: 34px;
  }
  .page-h2-en {
    top: -3em;
    width: 76%;
  }
  .text-brock {
    position: static;
    padding: 25px 0 0;
  }
  .text-brock p {
    text-align: justify;
  }
  .name-brock {
    width: 100%;
    bottom: 7px;
    right: 180px;
    font-size: 1rem;
    font-weight: 600;
  }
  .name-brock span {
    display: inline-block;
    margin-left: 4px;
    font-size: 1.5rem;
  }
  table.common-table {
    width: 100%;
  }
  table.common-table tr {
    display: flex;
    flex-direction: column;
  }
  table.common-table th {
    width: 100%;
    padding: 12px 22px 0;
  }
  table.common-table td {
    width: 100%;
    padding: 3px 22px 12px;
    text-align: justify;
  }
  table.common-table td.maplink a {
    width: 20%;
    position: static;
    display: block;
    transform: none;
    padding: 5px 0;
    margin-top: 5px;
  }
  .grouplink-wrap {
    width: 100%;
    margin: 30px 0 0;
    flex-direction: column;
  }
  .grouplink-wrap .link-btn {
    width: 85%;
    margin: 0 auto 22px;
  }
  .grouplink-wrap .link-btn p {
    font-size: 1.2rem;
  }
  .grouplink-wrap .link-btn a {
    padding: 12px 18px;
  }
  .two-column {
    flex-direction: column;
  }
  .c-reverse {
    flex-direction: column-reverse;
  }
  .column-left-1 {
    width: 100%;
  }
  .column-left-1 p {
    margin: 6px 0 30px;
  }
  .column-left-1 img.staff-posi-a {
    width: 108%;
    bottom: -225px;
    left: -9px;
  }
  .column-left-1 img.staff-posi-b {
    width: 107%;
    bottom: -11.5em;
    left: -0.5em;
  }
  .column-left-1 span {
    margin-left: 0.8em;
  }
  .column-right-1 {
    width: 100%;
    margin: 0.5em 0;
  }
  .column-right-2 {
    width: 100%;
  }
  .column-left-2 {
    width: 100%;
  }
  .schedule-title {
    width: 70%;
    font-size: 1.6rem;
  }
  .schedule-box {
    flex-direction: column-reverse;
    padding: 0 6px;
  }
  .schedule-brock-a,
  .schedule-brock-b {
    width: 100%;
  }
  .schedule-wrap-in {
    padding: 56px 8.3% 216px;
  }
  .academy-img {
    width: 92%;
  }
  .no-column h3 {
    line-height: 1.4em;
    margin-top: 10px;
  }
  .no-column p {
    margin-top: 8px;
    text-align: justify;
  }
  .graph-wrap {
    flex-direction: column;
    margin: 0;
  }
  .graph-contents {
    width: 100%;
    margin-top: 25px;
  }
  .graph-contents .title {
    font-size: 1.3rem;
    line-height: 1.5em;
  }
  .academy-graph {
    width: 88%;
    margin: 18px auto 0;
    order: -1;
  }
  .page-obi-title.title-bg-color-c {
    width: 100%;
    margin: 50px auto 24px;
  }
  .page-obi-title.title-bg-color-d {
    width: 100%;
    margin: 50px auto 24px;
  }
  .career-graph-1 {
    width: 62%;
    margin: 0 auto;
  }
  .career-graph-2 {
    display: none;
  }
  .career-graph-text {
    display: block;
    margin-top: 28px;
  }
  .career-graph-text h5 {
    font-size: 2.1rem;
    font-weight: 800;
    margin-top: 10px;
  }
  .career-graph-text h6 {
    font-weight: 600;
    margin-top: 6px;
  }
  .career-graph-text.color-1 h5,
  .career-graph-text.color-1 h6 {
    color: #709c4b;
  }
  .career-graph-text.color-2 h5,
  .career-graph-text.color-2 h6 {
    color: #427f5d;
  }
  .career-graph-text.color-3 h5,
  .career-graph-text.color-3 h6 {
    color: #3b6d8a;
  }
  .career-graph-text.color-4 h5,
  .career-graph-text.color-4 h6 {
    color: #67468f;
  }
  .career-graph-text.color-5 h5,
  .career-graph-text.color-5 h6 {
    color: #ae8546;
  }
  .career-graph-text.color-6 h5,
  .career-graph-text.color-6 h6 {
    color: #925b35;
  }
  .career-graph-text.color-7 h5,
  .career-graph-text.color-7 h6 {
    color: #8c3546;
  }
  .career-graph-text ul {
    line-height: 1.6em;
  }
  .career-graph-text .size-and-weight {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .gradation-line-1 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #709c4b 0%, #709c4b 50%, rgba(112, 156, 75, 0) 100%);
  }
  .gradation-line-2 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #427f5d 0%, #427f5d 50%, rgba(66, 127, 93, 0) 100%);
  }
  .gradation-line-3 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #3b6d8a 0%, #3b6d8a 50%, rgba(59, 109, 138, 0) 100%);
  }
  .gradation-line-4 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #67468f 0%, #67468f 50%, rgba(103, 70, 143, 0) 100%);
  }
  .gradation-line-5 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #ae8546 0%, #ae8546 50%, rgba(174, 133, 70, 0) 100%);
  }
  .gradation-line-6 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #925b35 0%, #925b35 50%, rgba(146, 91, 53, 0) 100%);
  }
  .gradation-line-7 {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #8c3546 0%, #8c3546 50%, rgba(140, 53, 70, 0) 100%);
  }
  .balance-wrap {
    width: 82%;
    margin: 12px auto 0;
  }
  .balance-contents {
    width: 100%;
    margin-top: 12px;
  }
  .benefits-wrap {
    padding: 18px 0 27px 7%;
  }
  .benefits-wrap h3 {
    font-size: 2rem;
  }
  .benefits-wrap P {
    margin-top: 8px;
  }
  .benefits-contents {
    flex-direction: column;
    margin-top: 10px;
  }
  .two-column-contents {
    width: 100%;
    margin-bottom: 32px;
  }
  .two-column-contents p {
    margin-top: 6px;
    text-align: justify;
  }
  .support-contents-wrap {
    padding: 50px 10% 10px;
  }
  .diversity-wrap {
    margin-top: 36px;
  }
  .diversity-wrap .column-left-1 h4 {
    font-size: 1.8rem;
    margin-top: 25px;
  }
  .diversity-wrap .column-left-1 p {
    margin: 6px 0;
  }
  .diversity-wrap .column-left-1 h3.m-t-adjust-2 {
    margin-top: 30px;
  }
  .diversity-wrap .column-right-1 {
    width: 100%;
  }
  .diversity-wrap .column-right-1 img {
    margin: 0;
  }
  .diversity-wrap .contents-in-box {
    margin-bottom: 64px;
  }
  .diversity-head {
    line-height: 1.5em;
    margin: 0;
  }
  h3 {
    line-height: 1.3em;
  }
  .ideal-wrap {
    width: 100%;
  }
  .ideal-wrap a {
    width: 32%;
  }
  .page-entry-btn {
    width: 70%;
    margin: 30px auto 0;
  }
  .privacypolicy-wrap {
    margin: 40px 0 80px;
  }
  .privacypolicy-contents {
    margin-top: 50px;
  }
  .privacypolicy-contents p {
    text-align: justify;
  }
  .privacypolicy-contents ul {
    margin-bottom: 10px;
  }
  .privacypolicy-contents ul span {
    margin-left: 0.8em;
  }
  .mobile-pp {
    display: block;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .archive-wrap-wrap,
  .single-wrap-wrap {
    padding: 57px 10% 80px;
  }
  .archive-wrap {
    width: 100%;
    border: none;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-radius: 0;
    padding: 5px 0 0 24px;
  }
  .archive-wrap li {
    padding: 8px 0;
  }
  .archive-wrap li a {
    flex-direction: column;
  }
  .archive-wrap li a .date {
    width: 100%;
    display: block;
  }
  .archive-wrap li a .text {
    width: 100%;
    display: block;
    margin-top: 3px;
  }
  .single-wrap {
    width: 100%;
    border: none;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-radius: 0;
    padding: 5px 0 0 24px;
  }
  .single-wrap-1-in1 {
    width: 100%;
  }
  .single-wrap-1-in1 p {
    position: sticky;
    padding: 15px 0px 5px;
  }
  .single-wrap-1-in2 {
    width: 100%;
  }
  .single-wrap-2 {
    width: 100%;
    margin: 18px 0 40px;
  }
  .contact-wrap table {
    width: 100%;
    margin: 40px auto 50px;
  }
  .contact-wrap table th {
    display: block;
    width: 100%;
    padding: 20px 0 0;
  }
  .contact-wrap table th.v-top {
    padding: 20px 0 0;
  }
  .contact-wrap table td {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 25px;
  }
  .contact-wrap table td .wpcf7-not-valid-tip {
    font-size: 1.4rem;
  }
  .contact-wrap table td.radio-box .wpcf7-list-item {
    display: block;
  }
  .contact-wrap table td.educational .wpcf7-not-valid-tip {
    bottom: -6.3em;
  }
  .contact-wrap table td.short-box input {
    margin-right: 6px;
  }
  .contact-wrap table td select {
    margin: 0 6px 0 10px;
  }
  #return-home {
    width: 50%;
  }
}/*# sourceMappingURL=recruit-responsive.css.map */