@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  background: transparent;
}

html, body {
  font-size: 62.5%;
  height: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

li {
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

picture {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

br {
  line-height: 0;
}

input, textarea, select, button {
  font: inherit;
}

/* safariでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

/* -----------------------------------------------------
	basic
----------------------------------------------------- */
html {
  font-size: 62.5%;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  text-align: center;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 3.64583vw;
  }
}

main {
  width: 100%;
  position: relative;
}

.inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}

@media screen and (max-width: 768px) {
  .inner {
    max-width: 100%;
    padding: 0 5.20833vw;
  }
}

a {
  opacity: 1;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.7;
  }
}

/* -----------------------------------------------------
	btn
----------------------------------------------------- */
.btn {
  position: relative;
  top: 0;
  display: inline-block;
  -webkit-box-shadow: 0 10px #000;
  box-shadow: 0 10px #000;
  border-radius: 100vh;
  font-size: 0;
  line-height: 0;
  margin: 0 0 10px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

@media screen and (max-width: 768px) {
  .btn {
    max-width: 76.82292vw;
    margin: 0 0 1.95313vw;
    -webkit-box-shadow: 0 1.95313vw #000;
    box-shadow: 0 1.95313vw #000;
  }
}

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

.btn:hover {
  top: 10px;
  -webkit-box-shadow: 0 0 #000;
  box-shadow: 0 0 #000;
}

@media screen and (max-width: 768px) {
  .btn:hover {
    top: 1.95313vw;
  }
}

/* -----------------------------------------------------
	header
----------------------------------------------------- */
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 80px;
  display: -webkit-box;
  /*Android4.3*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 21 / 1;
  padding: 0 20px 0 25px;
  background-color: rgba(1, 8, 66, 0.8);
}

@media screen and (max-width: 768px) {
  .header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 13.02083vw;
    padding: 0.65104vw 2.60417vw 0.65104vw 3.90625vw;
    aspect-ratio: 15 / 2;
  }
}

.header.under {
  background: #0c4689;
}

.header h1 {
  width: 4.036697247706423%;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .header h1 {
    width: 13.28125vw;
  }
}

/* -----------------------------------------------------
	footer
----------------------------------------------------- */
footer {
  background: #0c4689;
}

footer p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #FFF;
  height: 56px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  footer p {
    font-size: 2.34375vw;
    height: 13.02083vw;
    letter-spacing: -0.01em;
  }
}

/* -----------------------------------------------------
	br
----------------------------------------------------- */
br.pc {
  display: block;
}

@media screen and (max-width: 768px) {
  br.pc {
    display: none;
  }
}

br.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  br.sp {
    display: block;
  }
}

.f_kv {
  margin-bottom: 100px;
  background-color: #8f2012;
}

@media screen and (max-width: 768px) {
  .f_kv {
    margin-bottom: 13.02083vw;
  }
}

img {
  max-width: 100%;
  vertical-align: middle;
}

a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  opacity: 0.8;
  text-decoration: none !important;
}

.red {
  color: #e4001e;
}

h2 {
  line-height: 1.65;
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  h2 {
    padding: 10.41667vw 0;
  }
}

input, textarea, select, button {
  font: inherit;
  border: none;
}

input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

select, select option, button {
  color: #000 !important;
}

.input_01 {
  font-size: 30px;
  background: url(../img/bk.png) repeat;
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .input_01 {
    margin-bottom: 13.02083vw;
    font-size: 4.94792vw;
  }
}

.input_02 {
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  padding: calc(80px + 4.762vw) 0 80px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .input_02 {
    font-size: 4.42708vw;
    padding: 23.4375vw 0 10.41667vw;
  }
}

.page_ttl {
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  margin: 80px auto 24px;
  padding: 0;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .page_ttl {
    font-size: 4.55729vw;
    margin: 6.51042vw auto 2.60417vw;
  }
}

h2 + h3 {
  margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
  h2 + h3 {
    margin: 0 5.20833vw 6.51042vw;
  }
}

h3 {
  font-size: 20px;
  background: #000;
  max-width: 900px;
  margin: 100px auto 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: left;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 3.90625vw;
    margin: 13.02083vw 0 6.51042vw;
    padding-left: 3.90625vw;
    height: 13.02083vw;
    line-height: 13.02083vw;
  }
}

.form {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
  text-align: center;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .form {
    max-width: 100%;
    margin: 0 5.20833vw;
    padding: 0;
  }
}

.form .form_list {
  max-width: 800px;
  margin: 30px auto 0;
}

@media screen and (max-width: 768px) {
  .form .form_list {
    max-width: 100%;
    margin: 6.51042vw auto 0;
  }
}

.form .form_list li {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .form .form_list li {
    margin-bottom: 3.90625vw;
  }
}

.form .form_list li .list:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(1) {
    margin-bottom: 3.90625vw;
  }
}

.form .form_list li .list:nth-of-type(1) p {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(1) p {
    margin-right: 3.25521vw;
    font-size: 3.90625vw;
  }
}

.form .form_list li .list:nth-of-type(1) span {
  color: #e4001e;
  font-size: 12px;
  font-weight: 800;
  vertical-align: super;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(1) span {
    font-size: 2.60417vw;
  }
}

.form .form_list li .list:nth-of-type(2) {
  width: 100%;
}

.form .form_list li .list:nth-of-type(2) input[type="text"] {
  width: 100%;
  height: 50px;
  border: 2px solid #000;
  font-size: 16px;
  line-height: 50px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(2) input[type="text"] {
    height: 11.71875vw;
    line-height: 11.71875vw;
    padding: 0 2.60417vw;
    font-size: 3.64583vw;
    display: block;
  }
}

.form .form_list li .list:nth-of-type(2) ::-webkit-input-placeholder {
  font-size: 18px;
}

.form .form_list li .list:nth-of-type(2) :-ms-input-placeholder {
  font-size: 18px;
}

.form .form_list li .list:nth-of-type(2) ::-ms-input-placeholder {
  font-size: 18px;
}

.form .form_list li .list:nth-of-type(2) ::placeholder {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(2) ::-webkit-input-placeholder {
    font-size: 3.64583vw;
  }
  .form .form_list li .list:nth-of-type(2) :-ms-input-placeholder {
    font-size: 3.64583vw;
  }
  .form .form_list li .list:nth-of-type(2) ::-ms-input-placeholder {
    font-size: 3.64583vw;
  }
  .form .form_list li .list:nth-of-type(2) ::placeholder {
    font-size: 3.64583vw;
  }
}

.form .form_list li .list:nth-of-type(2) .cp_ipselect {
  position: relative;
  width: 400px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(2) .cp_ipselect {
    width: auto;
  }
}

.form .form_list li .list:nth-of-type(2) .cp_ipselect:before {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #000;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(2) .cp_ipselect:before {
    top: 4.94792vw;
    right: 5.20833vw;
    border-left: 2.08333vw solid transparent;
    border-right: 2.08333vw solid transparent;
    border-top: 2.60417vw solid #000;
  }
}

.form .form_list li .list:nth-of-type(2) .cp_ipselect select {
  width: 100%;
  height: 50px;
  border: 2px solid #000;
  background-color: #fff;
  font-size: 18px;
  line-height: 50px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list:nth-of-type(2) .cp_ipselect select {
    font-size: 3.64583vw;
    height: 11.71875vw;
    padding: 0 2.60417vw;
  }
}

.form .form_list li .list:nth-of-type(2) li {
  margin-bottom: .5em;
  text-align: left;
}

.form .form_list li .age:nth-of-type(2) input[type="text"] {
  width: 100px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .age:nth-of-type(2) input[type="text"] {
    width: 22vw;
  }
}

.form .form_list li .type1:nth-of-type(2) input[type="text"] {
  width: 800px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .type1:nth-of-type(2) input[type="text"] {
    width: 100%;
  }
}

.form .form_list li .type2:nth-of-type(2) input[type="text"] {
  width: 400px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .type2:nth-of-type(2) input[type="text"] {
    width: 48.17708vw !important;
  }
}

.form .form_list li .list_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list_flex {
    display: block;
  }
}

.form .form_list li .list_flex div {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list_flex div {
    width: 60vw;
  }
}

.form .form_list li .list_flex div:first-child {
  margin-right: 40px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list_flex div:first-child {
    margin-right: 0;
    margin-bottom: 2.60417vw;
  }
}

.form .form_list li .list_flex div p {
  line-height: 1;
  font-size: 18px !important;
  margin-top: 0 !important;
  min-width: 50px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list_flex div p {
    font-size: 3.64583vw !important;
    text-align: left;
    min-width: 10.41667vw;
  }
}

.form .form_list li .list_flex_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .form .form_list li .list_flex_02 input[type="text"] {
    width: 200px !important;
  }
}

.form .form_list li .radio {
  text-align: left;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .form .form_list li .radio {
    font-size: 3.38542vw;
  }
}

.form .form_list li .radio div {
  margin-top: 3px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .form .form_list li .radio div {
    margin-top: 0;
    margin-right: 2.60417vw;
  }
}

.form .form_list li .radio div:last-child {
  margin-right: 0;
}

.form .form_list li .radio div input {
  width: 22px;
  height: 22px;
  accent-color: #000;
  vertical-align: bottom;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .radio div input {
    width: 5.72917vw;
    height: 5.72917vw;
    margin-right: 1.30208vw;
  }
}

.form .form_list li .check {
  text-align: left;
  /* checkbox01 */
}

.form .form_list li .check label {
  margin-right: 1em;
}

.form .form_list li .check input[type=checkbox] {
  display: none;
}

.form .form_list li .check .checkbox01 {
  position: relative;
  line-height: 2.6;
  padding: 0 20px 0 27px;
}

.form .form_list li .check .checkbox01:hover:after {
  border-color: #0171bd;
}

.form .form_list li .check .checkbox01:after, .form .form_list li .check .checkbox01:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

.form .form_list li .check .checkbox01:after {
  left: 0;
  margin-top: -12px;
  width: 18px;
  height: 18px;
  border: 2px solid #d1d1d1;
}

.form .form_list li .check .checkbox01:before {
  left: 6px;
  margin-top: -9px;
  width: 7px;
  height: 11px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
}

.form .form_list li .check input[type=checkbox]:checked + .checkbox01:before {
  opacity: 1;
}

.form .form_list li button {
  display: inline-block;
  width: 120px;
  height: 50px;
  margin-left: 20px;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  background-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .form .form_list li button {
    height: 11.71875vw;
    line-height: 11.71875vw;
    width: 26.04167vw;
    font-size: 3.64583vw;
    padding: 0;
  }
}

.form .form_list li .mail_film {
  text-align: left;
  margin: 20px 0 10px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .form .form_list li .mail_film {
    margin: 2.60417vw 0 1.30208vw;
    font-size: 3.38542vw;
  }
}

.form .form_list .file_list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form .form_list .file_list .file {
  text-align: left;
}

.form .form_list .file_list .file div + div {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .form .form_list .file_list .file div + div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5.20833vw;
  }
}

.form .form_list .file_list .file div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .form .form_list .file_list .file div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.form .form_list .file_list .file div span {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .form .form_list .file_list .file div span {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 768px) {
  .form .form_list .file_list p {
    text-align: left;
  }
}

.form .annotation {
  margin: -30px auto 40px;
  text-align: left;
  font-size: 16px;
  color: #dc1716;
}

@media screen and (max-width: 768px) {
  .form .annotation {
    margin: -3.90625vw auto 5.20833vw;
    font-size: 3.125vw;
  }
}

.form .up {
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .form .up {
    margin-right: 0;
    text-align: left;
    margin-bottom: 2.60417vw;
  }
}

.form .up:last-child {
  margin-right: 0;
}

.form .up label {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #d9d9d9;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .form .up label {
    width: 65.10417vw;
    height: 11.71875vw;
    line-height: 11.71875vw;
    font-size: 3.64583vw;
  }
}

.form input[type="file"] {
  display: none;
}

.form p {
  font-size: 14px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .form p {
    text-align: center;
    margin-top: 1.30208vw;
    font-size: 3.125vw;
  }
}

.form .notes {
  font-size: 14px;
  margin-top: .5em;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .form .notes {
    font-size: 3.125vw;
  }
}

.form .notes:before {
  content: "※";
}

.form .coution {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  color: #e4001e;
}

.form .kibou {
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .form .kibou {
    font-size: 3.64583vw;
  }
}

.form .kibou div {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .form .kibou div {
    margin-top: 2.60417vw;
  }
}

.form .kibou div input {
  width: 22px;
  height: 22px;
  accent-color: #000;
  vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  .form .kibou div input {
    width: 5.72917vw;
    height: 5.72917vw;
    margin-right: 0;
  }
}

.form .kiyaku {
  /*------------------------------------------------------------
    .notes_required
    ------------------------------------------------------------*/
  /*------------------------------------------------------------
    .btnArea
    ------------------------------------------------------------*/
}

.form .kiyaku h4 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku h4 {
    font-size: 4.16667vw;
    margin-bottom: 2.60417vw;
  }
}

.form .kiyaku .box {
  border: 1px solid #b5b5b5;
  padding: 30px 15px 30px 30px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box {
    padding: 3.90625vw 2.60417vw 3.90625vw 3.90625vw;
  }
}

.form .kiyaku .box .scroll_area {
  width: 100%;
  height: 300px;
  padding-right: 30px;
}

.form .kiyaku .box .scroll_area .mb30 {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box .scroll_area .mb30 {
    margin-bottom: 3.90625vw;
  }
}

.form .kiyaku .box .scroll_area .mb60 {
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box .scroll_area .mb60 {
    margin-bottom: 7.8125vw;
  }
}

.form .kiyaku .box .scroll_area p {
  font-size: 16px;
  text-align: left;
  margin-bottom: 1.5em;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box .scroll_area p {
    font-size: 3.38542vw;
  }
}

.form .kiyaku .box .scroll_area ul li {
  font-size: 16px;
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box .scroll_area ul li {
    font-size: 3.125vw;
  }
}

.form .kiyaku .box .scroll_area ul li:before {
  display: block;
  content: "■";
  position: absolute;
  left: 0;
}

.form .kiyaku .box .scroll_area a {
  color: #e4001e;
  text-decoration: underline;
}

.form .kiyaku .box .scroll_area span {
  display: block;
}

.form .kiyaku .box .scroll_area span.fs_bold {
  font-weight: 700;
  font-size: 1.15em;
}

.form .kiyaku .box .scroll_area span.number {
  padding-left: 1.25em;
  text-indent: -1.25em;
  margin: .45em 0;
}

.form .kiyaku .box .scroll_area span.min_num {
  margin: .45em 0;
}

.form .kiyaku .box .scroll_area span.kome {
  padding-left: 1em;
  text-indent: -1em;
  margin: .45em 0;
  font-size: 0.9em;
}

.form .kiyaku .box .scroll_area span.disc {
  padding-left: .8em;
  text-indent: -.8em;
  margin: .45em 0;
}

.form .kiyaku .box .scroll_area .simplebar-track {
  background: #e7e7e7;
}

.form .kiyaku .box .scroll_area .simplebar-track.simplebar-vertical {
  width: 10px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box .scroll_area .simplebar-track.simplebar-vertical {
    width: 1.30208vw;
  }
}

@media screen and (max-width: 768px) {
  .form .kiyaku .box .scroll_area .simplebar-content {
    padding: 0 6.51042vw 0 0 !important;
  }
}

.form .kiyaku .box .scroll_area .simplebar-scrollbar:before {
  background: #5e0000;
  border-radius: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.form .kiyaku section {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku section {
    margin-bottom: 13.02083vw;
  }
}

.form .kiyaku .notes_txt {
  font-size: 16px;
  margin-top: 30px;
  line-height: 1.85;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .notes_txt {
    font-size: 3.125vw;
    margin-top: 3.90625vw;
  }
}

.form .kiyaku .notes_required .checkBtn_area {
  margin: 40px auto;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .notes_required .checkBtn_area {
    margin: 7.8125vw auto;
  }
}

.form .kiyaku .notes_required label {
  color: #000;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  position: relative;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .notes_required label {
    vertical-align: middle;
    line-height: 1.6;
    font-size: 3.64583vw;
  }
}

.form .kiyaku .notes_required label .label_inner {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding-left: 38px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .notes_required label .label_inner {
    font-size: 3.38542vw;
    padding-left: 13.02083vw;
  }
}

.form .kiyaku .notes_required label .label_inner:before {
  content: "";
  width: 25px;
  height: 25px;
  background: #fff;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .notes_required label .label_inner:before {
    width: 6.51042vw;
    height: 6.51042vw;
    border: 0.13021vw solid #000;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: -1.95313vw;
  }
}

.form .kiyaku .notes_required._check label .label_inner:after {
  content: '';
  width: 16px;
  height: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  transform: rotate(130deg);
  position: absolute;
  top: 5px;
  left: 3px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .notes_required._check label .label_inner:after {
    width: 3.64583vw;
    height: 1.82292vw;
    top: -3.90625vw;
    left: 1.30208vw;
    border-top: 0.78125vw solid #000;
    border-right: 0.78125vw solid #000;
  }
}

.form .kiyaku .notes_required label input {
  position: relative;
  z-index: -1;
  display: none;
}

.form .kiyaku .btnArea {
  max-width: 360px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .form .kiyaku .btnArea {
    max-width: 90%;
  }
}

.form .kiyaku .btnArea input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background: rgba(255, 255, 255, 0);
  padding: 0;
  z-index: -1;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.form .kiyaku .btnArea input[type="submit"] {
  cursor: default;
  z-index: +1;
  outline: none;
}

.form .kiyaku .btnArea._check input[type="submit"] {
  z-index: -1;
}

.form .kiyaku a.btn_one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 10% 0 6%;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  position: relative;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  pointer-events: none;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .form .kiyaku a.btn_one {
    height: 15.625vw;
    font-size: 3.64583vw;
  }
}

.form .kiyaku a.btn_one:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 11px 0 11px 13px;
  border-color: transparent transparent transparent #000;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .form .kiyaku a.btn_one:before {
    border-width: 2.08333vw 0 2.08333vw 2.34375vw;
    right: 5.20833vw;
  }
}

.form .kiyaku ._check a.btn_one._a {
  background: #9b000a;
  border-color: transparent transparent transparent #000;
  pointer-events: visible;
  color: #fff;
}

.form .kiyaku ._check a.btn_one._a:before {
  border-color: transparent transparent transparent #fff;
}

.confilm > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px !important;
  border-bottom: 1px solid #dcdcdc;
}

@media screen and (max-width: 768px) {
  .confilm > li {
    display: block;
    margin-bottom: 3.90625vw;
    padding-bottom: 3.90625vw !important;
  }
}

.confilm .list:nth-of-type(1) {
  min-width: 330px;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .confilm .list:nth-of-type(1) {
    min-width: 0;
    margin-bottom: 2.60417vw !important;
  }
}

.confilm .list:nth-of-type(1) p {
  min-width: 200px;
}

@media screen and (max-width: 768px) {
  .confilm .list:nth-of-type(1) p {
    min-width: 0;
  }
}

.confilm .list:nth-of-type(2) p {
  font-size: 16px;
  text-align: left;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .confilm .list:nth-of-type(2) p {
    font-size: 3.38542vw;
  }
}

.confilm .list:nth-of-type(2) p + p {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .confilm .list:nth-of-type(2) p + p {
    margin-top: 3.125vw;
  }
}

@media screen and (max-width: 768px) {
  .confilm .list:nth-of-type(2) img {
    width: 65.10417vw;
  }
}

.doui {
  margin: 0;
}

.doui li .list:nth-of-type(1) {
  min-width: 450px;
}

@media screen and (max-width: 768px) {
  .doui li .list:nth-of-type(1) {
    min-width: 0;
  }
}

.receipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.receipt img {
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .receipt img {
    width: 16.92708vw;
  }
}

.receipt img:last-child {
  margin-right: 0;
}

.confilm_btn {
  margin: 35px auto 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 720px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .confilm_btn {
    margin-top: 13.02083vw;
    margin-bottom: 13.02083vw;
  }
}

.confilm_btn a {
  width: 320px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  font-weight: bold;
  position: relative;
  margin-right: 40px;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .confilm_btn a {
    margin-right: 3.90625vw;
    width: 100%;
    height: 15.625vw;
    line-height: 15.625vw;
    font-size: 3.64583vw;
  }
}

.confilm_btn a:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 11px 0 11px 13px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .confilm_btn a:before {
    border-width: 2.08333vw 0 2.08333vw 2.34375vw;
  }
}

.confilm_btn a:nth-of-type(1) {
  background: #ccc;
}

@media screen and (max-width: 768px) {
  .confilm_btn a:nth-of-type(1) {
    padding-left: 2.60417vw;
  }
}

.confilm_btn a:nth-of-type(1):before {
  left: 40px;
  border-color: transparent transparent transparent #000;
  -webkit-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}

@media screen and (max-width: 768px) {
  .confilm_btn a:nth-of-type(1):before {
    left: 3.90625vw;
  }
}

.confilm_btn a:nth-of-type(2) {
  background: #960a09;
  margin-right: 0;
  color: #fff;
}

.confilm_btn a:nth-of-type(2):before {
  right: 40px;
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 768px) {
  .confilm_btn a:nth-of-type(2):before {
    right: 3.90625vw;
  }
}

.complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  height: calc(100vh - 56px);
}

@media screen and (max-width: 768px) {
  .complete {
    height: calc(100vh - 13.02083vw);
  }
}

.complete h2 {
  font-size: 32px;
  font-weight: 800;
  padding: calc(80px + 4.762vw) 0 50px;
}

@media screen and (max-width: 768px) {
  .complete h2 {
    font-size: 6.51042vw;
    padding: 10.41667vw 0 10.41667vw;
  }
}

.complete p {
  font-size: 18px;
  font-weight: 400;
  line-height: 2;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .complete p {
    font-size: 3.38542vw;
    margin-bottom: 10.41667vw;
  }
}

.complete p a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

.complete .btn_one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #d9d9d9;
  width: 320px;
  height: 60px;
  padding: 0 3%;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  border-radius: 10px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .complete .btn_one {
    width: 100%;
    height: 15.625vw;
    font-size: 3.64583vw;
  }
}

@media screen and (max-width: 768px) {
  .complete .btnArea {
    width: 90%;
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .complete .top_btn {
    padding: 0 5.20833vw;
  }
}

.complete .top_btn .completion_btn {
  max-width: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 0px 0px #00407b;
  box-shadow: 0px 0px 0px 0px #00407b;
  width: 100%;
  height: 100px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  position: relative;
  background: #5c070c;
  -webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.2));
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .complete .top_btn .completion_btn {
    height: 15.625vw;
    font-size: 3.64583vw;
  }
}

.complete .top_btn .completion_btn:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 11px 0 11px 13px;
  position: absolute;
  top: 42%;
  background: #000;
  right: 40px;
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 768px) {
  .complete .top_btn .completion_btn:before {
    top: 5.85938vw;
    border-width: 2.08333vw 0 2.08333vw 2.34375vw;
  }
}

/*--------------------------
survey アンケート
  --------------------------*/
.form .form_list li.survey {
  margin-top: 80px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey {
    margin: 13.02083vw 0;
  }
}

.form .form_list li.survey .list:nth-of-type(1) {
  margin-bottom: 0;
}

.form .form_list li.survey .list:nth-of-type(1) p {
  margin: 0;
}

.form .form_list li.survey p {
  font-size: 16px;
  margin: 30px 0 12px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey p {
    font-size: 3.8vw;
    margin: 6.51042vw 0 3.125vw;
  }
}

.form .form_list li.survey p span {
  font-size: 0.85em;
}

.form .form_list li.survey .radio-ver {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  width: auto;
  border: none;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .radio-ver {
    gap: 1.95313vw;
  }
}

.form .form_list li.survey .radio-ver label {
  cursor: pointer;
}

.form .form_list li.survey .radio-ver input {
  width: 22px;
  height: 22px;
  accent-color: #000;
  vertical-align: bottom;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .radio-ver input {
    width: 5.72917vw;
    height: 5.72917vw;
    margin-right: 1.30208vw;
  }
}

.form .form_list li.survey .check-ver {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  width: auto;
  border: none;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .check-ver {
    gap: 2.60417vw;
  }
}

.form .form_list li.survey .check-ver label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 .5em;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .check-ver label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.form .form_list li.survey .check-ver label::before {
  width: 22px;
  height: 22px;
  border-radius: 0;
  border: 1px solid #000;
  content: '';
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .check-ver label::before {
    width: 5.72917vw;
    height: 5.72917vw;
  }
}

.form .form_list li.survey .check-ver label:has(:checked)::after {
  position: absolute;
  top: 3px;
  left: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 14px;
  border: solid #000000;
  border-width: 0 3px 3px 0;
  content: '';
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .check-ver label:has(:checked)::after {
    top: 0.39063vw;
    left: 1.69271vw;
    width: 2.34375vw;
    height: 4.16667vw;
  }
}

.form .form_list li.survey .check-ver input {
  display: none;
}

.form .form_list li.survey .text_input {
  width: 100%;
  margin: 10px 0 40px;
}

@media screen and (max-width: 768px) {
  .form .form_list li.survey .text_input {
    margin: 2.60417vw 0 7.8125vw;
  }
}

.form .form_list li.survey .text_input input[type="text"], .form .form_list li.survey .text_input textarea {
  width: 100%;
  border: 2px solid #000;
  font-size: 16px;
  padding: 10px 20px;
}

.confilm li {
  border-bottom: none;
}

.confilm li .list:nth-of-type(1) {
  min-width: 280px;
}

.confilm li .list:nth-of-type(1) p {
  margin-top: 0;
}

.confilm li.fx_position {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.confilm .survey-confirm {
  text-align: left;
}

.confilm .survey-confirm .check-confirm {
  font-size: 16px;
  margin: 10px 0 30px;
}

@media screen and (max-width: 768px) {
  .confilm .survey-confirm .check-confirm {
    font-size: 3.38542vw;
    margin: 1.95313vw 0 6.51042vw;
  }
}

.confilm .survey-confirm .check-confirm li {
  list-style: disc;
  margin-left: 1.5em;
}

.confilm .survey-confirm .confirm-ver {
  font-size: 16px;
  margin: 10px 0 30px;
}

@media screen and (max-width: 768px) {
  .confilm .survey-confirm .confirm-ver {
    font-size: 3.38542vw;
    margin: 1.95313vw 0 6.51042vw;
  }
}

.error-message {
  font-size: 1.6rem;
  color: #e4001e;
  text-align: left;
  margin-top: .5em;
}

@media screen and (max-width: 768px) {
  .error-message {
    font-size: 3.38542vw;
  }
}

.btn.gotop {
  max-width: 500px;
}

@media screen and (max-width: 768px) {
  .btn.gotop {
    max-width: 80.72917vw;
  }
}