@charset "UTF-8";

.u-ft-xxs { font-size: 1rem !important; }

.u-ft-xs { font-size: 1rem !important; }

.u-ft-s { font-size: 1.2rem !important; }

.u-ft-m { font-size: 1.4rem !important; }

.u-ft-l { font-size: 1.6rem !important; }

.u-ft-xl { font-size: 1.8rem !important; }

.u-ft-xxl { font-size: 2.0rem !important; }

.clearfix:after { display: block; content: ''; clear: both; }

.u-ta-l { text-align: left !important; }

.u-ta-c { text-align: center !important; }

.u-ta-r { text-align: right !important; }

.u-ta-l-c { text-align: left !important; }

.u-ta-l-r { text-align: left !important; }

.u-ta-c-l { text-align: center !important; }

.u-ta-c-r { text-align: center !important; }

.u-ta-r-l { text-align: right !important; }

.u-ta-r-c { text-align: right !important; }

.u-disp-n { display: none !important; }

.u-disp-b { display: block !important; }

.u-disp-i-n { display: inline !important; }

.u-disp-ib-n { display: inline-block !important; }

.u-disp-b-n { display: block !important; }

.u-disp-n-i { display: none !important; }

.u-disp-n-ib { display: none !important; }

.u-disp-n-b { display: none !important; }

.u-br-sp { display: inline !important; }

.u-br-pc { display: none !important; }

.u-mg0 { margin: 0 !important; }

.u-mgt0 { margin-top: 0 !important; }

.u-mgb0 { margin-bottom: 0 !important; }

.u-mg-auto { margin-left: auto !important; margin-right: auto !important; }

.u-mgt-xxs { margin-top: 5px !important; }

.u-mgt-xs { margin-top: 10px !important; }

.u-mgt-s { margin-top: 15px !important; }

.u-mgt-m { margin-top: 20px !important; }

.u-mgt-l { margin-top: 25px !important; }

.u-mgt-xl { margin-top: 30px !important; }

.u-mgt-xxl { margin-top: 40px !important; }

.u-mgb-xxs { margin-bottom: 5px !important; }

.u-mgb-xs { margin-bottom: 10px !important; }

.u-mgb-s { margin-bottom: 15px !important; }

.u-mgb-m { margin-bottom: 20px !important; }

.u-mgb-l { margin-bottom: 25px !important; }

.u-mgb-xl { margin-bottom: 30px !important; }

.u-mgb-xxl { margin-bottom: 40px !important; }

.u-pd0 { padding: 0 !important; }

.u-pdt0 { padding-top: 0 !important; }

.u-pdb0 { padding-bottom: 0 !important; }

.u-pdt-xxs { padding-top: 5px !important; }

.u-pdt-xs { padding-top: 10px !important; }

.u-pdt-s { padding-top: 15px !important; }

.u-pdt-m { padding-top: 20px !important; }

.u-pdt-l { padding-top: 25px !important; }

.u-pdt-xl { padding-top: 30px !important; }

.u-pdt-xxl { padding-top: 40px !important; }

.u-pdb-xxs { padding-bottom: 5px !important; }

.u-pdb-xs { padding-bottom: 10px !important; }

.u-pdb-s { padding-bottom: 15px !important; }

.u-pdb-m { padding-bottom: 20px !important; }

.u-pdb-l { padding-bottom: 25px !important; }

.u-pdb-xl { padding-bottom: 30px !important; }

.u-pdb-xxl { padding-bottom: 40px !important; }

.sp-view { display: block; }

.pc-view { display: none; }

.wrap-main-content { padding-bottom: 64px; min-height: calc(100vh - 13.3vw - 12vw - 64px); }

.wrap-main-content * { box-sizing: border-box; }

.wrap-heading { padding: 24px 20px 56px; background: #DF0515; }

.wrap-heading img { margin: 0 auto; }

.img-card { width: calc(min(66.67vw, 360px)); margin: -48px auto 0; }

.hdg-lv1-unsappy .head { font-size: calc(min(9.5vw, 72px)); line-height: 1.4375; color: #FFFFFF; text-align: center; display: block; position: relative; }

.hdg-lv1-unsappy .sub { margin-top: 8px; display: block; font-size: var(--fs-40); line-height: 1.45; font-weight: 700; color: #FFFFFF; text-align: center; }

.wrap-container { margin: 0 20px; }

.wrap-btn { margin-top: 32px; }

.list-btn > li + li { margin-top: 20px; }

.list-btn .btn { background-color: #335EA8; color: #FFFFFF; font-weight: 700; border-style: none; }

.list-btn .btn:after { left: -8%; }

.list-btn .btn:disabled, .list-btn .btn.disabled { background-color: #ADABAB; color: #FFF; pointer-events: none; }

.list-btn .btn:disabled:hover:after, .list-btn .btn.disabled:hover:after { display: none; }

.wrap-input .lbl-input { font-size: var(--fs-28); line-height: 1.5; color: #000000; font-weight: 700; width: 100%; display: block; margin-bottom: 8px; }

.wrap-input .txt-input { width: 100%; border-radius: 8px; background-color: #FFFFFF; border: 1px solid #CBD6E8; padding: 14px 10px 12px 10px; font-weight: 400; font-size: var(--fs-34); color: #000; border-radius: 8px; }

.wrap-input .txt-input::-webkit-input-placeholder { color: #666666; }

.wrap-input .txt-input:-ms-input-placeholder { color: #666666; }

.wrap-input .txt-input::-ms-input-placeholder { color: #666666; }

.wrap-input .txt-input::placeholder { color: #666666; }

.wrap-input .txt-input:focus { outline: 3px solid #82B8D5; }

.wrap-input .txt-input:-moz-read-only { background-color: #E0E0E0; color: #666666; }

.wrap-input .txt-input:read-only { background-color: #E0E0E0; color: #666666; }

.wrap-input .txt-input:disabled, .wrap-input .txt-input.disabled { background-color: #E0E0E0; pointer-events: none; color: #666666; }

.wrap-input .txt-input:disabled::-webkit-input-placeholder, .wrap-input .txt-input.disabled::-webkit-input-placeholder { color: inherit; }

.wrap-input .txt-input:disabled:-ms-input-placeholder, .wrap-input .txt-input.disabled:-ms-input-placeholder { color: inherit; }

.wrap-input .txt-input:disabled::-ms-input-placeholder, .wrap-input .txt-input.disabled::-ms-input-placeholder { color: inherit; }

.wrap-input .txt-input:disabled::placeholder, .wrap-input .txt-input.disabled::placeholder { color: inherit; }

.wrap-input .txt-input.has-error { outline: 3px solid #cf072b; }

.wrap-input .txt-input.has-error:focus { outline: 3px solid #82B8D5; }

.list-input { margin-top: 16px; }

.list-input:has(.lbl-input) { margin-top: 24px; }

.list-input > li + li { margin-top: 24px; }

.list-input.input-date { display: flex; align-items: center; margin-left: -20px; }

.list-input.input-date > li { padding-left: 20px; }

.list-input.input-date > li:nth-child(1) .txt-input { min-width: 74px; max-width: 108px; }

.list-input.input-date > li + li { margin-top: 0; }

.list-input.input-date .wrap-input { display: flex; align-items: center; }

.list-input.input-date .wrap-input .txt-input { min-width: 40px; max-width: 60px; }

.list-input.input-date span { margin-left: 8px; font-size: var(--fs-32); font-weight: 400; color: #666; }

.list-input.input-date span.ttl { white-space: nowrap; margin-left: 0; margin-right: 8px; }

.txt-form-error { display: none; font-size: var(--fs-28); margin-top: 16px; color: #cf072b; line-height: 1.5; }

.txt-form-error .mark { width: 1em; }

.txt-form-error .detail { width: calc(100% - 1em); }

.txt-form-error.has-error { display: flex; }

.hdg-lv3 { position: relative; margin-top: 24px; padding-top: 24px; }

.hdg-lv3 span { font-size: var(--fs-32); text-align: left; line-height: 1.75; color: #000000; font-weight: 700; display: block; position: relative; }

.hdg-lv3 [data-ico] { padding-left: 1.25em; position: relative; }

.hdg-lv3 [data-ico]:before { content: attr(data-ico); display: block; position: absolute; top: 0; left: 0; }

.hdg-lv3:after { content: ""; display: block; top: 0; left: -20px; right: -20px; width: calc(100% + 40px); height: 1px; background-color: #CBD6E8; position: absolute; }

.hdg-lv3.no-border { margin-top: 23px; padding-top: 0; }

.hdg-lv3.no-border:after { display: none; }

.sup { font-size: 56%; line-height: 0; position: relative; vertical-align: baseline; top: -0.6em; }

.txt-st { margin-top: 14px; font-size: var(--fs-28); line-height: 1.5; color: #666666; font-weight: 400; }

@media print, all and (min-width: 768px) { .u-ta-l-c { text-align: center !important; }
  .u-ta-l-r { text-align: right !important; }
  .u-ta-c-l { text-align: left !important; }
  .u-ta-c-r { text-align: right !important; }
  .u-ta-r-l { text-align: left !important; }
  .u-ta-r-c { text-align: center !important; }
  .u-disp-i-n { display: none !important; }
  .u-disp-ib-n { display: none !important; }
  .u-disp-b-n { display: none !important; }
  .u-disp-n-i { display: inline !important; }
  .u-disp-n-ib { display: inline-block !important; }
  .u-disp-n-b { display: block !important; }
  .u-br-sp { display: none !important; }
  .u-br-pc { display: inline !important; }
  a img.u-btn { opacity: 1.0; transition: opacity 0.3s; }
  a:hover img.u-btn { opacity: 0.8; }
  img.u-btn { opacity: 0.3; }
  .u-mg0 { margin: 0 !important; }
  .u-mg-auto { margin-left: auto !important; margin-right: auto !important; }
  .u-mgt-xxs { margin-top: 10px !important; }
  .u-mgt-xs { margin-top: 20px !important; }
  .u-mgt-s { margin-top: 30px !important; }
  .u-mgt-m { margin-top: 40px !important; }
  .u-mgt-l { margin-top: 50px !important; }
  .u-mgt-xl { margin-top: 60px !important; }
  .u-mgt-xxl { margin-top: 80px !important; }
  .u-mgb-xxs { margin-bottom: 10px !important; }
  .u-mgb-xs { margin-bottom: 20px !important; }
  .u-mgb-s { margin-bottom: 30px !important; }
  .u-mgb-m { margin-bottom: 40px !important; }
  .u-mgb-l { margin-bottom: 50px !important; }
  .u-mgb-xl { margin-bottom: 60px !important; }
  .u-mgb-xxl { margin-bottom: 80px !important; }
  .u-pd0 { padding: 0 !important; }
  .u-pdt-xxs { padding-top: 10px !important; }
  .u-pdt-xs { padding-top: 20px !important; }
  .u-pdt-s { padding-top: 30px !important; }
  .u-pdt-m { padding-top: 40px !important; }
  .u-pdt-l { padding-top: 50px !important; }
  .u-pdt-xl { padding-top: 60px !important; }
  .u-pdt-xxl { padding-top: 80px !important; }
  .u-pdb-xxs { padding-bottom: 10px !important; }
  .u-pdb-xs { padding-bottom: 20px !important; }
  .u-pdb-s { padding-bottom: 30px !important; }
  .u-pdb-m { padding-bottom: 40px !important; }
  .u-pdb-l { padding-bottom: 50px !important; }
  .u-pdb-xl { padding-bottom: 60px !important; }
  .u-pdb-xxl { padding-bottom: 80px !important; } .sp-view { display: none; } .pc-view { display: block; } .wrap-form { margin-top: 20px; } .wrap-main-content { padding-bottom: 120px; min-height: calc(100vh - 80px - 70px - 120px); } .wrap-heading { min-height: 200px; padding: 52px 60px 80px; } .img-card { margin-top: -80px; } .hdg-lv1-unsappy { display: flex; align-items: center; justify-content: center; }
  .hdg-lv1-unsappy .head { font-size: 3.2rem; }
  .hdg-lv1-unsappy .sub { font-size: 2.2rem; } .wrap-container { max-width: 920px; margin: 0 auto; } .wrap-btn { width: 624px; margin: 44px auto 0; } .list-btn { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -32px; }
  .list-btn > li { width: 50%; padding-left: 32px; }
  .list-btn > li + li { margin-top: 0; }
  .list-btn > li:nth-child(n + 3) { margin-top: 24px; }
  .list-btn > li:only-child { width: 406px; }
  .list-btn .btn:hover { color: #fff; }
  .list-btn .btn:hover:after { width: 115%; } .wrap-input .lbl-input { margin-bottom: 16px; font-size: 1.25rem; }
  .wrap-input .txt-input { font-size: 1.25rem; padding: 23px 22px; }
  .wrap-input .txt-input:focus { outline: 4px solid #82B8D5; }
  .wrap-input .txt-input.has-error { outline: 4px solid #cf072b; }
  .wrap-input .txt-input.has-error:focus { outline: 4px solid #82B8D5; } .list-input.input-date { margin-left: -56px; }
  .list-input.input-date > li { padding-left: 56px; }
  .list-input.input-date > li:nth-child(1) .txt-input { min-width: 168px; }
  .list-input.input-date span { font-size: 1.25rem; }
  .list-input.input-date span.ttl { margin-right: 16px; }
  .list-input.input-date .wrap-input .txt-input { min-width: 84px; } .txt-form-error { font-size: 1.25rem; margin-top: 16px; text-align: center; }
  .txt-form-error.has-error { display: block; } .hdg-lv3 { margin-top: 28px; padding-top: 28px; }
  .hdg-lv3 span { font-size: 1.2rem; }
  .hdg-lv3.no-border { margin-top: 28px; }
  .hdg-lv3:after { left: 0; right: 0; width: 100%; } .txt-st { margin-top: 16px; font-size: 1rem; } }

@media only screen and (max-width: 374px) { .list-input.input-date { flex-wrap: wrap; justify-content: flex-start; }
  .list-input.input-date > li + li { margin-top: 8px; }
  .list-input.input-date > li:nth-child(1) { width: 100%; }
  .list-input.input-date > li:nth-child(1) .txt-input { min-width: auto; max-width: 164px; }
  .list-input.input-date > li:nth-child(2) { padding-left: 60px; } }