@charset "utf-8";

/* ------------------------------------------
- HEADER
-
	--
	--
------------------------------------------ */
/* ==============================================================
	HEADER
============================================================== */
header{
	background: url(../img/contact/header_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

@media screen and (max-width: 750px) {
	header{
		background: url(../img/contact/header_img_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
}

/* ==============================================================
	MAIN
============================================================== */
.section{
	padding:100px 0;
	background: url(../img/dot_bg.jpg) repeat;
	color: #424242;
}
h2{
	font-size: 45px;
	line-height: 0.6;
	font-weight: 600;
	letter-spacing: 0.05em;
}
h2 span.jpn_title{
	font-size: 16px;
}

@media screen and (max-width: 750px) {
	.section{
		padding:50px 0;
		background: url(../img/dot_bg.jpg) repeat;
		color: #424242;
	}
	h2{
		font-size: 35px;
	}
	h2 span.jpn_title{
		font-size: 14px;
	}
}

/* CONTENT AREA
------------------------------------------------ */
.section .contentArea{
	margin:50px auto;
}
.section .contentArea h3{
	font-size: 26px;
	font-weight: 600;
	margin-bottom:15px;
	letter-spacing: 0.138em;
}

@media screen and (max-width: 750px) {
	.section .contentArea h3{
		font-size: 18px;
		margin-bottom:8px;
		letter-spacing: 0.1em;
	}
}

/* INFORMATION
------------------------------------------------ */
.information p{
	text-align: left;
}

@media screen and (max-width: 750px) {
	.information p{
		text-align: left;
	}
}

/* TEL CONTACT
------------------------------------------------ */
.tel_contact{
	margin:50px auto;
	padding:20px 0;
	border-top:solid 4px #000;
	border-bottom:solid 4px #000;
}
.tel_contact p.tel,.tel_contact p.tel a{
	font-size: 34px;
	font-weight: 600;
}

@media screen and (max-width: 750px) {
	.tel_contact p.tel,.tel_contact p.tel a{
		font-size: 24px;
	}
}

/* ==============================================================
	CONFIRM & THANKS
============================================================== */
.confirm h2,.thanks h2{
	font-size: 24px;
	font-weight: 600;
	margin-bottom:15px;
	letter-spacing: 0.138em;
}

@media screen and (max-width: 750px) {
	.confirm .section .contentArea{
			margin:0 auto;
		}
	.thanks h2{
		line-height: 1;
		margin-bottom: 30px;
	}
}