@charset "utf-8";
/* Copyright 2026 design hack. */

/* ------------------------------------------------------------

CONTACT

------------------------------------------------------------ */
p#wrap_tel{text-align: center;margin-bottom: 200px;}

/* FORM */
div#wrap_form{background: #E1EDF4;padding:60px;border-radius: 12px;margin: 50px 0 0 0;}

div#wrap_form table{width: 100%;margin: 0 0 40px 0;}
div#wrap_form table th,div#wrap_form table td{padding: 40px 0;border-bottom: 2px solid #A8B3B9;}
div#wrap_form table tr:first-child th,div#wrap_form table tr:first-child td{padding: 0 0 40px;}

div#wrap_form table th{width: 27.778%;vertical-align: middle;font-weight: 600;line-height: 1.0;}
div#wrap_form table th span{background: #0068A5;color: #FFFFFF;font-size: 14px;border-radius: 20px; padding:2px 20px 1px;margin-left: 10px;}
input[type="text"],input[type="email"],textarea{width: 340px;height:60px;padding: 10px;background: #FFFFFF;}
td.table_tel input[type="text"]{width: 340px;}
input[type="email"]{width: 500px;}
textarea {width: 500px;height: 200px;resize: vertical;display: block;}


@media print, screen and (max-width: 884px){
div#wrap_form table th{width: 30%;}
input[type="text"],input[type="email"],textarea{width: 100%;}
}

@media print, screen and (max-width: 767px){
p#wrap_tel{margin-bottom: 100px;}
    
div#wrap_form{padding: 30px 20px 40px;margin: 20px 0 0 0;}

div#wrap_form table{margin: 0 0 30px 0;}
div#wrap_form table th,div#wrap_form table td{display: block;}
div#wrap_form table tr:first-child th,div#wrap_form table tr:first-child td{padding: 0 0 24px;}
div#wrap_form table th{padding:34px 0 24px;width: 100%;border-bottom: none;}
div#wrap_form table th span{font-size: 13px;padding:2px 20px 1px;}
div#wrap_form table td {padding: 0 0 30px 0;} 
textarea {height: 200px;} 
}

/* scroll area */
div#privacy{width: 100%;}
p#ttl_privacy{font-weight: 700;line-height: 1.0;margin-bottom: 30px;}
div.scroll_area{height:200px;margin-bottom:60px;font-size:14px;background: #FFFFFF;}
div.scroll_area div.inner_scroll{margin:15px 40px 20px 15px;}
div.scroll_area div.inner_scroll p{margin-bottom:25px;}
div.scroll_area dl dd{margin-bottom:25px;}

@media print, screen and (max-width: 767px){
p#ttl_privacy{margin-bottom: 25px;}
div.scroll_area{height:200px;margin-bottom:40px;font-size:13px;}
div.scroll_area div.inner_scroll{margin:15px;}
div.scroll_area dl dd{margin-bottom:15px;}
}

/* テーブル確認ページ
---------------------------------------------- */
p.form_txt_err{margin-bottom: 100px;}
p.form_txt_send{margin-bottom: 80px;text-align: center;}
p.form_txt_thank{margin: 50px 0 70px;text-align: center;}
p.form_txt_back{font-weight: 700;text-align: center;}
@media print, screen and (max-width: 767px){
p.form_txt_err{margin-bottom: 50px;}
p.form_txt_send{margin-bottom: 40px;}
}

/* input
---------------------------------------------- */
div.button_box{text-align: center;}
/*--内容確認--*/
input#submit{background:url(/contact/img/btn_submit.png) no-repeat 0 0;border:medium none;outline:none;display:inline-block;width:280px;height:64px;text-indent:-9999px;cursor:pointer;}
input#submit:hover{background:url(/contact/img/btn_submit_on.png) no-repeat 0 0;transition: 0.3s;}
/*--戻る--*/
input#back{background:url(/contact/img/btn_back.png) no-repeat 0 0;border:medium none;display:inline-block;text-indent:-9999px;width:160px;height:64px;cursor:pointer;}
input#back:hover{background:url(/contact/img/btn_back_on.png) no-repeat 0 0;}
/*--送信--*/
input#send{background:url(/contact/img/btn_send.png) no-repeat 0 0;border:medium none;display:inline-block;text-indent:-9999px;width:280px;height:64px;cursor:pointer;margin-left: 20px;}
input#send:hover{background:url(/contact/img/btn_send_on.png) no-repeat 0 0;}
@media print, screen and (max-width: 767px){
/*--内容確認--*/
input#submit{background:url(/contact/img/btn_submit_sp.png) no-repeat 0 0;background-size:260px 64px;width:260px;height:64px;text-indent:-9999px;cursor:pointer;}
input#submit:hover{background:url(/contact/img/btn_submit_sp.png) no-repeat 0 0;background-size:260px 64px;}
/*--戻る--*/
input#back{background:url(/contact/img/btn_back_sp.png) no-repeat 0 0;background-size:130px 64px;width:130px;height:64px;}
input#back:hover{background:url(/contact/img/btn_back_sp.png) no-repeat 0 0;background-size:130px 64px;}
/*--送信--*/
input#send{background:url(/contact/img/btn_send_sp.png) no-repeat 0 0;background-size:160px 64px;width:160px;height:64px;margin:0 0 0 20px;}
input#send:hover{background:url(/contact/img/btn_send_sp.png) no-repeat 0 0;background-size:160px 64px;}
}
@media print, screen and (max-width: 410px){
/*--内容確認--*/
input#submit{background:url(/contact/img/btn_submit_sp.png) no-repeat 0 0;background-size:203.125px 50px;width:203.125px;height:50px;}
input#submit:hover{background:url(/contact/img/btn_submit_sp.png) no-repeat 0 0;background-size:203.125px 50px;}
/*--戻る--*/
input#back{background:url(/contact/img/btn_back_sp.png) no-repeat 0 0;background-size:101.5625px 50px;width:101.5625px;height:50px;}
input#back:hover{background:url(/contact/img/btn_back_sp.png) no-repeat 0 0;background-size:101.5625px 50px;}
/*--送信--*/
input#send{background:url(/contact/img/btn_send_sp.png) no-repeat 0 0;background-size:125px 50px;width:125px;height:50px;margin:0 0 0 4px;}
input#send:hover{background:url(/contact/img/btn_send_sp.png) no-repeat 0 0;background-size:125px 50px;}
}
