#describe { overflow: hidden; }
.ccon #describe article { float: left; width: 100%; margin-bottom: 30px; }
.ccon #Cgmap { float: left; width: 400px; margin-top: 20px; margin-right: 80px; }
.ccon form { float: left; width: calc(100% - 480px); }
#Cgmap iframe { width: 100%; height: 600px; }
.contact-set { text-align: center; }
.contact-set .inside { font-family: 'Candal', sans-serif; line-height: 150%; text-align: center; color: #6ee6a8; font-weight: normal; font-size: 40px; margin-top: 70px; }
.contact-set article { text-align: center; line-height: 150%; font-size: 16px; padding: 30px; }

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

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

/* order */
.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 { width: 15%; float: left; }
#order .orderWrap .orderList p:first-child { width: 40%; }
#order .orderWrap .orderList p label { padding-bottom: 5px; border-bottom: 2px #005f5e solid; text-align: center; display: none; }
#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: normal; 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: normal; color: #fff; }
#order .button p.link a { background: #e17b60; }
#order .button p a i { vertical-align: initial; }
#order .button p a:hover { opacity: 0.7; }

.contact-center, .contact-center p { text-align: center; }

@media screen and (max-width:1522px) {
	.ccon #Cgmap { width: 300px; margin-right: 50px; }
	.ccon form { width: calc(100% - 350px); }
	#Cgmap iframe { height: 500px; }
}
@media screen and (max-width:1440px) {
	.ccon #Cgmap { width: 100%; margin: 0; }
	.ccon form { width: 100%; }
	#Cgmap iframe { height: 250px; }
}
@media screen and (max-width:1280px) {
	.contact-form, #order { width: 100%; }
}
@media screen and (max-width:768px) {
	form .list p input, form .list p textarea { width: calc(100% - 20px - 2px); margin-top: 10px; }
	form .list p label { width: 100%; }
	.step ul li { padding: 0 30px; }
	form .list.code img { margin-top: 18px; float: left; }
	#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; }
}
@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; }
}