/*! Writen  by SCSS */
.headnavi,
.gnavi_outer,
footer {
  display: none !important; }

header {
  position: absolute;
  height: 80px; }
  @media screen and (max-width: 480px) {
    header {
      height: 60px; } }
  body.scrolled header {
    height: 80px; }
    @media screen and (max-width: 768px) {
      body.scrolled header {
        height: 60px; } }

.header001 {
  height: 100%; }

div.header .logo {
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  body.scrolled div.header .logo {
    top: 0; }
    @media screen and (max-width: 768px) {
      body.scrolled div.header .logo {
        top: 0; } }

button {
  cursor: pointer;
  border: none;
  padding: 0;
  background: none;
  margin: 0; }
  button:focus {
    outline: none; }

.sec_form {
  padding-top: clamp(45px, 7.5%, 90px);
  padding-bottom: clamp(30px, 5%, 60px); }

.must {
  display: inline-block;
  color: #ff0000; }

.form_read_wrap {
  margin-bottom: 30px; }
  .form_read_wrap .form_head {
    font-size: clamp(20px, 2.33vw, 30px);
    color: #485e6e;
    margin-bottom: 1.4em; }
  .form_read_wrap .form_read {
    font-size: 15px;
    line-height: 2; }
    @media screen and (max-width: 768px) {
      .form_read_wrap .form_read {
        font-size: 14px;
        line-height: 1.8; } }
    @media screen and (max-width: 480px) {
      .form_read_wrap .form_read {
        font-size: 13px;
        line-height: 1.6; } }

.form_list {
  font-size: 15px;
  line-height: 1.4;
  border-bottom: 1px dotted; }
  @media screen and (max-width: 768px) {
    .form_list {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .form_list {
      font-size: 13px; } }
  .form_list .item {
    display: flex; }
    @media screen and (max-width: 480px) {
      .form_list .item {
        flex-direction: column; } }
    .form_list .item > dt {
      width: 16em;
      flex-shrink: 0;
      display: flex;
      align-items: baseline;
      color: #fff;
      background: #485e6e;
      padding: 1.33em;
      border-bottom: 1px solid #cccccc; }
      @media screen and (max-width: 480px) {
        .form_list .item > dt {
          width: 100%;
          border-bottom: none;
          padding: 15px 10px; } }
    .form_list .item > dd {
      width: 100%;
      border-bottom: 1px solid #cccccc;
      padding: 1.33em; }
      @media screen and (max-width: 480px) {
        .form_list .item > dd {
          padding: 15px 10px 25px; } }
      .form_list .item > dd input[type=text],
      .form_list .item > dd input[type=email],
      .form_list .item > dd select {
        max-width: 280px;
        width: 100%;
        box-sizing: border-box;
        padding: 8px 5px;
        border: 1px solid #cccccc;
        background: #fff;
        border-radius: 5px; }
        .form_list .item > dd input[type=text]:focus,
        .form_list .item > dd input[type=email]:focus,
        .form_list .item > dd select:focus {
          outline: none; }
        .form_list .item > dd input[type=text].text_box_wide,
        .form_list .item > dd input[type=email].text_box_wide,
        .form_list .item > dd select.text_box_wide {
          max-width: 580px; }
      .form_list .item > dd.age_wrap {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap; }
        .form_list .item > dd.age_wrap input[type=text] {
          max-width: 80px;
          margin-right: 0.5em; }
        .form_list .item > dd.age_wrap .age_cap {
          margin-top: 5px;
          width: 100%; }
      .form_list .item > dd.choose_wrap {
        display: flex;
        align-items: center;
        gap: 0 2em; }
        .form_list .item > dd.choose_wrap .choose_item {
          display: flex;
          align-items: center;
          gap: 0 1em; }
          .form_list .item > dd.choose_wrap .choose_item label {
            cursor: pointer; }
    .form_list .item .address_wrap {
      display: flex;
      flex-direction: column;
      gap: 1.33em 0; }
      .form_list .item .address_wrap .address_item {
        display: flex;
        align-items: baseline; }
        .form_list .item .address_wrap .address_item dt {
          flex-shrink: 0;
          width: 8.26em;
          margin-right: 1em; }
        .form_list .item .address_wrap .address_item dd {
          width: 100%; }
        .form_list .item .address_wrap .address_item.address_item_zip dd {
          display: flex;
          align-items: baseline;
          flex-wrap: wrap; }
          .form_list .item .address_wrap .address_item.address_item_zip dd .text_box {
            margin-right: 1em; }
    .form_list .item:last-child > dt,
    .form_list .item:last-child > dd {
      border-bottom: none; }

.send_button {
  margin-top: clamp(30px, 5%, 60px);
  display: block;
  max-width: 240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 1em 0.5em;
  line-height: 1;
  background: #333;
  color: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s ease-in-out; }
  @media (hover: hover) {
    .send_button:hover {
      opacity: 0.7; } }
  @media screen and (max-width: 768px) {
    .send_button {
      font-size: 15px; } }
  @media screen and (max-width: 480px) {
    .send_button {
      font-size: 14px; } }

.copy_wrap {
  background-repeat: repeat;
  background-size: 80px 80px;
  background-position: top left;
  background-image: url("../images/common/bg_footer.jpg");
  color: #fff;
  padding: 40px 0; }
  @media screen and (max-width: 768px) {
    .copy_wrap {
      background-size: 40px 40px;
      padding: 20px 0; } }

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