@charset "utf-8";
/* CSS Document */

/*******************************

スマホ用 お問い合わせ

********************************/

#spContact 
{
	max-width: 750px;	
	font-size: 12px;
	background:#116134;
	border-bottom:#449367 solid 1px;
	padding-bottom:10px;
	text-align:left;
}
#spContact a 
{
	text-decoration: none;
}
#spContact p
{
	
	color:#fff !important;
	display:block;
	font-size:140%;
	padding:20px 0;
	text-align:center;
}
#spContact a.mail
{
	background-repeat: no-repeat;
	background-position: 20px center;
	background-image: url(../images/estimate/mail_sp.png);
	background-color: #257246;
	background-size: 24px;
	display: block;
	padding: 10px 0;
	padding-left: 55px;
	color: #fff !important;
	margin: 0px 10px;
	margin-bottom: 8px;
	font-size: 150%;
	text-decoration: none !important;
}

#spContact a.mail:hover
{
	background-color:#449367 !important;
}
#spContact div
{
	background:#257246;
	padding:10px 10px;
	margin:0px 10px;
}

#spContact dl
{
	border-bottom:#449367 solid 1px;
	padding-bottom:15px;
	margin-bottom:15px;
	color:#fff;
	font-size:150%;
	word-wrap:break-word;
}
#spContact dl.telBox dt
{
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../images/estimate/tel_sp.png);
	background-color: #257246;
	background-size: 24px;
	padding-left: 45px;
	margin-bottom: 10px;
	line-height: 140%;
}

#spContact dl.telBox dd
{
	text-align:center;
	width:100%;
}
#spContact dl.telBox dd span
{
	line-height:25px;
}
#spContact dl.skypeBox dt
{
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../images/estimate/skype_sp.png);
	background-color: #257246;
	background-size: 24px;
	padding-left: 45px;
	margin-right: 15px;
	line-height: 140%;
}

#spContact dl.skypeBox dd
{
	margin-bottom:0;
	text-align:center;
	width:100%;
}
#spContact dl.skypeBox dd span
{
	line-height:25px;
}

#spContact dl.skypeBox dt,
#spContact dl dd,
#spContact dl p,
#spContact div.businessHours p
{
	display:inline-block;
	vertical-align:top;
}
#spContact dl p
{
	padding:2px 0 !important;
	padding-right:10px !important;
	text-align:left;
}

#spContact dl dd span.arrow
{
	padding-top:2px;
	padding-bottom:2px;
	font-size:64%;
	padding-right:0px !important;
	color:#fff;
}

#spContact dl.telBox dd span.arrow,
#spContact dl.skypeBox dd span.arrow
{
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../images/estimate/icon_arrowd.png);
	padding-left: 10px;
}
#spContact dl dd a.tel
{
	color:#FFD96E !important;
	font-size:140%;
	line-height:25px;
	font-weight:bold;
}
#spContact dl dd a.skypeId
{
	color:#FFD96E !important;
	font-size:120%;
	font-weight:bold;
}
#spContact div.businessHours
{
	text-align:center;
}
#spContact div.businessHours p
{
	font-size:110% !important;
	padding:0px 0 !important;
	display:block;
	margin-bottom:5px;
}


#home #spContact span.tel
{
	display:none;
}
#floatWindow #spContact
{
	margin-top:30px;
}

/******************************************************
タブレットとPC
******************************************************/
@media screen and (min-width: 709px) {

#spContact a.mail
{
	background-repeat: no-repeat;
	background-position: 30px center;
	background-image: url(../images/estimate/mail_sp.png);
	background-color: #257246;
	background-size: 24px;
	padding-left: 65px;
}
#spContact div
{
	padding:10px 20px;
}


#spContact dl.telBox dd
{
	text-align:left;
	width:auto !important;
}

#footer #spContact dl.telBox dd:nth-child(2)
{
	margin-left:45px;
	margin-right:20px;
}


#home #spContact dl.telBox dd:nth-child(2)
{
	margin-left:45px;
	margin-right:20px;
}

#spContact dl dd a.tel
{
	font-size:130% !important;
}


#spContact dl.skypeBox dd
{
	margin-bottom:0;
	text-align:left;
	width:auto !important;
}

#spContact div.businessHours p
{
	display:inline-block;
	margin-left:15px;
	margin-bottom:0px;
}

}
@media screen and (min-width: 580px) {
	
#spContact dl.telBox dd span.arrow,
#spContact dl.skypeBox dd span.arrow
{
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../images/estimate/icon_arrow.png);
	padding-left: 10px;
	padding-right: 15px !important;
}

}
@media screen and (min-width: 710px) {
#floatWindow #spContact dl.telBox dd,
#floatWindow #spContact dl.skypeBox dd
{
	margin-left:45px;
	margin-right:20px;
	width:94%!important;
}
}

@media screen and (min-width: 980px) {
#spContact
{
	display:none;
}

#home #spContact
{
	display:block;
}
#home #spContact dl dd a.tel
{
	display:none !important;
}

#home #spContact span.tel
{
	display:inline;
}

#home #spContact span.tel
{
	/*display:inline;*/
	color:#FFD96E !important;
	font-size:130%;
	font-weight:bold;
}

#home #spContact dl dd a.tel
{
	/*display:none;*/
}

}