@charset "utf-8";

/* ==================================================================
	metalpaint.css
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ main
-------------------------------- */ 


#metalpaint section{
	padding:4% 0;
}



.contents h2 {
	font-size: 155%;
	margin-bottom:2%;
	background:url(../../images/metalpaint/circle.png) left 50% no-repeat;
	padding: 10px 10px 10px 40px;
}

#metalpaint .txt{
	margin-bottom:5%;
}

#metalpaint .txt p{
	text-align:center;
	font-size:141%;
}

#metalpaint .txt p span img{
	margin-top: -20px;
    padding: 0 1%;
}

#metalpaint .imagearea{
	margin-bottom:5%;
}

#metalpaint .contactarea{
	border:1px solid #ea5413;
	padding:30px;
}

#metalpaint .contactarea ul{
	display:table;
}

#metalpaint .contactarea ul li{
	display:inline-block;
	vertical-align: middle;
}

#metalpaint .contactarea ul li:first-child{
	padding-right:67px;
	border-right:1px solid #d8d8d8;
	display: table-cell;
}

#metalpaint .contactarea ul li:first-child p.img{
	display: table-cell;
    vertical-align: middle;
	padding: 0 50px;
}

#metalpaint .contactarea ul li:first-child p.add{
	display: table-cell;
    vertical-align: middle;
	font-size: 116%;
}

#metalpaint .contactarea ul li:last-child{
	float: right;
    margin: 0px 0 0 70px;
}

#metalpaint .contactarea ul li p.teltxt{
	font-size:116%;
	font-weight:bold;
	margin-bottom: 3px;
}

#metalpaint .contactarea ul li p.teltxt span.red{
	color:#ea5413;
}

#metalpaint .contactarea ul li p.tel{
	font-size:258%;
	color:#848484;
	font-weight:bold;
	margin-bottom: 0;
}

#metalpaint .contactarea ul li p.time{
	margin-bottom: 0;
}


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

#metalpaint .txt p {
    text-align: left;
}

#metalpaint .imagearea {
    margin: 10% 0;
}

#metalpaint .contactarea {
    padding: 4%;
}

#metalpaint .contactarea ul{
	display: block;
}

#metalpaint .contactarea ul li {
    display: block;
    vertical-align: middle;
	text-align:center;
}

#metalpaint .contactarea ul li:first-child {
    font-size: 133%;
    padding-right: 0;
    margin-bottom: 5%;
    display: block;
    border-right: none;
}

#metalpaint .contactarea ul li:first-child p.img {
    display:block;
    vertical-align: middle;
    padding: 0 50px;
}

#metalpaint .contactarea ul li:first-child p.add{
	display: block;
    margin: 10%;
	text-align: left;
}

#metalpaint .contactarea ul li:last-child {
	float: none;
    margin: 0 auto;
}

#metalpaint .contactarea ul li p{
	text-align:center;
}