@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;
   
    margin-top: -16px;
  
}

header .inner{
    padding: 9px 0 14px;
	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
---------------------------------------- */
  main .key_immo img{
    width: 100%;
    
  }
  .key_immo_place{
	position: relative;
}
  .key_immo_place h2 {
    position: absolute;
    left: 4%;
    top: 17%;
    font-size: 9vw;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(220, 0, 0);
    font-weight: bold;
    line-height: 1;
    text-align: left;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1), 2px 2px 0px rgba(255, 175, 13, 1);
}

  
  
  /*--------------------------------------
  .cv_immo
  -------------------------------------------*/
.immo_cv_ttl {
    font-size: 4.5vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 7.5%;
    left: 2%;
  line-height: 1.3;
}
  .immo_cv_ttl span{
    font-size:3.8vw;
  }
main .immo_cv {
	margin: 0 0 20px 0;
}
main .immo_cv img {
	width: 100%;
}
main .immo_cv dl {
	position: relative;
	overflow: hidden;
}
main .immo_cv .immo_cv_tel {
	position: absolute;
	bottom: 12%;
	left: 3%;
	width: 97%;
}
main .immo_cv>p {
	font-size: 76%;
	color: rgb(6, 6, 6);
	line-height: 1.564;
}
main .immo_cv .telCall img {
	opacity: 1 !important;
}
main .immo_cv dl>p {
	position: absolute;
	top: 53%;
	width: 66%;
	left: 34%;
	font-size: 100%;
	color: rgb(0, 0, 0);
	line-height: 1;
	font-weight: bold;
	padding-left: 2%;
	padding-right: 1%;
} 
  
} 
  
@media (min-width:300px) {
 main .immo_cv dl>p {
 font-size: 11px;
}
}
@media (min-width:460px) {
 main .immo_cv dl>p {
 font-size: 12px;
}
}
@media (min-width:520px) and (max-width:639px) {
 main .immo_cv dl>p {
 font-size: 14px;
}
}
@media (min-width:640px) {
 main .immo_cv dl>p {
 font-size: 18px;
}
}




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


main .immo_cv_2 dl>p {
	top: 52.5%;
}
main .immo_cv dl .immo_cv_time {
	position: absolute;
	top: 30%;
	width: 66%;
	left: 34%;
	font-size: 340%;
	line-height: 1.4;
	font-weight: bold;
}
}

@media (min-width:580px) and (max-width:670px) {
 main .immo_cv dl .immo_cv_time {
 font-size: 300%;
}
}
@media (min-width:500px) and (max-width:579px) {
 main .immo_cv dl .immo_cv_time {
 font-size: 240%;
}
}
@media (max-width:499px) {
 main .immo_cv dl .immo_cv_time {
 font-size: 160%;
}
}


@media screen and (max-width: 767px) {
  
  main .immo_cv dl .immo_cv_time span {
	color: #dc0000;
}

/* メインイメージ 注釈文
----------------------------------- */
#annotation_sp{
position:absolute;
top: 0px;
margin-top: 105%;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0%;
padding: 5px;
    }


/* ----------------------------------------
	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;
}
/* ----------------------------------------
	immo_maker
---------------------------------------- */
.immo_maker p img{
	width:100%;
	height:auto;
}


  
  .immo_type img{
    width:100%;
  }
  .immo_type h2{  
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    background:url("/assets/img/lp_immo/sp/bg_any_type_ttl.png");
    background-size:contain;
   
  }
  
  .immo_type h2 span{
    color:#dc0000;
  }
  
   
  .immo_type_text img{
    width:100%;
  }
  .immo_type_text h2{  
      padding: 4% 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    background: url(/assets/img/lp_immo/sp/bg_any_type_ttl.png);
    background-size: contain;
   
  }
  
  .immo_type_text h2 span{
    color:#dc0000;
  }
  
/* ----------------------------------------
	key_anyplace
---------------------------------------- */
.key_anyplace{
	background-color:#e5e5e5;
	margin:0 0 20px 0;
}
.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 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_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%;
}

/* ----------------------------------------
	immo_flow
---------------------------------------- */
.immo_work_flow{
	background-image:url(/assets/img/lp_immo/sp/bg_immo_work_flow.png);
	background-repeat:repeat-y;
	background-position:center top;
	background-size:100%;
	padding:0 0 10px 0;
}

.immo_flow_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:0 3%;
}
.immo_flow_list li{
	width:49%;
  margin-bottom:18px
	
}
.immo_flow_list li img{
	width:100%;
	height:auto;
}
.immo_flow_list li:nth-child(1){
	width:100%;
	margin:40px 0 18px 0;
}
  .immo_flow_list li:nth-child(2){
	width:100%;
	margin:0px 0 18px 0;
}

.immo_flow_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;
}
  .immo_flow_notice2{
    padding: 0 3.5% 5% 3.5%;
  }
/*------ 金庫師紹介-----------*/ 
  main .staff ul {
    margin: 0 20px 28px;
    padding: 12px 6px 19px;
  }
/* ----------------------------------------
	tool
---------------------------------------- */
.tool{
	margin:0 0 20px 0;
}
.tool img{
	width:100%;
	height:auto;
}
/* ----------------------------------------
	immo_flow_detail
---------------------------------------- */
.immo_flow_detail {
	background-color: #ffe9e9;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.immo_flow_detail h3 {
	margin: 0 0 15px 0;
}
.immo_flow_detail ol {
	padding: 20px 3%;
	margin: 0 1.5% 0;
	background-color: #fff;
	border: 1px solid #f2d8d8;
}
.immo_flow_detail 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) {
 .immo_flow_detail ol li {
 background-size:16%;
}
}



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

.immo_flow_detail ol li:last-child {
	margin: 0;
	padding: 0;
	background: none;
}
.immo_flow_detail dl {
	display: flex;
}
.immo_flow_detail dl dt {
	width: 50%;
}
.immo_flow_detail dl dd {
	width: 50%;
	margin: 0 0 0 3%;
	line-height: 1.5;
}
/* ----------------------------------------
	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;
	}
}
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: 0px 0 6% 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: 21px 0 0 3%;
	background:#f3f2e7;
}
main .tv  ul:nth-child(2){
	margin:0 10px;
	padding:0 0 0 3%;
	background:#f3f2e7;
}
main .tv  ul:last-child{
	margin:0 10px;
	 padding: 0px 0 26px 3%;

	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: calc(6px + 1.6vw);
	font-weight:bold;
	line-height:1.4;
}

main .tv ul li span{
	color:#1d7701;
}
  
  /* ----------------------------------------
	CV　微調整
---------------------------------------- */
main .lp_common_cv .lp_common_cv_tel {
    position: absolute;
    bottom: 12%;
    left: 2.5%;
    width: 97%;
}

/* ----------------------------------------
	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 3%;
}

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;
   min-height: 142px;

}
@media (max-width: 320px){
	main .flow ol li{
		min-height:145px;
	}
}
main .flow ol li img{
	display:block;
	margin:0 auto 4px;
}


/* ----------------------------------------
	reason
---------------------------------------- */
  main .reason{
        margin: -2% 0 0 0;
  }
  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:last-child{
	margin:0;
}

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

main .reason .box ul li p{
	
	padding:0 10px 8px;
   	font-size:100%;
	line-height:1.8;
}
  
 
main .reason .box ul li:nth-child(2) p{
	
	padding:0 10px 8px;
   	font-size:100%;
	line-height:1.8;

}
  main .reason .box ul li:nth-child(2) p.wide{

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

main .reason .box ul li p.lead{
	margin:0 10px 8px;
	padding:5px 8px;
	border:2px solid #ae0000;
	font-size:3.8vw;
	font-weight:bold;
	color:#ae0000;
	line-height:1.4;
	width:94%;
}
  @media (min-width:403px) and (max-width:766px) {
  main .reason .box ul li p.lead{
    font-size:16px;
  }
  }

/* ----------------------------------------
	stock
---------------------------------------- */
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;
}

  main .faq dl .faq_line {
    line-height: 1.4;
  }
  


@media (max-width: 375px){
	main .faq dl .faq_line {
		line-height:1.4;
	}
}
  @media (min-width: 357px) and (max-width:375px){
    main .faq dl .faq_line2{ 
      padding: 8px 6px 8px 37px;


    }}
  @media (min-width: 376px) and (max-width:380px){
    
    main .faq dl .faq_line3{ 
      line-height: 1.4;
    }
  }
 
  
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 13px 0 0;
}
@media (max-width: 320px){
	main .faq dl dt:nth-child(17) span{
		line-height:1.4;
	}
}
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;
}
  
  
  /*
金庫のレスキューについて
  
  */
  
  /*section.message {
    margin:0;
  }*/
  .message .message_text{
    /*width:94%;*/
	margin: 0 auto;
	border-right: 1px #c6c6c6 solid;
	border-left: 1px #c6c6c6 solid;
	border-bottom: 1px #c6c6c6 solid;
  }
  
/*
* 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;
        }
  

  
main .message p {
  border:none;
}
  .message .call_time{
   background:url("/assets/img/lp_immo/message/call_center_bg_sp.png") no-repeat ;
   padding: 2% 3% 2% 18%;
    border-right: #a4a4a4 solid 2px;
    border-bottom: #a4a4a4 solid 2px;
    border-left: #a4a4a4 solid 2px;
    background-size: cover;
    
  }
  .message .call_time .after{
    content:"";
    display:block;
  }
  .message .call_center{
    position:relative;
  }
  .message .call_center .img_girl{
    position: absolute;
     width:16vw;
    left: 5%;
    bottom:2px;
  }
 
  .message .call_center p{
    padding: 0;  
   
  } 
  .message .call_time p{
    border: 1px #ecebeb solid;
    font-weight: bold;
    font-size: 3vw;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 1% 0;
    line-height: 1.3;
}
  .message .call_time .the_time{
    color:#f00;
    
  }
  
footer{
	padding:0 0 25% 0 !important;
}

.key_cashbox_maker_place {
	position: relative;
}
  .key_cashbox_maker_place img {
	width: 100%;
}
#key_cashbox_place {
	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_cashbox_place_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;
}
main .key_cashbox_maker .logo_maker {
	position: absolute;
	left: 4%;
	top: 13.5%;
	width: 16%;
}
main .key_cashbox_maker h2 {
	position: absolute;
	left: 4%;
	top: 21%;
	font-size: 9vw;
	font-family: 'Noto Sans JP', sans-serif;
	color: rgb(220, 0, 0);
	font-weight: bold;
	line-height: 1;
	text-align: left;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1),  2px 2px 0px rgba(255, 175, 13, 1);
}
@media (min-width:480px) and (max-width:766px) {
 main .key_cashbox_maker h2 {
 font-size: 8vw;
}
}
@media (max-width: 320px) {
 main .key_cashbox_maker h2 {
 font-size: 26px;
}
}
.key_cashbox_maker_txt01 {
	font-size: 14px;
}
.key_cashbox_maker_txt02 {
	font-size: 36px;
	color: rgb(0, 0, 0);
	text-shadow: none;
	font-size: 4.5vw;
	position: absolute;
	top: 110%;
}
  main .staff {
    margin: 0px 0 0 0;
  
  }
  .staff .staff_inside{
    background: url("/assets/img/lp_immo/staff/staff_bg.png") no-repeat;
    background-size:cover;
    
  }
}