@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

img {
  width: 100%;
  display: block; }

#pagetop {
  height: 120px;
  display: block; }
  @media (max-width: 480px) {
    #pagetop {
      height: 60px; } }

.saiyou.alumni {
  width: 100%;
  margin: auto; }
  .saiyou.alumni p, .saiyou.alumni h1, .saiyou.alumni h2, .saiyou.alumni h3, .saiyou.alumni h4, .saiyou.alumni h5, .saiyou.alumni li, .saiyou.alumni a, .saiyou.alumni td {
    line-height: 200%;
    color: #333; }
  .saiyou.alumni li {
    list-style-type: none; }
  .saiyou.alumni a {
    text-decoration: none; }
  .saiyou.alumni p, .saiyou.alumni li, .saiyou.alumni a {
    font-size: 16px; }
    @media (max-width: 480px) {
      .saiyou.alumni p, .saiyou.alumni li, .saiyou.alumni a {
        font-size: 3.5vw; } }
  .saiyou.alumni h3 {
    font-weight: normal;
    font-size: 26px; }
    @media (max-width: 480px) {
      .saiyou.alumni h3 {
        font-size: 4.5vw; } }
  .saiyou.alumni .breadcrumb {
    max-width: 1400px;
    width: 90%;
    margin: 1em auto; }
    .saiyou.alumni .breadcrumb ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .saiyou.alumni .breadcrumb ul li {
        margin-right: .5em; }
        .saiyou.alumni .breadcrumb ul li:not(:last-child)::after {
          content: ">";
          display: inline-block;
          margin-left: .5em;
          -webkit-transform: scale(1, 1.5);
                  transform: scale(1, 1.5); }
        @media (max-width: 480px) {
          .saiyou.alumni .breadcrumb ul li {
            font-size: 3.5vw; } }
  .saiyou.alumni section .inner {
    width: 90%;
    margin: auto; }
    .saiyou.alumni section .inner .sec-ttl {
      margin-top: 100px;
      margin-bottom: 1em;
      text-align: center;
      font-size: 36px; }
      @media (max-width: 480px) {
        .saiyou.alumni section .inner .sec-ttl {
          margin-top: 15%;
          font-size: 4.8vw; } }
    .saiyou.alumni section .inner .sec-exp {
      font-size: 18px;
      margin-bottom: 1em; }
      @media (max-width: 480px) {
        .saiyou.alumni section .inner .sec-exp {
          font-size: 3.5vw; } }
  .saiyou.alumni section.fv-area {
    width: 100%;
    background: #154889; }
    .saiyou.alumni section.fv-area .inner {
      max-width: 1400px;
      width: 100%;
      height: 400px;
      margin: 0 auto 0;
      background: url(../../images/alumni/bg-image.png) no-repeat;
      background-size: 75%;
      background-position: right;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 480px) {
        .saiyou.alumni section.fv-area .inner {
          margin: 0px auto 0;
          background: url(../../images/alumni/bg-image-sp.png) no-repeat;
          background-size: contain;
          background-position: bottom;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          height: unset; } }
      .saiyou.alumni section.fv-area .inner h1.pagettl {
        /* margin-left: 10%; */
        color: #fff;
        font-size: 60px;
        /* position: relative; */
        line-height: 100%;
        }
        .saiyou.alumni section.fv-area .inner h1.pagettl span {
          font-size: 20px;
          display: block; }
        @media (max-width: 480px) {
          .saiyou.alumni section.fv-area .inner h1.pagettl {
            margin-top: 10%;
            width: 100%;
            font-size: 24px;
            text-align: center;
            margin-bottom: 45%;
            margin-left: 0;
            }
            .saiyou.alumni section.fv-area .inner h1.pagettl span {
              font-size: 12px;
              } }
  .saiyou.alumni section.careerup {
    max-width: 1200px;
    margin: auto;
    width: 100%; }
    .saiyou.alumni section.careerup .inner {
      width: 100%; }
      @media (max-width: 480px) {
        .saiyou.alumni section.careerup .inner {
          width: 90%; } }
  .saiyou.alumni section.alumnitool {
    max-width: 1200px;
    margin: auto;
    width: 100%; }
    .saiyou.alumni section.alumnitool .inner {
      width: 100%; }
      @media (max-width: 480px) {
        .saiyou.alumni section.alumnitool .inner {
          width: 90%; } }
      .saiyou.alumni section.alumnitool .inner .cont-box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 60px; }
        @media (max-width: 480px) {
          .saiyou.alumni section.alumnitool .inner .cont-box {
            margin-bottom: 10%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column;
                    flex-flow: column; } }
        .saiyou.alumni section.alumnitool .inner .cont-box .img {
          margin-top: 100px; }
          @media (max-width: 480px) {
            .saiyou.alumni section.alumnitool .inner .cont-box .img {
              margin-top: 0;
              margin-bottom: 5%; } }
        .saiyou.alumni section.alumnitool .inner .cont-box .text {
          width: 90%;
          padding-right: 2em; }
          @media (max-width: 480px) {
            .saiyou.alumni section.alumnitool .inner .cont-box .text {
              width: 100%;
              padding-right: 0;
              margin-bottom: 5%; } }
          .saiyou.alumni section.alumnitool .inner .cont-box .text h3 {
            border-bottom: 1px solid #707070;
            width: 100%;
            text-align: left; }
          .saiyou.alumni section.alumnitool .inner .cont-box .text p {
            margin-top: 1em;
            margin-bottom: 1em;
            padding-left: 1em; }
            @media (max-width: 480px) {
              .saiyou.alumni section.alumnitool .inner .cont-box .text p {
                margin-bottom: 0; } }
          .saiyou.alumni section.alumnitool .inner .cont-box .text ul {
            padding-left: 1em; }
            @media (max-width: 480px) {
              .saiyou.alumni section.alumnitool .inner .cont-box .text ul {
                padding-left: .5em; } }
            .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes li {
              font-size: 16px;
              line-height: 150%; }
              @media (max-width: 480px) {
                .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes li {
                  font-size: 3vw; } }
            .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes.ast li {
              text-indent: -1em;
              margin-left: 1.5em;
              font-size: .8em;
              line-height: 150%; }
              .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes.ast li::before {
                content: "※";
                margin-right: .5em;
                margin-left: .5em;
                display: inline-block; }
            .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes.disc {
              margin-left: 1.5em; }
              .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes.disc li {
                font-size: 1.3em;
                list-style-type: disc;
                line-height: 150%;
                margin-bottom: 8px; }
                .saiyou.alumni section.alumnitool .inner .cont-box .text ul.notes.disc li span {
                  font-size: 0.8em; }
  .saiyou.alumni section.philosophy {
    margin: 0 auto 140px;
    max-width: 1200px; }
    @media (max-width: 480px) {
      .saiyou.alumni section.philosophy {
        margin-bottom: 30%; } }
    .saiyou.alumni section.philosophy .inner {
      width: 100%; }
      @media (max-width: 480px) {
        .saiyou.alumni section.philosophy .inner {
          width: 90%; } }
      .saiyou.alumni section.philosophy .inner .msg p.from {
        margin-top: 2em;
        text-align: right;
        width: 100%; }
  .saiyou.alumni section.appealpoint {
    margin: auto;
    max-width: 1400px; }
    .saiyou.alumni section.appealpoint .inner {
      width: 100%; }
      .saiyou.alumni section.appealpoint .inner h2 .t_orange {
        color: #FAB132; }
      .saiyou.alumni section.appealpoint .inner h2 .t_red {
        color: #CA0122; }
      @media (max-width: 480px) {
        .saiyou.alumni section.appealpoint .inner {
          width: 90%; } }
      .saiyou.alumni section.appealpoint .inner .sec-ttl {
        margin-top: 50px; }
        @media (max-width: 480px) {
          .saiyou.alumni section.appealpoint .inner .sec-ttl {
            margin-top: 0%; } }
    .saiyou.alumni section.appealpoint .alumni-flow {
      padding: 3em 0 1em; }
      @media (max-width: 480px) {
        .saiyou.alumni section.appealpoint .alumni-flow {
          padding: 1em 0; } }
      .saiyou.alumni section.appealpoint .alumni-flow table {
        border-collapse: collapse; }
        @media (max-width: 480px) {
          .saiyou.alumni section.appealpoint .alumni-flow table {
            border-top: none; } }
        .saiyou.alumni section.appealpoint .alumni-flow table tbody tr {
          width: 100%; }
          .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td {
            vertical-align: center;
            font-size: 18px;
            padding-bottom: 26px;
            padding-top: 26px;
            padding-left: 10px;
            width: 70%;
            line-height: 150%; }
            .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl {
              padding-right: 1em;
              padding-bottom: 30px;
              width: 250px;
              font-weight: bold; }
              .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span {
                display: inline-block;
                width: 94%;
                padding: 3%;
                min-height: 2em;
                line-height: 2em;
                color: #FFF; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span.b_blue {
                  background-color: #019DBF; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span.b_green {
                  background-color: #018042; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span.b_red {
                  background-color: #CA0122; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span.b_pink {
                  background-color: #CD0470; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span.b_navy {
                  background-color: #044BAC; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl span.b_yellow {
                  background-color: #FAB132; }
            @media (max-width: 480px) {
              .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td {
                font-size: 3.5vw;
                padding-bottom: 0em;
                border-bottom: none; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td:nth-child(2) {
                  display: inline; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl {
                  font-size: 4vw;
                  padding-bottom: 0em; } }
          .saiyou.alumni section.appealpoint .alumni-flow table tbody tr.single td {
            padding-bottom: 30px; }
            @media (max-width: 480px) {
              .saiyou.alumni section.appealpoint .alumni-flow table tbody tr.single td {
                padding-bottom: 0%; } }
          @media (max-width: 480px) {
            .saiyou.alumni section.appealpoint .alumni-flow table tbody tr {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-flow: column;
                      flex-flow: column; }
              .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td {
                width: 96%;
                padding-bottom: 0em;
                padding-left: 1em; }
                .saiyou.alumni section.appealpoint .alumni-flow table tbody tr td.ttl {
                  text-align: left;
                  padding-left: 0;
                  padding-right: 0;
                  max-width: none;
                  max-width: unset;
                  width: 100%; }
              .saiyou.alumni section.appealpoint .alumni-flow table tbody tr.flow {
                margin-bottom: 10%;
                padding-bottom: 0; } }



    /* LINE応募ボタン */
    .alumni-apply-area {
        text-align: center;
        background: #f0f8ff;
        padding: 50px 20px;
        border-radius: 10px;
        margin-top: 50px;
    }
    .btn-line-apply {
        display: inline-block;
        background-color: #06c755; /* LINE Green */
        color: #fff !important;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 20px 60px;
        border-radius: 50px;
        text-decoration: none;
        box-shadow: 0 4px 10px rgba(6, 199, 85, 0.4);
        transition: opacity 0.3s;
        margin: 20px 0;
    }
    .btn-line-apply:hover {
        opacity: 0.9;
    }
    .btn-line-apply img {
        vertical-align: middle;
        margin-right: 10px;
        width: 30px;
    }

    /* SP対応 */
    @media screen and (max-width: 768px) {
        .alumni-merit-item {
            width: 100%;
            margin-bottom: 20px;
        }
        .money-list li {
            flex-direction: column;
            align-items: flex-start;
        }
        .money-price {
            align-self: flex-end;
        }
        .btn-line-apply {
            font-size: 1.1rem;
            padding: 15px 30px;
            width: 80%;
        }
    }

    .appealpoint_merit{
      background: #f0f8ff;
      padding: 60px 0;
    }
      @media (max-width: 480px) {
    .appealpoint_merit{
      background: #f0f8ff;
      padding: 60px 0;
    }
        
      }

    /* メリットセクションのレイアウト */
    .alumni-merit-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 40px;
        gap: 20px;
    }
    .alumni-merit-item {
        background: #fdfdfd;
        border-radius: 10px;
        width: 49%;
        padding: 25px;
        box-sizing: border-box;
        text-align: center;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
    .alumni-merit-item h3 {
        color: #005cab !important;
        font-size: 1.2rem;
        margin-bottom: 15px;
        font-weight: bold;
        border-bottom: 2px solid #005cab;
        padding-bottom: 10px;
        display: inline-block;
        line-height: 1.2em !important;
    }
    .alumni-merit-item p {
        text-align: left;
        line-height: 1.4em !important;
    }
      @media (max-width: 480px) {
    .alumni-merit-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 6%;
        gap: 4%;
    }
    .alumni-merit-item {
        background: #fdfdfd;
        border-radius: 10px;
        width: 46%;
        padding: 4%;
        box-sizing: border-box;
        text-align: center;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
    .alumni-merit-item h3 {
        color: #005cab !important;
        font-size: 1.2rem;
        margin-bottom: 15px;
        font-weight: bold;
        border-bottom: 2px solid #005cab;
        padding-bottom: 10px;
        display: inline-block;
    }
    .alumni-merit-item p {
        text-align: left;
        line-height: 1.4em !important;
    }

      }
      .nyusyaziki{
        margin: 0 !important;
        padding: 0 !important;
        font-size: .9em;
      }
      .nyusyaziki span{
        font-weight: bold;
        display: block;
      }