@charset "utf-8";

/* ****************************************************
Title: index.css
---------------------------------------------------------------------------- */

#header {background:url(../img/contact_bg.jpg) no-repeat bottom left; background-size:100%;height: 430px; position:relative; border-top: solid 4px #1586C6;}

.cont {margin-bottom:40px;padding-top:60px;}
.bar {margin:0 auto 30px;}
.txt_c {text-align:center;}

/* =============================
 .section1
==============================*/
.sec1 .bar {width: 300px;}

.sec1 form dl {width: 715px;margin: 0px auto 1em;}
.sec1 form input {width: 500px;height: 30px;font-size: 80%;padding-left: 10px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.sec1 form dt {width: 200px;font-weight: bold;}
.sec1 form select {height: 30px; font-size: 125%;}

.sec1 form dl.comments textarea {width: 100%; height: 100px;font-size: 100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.sec1 .reset_confirm {
    width: 304px;
    margin: 0 auto;
}

.sec1 .confirm {
    background-color: #373737;
    height: 35px;
    width: 130px;
    float: right;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
}

.sec1 input.confirm:hover {
    background-color: #666;
}

/* リセットボタン */

.sec1 .reset {
    background-color: #999;
    height: 35px;
    width: 130px;
    float: left;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
}

.sec1 input.reset:hover {
    background-color: #CCC;
}


/* 確認画面 */

.sec1 .back_submit {
    width: 304px;
    margin: 0 auto;
}

.sec1 .back_submit p {
    font-weight: bold;
    color:#F00;
    text-align: center;
    margin-bottom: 10px;
}

.sec1 .back_submit input#submit {
    background-color: #373737;
    height: 35px;
    width: 130px;
    float: right;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
}

.sec1 table th.submit input#submit:hover {
    background-color: #666;
}

.sec1 .back_submit input#back {
    background-color: #999;
    height: 35px;
    width: 130px;
    float: left;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
}
.sec1 .back_submit input#back:hover {
    background-color: #CCC;
}


dd .ERR {
    font-weight: bold;
    color:#F00;
}


#individual    {
	margin:0 auto 15px;
	width:700px;
	height:100px;
	border:1px solid #ccc;
	text-align:left;
	overflow:scroll;
	overflow-x:auto;
	overflow:auto;
	padding:10px;
	color:#333333;
	line-height:28px;
}

#individual h3 {
	font-size:115%;
	font-weight:bold;
	margin-bottom:20px;
}


@media screen and (max-width: 740px) {
#header {background:url(../img/contact_bg_sp.jpg) no-repeat top left; background-size:100%;height: 280px; position:relative; border-top: none;}
.sec1 form dl {width: 100%;margin: 0 0 1em;}
#sfm-form dl dd {
	width: 90%;
}


#sfm-form dl dd input {
	width: 100%;
}



#sfm-form dl dd.conf {
	margin: 0 0 0 1em;
}

.sec1 form select {
	margin: 0 0 0 1em;
}

#sfm-form dl dd textarea {
	width: 100%;
}

#individual    {width: 90%;}

}