header {
  z-index: 5; }
  header > p {
    margin: 0; }

.back_black {
  min-height: 100vh;
  position: relative;
  padding-top: 1px; }

.footer_logo {
  position: absolute;
  bottom: 0; }

@media (min-width: 768px) {
  .back_black {
    padding-bottom: 110px; }

  .footer_logo {
    left: calc(50% - 100px); }

  .ja_text {
    margin: -30px 0 50px; }

  #nav_toggle {
    opacity: 1;
    visibility: visible; }

  .tategaki_container > .en_midashi {
    font-size: 30px; } }
@media (max-width: 767.98px) {
  header {
    width: 135px;
    left: 15px;
    top: 12px; }

  .back_black {
    padding-bottom: 50px; }

  .footer_logo {
    left: calc(50% - 75px); }

  .ja_text {
    margin: -30px 0 50px;
    text-align: center; }

  .tategaki_container > .en_midashi {
    font-size: 22px; } }
.form_step {
  display: flex;
  justify-content: center;
  list-style: none;
  align-items: center;
  padding: 0; }

.form_step > li {
  position: relative;
  color: #333;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }

.form_step > li > span {
  margin: 0 3px; }

.form_step.step_2 > li:nth-child(1),
.form_step.step_3 > li:nth-child(-n+2) {
  background-color: #444444;
  color: white; }

.form_step.step_1 > li:nth-child(1),
.form_step.step_2 > li:nth-child(2),
.form_step.step_3 > li:nth-child(3) {
  background-color: #306437;
  color: white; }

@media (min-width: 768px) {
  .lead_text_m {
    text-align: center; }

  .form_step {
    margin: 25px -5px 25px; }

  .form_step > li {
    height: 3em;
    width: calc(33.33% - 10px);
    margin: 5px; }

  .form_step > li:nth-child(1) {
    clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%); }

  /*
  .form_step>li:nth-child(2){clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%, 3% 50%);}
  */
  .form_step > li:nth-child(2) {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 3% 50%); } }
@media (max-width: 767.98px) {
  .form_step {
    margin: 21px -4px 21px; }

  .form_step > li {
    height: 2.5em;
    width: calc(33.33% - 4px);
    margin: 2px; }

  .form_step > li:nth-child(1) {
    clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%); }

  /*
  .form_step>li:nth-child(2){clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%, 6% 50%);}
  */
  .form_step > li:nth-child(2) {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 6% 50%); } }
.inquiry_table {
  display: block; }

.inquiry_table > tbody {
  display: block; }

.inquiry_table > tbody > tr {
  display: flex;
  flex-wrap: wrap; }

.inquiry_table > tbody > tr > th {
  width: 100%;
  display: flex;
  align-items: center; }

.inquiry_table > tbody > tr > th > label {
  margin: 0; }

.inquiry_table > tbody > tr > th > .hissu {
  margin-left: 1em;
  background-color: #c9bdb6;
  color: black;
  font-weight: bold;
  font-size: .5em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .15em .6em .25em .5em;
  margin-top: .25em; }

.inquiry_table > tbody > tr > td {
  width: 100%; }

.inquiry_table > tbody > tr > td > .form-check:nth-child(n+2) {
  margin-top: .75em; }

.chk_table > tbody > tr {
  border-bottom: 1px solid #999; }

@media (min-width: 768px) {
  .page_all_container {
    width: 920px;
    margin: 0 auto; }

  .inquiry_table > tbody > tr {
    padding: 0 0 30px 0; }

  .inquiry_table > tbody > tr > th {
    font-size: 18px;
    margin-bottom: 10px; }

  .chk_table > tbody > tr {
    margin-bottom: 20px; } }
@media (max-width: 767.98px) {
  .inquiry_table > tbody > tr {
    padding-bottom: 20px; }

  .inquiry_table > tbody > tr > th {
    margin-bottom: 6px; }

  .chk_table > tbody > tr {
    margin-bottom: 20px; } }
.btn_container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.btn_container > .btn {
  margin: 10px; }
  .btn_container > .btn > span {
    display: block; }

.btn_container > .btn_next {
  background-color: #306437;
  color: white; }

.btn_container > .btn_back {
  background-color: #f1f1f1; }

.info_text > a {
  color: #c9bdb6; }

@media (min-width: 768px) {
  .btn_container {
    margin: 40px 0 -10px; }

  .btn_container > .btn {
    width: 240px; }
    .btn_container > .btn > span.stext {
      font-size: 12px; }
    .btn_container > .btn > span.ltext {
      font-size: 24px; }

  .info_text {
    text-align: center;
    margin: 30px auto 0; } }
@media (max-width: 767.98px) {
  .btn_container {
    margin: 40px 0 0; }

  .btn_container > .btn {
    width: 240px; }
    .btn_container > .btn > span.stext {
      font-size: 12px; }
    .btn_container > .btn > span.ltext {
      font-size: 24px; }

  .info_text {
    text-align: center;
    margin: 30px auto 0; } }
.tgbox {
  margin-left: auto;
  margin-right: auto; }
  .tgbox > a {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .tgbox > div {
    display: flex;
    flex-wrap: wrap; }
    .tgbox > div > p {
      text-align: right; }
      .tgbox > div > p > a {
        color: white;
        text-decoration: none; }

@media (min-width: 768px) {
  .tgbox {
    max-width: 1230px;
    padding: 0 5%;
    margin-top: 50px; }
    .tgbox > a {
      width: 260px; }
    .tgbox > p {
      text-align: center;
      margin: 30px 0; }
    .tgbox > div {
      margin: -15px; }
      .tgbox > div > a {
        width: calc(33.33% - 30px);
        margin: 15px; }
      .tgbox > div > p {
        width: calc(100% - 30px);
        margin: 0px 15px 15px;
        font-size: 20px; } }
@media (max-width: 767.98px) {
  .tgbox {
    padding: 5% 0;
    margin: 30px -30px; }
    .tgbox > a {
      width: 200px; }
    .tgbox > p {
      text-align: center;
      margin: 30px 0; }
    .tgbox > div {
      margin: -5px; }
      .tgbox > div > a {
        width: calc(33.33% - 10px);
        margin: 5px; }
      .tgbox > div > p {
        width: calc(100% - 10px);
        margin: 5px; } }
.tgbox > div {
  background-color: #2a2110; }

@media (min-width: 768px) {
  .tgbox {
    width: 80%;
    padding: 5% 0; }
    .tgbox > div {
      margin: 0 0 -15px 0;
      padding: 15px 15px 0; } }
@media (max-width: 767.98px) {
  .tgbox {
    margin: 30px -30px; }
    .tgbox > div {
      margin: -5px 0;
      padding: 5px 5px 0; }
      .tgbox > div > a {
        width: calc(33.33% - 10px);
        margin: 5px 5px 0; }
      .tgbox > div > p {
        width: calc(100% - 10px);
        margin: 5px; } }
