@charset "utf-8";
/* Copyright 2024 design hack. */

/* ------------------------------------------------------------

CONTACT

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(7) a img{opacity: 0;}
div#bg_h2_pc{background:url(/contact/img/h2_bg.png) no-repeat center 0;height:520px;padding-top: 70px;}

/* コンテンツ
---------------------------------------------- */
section#contact{width: 1200px;margin: 0 auto;padding-bottom: 140px;}

table{margin:60px 0;width: 100%;border-top: 1px solid #DCDAC9;border-bottom: 1px solid #DCDAC9;}
table th,table td{padding: 20px 0;}
table tr:first-child th,table tr:first-child td{padding: 50px 0 12px;}
table tr:last-child th,table tr:last-child td{padding: 20px 0 50px;}
table th{width: 300px; vertical-align: middle;font-weight: 700;line-height: 1.0;}
table th span{background: #A1864E;color: #FFFFFF;font-size: 13px;padding:5px 10px 6px;margin-left: 10px;font-weight:400;border-radius: 15px;display: inline-block;}
table td p{font-size: 15px;margin-top: 10px;}

label{display: block;}
label:last-child{margin-bottom: 0;}
input[type="radio"] {position: relative;width: 16px;height: 16px;border: 1px solid #333333;background: #FFFFFF; border-radius: 50%;vertical-align: -2px;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin-right: 10px;}
input[type="radio"]:checked:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 9px;height: 9px;border-radius: 50%;background: #000;content: '';}
table td input[type="text"],table td input[type="email"],table td textarea{width: 460px;height: 70px;padding: 10px;background: #FFFFFF;border-radius: 10px;}
table td textarea {width: 600px;height: 200px;resize: vertical;}
table td input[type="email"]{width: 600px;}
table td#tell input[type="text"]{width: 300px;}

@media print, screen and (max-width: 1200px){
section#contact{width: 100%;margin: 0;padding:0 30px 140px;}
table th{width: 28%;}
table td input[type="text"],table td input[type="email"],table td textarea{width: 100%;}
table td textarea {width: 100%;}
table td input[type="email"]{width: 100%;}
}

@media print, screen and (max-width: 767px){
section#contact{width: 100%;margin: 0;padding:0 30px 70px;}
table{margin:35px 0 40px;}
table th,table td{display: block; padding:0;}
table th {width: 100%;margin-bottom: 25px;}
table th span{font-size: 12px;padding:1px 10px 2px;}
table td {margin-bottom: 35px;}
table tr:first-child th{padding:40px 0 0 0;}
table tr:first-child td,table tr:last-child th,table tr:last-child td{padding:0 0 0 0;}

input[type="radio"] {position: relative;width: 14px;height: 14px;border: 1px solid #333333;background: #FFFFFF; border-radius: 50%;vertical-align: -2px;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin-right: 10px;}
input[type="radio"]:checked:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 6px;height: 6px;border-radius: 50%;background: #000;content: '';}
table td input[type="text"],table td input[type="email"],table td textarea{height: 60px;}
table td textarea {height: 200px;resize: vertical;}
table td#tell input[type="text"]{width: 250px;}
}

/* scroll area
---------------------------------------------- */
p#ttl_privacy{color: #0E4813; font-weight: 700;line-height: 1.0;margin-bottom: 40px;}
div#privacy{width: 100%;}
div.scroll_area{height:180px;margin-bottom:80px;font-size:15px;border: 1px solid #DCDAC9;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){
p#ttl_privacy{margin-bottom: 20px;}
div#privacy{width: 100%;margin: 0;}
div.scroll_area{height:150px;margin-bottom:40px;font-size:11px;}
div.scroll_area div.inner_scroll{margin:15px;}
div.scroll_area dl dd{margin-bottom:15px;}
}

/* テーブル確認ページ
---------------------------------------------- */
div#form_wrap_check{padding:0 60px;}
@media print, screen and (max-width: 767px){
div#form_wrap_check{padding: 0 20px;}
}

/* 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:320px;height:80px;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:200px;height:80px;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:320px;height:80px;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:250px 60px;width:250px;height:60px;text-indent:-9999px;cursor:pointer;}
input#submit:hover{background:url(/contact/img/btn_submit_sp.png) no-repeat 0 0;background-size:250px 60px;}
/*--戻る--*/
input#back{background:url(/contact/img/btn_back_sp.png) no-repeat 0 0;background-size:130px 60px;width:130px;height:60px;}
input#back:hover{background:url(/contact/img/btn_back_sp.png) no-repeat 0 0;background-size:130px 60px;}
/*--送信--*/
input#send{background:url(/contact/img/btn_send_sp.png) no-repeat 0 0;background-size:150px 60px;width:150px;height:60px;margin:0 0 0 40px;}
input#send:hover{background:url(/contact/img/btn_send_sp.png) no-repeat 0 0;background-size:150px 60px;}
}