/*! Writen  by SCSS */
.sec01 {
  margin-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .sec01 {
      margin-bottom: 70px; } }
  .sec01 .inner .sec_ttl {
    margin-bottom: 1em; }
  .sec01 .inner .sec_read {
    line-height: 2.7; }
    @media screen and (max-width: 480px) {
      .sec01 .inner .sec_read {
        line-height: 2; } }

.sec02 {
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .sec02 {
      margin-bottom: 40px;
      margin-bottom: 0; } }
  .sec02 .inner {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec02 .inner {
        display: block; } }
    .sec02 .inner .ttl {
      width: calc(230% / 11.8); }
      @media screen and (max-width: 480px) {
        .sec02 .inner .ttl {
          width: 100%;
          margin-bottom: 20px; } }
    .sec02 .inner .cont {
      width: calc(980% / 11.8);
      margin-right: calc(-60% / 11.8); }
      @media screen and (max-width: 1320px) {
        .sec02 .inner .cont {
          width: calc(920% / 11.8);
          margin-right: 0; } }
      @media screen and (max-width: 480px) {
        .sec02 .inner .cont {
          width: 100%; } }

.list {
  display: grid;
  gap: 90px 0; }
  @media screen and (max-width: 480px) {
    .list {
      gap: 60px 0; } }
  .list .recruit_head {
    text-align: center;
    font-size: clamp(14px, 1.64vw, 20px);
    font-size: clamp(14px, 1.476vw, 18px);
    font-weight: 500;
    padding-bottom: 0.6em;
    color: #555;
    color: #666;
    border-bottom: 1px solid #d0d0d0; }
    @media screen and (max-width: 480px) {
      .list .recruit_head {
        font-size: 15px;
        color: #333; } }
  .list .recruit_wrap dl {
    display: flex;
    border-bottom: solid 1px #d0d0d0;
    font-size: clamp(12px, 1.23vw, 15px);
    padding: 2.5em 0;
    gap: 0 4em;
    color: #333; }
    @media screen and (max-width: 768px) {
      .list .recruit_wrap dl {
        display: block;
        padding: 1.5em 0; } }
    .list .recruit_wrap dl dt {
      width: 240px;
      flex-shrink: 0; }
      @media screen and (max-width: 960px) {
        .list .recruit_wrap dl dt {
          width: 200px; } }
      @media screen and (max-width: 768px) {
        .list .recruit_wrap dl dt {
          font-size: clamp(13px, 1.312vw, 16px);
          width: 100%;
          margin-bottom: 0.3em;
          font-weight: 700;
          color: #555; } }
    .list .recruit_wrap dl dd {
      width: 100%; }