@charset "UTF-8";@media only screen and (min-width: 769px){.contact__header{padding-top:3.4rem}}@media only screen and (max-width: 768px){.contact__header{padding-top:2.2rem}}.contact__header>.inner{display:flex}@media only screen and (min-width: 769px){.contact__header>.inner{justify-content:space-between;column-gap:6rem;padding-right:6.8rem}}@media only screen and (max-width: 768px){.contact__header>.inner{flex-direction:column-reverse;align-items:center;row-gap:2rem}}.contact__header__text{display:flex;flex-direction:column}@media only screen and (min-width: 769px){.contact__header__text{flex:1}}.contact__header__text h2{display:block;letter-spacing:.05em}@media only screen and (min-width: 769px){.contact__header__text h2{font-size:2rem;line-height:1.7}}@media only screen and (max-width: 768px){.contact__header__text h2{font-size:1.6rem;line-height:1.8}}.contact__header__image{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--white);row-gap:.5rem}@media only screen and (min-width: 769px){.contact__header__image{width:28rem;height:28rem;margin-top:-16rem;padding-top:2.2rem}}@media only screen and (max-width: 768px){.contact__header__image{width:21.6rem;height:21.6rem;padding-top:.5rem}}.contact__header__image__balloon{position:relative;display:block;height:3.4em;padding-left:.2em}@media only screen and (min-width: 769px){.contact__header__image__balloon{font-size:clamp(8px,.9516837482vw,18.2723279649px)}}@media only screen and (max-width: 768px){.contact__header__image__balloon{font-size:1.25rem}}.contact__header__image__balloon ul{position:relative;display:flex;justify-content:center;white-space:nowrap;line-height:1.7;letter-spacing:.05em;rotate:-5deg;transform-origin:left bottom}@media only screen and (min-width: 769px){.contact__header__image__balloon ul{font-size:clamp(8px,.9516837482vw,18.2723279649px)}}@media only screen and (max-width: 768px){.contact__header__image__balloon ul{font-size:1.25rem}}.contact__header__image__balloon ul li{position:relative;display:flex;align-items:flex-end;justify-content:center;text-align:center;height:100%}.contact__header__image__balloon ul li:before,.contact__header__image__balloon ul li:after{content:"";position:absolute;display:block;width:.1rem;min-width:1px;background:var(--black)}@media only screen and (min-width: 769px){.contact__header__image__balloon ul li:before,.contact__header__image__balloon ul li:after{height:2.6rem}}@media only screen and (max-width: 768px){.contact__header__image__balloon ul li:before,.contact__header__image__balloon ul li:after{height:2.2rem}}.contact__header__image__balloon ul li:before{bottom:-1.3rem;left:.2rem;rotate:-51deg;transform-origin:left bottom}.contact__header__image__balloon ul li:after{bottom:-1.1rem;right:.7rem;rotate:47deg;transform-origin:left bottom}.contact__header__image__balloon ul li p{display:block}.contact__header__image__balloon ul li:not(:first-of-type){position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;visibility:hidden}.contact__header__image__balloon ul li .icon{position:absolute;width:2rem;height:2rem;background:var(--red)}.contact__header__image__balloon ul li .icon--01{top:-.2rem;right:0}.contact__header__image__balloon ul li .icon--02{top:0;left:-2.3rem}.contact__header__image__balloon ul li .icon--03{top:-.7rem;left:calc(50% - 1.4rem)}.contact__header__image__balloon ul li .icon--04{top:-.2rem;right:1rem}.contact__header__image__balloon ul li .icon--05{top:0;left:-2.8rem}.contact__header__image__balloon ul li .icon--06{top:-.2rem;right:-1.5rem}.contact__header__image .symbol{margin-left:.8rem}@media only screen and (min-width: 769px){.contact__header__image .symbol{width:16.6rem;height:9.8rem}}@media only screen and (max-width: 768px){.contact__header__image .symbol{width:13.2rem;height:7.8rem}}@media only screen and (min-width: 769px){.contact__body{padding-top:5rem}}@media only screen and (max-width: 768px){.contact__body{padding-top:4.9rem}}.contact__body__form{position:relative;display:block}.contact__body__form__fields{background:var(--white)}@media only screen and (min-width: 769px){.contact__body__form__fields{padding:5rem;border-radius:.4rem}}@media only screen and (max-width: 768px){.contact__body__form__fields{padding:5.1rem 0 5rem}}.contact__body__form__fields>.inner{display:flex;flex-direction:column;row-gap:3rem}.contact__body__form__fields .field{display:flex}@media only screen and (min-width: 769px){.contact__body__form__fields .field{align-items:flex-start;justify-content:space-between}}@media only screen and (max-width: 768px){.contact__body__form__fields .field{flex-direction:column;row-gap:.8rem}}.contact__body__form__fields .field label{display:flex;align-items:center;column-gap:.8rem}@media only screen and (min-width: 769px){.contact__body__form__fields .field label{padding:1.3rem 0 1.4rem}}.contact__body__form__fields .field label .text{display:block;line-height:1.8;letter-spacing:.05em}@media only screen and (min-width: 769px){.contact__body__form__fields .field label .text:first-of-type{font-size:clamp(10px,1.1713030747vw,22.4890190337px)}}@media only screen and (max-width: 768px){.contact__body__form__fields .field label .text:first-of-type{font-size:1.4rem}}.contact__body__form__fields .field label .text:nth-of-type(2){background:#e94a1b26;border-radius:.4rem;padding:0 .7rem;margin-bottom:-.2rem}@media only screen and (min-width: 769px){.contact__body__form__fields .field label .text:nth-of-type(2){font-size:clamp(8px,.8052708638vw,15.4612005857px)}}@media only screen and (max-width: 768px){.contact__body__form__fields .field label .text:nth-of-type(2){font-size:1.1rem}}.contact__body__form__fields .field__body{display:flex;flex-direction:column}@media only screen and (min-width: 769px){.contact__body__form__fields .field__body{width:59.8rem}}.contact__body__form__fields .field__body input,.contact__body__form__fields .field__body textarea{display:block;line-height:1.8;letter-spacing:.05em;border-radius:.4rem;border:max(1px,.1rem) solid var(--grayl)}@media only screen and (min-width: 769px){.contact__body__form__fields .field__body input,.contact__body__form__fields .field__body textarea{padding:1.2rem 1.6rem 1.3rem;font-size:clamp(10px,1.1713030747vw,22.4890190337px)}}@media only screen and (max-width: 768px){.contact__body__form__fields .field__body input,.contact__body__form__fields .field__body textarea{padding:.8rem 1.6rem .9rem;font-size:1.4rem}}.contact__body__form__fields .field__body input::placeholder,.contact__body__form__fields .field__body textarea::placeholder{color:var(--gray)}.contact__body__form__fields .field__body input[aria-invalid=true],.contact__body__form__fields .field__body textarea[aria-invalid=true]{border-color:var(--red);margin-bottom:.6rem}.contact__body__form__fields .field__body textarea{resize:none}@media only screen and (min-width: 769px){.contact__body__form__fields .field__body textarea{height:27.4rem}}@media only screen and (max-width: 768px){.contact__body__form__fields .field__body textarea{height:20rem}}.contact__body__form__fields .field__error{display:block;line-height:1.8;letter-spacing:.05em}@media only screen and (min-width: 769px){.contact__body__form__fields .field__error{font-size:clamp(10px,.9516837482vw,18.2723279649px)}}@media only screen and (max-width: 768px){.contact__body__form__fields .field__error{font-size:1.3rem}}@media only screen and (min-width: 769px){.contact__body__form__note{margin-top:3rem}}@media only screen and (max-width: 768px){.contact__body__form__note{margin-top:3rem}}.contact__body__form__note>.inner{display:flex;flex-direction:column}@media only screen and (min-width: 769px){.contact__body__form__note>.inner{row-gap:.2rem}}@media only screen and (max-width: 768px){.contact__body__form__note>.inner{row-gap:.9rem}}.contact__body__form__note p{display:flex;letter-spacing:.05em;column-gap:.2rem}@media only screen and (min-width: 769px){.contact__body__form__note p{font-size:clamp(9px,.878477306vw,16.8667642753px);line-height:1.8}}@media only screen and (max-width: 768px){.contact__body__form__note p{font-size:1.2rem;line-height:1.6}}.contact__body__form__note p:before{content:"※"}@media only screen and (min-width: 769px){.contact__body__form__send{margin-top:3.2rem}}@media only screen and (max-width: 768px){.contact__body__form__send{margin-top:3rem}}.contact__body__form__send button{display:flex;align-items:center;justify-content:center;column-gap:1.2rem;border-radius:.4rem;padding:1.1rem 1.5rem 1.2rem 3rem;background:var(--black);border:max(1px,.1rem) solid var(--black)}@media only screen and (min-width: 769px){.contact__body__form__send button{width:40rem;font-size:clamp(10px,1.0248901903vw,19.6778916545px)}}@media only screen and (max-width: 768px){.contact__body__form__send button{width:100%;font-size:1.4rem}}.contact__body__form__send button .text{margin-left:auto;line-height:1.5;letter-spacing:.05em}.contact__body__form__send button .arrow{width:1em;height:1em;margin-left:auto}@media (hover: hover) and (pointer: fine){.contact__body__form__send button{transition:background .35s ease-out}.contact__body__form__send button .text{transition:color .35s ease-out}.contact__body__form__send button .arrow{transition:background .35s ease-out}.contact__body__form__send button:hover{background:var(--yellow)}.contact__body__form__send button:hover .text{color:var(--black)}.contact__body__form__send button:hover .arrow{background:var(--black)}}@media only screen and (min-width: 769px){.contact{padding-bottom:15rem}}@media only screen and (max-width: 768px){.contact{padding-bottom:6rem}}.contact .pageheader{padding-bottom:0!important}
