﻿body#contact .uTopImg{background:url("../../lib/img/common/past.jpg")}body#contact main{max-width:100%;padding-top:0}body#contact main .border_title section{max-width:1000px;margin:0 auto}body#contact main>section{max-width:1000px;margin:0 auto;font-size:18px}body#contact main>section>*{font-size:100%}body#contact main>section h3{font-size:180%;text-align:center;color:yellow;margin:0 auto 30px}body#contact main>section p{line-height:1.75}body#contact main>section#head h3{border-bottom:2px solid yellow;padding:0 0 20px}body#contact main>section#head p{text-align:center}body#contact main>section#form{padding:5rem 0 3rem;max-width:800px;margin:0 auto}body#contact main>section#form *{box-sizing:border-box}body#contact main>section#form .notes{border:1px solid #fff;padding:1rem;margin:0 0 3rem;background:rgba(255,255,255,0.15)}body#contact main>section#form .notes p{line-height:1.5;font-size:1.1rem}body#contact main>section#form .notes p span.att{color:yellow;font-size:100%}body#contact main>section#form .notes p a.tel{pointer-events:none;color:yellow}body#contact main>section#form dl{display:flex;flex-wrap:wrap}body#contact main>section#form dl dt,body#contact main>section#form dl dd{padding:1.25rem 1rem;display:flex;align-items:center;border-bottom:1px dashed #fff}body#contact main>section#form dl dt:first-of-type,body#contact main>section#form dl dd:first-of-type{border-top:1px dashed #fff}body#contact main>section#form dl dt:nth-of-type(odd),body#contact main>section#form dl dd:nth-of-type(odd){background:rgba(255,255,255,0.1)}body#contact main>section#form dl dt{width:25%}body#contact main>section#form dl dt.required:after{content:'※';color:yellow;display:inline-block}body#contact main>section#form dl dd{width:75%}body#contact main>section#form dl input,body#contact main>section#form dl select,body#contact main>section#form dl textarea{padding:.6rem;border-radius:.5rem;border:none;font-size:1rem}body#contact main>section#form dl input{width:100%}body#contact main>section#form dl select{width:100%}body#contact main>section#form dl textarea{width:100%;height:15rem}body#contact main>section#form #privacy-policy{text-align:center;margin:40px auto 0}body#contact main>section#form #privacy-policy>div{display:inline-block;margin:0 auto}body#contact main>section#form #privacy-policy>div .ano{color:#fff;font-size:16px;margin:0 0 15px}body#contact main>section#form #privacy-policy label{cursor:pointer;transition:.3s}body#contact main>section#form #privacy-policy label:before{content:'※';color:yellow;display:inline-block;margin:0 5px 0 0}body#contact main>section#form #privacy-policy input[type="checkbox"]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}body#contact main>section#form #privacy-policy input[type="checkbox"]:before,body#contact main>section#form #privacy-policy input[type="checkbox"]:after{content:'';font-size:28px;cursor:pointer}body#contact main>section#form #privacy-policy input[type="checkbox"]:before{content:'\f0c8';font-weight:400;display:block}body#contact main>section#form #privacy-policy input[type="checkbox"]:after{content:'\f14a';display:none;color:yellow}body#contact main>section#form #privacy-policy input[type="checkbox"]:checked:before{display:none}body#contact main>section#form #privacy-policy input[type="checkbox"]:checked:after{display:block}body#contact main>section#form #privacy-policy .popup-button{color:yellow;text-decoration:underline;cursor:pointer;transition:.3s}body#contact main>section#form #privacy-policy .popup-button:hover{text-decoration:none;color:#fbfa63}body#contact main>section#form #buttons{display:flex;justify-content:center;align-items:center;width:100%;margin:2rem 0 0}body#contact main>section#form #buttons button,body#contact main>section#form #buttons a{color:#fff;margin:0 .5rem;padding:0;font-family:'游ゴシック','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;display:inline-block;overflow:hidden;position:relative;transition:.3s;border:none;cursor:pointer;border-radius:.5rem;font-weight:bold;font-size:100%}body#contact main>section#form #buttons button:before,body#contact main>section#form #buttons a:before{content:'';position:absolute;top:50%;left:50%;width:250px;height:250px;z-index:1;background:#fff;border-radius:100%;display:block;transform:translate(-50%, -50%) scale(0);transition:.4s}body#contact main>section#form #buttons button span,body#contact main>section#form #buttons a span{padding:1.2rem 2rem 1rem;display:inline-block;line-height:1;z-index:2}body#contact main>section#form #buttons button span:before,body#contact main>section#form #buttons button span:after,body#contact main>section#form #buttons a span:before,body#contact main>section#form #buttons a span:after{position:relative;display:inline-block;font-size:130%}body#contact main>section#form #buttons button span:before,body#contact main>section#form #buttons a span:before{margin:0 .5rem 0 0}body#contact main>section#form #buttons button.unactive,body#contact main>section#form #buttons a.unactive{pointer-events:none;filter:grayscale(1)}body#contact main>section#form #buttons button.submit,body#contact main>section#form #buttons a.submit{background:yellow;color:#008dce;border:3px solid yellow}body#contact main>section#form #buttons button.submit span:before,body#contact main>section#form #buttons a.submit span:before{content:'\f1d8';top:-.05em}body#contact main>section#form #buttons button.confirm,body#contact main>section#form #buttons a.confirm{background:yellow;color:#008dce;border:3px solid yellow}body#contact main>section#form #buttons button.confirm span:before,body#contact main>section#form #buttons a.confirm span:before{content:'\f14a';top:-.05em}body#contact main>section#form #buttons button.back,body#contact main>section#form #buttons a.back{background:#FF8259;border:3px solid #FF8259}body#contact main>section#form #buttons button.back span:before,body#contact main>section#form #buttons a.back span:before{content:'\f064';top:-.05em;transform:scaleX(-1)}body#contact main>section#form #buttons button:hover:before,body#contact main>section#form #buttons a:hover:before{transform:translate(-50%, -50%) scale(1)}body#contact main>section#form #buttons button:hover.back,body#contact main>section#form #buttons a:hover.back{color:#FF8259}body#contact main>section#form.confirm,body#contact main>section#form.result{padding:2rem 0 3rem}body#contact main>section#form.confirm dl dt,body#contact main>section#form.confirm dl dd,body#contact main>section#form.result dl dt,body#contact main>section#form.result dl dd{font-size:90%}body#contact main>section#form.confirm dl dt,body#contact main>section#form.result dl dt{width:30%}body#contact main>section#form.confirm dl dt h4,body#contact main>section#form.result dl dt h4{line-height:1.4}body#contact main>section#form.confirm dl dt:after,body#contact main>section#form.result dl dt:after{margin:0 0 0 5px}body#contact main>section#form.confirm dl dd,body#contact main>section#form.result dl dd{width:70%;display:flex}body#contact main>section#form.confirm dl dd:before,body#contact main>section#form.result dl dd:before{content:'\f061';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);opacity:.5}body#contact main>section#form.confirm dl dd p,body#contact main>section#form.result dl dd p{padding-left:1em}body .popup{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:none}body .popup .inner{width:94%;max-width:800px;height:60%;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);background:#fff;padding:30px 10px 20px 20px;box-shadow:0 3px 6px rgba(0,0,0,0.35);border-radius:8px}body .popup .inner .contents{position:relative;overflow-y:scroll;z-index:0;font-size:15px;padding:15px 25px 15px 15px;color:#444;width:calc(100% - 40px);height:calc(100% - 40px)}body .popup .inner .contents h3{font-size:20px;margin:0 0 20px;padding:0 0 10px;border-bottom:3px double #999}body .popup .inner .contents ol{margin:25px 0;padding-top:20px;border:dashed #999;border-width:1px 0}body .popup .inner .contents ol li{line-height:1.5;margin:0 0 20px 1.2em}body .popup .inner .contents p{line-height:1.5}body .popup .inner .contents p.right{text-align:right}body .popup .inner .close-button{position:absolute;top:5px;right:5px;z-index:1;cursor:pointer}body .popup .inner .close-button:before{content:'\f00d';font-size:28px;color:#000;transition:.3s}body .popup .inner .close-button:hover:before{color:#008dce}body .popup .fakebg{background:rgba(0,0,0,0.75);position:fixed;top:0;left:0;z-index:0;width:100%;height:100%}@media screen and (max-width: 1000px){body#contact main>section h3{font-size:140%;margin:0 auto 30px}body#contact main>section#head h3{border-bottom:2px solid yellow;padding:0 0 20px}body#contact main>section#head p{text-align:center}body#contact main>section#form{padding:4rem 0 3rem;max-width:80%}body#contact main>section#form *{box-sizing:border-box}body#contact main>section#form .notes{border:1px solid #fff;padding:1rem;margin:0 0 3rem;background:rgba(255,255,255,0.15)}body#contact main>section#form dl dt,body#contact main>section#form dl dd{padding:1rem}body#contact main>section#form dl dt{width:30%}body#contact main>section#form dl dd{width:70%}body#contact main>section#form dl textarea{height:12rem}}@media screen and (max-width: 480px){body#contact main>section{font-size:1rem}body#contact main>section>*{font-size:100%}body#contact main>section h3{font-size:130%;line-height:1.5;margin:0 auto 1.5rem}body#contact main>section p{line-height:1.75}body#contact main>section#head h3{border-bottom:2px solid yellow;padding:0 0 1rem;text-align:left}body#contact main>section#head p{text-align:left}body#contact main>section#form{padding:2rem 0 3rem;max-width:800px;margin:0 auto}body#contact main>section#form .notes{padding:.75rem;margin:0 0 1.5rem}body#contact main>section#form .notes p{font-size:1rem}body#contact main>section#form .notes p a.tel{pointer-events:auto;text-decoration:underline}body#contact main>section#form dl{flex-direction:column}body#contact main>section#form dl dt,body#contact main>section#form dl dd{padding:.5rem 0}body#contact main>section#form dl dt{width:100%}body#contact main>section#form dl dt h4{font-size:100%}body#contact main>section#form dl dd{width:100%;margin-bottom:.5rem}body#contact main>section#form dl input,body#contact main>section#form dl select,body#contact main>section#form dl textarea{padding:.8rem .6rem;border-radius:.25rem;font-size:1.1rem}body#contact main>section#form dl textarea{height:12rem}body#contact main>section#form #buttons{margin:2rem 0 0}body#contact main>section#form #buttons button,body#contact main>section#form #buttons a{margin:0 .5rem;border-radius:.5rem}body#contact main>section#form #buttons button span,body#contact main>section#form #buttons a span{padding:1rem 1.4rem .75rem;font-size:1rem}body#contact main>section#form #buttons button span:before,body#contact main>section#form #buttons button span:after,body#contact main>section#form #buttons a span:before,body#contact main>section#form #buttons a span:after{position:relative;display:inline-block;font-size:130%}body#contact main>section#form #buttons button span:before,body#contact main>section#form #buttons a span:before{margin:0 .5rem 0 0}body#contact main>section#form.confirm,body#contact main>section#form.result{padding-top:0}body#contact main>section#form.confirm dl dt,body#contact main>section#form.confirm dl dd,body#contact main>section#form.result dl dt,body#contact main>section#form.result dl dd{padding:.75em 0;font-size:100%}body#contact main>section#form.confirm dl dt:nth-of-type(odd),body#contact main>section#form.confirm dl dd:nth-of-type(odd),body#contact main>section#form.result dl dt:nth-of-type(odd),body#contact main>section#form.result dl dd:nth-of-type(odd){background:transparent}body#contact main>section#form.confirm dl dt,body#contact main>section#form.result dl dt{width:100%;background:rgba(255,255,255,0.1) !important;padding-left:.5em}body#contact main>section#form.confirm dl dd,body#contact main>section#form.result dl dd{width:100%;margin-bottom:1rem}body#contact main>section#form.confirm dl dd:before,body#contact main>section#form.result dl dd:before{left:.2em}body#contact main>section#form.confirm dl dd h4,body#contact main>section#form.result dl dd h4{line-height:1}body#contact main>section#form.confirm dl dd p,body#contact main>section#form.result dl dd p{padding-left:1.5em}}
