*{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#333}.contact-wrap{width:100%;padding:10px 20px 30px}.contactus-title{color:#487109;font-family:"Noto Serif JP",serif;font-size:3em;letter-spacing:.2em;margin:20px auto 40px;text-align:center;text-shadow:-1px 1px 0 #fff;font-weight:500}.contactus-text{font-size:1em;width:500px;max-width:100%;margin:0 auto;text-align:justify}.form_title{font-size:1.2em;line-height:1.6em;font-weight:500;margin-top:40px;letter-spacing:1px;margin-left:25%;padding-left:1em;text-indent:-1em;padding-bottom:6px}.form_title span,.required-note{color:#FA070B;font-size:70%}.input{width:50%;height:36px;border:1px solid #ccc;margin-left:25%;border-radius:3px;padding:4px 8px;font-size:16px}.inquiry{width:50%;border:1px solid #ccc;margin-left:25%;border-radius:3px;padding:8px;font-size:16px;line-height:1.6;resize:vertical}.check_button{color:#fff;background:#666;margin:10px 0 20px 25%;border:0;font-size:1em;letter-spacing:.2em;padding:8px 18px;cursor:pointer;box-shadow:0 10px 6px -6px #777;border-radius:2px}.errors{width:500px;max-width:100%;margin:30px auto;padding:12px 16px;background:#fff3f3;border:1px solid #e6aaaa;color:#b00000}.errors p{margin:4px 0}.complete{width:600px;max-width:100%;margin:80px auto;text-align:center;line-height:2}.hp{position:absolute;left:-9999px;opacity:0}.clear{clear:both}@media(max-width:1000px){.form_title{margin-left:0}.input,.inquiry{width:100%;margin-left:0}.check_button{margin-left:0}}@media(max-width:600px){.contact-wrap{padding:5px 15px 25px}.contactus-title{font-size:2em;margin:15px auto 25px}.form_title{font-size:1.1em;margin-top:28px}.br-nonsp3{display:none}}

/* 確認画面 */
.confirm-title{margin-bottom:20px}
.confirm-lead{width:700px;max-width:100%;margin:0 auto 30px;text-align:center;line-height:1.8}
.confirm-box{width:700px;max-width:100%;margin:0 auto}
.confirm-list{margin:0;border-top:1px solid #ccc}
.confirm-list>div{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid #ccc}
.confirm-list dt{margin:0;padding:16px;background:#f5f5f5;font-weight:500}
.confirm-list dd{margin:0;padding:16px;word-break:break-word;line-height:1.7}
.confirm-list .message-cell{min-height:140px;white-space:normal}
.confirm-form{width:700px;max-width:100%;margin:0 auto}
.confirm-buttons{display:flex;justify-content:center;gap:18px;margin:30px 0 20px}
.back_button,.send_button{border:0;border-radius:2px;padding:10px 24px;font-size:1em;letter-spacing:.12em;cursor:pointer}
.back_button{background:#ddd;color:#333}
.send_button{background:#666;color:#fff;box-shadow:0 10px 6px -6px #777}
@media(max-width:600px){
  .confirm-lead{text-align:left}
  .confirm-list>div{display:block}
  .confirm-list dt{padding:10px 12px}
  .confirm-list dd{padding:12px}
  .confirm-buttons{gap:10px}
  .back_button,.send_button{flex:1;padding:11px 8px}
}

/* 送信完了画面 */
.top_button{display:inline-block;color:#fff;background:#666;margin:30px auto;padding:10px 25px;font-size:1em;letter-spacing:.1em;text-decoration:none;border-radius:3px;box-shadow:0 10px 6px -6px #777;transition:.3s}
.top_button:hover{background:#487109}

@media screen and (max-width: 600px) {

    .contactus-text {
        width: 90%;
        margin-left: auto;
        margin-right: auto;

        text-align: justify;
        text-justify: inter-ideograph;

        line-height: 1.8;
    }

    /* PC用の強制改行をスマホでは解除 */
    .contactus-text br {
        display: none;
    }
}