/* IMPORT CSS */
@import "../css/common.css";

#wrapper h3{
	border: 1px solid #f8cb9d;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding: 6px;
	margin-bottom: 20px;
}

.kome{
	color: #D80000;
}

#wrapper ul{
	padding: 0 10px 20px;
}

#wrapper ul li{
	margin-left: 20px;
	list-style:square;
}

#contact{
	padding-bottom: 50px;
}

#contact table{
	width:100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #b1b3b2;
}

#contact th{
	padding: 15px 10px 15px 20px;
	border-top: solid 1px #b1b3b2;
	border-right: solid 1px #b1b3b2;
	width: 25%;
	overflow: hidden;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #ffe7cd;
	text-align: left;
}

#contact td{
	padding: 15px 10px 15px 20px;
	text-align: left;
	border-top: solid 1px #b1b3b2;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

#contact td span.rei{
	font-size: 1.2rem;
}

#contact th span.kome{
	padding-left: 5px;
}

/*--------------------------- SMARTPHONE STYLES ---------------------------*/


/*========== 650px以下 ==========*/

@media ( max-width : 650px ) {
	
	#lead img{
		max-width: 100%;
	}

	#contact{
		padding: 0 0 30px;
	}
	
	#contact table{
		border-top: none;
	}
	
	#contact th{
		width:100%;
		display:block;
		margin: 0 auto;
		border-right: none;
		border-bottom: solid 1px #767d75;
	}
	
	#contact td{
		display: list-item;
		width: 100%;
		border:none;
		padding: 10px 10px 15px 10px;
	}

}