#describe { overflow: hidden; }

.ccon #describe article { float: left; width: 100%; margin-bottom: 30px; }
.ccon #Cgmap { float: left; width: 400px; margin: 20px 80px 0 0; }
.ccon form { width: 100%; }

#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: 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; padding: 0 50px; margin-right: -4px; display: inline-block; font-size: 16px; color: #23a05f; }
.step ul li:after , .step ul li:before { 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 { padding: 20px 40px; border-bottom: 1px solid #eaeaea; }
form .list p { overflow: hidden; font-size: 16px; }
form .list p label {margin-top: 10px;float: left;width: 140px;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 select , form .list p textarea {padding: 10px;float: left;width: calc(100% - 162px);background: #efefef6e;border: 1px #e6e6e6 solid;}
form .list p select { width: calc(100% - 120px); }
form .list p input#Checknum { margin-right: 10px; width: 100px; }
form .list.address select { margin-right: 10px; width: 100px; }
form .list.address input { width: calc(100% - 362px); }
form .list.last { position: relative; padding-bottom: 0; border-bottom: none; text-align: center; z-index: 1; }
form .list.last p { display: inline-block; }
form .list.last p input { position: relative; padding: 10px 0; float: none; width:250px; background: none; border: none; display: inline-block; text-align: center; color: #fff; cursor: pointer; }
form .list.last p:after , form .list.last p:before {position: absolute;width: 250px;height: 37px;background: #234d9b;z-index: -2;transition: all ease-in-out 0.3s;left: calc(50% - 125px);bottom: 0;content:'';}
form .list.last p:before {width: 0;height: 37px;background: #3a7ae2;z-index: -1;}
form .list.last p:hover:before { width: 250px; }
form .list.last p:hover:after { width: 0; }
form .list.code img { margin-top: 8px; }

/* form_box */
.form_box .item { margin-bottom: 15px; }
.form_box .item .title_box { margin-bottom: 10px; font-weight: 500; color: #414141; }
.form_box p { margin-bottom: 20px; }
.form_box label { display: flex; align-items: center; }
.form_box label strong { margin-right: .3rem; color: #f91919; }
.form_box .code font { display: flex; align-items: center; }
.form_box .code font input { margin-right: 1rem; width: 100px; }
.form_box .send { text-align: center; }
.form_box .send a { position: relative; padding: 10px 0; width: 250px; display: inline-block; text-align: center; color: #fff; }
.form_box .send a:after , .form_box .send a:before { position: absolute; width: 250px; height: 100%; background: #234d9b; z-index: -2; left: calc(50% - 125px); bottom: 0; content:''; transition: all ease-in-out .3s; }
.form_box .send a:before { width: 0; background: #3a7ae2; z-index: -1; }
.form_box .send a:hover:before { width: 250px; }
.form_box .send a:hover:after { width: 0; }

/* 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 { 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: 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: .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 { margin: 0; width: 100%; }
	.ccon form { width: 100%; }
	#Cgmap iframe { height: 250px; }
}
@media screen and (max-width:1280px) {
	.contact-form , #order { width: 100%; }
	form .list { padding: 20px; }
}
@media screen and (max-width:1024px) {
	form .list p input , form .list p textarea { width: calc(100% - 22px); }
	form .list p select { padding: 11px 10px; width: 100%; }
	form .list p label { margin-bottom: 10px; width: 100%; }
	form .list.address input { width: calc(100% - 242px); }
}
@media screen and (max-width:768px) {
	.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%; 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 (min-width:641px) {
	.form_box .item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
	.form_box p { width: 49%; }
	.form_box .large { width: 100%; }
	.form_box .send { text-align: right; }
}
@media screen and (max-width:640px) {
	form .list.address select { margin-right: 0; width: calc((100% - 10px) / 2); }
	form .list.address select#Address1 { margin-right: 10px; }
	form .list.address input { margin-top: 10px; width: calc(100% - 22px); }
	.form_box .send { margin-top: 50px; }
}
@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; }
}