@charset "UTF-8";
/*
==========================================================================

setting.scss

==========================================================================
*/
/*
==========================================================================

style.scss

==========================================================================
*/
_:-ms-lang(x)::-ms-backdrop, body {
  line-height: 2;
}
_:-ms-lang(x)::-ms-backdrop .card-deck, body .card-deck {
  display: block;
}
_:-ms-lang(x)::-ms-backdrop .card-deck .card, body .card-deck .card {
  display: block;
}

/* -------------------------------------------------------------------------------- */
/*   section  　　　                                                             */
/* -------------------------------------------------------------------------------- */
section {
  text-align: center;
  padding-bottom: clamp(1rem, 0.824rem + 0.75vw, 2rem);
}
section .header-logo{
  margin-bottom: 1rem;
  margin-top: 1rem;
}
section .bg-img {
		padding-top: clamp(1.875rem, 1.368rem + 2.16vw, 4.75rem);
		padding-bottom: clamp(1.875rem, 1.368rem + 2.16vw, 4.75rem);
		position: relative;
		background-color: navy;
		text-align: center;
		color: #fff;
}
section .bg-img h1 {
  color: #ffffff;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(1.6rem, 1.353rem + 1.05vw, 3rem);
}
section .bg-img P {
  display: inline-block;
}
section .bg-img P.lead {
  font-size: clamp(1.2rem, 1.059rem + 0.6vw, 2rem);
  color: #ffffff;
  margin-bottom: clamp(0rem, -0.176rem + 0.75vw, 1rem);
  font-weight: 600;
}
.header-area{
  background-color: #fff;
  padding: clamp(0.5rem, 0.324rem + 0.75vw, 1.5rem);
  padding-top: 1.5rem;
  border: solid 2px #000;
}
.header-area h4{
  margin-bottom: 1rem;
  font-size: clamp(1.2rem, 1.165rem + 0.15vw, 1.4rem);
}
.header-area p{
  font-size: clamp(1rem, 0.982rem + 0.08vw, 1.1rem);
  margin-bottom: 0.3rem;
}
.header-area ul{
  margin-top: 1rem;
  padding-left: clamp(1rem, 0.824rem + 0.75vw, 2rem);
}
.header-area ul li{
  margin-top: 0.3rem;
}
.header-area ul li::marker{
  content: "※";
}
.form-area h2 {
  font-size: clamp(1.5rem, 1.235rem + 1.13vw, 3rem);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  margin-top: clamp(1.5rem, 1.235rem + 1.13vw, 3rem);
  margin-bottom: clamp(1.5rem, 1.059rem + 1.88vw, 4rem);
}
.form-area h2::before {
  margin-right: 1rem;
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}
.form-area h2::after {
  margin-left: 1rem;
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}
.form-area .form-label {
  font-size: clamp(1rem, 0.965rem + 0.15vw, 1.2rem);
}
.form-area .form-control {
  height: clamp(3rem, 2.824rem + 0.75vw, 4rem);
  font-size: clamp(1rem, 0.982rem + 0.08vw, 1.1rem);
  display: flex;
  justify-content: center;
}
.form-area .radio-box .form-check-inline{
  font-size: clamp(1rem, 0.965rem + 0.15vw, 1.2rem);
}
.form-area .text-box {
  display: table;
  width: 100%;
}
.form-area .text-box .form-control {
  height: inherit;
}
.form-area .text-center {
  margin-bottom: 3rem;
  margin-top: 2rem;
}
.form-area .text-center .btn {
  color: #ffffff;
  border: none;
  border-radius: 0;
  padding: 1rem 2rem;
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.25rem);
}
.form-area .btn-box {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.form-area .btn-box .btn{
  /* width: clamp(6.25rem, 5.147rem + 4.71vw, 12.5rem); */
  /* width: auto; */
  min-width:12.5rem;
  margin: 0 auto;
  background-color: navy;
  color: #fff;
}
.form-area table tr {
  font-size: clamp(1rem, 2.9vw, 1.2rem);
  line-height: clamp(1.5rem, 2.9vw, 2.5rem);
}
.form-area table tr th {
  width: 25%;
  font-weight: 500;
  background-color: #efefef;
  text-align: center;
}
.form-area table.table-2 tr th {
  width: inherit;
  border: solid 1px #b3b3b3;
}
.form-area table.table-2 tr td {
  background-color: #fff;
  border: solid 1px #b3b3b3;
}
.form-area table.table-2 tr td .form-control{
  border: none;
  border-radius: 0;
}


@media screen and (max-width: 640px) {
  .form-area table tr th {
  width: 100%;
  font-weight: 500;
  line-height: 2;
  }
  .form-area table {
    width: 100%;
  }
  .form-area table th,
  .form-area table td {
    display: block;
    width: 100%;
  }
  .form-area table.table-2 tr {
    display: block;
    float: left;
  }
  .form-area table.table-2 tr td, 
  .form-area table.table-2 tr th {
    display: block;
    height: 50px;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form-area table.table-2 tr td {
    border-left: none;
  }
  .form-area table.table-2 tr th.bd-m {
    border-bottom: solid 1px #b3b3b3;
  }
  .form-area table.table-2 tr td.bd-m {
    border-bottom: solid 1px #b3b3b3;
  }
  .form-area table.table-2 thead {
    display: block;
    float: left;
    width: 30%;
  }
  .form-area table.table-2 thead tr {
    width: 100%;
  }
  .form-area table.table-2 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .form-area table.table-2 tbody tr {
    width: 100%;
  }
  .form-area table.table-2 tr td + td {
    border-bottom: none;
  }

}