@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
募集要項
---------------------------------------------------------------------------------------------------------------------
*/
#item {
  max-width: 1300px;
  margin: 60px auto 0;
  width: 90%; }
  @media (min-width: 1024px) {
    #item {
      margin: 100px auto 0; } }
  #item .item-contents {
    background-color: #EDEDED;
    border-radius: 15px;
    padding: 80px 20px 0;
    margin-top: -45px; }
    @media (min-width: 768px) {
      #item .item-contents {
        padding: 140px 60px 60px;
        border-radius: 30px;
        margin-top: -65px; } }
    @media (min-width: 1025px) {
      #item .item-contents {
        margin-top: -80px; } }

/*
---------------------------------------------------------------------------------------------------------------------
選考方法
---------------------------------------------------------------------------------------------------------------------
*/
#selection {
  margin: auto;
  max-width: 1300px;
  width: 90%;
  padding-top: 100px; }
  @media (min-width: 1024px) {
    #selection {
      padding-top: 150px; } }
  #selection.career {
    max-width: 600px; }
  #selection ul {
    text-align: center;
    margin-top: 40px; }
    @media (min-width: 1024px) {
      #selection ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 80px; } }
    #selection ul li:nth-child(odd) {
      color: #fff;
      display: inline-block;
      text-align: center;
      font-size: 1.25em;
      line-height: 1.2em;
      border-radius: 20px;
      padding: 20px;
      background-color: #173F8E; }
      @media (min-width: 1024px) {
        #selection ul li:nth-child(odd) {
          font-size: 2em; } }
    #selection ul li img {
      width: 20px;
      margin: 10px 0;
      transform: rotate(90deg); }
      @media (min-width: 1024px) {
        #selection ul li img {
          transform: rotate(0deg); } }
  #selection p {
    font-size: 0.9em;
    line-height: 1.2em;
    text-align: right;
    margin-top: 20px; }

.chapter {
  margin: auto;
  text-align: center; }
  .chapter img {
    height: 40px;
    width: auto; }
    @media (min-width: 1024px) {
      .chapter img {
        height: 50px; } }

/*
---------------------------------------------------------------------------------------------------------------------
よくある質問
---------------------------------------------------------------------------------------------------------------------
*/
#question {
  max-width: 1300px;
  margin: auto;
  width: 90%;
  padding-top: 100px; }
  @media (min-width: 1024px) {
    #question {
      padding-top: 150px; } }
  #question h6 {
    font-size: 1.0em;
    font-weight: lighter;
    text-align: center;
    line-height: 1.8em;
    margin-top: 40px; }
    @media (min-width: 1024px) {
      #question h6 {
        font-size: 1.125em; } }
  #question .accordion-area {
    list-style: none;
    padding: 40px 0 0;
    /*アコーディオンタイトル*/ }
    #question .accordion-area .title {
      position: relative;
      cursor: pointer;
      padding: 15px 0;
      transition: all .5s ease;
      background-color: #EDEDED;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
      @media (min-width: 768px) {
        #question .accordion-area .title {
          padding: 30px 0; } }
      #question .accordion-area .title::after, #question .accordion-area .title::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 2px;
        right: 15px;
        background-color: #173F8E;
        z-index: 10;
        margin-right: 5px; }
        @media (min-width: 1024px) {
          #question .accordion-area .title::after, #question .accordion-area .title::before {
            margin-right: 20px; } }
      #question .accordion-area .title::before {
        top: 48%;
        transform: rotate(0deg); }
      #question .accordion-area .title::after {
        top: 48%;
        transform: rotate(90deg); }
      #question .accordion-area .title.close1::before {
        transform: rotate(45deg); }
      #question .accordion-area .title.close1::after {
        transform: rotate(-45deg); }
    #question .accordion-area li.area {
      margin: 0 auto 20px;
      /*アコーディオンで現れるエリア*/ }
      #question .accordion-area li.area .question {
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 40px; }
        #question .accordion-area li.area .question h2 {
          font-family: 'Montserrat', sans-serif;
          font-weight: bold;
          font-size: 1.5em;
          line-height: 1.1em;
          margin-top: -5px;
          color: #173F8E; }
          @media (min-width: 1024px) {
            #question .accordion-area li.area .question h2 {
              font-size: 1.75em; } }
          #question .accordion-area li.area .question h2 u {
            background: linear-gradient(transparent 55%, #B4EDFF 55%);
            padding: 0 5px;
            text-decoration: none; }
        #question .accordion-area li.area .question h3 {
          font-size: 1.125em;
          line-height: 1.4em;
          color: #173F8E;
          margin: 0 10px 0 15px; }
          @media (min-width: 1024px) {
            #question .accordion-area li.area .question h3 {
              font-size: 2em;
              margin: 0 0 0 25px; } }
      #question .accordion-area li.area .MenuBox {
        display: none;
        border-bottom: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 30px 10px 30px 15px; }
        @media (min-width: 768px) {
          #question .accordion-area li.area .MenuBox {
            padding: 50px 20px 50px 40px; } }
        #question .accordion-area li.area .MenuBox .MenuBox-in {
          display: flex; }
          #question .accordion-area li.area .MenuBox .MenuBox-in h4 {
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
            font-size: 1.6em;
            line-height: 1.2em;
            color: #173F8E;
            margin-right: 20px; }
            @media (min-width: 1024px) {
              #question .accordion-area li.area .MenuBox .MenuBox-in h4 {
                font-size: 2.0em;
                margin-right: 50px; } }
          #question .accordion-area li.area .MenuBox .MenuBox-in p {
            font-size: 0.9em;
            line-height: 1.8em; }
            @media (min-width: 768px) {
              #question .accordion-area li.area .MenuBox .MenuBox-in p {
                font-size: 1.0em; } }
          #question .accordion-area li.area .MenuBox .MenuBox-in ul li {
            font-size: 0.9em;
            line-height: 1.8em; }
            @media (min-width: 768px) {
              #question .accordion-area li.area .MenuBox .MenuBox-in ul li {
                font-size: 1.0em; } }
          #question .accordion-area li.area .MenuBox .MenuBox-in a {
            font-size: 0.9em;
            line-height: 1.8em;
            color: #0A6684;
            word-wrap: break-word; }
            @media (min-width: 768px) {
              #question .accordion-area li.area .MenuBox .MenuBox-in a {
                font-size: 1.0em; } }

/*
---------------------------------------------------------------------------------------------------------------------
エントリー方法
---------------------------------------------------------------------------------------------------------------------
*/
#method {
  max-width: 1300px;
  margin: 0 auto 150px;
  width: 90%;
  padding-top: 100px; }
  @media (min-width: 1024px) {
    #method {
      padding-top: 150px; } }
  #method h3 {
    font-size: 1.25em;
    line-height: 1.6em;
    text-align: center;
    margin-top: 40px; }
    @media (min-width: 1024px) {
      #method h3 {
        font-size: 1.5em;
        margin-top: 80px; } }
  #method .method-nav {
    margin: 40px auto 0;
    text-align: center; }
    #method .method-nav ul li a .nav-btn {
      position: relative;
      background-color: #F2F2F2;
      border-radius: 30px;
      padding: 30px;
      width: 100%;
      max-width: 420px;
      height: 100px;
      margin: auto; }
      @media (min-width: 1024px) {
        #method .method-nav ul li a .nav-btn {
          height: 120px; } }
      #method .method-nav ul li a .nav-btn img {
        width: 90%;
        max-width: 300px;
        height: 100%;
        margin: auto; }
      #method .method-nav ul li a .nav-btn::after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: '';
        margin: -2.5px 0 0 0;
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 1px #212121;
        border-right: solid 1px #212121;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: .5s; }
      #method .method-nav ul li a .nav-btn:hover::after {
        right: 10px; }
  #method .foam-btn {
    text-align: center;
    margin-top: 40px; }
    #method .foam-btn a {
      color: #fff;
      display: inline-block;
      text-align: center;
      font-size: 1.5em;
      font-weight: bold;
      border-radius: 30px;
      transition: .5s;
      background-color: #173F8E;
      width: 100%;
      max-width: 420px;
      height: 100px;
      line-height: 100px;
      position: relative; }
      @media (min-width: 1024px) {
        #method .foam-btn a {
          font-size: 2.0em;
          height: 120px;
          line-height: 120px; } }
      #method .foam-btn a::after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: '';
        margin: -2.5px 0 0 0;
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: .5s; }
      #method .foam-btn a:hover::after {
        right: 10px; }
  #method .contact {
    background-color: #F2F2F2;
    border-radius: 30px;
    max-width: 950px;
    width: 100%;
    margin: 40px auto 0;
    padding: 40px 20px; }
    @media (min-width: 1024px) {
      #method .contact {
        padding: 50px;
        margin: 80px auto 0; } }
    @media (min-width: 1024px) {
      #method .contact .contact-in {
        display: flex; } }
    #method .contact .contact-in .title h4 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%; }
      @media (min-width: 1024px) {
        #method .contact .contact-in .title h4 {
          justify-content: flex-start; } }
      #method .contact .contact-in .title h4 img {
        height: 30px;
        width: auto; }
        @media (min-width: 1024px) {
          #method .contact .contact-in .title h4 img {
            height: 50px; } }
    #method .contact .contact-in .right {
      margin-left: 10px; }
      @media (min-width: 1024px) {
        #method .contact .contact-in .right {
          margin-left: 20px; } }
      #method .contact .contact-in .right .text-in {
        display: flex;
        margin-top: 20px; }
        @media (min-width: 1024px) {
          #method .contact .contact-in .right .text-in {
            margin-top: 0; } }
        #method .contact .contact-in .right .text-in ul.left {
          margin-right: 10px; }
          #method .contact .contact-in .right .text-in ul.left li {
            font-size: 1.0em;
            font-weight: bold;
            color: #173F8E;
            margin-bottom: 14px;
            background: linear-gradient(transparent 55%, #B4EDFF 55%);
            padding: 0 5px; }
            #method .contact .contact-in .right .text-in ul.left li:last-child {
              margin-bottom: 0; }
        #method .contact .contact-in .right .text-in ul.right li.large {
          font-size: 1.3em;
          font-weight: bold;
          color: #FF7F00; }
        #method .contact .contact-in .right .text-in ul.right li {
          font-size: 1.0em;
          margin-bottom: 14px; }
          #method .contact .contact-in .right .text-in ul.right li:last-child {
            margin-bottom: 0; }