@charset "utf-8";
/*
 * ================================================
 *
 * [contact]
 *
 * ================================================
 */
/**
 * ---------------------------------------------------
 * pageTitle
 * ---------------------------------------------------
 */
#pageTitle { background-image: url(../../images/content/contact/pagetitle_bg.jpg); }

/**
 * ---------------------------------------------------
 * common
 * ---------------------------------------------------
 */
#main {
	padding-bottom: 180px;
	background: url(../../images/content/content/img02.png) no-repeat left bottom;
}
.sectionVox {
	font-size: 1.5rem;
	text-align: center;
	width: auto;
}
	.sectionVox header,
	.sectionVox .inner {
		position: relative;
		z-index: 1;
	}
	.sectionVox header .title {
		color: #344082;
		font-size: 2.7rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		background-repeat: no-repeat;
		background-position: center top;
		-webkit-background-size: 49px auto;
		        background-size: 49px auto;
	}
/**
 * ---------------------------------------------------
 * overview
 * ---------------------------------------------------
 */
#phone { margin-bottom: 90px; }
	#phone header .title {
		padding-top: 45px;
		background-image: url(../../images/content/content/ico_tel.png);
	}
	#phone .name { font-size: 1.8rem; }
	#phone .num {
		font-size: 2.2rem;
		font-weight: bold;
		letter-spacing: normal;
	}
/**
 * ---------------------------------------------------
 * mail
 * ---------------------------------------------------
 */
#mail {}
	#mail header .title {
		padding-top: 40px;
		background-image: url(../../images/content/content/ico_mail.png);
	}
	#mail .btnStyle01 { margin-top: 25px; }


/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {

}	/* END @media larger than 768 */
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * common
	 * ---------------------------------------------------
	 */
	#main {
		padding-bottom: 80px;
		-webkit-background-size: 290px auto;
		        background-size: 290px auto;
	}
	.sectionVox { font-size: 1.2rem; }
		.sectionVox header .title {
			font-size: 1.8rem;
			margin-bottom: 10px;
		}
	/**
	 * ---------------------------------------------------
	 * overview
	 * ---------------------------------------------------
	 */
	#phone { margin-bottom: 50px; }
		#phone .name { font-size: 1.5rem; }
		#phone .num { font-size: 1.8rem; }




}	/* END @media smaller than 768 */