@charset "UTF-8";

.privacyContent { font-size:14px;}
.column-01,
.inputArea-01,
.privacyForm,
.finish .column-01,
.error .column-01 { font-size:14px;}
.submit-01,
.finish .link-01,
.error .link-01 { font-size:15px;}
.column-01 .subTitle-01 { font-size:20px;}
.finish .info-01 p,
.error .info-01 p { font-size:30px;}
.privacyForm .input label:before { filter:alpha(opacity=70); -webkit-opacity:.7; -moz-opacity:.7; -ms-opacity:.7; -o-opacity:.7; opacity:.7;}
.submit-01 button[type=submit],
.finish .link-01 a,
.error .link-01 a { height:4.7143em; display:flex; justify-content:center; align-items:center;}
.submit-01 button[type=submit] strong,
.finish .link-01 a strong,
.error .link-01 a strong { color:#fff; padding-right:1.55em; position:relative; margin-right:-0.8em; line-height:1.6;}
.submit-01 button[type=submit] strong:before,
.finish .link-01 a strong:before,
.error .link-01 a strong:before { content:""; border-style:solid; border-color:#fff; border-width:.1429em .1429em 0 0; display:inline-block; width:.55em; height:.55em; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:.2em; top:.55em;}
.privacyForm .input:after,
.inputArea-01 .key.required:before { color:#fff; letter-spacing:.1em; background:#c30d23; content:"必須"; display:flex; align-items:center; justify-content:center; line-height:1.7; width:3.5em; height:1.7em; padding-bottom:.1em; border-radius:.15em;}
.mainVisual-02 { background-position:center bottom; background-image:url("../images/contact/mainVisual-01-pc.jpg");}
.column-01 { width:100%; padding-bottom:4.0179%;}
.column-01 p { line-height:1.8667;}
.column-01 p+p { margin-top:1em;}
.column-01 .subTitle-01 { font-weight:500; line-height:1.6;}
.column-01 .subTitle-01+p { margin-top:.9em;}
.formArea { overflow:hidden;}
.inputArea-01 { width:100%; float:left; display:flex;}
.inputArea-01 .key,
.inputArea-01 .value { border-color:#d4d4d4; border-style:solid; border-width:0.0833em 0 0.0833em; font-weight:500;}
.inputArea-01 .key { position:relative; line-height:1.3; width:27.6786%; padding-top:2.1em; padding-left:1.5em; display:flex; background:#e6e6e6;}
.confirm .inputArea-01 .key { line-height:1.7; width:13.5em; padding-top:1.8em; padding-bottom:1.8em;}
.inputArea-01 .key.required { padding-right:5.5em;}
body.lang-en .inputArea-01 .key.required { padding-right:7.7em;}
.inputArea-01 .key.required:before { position:absolute; right:1.5em; top:1.93em;}
body.lang-en .inputArea-01 .key.required:before { content:"Mandatory"; letter-spacing:0; width:6.5em; font-size:.9em; padding-bottom:0; top:2.25em;}
body.lang-zh .inputArea-01 .key.required:before { content:"必选";}
.inputArea-01 .value { padding-top:1.2em; padding-bottom:1.2em; width:72.3214%;}
.confirm .inputArea-01 .value { width:calc(100% - 13.5em); line-height:1.7; padding-top:1.8em; padding-bottom:1.8em; padding-left:1.5em;}
.inputArea-01+.inputArea-01 .key,
.inputArea-01+.inputArea-01 .value { border-color:#d4d4d4; border-style:solid; border-width:0 0 1px;}
body.lang-en .confirm .inputArea-01 .key { width:16em;}
body.lang-en .confirm .inputArea-01 .value { width:calc(100% - 16em);}
.privacyContent { width:100%; float:left; padding-top:4.0179%; padding-bottom:6.6964%;}
body.lang-en .privacyContent { line-height:2em;}
.privacyContent a { color:#0d6fb8; padding-bottom:3px;}
body.pc .privacyContent a:hover { background:-webkit-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em;}
body.sp .privacyContent a.hover { background:-webkit-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background:linear-gradient(90deg, #0d6fb8 50%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em;}
.privacyForm { float:left; padding-top:1.7em; padding-bottom:1.8em; width:100%; background:#e6e6e6; flex-wrap:wrap; display:flex; justify-content:center; align-items:center; position:relative;}
body.lang-en .privacyForm { padding-top:1.8em;}
.privacyForm input[type=checkbox] { display:none;}
.privacyForm input[type=checkbox]:checked+label:before { background-image:url(../images/common/checkbox-checked.png);}
.privacyForm .input { display:flex; align-items:center;}
.privacyForm .input label { display:flex;}
.privacyForm .input label:before { top:.27em; margin-right:.3em; position:relative; width:1.2em; height:1.2em; content:""; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; background-image:url(../images/common/checkbox-release.png);}
body.lang-en .privacyForm .input label:before { margin-right:.8em; top:.23em;}
body.lang-zh .privacyForm .input label:before { margin-right:.5em; top:.26em;}
.privacyForm .input:after { margin-left:2em;}
body.lang-en .privacyForm .input:after { content:"Mandatory"; letter-spacing:0; width:6.5em; font-size:.9em; padding-bottom:0; position:relative; top:.03em;}
body.lang-zh .privacyForm .input:after { content:"必选";}
.privacyForm.error { padding-bottom:2.8em;}
.submit-01 { width:100%; display:flex; justify-content:center; padding-top:4.9107%;}
.submit-01 button[type=submit] { width:23.5714em; background:#c30d23; -webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s;}
.submit-01 button[type=submit] strong { padding-bottom:.25em;}
body.lang-en .submit-01 button[type=submit] strong { position:relative; top:-0.1em; padding-bottom:0;}
body.lang-zh .submit-01 button[type=submit] strong:before { top:.6em;}
.submit-01 button[type=submit].btn-01 { background:#333;}
body.pc .submit-01 button[type=submit]:hover { background:#db0f27;}
body.pc .submit-01 button[type=submit].btn-01:hover { background:#404040;}
.submit-01 .btnArea { max-width:17.8571em; width:calc(50% - 0.5em / 2);}
.submit-01 .btnArea button[type=submit] { width:100%;}
.submit-01 .btnArea+.btnArea { margin-left:.5em;}
.finish .info-01,
.error .info-01 { width:100%;}
.finish .info-01 p,
.error .info-01 p { font-family:"Poppins"; font-weight:500; display:flex; line-height:1.4; font-weight:600;}
.finish .info-01 p *,
.error .info-01 p * { font-family:"Poppins"; font-weight:500; line-height:1.4; font-weight:600;}
.finish .info-01 p strong,
.error .info-01 p strong { width:1.9em; margin-right:.2em; display:flex; justify-content:space-between;}
.finish .info-01 p strong span,
.error .info-01 p strong span { font-size:1.1em; line-height:1.15;}
.finish .info-01 p em,
.error .info-01 p em { line-height:1; font-size:1.1em; vertical-align:-0.01em; font-style:normal;}
.finish .info-01 p em:before,
.error .info-01 p em:before { content:":"; vertical-align:.07em; margin-right:.25em; margin-left:.25em;}
.finish .info-01 p+p,
.error .info-01 p+p { margin-top:.2em;}
.finish .link-01,
.error .link-01 { width:100%; display:flex; justify-content:center; padding-top:5.3571%;}
.finish .link-01 a,
.error .link-01 a { width:23.5714em; background:#c30d23; -webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s;}
.finish .link-01 a strong,
.error .link-01 a strong { padding-bottom:.25em;}
body.pc .finish .link-01 a:hover,
body.pc .error .link-01 a:hover { background:#db0f27;}
body.sp .finish .link-01 a.hover,
body.sp .error .link-01 a.hover { background:#db0f27;}
.inputError-01,
.inputError-02,
.inputError-03 { background:#c30d23; color:#fff; display:block; padding-top:.28em; padding-bottom:.4em; letter-spacing:.05em; line-height:1.3;}
body.lang-en .inputError-01,
body.lang-en .inputError-02,
body.lang-en .inputError-03 { padding-top:.4em; padding-bottom:.45em; letter-spacing:.03em;}
.inputError-01 { width:100%; text-align:center; margin-top:1em;}
.inputError-02 { padding-right:.3em; padding-left:.7em; margin-top:.5em; margin-left:1.5em; width:calc(100% - (1.5em * 2));}
.inputError-02+.inputError-02 { margin-top:.3em;}
.inputError-03 { width:100%; text-align:center; position:absolute; left:0; bottom:0;}

@media (max-width:828px) {
.submit-01 button[type=submit],
.finish .link-01 a,
.error .link-01 a { height:3.33em;}
.inputError-02 { width:87%; margin-left:calc(13% / 2);}
.mainVisual-02 { background-image:url("../images/contact/mainVisual-01-sp.jpg");}
.contentHeader-01 { padding-bottom:4.973%;}
.column-01 { font-size:12px; padding-bottom:9.2356%;}
.column-01 .subTitle-01 { font-size:14px;}
.inputArea-01 { display:block;}
.inputArea-01 .key,
.inputArea-01 .value { border-width:0;}
.inputArea-01 .key { border-width:0.0769em; width:100%; padding-top:.75em; padding-bottom:.85em; padding-left:1em;}
body.lang-en .inputArea-01 .key { padding-top:.85em;}
.confirm .inputArea-01 .key { width:100%; padding-top:.8em; padding-right:.5em; padding-bottom:.8em; line-height:1.3;}
.inputArea-01 .key.required { padding-right:4.7em;}
body.lang-en .inputArea-01 .key.required { padding-right:7em;}
body.lang-en .inputArea-01 .key.required:before { right:.9em; top:.8em;}
.inputArea-01 .key.required:before { right:1.4em; top:.98em;}
.inputArea-01 .value { width:100%; border-width:0 0.0769em; padding-top:7.1043%; padding-bottom:7.1043%;}
.inputArea-01.last .value { padding-bottom:0;}
.confirm .inputArea-01 .value { width:100%; padding-top:4.6888%; padding-bottom:4.6888%;}
.inputArea-01+.inputArea-01 .key,
.inputArea-01+.inputArea-01 .value { border-width:0;}
.inputArea-01+.inputArea-01 .key { border-width:0.0769em;}
.inputArea-01+.inputArea-01 .value { border-width:0 0.0769em;}
body.lang-en .confirm .inputArea-01 .key { width:100%;}
body.lang-en .confirm .inputArea-01 .value { width:100%;}
.privacyContent { border-width:0 0.0769em; border-color:#d4d4d4; border-style:solid; padding-right:calc(13% / 2); padding-left:calc(13% / 2);}
body.lang-en .privacyContent { line-height:1.8;}
.privacyForm { border-width:0.0769em; border-color:#d4d4d4; border-style:solid; float:none; justify-content:flex-end; padding-top:1.36em; padding-bottom:1.44em;}
body.lang-en .privacyForm { justify-content:center;}
.privacyForm .input { width:calc(100% - 13% / 2); justify-content:space-between; position:relative; padding-right:4.2em;}
body.lang-en .privacyForm .input { width:calc(100% - 13%); display:block; padding-right:0;}
.privacyForm .input label { line-height:1.5;}
.privacyForm .input label:before { top:.17em; margin-right:0;}
body.lang-en .privacyForm .input label:before { top:.16em;}
body.lang-zh .privacyForm .input label:before { top:.2em;}
.privacyForm .input:after { margin-left:1em; top:.1em; right:1.4em; position:absolute; margin-left:0;}
body.lang-en .privacyForm .input:after { margin-top:.8em; margin-right:auto; margin-left:auto; top:auto; right:auto;}
.submit-01 { padding-top:7.1043%;}
body.lang-en .submit-01 { flex-direction:column; justify-content:flex-start;}
.submit-01 button[type=submit] { width:100%;}
body.lang-en .submit-01 button[type=submit] strong { top:-0.03em;}
body.lang-zh .submit-01 button[type=submit] strong { padding-bottom:.2em;}
body.lang-zh .submit-01 button[type=submit] strong:before { top:.57em;}
body.lang-en .submit-01 .btnArea { max-width:none; width:100%;}
.submit-01 .btnArea button[type=submit] strong { padding-right:1.3em; margin-left:-0.4em;}
body.lang-en .submit-01 .btnArea+.btnArea { margin-top:.4em; margin-left:0;}
.confirm .inputArea-01.last .value { border-width:0 0.0769em 0.0769em;}
.finish .column-01,
.error .column-01 { padding-bottom:5.6834%;}
.finish .info-01,
.error .info-01 { flex-direction:column; align-items:center; display:flex; justify-content:flex-start;}
.finish .link-01,
.error .link-01 { padding-top:8.5251%;}
.inputError-02 { margin-top:.3em; padding-left:.5em; font-size:.9em;}
body.lang-en .inputError-02 { padding-left:.7em;}
.inputError-02+.inputError-02 { margin-top:.21em;}
}

@media (max-width:550px) {
.inputArea-01 .key.required:before { top:.93em;}
}

@media (max-width:500px) {
.finish .link-01,
.error .link-01 { padding-top:6.6667%;}
}

@media (max-width:450px) {
body.lang-en .column-01 p { line-height:1.7;}
.inputArea-01 .key.required:before { top:.9em;}
.privacyContent { line-height:1.6;}
body.lang-en .privacyContent { line-height:1.7;}
}

@media (max-width:400px) {
.submit-01 button[type=submit] strong,
.finish .link-01 a strong,
.error .link-01 a strong { margin-right:-0.5em;}
.column-01 .subTitle-01 { line-height:1.5;}
}

@media (max-width:350px) {
.inputArea-01 .key.required:before,
.privacyForm .input:after { font-size:11px;}
.inputError-01 { font-size:12px;}
.inputArea-01,
.privacyForm { font-size:13px;}
.column-01 .subTitle-01 { font-size:16px;}
body.lang-en .privacyContent { font-size:11px;}
.column-01,
.privacyContent,
.submit-01,
.finish .column-01,
.error .column-01,
.finish .link-01,
.error .link-01 { font-size:13px;}
.finish .info-01 p,
.error .info-01 p { font-size:17px;}
}

@media (min-width:829px) and (max-width:1244px) {
.privacyContent { font-size:calc(11px + ((1vw - 8.28px) * 0.7212));}
.column-01,
.inputArea-01,
.privacyForm,
.finish .column-01,
.error .column-01 { font-size:calc(12px + ((1vw - 8.28px) * 0.4808));}
.submit-01,
.finish .link-01,
.error .link-01 { font-size:calc(13px + ((1vw - 8.28px) * 0.4808));}
.column-01 .subTitle-01 { font-size:calc(14px + ((1vw - 8.28px) * 1.4423));}
.finish .info-01 p,
.error .info-01 p { font-size:calc(20px + ((1vw - 8.28px) * 2.4038));}
}

@media (min-width:351px) and (max-width:828px) {
.inputArea-01 .key.required:before,
.privacyForm .input:after { font-size:calc(11px + ((1vw - 3.5px) * 2.3013));}
.inputError-01 { font-size:calc(12px + ((1vw - 3.5px) * 2.7197));}
.inputArea-01,
.privacyForm { font-size:calc(13px + ((1vw - 3.5px) * 3.1381));}
.column-01 .subTitle-01 { font-size:calc(16px + ((1vw - 3.5px) * 3.7657));}
body.lang-en .privacyContent { font-size:calc(11px + ((1vw - 3.5px) * 3.1381));}
.column-01,
.privacyContent,
.submit-01,
.finish .column-01,
.error .column-01,
.finish .link-01,
.error .link-01 { font-size:calc(13px + ((1vw - 3.5px) * 3.5565));}
.finish .info-01 p,
.error .info-01 p { font-size:calc(17px + ((1vw - 3.5px) * 4.8117));}
}