@charset "UTF-8";
/* common
=================================================================== */
/* color
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* form
=================================================================== */
/* contents
=================================================================== */
.staff__form--wrapper {
  position: absolute;
  width: calc(100% - 135px);
  height: calc(100% - 60px);
  top: 135px;
  left: 60px;
  display: none;
  z-index: 1; }
  .staff__form--wrapper .staff__form {
    position: relative;
    width: 100%;
    height: 100%; }
    .staff__form--wrapper .staff__form .staff__form--content {
      position: relative;
      max-width: 710px;
      background-color: #7dce87;
      padding: 45px 65px 60px; }
      .staff__form--wrapper .staff__form .staff__form--content .content--h1 {
        letter-spacing: 0;
        margin-bottom: 50px; }
      .staff__form--wrapper .staff__form .staff__form--content .form__main {
        position: relative;
        height: 1145px;
        margin-bottom: 60px; }
        .staff__form--wrapper .staff__form .staff__form--content .form__main iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100% !important;
          height: 100% !important; }
      .staff__form--wrapper .staff__form .staff__form--content p {
        font-size: 11px;
        position: relative;
        padding-left: 65px; }
        .staff__form--wrapper .staff__form .staff__form--content p strong {
          position: absolute;
          width: 65px;
          height: 14px;
          top: 0;
          left: 0; }

.form {
  background-color: #7dce87;
  /*information
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ }
  .form aside {
    font-size: 11px;
    margin-bottom: 30px; }
  .form .staff__form--btn {
    position: relative;
    width: 245px;
    height: 60px;
    margin: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    cursor: pointer; }
    .form .staff__form--btn .staff__form--btn--line {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
      .form .staff__form--btn .staff__form--btn--line:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: 6px;
        height: 5px;
        top: 29px;
        left: auto;
        right: 0;
        background: url(../img/common/btn--arrow.png) no-repeat center center;
        background-size: 100% auto; }
      .form .staff__form--btn .staff__form--btn--line:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 1px;
        width: 0;
        top: auto;
        bottom: 0;
        background-color: #000;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -ms-transition-duration: 0.2s;
        -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        　-moz-transition-duration: 0.2s;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    .form .staff__form--btn .staff__form--btn--confrim {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 17px;
      text-align: left;
      padding: 13px 0;
      cursor: pointer;
      font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
      font-weight: 600;
      font-style: normal; }
    .form .staff__form--btn:hover .staff__form--btn--line:after {
      width: 100%; }
  .form form {
    position: relative;
    text-align: left; }
    .form form input, .form form button, .form form textarea, .form form select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 0;
      margin: 0;
      box-sizing: border-box;
      padding: 11px 12px;
      width: 100%;
      line-height: 2;
      font-size: 15px;
      background-color: #7dce87; }
    .form form input {
      position: relative;
      border-bottom: 1px dotted rgba(0, 0, 0, 0.3); }
    .form form input + span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
    .form form input + span:before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 0;
      height: 1px;
      top: auto;
      bottom: -1px;
      background-color: #000;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -ms-transition-duration: 0.2s;
      -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transition-duration: 0.2s;
      -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　-moz-transition-duration: 0.2s;
      -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    .form form input:focus + span:before {
      width: 100%; }
    .form form ul {
      margin-bottom: 40px; }
      .form form ul li {
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 10px; }
        .form form ul li.required dl dt:after {
          content: "＊";
          position: relative;
          font-size: 9px;
          top: -3px;
          margin-left: 2px; }
        .form form ul li.list--radio {
          margin-top: 30px; }
          .form form ul li.list--radio dl dt {
            top: 2px; }
        .form form ul li dl dt {
          position: absolute;
          font-size: 13px;
          width: 135px;
          height: 20px;
          top: 17px;
          left: 0; }
        .form form ul li dl dd {
          margin-left: 135px;
          position: relative; }
          .form form ul li dl dd.radio__btn {
            font-size: 13px;
            line-height: 25px;
            display: flex; }
            .form form ul li dl dd.radio__btn input {
              display: none; }
            .form form ul li dl dd.radio__btn input[type="radio"]:checked + label::before {
              border: 1px solid #000; }
            .form form ul li dl dd.radio__btn input[type="radio"]:checked + label::after {
              opacity: 1; }
            .form form ul li dl dd.radio__btn label {
              position: relative;
              padding-left: 27px;
              display: inblock;
              cursor: pointer; }
              .form form ul li dl dd.radio__btn label:before {
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                height: 16px;
                width: 16px;
                border: 1px solid rgba(0, 0, 0, 0.3);
                transition-duration: 0.3s;
                transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                -ms-transition-duration: 0.3s;
                -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                -webkit-transition-duration: 0.3s;
                -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                　-moz-transition-duration: 0.3s;
                -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
              .form form ul li dl dd.radio__btn label:after {
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                height: 12px;
                width: 9px;
                background: url(../img/contents/staff/form/staff__form--check.svg) no-repeat center center;
                background-size: 100% auto;
                left: 5px;
                opacity: 0;
                transition-duration: 0.3s;
                transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                -ms-transition-duration: 0.3s;
                -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                -webkit-transition-duration: 0.3s;
                -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                　-moz-transition-duration: 0.3s;
                -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
            .form form ul li dl dd.radio__btn label {
              flex-basis: 88px; }
          .form form ul li dl dd.form--short {
            width: 265px; }
          .form form ul li dl dd.form--inline {
            width: 95px;
            display: inline-flex;
            align-items: baseline;
            flex-wrap: nowrap; }
            .form form ul li dl dd.form--inline input {
              margin-right: 0; }
            .form form ul li dl dd.form--inline.form--inline--text {
              width: 17px;
              margin-left: 6px; }
          .form form ul li dl dd.margin--next {
            margin-left: 0; }
      .form form ul.confirm--list li {
        margin-bottom: 20px; }
        .form form ul.confirm--list li.list--radio {
          margin-top: 0; }
        .form form ul.confirm--list li dl dt {
          top: 4px; }
        .form form ul.confirm--list li dl dd {
          font-size: 15px;
          padding-bottom: 15px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
          .form form ul.confirm--list li dl dd.form--inline--text {
            border-bottom: none; }
  .form .thanks--title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px; }
  .form .thanks--text {
    font-size: 12px;
    margin-bottom: 30px; }
    .form .thanks--text .link--text {
      position: relative;
      display: inline-block; }
      .form .thanks--text .link--text:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 0;
        top: auto;
        bottom: -3px;
        border-bottom: 1px dotted #000;
        opacity: 1; }
      .form .thanks--text .link--text:hover:after {
        opacity: 0; }
      .form .thanks--text .link--text.link--text--artist {
        height: auto;
        font-size: 12px;
        font-weight: normal; }
    .form .thanks--text .link--tel {
      pointer-events: none; }
      .form .thanks--text .link--tel:after {
        opacity: 0; }
  .form .information > li {
    display: flex;
    margin-bottom: 3px;
    padding-bottom: 0; }
    .form .information > li:first-child {
      margin-bottom: 7px;
      font-weight: bold; }
    .form .information > li span {
      display: block;
      flex-basis: 65px; }