@charset "UTF-8";


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

   contact

------------------------------------------------------------ */
#contact .txt_contact {
	text-align:center;
	margin-bottom:50px;
}


#contact .add_list {
	margin:0 auto 50px;
	width:45em;
	font-size:0.9em;
}
#contact .add_list li {
	list-style:disc;
}
#contact .privacy {
	width:90%;
	margin:0 5% 50px;
}
#contact .accordion dt {
    cursor:pointer;
    background-image:url(../common/img/ico_plus.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
	background-color:#3b3e3f;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px 10px;
}
#contact .accordion dt.active{
    background-image:url(../common/img/ico_minus.gif);
}
#contact .accordion dt.over {
    background-color:#4e5152;
}
#contact .privacy dd {
	display:none;
	border-left:1px solid #4e5152;
	border-right:1px solid #4e5152;
	border-bottom:1px solid #4e5152;
	padding:30px 100px;
}
#contact .privacy dd .name {
	text-align:right;
	padding-top:1em;
}


#contact .errmess {
	text-align:center;
	color:#b72323;
	padding:1em 0;
	background:#f8e9e9;
	margin:0 5% 30px;
}
#contact .txt_finish {
	text-align:center;
	margin-bottom:50px;
}
#contact .btn_bktop {
	text-align:center;
	margin:100px auto 70px;
	width:40% !important;
}
#contact .btn_bktop a {
	width:auto !important;
	display:block;
}


/* ------------------------------------------------------------
   フォーム
------------------------------------------------------------ */
#contact form {
	margin:0 5%;
}
#contact form dl {
	/*width:90%;
	padding:0 5%;*/
	border-bottom:1px solid #ecedf0;
}

#contact form dt {
	display: block;
	width:27%;
	padding:2% 1%;
	clear:left;
	float:left;
	border-top:1px solid #ecedf0;
	font-weight:bold;
	color:#18509d;
}
#contact form dt .hissu {
	background:#18509d;
	padding:2px 8px;
	color:#fff;
	font-weight:normal;
	font-size:80%;
	margin-left:10px;
}
#contact form dd {
	display: block;
	width:69%;
	padding:2% 1%;
	float:left;
	border-top:1px solid #ecedf0;
}
#contact form dd input,
#contact form dd textarea {
	font-size: 1em;
	border: 1px solid #ccc;
	padding: 5px;
}
#contact form dd #zip1,
#contact form dd #zip2 {
	width:5em;
	margin-bottom:5px;
}
#contact form dd textarea {
	height:10em;
}


#contact .input_name,
#contact .input_ruby,
#contact .input_tel,
#contact .input_fax {
	width:40%;
}
#contact .input_mail {
	width:70%;
}
#contact .input_zip {
	width:20%;
	margin-bottom:10px;
}
#contact .input_address,
#contact textarea {
	width:100%;
}



.btn_submit {
	text-align:center;
	display:block;
}
.btn_submit input,
.btn_bktop a {
	background-color: #232729;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	padding:20px 2% !important;
	margin:50px 0px 30px;
	border:none;
	color:#fff !important;
	font-size:1em;
	cursor:pointer;
	width:40%;
}
.btn_submit input:hover,
.btn_bktop a:hover {
	background-color: #666;
}
.btn_wrap {
	text-align:center;
	margin-top:30px;
}
.btn_wrap .btn_submit {
	display:inline;
	width:40%;
	margin-left:5%;
	margin-right:5%;
}
.btn_wrap .btn_submit input {
	
}

@media screen and (min-width:769px) {	/* PC */

}

@media only screen and (min-width:769px) and (max-width:1023px) {

}


@media only screen and (min-width:481px) and (max-width:768px) {	/* タブレット */
#contact .privacy {
	width:100%;
	margin-left:0;
}
#contact .privacy dd {
	padding:30px 30px;
	font-size:0.9em;
}
}

@media screen and (max-width:480px) {	/* スマホ */
#contact .txt_contact {
	text-align:left;
}
#contact .inner .txt_c {
	text-align:left !important;
}
#contact .add_list {
	margin:30px 0 30px 1em;
	width:auto;
	font-size:0.9em;
}
#contact .privacy {
	width:100%;
	margin-left:0;
}
#contact .privacy dd {
	padding:15px;
	font-size:0.8em;
}
#contact form {
	margin:0;
}
#contact form dl {
	width:100%;
}
#contact form dt {
	width:100%;
	padding:10px 0 5px;
}
#contact form dd {
	width:100%;
	border-top:none;
	padding:0 0 10px;
}


#contact .txt_finish {
	text-align:left;
}
#contact .txt_finish {
	text-align:left;
}
#contact .btn_bktop {
	text-align:center;
	margin:30px auto;
	width:96% !important;
}
#contact .btn_submit input {
	width:96%;
}


#contact .input_zip {
	width:20%;
	margin-bottom:10px;
}
#contact .input_name,
#contact .input_ruby,
#contact .input_tel,
#contact .input_fax,
#contact .input_mail,
#contact .input_address,
#contact textarea {
	width:96%;
}
}