#describe { overflow: hidden; }

.ccon #describe article { margin-bottom: 30px; float: left; width: 100%; }
.ccon #Cgmap { margin: 20px 80px 0 0; float: left; width: 400px; }
.ccon form { float: left; width: calc(100% - 480px); }
#Cgmap iframe { width: 100%; height: 600px; }

.contact-set { text-align: center; }
.contact-set .inside { margin-top: 70px; font-family: 'Candal',sans-serif; line-height: 150%; text-align: center; font-weight: 400; 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 */
form , fieldset { overflow: hidden; margin: 0; padding: 0; border: 0; }
form .list { padding: 20px 40px; }
form .list p { overflow: hidden; font-size: 16px; }
form .list p label { margin-bottom: 10px; display: block; font-weight: 700; }
form .list p label strong { margin-left: 5px; font-size: 12px; color: red; vertical-align: bottom; }
form .list p input , form .list p textarea { padding: 10px; width: calc(100% - 20px); border-bottom: 1px solid #8a8a8a; font-size: 16px; }
form .list p input#Checknum { margin-right: 10px; width: 100px; }
form .list.last { position: relative; padding-bottom: 0; border-bottom: none; z-index: 1; text-align: center; }
form .list.last p { display: inline-block; }
form .list.last p input { position: relative; width: 250px; background: #bd3738; border: none; display: inline-block; text-align: center; color: #fff; cursor: pointer; transition: all linear .2s; }
form .list.code img { margin-top: 8px; }

/* orderStyle */
.orderStyle { padding: 20px; }
#order .orderWrap { margin-bottom: 15px; }
#order .orderWrap .orderList { overflow: hidden; position: relative; 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; line-height: 100px; text-align: center; }
#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: 400; color: #fff; }
#order .orderWrap .orderList p input[type="button"]:hover { background: #901c1c; }
#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: 400; 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:1522px) {
	.ccon #Cgmap { margin-right: 50px; width: 300px; }
	.ccon form { width: calc(100% - 350px); }
	#Cgmap iframe { height: 500px; }
}
@media screen and (max-width:1440px) {
	.ccon #Cgmap { margin: 0; width: 100%; }
	.ccon form { width: 100%; }
	#Cgmap iframe { height: 250px; }
}
@media screen and (max-width:1280px) {
	.contact-form , #order { width: 100%; }
}
@media screen and (min-width:1025px) {
	form .list.last p input:hover { background: #980d0e; }
	#order .button p a:hover { opacity: .7; }
}
@media screen and (max-width:768px) {
	form .list p input , form .list p textarea { margin-top: 10px; width: calc(100% - 22px); }
	form .list p label { width: 100%; }
	.step ul li { padding: 0 30px; }
	form .list.code img { 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 { padding: 10px 0; margin: 0; width: 49%; border-bottom: 0; display: inline-block; line-height: 33px; }
	#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; }
}
@media screen and (max-width:480px) {
	form .list { padding: 20px 0; }
	.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; }
}