/* PC */
@media screen and (min-width:1024px) and (max-width:1940px) {
  .formarea {
    width: 60%;
    max-width: 1240px;
    margin: 2% auto;
  }

  .caption_text {
    text-align: left;
    display: block;
    color: #fb056d;
  }

  .formarea ul {
    padding: 1% 0 1% 0;
  }

  form ul {
    display: table;
    width: 100%;
    padding: 2% 0;
    border-bottom:1px dotted #FFFFFF;
  }

  form ul li {
    display: table-cell;
    vertical-align: top;
  }

  form ul li:first-child {
    width: 30%;
    text-align: left;
    color: #FFFFFF;
  }

  form ul li:nth-child(2) {
    width: 70%;
    text-align: left;
  }

  form ul li span {
    color: #fb056d;
  }

  .notice {
    padding: 1% 0;
    text-align: left;
    font-size: .8em;
    color: #FFFFFF;
  }

  .notice a {
    color: #FFFFFF;
    text-decoration: underline;
  }


  .formarea p {
    color: #FFFFFF;
  }

  .subBox {
    margin-top: 4%;
  }

  .radio-text {
    color: #FFFFFF;
  }

}

/*tablet*/
@media screen and (min-width:768px) and (max-width:1023px) {
  .formarea {
    width: 60%;
    max-width: 1240px;
    margin: 5% auto;
  }

  .caption_text {
    text-align: left;
    display: block;
    color: #fb056d;
  }

  .formarea ul {
    padding: 1% 0 1% 0;
  }

  form ul {
    display: table;
    width: 100%;
    padding: 2% 0;
    border-bottom:1px dotted #FFFFFF;
  }

  form ul li {
    display: table-cell;
    vertical-align: top;
  }

  form ul li:first-child {
    width: 30%;
    text-align: left;
    color: #FFFFFF;
  }

  form ul li:nth-child(2) {
    width: 70%;
    text-align: left;
  }

  form ul li span {
    color: #fb056d;
  }

  .notice {
    padding: 1% 0;
    text-align: left;
    font-size: .8em;
    color: #FFFFFF;
  }

  .notice a {
    color: #FFFFFF;
    text-decoration: underline;
  }


  .formarea p {
    color: #FFFFFF;
  }

  .subBox {
    margin-top: 4%;
  }

  .radio-text {
    color: #FFFFFF;
  }
}

/* SP */
@media screen and (min-width:320px) and (max-width:767px) {
  input {
    width: 100%;
  }

  input[type="checkbox"],
  input[type="radio"] {
    width: 10%;
  }

  .formarea {
    width: 85%;
    max-width: 640px;
    margin: 5% auto;
  }

  .caption_text {
    text-align: left;
    display: block;
    color: #fb056d;
  }

  .formarea ul {
    /* padding: 0; */
  }

  form ul {
    display: table;
    width: 100%;
    padding: 2% 0;
  }

  form ul li {
    display: block;
    vertical-align: top;
  }

  .radio-type li {
    display: table-cell;
    vertical-align: top;
  }

  form ul li:first-child {
    width: 100%;
    text-align: left;
    color: #FFFFFF;
  }

  form ul li:nth-child(2) {
    width: 100%;
    text-align: left;
  }

  form ul li span {
    color: #fb056d;
  }

  .radio-type li:first-child {
    width: 20%;
  }

  .radio-type li:nth-child(2) {
    width: 80%;
  }

  .notice {
    padding: 3% 0;
    text-align: left;
    font-size: .8em;
    color: #FFFFFF;
  }

  .notice a {
    color: #FFFFFF;
    text-decoration: underline;
  }

  .formarea p {
    color: #FFFFFF;
  }

  .subBox {
    margin-top: 4%;
  }

  .radio-text {
    color: #FFFFFF;
    float: left;
    width: 20%;
  }

}