@charset "euc-jp";

/***************************************************
	content.css
***************************************************/

#content {
	padding-top: 30px;
	background: url(/img/common/bg01.png) 0 0 repeat;
}

#contact #contactAtc {
	padding-bottom: 1px;
}
#contact #contactAtc .container {
	margin-bottom: 30px;
	background-color: #fff;
}
#contact #contactAtc .content_inn {
	padding: 75px 170px 90px;
}

.flowbox {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px dotted #bbbbbb;
	text-align: center;
}
.flowbox li {
	display: inline-block;
	padding: 0 33px;
	background: url(/img/contact/arr01.png) no-repeat 100% 50%;
	color: #bbbbbb;
}
.flowbox li:last-child {
	background-image: none;
}
.flowbox li.active {
	color: #46800f;
}

#formSec {
	padding-top: 60px;
}
#formSec .w100 {
	width: 100%;
}
#formSec dl {
	margin-bottom: 65px;
}
#formSec dt {
	float: left;
	width: 160px;
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
#formSec dt span {
	color: #fa420c;
	font-size: 16px;
	font-size: 1.6rem;
}
#formSec dd {
	float: left;
	width: 450px;
	margin-bottom: 25px;
}
#formSec dd textarea {
	width: 100%;
	height: 140px;
}
#formSec dd input[type=text] {
	width: 350px;
}
#formSec div.btn {
	text-align: center;
}
#formSec div.btn a,
#formSec div.btn input {
	display: inline-block;
	margin: 0 15px;
}


/* #contact.index
------------------------------------------------------------ */
.index .text01 {
	margin-bottom: 30px;
	line-height: 2.0;
}
.index .text02 {
	font-size: 12px;
	font-size: 1.2rem;
}
.index .text02 span {
	color: #fa420c;
	font-size: 16px;
	font-size: 1.6rem;
}

.alert {
    color: red;
    font-size: 12px;
}



/* #contact.check
------------------------------------------------------------ */
.check .text01 {
	margin-bottom: 0;
	line-height: 2.0;
}
.check #formSec dd {
	margin-bottom: 40px;
}
.check #back-btn {
    width: 90px;
    height: 37px;
    border: none;
    background: url(/img/contact/btn02_off.png);
}
.check #back-btn:hover{
    width: 90px;
    height: 37px;
    border: none;
    background: url(/img/contact/btn02_on.png);
}
.check #send-btn {
    width: 130px;
    height: 37px;
    border: none;
    background: url(/img/contact/btn03_off.png);
}
.check #send-btn:hover{
    width: 130px;
    height: 37px;
    border: none;
    background: url(/img/contact/btn03_on.png);
}

/* #contact.complete
------------------------------------------------------------ */
.complete .text01 {
	margin-bottom: 0;
	line-height: 2.0;
}
#contact.complete #bottomSec {
	margin-bottom: 90px;
}
#contact.complete #bottomSec .img01 {
	text-align: center;
}
#contact.complete .topbtn {
	padding-bottom: 90px;
	text-align: center;
}