@charset "utf-8";

@media screen and (max-width: 767px){

/* ========================================================================
	layout
======================================================================== */
.pc,
#path{
	display:none;
}

#overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:95;
}


/* ========================================================================
	header
======================================================================== */

.nav {
    width:100%;
    z-index:999;
    background:#fff;
}
.fixed {
    position: fixed;
    top:0px;
    left:0;
    border-top:2px solid #dc0000;
    width:100%;
}

header{
	border-top:4px solid #dc0000;
	z-index:100;
	height:auto;
}

header .inner{
	padding:9px 0;
	overflow: hidden;
}

header h1{
	display:none;
}

header p.logo{
	padding:0 0 0 5px;
}

header p.logo img{
	width:128px;
}

header p.service{
	position:absolute;
	top: 6px;
	left:139px;
}

header p.service img{
	float:left;
	width:93px;
}

header p.tel{
	display:none;
}

header p.telfree {
	position: absolute;
	top:6px;
	right:0;
}
#menu .dl-trigger{
	top:7px;
}
#menu .dl-menu {
    top: 55px;
}
/* ========================================================================
	contents
======================================================================== */
#contents .key{
	padding:0 0 10px 0;
}

#contents .key img{
	width:100%;
}


/* ----------------------------------------
.home_cv（トップページお問い合わせ）
---------------------------------------- */
.home_cv{
	padding:0 0 20px 0;
}

.home_cv img{
	width:100%;
}


/* ========================================================================
	main
======================================================================== */
main .title{
	margin:0 0 15px 5px;
	padding:2px 0 2px 5px;
	border-left:2px solid #c90000;
	font-size:115.4%;
	font-weight:bold;
}

.car_logo{
	text-align:center;
	margin:0;
 }




	
/* ========================================================================
	bnr
======================================================================== */
#bnr{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:84px;
	padding:0 92px 0 8px;
	background:url(/assets/img/sp/bnr/bg_02.png) no-repeat right top, url(/assets/img/sp/bnr/bg_01.png) repeat-x center bottom;
	-webkit-background-size:86px 83px, 4px 82px;
	-moz-background-size:86px 83px, 4px 82px;
	background-size:86px 83px, 4px 82px;
	text-align:center;
}

#bnr p{
	padding:4px 0 0 0;
}

#bnr p:first-of-type{
	padding-top:10px;
}

#bnr p.close{
	position:absolute;
	top:8px;
	right:4px;
}


/* ========================================================================
	main
======================================================================== */
main h2 img{
	width:100%;
}

main .key img{
	width:100%;
	position: relative;
}

/* ----------------------------------------
	R追加 PLACE
---------------------------------------- */
#sp_key_place{
	position: relative;
}

#sp_key_place_word{
	position: absolute;
	font-size: 2.7vw;
	color: #feff04;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: #c04a00 1px 1px 0px, #c04a00 -1px 1px 0px,
             #c04a00 1px -1px 0px, #c04a00 -1px -1px 0px;
	top: 0px;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	background: linear-gradient(#f28f16, #e96110);
	margin-top: 3.0%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5%;
	padding: 5px;
	}
#sp_key_place_word2{
	position: absolute;
	font-size: 2.7vw;
	color: #feff04;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: #c04a00 1px 1px 0px, #c04a00 -1px 1px 0px,
             #c04a00 1px -1px 0px, #c04a00 -1px -1px 0px;
	top: 0px;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	background: linear-gradient(#f28f16, #e96110);
	margin-top: 7.7%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 22%;
	padding: 5px;
	}
#key_place_long {
	position: absolute;
	font-size: 2.7vw;
	color: #feff04;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: #c04a00 1px 1px 0px, #c04a00 -1px 1px 0px,  #c04a00 1px -1px 0px, #c04a00 -1px -1px 0px;
	top: 0px;
	background: linear-gradient(#f28f16, #e96110);
	margin-top: 1.5%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4%;
	padding: 4px;
}
#key_place_long_second {
	position: absolute;
	font-size: 2.7vw;
	color: #feff04;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: #c04a00 1px 1px 0px, #c04a00 -1px 1px 0px,  #c04a00 1px -1px 0px, #c04a00 -1px -1px 0px;
	top: 0px;
	background: linear-gradient(#f28f16, #e96110);
	margin-top: 7.6%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4%;
	padding: 4px;
}
.cv_area{
	position: relative;
	}
.cv_area_text{
	position: relative;
	height: 0px;
	margin-top: -15%;
	margin-left: 36%;
	font-size: 2.7vw;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	}

#place_bold{
	font-size: 3.5vw;
	font-weight: bold;
	}
	
#sp_key_place_img{
	position: absolute;
	font-size: 2.7vw;
	color: #feff04;
	padding-left: 40% !important;
	padding-top: 68% !important;
	top: 0px;
	width: 100%;
	}	
.btn2{
	margin-top: 15%;
	}

/* ----------------------------------------
	now
---------------------------------------- */
main .now{
	margin:0 0 6px 0;
	padding:2px 5px 5px;
	background:-webkit-linear-gradient(top,  #ebebeb 0%,#cecece 85%,#d7d7d7 100%);
	background:-moz-linear-gradient(top,  #ebebeb 0%, #cecece 85%, #d7d7d7 100%);
	background:linear-gradient(to bottom,  #ebebeb 0%,#cecece 85%,#d7d7d7 100%);
	border:1px solid #a4a4a4;
}

main .now h2{
	padding:0 0 2px 0;
}

main .now h2 img{
	width:232px;
}

/* ----------------------------------------
	key_maker
---------------------------------------- */
.key_maker{
	padding:0 0 30px 0;
}
.key_maker p img{
	width:100%;
	height:auto;
}
/* ----------------------------------------
	safe_maker
---------------------------------------- */
.safe_maker{
	padding:0 0 30px 0;
}
.safe_maker p img{
	width:100%;
	height:auto;
}
/* ----------------------------------------
	car_maker
---------------------------------------- */
.car_maker{
	padding:0 0 30px 0;
}
.car_maker p img{
	width:100%;
	height:auto;
}
/* ----------------------------------------
	key_anyplace
---------------------------------------- */
.key_anyplace{
	background-color:#e5e5e5;
	
}
  .key_anyplace .inner{
    padding-bottom: 5%;;
  }
.key_anyplace_list{
	padding: 8px 0 6px 1.5%;
}
.key_anyplace_list li{
	float:left;
	margin:0 1.5% 1.5% 0;
	width:23.5%;
}
  .key_anyplace_list li.second_line{
    margin-left: 13%;
  }
.key_anyplace_list li img{
	width:100%;
	height:auto;
}
.key_anyplace_list li:nth-child(4n){
	margin:0 0 1.5% 0;
}
.key_anyplace_list + p{
	padding:0 2% 4%;
}
.key_anyplace_list + p img{
	width:100%;
	height:auto;
}
  .key_anyplace .second{
    display: flex;
    justify-content: space-around;
    padding: 0 7%;
  }
/* ----------------------------------------
	key_type
---------------------------------------- */
.key_type h2{
	margin:0 0 10px;
}
.key_type_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding:0 3% 15px;
}
.key_type_list li{
	width:25%;
}
.key_type_list li img{
	width:100%;
	height:auto;
}
.key_type_list li:nth-child(1),
.key_type_list li:nth-child(2),
.key_type_list li:nth-child(3),
.key_type_list li:nth-child(20),
.key_type_list li:nth-child(21),
.key_type_list li:nth-child(22),
.key_type_list li:nth-child(23),
.key_type_list li:nth-child(24),
.key_type_list li:nth-child(25){
	width:33%;
}

/* ----------------------------------------
	key_change
---------------------------------------- */
.key_change{
	background-image:url(/assets/img/lp_replace/sp/bg_key_change.png);
	background-repeat:repeat-y;
	background-position:center top;
	background-size:100%;
	padding:0 0 10px 0;
}
.key_change h2{
	margin:0 0 20px 0;
}
.key_change_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding:0 3%;
}
.key_change_list li{
	width:49%;
	margin:0 1.5% 12px 0;
}
.key_change_list li img{
	width:100%;
	height:auto;
}
.key_change_list li:nth-child(1){
	width:100%;
	margin:0 0 12px 0;
}
.key_change_list li:nth-child(3),
.key_change_list li:nth-child(5),
.key_change_list li:last-child{
	margin:0 0 12px 0;
}
.key_change_notice{
	margin: 0 10px;
	padding: 8px 14px;
	background: #ffffff;
	border: 1px solid #bfbfbf;
	font-size: 76%;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}

/* ----------------------------------------
	tool
---------------------------------------- */
.tool{
	margin:0 0 20px 0;
}
.tool img{
	width:100%;
	height:auto;
}
/* ----------------------------------------
	key_change_flow
---------------------------------------- */
.key_change_flow{
	background-color:#ffe9e9;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
.key_change_flow h3{
	margin:0 0 15px 0;
}
.key_change_flow ol{
	padding:20px 3%;
	margin:0 1.5% 0;
	background-color:#fff;
	border:1px solid #f2d8d8;
}
.key_change_flow ol li{
	margin:0 0 20px 0;
	padding:0 0 45px 0;
	background-image:url(/assets/img/lp_replace/sp/arrow_key_change_flow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:25%;
}
  
@media (min-width:657px) and (max-width:767px){
	.key_change_flow ol li{
		background-size:16%;
	}
}
.key_change_flow ol li:last-child{
	margin:0;
	padding:0;
	background:none;
}
.key_change_flow dl{
	display:flex;	
}
.key_change_flow dl dt{
	width:50%;
}
.key_change_flow dl dd{
	width:50%;
	margin:0 0 0 3%;
}

/* ----------------------------------------
	trouble
---------------------------------------- */
main .trouble{
	margin:0 0 4px 0;
	padding:0 0 10px 0;
	background:#e9e9e9;
	text-align:center;
}

main .trouble h2{
    position: relative;
}

main .trouble p{
	margin: 0 10px;
	padding: 8px 14px;
	background: #ffffff;
	border: 1px solid #bfbfbf;
	font-size: 76%;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}
main .trouble p br{
	display:none;
}

main .trouble p span{
	color:#dc0000;
}

main .trouble ul{
	padding: 0 4.53125%;
}

main .trouble ul li{
	float:left;
	width: 47%;
	padding:0 0 5px 0;
	min-height:285px;
}
@media (max-width: 480px){
	main .trouble ul li{
		min-height:249px;
	}
}
@media (max-width: 375px){
	main .trouble ul li{
		min-height:190px;
	}
}
@media (max-width: 320px){
	main .trouble ul li{
		min-height:180px;
	}
}


@media screen and (max-width: 767px){
main .trouble ul li:nth-child(2n+1) {
    margin-right: 2.65625%;
}

main .trouble ul li:nth-child(2n+2) {
    margin-left: 2.65625%;
}

main .trouble ul li img{
	display:block;
	margin:0 auto 2px;
}

/* ----------------------------------------
	number one
---------------------------------------- */
main .number_one {
	background-image: url(/assets/img/sp/number_one/bg_number_one.png);
	text-align: center;
	border-bottom: 3px solid #e9e9e9;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
main .number_one h2 {
}
main .number_one_share {
	margin: 0 4% 5px;
}
main .number_one_questionnaire{
	margin:0 4% 5%;
}
main .number_one ul.img {
	padding: 0 3% 24px;
}
main .number_one ul.img li {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	vertical-align: top;
	width: 33%;
	float: left;
}
main .number_one ul.img li img {
	display: block;
}
main .number_one ul.text {
	margin-bottom: 10px;
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 0 4%;
}
main .number_one ul.text li{
	display: block;
    font-size: 73%;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    float: left;
	width:100%;
	margin:0 0 2% 0;
}
main .number_one ul.text li span {
	display: block;
	padding-left: 6.2%;
	padding-top: 0.5%;
	padding-bottom: 0.8%;
}

/* ----------------------------------------
	tv
---------------------------------------- */
main .tv,
main .tv h2{
	padding:0 0 7px 0;
}

main .tv p{
	margin: 0 10px;
    text-align: center;
}

main .tv p img{
	width:100%;
}

main .tv ul:first-child{
	margin:0 10px;
	padding:10px 0 0 8px;
	background:#f3f2e7;
}
main .tv  ul:nth-child(2){
	margin:0 10px;
	padding:0 0 0 8px;
	background:#f3f2e7;
}
main .tv  ul:last-child{
	margin:0 10px;
	padding:0 0 10px 8px;
	background:#f3f2e7;
}

main .tv ul li{
	padding:0 0 0 10px;
	background:url(/assets/img/sp/tv/bg_list.png) no-repeat left center;
	-webkit-background-size:5px;
	-moz-background-size:5px;
	background-size:5px;
	font-size:84.6%;
	font-weight:bold;
	line-height:1.4;
}

main .tv ul li span{
	color:#1d7701;
}


/* ----------------------------------------
	performance
---------------------------------------- */
main .performance{
	padding:0 10px 4px;
	margin:0 0 20px 0;
}

main .performance p img{
	width:100%;
}

main .performance p:nth-last-child(2){
	display:none;
}

/* ----------------------------------------
	flow
---------------------------------------- */
main .flow{
	margin:0 0 6px 0;
	background:#f1f1f1;
}

main .flow h2{
	padding:0 0 2px 0;
}

main .flow ol{
	padding:0 7px 4px;
}

main .flow ol li{
	float:left;
	width:50%;
	margin:0 0 8px 0;
	padding:0 5px;
	text-align:center;
	font-size:76.9%;
	font-weight:bold;
	line-height:1.4;
}
  
}
@media (max-width: 320px){
	main .flow ol li{
		min-height:145px;
	}
}



@media screen and (max-width: 767px){
main .flow ol li img{
	display:block;
	margin:0 auto 4px;
}


/* ----------------------------------------
	reason
---------------------------------------- */
main .reason_list img{
	width:100%;
	height:auto;
}
main .reason .box{
	border:1px solid #bcbcbc;
}

main .reason .box ul{
	padding:8px;
	background:url(/assets/img/sp/reason/bg.png);
	border:2px solid #fff;
}

main .reason .box ul li{
	overflow:hidden;
	margin:0 0 10px 0;
	background:#fff;
	border:1px solid #af4949;
}
main .reason .box ul li:first-child{
	background-image: url(/assets/img/lp_replace/sp/bg_reason01.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:48%;
}
  
}


@media (min-width:657px) and (max-width:767px){
	main .reason .box ul li:first-child{
		background-size:16%;
	}
}

@media screen and (max-width: 767px){
main .reason .box ul li:first-child .lead + p,
main .reason .box ul li:first-child .lead + p + p,
main .reason .box ul li:nth-child(2) .lead + p,
main .reason .box ul li:nth-child(2) .lead + p + p{
	width:65%;
	font-size:100%;
}
  
}

@media (min-width:657px) and (max-width:767px){
	main .reason .box ul li:first-child .lead + p,
	main .reason .box ul li:first-child .lead + p + p,
	main .reason .box ul li:nth-child(2) .lead + p,
	main .reason .box ul li:nth-child(2) .lead + p + p{
		width:80%;
	}
}

@media screen and (max-width: 767px){
main .reason .box ul li:nth-child(3) .lead + p,
main .reason .box ul li:nth-child(3) .image + p{
	font-size:100%;
}
main .reason .box ul li:nth-child(2){
	background-image: url(/assets/img/lp_replace/sp/bg_reason02.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:45%;
}
}
@media (min-width:657px) and (max-width:767px){
	main .reason .box ul li:nth-child(2){
		background-size:16%;
	}
}

@media screen and (max-width: 767px){
main .reason .box ul li:last-child{
	margin:0;
}

main .reason .box ul li h3{
	padding:12px 7px 10px;
}

main .reason .box ul li p{
	overflow:hidden;
	padding:0 10px 8px;
   	font-size:84.6%;
	line-height:1.8;
}

main .reason .box ul li p.image{
	float:right;
	padding-left:0;
	width:40%;
}

main .reason .box ul li p.lead{
	margin:0 10px 8px;
	padding:5px 8px;
	border:2px solid #ae0000;
	background-color:#fff;
	font-size:110%;
	font-weight:bold;
	color:#ae0000;
	line-height:1.4;
}
  
}
@media (min-width:657px) and (max-width:767px){
	main .reason .box ul li p.lead{
		width:80%;
	}
}

/* ----------------------------------------
	stock
---------------------------------------- */
@media screen and (max-width: 767px){
  
  main .stock{
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:#6bb336;
}

main .stock p{
	margin:0 5px;
	background:#ffffff;
}

main .stock p img{
	width:100%;
}

main .stock p span{
	display:block;
	padding:4px 10px 8px;
	font-size:84.6%;
	line-height:1.4;
}


/* ----------------------------------------
	faq
---------------------------------------- */
main .faq{
	background:#f3f3f3;
}

main .faq dl{
	padding:9px 10px 4px;
}

main .faq dl dt{
	position:relative;
	margin:0 0 6px 0;
	padding:0 6px 0 38px;
	background:#ffffff;
	border:2px solid #c51717;
	font-size:92.3%;
	font-weight:bold;
	line-height:31px;
}
}
  
  
    
@media (min-width:481px) and (max-width:736px){
	main .faq dl .faq_line {
		line-height:2.6;
	}
}
@media (max-width: 480px){
	main .faq dl .faq_line {
		line-height:2.6;
	}
}
@media (max-width: 375px){
	main .faq dl .faq_line {
		line-height:1.4;
	}
}
@media screen and (max-width: 767px){
main .faq dl dt span{
	display:block;
	background:url(/assets/img/sp/faq/bg_open.png) no-repeat right center;
	-webkit-background-size:17px;
	-moz-background-size:17px;
	background-size:17px;
	padding: 0 10px 0 0;
}
  
}
@media (max-width: 320px){
	main .faq dl dt:nth-child(17) span{
		padding: 0 15px 0 0;
	}
}

@media screen and (max-width: 767px){
main .faq dl dt.close span{
	background-image:url(/assets/img/sp/faq/bg_close.png);
}

main .faq dl dt img{
	position:absolute;
	top:-2px;
	left:-2px;
}

main .faq dl dd{
	padding:2px 0 10px 0;
	font-size:76.9%;
	line-height:1.4;
}

/* ----------------------------------------
	any
---------------------------------------- */
main .any h2{
	padding:0 0 9px 10px;
}

main .any p{
	padding:4px 5px 10px 0;
	text-align:right;
	font-size:76.9%;
}

main .any ul{
	padding:7px 2px 6px;
	background:#e9e9e9;
	text-align:center;
	font-size:0;
}

main .any ul li{
	display:inline-block;
	width:33.3%;
	padding:0 3px 2px;
}


/* ----------------------------------------
	trouble_list
---------------------------------------- */
main .trouble_list{
	margin:0 5px 10px;
	padding:0 0 2px 0;
	background:url(/assets/img/sp/trouble_list/bg_01.png) repeat-y center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	border-bottom:1px solid #a5a5a5;
}

main .trouble_list section{
	margin:0 7px 5px;
	background:url(/assets/img/sp/trouble_list/bg_02.png) repeat-y center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	border-bottom:2px solid #d1ca95;
}

main .trouble_list h3 img{
	width:100%;
}

main .trouble_list ul{
	padding:5px 0 10px 12px;
}

main .trouble_list ul li{
	padding:0 0 0 17px;
	background:url(/assets/img/sp/trouble_list/bg_check.png) no-repeat left 2px;
	-webkit-background-size:15px;
	-moz-background-size:15px;
	background-size:15px;
	font-size:107.7%;
	font-weight:bold;
	line-height:1.714;
}


/* ----------------------------------------
	crime
---------------------------------------- */
main .crime{
	padding:0 5px 10px;
}

main .crime section{
	padding:2px 10px 4px 14px;
	border:1px solid #a5a5a5;
}

main .crime section div{
	display: inline-block;
    width: 100%;
}
main .crime h3{
	padding:8px 0 5px 0;
	width:68.84%;
}

main .crime p{
	padding:0 0 10px 0;
	font-size:84.6%;
	line-height:1.4;
}

main .crime p.image{
	float:right;
	padding-left:10px;
	width:40%;
}


/* ----------------------------------------
	technology
---------------------------------------- */
main .technology{
	overflow:hidden;
	margin:0 5px 10px;
	padding:0 0 6px 0;
	border:3px solid #d4d4d4;
}

main .technology h2{
	padding:4px 0 3px 3px;
}

main .technology p{
	padding:0 0 4px 0;
	text-align:center;
}

main .technology p img{
	width:100%;
}

main .technology ul{
	float:left;
	width:50%;
	padding:0 6px 0 0;
}

main .technology ul:first-of-type{
	padding-left:6px;
}

main .technology ul li{
	padding:3px 0 3px 16px;
	background:url(/assets/img/sp/technology/bg_check.png) no-repeat left 2px;
	-webkit-background-size:13px;
	-moz-background-size:13px;
	background-size:13px;
	font-size:76.9%;
}


/* ----------------------------------------
	service
---------------------------------------- */
main .service{
	padding:0 10px 30px 10px;
	text-align:center;
}

main .service h2{
	padding:0 0 8px 0;
}

main .service p img{
	width:100%;
}


/* ----------------------------------------
	area
---------------------------------------- */
main .area{
	margin:0 10px 5px;
	padding:5px;
	background:url(/assets/img/sp/area/bg.png);
}

main .area .box{
	padding:5px 10px 10px;
	background:#ffffff;
	border:1px solid #a5a5a5;
}

main .area h2{
	text-align:center;
}

main .area p{
	padding:6px 7px;
	background:#f2f2f2;
	border:1px solid #b5b5b5;
	font-size:76.9%;
	line-height:1.6;
}

/*
* mod-cvarea
*/
.mod-cvarea {
    position: relative;
}

    .mod-cvarea-txt {
    }
        .mod-cvarea-txt img {
            width: 100%;
            height: auto;
        }

    .mod-cvarea-btn {
        position: absolute;
        bottom: 7%;
        right: 0;
        left: 0;
    }
        .mod-cvarea-btn img {
            width: 100%;
            height: auto;
        }
		
footer{
	padding:0 0 25% 0 !important;
}


}