/* CSS Document */
.recSp {
  display: none; }

ul, li, ol {
  list-style: none;
  padding: 0;
  margin: 0; }

@media screen and (max-width: 520px) {
  body {
    margin: 0 !important;
    font-size: 16px; }
    body > div {
      display: none; }

  map {
    display: none; }

  .recSp {
    background: #e5e5e5;
    padding: 1vw;
    display: block; }
    .recSp__title {
      max-width: 464px; }
      .recSp__title img {
        width: 100%;
        height: auto; }
    .recSp__top {
      text-align: right; }
    .recSp__contact {
      margin-bottom: 2rem; }
    .recSp__main {
      background: #fff;
      border-top: 1px solid #ccc;
      border-bottom: 2px solid #ccc;
      padding: 2vw 1vw;
      margin-bottom: 6vw; }
      .recSp__main .recIndex {
        gap: 0.5rem; }
        .recSp__main .recIndex .grid__item img {
          width: 100%;
          height: auto; }
    .recSp .nav {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-bottom: 2vw;
      gap: 1vw; }
      .recSp .nav__item img {
        width: 100%;
        height: auto; }
    .recSp__aside .topics {
      margin-bottom: 4vw; }
      .recSp__aside .topics iframe {
        background: #fff;
        width: 100%;
        height: 8rem; }
    .recSp__aside .topics2 {
      margin-bottom: 4vw; }
    .recSp__footer {
      background: #fff;
      border-top: 2px solid #ccc;
      padding: 2vw 0; }
      .recSp__footer__link {
        padding: 0 10vw;
        line-height: 1.2;
        margin-bottom: 4vw; }
        .recSp__footer__link__list {
          display: flex;
          gap: 0.5rem 1rem;
          flex-wrap: wrap; }
        .recSp__footer__link__item a {
          color: #28425E;
          font-weight: bold; }
      .recSp__footer .copyright {
        text-align: center; }

  .grid {
    display: grid;
    gap: 1rem; }

  .grid2 {
    grid-template-columns: 1fr 1fr; }

  .ly2__lyt__title {
    text-align: left; }
    .ly2__lyt__title img {
      max-width: 100%;
      height: auto; }
    .ly2__lyt__title img {
      width: auto; }

  .newgrad__nav {
    background: #71BE38;
    padding: 4vw 1vw 6vw 1vw;
    font-size: 110%;
    font-weight: bold; }
    .newgrad__nav__link {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2vw; }
    .newgrad__nav a {
      color: #fff;
      display: block;
      padding: 4vw 1vw 1vw 1vw;
      border-bottom: 1px solid #fff; }

  .experienced__nav {
    background: #FE9915;
    padding: 4vw 1vw 6vw 1vw;
    font-size: 110%;
    font-weight: bold; }
    .experienced__nav__link {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2vw; }
    .experienced__nav a {
      color: #fff;
      display: block;
      padding: 4vw 1vw 1vw 1vw;
      border-bottom: 1px solid #fff; }

  .interview___nav {
    background: #F43E83; }
    .interview___nav__item {
      width: 100%; }
      .interview___nav__item a {
        display: block; }
      .interview___nav__item img {
        width: 100%; }

  .interviewDev__nav {
    margin-bottom: 4vw; }
    .interviewDev__nav__link {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .interviewDev__nav__item img {
      width: 100%;
      vertical-align: bottom; }

  .interviewDev__content__image {
    width: 100%;
    padding: 0;
    margin: 2vw 0 0 0;
    text-align: center; }
    .interviewDev__content__image img {
      width: 60%; }
    .interviewDev__content__image figcaption {
      line-height: 1.2;
      background: #fff;
      padding: 2vw;
      width: auto;
      box-sizing: border-box; }

  .interviewEmp__work__title {
    color: #f14794;
    padding: 1vw 0.5rem;
    border-left: 0.5rem solid #f14794; }
  .interviewEmp__nav {
    margin-bottom: 4vw; }
    .interviewEmp__nav__link {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .interviewEmp__nav__item img {
      width: 100%;
      vertical-align: bottom; }

  .interviewEmp__content__image {
    width: 100%;
    padding: 0;
    margin: 2vw 0 0 0;
    text-align: center; }
    .interviewEmp__content__image img {
      width: 100%; }

  .interviewNew__item {
    margin-bottom: 4vw;
    padding: 2vw;
    border-bottom: 1px solid #ccc; }
    .interviewNew__item__title {
      text-align: left; }
      .interviewNew__item__title img {
        height: 12vw;
        width: auto; }
    .interviewNew__item__image {
      width: 40%;
      float: right;
      margin: 4vw; }
      .interviewNew__item__image img {
        width: 100%;
        height: auto; }

  .exp__nav {
    background: #03A8DB; }
    .exp__nav__item {
      width: 100%; }
      .exp__nav__item a {
        display: block; }
      .exp__nav__item img {
        width: 100%;
        vertical-align: bottom; }

  .interviewWork__nav {
    background: #1DB4CB;
    margin-bottom: 4vw; }
    .interviewWork__nav__link {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .interviewWork__nav__item img {
      width: 100%;
      vertical-align: bottom; }
  .interviewWork__list {
    margin-bottom: 10vw; }
  .interviewWork__item {
    display: flex;
    margin-bottom: 4vw;
    gap: 3vw; }
    .interviewWork__item.am .interviewWork__content__title {
      color: #000099; }
    .interviewWork__item.ln .interviewWork__content__title {
      color: #ff8040; }
    .interviewWork__item.pm .interviewWork__content__title {
      color: #76D627; }
    .interviewWork__item.af .interviewWork__content__title {
      color: #00cccc; }
  .interviewWork__content {
    line-height: 1.2; }
    .interviewWork__content__title {
      font-weight: bold;
      font-size: 110%;
      display: block;
      margin-bottom: 2vw;
      margin-top: 12px; }
  .interviewWork__time {
    display: flex;
    flex-direction: column; }

  .flowlist__item {
    margin-bottom: 2vw;
    padding: 0 1vw; }
    .flowlist__item span {
      font-weight: bold;
      display: block;
      border-bottom: 1px solid #ccc; }

  .faq__list {
    border-top: 1px solid #ccc; }
  .faq__item {
    border-bottom: 1px solid #ccc;
    padding: 4vw 0; }
    .faq__item .q {
      display: block;
      margin-bottom: 2vw; }
      .faq__item .q::before {
        content: url(../images/faq_q_b.gif); }
    .faq__item .a {
      display: block; }
      .faq__item .a::before {
        content: url(../images/faq_a_b.gif); } }