@charset "utf-8";

/* default PC */
.bg-gray {
  margin:80px 0;
  padding:80px 0;
}

.point-item {
  background-color:#FFF;
  border-radius:10px;
  margin:0 0 20px 0;
  padding:20px;
  text-align:center;
}

#contents .point-item p {
  font-weight:bold;
  margin:0;
}

.internship-area img {
  border-radius:10px;
}

.bg-gray.last {
  margin:80px 0 0 0;
  padding:80px 0 100px 0;
}

.link-btn.entry {
  background:linear-gradient(135deg, #E13B44, #CB171C);
}

.voice-item {
  background-color:#FFF;
  border-radius:10px;
  margin:0 0 20px 0;
  padding:20px;
  text-align:left;
}


@media screen and (max-width: 1300px) {
  #contents .point-item p {
    font-size:17px;
  }

  .point-item {
    margin-bottom:0;
    padding:20px 15px;
  }

  #contents .flex.point-area {
    gap:15px;
  }

  .txt-3box.point-item {
    width:calc(100% / 3 - 10px);
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  .txt-3box.point-item {
    width:calc(100% / 2 - 10px);
  }
}


/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .txt-3box.point-item {
    width:calc(100% / 2 - 10px);
  }

  #contents .point-item p {
    font-size:15px;
  }

  .img-area .txt-3box {
    width:calc(100% / 3 - 10px);
  }

  .menu-contents .table-02 th {
    min-width:135px;
    white-space:nowrap;
  }
}


@media screen and (max-width: 767px) {
  .txt-3box.point-item {
    padding:15px 10px;
    width:calc(100% / 2 - 5px);
  }

  #contents .flex.point-area {
    gap:10px;
  }
}

@media screen and (max-width: 640px) {
  .flex.first-area .txt-2box.end p:nth-child(3) br.sp-none {
    display:block;
  }

  .txt-3box.point-item {
    width:100%;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  .bg-gray {
    margin:50px 0;
    padding:50px 0;
  }

  .bg-gray.last {
    margin:50px 0 0 0;
    padding:50px 0 100px 0;
  }

  .flex.first-area .txt-2box.end p:nth-child(1) br.sp-none {
    display:block;
  }

  .flex.first-area .txt-2box.end p:nth-child(3) br.sp-none {
    display:none;
  }

  .menu-contents .table-02 th {
    min-width:135px;
    white-space:nowrap;
  }

  #contents .flex.img-area.mb-50 {
    margin-bottom:30px;
  }

  .img-area .txt-3box:first-child {
    margin-bottom:10px;
    width:100%;
  }

  .img-area .txt-3box {
    width:calc(100% / 2 - 5px);
  }

  .menu-contents .table-02 th {
    min-width:95px;
  }

  .voice-item {
    padding:20px 15px;
  }
}