﻿body#contact .section .subject{display:flex;justify-content:center;align-items:center;gap:2rem;font-size:1.5rem;line-height:1.5}@media(max-width: 768px){body#contact .section .subject{gap:3.3333333333vw;font-size:5vw}}body#contact .section .subject::before,body#contact .section .subject::after{content:"";width:8rem;height:1px;background-color:var(--green)}@media(max-width: 768px){body#contact .section .subject::before,body#contact .section .subject::after{width:13.3333333333vw}}body#contact .section .notice{display:flex;flex-direction:column;gap:.625rem;margin-bottom:2.5rem}@media(max-width: 768px){body#contact .section .notice{gap:2.0833333333vw;margin-bottom:8.3333333333vw}}body#contact .section .notice p{font-size:1.125rem;text-align:center}@media(max-width: 768px){body#contact .section .notice p{font-size:3.3333333333vw}}body#contact .section .notice p .required{color:#c00}body#contact .section.error,body#contact .section.results{padding:5rem 2.5rem}@media(max-width: 768px){body#contact .section.error,body#contact .section.results{padding:8.3333333333vw 4.1666666667vw}}body#contact .section.error .message,body#contact .section.results .message{display:flex;flex-direction:column;gap:1.25rem;margin:2.5rem 0 3.75rem}@media(max-width: 768px){body#contact .section.error .message,body#contact .section.results .message{gap:4.1666666667vw;margin:4.1666666667vw 0 8.3333333333vw}}body#contact .section.error .message p,body#contact .section.results .message p{font-size:1.125rem;text-align:center;line-height:1.75}@media(max-width: 768px){body#contact .section.error .message p,body#contact .section.results .message p{font-size:3.3333333333vw}}body#contact .section.error .message p{color:var(--bk50)}body#contact .section .contactform{display:flex;flex-direction:column;gap:2.5rem}@media(max-width: 768px){body#contact .section .contactform{gap:8.3333333333vw}}body#contact .section .contactform input[type=submit],body#contact .section .contactform input[type=button],body#contact .section .contactform button{transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}body#contact .section .contactform .table>tbody>tr>th{width:30%}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>th{width:100%}}body#contact .section .contactform .table>tbody>tr>th label{position:relative;display:block}body#contact .section .contactform .table>tbody>tr>th label.required::after{position:absolute;top:50%;right:0;content:"必須";padding:0 .625rem;color:#c00;font-size:.625em;line-height:1.75;vertical-align:middle;background-color:var(--wh);border-radius:1em;transform:translateY(-50%)}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>th label.required::after{padding:0 2.0833333333vw}}body#contact .section .contactform .table>tbody>tr>td{position:relative;width:70%}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td{width:100%}}body#contact .section .contactform .table>tbody>tr>td h3{font-size:1.125rem}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td h3{font-size:3.3333333333vw}}body#contact .section .contactform .table>tbody>tr>td .address{display:flex;flex-direction:column;gap:.5rem}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td .address{gap:1.6666666667vw}}body#contact .section .contactform .table>tbody>tr>td .address dl{display:flex;justify-content:space-between;align-items:center}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td .address dl{flex-direction:column;gap:.8333333333vw}}body#contact .section .contactform .table>tbody>tr>td .address dl dt{flex-basis:20%}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td .address dl dt{width:100%}}body#contact .section .contactform .table>tbody>tr>td .address dl dd{flex-basis:75%}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td .address dl dd{width:100%}}body#contact .section .contactform .table>tbody>tr>td .radio .notes{margin-left:1em;color:var(--bk50);font-size:.875rem}@media(max-width: 768px){body#contact .section .contactform .table>tbody>tr>td .radio .notes{font-size:2.9166666667vw}}body#contact .section .contactform input[type=text],body#contact .section .contactform input[type=tel],body#contact .section .contactform input[type=email],body#contact .section .contactform input[type=date],body#contact .section .contactform input[type=number],body#contact .section .contactform select,body#contact .section .contactform textarea{width:100%;padding:.5rem;border:solid 1px var(--bk20);outline:none;color:var(--bk);background-color:var(--wh40);transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#contact .section .contactform input[type=text],body#contact .section .contactform input[type=tel],body#contact .section .contactform input[type=email],body#contact .section .contactform input[type=date],body#contact .section .contactform input[type=number],body#contact .section .contactform select,body#contact .section .contactform textarea{padding:1.6666666667vw;font-size:max(16px,3.3333333333vw)}}body#contact .section .contactform input[type=text]:hover,body#contact .section .contactform input[type=text]:focus,body#contact .section .contactform input[type=tel]:hover,body#contact .section .contactform input[type=tel]:focus,body#contact .section .contactform input[type=email]:hover,body#contact .section .contactform input[type=email]:focus,body#contact .section .contactform input[type=date]:hover,body#contact .section .contactform input[type=date]:focus,body#contact .section .contactform input[type=number]:hover,body#contact .section .contactform input[type=number]:focus,body#contact .section .contactform select:hover,body#contact .section .contactform select:focus,body#contact .section .contactform textarea:hover,body#contact .section .contactform textarea:focus{background-color:var(--wh70)}body#contact .section .contactform input[type=text].short,body#contact .section .contactform input[type=tel].short,body#contact .section .contactform input[type=email].short,body#contact .section .contactform input[type=date].short,body#contact .section .contactform input[type=number].short,body#contact .section .contactform select.short,body#contact .section .contactform textarea.short{width:12em}body#contact .section .contactform .radio{display:flex;flex-direction:column;gap:.5rem}@media(max-width: 768px){body#contact .section .contactform .radio{gap:1.6666666667vw}}body#contact .section .contactform .radio.horizontal{flex-direction:row;flex-wrap:wrap;gap:.5rem 2rem}@media(max-width: 768px){body#contact .section .contactform .radio.horizontal{gap:1.6666666667vw 6.6666666667vw}}body#contact .section .contactform .radio li input{position:absolute;top:0;left:0;pointer-events:none;opacity:0}body#contact .section .contactform .radio li label{position:relative;display:block;padding-left:1.5rem}@media(max-width: 768px){body#contact .section .contactform .radio li label{padding-left:4.1666666667vw}}body#contact .section .contactform .radio li label::before{content:"";display:block;position:absolute;top:.75em;left:0;width:1rem;aspect-ratio:1/1;border:1px solid var(--bk20);border-radius:50%;transform:translateY(-50%)}@media(max-width: 768px){body#contact .section .contactform .radio li label::before{width:3.3333333333vw}}body#contact .section .contactform .radio li label::after{content:"";display:block;position:absolute;top:.75em;left:.1875rem;width:.625rem;aspect-ratio:1/1;opacity:0;background-color:var(--olive);transition:opacity .5s cubic-bezier(0.2, 1, 0.2, 1);border-radius:50%;transform:translateY(-50%)}@media(max-width: 768px){body#contact .section .contactform .radio li label::after{left:.625vw;width:2.0833333333vw}}body#contact .section .contactform .radio li input:checked+label::after{opacity:1}body#contact .section .contactform .checkbox{display:flex;flex-direction:column;gap:.5rem}@media(max-width: 768px){body#contact .section .contactform .checkbox{gap:1.6666666667vw}}body#contact .section .contactform .checkbox.horizontal{flex-direction:row;flex-wrap:wrap;gap:.5rem 2rem}@media(max-width: 768px){body#contact .section .contactform .checkbox.horizontal{gap:1.6666666667vw 6.6666666667vw}}body#contact .section .contactform .checkbox li input{position:absolute;top:0;left:0;pointer-events:none;opacity:0}body#contact .section .contactform .checkbox li label{position:relative;padding-left:1.25em}body#contact .section .contactform .checkbox li label::before{content:"";display:block;position:absolute;top:.625em;left:0;width:1em;height:1em;border:1px solid var(--bk20);border-radius:.25em;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1);transform:translateY(-50%)}body#contact .section .contactform .checkbox li label::after{content:"";display:block;position:absolute;top:.625em;left:.2em;width:.4em;height:.625em;border-right:2px solid var(--wh);border-bottom:2px solid var(--wh);opacity:0;transition:opacity .5s ease;transform:rotate(45deg) translate(-50%, -55%)}body#contact .section .contactform .checkbox li input:checked+label::before{background-color:var(--olive)}body#contact .section .contactform .checkbox li input:checked+label::after{opacity:1}body#contact .section .contactform .inputfile{display:flex;align-items:center;gap:.5rem}@media(max-width: 768px){body#contact .section .contactform .inputfile{gap:1.6666666667vw}}body#contact .section .contactform .inputfile label{position:relative;padding:.5rem 1rem;color:var(--wh);line-height:1.25;white-space:nowrap;background-color:var(--olive);border-radius:.25rem;cursor:pointer}@media(max-width: 768px){body#contact .section .contactform .inputfile label{padding:1.6666666667vw 3.3333333333vw;border-radius:.8333333333vw}}body#contact .section .contactform .inputfile label input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}body#contact .section .contactform .inputfile .filemessage{width:18.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;line-height:1.5}@media(max-width: 768px){body#contact .section .contactform .inputfile .filemessage{width:50vw}}body#contact .section .contactform .checkbox_confirm{display:inline-block;padding:.3125em 1.25em;font-size:.875em;line-height:1.25;background-color:var(--bk05);border-radius:.9375em}body#contact .section .contactform .checkbox_confirm+.checkbox_confirm{margin-left:.3125em}body#contact .section .contactform .submit{flex-direction:row-reverse;justify-content:center;align-items:center;gap:1.875rem}@media(max-width: 768px){body#contact .section .contactform .submit{flex-direction:column;gap:4.1666666667vw}}body#contact .section .contactform .formError{top:auto !important;bottom:100% !important;left:.625rem !important;z-index:7;margin-top:0 !important;margin-bottom:-0.3125rem;cursor:pointer}@media(max-width: 768px){body#contact .section .contactform .formError{right:0 !important;left:auto !important;max-width:62.5vw;margin-bottom:-1.0416666667vw}}body#contact .section .contactform .formError .formErrorContent{position:relative;z-index:8;padding:.3125rem .625rem;border-radius:.3125rem;color:#fff;font-size:.875rem;line-height:1.25;background-color:#c00}@media(max-width: 768px){body#contact .section .contactform .formError .formErrorContent{padding:1.0416666667vw 2.0833333333vw;border-radius:1.0416666667vw;font-size:2.9166666667vw}}body#contact .section .contactform .formError .formErrorContent::before{content:"";position:absolute;top:calc(100% - 1px);left:1.25rem;width:.625rem;aspect-ratio:2/1;background-color:#c00;clip-path:polygon(0 0, 100% 0, 50% 100%)}@media(max-width: 768px){body#contact .section .contactform .formError .formErrorContent::before{left:4.1666666667vw;width:2.0833333333vw}}body#contact .section .contactform .formError .formErrorArrow{z-index:9}body#contact .section .contactform .ui-dialog .formError{z-index:7}body#contact .section .contactform .ui-dialog .formError .formErrorContent{z-index:8}body#contact .section .contactform .ui-dialog .formError .formErrorArrow{z-index:9}