@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700;800;900&display=swap");
/* common */
* {
  margin: 0;
  padding: 0;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 100%;
  box-sizing: border-box;
  list-style-type: none;
  font-size: 16px; }
  @media (max-width: 480px) {
    * {
      font-size: 14px; } }

a {
  color: #000;
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

p {
  line-height: 1.4; }

.w100 {
  width: 100%;
  height: auto; }

.br-sp {
  display: none; }
  @media (max-width: 480px) {
    .br-sp {
      display: block; } }

.show_sp {
  display: none; }

@media (max-width: 480px) {
  .show_pc {
    display: none; }

  .show_sp {
    display: block; } }
/*----- cssの初期化：ここまで -----*/
body {
  margin: 0;
  padding: 0;
  position: relative;
  background: #FFF; }

main {
  margin: 4% auto 0; }
  main h1 {
    max-width: 1000px;
    margin: 0 auto 4% auto; }
    @media (max-width: 1180px) {
      main h1 {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 480px) {
      main h1 {
        margin-bottom: 10px; } }

img {
  width: 100%;
  height: auto; }

.form-area {
  background: #F2008B;
  padding: clamp(20px, 4%, 40px); }
  .form-area h2 {
    display: block;
    color: #FFF;
    margin-bottom: 1.5em;
    text-align: center; }
  @media (max-width: 1180px) {
    .form-area {
      padding-left: 15px;
      padding-right: 15px; } }

.bg-pink {
  background: #F2008B;
  padding-bottom: clamp(20px, 4%, 40px); }
  @media (max-width: 1180px) {
    .bg-pink {
      padding-left: 15px;
      padding-right: 15px; } }

/*table*/
table {
  max-width: 1000px;
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto; }
  table th {
    border: rgba(255, 255, 255, 0.9) 1px solid;
    width: 25%;
    vertical-align: top;
    padding: 1.5rem;
    font-weight: bold;
    text-align: left;
    color: #FFF; }
    table th span {
      font-size: 12px;
      margin-left: 5px;
      color: white; }
  table td {
    border: rgba(255, 255, 255, 0.9) 1px solid;
    vertical-align: top;
    padding: 1.5rem;
    font-size: 90%;
    color: #FFF; }
    table td span {
      margin-left: 10px; }
    table td div.errormsg {
      color: #f2ff00; }
    table td input[type="text"], table td input[type="number"], table td input[type="date"] {
      font-size: 100%;
      font-size: 1.1rem; }
    table td input[type="radio"] {
      width: 18px;
      height: 18px;
      vertical-align: middle;
      margin-right: 5px; }
  @media (max-width: 480px) {
    table {
      border-bottom: white 1px solid; }
      table th {
        display: block;
        border-bottom: none;
        width: 100%;
        padding: 0.7rem 0.7rem 0 0.7rem;
        border-bottom: none; }
      table td {
        display: block;
        border-top: none;
        width: 100%;
        padding: 0.7rem;
        border-bottom: none; }
      table th.ttl {
        background: #999;
        color: #FFF; } }

.delatearea {
  display: none; }

.btns {
  display: flex;
  justify-content: center;
  padding: 3% 0; }
  .btns.delatearea {
    display: none; }
  .btns button.btn {
    display: block;
    background: #FFF;
    padding: 10px 25px;
    border-radius: 5px;
    color: #F2008B;
    margin: 0 5px;
    font-weight: bold; }

.white-space {
  white-space: pre-wrap; }

.send_message {
  display: block;
  text-align: center;
  margin-bottom: 5%;
  color: #FFF;
  padding-top: clamp(30px, 4%, 30px); }
  .send_message.delatearea {
    display: none; }
  .send_message b {
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 1rem; }
  .send_message a {
    text-decoration: none;
    color: #FFF; }
    @media (max-width: 480px) {
      .send_message a {
        text-decoration: underline; } }

.attention {
  display: block;
  max-width: 1000px;
  margin: auto;
  background: white;
  border-radius: 10px;
  padding: 15px; }
  .attention b {
    display: block;
    margin-bottom: 8px; }
  .attention p {
    display: block;
    font-size: 11px;
    margin-bottom: 0; }

#footer {
  padding: clamp(15px, 4%, 20px) 15px;
  color: #000;
  font-size: 70%;
  text-align: center; }