@charset "utf-8";

#popup_container{width:769px;margin:0 auto;}
#popup_contents{width:100%;}
#popup_contents .stepBox{display:block;margin:30px 0 20px 0;}
#popup_contents .toptaishinform{margin:30px 0 50px 0;}

#topWrapper{display:block;overflow:hidden;}
#topWrapper .popLogo{float:left;margin:6px 12px 6px;}
#topWrapper .popPhone{float:right;margin:6px;}
#topWrapper .popLogoFt{/*float:left;*/text-align:center;margin:10px atuo 10px auto;padding: 30px 0 0 15px}
#topWrapper .popPhoneFt{float:right;text-align:center;margin:10px 20px 10px 50px;}
.centerText{margin-top:1em;}
.popLead{width:94%;margin:2px 10px 2px 4px;padding-right:4px;font-size:100%;line-height:140%;}
#popBelow{margin-top:2em;}
.popClose{width:200px;height:30px;line-height:30px;margin:10px auto;background:#333;text-align:center;}
.popClose a{color:#fff;}
.popClose a:hover{display:block;text-decoration:none;background:#777;}
/* for message */
p.msg {
	color: #cd5154;
	margin: 2em;
}
span.msg {
	color: #cd5154;
}
/*========================================================================
  768px以下の調整
======================================================================*/
@media screen and  (max-width:768px){ 

#popup_container{width:96%;margin:0 auto;}
address{text-align:center;}
}

/*========================================================================
  330px以下の調整
======================================================================*/
@media screen and  (max-width:330px){ 
#topWrapper .popLogo{float:none;text-align:center;margin:10px auto;}
#topWrapper .popPhone{float:none;text-align:center;margin:10px auto;}
}