#describe {overflow: hidden;padding: 0 100px 50px;}
#describe .describe_txt{
    text-align: center;
}
.ccon #describe article {margin-bottom: 10px;}
.ccon #Cgmap {float: left;width: 470px;display: none;}
.ccon form {width: 70%;margin: 0 auto;text-align: center;}
.ccon form #contactBox{
    text-align: center;
}
#Cgmap iframe {width: 100%;height: 400px;margin-bottom: 20px;}
.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; }
#content {position: relative;}
#content:after{
	position: absolute;
	content: '';
	width: 540px;
	height: 540px;
	right: 360px;
	top: 750px;
	background-image: url(/images/22/aboutImg-01.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 100% 0;
	z-index: 0;
	zoom: 30%;
	}
@keyframes newsbg{
	0%{		background-position: 105% 5%;	}
	100%{		background-position: 100% 0;	}
}
#contactBox ul li{
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    display: inline-block;
    padding: 10px;
}
#contactBox ul li a img{
    display: block;
    margin: 23px auto 0;
}
#contactBox ul li a{
    display: block;
    text-align: center;
    color: #999797;
    transition: all linear .3s;
    width: 100px;
    height: 100px;
    line-height: 34px;
    text-transform: uppercase;
    border: 2px solid #cecece;
    border-radius: 50%;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#contactBox ul li:hover a{
    -webkit-filter: grayscale(1);
    -webkit-animation: tada 1s;
    animation: tada 1s;}
/* form */
form , fieldset { overflow: hidden; margin: 0; padding: 0; border: 0; }
form .list p {overflow: hidden;font-size: 14px;margin: 20px 0;}
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);font-size: 14px;background: rgb(0 0 0 / 0.05);}
form .list p input#Checknum {margin-right: 10px;width: 200px;}
form .list.last {position: relative;padding-bottom: 0;border-bottom: none;z-index: 1;text-align: end;}
form .list.last p { display: inline-block; }
form .list.last p input {position: relative;width: 250px;background: #232323;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:1440px) {
#content:after{right: 50px;zoom: 23%;top: 1000px;}
#contactBox ul li{padding: 5px;}
}
@media screen and (max-width:1280px) {
	.contact-form , #order { width: 100%; }
	.ccon #Cgmap{float: none;width: 100%;overflow: hidden;}
	#Cgmap iframe{height: 350px;float: left;width: calc(50% - 20px);margin: 0 10px;}
	.ccon form{float: none;width: 100%;margin-top: 30px;}
	.ccon #describe article{
    text-align: center;
}
	#contactBox{
    text-align: center;
}
}
@media screen and (min-width:1025px) {
	form .list.last p input:hover {background: #5d5d5d;}
	#order .button p a:hover { opacity: .7; }
}
@media screen and (max-width:768px) {
	#content:after{display:none;}
	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; }
	#describe{padding: 0;}
	#contactBox ul li{
    width: 21%;
    }
}
@media screen and (max-width:640px) {
#Cgmap iframe{float: none;width: 100%;margin: 0 0 10px;}
}
@media screen and (max-width:480px) {
	form .list {padding: 0 0 10px;}
	.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; }
	form .list p{margin: 0;}
	input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
	#contactBox ul li{
    width: 40%;
    text-align: center;
    margin: 0 auto;
    }
    #contactBox ul li a{
    width: 87%;
    height: auto;
    line-height: 60px;
}

}