@charset "UTF-8";body.page_contact dt{margin-bottom:.8em;padding-top:1.5em;font-size:1.8rem;font-weight:400;line-height:1}body.page_contact dt .box{display:inline-block;margin-left:10px;padding:.25em .4em .35em;color:#fff;font-size:65%;transform:translateY(-.1em)}body.page_contact dl dd{padding-bottom:1.5em;border-bottom:1px solid #ededed}body.page_contact dl:last-of-type dd{margin-bottom:60px;padding-bottom:0;border-bottom:none}body.page_contact dl dd>div:last-of-type{font-size:1.8rem;font-weight:200}body.page_contact dl dd input.inputText,body.page_contact dl dd .textboxarea{border:1px solid #dcdcdc;transition:background .3s ease-out;border-radius:0;-webkit-appearance:none}body.page_contact dl dd input.inputText,body.page_contact dl dd .textboxarea{width:100%;padding:1em 1.5em;font-size:1.6rem}body.page_contact dl dd .textboxarea{height:20em;line-height:1.5}body.page_contact dl dd input:focus,body.page_contact dl dd .textboxarea:focus{background:#fff;border:1px solid var(--primary-color);border-radius:0;outline:inherit}body.page_contact dl dd input::placeholder{color:#9d9d9d;font-size:1.6rem}body.page_contact dl dd .buttons{display:grid;gap:2em;grid-template-columns:repeat(3,max-content);font-size:1.6rem}body.page_contact dl dd .buttons input{display:none}body.page_contact dl dd .buttons label{font-size:1.6rem;font-weight:500;cursor:pointer;padding-left:1.25em;position:relative}body.page_contact dl dd .buttons label:before,body.page_contact dl dd .buttons label:after{content:"";display:block;border-radius:50%;position:absolute;top:50%;left:0}body.page_contact dl dd .buttons label:before{border:2px solid var(--primary-color);height:1em;width:1em;background-color:#fff;transform:translateY(-50%);opacity:.5}body.page_contact dl dd .buttons input:checked+label:before{opacity:1}body.page_contact dl dd .buttons label:after{left:calc(.5em + 0px);width:.5em;height:.5em;background-color:var(--primary-color);opacity:0;transform:translate(-50%) translateY(-50%)}body.page_contact dl dd .buttons input:checked+label:after{opacity:1}body.page_contact .confirm,body.page_contact .thanks{display:none}body.page_contact .confirm dl dd{color:#000}body.page_contact dl dd.confirm_textboxarea{white-space:pre-line}body.page_contact .button_box{display:flex;justify-content:center;gap:20px}body.page_contact button{background-color:transparent;border:none;cursor:pointer;outline:none;appearance:none;padding:.4em 2em .35em .4em;font-family:"Noto Serif JP",serif;font-weight:700;text-align:center;border:2px solid var(--primary-color);border-radius:9999px;box-shadow:0 4px 4px #00000026;transition:color .1s ease-in-out,background-color .1s ease-in-out}body.page_contact button.common_link#btn_back:before{transform:rotate(180deg)!important}body.page_contact button.common_link#btn_send.dd{opacity:.5;pointer-events:none}body.page_contact button.common_link:before{transform:none!important}@media (hover: hover) and (pointer: fine){body.page_contact button:hover{color:#fff;background-color:var(--primary-color);transition:color .1s ease-in-out .1s,background-color .1s ease-in-out .1s}body.page_contact button.common_link:hover:before{border-color:#fff;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPiA8ZGVmcz4gPHN0eWxlPiAuc3QwIHsgZmlsbDogI2ZmZmZmZjsgfSA8L3N0eWxlPiA8L2RlZnM+IDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCwyMGMtLjUsMC0xLS4yLTEuNC0uNi0uOC0uOC0uOC0yLDAtMi44bDQuNi00LjZIMmMtMS4xLDAtMi0uOS0yLTJzLjktMiwyLTJoMTEuMmwtNC42LTQuNmMtLjgtLjgtLjgtMiwwLTIuOC44LS44LDItLjgsMi44LDBsOCw4czAsMCwwLDBoMHMwLDAsMCwwYy4yLjIuMy40LjQuNiwwLC4yLjIuNS4yLjhzMCwuNS0uMi44YzAsLjItLjIuNC0uNC42LDAsMCwwLDAsMCwwaDBzLTgsOC04LDhjLS40LjQtLjkuNi0xLjQuNloiLz48L3N2Zz4=);transition:border-color .1s ease-in-out .1s,background-image .1s ease-in-out .1s}}body.page_contact form:has(input:invalid) #btn_confirm,body.page_contact form:has(input:placeholder-shown) #btn_confirm{opacity:.5;pointer-events:none}body.page_contact .errorbox{margin-top:.5em;font-size:1.4rem;font-weight:700;color:#e8340f;content:""}body.page_contact .radio-input{display:none}body.page_contact .inputText:user-invalid,body.page_contact .textboxarea:user-invalid{border-color:#e8340f}body.page_contact .namearea:user-invalid~.errorbox:before{content:"お名前を入力してください。"}body.page_contact .mailarea:user-invalid~.errorbox:before{content:"メールアドレスを正しく入力してください。"}body.page_contact .titlearea:user-invalid~.errorbox:before{content:"件名を入力してください。"}body.page_contact .textboxarea:user-invalid~.errorbox:before{content:"お問い合わせ内容を入力してください。"}body.page_contact .radio-input+label{position:relative;display:flex;align-items:center;margin-bottom:10px}body.page_contact .radio-input+label:last-of-type{margin-bottom:0}body.page_contact .radio-input+label:before{position:relative;content:"";margin-right:10px;width:30px;height:30px;border:1px solid #dddddd;background:#f2f2f2;border-radius:50%}body.page_contact .radio-input:checked+label:after{content:"";display:block;position:absolute;top:5px;left:5px;width:20px;height:20px;background:#7fc5c0;border-radius:50%}body.page_contact .labeltxt{font-size:1.8rem;font-weight:200;line-height:1.2}body.page_contact .button_box>div{display:flex;justify-content:center}@media screen and (max-width: 767px){body.page_contact dl dd .buttons{gap:0;grid-template-columns:repeat(1,max-content);padding-left:.25em;line-height:1}body.page_contact dl dd .buttons label{display:inline-block;width:100%;padding-left:1.5em;padding-block:.75em}}