#describe { overflow: hidden; position: relative; }
#describe:after { position: absolute; width: 50%; height: 100%; background: #e2e2e2; display: block; left: 0; bottom: 0; z-index: 1; content: ""; }
.orderStyle #describe:after { display: none; }
#describe .leftd { position: relative; padding: 100px 300px 100px 100px; float: right; width: calc(50% - 400px); z-index: 2; }
#describe .rightd { position: relative; padding: 100px 100px 100px 300px; float: left; width: calc(50% - 400px); z-index: 2; }

.ccon #describe article { margin-bottom: 30px; width: 100%; }
.ccon #Cgmap { margin-top: 20px; width: 100%; }

#Cgmap iframe { width: 100%; height: 600px; }

.contact-set { text-align: center; }
.contact-set .inside { margin-top: 70px; font-family: 'Candal',sans-serif; text-align: center; line-height: 150%; font-weight: normal; font-size: 40px; color: #6ee6a8; }
.contact-set article { padding: 30px; text-align: center; line-height: 150%; font-size: 16px; }

.step { margin: 0 0 120px; text-align: center; }
.step ul { padding: 20px 0; text-align: center; }
.step ul li { position: relative; margin-right: -4px; padding: 0 50px; display: inline-block; font-size: 16px; color: #23a05f; }
.step ul li:before , .step ul li:after { position: absolute; width: calc(40% - 2em); height: 1px; background: #7beeb2; top: calc(50% - 1px); right: 0; content: ""; }
.step ul li:before { left: 0; right: auto; }
.step ul li:first-child:before , .step ul li:last-child:after { display: none; }

.contact-form , #order { margin: 0 auto; }

form , fieldset { overflow: hidden; margin: 0; padding: 0; border: 0; }
form .list { margin-bottom: 10px; padding: 20px 40px; background: #fff; border-radius: 10px; }
form .list p { overflow: hidden; font-size: 16px; }
form .list p label { margin-top: 10px; float: left; width: 200px; display: block; font-weight: bold; }
form .list p label strong { margin-left: 5px; font-size: 12px; color: #F00; vertical-align: bottom; }
form .list p input , form .list p textarea { padding: 10px; float: left; width: calc(100% - 220px); background: #f5f5f5; }
form .list p input#Checknum { margin-right: 10px; width: 100px; }
form .list.last { position: relative; padding: 10px 20px; border: 2px solid #3b849a; display: block; text-align: center; z-index: 1; }
form .list.last p input { position: relative; float: none; width:100%; background: none; border: none; display:block; text-align: center; font-weight: bold; font-size: 16px; color: #1d748e; cursor: pointer; }
form .list.last p:before , form .list.last p:after { position: absolute; width: 250px; height: 37px; left: calc(50% - 125px); bottom: 0; z-index: -2; transition: all ease-in-out .3s; }
form .list.last p:before { width: 0; height: 37px; z-index: -1; }
form .list.code img { margin-top: 8px; }
.leftd .index-title { margin: 0; }

/* order */
#order .orderWrap { margin-bottom: 15px; }
#order .orderWrap .orderList { position: relative; overflow: hidden; padding: 10px 0; border-bottom: 1px #8e8e8e dashed; }
#order .orderWrap .orderList p { float: left; width: 15%; }
#order .orderWrap .orderList p:first-child { width: 40%; }
#order .orderWrap .orderList p label { padding-bottom: 5px; border-bottom: 2px #005f5e solid; display: none; text-align: center; }
#order .orderWrap .orderList:first-child p label { display: block; }
#order .orderWrap .orderList p b { margin: 5px 20px; display: block; text-align: center; line-height: 100px; }
#order .orderWrap .orderList p:first-child b { text-align: left; }
#order .orderWrap .orderList p b a { color: #000; }
#order .orderWrap .orderList p b img { margin-right: 15px; height: 100px; }
#order .orderWrap .orderList p input[type="text"] { padding: 0 10px; width: 30px; border: 1px #ddd solid; font-size: 16px; }
#order .orderWrap .orderList p input[type="button"] { margin-left: 0; padding: 5px 10px; background: #ec3939; border-color: #901c1c; font-size: 14px; font-weight: normal; color: #fff; }
#order #orderTotal p { margin: 10px 0; text-align: right; }
#order .button { margin: 15px 0 30px; text-align: center; }
#order .button p.link { text-align: right; }
#order .button p { width: 49%; display: inline-block; }
#order .button p a { padding: 10px 20px; background: #8c7d68; display: inline-block; font-weight: normal; color: #fff; }
#order .button p.link a { background: #e17b60; }
#order .button p a i { vertical-align: initial; }
.contact-center,.contact-center p { text-align: center; }

@media screen and (max-width:1680px) {
	#describe .leftd { padding: 100px 200px 100px 100px; width: calc(50% - 300px); }
	#describe .rightd { padding: 100px 100px 100px 200px; width: calc(50% - 300px); }
}
@media screen and (max-width:1522px) {
	#Cgmap iframe { height: 500px; }
	#describe .leftd { padding: 100px 150px 100px 100px; width: calc(50% - 250px); }
	#describe .rightd { padding: 100px 100px 100px 150px; width: calc(50% - 250px); }
}
@media screen and (max-width:1440px) {
	#Cgmap iframe { height: 250px; }
	#describe .leftd , #describe .rightd { padding: 100px; width: calc(50% - 200px); }
}
@media screen and (max-width:1280px) {
	.contact-form,#order { width: 100%; }
	#describe .leftd , #describe .rightd { padding: 100px 60px; width: calc(50% - 120px); }
}
@media screen and (min-width:1025px) {
	form .list.last p:hover:before { width: 250px; }
	form .list.last p:hover:after { width: 0; }
	#order .orderWrap .orderList p input[type="button"]:hover { background: #901c1c; }
	#order .button p a:hover { opacity: .7; }
}
@media screen and (max-width:1024px) {
	#describe .leftd { padding: 0 60px 50px; width: calc(100% - 120px); }
	#describe .rightd { padding: 0 60px 100px; width: calc(100% - 120px); }
	#describe:after { width: 100%; height: 80%; }
}
@media screen and (max-width:768px) {
	form .list p input , form .list p textarea { margin-top: 10px; width: calc(100% - 20px - 2px); }
	form .list p label { width: 100%; }
	.step ul li { padding: 0 30px; }
	form .list.code img { float: left; margin-top: 18px; }
	#order .orderWrap .orderList { border-bottom: 0; }
	#order .orderWrap .orderList p , #order .orderWrap .orderList p:first-child { float: none; width: 100%; border-bottom: 1px #8e8e8e dashed; }
	#order .orderWrap .orderList p label , #order .orderWrap .orderList:first-child p label , #order .orderWrap .orderList p b { margin: 0; padding: 10px 0; width: 49%; display: inline-block; line-height: 33px; border-bottom: 0; }
	#order .orderWrap .orderList p:first-child label , #order .orderWrap .orderList p:first-child b { width: 100%; text-align: center; }
	#order .orderList p b a { height: auto; }
	#order .orderWrap .orderList p:first-child label { border-bottom: 2px #0c6b69 solid; }
	#order .orderWrap .orderList p b img { margin: 0 auto 10px; max-width: 100%; height: auto !important; display: block; }
	.orderStyle { padding: 0; }
	form .list.last p input { margin-top: 0; }
}
@media screen and (max-width:480px) {
	form .list { padding: 20px; }
	.step { display: none; }
	.contact-set .inside { font-size: 30px; }
	.contact-set article { font-size: 14px; }
	.contact-set .inside { margin-top: 50px; }
	#Cgmap iframe { height: 150px; }
	#describe .leftd { padding: 0 30px 50px; width: calc(100% - 60px); }
	#describe .rightd { padding: 0 30px 70px; width: calc(100% - 60px); }
	form .list p label { margin: 0; }
}