@charset "utf-8";


.quick_sms {    background-image: url(/img/main/sms_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 458px;}
.quick_sms .quick_sms_div {    position: relative;}
.quick_sms div p{            color: #fff;
    position: absolute;
    right: 23px;
    top: 67px;
    text-align: right;
    font-size: 1em;}
.quick_sms div p.txt{     position: absolute;
    top: 2.2em;
    right: 705px;
    text-transform: uppercase;
    font-size: 4.5em;
    line-height: 0.9em;
    font-weight: 100;
    color: #fdff65;
}
    .quick_sms div p.txt span {    font-size: 0.8em;
    font-weight: 900;
    color: white;}
    

.quick_sms div p span{    font-size: 2em;
    font-weight: 600;}
.quick_sms div ul{    display: table;
    position: absolute;
    top: 146px;
    right: 17px;
    width: 48em;}
.quick_sms div ul li{    display: table;    margin-bottom: 0.5em;}
.quick_sms div ul li:nth-child(1){}
.quick_sms div ul li:nth-child(2){}

.quick_sms div ul li:nth-child(3){}
.quick_sms div ul li:nth-child(4){position: absolute;
    right: 0;
    top: 0;}
.quick_sms div ul li span{    display: table;
    color: #fff;
    float: left;
    width: 5em;
    line-height: 2em;
    font-size: 1.3em;}
.quick_sms div ul li input[type=text]{     height: 3.0em;
    width: 22.0em;
    padding: 1em;
    border-radius: 1em;
    box-sizing: border-box;}
.quick_sms div ul li select {        width: 10em;
    height: 2.9em;
    border-radius: 1em;
    box-sizing: border-box;
    padding: 0.5em;}
    .quick_sms div ul li:nth-child(2) > input[type=text]{width: 6em;}
.quick_sms div ul li input[type=submit]{         width: 13em;
    height: 11.5em;
    background-color: #44acc7;
    color: #fdff65;
    font-size: 1.4em;
    border: 1px solid white;     border-radius: 2em;}
.quick_sms div ul li textarea{        width: 22.0em;
    height: 9.2em;
    border-radius: 2em;
    box-sizing: border-box;
    padding: 1em;
}
.quick_sms div ul li .mk_agreed {    font-weight: 100;
    width: 21em;
    margin-left: 5em;
}
.quick_sms div ul li .mk_agreed a {    color: #fff;
    font-size: 0.8em;
    border: 1px solid #fff;
    padding: 0 0.5em;}

@media screen and (max-width: 1000px) {
	.quick_sms {}
	.quick_sms div p.txt {    display: none;}
	.quick_sms div p {    position: unset;     text-align: left;
    padding: 1em 0;}
	.quick_sms div ul {      width: 100%;
    position: unset;}
	.quick_sms div ul li {clear: both;
    float: none; width: 100%;}
	.quick_sms div ul li:nth-child(4) {position: unset;}
	.quick_sms div ul li span {}
	.quick_sms div ul li input[type=text] {width: 83%;}
	.quick_sms div ul li input[type=submit] {    height: auto;
    width: 100%;
    display: table;
    padding: 1em;}
    .quick_sms div ul li textarea {    width: 83%;}
}

/*footer*/
.ft{    background: #2e2e2e;
    padding: 1em 0 1.5em 0;      position: relative; margin-top: 4em;
}
.ft > div:nth-of-type(1){text-align:left; position:relative; 
	background:url(/img/logo/bottom_logo.png) no-repeat right 12px;
	}
.ft > div .go_info{margin:10px 0;}
.ft > div .go_info a{color:#cacaca;display:inline-block;font-size:14px; margin-right:20px;}
.ft > div .go_info a:first-child{}
.ft > div > ul  {line-height: 20px; margin-right: 35em;
    display: table;}
.ft > div > ul > li{
	line-height: 25px;
    color: #949494;
    font-size: 14px;
    float: left;
    display: table;
    margin-right: 2em;
}
.ft > div > ul > li > span {    display: table;
    float: left;
    margin-right: 1em;}
.ft > div > ul > li:nth-last-child(1){clear:both; padding:1em 0 1.5em 0;     letter-spacing: -1px;}

#back-top {
        position: fixed;
    bottom: 7px;
    right: 7px;
    z-index: 100000;
}
 
#back-top a {
    width: 43px;
    height:43px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
 	
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    background:url(/img/common/m_top.png) no-repeat center center;
}

@media screen and (max-width: 1000px) { 
	.quick_sms {display:none;}
	.ft > div:nth-of-type(1){background-position-y: 16em;
    height: 26em;
    background-position-x: center;}
	.ft > div > ul	{width:100%}
	
}
