@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 62.5%;
  font-family: 'LINE Seed JP', sans-serif;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.8;
  list-style: none;
  word-wrap: break-word;
}

body {
  width: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.6;
}

.c-border-black {
  border: solid 1px black;
}

.c-border-orange {
  border: solid 1px orange;
}

.c-border-silver {
  border: solid 1px silver;
}

.c-border-gray {
  border: solid 1px gray;
  box-shadow: 2px 2px 4px #d8d4d4;
}

.c-shadow {
  box-shadow: 2px 2px 4px #d8d4d4;
}

.c-btn-blue a {
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 50vh;
}
@media screen and (max-width: 768px) {
  .c-btn-blue a {
    font-size: 2vw;
  }
}

#section2 .c-btn-blue a,
#section3 .c-btn-blue a,
#section5 .c-btn-blue a,
#section6 .c-btn-blue a {
  background-color: #2699FB;
  padding: 0.7em 4em;
}
@media screen and (max-width: 768px) {
  #section2 .c-btn-blue a,
#section3 .c-btn-blue a,
#section5 .c-btn-blue a,
#section6 .c-btn-blue a {
    display: inline-block;
    width: 295px;
    padding: 1em 0;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section2 .c-btn-blue a,
#section3 .c-btn-blue a,
#section5 .c-btn-blue a,
#section6 .c-btn-blue a {
    width: 240px;
    padding: 0.5em 0;
  }
}

@media screen and (max-width: 768px) {
  #section3 .c-btn-blue a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section3 .c-btn-blue a {
    padding: 0.5em 0;
  }
}

#section7 .c-line-btn,
#section7 .c-mail-btn {
  padding: 0.7em 1em;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #section7 .c-line-btn,
#section7 .c-mail-btn {
    width: 295px;
    padding: 1em 0;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section7 .c-line-btn,
#section7 .c-mail-btn {
    width: 240px;
    padding: 0.5em 0;
  }
}
#section7 .c-line-btn {
  background-color: #3A96EA;
}
#section7 .c-mail-btn {
  background-color: #2699FB;
}

.c-btn-white a {
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.7em 4em;
  width: 300px;
  font-size: 2rem;
  color: black;
  font-weight: 700;
  background-color: white;
  border-radius: 50vh;
}
@media screen and (max-width: 768px) {
  .c-btn-white a {
    font-size: 1.6rem;
    padding: 1em 5em;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  .c-btn-white a {
    padding: 1em 3em;
  }
}

#section4 .c-btn-white {
  margin-top: 50px;
}
#section4 .c-btn-white a {
  padding: 0.5em 2em;
  width: 200px;
}
@media screen and (max-width: 1080px) {
  #section4 .c-btn-white a {
    font-size: 1.6rem;
    padding: 0.5em 0.8em;
  }
}
@media screen and (max-width: 1080px) and (max-width: 768px) {
  #section4 .c-btn-white a {
    display: inline-block;
    width: 295px;
    padding: 1em 0;
  }
}
@media screen and (max-width: 1080px) and (max-width: 768px) and (max-width: 520px) {
  #section4 .c-btn-white a {
    width: 240px;
    padding: 0.5em 0;
  }
}

.c-btn-header a {
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  color: white;
  background-color: #2699FB;
  border: solid 2px #2699FB;
  border-radius: 10px;
}

#section3 .c-btn-blue,
#section6 .c-btn-blue {
  margin-top: 100px;
}

@media screen and (max-width: 520px) {
  #section6 .c-btn-blue {
    margin-top: 50px !important;
  }
}

#nav {
  overflow: hidden;
  display: flex;
  justify-content: right;
  align-items: center;
}
#nav li {
  height: 80px;
  line-height: 80px;
  margin-right: 2.1vw;
}
#nav li:last-child {
  margin-right: 0;
}
#nav li a {
  text-decoration: none;
  padding: 10px;
  font-size: 1vw;
}

nav {
  margin: 0 0 0 auto;
}
nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
nav ul a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  line-height: 60px;
  padding: 0 20px;
}

.sp-menu {
  display: none;
}

@media screen and (max-width: 1080px) {
  .pc-menu {
    display: none;
  }

  #hamburger {
    background-color: transparent;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 auto;
    height: 60px;
    width: 60px;
  }
  #hamburger .icon span {
    position: absolute;
    left: 15px;
    width: 30px;
    height: 4px;
    background-color: black;
    border-radius: 8px;
    transition: ease 0.3s;
  }

  .icon span:nth-of-type(1) {
    top: 14px;
  }

  .icon span:nth-of-type(2) {
    top: 38px;
  }

  .icon span:nth-of-type(3) {
    bottom: 30px;
  }

  .close span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 31px;
  }

  .close span:nth-of-type(2) {
    opacity: 0;
  }

  .close span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: 31px;
  }

  .sp-menu {
    top: 60px;
    left: 0px;
    position: absolute;
    z-index: 10;
    width: 100%;
    background-color: #2699FB;
  }
  .sp-menu ul {
    flex-direction: column;
  }
  .sp-menu ul a {
    text-align: center;
    border-top: solid 0.5px rgba(255, 255, 255, 0.6);
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1080px) and (max-width: 520px) {
  .sp-menu ul a {
    font-size: 1.2rem;
  }
}
table {
  width: 100%;
  background-color: #fff;
  border-collapse: collapse;
}
table th {
  width: 20%;
}
table td {
  width: 80%;
}
table th,
table td {
  border: solid 1px #D3D3D3;
  text-align: center;
  font-size: 1.6rem;
  text-align: left;
  padding: 5px 10px;
  vertical-align: middle;
}
table tr {
  text-align: center;
}

#c-page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#c-page-top a {
  background: #2699FB;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 28px 5px;
  text-align: center;
  display: block;
  border-radius: 90px;
  transition: all 0.3s ease;
}
#c-page-top a:hover {
  text-decoration: none;
  opacity: 0.5;
}
#c-page-top .fas {
  font-size: 3rem;
}

.wrapper {
  max-width: 2500px;
  text-align: center;
  margin: 0 auto;
}

.l-width85 {
  width: 85%;
  margin: 0 auto;
}

.l-width70 {
  width: 70%;
  margin: 0 auto;
}

.l-section1-width85 {
  width: 85%;
  margin: 0 auto;
}

.l-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-school-access {
  width: 100%;
}

.l-recruit {
  margin-left: 30px;
}

.l-col {
  display: flex;
  flex-wrap: wrap;
}

.l-item-5 {
  width: 19.2%;
  margin-right: 2%;
}

.l-item-5:nth-child(3) {
  margin-right: 0;
}

.l-item-5:nth-child(4) {
  margin-right: 0;
}

.l-item-5:nth-child(5) {
  margin-right: 0;
}

.l-item-3 {
  width: 31.3333333333%;
  margin-right: 3%;
}

.l-item-3:nth-child(3) {
  margin-right: 0;
}

.l-item3__box {
  height: 75%;
}
@media screen and (max-width: 768px) {
  .l-item3__box {
    height: auto;
  }
}

.l-item-2 {
  width: 49%;
  margin-right: 2%;
}

.l-item-2:nth-child(2) {
  margin-right: 0;
}

.l-footer {
  background-color: #097CE5;
  color: white;
  white-space: nowrap;
}
.l-footer ul li {
  margin-right: 1.8rem;
}
.l-footer ul li:last-child {
  margin-right: 0;
}
.l-footer ul li a {
  color: white;
}
.l-footer .l-footer-center p {
  text-align: left;
  font-size: 1.8rem;
}
.l-footer .l-footer-right > ul li {
  text-align: center;
}
.l-footer .l-footer-right > ul li a {
  font-size: 1.8rem;
}
.l-footer .footer-child__menu {
  margin-left: 10px;
}
.l-footer .footer-child__item {
  margin-right: 0;
  padding: 0 !important;
  text-align: left !important;
}
.l-footer .portfolio-page {
  font-size: 1.6rem !important;
}
@media screen and (max-width: 520px) {
  .l-footer .portfolio-page {
    font-size: 1.5rem !important;
  }
}
.l-footer .l-col .l-footer-left,
.l-footer .l-col .l-footer-center,
.l-footer .l-col .l-footer-right {
  width: 100%;
}
.l-footer .l-col .l-footer-left,
.l-footer .l-col .l-footer-center {
  margin-right: 0;
  position: none;
}
.l-footer .l-col .l-footer-center p {
  text-align: center;
  margin: 30px auto 30px auto;
}
.l-footer .l-col .l-footer-right ul li {
  padding: 10px 0;
}
.l-footer .u-pb20 {
  padding-bottom: 50px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .l-footer .l-col {
    display: block;
    flex-wrap: nowrap;
  }
  .l-footer .l-col ul li {
    margin-right: 0;
  }
  .l-footer .l-col .l-footer-center p {
    margin: 40px auto 20px auto;
    font-size: 1.5rem;
  }
  .l-footer .l-col .l-footer-right ul li {
    padding: 5px 0;
  }
  .l-footer .l-col .l-footer-right ul li a,
.l-footer .l-col .portfolio-page {
    font-size: 1.5rem;
  }
  .l-footer .u-pb20 {
    padding-bottom: 30px;
  }
}

.l-header {
  position: sticky;
  top: 0;
  z-index: 999;
  white-space: nowrap;
  background-color: #fff;
}
.l-header .l-col {
  justify-content: space-between;
}
.l-header .left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .l-header .left {
    margin-right: 0;
    margin-left: 1.5%;
  }
}

.l-header .company-logo {
  vertical-align: middle;
  width: 250px;
}
@media screen and (max-width: 520px) {
  .l-header .company-logo {
    width: 150px;
  }
}

#section1 .sp-img {
  display: none;
}
#section1 .pc-img {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #section1 .sp-img {
    display: block;
    overflow: hidden;
    background-image: url(../images/main-sp_img.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 80%;
  }
  #section1 .pc-img {
    display: none;
  }
}
#section1 .banner-1 {
  width: 40%;
  bottom: 13%;
}
@media screen and (max-width: 768px) {
  #section1 .banner-1 {
    width: 70%;
    top: 60%;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section1 .banner-1 {
    width: 98%;
  }
}
#section1 .banner-1 {
  left: 0%;
}
@media screen and (max-width: 768px) {
  #section1 .banner-1 {
    left: 1%;
  }
}
#section1 .banner-2 {
  left: 20%;
}
@media screen and (max-width: 768px) {
  #section1 .banner-2 {
    left: 52%;
  }
}
#section1 .pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  #section1 .pc-only {
    display: none;
  }
}
#section1 .sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  #section1 .sp-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #section1 .sp-banner__insta {
    width: 100%;
    margin-bottom: 30px;
  }
}

.recruitment {
  right: 3%;
  bottom: 12.5%;
}
.recruitment:hover {
  opacity: 1;
}
.recruitment-img {
  width: 300px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .recruitment-img {
    width: 100%;
    margin-top: 30px;
  }
}

.insta-img {
  width: 500px;
  margin: 30px 0;
}
@media screen and (max-width: 768px) {
  .insta-img {
    width: 100%;
  }
}

.hover-none:hover {
  opacity: 1;
}

.pc-banner__insta {
  width: 50%;
}

.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

#section2 img {
  width: 56.5%;
}
@media screen and (max-width: 768px) {
  #section2 img {
    width: 30%;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section2 img {
    width: 45%;
  }
}

#section3 img {
  width: 97.5%;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  #section3 img {
    width: 90%;
  }
}

#section4 img {
  width: 90%;
}
@media screen and (max-width: 768px) {
  #section4 img {
    width: 90%;
  }
}

#section6 img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #section6 img {
    width: 90%;
  }
}

.l-footer img {
  width: 200px;
}
@media screen and (max-width: 520px) {
  .l-footer img {
    width: 150px;
  }
}

.testimg330 {
  width: 33rem;
  height: auto;
  object-fit: cover;
}

.opacity-0 {
  opacity: 0;
}

.simple-fadein {
  transition: opacity 3s;
}

.p-form__width {
  margin: 0 auto;
}

.p-form {
  max-width: 1000px;
  width: 90%;
  margin: 35px auto;
  font-weight: 400;
}
.p-form * {
  font-family: 'LINE Seed JP', sans-serif;
}
@media screen and (max-width: 768px) {
  .p-form {
    margin: 15px auto;
    width: 90%;
  }
}
.p-form .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.p-form .badge {
  margin-left: 10px;
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}
.p-form .badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.p-form .badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.p-form a {
  display: inline-block;
  font-size: 1.4rem;
  color: #dc3545;
}
.p-form table {
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-form tr {
    height: auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-form tr:not(:first-child) {
    margin-top: 35px;
  }
}
.p-form th, .p-form td {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .p-form th, .p-form td {
    display: block;
  }
}
.p-form th {
  width: 30%;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .p-form th {
    width: 100%;
    padding-right: 0;
  }
}
.p-form td {
  font-size: 1.7rem;
  border: none;
  padding: 10px 15px;
}
@media screen and (max-width: 768px) {
  .p-form td {
    width: 100%;
    margin-top: 10px;
  }
}
.p-form td:first-child {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-form td:first-child {
    width: 100%;
  }
}
.p-form td:last-child {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .p-form td:last-child {
    width: 100%;
  }
}
.p-form input,
.p-form select,
.p-form textarea {
  width: 100%;
  max-width: 700px;
  height: 35px;
  background: #F5F5F5;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  font-size: 16px;
  padding: 10px;
}
.p-form input:focus,
.p-form select:focus,
.p-form textarea:focus {
  outline: 0;
}
@media screen and (max-width: 768px) {
  .p-form input,
.p-form select,
.p-form textarea {
    width: 100%;
    height: 40px;
  }
}
.p-form select {
  width: 60%;
  padding: 10px 0 10px 15px;
  font-size: 16px;
  background-image: url("../images/icon/bottom_arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px 10px;
  background-position: right 20px center;
}
@media screen and (max-width: 768px) {
  .p-form select {
    width: 100%;
    padding: 0 0 0 10px;
    background-size: 20px 8px;
    background-position: right 5px center;
  }
}
.p-form textarea {
  height: 300px;
  font-weight: 400;
  resize: none;
}
@media screen and (max-width: 768px) {
  .p-form textarea {
    height: 200px;
  }
}
.p-form__table--must {
  background-color: #E01212;
}
.p-form__table--any {
  background-color: #404040;
}
.p-form__table--any, .p-form__table--must {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  padding: 3px;
}
.p-form__content {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-form__content {
    margin-top: 0;
  }
}
.p-form__content th {
  vertical-align: top;
}
.p-form__content th, .p-form__content td {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-form__content th, .p-form__content td {
    padding-top: 0;
  }
}
.p-form__submit {
  margin: 40px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-form__submit {
    margin: 0;
    padding: 20px 0 0 0;
    background-color: #fff;
  }
}
.p-form__submit button {
  width: 40%;
  max-width: 400px;
  height: 50px;
  line-height: 50px;
  border: 0;
  border-radius: 3px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.235em;
  color: #fff;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.p-form__submit button:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .p-form__submit button {
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    font-size: 16px;
    width: 70%;
  }
}
.p-form .privacy-check input {
  width: 17px;
  height: 17px;
  margin-top: 0;
  margin-left: 0;
  vertical-align: middle;
}
.p-form .privacy-check .mwform-checkbox-field span {
  line-height: 2.2;
  font-size: 1.7rem;
  vertical-align: middle;
}
.p-form .privacy-check .badge {
  vertical-align: middle;
}
.p-form .form-btn {
  display: flex;
  justify-content: center;
  margin: 80px auto 100px;
}
.p-form .form-btn input {
  width: 300px;
  height: 50px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #EA5413;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 0.6em 1.3em 0.5em;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-form .form-btn {
    display: block;
  }
}
.p-form .q_button {
  min-width: 200px;
  max-width: 90%;
  background-color: #EA5413;
  display: inline-block;
  vertical-align: middle;
  padding: 0.6em 1.3em 0.5em;
  font-weight: 400;
  font-size: 100%;
  color: #fff !important;
  margin: 0;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out 0s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.p-form .bt_blue {
  background-color: #EA5413;
  height: 50px;
  width: 300px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
}
.q_button.bt_blue {
  background-color: #2699FB !important;
}
.p-form .bt_blue:first-child {
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .p-form .bt_blue:first-child {
    margin-right: 0;
    margin-bottom: 50px !important;
  }
}
.p-form .align-middle {
  vertical-align: middle;
}

.mw_wp_form .error {
  margin-top: 5px;
}

.thanks {
  margin-top: 120px;
  margin-bottom: 240px;
}
@media screen and (max-width: 768px) {
  .thanks {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.thanks p {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .thanks p {
    font-size: 1.4rem;
  }
}

.mt50 {
  margin-top: 50px;
}

.mw_wp_form_confirm *,
.mw_wp_form_complete * {
    font-family: 'LINE Seed JP', sans-serif;
}

.mw_wp_form_confirm .privacy-tr {
  display: none;
}

.mw_wp_form_confirm .bt_blue {
  font-size: 1.4rem;
}

.p-privacypolicy {
  width: 1150px;
  margin: 0 auto 150px auto;
  text-align: left;
}
.p-privacypolicy h1 {
  font-size: 2.1rem;
  margin-bottom: 10px;
  padding-top: 10px;
  font-weight: 300;
}
.p-privacypolicy h2 {
  font-size: 1.95rem;
  margin-bottom: 10px;
  padding-top: 10px;
  font-weight: 300;
}
.p-privacypolicy h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
  padding-top: 10px;
  font-weight: 300;
}
.p-privacypolicy p {
  font-size: 1.4rem;
  margin-bottom: 2em;
  font-weight: 300;
}
@media screen and (max-width: 1080px) {
  .p-privacypolicy {
    width: 90%;
  }
}

#section1 {
  /* 表示される画像がスライドショーと同じ幅になるように */
}
#section1 .l-section1-width85 {
  overflow: hidden;
}
#section1 .p-section1-ttl1,
#section1 .p-section1-ttl2 {
  position: absolute;
  left: 0;
  background: rgba(34, 110, 184, 0.6);
  letter-spacing: 3px;
  line-height: 4vw;
  font-size: 3.5vw;
  font-weight: bold;
}
#section1 .p-section1-ttl1 {
  top: 42%;
}
@media screen and (max-width: 768px) {
  #section1 .p-section1-ttl1 {
    top: 33%;
  }
}
#section1 .p-section1-ttl2 {
  top: 55%;
}
@media screen and (max-width: 768px) {
  #section1 .p-section1-ttl2 {
    top: 44%;
  }
}
#section1 .l-col {
  max-width: 632px;
}
#section1 .p-section1-btn {
  min-width: 200px;
  top: 84%;
  left: 0%;
}
@media screen and (max-width: 768px) {
  #section1 .p-section1-btn {
    top: 91%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section1 .p-section1-btn {
    top: 85%;
  }
}
#section1 .p-section1-btn a {
  background-color: #EA5413;
  color: white;
  padding: 0.5em 2.38em;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  font-size: 1.6vw;
  font-weight: 700;
  border-radius: 50vh;
}
@media screen and (max-width: 768px) {
  #section1 .p-section1-btn a {
    font-size: 1.5rem;
    padding: 1em 7em;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section1 .p-section1-btn a {
    padding: 1em 3em;
  }
}
#section1 .p-section1-btn a:hover {
  opacity: 0.8;
}
#section1 .slick-list {
  width: 77.2% !important;
  margin: 0 0 0 auto !important;
  overflow: hidden;
  text-align: right !important;
}
#section1 .slick-dots {
  bottom: 7% !important;
}
#section1 .slick-dots li button:before {
  color: #2699FB;
  font-size: 1.5rem;
}
#section1 .slideshow img {
  width: 77.2%;
  height: 100%;
  overflow: hidden;
}
#section1 .fa-chevron-circle-right {
  padding: 0 0 0 0.3em;
}
#section1 .sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  #section1 .sp-only {
    display: block;
  }
}
#section1 .pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  #section1 .pc-only {
    display: none;
  }
}

#section5 {
  background-image: url(../images/triangle-mosaic.png);
}
#section5 ul li {
  margin: 0 30px;
  line-height: 2.5;
}
#section5 ul li:last-child {
  margin: 0;
  padding: 0 5px;
  line-height: 2;
}
#section5 .box-ttl {
  width: 26.5%;
  height: auto;
}

@media screen and (max-width: 1080px) {
  .p-lg-order-0 {
    order: 0;
  }

  .p-lg-order-1 {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .l-section1-width85 {
    width: 100%;
    overflow: hidden;
  }

  .l-width85,
.l-width70 {
    width: 85%;
  }

  .p-order-0 {
    order: 0;
  }

  .p-order-1 {
    order: 1;
  }

  .p-sp-br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #section1 .p-section1-ttl1,
#section1 .p-section1-ttl2 {
    line-height: 7vw;
    letter-spacing: 3px;
    font-size: 5vw;
    color: white;
    left: 1%;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section1 .p-section1-ttl1,
#section1 .p-section1-ttl2 {
    line-height: 12vw;
    font-size: 7vw;
  }
}

@media screen and (max-width: 768px) {
  #section2 .u-pt100 {
    padding-top: 30px;
  }
  #section2 .u-mb50 {
    margin-bottom: 10px;
  }
  #section2 .u-pb150 {
    padding-bottom: 50px;
  }
  #section2 .l-col {
    flex-wrap: none;
  }
  #section2 .l-col .l-item-2 {
    width: 100%;
    margin-right: 0;
  }
  #section2 .l-col .l-item-2 .u-textalign-left {
    text-align: center;
  }
  #section2 .u-fontsize-15 p {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  #section3 h1 {
    line-height: 1.5;
  }
  #section3 .u-mb100 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section3 .u-mb100 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #section3 .u-mb40 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #section3 .u-textalign-right,
#section3 .u-textalign-left {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #section3 .l-col {
    flex-wrap: none;
  }
  #section3 .l-col .l-item-2 {
    width: 100%;
    margin-right: 0;
  }
  #section3 .l-col .l-item-2 .u-ml30,
#section3 .l-col .l-item-2 .u-mr30 {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #section3 .u-mt50 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  #section3 .u-mb50 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #section3 .p-order-0 {
    order: 0;
  }
}
@media screen and (max-width: 768px) {
  #section3 .p-order-1 {
    order: 1;
  }
}

@media screen and (max-width: 768px) {
  #section4 .l-col {
    display: block;
    flex-wrap: none;
  }
  #section4 .l-col .l-item-3 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #section4 .l-col .l-item-3:nth-child(3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #section4 .l-col .l-item-3:nth-child(3) {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #section4 .u-mb30 {
    margin-bottom: 10px;
  }
  #section4 .u-mb20 {
    margin-bottom: 10px;
  }
  #section4 .u-mt50 {
    margin-top: 30px;
  }
  #section4 .u-pb100 {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  #section5 .box-ttl {
    width: 50%;
  }
  #section5 .section5-box .l-col {
    display: block;
    flex-wrap: none;
  }
  #section5 .section5-box .l-recruit {
    margin-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 520px) {
  #section5 .section5-box .box-ttl {
    text-align: center;
    margin: 0 auto 30px auto;
  }
}

@media screen and (max-width: 1080px) {
  #section6 .l-col {
    flex-wrap: none;
  }
  #section6 .l-col .l-item-2 {
    width: 100%;
    margin-right: 0;
  }
  #section6 .l-col .u-textalign-left {
    text-align: center;
  }
  #section6 .u-mb50 {
    margin-bottom: 20px;
  }
  #section6 .u-pb150 {
    padding-bottom: 50px;
  }
  #section6 .u-mt100 {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  #section7 .l-col {
    flex-wrap: none;
  }
  #section7 .l-col .l-item-2 {
    width: 100%;
    margin-right: 0;
  }
  #section7 .l-col .l-item-2:last-child {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section7 .l-col .l-item-2:last-child {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  #section7 .u-mb100 {
    margin-bottom: 50px;
  }
}

/* ================================= */
/* ポートフォリオページ */
/* ================================= */
.portfolio .hero-img {
  background-image: url(../images/portfolio-page/top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio .hero-img .title {
  text-shadow: 0px 0px 4px #333333;
  color: white;
  width: 85%;
}
.portfolio .hero-img .title h1 {
  font-size: 5rem;
}
.portfolio .hero-img .title p {
  font-size: 4rem;
}
.portfolio .main-inner br {
  display: none;
}
.portfolio .main-inner .l-col {
  align-items: center;
}
.portfolio .portfolio-img {
  width: 47%;
  margin-right: 3%;
}
.portfolio .portfolio-img img {
  width: 85%;
}
.portfolio .portfolio-text {
  width: 50%;
  text-align: left;
}
.portfolio .portfolio-text p {
  font-weight: 400;
}
.portfolio .portfolio-lang-text {
  width: 30%;
  text-align: right;
}
.portfolio .portfolio-lang-img {
  width: 70%;
  text-align: right;
}
.portfolio .portfolio-lang-img img {
  width: 40px;
  margin-right: 30px;
  vertical-align: middle;
}
.portfolio .portfolio-lang-img img:last-child {
  margin-right: 0;
}
.portfolio #section7 {
  background-color: rgba(227, 227, 227, 0.3);
}
.portfolio .l-footer img {
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .portfolio .hero-img .title h1 {
    font-size: 4.5rem;
  }
  .portfolio .hero-img .title p {
    font-size: 3.5rem;
  }
  .portfolio .portfolio-lang-img img {
    width: 30px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .portfolio .main-inner .l-col {
    justify-content: center;
  }
  .portfolio .portfolio-img {
    width: 100%;
  }
  .portfolio .portfolio-text {
    width: 90%;
  }
  .portfolio .portfolio-text h3 {
    margin-bottom: 20px;
    text-align: center;
  }
  .portfolio .portfolio-text p {
    text-align: center;
  }
  .portfolio .portfolio-img {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .portfolio .portfolio-lang-text,
.portfolio .portfolio-lang-img {
    width: 100%;
    text-align: center;
  }
  .portfolio .portfolio-lang-text p {
    margin-bottom: 20px;
  }
  .portfolio .portfolio-lang-img img {
    width: 40px;
    margin-right: 30px;
  }
  .portfolio #section7 .c-mail-btn {
    margin-top: 50px !important;
  }
  .portfolio .l-footer img {
    width: 35%;
  }
}
@media screen and (max-width: 520px) {
  .portfolio .hero-img {
    background-position: 65%;
  }
  .portfolio .hero-img .title h1 {
    font-size: 3.5rem;
  }
  .portfolio .hero-img .title p {
    font-size: 2.5rem;
  }
  .portfolio .portfolio-lang-img img {
    width: 30px;
    margin-right: 25px;
  }
  .portfolio .l-footer img {
    width: 50%;
  }
}

/* ================================= */
/* 講師紹介ページ */
/* ================================= */
.mentor .pc-only {
  display: block;
}
.mentor .sp-only {
  display: none;
}
.mentor .hero-img {
  background-image: url(../images/mentor-page/top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 20%;
  width: 100%;
  height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mentor .hero-img .title {
  text-shadow: 0px 0px 4px #333333;
  color: white;
  width: 85%;
}
.mentor .hero-img .title h1 {
  font-size: 5rem;
}
.mentor .hero-img .title p {
  font-size: 4rem;
}
.mentor .main-inner .l-col {
  align-items: center;
}
.mentor .mentor-menu {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.mentor .mentor-menu__item {
  display: inline-block;
  border: solid 3px #2699FB;
  margin-right: 30px;
}
.mentor .mentor-menu__item:last-child {
  margin-right: 0;
}
.mentor .mentor-menu__item a {
  display: block;
  padding: 3px 60px;
}
.mentor .mentor-section__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mentor .mentor-section__title .fas {
  font-size: 2rem;
}
.mentor .mentor-section__title h2 {
  margin-right: 3px;
  margin-left: 3px;
}
.mentor .mentor-section__title::after {
  border: solid 1px #707070;
  content: "";
  flex-grow: 1;
}
.mentor .mentor-img {
  width: 29%;
  margin-right: 6%;
}
.mentor .mentor-img img {
  width: 100%;
}
.mentor .mentor-text {
  width: 65%;
  text-align: left;
}
.mentor .mentor-text__name {
  margin-right: 10px;
  margin-left: 50px;
}
.mentor .mentor-text p {
  font-weight: 400;
}
.mentor #section7 {
  background-color: rgba(227, 227, 227, 0.3);
}
.mentor .l-footer img {
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .mentor .hero-img .title h1 {
    font-size: 4.5rem;
  }
  .mentor .hero-img .title p {
    font-size: 3.5rem;
  }
  .mentor .mentor-menu__item {
    margin-right: 10px;
  }
  .mentor .mentor-menu__item a {
    padding: 3px 30px;
  }
}
@media screen and (max-width: 1080px) {
  .mentor .main-inner {
    margin-top: 40px;
  }
  .mentor .mentor-menu {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mentor .hero-img {
    background-position: 65%;
  }
  .mentor .main-inner .l-col {
    justify-content: center;
  }
  .mentor .mentor-list {
    margin-bottom: 50px;
  }
  .mentor .mentor-text .u-mb30 {
    margin-bottom: 10px;
  }
  .mentor .mentor-img {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
  }
  .mentor .mentor-text {
    width: 85%;
  }
  .mentor .mentor-text h3,
.mentor .mentor-text__name {
    margin-bottom: 20px;
    text-align: left;
  }
  .mentor .mentor-text__name {
    margin-left: 30px;
  }
  .mentor .mentor-text p {
    text-align: left;
  }
  .mentor #section7 .c-mail-btn {
    margin-top: 50px !important;
  }
  .mentor .l-footer img {
    width: 35%;
  }
}
@media screen and (max-width: 520px) {
  .mentor .pc-only {
    display: none;
  }
  .mentor .sp-only {
    display: block;
  }
  .mentor .hero-img {
    background-position: 75%;
  }
  .mentor .hero-img .title h1 {
    font-size: 3.5rem;
  }
  .mentor .hero-img .title p {
    font-size: 2.5rem;
  }
  .mentor .mentor-text__name {
    margin-left: 10px;
  }
  .mentor .l-footer img {
    width: 50%;
  }
}

/* ================================= */
/* アクセスページ */
/* ================================= */
.access .pc-only {
  display: block;
}
.access .sp-only {
  display: none;
}
.access .hero-img {
  background-image: url(../images/access-page/access-top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 20%;
  width: 100%;
  height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.access .hero-img .title {
  text-shadow: 0px 0px 4px #333333;
  color: white;
  width: 85%;
}
.access .hero-img .title h1 {
  font-size: 5rem;
}
.access .main-inner .l-col {
  align-items: center;
}
.access .access-menu {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.access .access-menu__item {
  display: inline-block;
  border: solid 3px #2699FB;
  margin-right: 30px;
}
.access .access-menu__item:last-child {
  margin-right: 0;
}
.access .access-menu__item a {
  display: block;
  padding: 3px 60px;
}
.access .access-section__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.access .access-section__title h2 {
  margin-right: 3px;
  margin-left: 3px;
}
.access .access-section__title::after {
  border: solid 1px #707070;
  content: "";
  flex-grow: 1;
}
.access .access-list h3 {
  font-size: 2.4rem;
  text-align: left;
}
.access .access-list img {
  width: 100%;
}
.access .access-map {
  width: 100%;
  margin-bottom: 50px;
}
.access #section7 {
  background-color: rgba(227, 227, 227, 0.3);
}
.access .l-footer img {
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .access .hero-img .title h1 {
    font-size: 4.5rem;
  }
  .access .hero-img .title p {
    font-size: 3.5rem;
  }
  .access .access-menu__item {
    margin-right: 10px;
  }
  .access .access-menu__item a {
    padding: 3px 30px;
  }
}
@media screen and (max-width: 1080px) {
  .access .main-inner {
    margin-top: 40px;
  }
  .access .access-menu {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .access .hero-img {
    background-position: 34%;
  }
  .access .main-inner .l-col {
    justify-content: center;
  }
  .access .access-list {
    margin-bottom: 50px;
  }
  .access .access-list h3 {
    font-size: 1.8rem;
  }
  .access #section7 .c-mail-btn {
    margin-top: 50px !important;
  }
  .access .l-footer img {
    width: 35%;
  }
}
@media screen and (max-width: 520px) {
  .access .pc-only {
    display: none;
  }
  .access .sp-only {
    display: block;
  }
  .access .l-width85 {
    width: 95%;
  }
  .access .hero-img {
    background-position: 30%;
  }
  .access .hero-img .title h1 {
    font-size: 3.5rem;
  }
  .access .hero-img .title p {
    font-size: 2.5rem;
  }
  .access .access-list h3 {
    font-size: 1.8rem;
  }
  .access .access-img img {
    width: 100%;
    height: 250px;
    vertical-align: bottom;
    object-fit: cover;
  }
  .access .access-img .parking {
    object-position: -90px;
  }
  .access .l-footer img {
    width: 50%;
  }
}

/* ================================= */
/* カリキュラム */
/* ================================= */
.curriculum h1,
.curriculum h2,
.curriculum h3,
.curriculum h4,
.curriculum ul,
.curriculum li,
.curriculum p,
.curriculum div,
.curriculum span,
.curriculum img,
.curriculum a,
.curriculum table,
.curriculum tr,
.curriculum th,
.curriculum td {
  line-height: 1.7;
  font-family: 'LINE Seed JP', sans-serif;
}

.curriculum {
  /* 訓練目標 */
  /* 訓練内容 */
  /* 使用ツール */
  /* 受講の流れ */
  /* 就職支援について */
  /* 料金 */
  /* 説明会 */
  /* お問い合わせ */
  /* ここからレスポンシブ */
  /* タブレット */
}
.curriculum .font-gray {
  color: #5A5A5A;
}
.curriculum .title-line {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #000;
  margin-bottom: 40px;
}
.curriculum .subtitle {
  font-size: 2rem;
  color: #BCDFFF;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.curriculum .subtitle::after {
  content: "";
  background-color: #BCDFFF;
  height: 1px;
  flex-grow: 1;
  margin-left: 1rem;
}
.curriculum .hero-img {
  background-image: url(../images/curriculum-page/curriculum_top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
}
.curriculum .hero-img .title {
  text-shadow: 0px 0px 4px #333333;
  color: #ffffff;
  width: 85%;
}
.curriculum .hero-img .title h1 {
  font-size: 5rem;
}
.curriculum .hero-img .title p {
  font-size: 4rem;
}
.curriculum .training_goals {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 100px auto;
  text-align: start;
}
.curriculum .training_goals_title {
  margin-bottom: 4rem;
}
.curriculum .training_goals_description {
  font-weight: bold;
  margin-bottom: 2rem;
  color: #000;
}
.curriculum .training_goals_text-supplement {
  margin-bottom: 2rem;
}
.curriculum .training_goals_qualifaction-countainer {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.curriculum .training_goals_qualifaction-item {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
}
.curriculum .training_goals_qualifaction-item div {
  color: #000;
  font-weight: bold;
}
.curriculum .training_goals_qualifaction-item-canpany {
  font-size: 1.6rem;
  font-weight: normal;
  margin-left: 1rem;
  color: #9A9A9A;
}
.curriculum .training_goals_qualifaction-item::before {
  content: "";
  background-color: #087CE5;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 4px;
  left: 0;
}
@media (min-width: 1440px) {
  .curriculum .training_goals_description {
    font-size: 2.4rem;
  }
  .curriculum .training_goals_qualifaction-item {
    font-size: 2.6rem;
  }
  .curriculum .training_goals_qualifaction-item div {
    font-size: 2.6rem;
  }
  .curriculum .training_goals_qualifaction-item::before {
    width: 2.6rem;
    height: 2.6rem;
  }
  .curriculum .training_goals_text {
    font-size: 1.8rem;
  }
}
.curriculum .training_content {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 31px auto;
  text-align: start;
}
.curriculum .step_title_container {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 4rem;
}
.curriculum .step1-icon,
.curriculum .step2-icon,
.curriculum .step3-icon,
.curriculum .step4-icon,
.curriculum .step5-icon {
  width: 78px;
  height: 78px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.curriculum .step1-icon {
  background-image: url(../images/curriculum-page/icon/icon_step01.png);
}
.curriculum .step2-icon {
  background-image: url(../images/curriculum-page/icon/icon_step02.png);
}
.curriculum .step3-icon {
  background-image: url(../images/curriculum-page/icon/icon_step03.png);
}
.curriculum .step4-icon {
  background-image: url(../images/curriculum-page/icon/icon_step04.png);
}
.curriculum .step5-icon {
  background-image: url(../images/curriculum-page/icon/icon_step05.png);
}
.curriculum .step_title_container {
  line-height: 1;
}
.curriculum .step_title_container div,
.curriculum .step_title_container span {
  line-height: 1;
}
.curriculum .step_title_container .marker {
  width: fit-content;
  padding: 0 2px;
  background-image: linear-gradient(transparent 60%, #BCDFFF 40%);
  color: #000;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
.curriculum .step_number {
  font-weight: bold;
  line-height: 1.2;
}
.curriculum .step_title {
  color: #000;
  display: flex;
  line-height: 1;
}
.curriculum .step_title_item {
  flex-grow: 1;
}
.curriculum .step_title::after {
  content: "";
  border-top: 1px gray dashed;
  flex-grow: 1;
  margin-left: 3rem;
}
.curriculum .training_content_container {
  display: flex;
  flex-wrap: wrap;
  gap: 0 80px;
  margin-bottom: 53px;
}
.curriculum .training_content_category-box {
  margin-bottom: 53px;
}
.curriculum .category-tag {
  font-size: 1.6rem;
  line-height: 1;
  width: fit-content;
  padding: 7px 16px 4px 16px;
  border: gray 0.5px solid;
  border-radius: 5px;
  margin-bottom: 5px;
}
.curriculum .category-title {
  font-size: 2.4rem;
  color: #000;
  font-weight: bold;
}
.curriculum .category-title span {
  font-size: 1.5rem;
  margin-left: 0.5rem;
  font-weight: normal;
}
.curriculum .category-list li {
  font-size: 1.5rem;
  position: relative;
  padding-left: 1.8rem;
  line-height: 1.5;
}
.curriculum .category-list li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.curriculum .step5 {
  margin-bottom: 81px;
}
.curriculum .step5-content {
  font-size: 1.5rem;
}
.curriculum .training_content_end {
  display: flex;
  justify-content: end;
  align-items: end;
  line-height: 1;
}
.curriculum .training_content_end-hour,
.curriculum .training_content_end-month {
  line-height: 1;
}
.curriculum .training_content_end-hour {
  margin-left: 2rem;
}
.curriculum .training_content_end-hour span,
.curriculum .training_content_end-month span {
  font-weight: bold;
}
.curriculum .big {
  font-size: 4.2rem;
  font-weight: bold;
  line-height: 1;
  margin-left: 15px;
}
.curriculum .big span {
  margin-left: 0.5rem;
  line-height: 1;
  font-weight: bold;
}
.curriculum .font-black {
  color: #000;
  font-weight: 600;
}
.curriculum .tools_used {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 132px auto;
  text-align: start;
}
.curriculum .tools_used_countainer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
  margin-bottom: 2.5rem;
}
.curriculum .tool_used-item {
  display: flex;
}
.curriculum .tool_kinds {
  font-size: 1.6rem;
}
.curriculum .tool_name {
  font-size: 1.8rem;
  margin: 0 4rem 0 8px;
  line-height: 1.7;
  color: #000;
  font-weight: bold;
}
.curriculum .font-black {
  color: #000;
}
.curriculum .tools_used_annotation li {
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.4rem;
}
.curriculum .tools_used_annotation li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.curriculum .course_flow {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 134px auto;
  text-align: start;
}
.curriculum .course_flow_title {
  margin-bottom: 40px;
}
.curriculum .course_flow-text {
  text-align: center;
  margin-bottom: 33px;
}
.curriculum .course_flow_table {
  width: max-content;
  margin: 0 auto;
  border-collapse: collapse;
}
.curriculum .course_flow_table th {
  font-size: 2.3rem;
  background-color: #087CE5;
  color: #fff;
  width: 144px;
  height: 68px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
  padding: 0;
}
.curriculum .course_flow_table td {
  width: 439px;
  font-size: 2.8rem;
  color: #9A9A9A;
  text-align: center;
  border: 1px solid #9A9A9A;
  vertical-align: middle;
  font-weight: bold;
  padding: 0;
}
.curriculum .table_haifun {
  font-size: 2.8rem;
  font-weight: bold;
  padding: 0 66px;
}
.curriculum .employment_support {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 110px auto;
  text-align: start;
}
.curriculum .employment_support_title {
  margin-bottom: 40px;
}
.curriculum .employment_support_text {
  margin-bottom: 66px;
}
.curriculum .employment_support_image-top {
  background-image: url(../images/curriculum-page/bg_career_meeting_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 50%;
  width: 100%;
  height: 501px;
  margin-bottom: 4px;
  text-align: center;
}
.curriculum .image-inner_block-step-top {
  background-image: url(../images/curriculum-page/img_career_meeting_pc.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 80%;
  height: 178px;
  margin: 0 auto;
}
.curriculum .employment_support_image-botom {
  background-image: url(../images/curriculum-page/bg_career_consult_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 501px;
  text-align: center;
}
.curriculum .image-inner_block-step-botom {
  background-image: url(../images/curriculum-page/img_career_consult_pc.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 90%;
  height: 216px;
  margin: 0 auto;
}
.curriculum .image-inner_heading {
  font-weight: bold;
  width: fit-content;
  margin: 0 auto 0 auto;
  padding-top: 83px;
}
.curriculum .image-inner_heading-annotation {
  font-size: 1.8rem;
  width: fit-content;
  margin: 0 auto 1rem auto;
}
.curriculum .image-inner_heading-annotation span {
  font-size: 1.6rem;
  background-color: #fff;
  border: #000 0.5px solid;
  border-radius: 5px;
  padding: 0 4px;
}
@media screen and (min-width: 1440px) {
  .curriculum .employment_support_text {
    font-size: 2.4rem;
  }
  .curriculum .image-inner_heading {
    font-size: 3.2rem;
  }
}
.curriculum .price {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 75px auto;
}
.curriculum .price_title {
  margin-bottom: 40px;
}
.curriculum .jukouryou_countainer {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.curriculum .jukouryou {
  color: #000;
  font-size: 2.6rem;
  padding-top: 3rem;
  line-height: 1;
}
.curriculum .price_price {
  color: #000;
  font-size: 5.5rem;
  font-weight: bold;
  background-image: linear-gradient(transparent 60%, yellow 30%);
  line-height: 1;
  margin-left: 2rem;
}
.curriculum .price_price span {
  font-size: 8.5rem;
  font-weight: 600;
  line-height: 1;
  height: 85px;
}
.curriculum .price_text {
  font-size: 1.8rem;
  text-align: center;
  margin: 1rem 0;
}
.curriculum .price_attention {
  color: #9A9A9A;
  font-size: 2.2rem;
  text-align: center;
}
.curriculum .price_attention span {
  font-size: 2.2rem;
}
.curriculum small {
  font-size: 1.375rem;
}
.curriculum .briefing_session {
  max-width: 1600px;
  width: 85%;
  margin: 0 auto 149px auto;
  text-align: start;
}
.curriculum .briefing_session_title {
  margin-bottom: 40px;
}
.curriculum .briefing_session_content {
  display: flex;
  gap: 2rem;
}
.curriculum .briefing_session_text-black {
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1440px) {
  .curriculum .briefing_session_text,
.curriculum .briefing_session_text-black {
    font-size: 2.4rem;
  }
}
.curriculum #section7 {
  background-color: rgba(227, 227, 227, 0.3);
}
@media screen and (max-width: 1280px) {
  .curriculum .hero-img .title h1 {
    font-size: 4.5rem;
  }
  .curriculum .hero-img .title p {
    font-size: 3.5rem;
  }
}
@media (max-width: 1023px) {
  .curriculum {
    /* 就職支援について */
  }
  .curriculum .employment_support_image-top {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 4px calc(50% - 50vw);
  }
  .curriculum .employment_support_image-botom {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 4px calc(50% - 50vw);
  }
  .curriculum .image-inner-contents {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .curriculum {
    /* 訓練目標 */
    /* 訓練内容 */
    /* 使用ツール */
    /* 受講の流れ */
  }
  .curriculum .subtitle {
    font-size: 1.5rem;
  }
  .curriculum .training_goals_qualifaction-countainer {
    display: block;
  }
  .curriculum .training_goals_qualifaction-item {
    font-size: 1.8rem;
  }
  .curriculum .training_goals_qualifaction-item-canpany {
    margin-left: 3rem;
  }
  .curriculum .training_goals_qualifaction-item::before {
    width: 1.6rem;
    height: 1.6rem;
  }
  .curriculum .training_content_container {
    max-width: 90vw;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .curriculum .training_content_end {
    margin: 0 0 50px auto;
    width: max-content;
    display: grid;
    grid-template-columns: auto auto;
    gap: 1rem;
  }
  .curriculum .training_content_end-hour {
    margin-left: 0;
  }
  .curriculum .big {
    margin: 0;
    padding-top: 16px;
  }
  .curriculum .tools_used_countainer {
    width: max-content;
    display: block;
    margin-bottom: 50px;
  }
  .curriculum .tool_used-item {
    gap: 1rem;
  }
  .curriculum .tool_kinds {
    width: 120px;
    margin: 0;
  }
  .curriculum .course_flow_table {
    width: 85%;
  }
  .curriculum .course_flow_table td {
    font-size: 1.7rem;
  }
  .curriculum .table_haifun {
    padding: 0 40px;
  }
  .curriculum .l-footer img {
    width: 35%;
  }
  .curriculum .employment_support_image-top {
    height: 700px;
  }
  .curriculum .employment_support_image-botom {
    height: 900px;
  }
  .curriculum .image-inner_block-step-top {
    background-image: url(../images/curriculum-page/img_career_meeting_sp.png);
    background-position: top;
    height: 100%;
    width: 358px;
  }
  .curriculum .image-inner_block-step-botom {
    background-image: url(../images/curriculum-page/img_career_consult_sp.png);
    background-position: top;
    max-height: 720px;
    height: 100%;
    width: 358px;
  }
  .curriculum #section7 .c-mail-btn {
    margin-top: 50px !important;
  }
}
@media screen and (max-width: 520px) {
  .curriculum {
    /* 訓練目標 */
    /* 訓練内容 */
    /* 受講の流れ */
    /* 説明会 */
  }
  .curriculum .hero-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 520px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .curriculum .hero-img .title h1 {
    font-size: 3.5rem;
  }
  .curriculum .hero-img .title p {
    font-size: 2.5rem;
  }
  .curriculum .l-footer img {
    width: 50%;
  }
  .curriculum .subtitle {
    font-size: 1.3rem;
  }
  .curriculum .title-line h2 {
    font-size: 2.1rem;
  }
  .curriculum .training_goals,
.curriculum .training_content,
.curriculum .tools_used,
.curriculum .course_flow,
.curriculum .employment_support,
.curriculum .price,
.curriculum .briefing_session {
    width: 95%;
  }
  .curriculum .training_goals_qualifaction-item {
    font-size: 1.8rem;
    display: block;
  }
  .curriculum .training_goals {
    margin-bottom: 55px;
  }
  .curriculum .training_content_container {
    display: block;
    margin-bottom: 50px;
  }
  .curriculum .training_content_responsive {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 16px;
  }
  .curriculum .category-title {
    line-height: 1;
    font-size: 1.8rem;
  }
  .curriculum .category-tag {
    font-size: 1.4rem;
    padding: 6px 4px;
    text-align: center;
    width: 55px;
    height: 27px;
  }
  .curriculum .category-title span {
    margin: 0;
  }
  .curriculum .training_content_category-box {
    margin-bottom: 2rem;
  }
  .curriculum .step_title_container {
    gap: 1rem;
  }
  .curriculum .step_title::after {
    display: none;
  }
  .curriculum .marker {
    background-image: none;
    margin-bottom: 1rem;
  }
  .curriculum .step1-icon,
.curriculum .step2-icon,
.curriculum .step3-icon,
.curriculum .step4-icon,
.curriculum .step5-icon {
    width: 50px;
    height: 50px;
  }
  .curriculum .big {
    font-size: 3.6rem;
  }
  .curriculum .big span {
    font-size: 2.4rem;
  }
  .curriculum .course_flow_table {
    width: 100%;
  }
  .curriculum .course_flow_table td {
    font-size: 2rem;
    width: 75%;
  }
  .curriculum .course_flow_table th {
    font-size: 1.4rem;
    width: 25%;
  }
  .curriculum .employment_support_image-top {
    background-image: url(../images/curriculum-page/bg_career_meeting_sp.jpg);
    height: 794px;
  }
  .curriculum .employment_support_image-botom {
    background-image: url(../images/curriculum-page/bg_career_consult_sp.jpg);
    height: 1089px;
  }
  .curriculum .price_text {
    font-size: 1.4rem;
    margin: 30px 0;
  }
  .curriculum .briefing_session_content {
    display: block;
  }
  .curriculum .briefing_session_text {
    margin-bottom: 1rem;
  }
  .curriculum #section7 .c-mail-btn {
    margin-top: 50px !important;
  }
}
@media (max-width: 390px) {
  .curriculum .training_goals_qualifaction-item-canpany {
    font-size: 1.4rem;
  }
}

.u-bgcolor-blue {
  background-color: #097CE5;
}

.u-bgcolor-gray {
  background-color: rgba(227, 227, 227, 0.3);
}

.u-bgcolor-black {
  background-color: #382D2D;
}

.u-bgcolor-skyblue {
  background-color: #3A96EA;
}

.u-bgcolor-white {
  background-color: white;
}

.u-bgcolor-silver {
  background-color: silver !important;
}

.u-bgcolor-orange {
  background-color: orange;
}

.u-fontcolor-white {
  color: white;
}

.u-fontcolor-blue {
  color: #0085FF;
}

.u-fontcolor-black {
  color: black;
}

.u-fontcolor-skyblue {
  color: #3A96EA;
}

.u-fontcolor-red {
  color: red;
}

.u-fontcolor-green {
  color: green;
}

.u-fontcolor-silver {
  color: silver;
}

.u-border-skyblue {
  border: solid 1px #3A96EA;
}

.u-border-red {
  border: solid 2px red;
}

.u-border-green {
  border: solid 2px green;
}

.u-border-silver {
  border: solid 2px silver;
}

@media screen and (max-width: 768px) {
  .u-sp-white-space {
    white-space: nowrap;
  }
}
.u-fs__40 {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .u-fs__40 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  .u-fs__40 {
    font-size: 2.4rem;
  }
}

.u-fs__30 {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .u-fs__30 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 520px) {
  .u-fs__30 {
    font-size: 2rem;
  }
}

.u-fs__20 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .u-fs__20 {
    font-size: 1.6rem;
  }
}

.u-fs__16 {
  font-size: 1.6rem;
}

.u-mt10 {
  margin-top: 10px;
}

.u-mt20 {
  margin-top: 20px;
}

.u-mt30 {
  margin-top: 30px;
}

.u-mt40 {
  margin-top: 40px;
}

.u-mt50 {
  margin-top: 50px;
}

.u-mt60 {
  margin-top: 60px;
}

.u-mt75 {
  margin-top: 75px;
}

.u-mt80 {
  margin-top: 80px;
}

.u-mt80 {
  margin-top: 80px;
}

.u-mt100 {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .u-sp-mt20 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .u-sp-mt50 {
    margin-top: 50px;
  }
}

.u-mb10 {
  margin-bottom: 10px;
}

.u-mb20 {
  margin-bottom: 20px;
}

.u-mb30 {
  margin-bottom: 30px;
}

.u-mb40 {
  margin-bottom: 40px;
}

.u-mb50 {
  margin-bottom: 50px;
}

.u-mb80 {
  margin-bottom: 80px;
}

.u-mb90 {
  margin-bottom: 90px;
}

.u-mb100 {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .u-sp-mt20 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .u-sp-mt30 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .u-sp-mb20 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .u-sp-mb30 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .u-sp-mb50 {
    margin-bottom: 50px;
  }
}

.u-ml30 {
  margin-left: 30px;
}

.u-mr30 {
  margin-right: 30px;
}

.u-pt10 {
  padding-top: 10px;
}

.u-pt20 {
  padding-top: 20px;
}

.u-pt30 {
  padding-top: 30px;
}

.u-pt50 {
  padding-top: 50px;
}

.u-pt100 {
  padding-top: 100px;
}

.u-pb10 {
  padding-bottom: 10px;
}

.u-pb20 {
  padding-bottom: 20px;
}

.u-pb50 {
  padding-bottom: 50px;
}

.u-pb100 {
  padding-bottom: 100px;
}

.u-pb150 {
  padding-bottom: 150px;
}

@media screen and (max-width: 768px) {
  .u-sp-pb50 {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 520px) {
  .u-sp-pb10 {
    padding-bottom: 10px;
  }
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .u-sp-position-static {
    position: static;
  }
}

.u-top-15 {
  top: 15%;
}

.u-top-25 {
  top: 25%;
}

.u-top-45 {
  top: 45%;
}

.u-top-20 {
  top: 20%;
}

.u-top-30 {
  top: 30%;
}

.u-top-50 {
  top: 50%;
}

.u-top-77 {
  top: 77%;
}

.u-top-79 {
  top: 79%;
}

.u-left-0 {
  left: 0;
}

.u-right-0 {
  right: 0;
}

@media screen and (max-width: 768px) {
  .u-sp-vertical-align-middle {
    vertical-align: middle;
  }
}

.u-textalign-left {
  text-align: left;
}

.u-textalign-center {
  text-align: center;
}

.u-textalign-right {
  text-align: right;
  margin: 0 0 0 auto;
}

.u-alignitems-center {
  align-items: center;
}