@charset "UTF-8";

.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { font-size:15px;}
.hotline-01 .form-items-01 { font-size:16px;}
.hotline-01 .form-items-01 .error-02,
.hotline-01 .form-items-01 .notes-01,
.hotline-01 .form-items-01 .input-area-01,
.hotline-01 .form-items-01 .input-area-02,
.hotline-01 .form-items-01 .submit-01 { animation-duration:300ms; transform:translate3d(0, 0.5rem, 0);}
.hotline-01 .form-items-01 .error-02,
.hotline-01 .form-items-01 .notes-01,
.hotline-01 .form-items-01 .input-area-01,
.hotline-01 .form-items-01 .input-area-02,
.hotline-01 .form-items-01 .submit-01 { animation-iteration-count:1; animation-timing-function:ease-out; animation-fill-mode:forwards; opacity:0;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-text-fill-color:#2e2a29; box-shadow:0 0 0 1000px #f5f6f8 inset; background-color:#f5f6f8 !important;}
input:focus { background:#f5f6f8;}
input[type=text] { color:#2e2a29; padding-right:.5em; padding-left:1em; height:3.25em;}
.checkbox-field-01 { position:relative; display:block; padding-left:1.65em;}
.checkbox-field-01 input[type=checkbox] { width:0; height:0; visibility:hidden; position:absolute; left:0; top:0;}
.checkbox-field-01 input[type=checkbox]:checked+.checkbox-field-item-01::after { opacity:1; width:1.15em;}
.checkbox-field-item-01 { height:1.1em; width:1.1em; position:absolute; transform:translate(-50%, -50%); top:.75em; left:.5em;}
.checkbox-field-item-01::before,
.checkbox-field-item-01::after { content:""; display:block; position:absolute;}
.checkbox-field-item-01::before { height:100%; border-color:#666; border-style:solid; border-width:1.4px; width:100%; left:0; top:0;}
.checkbox-field-item-01::after { height:1.15em; transition:opacity 300ms,width 300ms; background-position:center left; background-size:1.15em; background-repeat:no-repeat; background-image:url("../images/common/checkbox.svg"); top:.53em; left:-0.02em; transform:translateY(-50%); opacity:0; width:0;}
.hotline-01 { width:100%; padding-top:110px;}
.hotline-01 .title-area-01 { padding-bottom:70px;}
.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { width:100%; background-color:#f5f6f8; letter-spacing:.05em; padding-top:70px; padding-bottom:70px;}
.hotline-01 .items-area-01 { text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; line-height:2;}
.hotline-01 .items-area-01 * { line-height:2;}
.hotline-01 .items-area-01>p { width:calc(100% - 2em);}
.hotline-01 .items-area-01>p+p { margin-top:35px;}
.hotline-01 .items-area-02 { line-height:1.8;}
.hotline-01 .items-area-02 * { line-height:1.8;}
.hotline-01 .items-area-02>article { max-width:930px; width:90%; margin-left:auto; margin-right:auto;}
.hotline-01 .items-area-02 .item-01 { font-weight:500; font-size:1.18em; display:block; width:100%;}
.hotline-01 .items-area-02 .item-02 { width:100%; margin-top:.6em;}
.hotline-01 .items-area-02 .item-02 li { width:100%; position:relative; padding-left:1.38em;}
.hotline-01 .items-area-02 .item-02 li::before { content:""; display:block; background-color:#2e2a29; width:.75em; height:.75em; position:absolute; top:.62em; left:.17em;}
.hotline-01 .items-area-02 .item-02 li+li { margin-top:.4em;}
.hotline-01 .form-items-01 { max-width:720px; width:90%; margin-left:auto; margin-right:auto; padding-top:90px; padding-bottom:95px;}
.hotline-01 .form-items-01.finish-01,
.hotline-01 .form-items-01.error-01 { text-align:center;}
.hotline-01 .form-items-01.finish-01 .size-up-01,
.hotline-01 .form-items-01.error-01 .size-up-01 { margin-bottom:.2em; display:block; font-size:1.2em; font-weight:500;}
.hotline-01 .form-items-01 .error-02 { animation-delay:1000ms; text-align:center; margin-top:.6em; padding-top:.15em; padding-right:.2em; padding-bottom:.25em; padding-left:.5em; line-height:1.5; color:#fff; background-color:#bd001c; font-size:.9em;}
.hotline-01 .form-items-01.a .error-02 { animation-name:fade_in_up;}
.hotline-01 .form-items-01 .notes-01 { width:100%; position:relative; padding-left:.9em; margin-bottom:4.1667%; line-height:2;}
.hotline-01 .form-items-01 .notes-01 * { line-height:2;}
.hotline-01 .form-items-01.a .notes-01 { animation-name:fade_in_up;}
.hotline-01 .form-items-01 .notes-01 .required { font-size:1.3em; position:absolute; top:-0.08em; left:0; color:#ae0015;}
.hotline-01 .form-items-01 .notes-01.confirm-01 { padding-left:0; margin-bottom:0;}
.hotline-01 .form-items-01 .input-area-01 { width:100%; display:flex; justify-content:space-between;}
.hotline-01 .form-items-01.a .input-area-01 { animation-name:fade_in_up;}
.hotline-01 .form-items-01 .input-area-01+.input-area-01 { margin-top:3.4722%;}
.hotline-01 .form-items-01 .input-area-01[data-delay="1"] { animation-delay:200ms;}
.hotline-01 .form-items-01 .input-area-01[data-delay="2"] { animation-delay:400ms;}
.hotline-01 .form-items-01 .input-area-01[data-delay="3"] { animation-delay:600ms;}
.hotline-01 .form-items-01 .input-area-01[data-delay="4"] { animation-delay:800ms;}
.hotline-01 .form-items-01 .input-area-01[data-delay="5"] { animation-delay:1000ms;}
.hotline-01 .form-items-01 .input-area-02 { animation-delay:1000ms; width:100%; display:flex; justify-content:center; margin-top:3.4722%; line-height:1.4;}
.hotline-01 .form-items-01 .input-area-02 * { line-height:1.4;}
.hotline-01 .form-items-01.a .input-area-02 { animation-name:fade_in_up;}
.hotline-01 .form-items-01 .input-area-02 .item-01 { display:block;}
.hotline-01 .form-items-01 .input-area-02 .item-01 a { background:linear-gradient(90deg, #1e2d6e 2px, transparent 2px, transparent 3px) repeat-x; background-size:4px 1.6px; background-position:0 1.5em; transition:opacity 400ms; font-weight:500; padding-bottom:.3em; color:#1e2d6e;}
.hotline-01 .form-items-01 .input-area-02 .item-01 a:active { opacity:.6;}
.hotline-01 .form-items-01 .key-01 { width:9em; line-height:1.5; display:flex; align-items:flex-start; padding-top:.8em;}
.hotline-01 .form-items-01 .key-01 * { line-height:1.5;}
.hotline-01 .form-items-01 .key-01 strong { position:relative;}
.hotline-01 .form-items-01 .key-01.required strong { padding-right:.85em;}
.hotline-01 .form-items-01 .key-01.required strong::before { font-size:1.3em; position:absolute; top:-0.13em; right:0; content:"*"; color:#ae0015;}
.hotline-01 .form-items-01 .key-01.confirm-01 { padding-top:.1em;}
.hotline-01 .form-items-01 .value-01 { width:calc(100% - 9.3em); display:flow-root;}
.hotline-01 .form-items-01 .value-01 input[type=text],
.hotline-01 .form-items-01 .value-01 textarea { width:100%;}
.hotline-01 .form-items-01 .value-01 textarea { height:13.75em; float:left; line-height:1.5;}
.hotline-01 .form-items-01 .value-01 .confirm-01 { line-height:1.5; width:100%; background-color:#f5f6f8; padding-top:.83em; padding-right:.5em; padding-bottom:.93em; padding-left:1em;}
.hotline-01 .form-items-01 .value-01 .error-01 { margin-top:.3em; padding-top:.15em; padding-right:.2em; padding-bottom:.25em; padding-left:.5em; line-height:1.5; color:#fff; background-color:#bd001c; font-size:.9em;}
.hotline-01 .form-items-01 .value-01 .error-01 * { color:#fff;}
.hotline-01 .form-items-01 .value-01 .error-01+.error-01 { margin-top:.15em;}
.hotline-01 .form-items-01 .submit-01 { animation-delay:1200ms; width:100%; display:flex; justify-content:center; margin-top:5.5556%;}
.hotline-01 .form-items-01.a .submit-01 { animation-name:fade_in_up;}
.hotline-01 .form-items-01 .submit-01 button { display:block; transition:background-color 400ms;}
.hotline-01 .form-items-01 .submit-01 button[type=submit] { line-height:1.5; width:16.25em; height:3.5em; color:#fff; background-color:#1e2d6e;}
.hotline-01 .form-items-01 .submit-01 button[type=submit]:active { background-color:rgb(63.75,76.5,131.75);}
.hotline-01 .form-items-01 .submit-01 button.back { background-color:rgb(169.2,169.2,169.2); margin-left:.8em;}
.hotline-01 .form-items-01 .submit-01 button.back:active { background-color:hsl(0,0%,73.0824%);}
.hotline-01 .form-items-01 .submit-01 .link-button-01 { width:16.25em; display:flow-root;}
.hotline-01 .form-items-01 .submit-01 .link-button-01 a { float:left; display:flex; justify-content:center; align-items:center; line-height:1.5; width:100%; height:3.5em; background-color:#1e2d6e; transition:background-color 400ms;}
.hotline-01 .form-items-01 .submit-01 .link-button-01 a strong { color:#fff; display:block; line-height:1.5; position:relative; top:-0.05em;}
.hotline-01 .form-items-01 .submit-01 .link-button-01 a:active { background-color:rgb(63.75,76.5,131.75);}
.hotline-01 .form-items-01 .submit-01.confirm-01 { margin-top:7.6389%;}
.hotline-01 .form-items-01 .submit-01.finish-01,
.hotline-01 .form-items-01 .submit-01.error-01 { animation-delay:200ms; margin-top:5.5556%;}

@media (max-width:1340px) {
.hotline-01 { padding-top:8.209%;}
.hotline-01 .title-area-01 { padding-bottom:5.2239%;}
.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { padding-top:5.2239%; padding-bottom:5.2239%;}
.hotline-01 .items-area-01>p+p { margin-top:2.6119%;}
.hotline-01 .form-items-01 { padding-top:6.7164%; padding-bottom:7.0896%;}
}

@media (max-width:768px) {
.checkbox-field-01 input[type=checkbox]:checked+.checkbox-field-item-01::after { width:1.2em;}
.checkbox-field-item-01 { top:.8em;}
.checkbox-field-item-01::after { height:1.2em; background-size:1.2em; top:.55em;}
.hotline-01 .title-area-01 { padding-bottom:7.8125%;}
.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { padding-top:8.4635%; padding-bottom:8.4635%;}
.hotline-01 .items-area-01>p { width:90%;}
.hotline-01 .items-area-01>p+p { margin-top:4.2318%;}
.hotline-01 .items-area-02>article { width:90%;}
.hotline-01 .form-items-01 { width:85%; padding-top:11.7188%; padding-bottom:12.3698%;}
.hotline-01 .form-items-01 .notes-01 { margin-bottom:9.1912%;}
.hotline-01 .form-items-01 .input-area-01 { flex-direction:column; justify-content:flex-start;}
.hotline-01 .form-items-01 .input-area-01+.input-area-01 { margin-top:4.5956%;}
.hotline-01 .form-items-01 .input-area-02 { margin-top:4.5956%;}
.hotline-01 .form-items-01 .input-area-02 .item-01 a { background:linear-gradient(90deg, #1e2d6e 2px, transparent 2px, transparent 4px) repeat-x; background-size:5px 2px; background-position:0 1.5em;}
.hotline-01 .form-items-01 .key-01 { width:100%; padding-top:0;}
.hotline-01 .form-items-01 .value-01 { margin-top:.7659313725%; width:100%;}
.hotline-01 .form-items-01 .value-01 .confirm-01 { margin-top:1.3787%;}
.hotline-01 .form-items-01 .submit-01 { flex-direction:column; justify-content:flex-start; align-items:center; margin-top:8.4252%;}
.hotline-01 .form-items-01 .submit-01 button.back { margin-top:.8em; margin-left:0;}
.hotline-01 .form-items-01 .submit-01.confirm-01 { margin-top:10.723%;}
.hotline-01 .form-items-01 .submit-01.finish-01,
.hotline-01 .form-items-01 .submit-01.error-01 { margin-top:7.6593%;}
}

@media (max-width:400px) {
.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { font-size:11px;}
.hotline-01 .form-items-01 { font-size:13px;}
.hotline-01 .title-area-01 { padding-bottom:11.25%;}
.hotline-01 .items-area-01 { line-height:1.85;}
.hotline-01 .items-area-01 * { line-height:1.85;}
}

@media (min-width:768.1px) and (max-width:1340px) {
.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { font-size:calc(13px + (1vw - 7.68px) * .3497);}
.hotline-01 .form-items-01 { font-size:calc(13px + (1vw - 7.68px) * .5245);}
}

@media (min-width:400.1px) and (max-width:768px) {
.hotline-01 .items-area-01,
.hotline-01 .items-area-02 { font-size:calc(11px + (1vw - 4px) * 2.9891);}
.hotline-01 .form-items-01 { font-size:calc(13px + (1vw - 4px) * 2.9891);}
}

@media (hover:hover) and (pointer:fine) {
.hotline-01 .form-items-01 .input-area-02 .item-01 a:hover { opacity:.6;}
.hotline-01 .form-items-01 .submit-01 button[type=submit]:hover { background-color:rgb(63.75,76.5,131.75);}
.hotline-01 .form-items-01 .submit-01 button.back:hover { background-color:hsl(0,0%,73.0824%);}
.hotline-01 .form-items-01 .submit-01 .link-button-01 a:hover { background-color:rgb(63.75,76.5,131.75);}
}