@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
body {
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #000; }

input,
button {
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #000; }

.mv-foot {
  font-size: 2em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600; }

.sec-heading {
  font-size: 1.5em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600; }

#intro .heading {
  font-size: 2.5em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600; }
#intro .intro-concept {
  font-weight: 600; }
  #intro .intro-concept .text-mid {
    font-size: 1.3em; }
#intro .intro-list {
  font-weight: 600; }

#recruit .rec-list {
  font-weight: 600; }

.note {
  font-size: 0.8em; }

#schedule .sche-item .head {
  font-size: 0.9em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600; }
#schedule .sche-item .desc {
  font-size: 1.1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500; }

.message .mess-comment {
  font-size: 1.15em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  line-height: 1.5em; }

.credit {
  font-size: 10px; }

.contact-form {
  max-width: 680px;
  width: 100%;
  margin: auto; }
  .contact-form .req {
    font-size: 0.8em; }
  .contact-form .wpcf7-select {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500; }
  .contact-form .wpcf7-textarea {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500; }
  .contact-form .conf-heading {
    font-size: 2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600; }
  .contact-form #thanks-screen .thanks-heading {
    font-size: 1.5em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600; }

#policy .policy-item .head {
  font-size: 1.5em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600; }
#policy .policy-item p .title {
  font-size: 1.1em;
  font-weight: 600; }

@media screen and (max-width: 900px) {
  body {
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500; } }
@media screen and (max-width: 540px) {
  body {
    font-size: 13.5px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500; }

  .mv-foot {
    font-size: 1.2em; }

  #intro .heading {
    font-size: 2em; } }
html,
body {
  width: 100%;
  overflow-x: hidden; }

img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

section {
  display: block;
  position: relative;
  z-index: 0;
  padding: 120px 0; }

.inner-wrap {
  padding: 0 1em;
  width: calc(100% - 2em);
  max-width: 800px;
  margin: auto; }

.mv-foot {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 0.5em; }

#intro {
  padding-top: 4em;
  padding-bottom: 0; }
  #intro .heading {
    text-align: center;
    padding-bottom: 1em;
    font-weight: 900; }
  #intro .intro-concept {
    text-align: center;
    padding-bottom: 2em; }
  #intro .intro-text {
    text-align: center;
    padding-bottom: 2em; }
  #intro .intro-list {
    width: fit-content;
    margin: auto;
    padding: 0 2em;
    margin-bottom: 2em;
    border-left: solid 1px #000;
    border-right: solid 1px #000; }

.sec-heading {
  width: 100%;
  background: #000;
  color: #fff;
  margin: auto;
  text-align: center;
  border-bottom: solid 5px #02a872;
  padding: 0.5em 0; }

.note {
  padding: 20px 0; }

#recruit {
  padding-bottom: 0; }
  #recruit .lead {
    padding: 2em 0; }
  #recruit ul.rec-list li {
    padding: 1em 0;
    border-bottom: solid 1px #707070; }

#schedule {
  padding-top: 4em; }
  #schedule .sche-box {
    padding-top: 1em;
    padding-bottom: 4em; }
  #schedule .sche-item {
    padding: 1em 0;
    border-bottom: solid 1px #707070; }

.message {
  box-sizing: border-box;
  max-width: 700px;
  width: 100%;
  margin: auto;
  padding: 2em;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4); }
  .message .mess-head {
    max-width: 200px;
    width: 60%;
    padding-bottom: 1.5em; }

.contact-head {
  max-width: 800px;
  width: calc(100% - 2em);
  padding-bottom: 10px;
  margin: auto; }
  .contact-head img {
    max-width: 200px;
    width: 50%;
    margin: 0; }

#contact {
  background: #02a872;
  color: #fff;
  padding-top: 4em; }
  #contact .wpcf7-file {
    color: #fff; }

.contact-form {
  max-width: 680px;
  width: 100%;
  margin: auto; }
  .contact-form table {
    width: 100%;
    background: #fff; }
  .contact-form tr {
    border-bottom: solid 1px #333; }
  .contact-form th,
  .contact-form td {
    padding: 1em;
    width: calc(50% - 2em - 2px);
    display: block;
    display: inline-block;
    color: #198010; }
  .contact-form th {
    background: #333;
    color: #fff; }
  .contact-form .label-box {
    display: none; }
  .contact-form .form-item {
    margin-bottom: 1em; }
  .contact-form .form-head {
    display: flex;
    align-items: center;
    margin-bottom: .5em; }
  .contact-form .req {
    margin-left: 5px;
    padding: 5px;
    background: #ed1c1c;
    color: #fff;
    line-height: 1;
    border-radius: 4px; }
  .contact-form .wpcf7-text,
  .contact-form .wpcf7-date,
  .contact-form .wpcf7-select {
    box-sizing: border-box;
    width: 100%;
    padding: 0.5em;
    margin-top: 0.2em;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 0; }
  .contact-form .wpcf7-select {
    border: none; }
  .contact-form .wpcf7-textarea {
    box-sizing: border-box;
    max-width: 680px;
    width: 100%;
    padding: 0.5em;
    margin-top: 0.2em;
    border-radius: 5px;
    background: #fff; }
  .contact-form .cf7-checkbox {
    display: block;
    width: fit-content;
    margin: 20px auto; }
    .contact-form .cf7-checkbox input {
      appearance: auto;
      margin: auto;
      margin-right: 5px; }
    .contact-form .cf7-checkbox .personal-info {
      text-decoration: underline;
      color: #fff; }
      .contact-form .cf7-checkbox .personal-info:hover {
        text-decoration: none; }
  .contact-form .button-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 4em; }
  .contact-form #next-button,
  .contact-form #submit-button {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: auto;
    padding: 1em;
    background: #000;
    color: #fff;
    margin-bottom: 1em;
    cursor: pointer;
    transition: 0.2s; }
    .contact-form #next-button:hover,
    .contact-form #submit-button:hover {
      background: #fff;
      color: #000; }
  .contact-form #back-button {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: auto;
    padding: 1em;
    background: #fff;
    margin-bottom: 1em;
    color: #000;
    cursor: pointer; }
    .contact-form #back-button:hover {
      background: #000;
      color: #fff; }
  .contact-form .conf-heading {
    text-align: center;
    padding: 1em 0; }
  .contact-form #confirmation-screen,
  .contact-form #thanks-screen {
    display: none; }
  .contact-form #confirm-name,
  .contact-form #confirm-huri,
  .contact-form #confirm-gender,
  .contact-form #confirm-birth,
  .contact-form #confirm-email,
  .contact-form #confirm-address,
  .contact-form #confirm-job,
  .contact-form #confirm-message {
    display: block;
    box-sizing: border-box;
    width: 70%;
    padding: 0.5em;
    min-height: 2.6em;
    background: #fff;
    color: #000; }
  .contact-form .conf-flex {
    display: flex;
    border-bottom: solid 1px #198010; }
    .contact-form .conf-flex:last-of-type {
      border-bottom: none; }
    .contact-form .conf-flex .conf-head {
      background: #57b136;
      width: 30%;
      display: flex;
      align-items: center;
      padding-left: 0.5em; }
  .contact-form #confirm-message {
    white-space: pre-wrap; }
  .contact-form .error-message {
    display: block;
    font-size: 0.9em;
    color: #ffe40e;
    margin-top: 5px;
    margin-left: 0;
    padding: 0 5px;
    font-weight: bold; }
  .contact-form #thanks-screen .thanks-heading {
    padding-bottom: 1em; }
  .contact-form .wpcf7cp-btns {
    display: flex;
    align-items: center; }
    .contact-form .wpcf7cp-btns .wpcf7-form-control {
      display: block;
      width: calc(48% - 2em);
      max-width: 250px;
      margin: 1em auto;
      padding: 1em;
      background: #000;
      color: #fff;
      margin-bottom: 1em;
      cursor: pointer;
      transition: 0.2s; }
      .contact-form .wpcf7cp-btns .wpcf7-form-control:hover {
        background: #fff;
        color: #000; }

.hidden-submit {
  display: none !important; }

.wpcf7-response-output {
  display: none; }

.screen-reader-response {
  margin-bottom: 2em;
  font-size: 1.2em;
  color: #000; }

footer .ft-links {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  padding: 2em 0; }
  footer .ft-links .link {
    padding: 0 4%;
    position: relative;
    border-right: solid 1px #fff; }
    footer .ft-links .link a {
      color: #fff; }
      footer .ft-links .link a:hover {
        opacity: 0.8; }
    footer .ft-links .link:last-of-type {
      border-right: none; }
footer .ft-logo-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4em 0;
  max-width: 1000px;
  width: 100%;
  margin: auto; }
  footer .ft-logo-flex .logo {
    display: block;
    max-width: 300px;
    width: 30%;
    margin: 0 10%; }
footer .credit {
  text-align: center;
  padding-bottom: 20px; }

#policy {
  background: #02a872; }
  #policy .breadcrumbs {
    display: flex;
    color: #fff;
    margin-bottom: 2em; }
    #policy .breadcrumbs a {
      color: #fff;
      text-decoration: underline; }
      #policy .breadcrumbs a:hover {
        text-decoration: none; }
    #policy .breadcrumbs .space {
      margin: 0 1em; }
  #policy .policy-list {
    max-width: 800px;
    width: 100%;
    margin: auto; }
  #policy .policy-item {
    background: #fff;
    margin-bottom: 2em;
    padding: 2em;
    border-radius: 5px; }
    #policy .policy-item .head {
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      border-bottom: solid 1px #000;
      margin-bottom: 1.5em; }
    #policy .policy-item p {
      padding-bottom: 1em; }
  #policy .top-btn {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 4em auto 0;
    padding: 1em;
    background: #000;
    color: #fff;
    margin-bottom: 1em;
    cursor: pointer;
    transition: 0.2s;
    text-align: center; }
    #policy .top-btn:hover {
      background: #fff;
      color: #000; }

.text-link {
  color: #2001aa;
  text-decoration: underline; }

#audition-close {
  padding: 4em 0;
  background: #02a872;
  color: #fff;
  text-align: center; }
  #audition-close .sec-heading {
    width: 100%;
    background: #fff;
    color: #02a872;
    margin: auto;
    text-align: center;
    padding: 0.5em 0;
    margin-bottom: 1em; }
  #audition-close .audition-text p {
    margin-bottom: 1em; }

@media screen and (max-width: 900px) {
  section {
    padding: 80px 0; } }
@media screen and (max-width: 540px) {
  section {
    padding: 40px 0; }

  #policy .policy-item {
    padding: 1em; }

  #intro .intro-list {
    padding: 0 1em; } }

/*# sourceMappingURL=style.css.map */