*{margin:0;padding:0}body{color:#2c3e50}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh}header{border-bottom:2px solid #0e271c}input,select{-moz-appearance:none;-webkit-appearance:none;appearance:none}select{color:#2c3e50;background-color:#fff}.select-box{width:100%;position:relative}.select-box:before{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:black transparent transparent transparent;position:absolute;top:50%;right:14px;transform:translateY(-50%);pointer-events:none}.select-arrow{width:100%;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.error{font-size:13px;color:#ff5454;background-color:#ffc4c15c;padding:1%;margin:1% 0 5%}.error:before{content:"";font-family:"Font Awesome 6 Free";display:inline-block;left:0;top:0;font-size:100%;padding-right:1%}.contact-top{max-width:580px;min-height:calc(100% - 230px);margin:0 auto;padding:1% 5%}.form-box p{font-weight:700;align-items:center;padding-bottom:1%}.line-bottom{font-weight:700;align-items:center;position:relative;padding-bottom:5px}.line-bottom:after{display:block;content:"";border-bottom:2px solid #bcbcbc;padding-bottom:5px}.second-form-box{width:100%;padding:10px;border-radius:5px;box-sizing:border-box;background:#efefef;margin:5% 0}.line-frame{width:100%;padding:2%;border:1px solid #fff;border-radius:5px;box-sizing:border-box;background:#fff;margin:1% 0% 4% 0}.line-frame li{list-style-type:none;margin-bottom:8px}.form-box{margin-bottom:4%}input[type=text],input[type=email],textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;-moz-appearance:none;-webkit-appearance:none;appearance:none}.form-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.container h1{position:relative;text-align:center;height:50px;line-height:50px}.container h1 img{display:inline;text-align:center;margin:auto;height:50px}.hint{font-size:13px;color:#cd3939;font-weight:700;padding:0 1%}.required:before{content:"必須";background-color:#cd3939;color:#fff;font-size:12px;font-weight:700;min-width:10px;padding:3px 7px;margin:0 5px;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;border-radius:5px;display:inline-block}button{background-color:#171956;color:#fff;margin-bottom:5%;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:border-color .25s;width:100%;max-width:100%}.notice-box{border:1px solid #ababab;border-radius:5px;background:#ebebeb;margin:5% 0;position:relative;padding:2%;text-align:left}.notice-box li{font-size:14px;list-style-type:none;margin-bottom:8px;text-indent:-1em;padding-left:1em}.sub-box{padding:1%;border-radius:5px;box-sizing:border-box;background:#efefef;margin:5% 0 1%}.w80{width:80%}.w100{width:100%}.current-num{padding-top:3rem;padding-bottom:2rem;display:flex;justify-content:space-between}.contact-title{background:#efefef;padding:2%;margin-block-start:1em;text-align:center;margin-bottom:3%}.current-num .num-circle{display:inline-block;width:30px;height:30px;border:3px solid #ddd;border-radius:15px;background:#ffffff;text-align:center;line-height:26px;color:#bbb;font-weight:700}.current-num .current-page{border:3px solid #35495e;color:#35495e}.current-num .passed-page{background-color:#41b883;border:3px solid #41b883;color:#fff}.contact-form{border:2px solid #41b883;border-radius:5px;-moz-box-shadow:0px 0px 13px 5px rgba(0,0,0,.1);-webkit-box-shadow:0px 0px 13px 5px rgba(0,0,0,.1);-ms-box-shadow:0px 0px 13px 5px rgba(0,0,0,.1);box-shadow:0 0 13px 5px #0000001a}.contact-form .select{width:90%;margin:auto;position:relative}.contact-form .select h3{width:70%;border-left:5px solid #41b883;margin:1rem 0 0;padding:.5em 0 .5em .5em;color:#0e271c}.contact-form .select h3 span{font-size:14px;font-size:1.4rem;font-weight:400}.contact-form .select .required{position:absolute;top:.5em;right:0;width:20%;background:#b84841;padding:.2em 0;border-radius:5px;color:#fefefe;text-align:center}label{display:block;margin:1% 0;width:100%;background:#f5f5f5}input[type=radio],input[type=checkbox]{display:none}input[type=radio]+span,input[type=checkbox]+span{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;padding:10px 11px 8px 36px;border-radius:4px;font-weight:500;font-size:14px}input[type=radio]+span:before,input[type=checkbox]+span:before{content:"";display:block;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto 10px auto 0;box-sizing:border-box;width:20px;height:20px;background:#fff;border:2px solid #999999;left:9px}input[type=radio]:checked+span:before,input[type=checkbox]:checked+span:before{border:2px solid #CD3939}input[type=radio]+span:after,input[type=checkbox]+span:after{content:"";display:block;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto 10px auto 0;box-sizing:border-box;width:10px;height:10px;background:#999999;left:14px;opacity:0}input[type=radio]:checked+span:after,input[type=checkbox]:checked+span:after{background:#CD3939;opacity:1}input[type=radio]:checked+span,input[type=checkbox]:checked+span{color:#cd3939;font-weight:700}@media (max-width: 650px){input[type=radio]+span,input[type=checkbox]+span{padding:10px 11px 8px 36px}}.copied-userid,.copied-username{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;background:#ccc;margin-top:0%;font-weight:500}#footer{background:#35495e;margin-top:auto}#footer p{color:#fff;font-size:.5rem;letter-spacing:1px;text-align:center;display:block;font-weight:100}#footer .container-top{max-width:200px;margin:0 auto;text-align:center;padding:2%}#footer .container-top img{width:60%}
