/* media query */
nav.navStd ul li.new a {
  background-color: #f5f5f5;
  color: #222; }

.firstCopy {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 70px;
  text-align: center; }
  @media all and (max-width: 1200px) {
    .firstCopy {
      max-width: 100%;
      margin-left: 30px;
      margin-right: 30px; } }
  @media screen and (max-width: 668px) and (orientation: portrait) {
    .firstCopy {
      max-width: 100%;
      margin-left: 25px;
      margin-right: 25px; } }
  @media screen and (max-width: 668px) {
    .firstCopy {
      text-align: left; } }
  @media screen and (max-width: 668px) and (orientation: portrait) {
    .firstCopy {
      margin-bottom: 50px; } }
  .firstCopy > h3 {
    font-size: 1.1em;
    line-height: 150%;
    margin-bottom: 30px; }
  .firstCopy p {
    margin-bottom: 30px;
    font-size: 1.1em; }
    .firstCopy p.red {
      color: #E70408;
      padding-left: 1em;
      text-indent: -1em; }

.thanks {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 70px;
  text-align: center; }
  @media all and (max-width: 1200px) {
    .thanks {
      max-width: 100%;
      margin-left: 30px;
      margin-right: 30px; } }
  @media screen and (max-width: 668px) and (orientation: portrait) {
    .thanks {
      max-width: 100%;
      margin-left: 25px;
      margin-right: 25px; } }
  @media screen and (max-width: 668px) {
    .thanks {
      text-align: left; } }
  @media screen and (max-width: 668px) and (orientation: portrait) {
    .thanks {
      margin-bottom: 50px; } }
  .thanks > h3 {
    font-size: 1.8em;
    line-height: 150%;
    margin-bottom: 30px; }
  .thanks p {
    margin-bottom: 30px;
    font-size: 1.2em; }
  .thanks #error {
    margin-top: 20px;
    padding: 20px;
    border: 3px solid #e00;
    border-radius: 5px;
    text-align: left;
    color: #800; }
    .thanks #error a {
      color: #800;
      text-decoration: underline; }

.mainArea > section {
  max-width: 1200px;
  margin: 0 auto; }
  @media all and (max-width: 1200px) {
    .mainArea > section {
      max-width: 100%;
      margin-left: 30px;
      margin-right: 30px; } }
  @media screen and (max-width: 668px) and (orientation: portrait) {
    .mainArea > section {
      max-width: 100%;
      margin-left: 25px;
      margin-right: 25px; } }
  .mainArea > section:not(:last-child) {
    margin-bottom: 80px; }
  .mainArea > section > h4 {
    font-size: 1.4em;
    padding-bottom: 5px;
    margin: 50px 0 20px;
    border-bottom: 2px solid #222; }
  .mainArea > section > p.read {
    font-size: 1.3em;
    margin-bottom: 20px; }
    .mainArea > section > p.read > span {
      font-size: 0.75em;
      padding-left: 15px; }
      .mainArea > section > p.read > span > span.red {
        color: #CB4B4B; }
  .mainArea > section#syoukai section {
    margin-bottom: 30px; }
    .mainArea > section#syoukai section h5 {
      font-size: 1.1em;
      font-weight: bold;
      width: 100%;
      margin-bottom: 20px;
      letter-spacing: 1px;
      padding: 0.2rem 1rem;
      border-left: 8px solid #000;
      background-color: #f0f0f0; }
    .mainArea > section#syoukai section table {
      width: 100%;
      border-collapse: collapse; }
      .mainArea > section#syoukai section table th,
      .mainArea > section#syoukai section table td {
        text-align: left;
        vertical-align: middle;
        padding: 20px;
        border-bottom: 1px solid #222;
        box-sizing: border-box; }
        @media screen and (max-width: 668px) and (orientation: portrait) {
          .mainArea > section#syoukai section table th,
          .mainArea > section#syoukai section table td {
            width: 100%;
            display: block;
            height: auto; } }
      .mainArea > section#syoukai section table th {
        width: 150px;
        white-space: nowrap; }
        .mainArea > section#syoukai section table th.req::after {
          content: "*";
          color: #CB4B4B;
          font-size: 1.2em;
          padding-left: 5px; }
        @media screen and (max-width: 960px) {
          .mainArea > section#syoukai section table th {
            padding-left: 0;
            width: 130px; } }
        @media screen and (max-width: 668px) and (orientation: portrait) {
          .mainArea > section#syoukai section table th {
            padding-bottom: 0;
            border-bottom: 0; } }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        .mainArea > section#syoukai section table td {
          padding: 10px 0 20px; } }
      .mainArea > section#syoukai section table td input {
        background-color: transparent;
        border: 1px solid #ddd;
        padding: 10px; }
        .mainArea > section#syoukai section table td input.sizeL {
          width: 500px; }
        .mainArea > section#syoukai section table td input.sizeM {
          width: 300px; }
        .mainArea > section#syoukai section table td input.sizeS {
          width: 70px; }
        @media screen and (max-width: 960px) {
          .mainArea > section#syoukai section table td input.sizeL {
            width: calc(100% - 160px); }
          .mainArea > section#syoukai section table td input.sizeM {
            width: 200px; } }
        @media screen and (max-width: 668px) and (orientation: portrait) {
          .mainArea > section#syoukai section table td input.sizeL {
            width: 100%; }
          .mainArea > section#syoukai section table td input.sizeM {
            width: 100%; } }
      .mainArea > section#syoukai section table td input[type=radio],
      .mainArea > section#syoukai section table td input[type=checkbox] {
        margin: 3px; }
      .mainArea > section#syoukai section table td .checkBoxes {
        overflow: hidden; }
        .mainArea > section#syoukai section table td .checkBoxes label {
          display: block;
          width: calc(100% / 3 - 20px);
          font-size: 98%;
          margin: 0 0 2px 0;
          float: left;
          display: inline-block;
          line-height: 12px;
          height: 30px;
          box-sizing: border-box; }
          @media screen and (max-width: 668px) and (orientation: portrait) {
            .mainArea > section#syoukai section table td .checkBoxes label {
              width: 100%;
              float: none; } }
          .mainArea > section#syoukai section table td .checkBoxes label input {
            margin-right: 2px; }
      .mainArea > section#syoukai section table td select {
        padding: 7px 35px 7px 10px;
        border: 1px solid #ddd; }
      .mainArea > section#syoukai section table td > div:not(:last-child) {
        margin-bottom: 10px; }
      .mainArea > section#syoukai section table td .sps {
        margin-left: 10px; }
        @media screen and (max-width: 668px) and (orientation: portrait) {
          .mainArea > section#syoukai section table td .sps {
            margin-left: 0; } }
    .mainArea > section#syoukai section ul.caution {
      padding: 10px 0px 0px 0px; }
      .mainArea > section#syoukai section ul.caution li {
        padding: 0px 0px 2px 1em;
        text-indent: -1em; }
        .mainArea > section#syoukai section ul.caution li.noindent {
          padding-left: 0;
          text-indent: 0; }
    .mainArea > section#syoukai section p {
      text-indent: -1em;
      padding-left: 1em;
      margin-top: 20px; }
      .mainArea > section#syoukai section p.large {
        font-size: 1.1em; }
        @media screen and (max-width: 668px) {
          .mainArea > section#syoukai section p.large {
            font-size: 1em; } }
      .mainArea > section#syoukai section p.noindent {
        padding-left: 0;
        text-indent: 0; }
  .mainArea > section#syoukai .policy {
    padding: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #888;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center; }
    .mainArea > section#syoukai .policy > span {
      display: inline-block;
      font-size: 1.1em; }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        .mainArea > section#syoukai .policy > span {
          display: block; } }
    .mainArea > section#syoukai .policy > label input {
      margin-left: 15px; }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        .mainArea > section#syoukai .policy > label input {
          margin-left: 0; } }
    .mainArea > section#syoukai .policy > label {
      font-size: 1.3em;
      padding-right: 12px; }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        .mainArea > section#syoukai .policy > label {
          margin-right: 8px;
          font-size: 1.2em; } }
    .mainArea > section#syoukai .policy > p {
      font-size: 0.9em;
      margin-top: 10px;
      text-indent: -1em;
      padding-left: 1em; }
  .mainArea > section#syoukai .submitBtn {
    text-align: center;
    margin: 0 auto; }
    .mainArea > section#syoukai .submitBtn input[type="submit"] {
      padding: 15px;
      display: block;
      width: 100%; }
    .mainArea > section#syoukai .submitBtn:first-of-type:not(:last-of-type) input[type="submit"] {
      margin-bottom: 20px; }

.termBox {
  height: 350px;
  overflow-y: scroll;
  padding: 20px;
  background: url(../../../common/images/bg_gray.png); }
  .termBox h6 {
    font-size: 1.2em;
    margin-bottom: 10px; }
  .termBox p {
    padding-bottom: 15px; }
  .termBox ol,
  .termBox ul {
    padding: 8px;
    padding: 0px 0px 15px 0px; }
    .termBox ol li,
    .termBox ul li {
      padding: 0px 0px 3px 0px; }

.formLayout.input_now .display_check,
.formLayout.check_now .display_input {
  display: none; }

.formLayout .errmsg {
  width: 100%;
  background: #FFF;
  border: 3px solid #f00;
  padding: 20px;
  margin: 0 auto 10px auto;
  box-sizing: border-box; }

.formLayout .errmsg,
.formLayout .errmsg a,
.formLayout .errmsg a:link,
.formLayout .errmsg a:visited,
.formLayout .errmsg a:hover,
.formLayout .errmsg a:active {
  color: #F00; }

.checkBoxes .check_true {
  display: block; }

@media screen and (max-width: 668px) and (orientation: portrait) {
  .spMarginInput {
    margin-bottom: 10px; } }