@charset "UTF-8";
/* CSS Document */








main .form_box .comment_list {
  margin-bottom: 80px;
}
main .form_box .comment_list ul li {
  position: relative;
  padding-left: 1.5em;
  letter-spacing: .2em;
  color: #007457;
}
main .form_box .comment_list ul li:not(:last-of-type) {
  margin-bottom: .2em;
}
main .form_box .comment_list ul li::before {
  position: absolute;
  top: .4em;
  left: 0;
  width: 1em;
  height: 1em;
  background: #007457;
  content: '';
}
main .form_box .comment_list ul li a {
  color: #007457;
  text-decoration: underline;
}
main .form_box .comment_list ul li span {
  display: inline-block;
  background: #c71e1e;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  line-height: 1em;
  padding: .4em .4em .5em;
  border-radius: .2em;
  margin-right: .5em;
}
main .form_box .comment_list ul li span::first-letter {
  letter-spacing: .7em;
}
main .form_box .form section:not(:last-of-type) {
  margin-bottom: 60px;
}
main .form_box .form section .tbl table {
  width: 100%;
  border-top: solid 1px #007457;
}
main .form_box .form section .tbl table * {
  font-family: "Noto Sans JP", sans-serif;
}
main .form_box .form section .tbl table tr th ,
main .form_box .form section .tbl table tr td {
  vertical-align: middle;
  font-family: "Noto Sans JP", sans-serif;
  padding: 1em 1.5em;
}
main .form_box .form section .tbl table tr:not(:last-of-type) th ,
main .form_box .form section .tbl table tr:not(:last-of-type) td {
  border-bottom: solid 1px #c9caca;
}
main .form_box .form section .tbl table tr th {
  width: 280px;
  background: #f7f8f8;
}
main .form_box .form section .tbl table tr th dl {
  display: flex;
  align-items: center;
  width: 100%;
}
main .form_box .form section .tbl table tr th dl dt {
  white-space: nowrap;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  line-height: 1em;
  padding: .4em .4em .5em;
  border-radius: .2em;
  background: #727171;
}
main .form_box .form section .tbl table tr th dl dt.required {
  background: #c71e1e;
}
main .form_box .form section .tbl table tr th dl dt::first-letter {
  letter-spacing: .7em;
}
main .form_box .form section .tbl table tr th dl dd {
  margin-left: auto;
}
main .form_box .form section .tbl table tr td {
  width: calc(100% - 280px);
  background: #ffffff;
}
main .form_box .form section .tbl table tr td .comment {
  margin-bottom: 1.2em;
}
main .form_box .form section .tbl table tr td .wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-direction: column;
  width: 100%;
}
main .form_box .form section .tbl table tr td .zip dl {
  display: flex;
}
main .form_box .form section .tbl table tr td .zip dl dt {
  position: relative;
  padding-left: 1.2em;
  padding-right: 3em;
  width: calc(4em + 1.2em + 3em);
}
main .form_box .form section .tbl table tr td .zip dl dt::before {
  position: absolute;
	top: 50%;
	transform: translateY(-50%);
  left: 0;
  content: '〒';
}
main .form_box .form section .tbl table tr td .zip dl dt::after {
  position: absolute;
	top: 50%;
	transform: translateY(-50%);
  right: 1em;
  width: 1em;
  height: 1px;
  background: #231815;
  content: '';
}
main .form_box .form section .tbl table tr td .zip dl dd {
  width: 6em;
}
main .form_box .form section .tbl table tr td .zip dl dt input ,
main .form_box .form section .tbl table tr td .zip dl dd input {
  width: 100%;
}
main .form_box .form section .tbl table tr td .tel {
  display: flex;
}
main .form_box .form section .tbl table tr td .tel p {
  position: relative;
  width: 100%;
}
main .form_box .form section .tbl table tr td .tel p:nth-of-type(2) {
  width: calc(6em + 3em + 3em);
  padding-left: 3em;
  padding-right: 3em;
}
main .form_box .form section .tbl table tr td .tel p:nth-of-type(2)::before ,
main .form_box .form section .tbl table tr td .tel p:nth-of-type(2)::after {
  position: absolute;
	top: 50%;
	transform: translateY(-50%);
  width: 1em;
  height: 1px;
  background: #231815;
  content: '';
}
main .form_box .form section .tbl table tr td .tel p:nth-of-type(2)::before  {
  left: 1em;
}
main .form_box .form section .tbl table tr td .tel p:nth-of-type(2)::after  {
  right: 1em;
}
main .form_box .form section .tbl table tr td .tel p input {
  width: 100%;
}



@media screen and (max-width: 767px) {

  main .form_box .comment_list {
    margin-bottom: 10vw;
  }
  main .form_box .form section:not(:last-of-type) {
    margin-bottom: 10vw;
  }
  main .form_box .form section .tbl table tr th ,
  main .form_box .form section .tbl table tr td {
    display: block;
    padding: 1em .5em;
  }
  main .form_box .form section .tbl table tr th {
    width: 100%;
    text-align: left;
  }
  main .form_box .form section .tbl table tr td {
    width: 100%;
  }
  main .form_box .form section .tbl table tr td .zip dl dd {
    width: 5em;
  }
  main .form_box .form section .tbl table tr td .tel p {
    width: 100%;
  }
  main .form_box .form section .tbl table tr td .tel p:nth-of-type(2) {
    width: calc(5em + 2em + 2em);
    padding-left: 2em;
    padding-right: 2em;
  }
  main .form_box .form section .tbl table tr td .tel p:nth-of-type(2)::before  {
    left: .5em;
  }
  main .form_box .form section .tbl table tr td .tel p:nth-of-type(2)::after  {
    right: .5em;
  }
}



