@charset "UTF-8";

.l-header--color .logo a svg {
  fill: #000;
}

.l-header--color #global-nav li a,
.l-header--color .nav-wrap-1 {
  color: #000;
}

/*---------------------------------------------
	見出し
-----------------------------------------------*/

.p-section-head {
  color: #2c3e50;
  letter-spacing: 0.05em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  position: relative;
}

.p-section-title {
  font-size: 1.6rem;
  font-weight: normal;
  position: relative;
}

.p-section-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.4;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 4rem;
}

.p-section-label::after {
  display: inline-block;
  content: '';
  width: 60px;
  height: 6px;
  background: linear-gradient(to right, #41d3e0, #eeee00);
  border-radius: 2px;
  line-height: 2;
}


/*---------------------------------------------
	メイン画像
-----------------------------------------------*/
.p-page-fv {
  width: 100%;
  height: 280px;
  margin-top: 60px;
  position: relative;
}

.p-page-fv__inner {
  width: calc(100% - 20px);
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fafafa;
}

.p-page-fv__inner--blk {
  background: rgb(14, 20, 26);
}

.p-fv__head {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-fv__head--w {
  color: #fff;
}

.p-fv__title {
  font-size: 1.6rem;
  font-weight: normal;
}

.p-fv__label {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-family: var(--font-family-en);
  line-height: 1;
}

@media all and (max-width: 1280px) {}

@media all and (max-width: 1024px) {}

@media all and (max-width: 786px) {
}

@media screen and (max-width: 680px) {
  html {
    font-size: calc(100vw/68);
  }

  .l-header--color .header-contact-sp {
    background: #000525;
  }

  .l-header--color .header-contact-sp>a>svg {
    fill: #fff;
  }

  .l-header--color .header-contact-sp>a>span {
    color: #fff;
  }

  .l-header--color #nav-toggle span {
    background: #1a1a1a;
  }

  .l-header--color .toggle-text::after {
    color: #1a1a1a;
  }

  .open #nav-toggle span {
    background: #fff;
  }

  .l-header--color #global-nav li a,
  .l-header--color .nav-wrap-1,
  .scroll #global-nav li a,
  .scroll .nav-wrap-1,
  .open .toggle-text::after {
    color: #fff;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 62.5%;
  }

  .p-section-head {
    margin-bottom: 30px;
  }

  .p-section-label {
    font-size: 3.6rem;
  }

  .p-page-fv {
    height: 220px;
  }

  .p-fv__label {
    font-size: 2.8rem;
    font-weight: bold;
  }
}