@charset "utf-8";
/*
機　　能　　名：お問い合わせ
作　　成　　日：2016/04/11
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	contact
**************************************** */

div#contact {
}

.contents h3.h3_txt {
text-align:left;
}
.contents p.sec_in {
margin:0 auto;
text-align:left;
line-height:1.6;
}

/* form_list */
div.form_list {
text-align:left;
margin:0 auto 50px auto;
background:url(../images/contact/form_list_bg.png) 0 0 repeat;
}
div.form_list ul li {
border-bottom:1px dotted #999;
line-height:1.4;
}
div.form_list ul li.lastChild {
border-bottom:none;
padding-bottom:0;
}
div.form_list ul li li {
padding:0px;
border-bottom:none;
}
div.form_list ul li input.mf_tel,
div.form_list ul li input.mf_zip,
div.form_list ul li input.mf_mail {
ime-mode:inactive;
}

/* inquiry_privacy */
div#inquiry_privacy {
height:100px;/* total 70px */
border:1px solid #999;
overflow:auto;
margin:0 auto;
text-align:left;
}
div#inquiry_privacy h3 {
margin:20px 0 10px 0;
}
div#inquiry_privacy p,
div#inquiry_privacy li {
line-height:1.6;
}
div#inquiry_privacy ul {
margin-top:10px;
}
div.form_list ul li span em {
color:#FFFFFF;
background:#CC0000;
font-style:normal;
font-size:0.7em;
padding:3px;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}

/* btn_box */
div#btn_box {
margin:50px auto;
position:relative;
}
div#btn_box li a {
background:#001E45;
width:auto;
display:block;
line-height:1.4;
padding:10px 20px 15px 20px;
text-align:center;
display:block;
margin:0 auto;
color:#FFFFFF;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
font-size:1.2em;
}
div#btn_box li a span {
font-size:0.7em;
}

div#btn_box li#form_back_btn a {
background:#7F8EA2;
width:220px;
height:1.5em;
padding:10px 20px 5px 20px;
line-height:1;
font-size:0.9em;
}
div#btn_box li#form_submit_btn a {
padding:20px;
}
div#btn_box li#form_back_top_btn a {
background:#7F8EA2;
width:230px;
height:35px;
line-height:35px;
}

/* errmsg */
div#errmsg {
border:5px solid #C00;
background:#FFCCCC;
padding:20px;
margin:30px auto;
}
div#errmsg li {
text-align:left;
margin:0 auto;
line-height:1.4;
margin-bottom:15px;
}
div#errmsg li.lastChild {
margin-bottom:0;
}

@media screen and (min-width: 769px) {/* PC */
div.contents {
width:100%;
}

div#bread_crumb {
width:960px;
margin:0 auto 40px auto;
}
.contents h2 {
margin:0 auto 100px auto;
width:584px;
}
.contents h3.h3_txt {
margin:20px auto 20px auto;
background:url(../images/common/icon_h3.png) left center no-repeat;
padding:5px 0 5px 40px;
font-size:20px;
font-weight:normal;
width:742px;
}
.contents h3.m {
font-weight:bold;
font-size:1.1em;
}
.contents p.sec_in {
width:700px;
}

/* form_list */
div.form_list {
width:1024px;
padding:40px 0;
font-size:17px;
}
div.form_list ul {
width:700px;
margin:0 auto;
}
div.form_list ul li {
padding:15px 10px 15px 200px;
position:relative;
}
div.form_list ul li span {
position:absolute;
top:14px;
left:10px;
width:170px;
}
div.form_list ul li span em {
position:absolute;
top:0;
right:0;
}
div.form_list ul li div {
font-size:16px;
}
div.form_list ul li input[type="text"],
div.form_list ul li input[type="tel"],
div.form_list ul li textarea {
width:440px;/* total 460px */
padding:10px;
font-size:16px;
}
div.form_list ul li input.mf_zip {
width:150px;/* total 420px */
}
div.form_list ul li label {
width:260px;
display:inline-block;
}
div.form_list ul li label.odd {
width:210px;
}

/* inquiry_privacy */
div#inquiry_privacy {
width:670px;/* total 700px */
padding:15px;
font-size:14px;
}

/* btn_box */
div#btn_box {
width:1024px;
}
div#btn_box li#form_confirm_btn a {
width:350px;
}
div#btn_box li#form_submit_btn a {
width:300px;
}
div#btn_box li#form_back_btn a {
position:absolute;
top:-30px;
left:0;
font-size:14px;
}
div#btn_box li#form_back_top_btn a {
font-size:0.9em;
}
div#btn_box li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
text-decoration:none;
}

/* errmsg */
div#errmsg {
width:560px;/* total 600px */
}
div#errmsg li {
width:400px;
}
}

@media screen and (max-width: 768px) {/* sp */
div.contents h2 img {
margin:0 auto 30px auto;
width:90%;
display:block;
}
.contents h3.h3_txt {
font-weight:normal;
margin:30px 0 10px 0;
font-size:1.2em;
padding:0px 0 0px 15px;
background:url(../images/common/icon_h3.png) left center no-repeat;
-webkit-background-size:10px auto;
}
.contents h3.m {
font-size:1.1em;
}


/* form_list */
div.form_list {
width:90%;/* total 100% */
padding:5%;
}
div.form_list ul li {
width:100%;
padding-bottom:5%;
margin-bottom:5%;
}
div.form_list ul li li {
padding-bottom:0;
margin-bottom:0;
}
div.form_list ul li span {
display:block;
margin-bottom:10px;
}
div.form_list ul li span em {
position:relative;
top:-2px;
left:0;
margin:0 0 0 5px;
}
div.form_list ul.confirm li span {
font-weight:bold;
}
div.form_list ul li div {
width:100%;
}
div.form_list ul li input[type="text"],
div.form_list ul li input[type="tel"],
div.form_list ul li textarea {
width:96%;/* total 100% */
padding:2%;
font-size:1.3em;
}
div.form_list ul li textarea::-webkit-scrollbar{ /* スクロールバー本体 */
width: 10px;
background: #ccc;
}
div.form_list ul li textarea::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background: #222;
border-radius: 5px;
}
div.form_list ul li input.mf_zip {
width:150px;
}
div.form_list ul li label {
width:100%;
display:inline-block;
line-height:2.5;
}

/* btn_box */
div#btn_box li a {
width:100%;
display:block;
}
div#btn_box li#form_submit_btn a {
width:100%;
padding:20px 0;
}
div#btn_box li#form_confirm_btn a {
width:100%;
padding:10px 0 12px 0;
}
div#btn_box li#form_back_btn a {
margin-bottom:20px;
}

/* inquiry_privacy */
div#inquiry_privacy {
width:94%;/* total 100% */
padding:3%;
font-size:0.9em;
}
div#inquiry_privacy::-webkit-scrollbar{ /* スクロールバー本体 */
width: 10px;
background: #ccc;
}
div#inquiry_privacy::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background: #222;
border-radius: 5px;
}

}