@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
働き方
---------------------------------------------------------------------------------------------------------------------
*/
.item-box {
  margin-bottom: 20px; }
  @media (min-width: 1024px) {
    .item-box {
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    .item-box.half {
      width: 50%; }
      .item-box.half:first-child {
        margin-right: 10px; }
      .item-box.half:last-child {
        margin-left: 10px; } }
  .item-box h3 {
    font-size: 1.375em;
    line-height: 1.2em; }
  .item-box ul li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start; }
    .item-box ul li:last-child {
      margin-bottom: 0; }
    .item-box ul li img {
      width: 20px;
      margin: 3px 8px 0 0; }
      @media (min-width: 1024px) {
        .item-box ul li img {
          width: 22px;
          margin: 3.5px 8px 0 0; } }
    .item-box ul li p {
      font-size: 0.8em;
      line-height: 1.8em; }
      @media (min-width: 1024px) {
        .item-box ul li p {
          font-size: 0.9em; } }

.philosophy {
  margin: 45px auto; }
  .philosophy.half {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .philosophy.half {
        display: flex;
        margin-bottom: 0; } }
    @media (min-width: 768px) {
      .philosophy.half .item-box {
        width: 50%; }
        .philosophy.half .item-box:first-child {
          margin-right: 10px; }
        .philosophy.half .item-box:last-child {
          margin-left: 10px; } }
    @media (min-width: 1250px) {
      .philosophy.half .item-box:first-child {
        margin-right: 20px; }
      .philosophy.half .item-box:last-child {
        margin-left: 20px; } }
  .philosophy .item-box {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    margin-bottom: 20px;
    padding: 25px; }
    @media (min-width: 1024px) {
      .philosophy .item-box {
        padding: 35px; } }
    @media (min-width: 1250px) {
      .philosophy .item-box {
        padding: 45px; } }
    .philosophy .item-box ul {
      margin-top: 20px; }
      @media (min-width: 1250px) {
        .philosophy .item-box ul {
          margin-top: 45px; } }
    .philosophy .item-box p {
      font-size: 0.85em;
      line-height: 2.0em;
      text-align: justify;
      margin-top: 20px; }
      @media (min-width: 1024px) {
        .philosophy .item-box p {
          font-size: 1.0em; } }
      .philosophy .item-box p.style-txt {
        margin-top: -5px; }

.plan-title {
  display: flex;
  align-items: center; }
  .plan-title img {
    width: 45px;
    margin-right: 10px; }
  .plan-title h3 {
    font-size: 1.375em;
    line-height: 1.2em; }

.career-plan {
  margin-top: 30px; }
  @media (min-width: 1024px) {
    .career-plan {
      margin-top: 65px; } }
  .career-plan.welfare {
    margin-top: 15px; }
    @media (min-width: 1024px) {
      .career-plan.welfare {
        margin-top: 30px; } }
  .career-plan.education {
    margin-top: 10px; }
    @media (min-width: 1024px) {
      .career-plan.education {
        margin-top: 20px; } }
  .career-plan .kome {
    margin-top: 20px; }
  .career-plan .career-plan-in {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    padding: 25px; }
    @media (min-width: 1024px) {
      .career-plan .career-plan-in {
        padding: 35px; } }
    @media (min-width: 1250px) {
      .career-plan .career-plan-in {
        padding: 45px; } }
    .career-plan .career-plan-in.upspace {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        .career-plan .career-plan-in.upspace {
          margin-top: 20px; } }
    .career-plan .career-plan-in .plan-item {
      margin-top: 25px; }
      @media (min-width: 768px) {
        .career-plan .career-plan-in .plan-item {
          display: flex; } }
      @media (min-width: 1250px) {
        .career-plan .career-plan-in .plan-item {
          margin-top: 45px; } }
      @media (min-width: 1024px) {
        .career-plan .career-plan-in .plan-item .item-box {
          margin-right: 20px; }
          .career-plan .career-plan-in .plan-item .item-box:last-child {
            margin-right: 0; } }
      @media (min-width: 1250px) {
        .career-plan .career-plan-in .plan-item .item-box {
          margin-right: 40px; } }
    .career-plan .career-plan-in .scholarship {
      margin-top: 25px; }
      @media (min-width: 1250px) {
        .career-plan .career-plan-in .scholarship {
          margin-top: 45px; } }
      .career-plan .career-plan-in .scholarship h4 {
        font-size: 1.0em;
        margin: 20px 0 10px; }
        @media (min-width: 1024px) {
          .career-plan .career-plan-in .scholarship h4 {
            font-size: 1.125em; } }
      .career-plan .career-plan-in .scholarship p {
        font-size: 0.85em;
        line-height: 2.0em;
        text-align: justify; }
        @media (min-width: 1024px) {
          .career-plan .career-plan-in .scholarship p {
            font-size: 1.0em; } }
    .career-plan .career-plan-in .plan-education {
      padding-left: 55px;
      margin-top: 10px; }
      .career-plan .career-plan-in .plan-education h3 {
        font-size: 1.125em;
        font-weight: 500;
        line-height: 1.6em; }
  .career-plan .arrow-under {
    margin: 10px auto;
    text-align: center; }
    @media (min-width: 1024px) {
      .career-plan .arrow-under {
        margin: 20px auto; } }
    .career-plan .arrow-under img {
      width: 30px;
      vertical-align: bottom; }

.access {
  margin-top: 30px; }
  @media (min-width: 1024px) {
    .access {
      margin-top: 60px; } }
  .access .access-in {
    margin-bottom: 60px; }
    .access .access-in:last-child {
      margin-bottom: 90px; }
    .access .access-in h5 {
      font-size: 1.125em;
      line-height: 1.2em; }
      @media (min-width: 1024px) {
        .access .access-in h5 {
          font-size: 1.25em; } }
    .access .access-in ul {
      margin-top: 20px; }
      .access .access-in ul li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px; }
        .access .access-in ul li img {
          width: 24px;
          margin: -1px 8px 0 0; }
        .access .access-in ul li p {
          font-size: 0.9em;
          line-height: 1.6em; }
          @media (min-width: 1024px) {
            .access .access-in ul li p {
              font-size: 1.0em; } }
    .access .access-in .map {
      width: 100%;
      height: 360px;
      border-radius: 30px;
      margin-top: 15px; }
      @media (min-width: 1024px) {
        .access .access-in .map {
          margin-top: 30px; } }

.committee {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  padding: 20px;
  margin-top: 20px; }
  @media (min-width: 1024px) {
    .committee {
      padding: 45px;
      margin-top: 45px; } }
  .committee p {
    font-size: 0.85em;
    line-height: 2.0em;
    text-align: justify;
    margin-top: 10px; }
    @media (min-width: 1024px) {
      .committee p {
        font-size: 0.9em;
        margin-top: 15px; } }
  .committee .photo img {
    border-radius: 20px;
    vertical-align: bottom; }
  .committee .photo p {
    margin-top: 5px; }
  .committee .txt {
    margin-top: 45px; }
    .committee .txt h3 {
      font-size: 1.125em;
      line-height: 1.2em; }
      @media (min-width: 1024px) {
        .committee .txt h3 {
          font-size: 1.375em; } }
  .committee .committee-in {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .committee .committee-in {
        display: flex; } }
    .committee .committee-in:last-child {
      margin-bottom: 0; }
    .committee .committee-in.upspace {
      margin-top: 60px; }
    @media (min-width: 768px) {
      .committee .committee-in .photo {
        width: 45%; } }
    .committee .committee-in .photo img {
      border-radius: 20px;
      vertical-align: bottom; }
    .committee .committee-in .txt {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .committee .committee-in .txt {
          width: 55%;
          margin-top: 0; }
          .committee .committee-in .txt.right {
            margin-left: 20px; }
          .committee .committee-in .txt.left {
            margin-right: 20px; } }
      @media (min-width: 1024px) {
        .committee .committee-in .txt.right {
          margin-left: 40px; }
        .committee .committee-in .txt.left {
          margin-right: 40px; } }
      @media (min-width: 768px) {
        .committee .committee-in .txt.one {
          width: 100%; } }

.pattern-1 {
  margin-top: 20px; }
  @media (min-width: 1250px) {
    .pattern-1 {
      display: flex;
      margin-top: 60px; } }
  @media (min-width: 1024px) {
    .pattern-1 .photo {
      width: 100%; } }
  @media (min-width: 1250px) {
    .pattern-1 .photo {
      width: 65%;
      padding-right: 5%; } }
  @media (min-width: 1600px) {
    .pattern-1 .photo {
      width: 70%; } }
  @media (min-width: 1024px) {
    .pattern-1 .txt {
      width: 100%; } }
  @media (min-width: 1250px) {
    .pattern-1 .txt {
      width: 35%; } }
  @media (min-width: 1600px) {
    .pattern-1 .txt {
      width: 30%; } }
  .pattern-1 .txt h3 {
    margin-top: 0 !important;
    text-align: left !important; }

.pattern-2 {
  margin-top: 20px; }
  @media (min-width: 1024px) {
    .pattern-2 {
      margin-top: 60px; } }
  @media (min-width: 768px) {
    .pattern-2 ul {
      display: flex;
      margin-top: 60px; } }
  .pattern-2 ul li {
    margin-bottom: 20px; }
    .pattern-2 ul li:last-child {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .pattern-2 ul li {
        margin: 0 25px 0 0;
        width: 50%; }
        .pattern-2 ul li:last-child {
          margin-right: 0; } }
    .pattern-2 ul li img {
      border-radius: 20px; }
    .pattern-2 ul li h5 {
      margin: 10px 0 0 0 !important; }
    .pattern-2 ul li p {
      margin-top: 10px !important; }

.pattern-3 {
  margin-top: 20px; }
  @media (min-width: 1024px) {
    .pattern-3 {
      margin-top: 60px; } }
  .pattern-3 .txt h4 {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .pattern-3 .txt h4 {
        margin-top: 0 !important; } }
    @media (min-width: 1024px) {
      .pattern-3 .txt h4 {
        margin-bottom: -20px; } }

.event-card {
  margin: auto;
  overflow: hidden;
  position: relative; }
  .event-card .swiper .event-box {
    padding-bottom: 40px; }
    .event-card .swiper .event-box .name p {
      margin-top: 10px !important; }
  .event-card .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff; }
  .event-card .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    opacity: 1; }
  .event-card .swiper-pagination-bullet-active {
    opacity: 1;
    background: #019FE3; }