@charset "UTF-8";
/* Scss Document */
main {
  width: 100%;
  margin: 0 auto; }

.anchor {
  position: relative;
  z-index: -9999;
  pointer-events: none;
  padding: 120px 0 0 0;
  margin: -120px 0 0;
  display: block; }

@media (max-width: 768px) {
  .anchor {
    padding: 100px 0 0 0;
    margin: -100px 0 0; } }
/*max-width:768px*/
/***************************************************/
.top_ttl {
  text-align: center;
  padding: 50px 0 160px; }
  .top_ttl p {
    font: 4.0rem/1.0em 'Rock Salt', cursive;
    font-weight: 400;
    color: #595757;
    margin: 0 0 30px; }
  .top_ttl h2 {
    font: 12rem/1.0em 'Barlow', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #69A3D8; }
    .top_ttl h2 small {
      font: 2.4rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      display: block;
      margin: 17px 0 0; }

@media (max-width: 1024px) {
  .top_ttl {
    text-align: center;
    padding: 50px 0 160px; }
    .top_ttl p {
      font: 4.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 10rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 17px 0 0; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .top_ttl {
    text-align: center;
    padding: 50px 0 140px; }
    .top_ttl p {
      font: 4.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 7rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 2.0rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 17px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .top_ttl {
    text-align: center;
    padding: 10px 0 100px; }
    .top_ttl p {
      font: 3.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 5rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 1.8rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 10px 0 0; } }
/*max-width:480px*/
/***************************************************/
.guideline_box {
  width: calc(100% - 40px);
  margin: 0 auto 60px;
  max-width: 1080px; }
  .guideline_box h3 {
    font: 3.6rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 50px;
    width: fit-content;
    display: block;
    padding: 0 0 0 70px;
    position: relative; }
  .guideline_box table {
    width: 100%;
    border: 1px solid #DCDDDD; }
  .guideline_box th {
    font: 1.6rem/1.8em 'Noto Sans JP', sans-serif;
    font-weight: 500;
    width: 180px;
    padding: 20px;
    text-align: center;
    border: 1px solid #DCDDDD; }
  .guideline_box td {
    width: calc(100% - 180px);
    padding: 20px;
    border: 1px solid #DCDDDD;
    font: 1.6rem/1.8em 'Noto Sans JP', sans-serif;
    font-weight: 400; }

.new_guideline h3 {
  color: #5386B3; }
  .new_guideline h3:before {
    position: absolute;
    content: "";
    display: block;
    background: url("../images/recruit/icon-new.svg") center center no-repeat;
    background-size: contain;
    width: 48px;
    height: 70px;
    top: -15px;
    left: 0; }
.new_guideline th {
  background-color: #F2F7FC; }

.career_guideline h3 {
  color: #171C61; }
  .career_guideline h3:before {
    position: absolute;
    content: "";
    display: block;
    background: url("../images/recruit/icon-career.svg") center center no-repeat;
    background-size: contain;
    width: 48px;
    height: 70px;
    top: -15px;
    left: 0; }
.career_guideline th {
  background-color: #F4F4F8; }

.guideline_btn {
  max-width: 1000px;
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  padding: 0 0 150px; }
  .guideline_btn a {
    width: calc((100% - 40px)/2);
    text-align: center;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    transition: .3s; }
  .guideline_btn .ricnav {
    transition: .3s;
    border: 1px solid #DCDDDD; }
    .guideline_btn .ricnav img {
      height: 70%;
      width: auto;
      max-width: 100%;
      line-height: 68px;
      display: block;
      margin: 0 auto; }
  .guideline_btn .entry_btn {
    transition: .3s;
    font: 1.6rem/68px 'Noto Sans JP', sans-serif;
    font-weight: 400;
    background-color: #69A3D8;
    color: #FFFFFF; }
  .guideline_btn .back_btn {
    background-color: #6C6C6C;
    border: 1px solid #6C6C6C;
    text-align: center;
    font: 1.6rem/68px 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #fff; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .guideline_box {
    width: 100%;
    margin: 0 auto 60px;
    max-width: 1080px; }
    .guideline_box h3 {
      font: 3.6rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      margin: 0 auto 50px;
      width: fit-content;
      display: block;
      padding: 0 0 0 70px;
      position: relative; }
    .guideline_box table {
      width: 100%;
      border: none; }
    .guideline_box tr {
      display: block;
      width: 100%;
      margin: 0 0 20px; }
    .guideline_box th {
      display: block;
      width: 100%;
      font: 1.6rem/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      padding: 10px;
      text-align: center;
      border: none; }
    .guideline_box td {
      display: block;
      width: 100%;
      padding: 20px;
      border: none;
      font: 1.6rem/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 400; }

  .new_guideline th {
    background-color: #5386B3;
    opacity: 0.8;
    color: #fff; }

  .career_guideline th {
    background-color: #171C61;
    opacity: 0.8;
    color: #fff; }

  .guideline_btn {
    padding: 0 0 150px;
    width: calc(100% - 30px); }
    .guideline_btn a {
      width: calc((100% - 15px)/2); } }
/*max-width:768px*/
@media (max-width: 480px) {
  .guideline_btn a {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 20px; } }
/*max-width:480px*/
@media (hover: hover) {
  .guideline_btn .ricnav:hover {
    opacity: 0.5; }
  .guideline_btn .entry_btn:hover {
    background-color: gold; }
  .guideline_btn .back_btn:hover {
    border: 1px solid #333;
    background-color: #fff;
    color: #333; } }
/**********************************************************************/
.guideline_list {
  border-top: #c9caca solid 1px;
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto 150px; }
  .guideline_list li {
    border-bottom: #c9caca solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .guideline_list a {
    width: 290px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    min-height: 80px;
    font: 16px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    background-color: #F4F4F8;
    position: relative; }
    .guideline_list a:before {
      position: absolute;
      content: "";
      top: 50%;
      left: auto;
      right: 15px;
      -webkit-transform: translate(0%, -50%);
      /* Safari用 */
      transform: translate(0%, -50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7.5px 0 7.5px 12px;
      border-color: transparent transparent transparent #69A3D8; }
  .guideline_list p {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: left;
    width: calc(100% - 290px);
    padding: 5px 20px 8px 15px;
    font: 18px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .guideline_list {
    border-top: #c9caca solid 1px;
    max-width: 1000px;
    width: calc(100% - 40px);
    margin: 0 auto 150px; }
    .guideline_list li {
      border-bottom: #c9caca solid 1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
    .guideline_list a {
      width: 100%;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
      min-height: 60px;
      font: 16px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      background-color: #F4F4F8;
      position: relative; }
      .guideline_list a:before {
        position: absolute;
        content: "";
        top: 50%;
        left: auto;
        right: 15px;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 12px;
        border-color: transparent transparent transparent #69A3D8; }
    .guideline_list p {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      text-align: left;
      width: 100%;
      padding: 15px 20px 18px 15px;
      font: 18px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .guideline_list {
    border-top: #c9caca solid 1px;
    max-width: 1000px;
    width: calc(100% - 40px);
    margin: 0 auto 100px; }
    .guideline_list li {
      border-bottom: #c9caca solid 1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
    .guideline_list a {
      width: 100%;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
      min-height: 60px;
      font: 16px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      background-color: #F4F4F8;
      position: relative; }
      .guideline_list a:before {
        position: absolute;
        content: "";
        top: 50%;
        left: auto;
        right: 15px;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 12px;
        border-color: transparent transparent transparent #69A3D8; }
    .guideline_list p {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      text-align: left;
      width: 100%;
      padding: 15px 20px 18px 15px;
      font: 16px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500; } }
/*max-width:480px*/