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

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

CONTACT

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
div#bg_h2{background:url(/contact/img/h2_bg_pc.png) no-repeat center 0;height:460px;text-align: right;}
div#bg_h2 h2{width: 1200px;margin: 0 auto;}

@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/contact/img/h2_bg_sp.png) no-repeat center 0;background-size: 100%;height:auto;text-align: center;margin-top: 20px;}
div#bg_h2 h2{width: 100%;margin: 0;}
div#bg_h2 img{width: 100%;}
}

/* コンテンツ
---------------------------------------------- */
div#wrap_form{background: #EEEEEE;padding: 60px;}

table{margin-bottom: 30px;width: 100%;border-top: 1px solid #BABABA;}
table th{padding:30px 0 30px 40px;width: 300px;font-weight:bold;border-bottom: 1px solid #BABABA;text-align: left;line-height: 1.0;}
table th span{color: #FFFFFF;background: #333333; font-size: 14px;padding:1px 15px 3px;margin-left: 10px;font-weight:normal;border-radius: 15px;}
table td{padding:30px 0 ;border-bottom: 1px solid #BABABA;}
input[type="radio"]{position: relative;top: 2px; left: -4px;margin-bottom: 10px;}
table td input[type="text"],table td input[type="email"],table td textarea{width: 320px;height: 50px;padding: 10px;border:none;}
table td textarea {width: 500px;height: 160px;resize: vertical;}
table td input[type="email"]{width: 500px;}

@media print, screen and (max-width: 767px){
div#wrap_form{padding: 30px 15px;}

table{margin-bottom: 20px;}
table th{width: 100%;display: block;border-bottom:none;padding:20px 0 0 0;margin-bottom: 20px;}
table th span{font-size: 11px;padding:1px 10px 3px;}
table td{display: block;padding:0 0 15px;}
input[type="radio"]{position: relative;top: 2px; left: -4px;margin-bottom: 10px;}
table td input[type="text"],table td input[type="email"],table td textarea{width: 100%;height: 40px;}
table td textarea {width: 100%;height: 150px;}
table td input[type="email"]{width: 100%;}
}

/* scroll area
---------------------------------------------- */
p#h4_privacy{font-weight: bold;line-height: 1.0;margin-bottom: 20px;}
div#privacy{width: 100%;margin: 0 auto;}
div.scroll_area{height:160px;margin-bottom:60px;font-size:14px;border:none;background: #FFFFFF;}
div.scroll_area div.inner_scroll{margin:15px 40px 20px 15px;}
div.scroll_area dl dd{margin-bottom:25px;}
@media print, screen and (max-width: 767px){
div#privacy{width: 100%;margin: 0;}
div.scroll_area{height:150px;margin-bottom:30px;font-size:12px;}
div.scroll_area div.inner_scroll{margin:15px;}
div.scroll_area dl dd{margin-bottom:10px;}
}

/* input
---------------------------------------------- */
div.button_box{text-align: center;}
/*--内容確認--*/
input#submit{background:url(../contact/img/btn_submit_pc.png) no-repeat 0 0;border:medium none;outline:none;display:inline-block;width:280px;height:60px;text-indent:-9999px;cursor:pointer;}
input#submit:hover{background:url(../contact/img/btn_submit_pc_on.png) no-repeat 0 0;}
/*--戻る--*/
input#back{background:url(../contact/img/btn_back_pc.png) no-repeat 0 0;border:medium none;display:inline-block;text-indent:-9999px;width:280px;height:60px;cursor:pointer;}
input#back:hover{background:url(../contact/img/btn_back_pc_on.png) no-repeat 0 0;}
/*--送信--*/
input#send{background:url(../contact/img/btn_send_pc.png) no-repeat 0 0;border:medium none;display:inline-block;text-indent:-9999px;width:280px;height:60px;cursor:pointer;margin-left: 20px;}
input#send:hover{background:url(../contact/img/btn_send_pc_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:220px 50px;width:220px;height:50px;text-indent:-9999px;cursor:pointer;}
input#submit:hover{background:url(../contact/img/btn_submit_sp.png) no-repeat 0 0;background-size:220px 50px;}
/*--戻る--*/
input#back{background:url(../contact/img/btn_back_sp.png) no-repeat 0 0;background-size:130px 50px;width:130px;height:50px;}
input#back:hover{background:url(../contact/img/btn_back_sp.png) no-repeat 0 0;background-size:130px 50px;}
/*--送信--*/
input#send{background:url(../contact/img/btn_send_sp.png) no-repeat 0 0;background-size:150px 50px;width:150px;height:50px;margin:0 0 0 20px;}
input#send:hover{background:url(../contact/img/btn_send_sp.png) no-repeat 0 0;background-size:150px 50px;}
}