@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/parts.css");
@import url("/css/margin.css");

/* --------------------------------
	reset
-------------------------------- */

/* --------------------------------
	#header-main-block
-------------------------------- */
#header-main-block {
	background: url('../../images/about/main-image.png') no-repeat top center;
	background-position: center 0px;
	height: 370px;
}

/* --------------------------------
	#message-block
-------------------------------- */
#message-block {
	text-align: center;
	font-family: "MtyKjGakuGStd-W3";
}

/* --------------------------------
	#type-block
-------------------------------- */
#type-block {
	margin-top: 50px;
}

#type-block .type-title {
	font-size: 162.71%;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}

/* --------------------------------
	#about-presen-block
-------------------------------- */
#about-presen-block {
	background: url('../../images/about/presen-back.png') no-repeat top center;
	background-position: center 0px;
	height: 420px;
	text-align: center;
	color: #fff;
	margin: 60px 0 20px;
}
#about-presen-block .subject {
	font-size: 196.71%;
	padding-top: 100px;
	font-family: "UD新ゴ M";
}
#about-presen-block .desc {
	border: 1px solid #fff;
	padding: 10px;
	margin-top: 20px;
	font-family: "UD新ゴ R";
}

/* --------------------------------
	#graph-block
-------------------------------- */
#graph-block {
	margin-top: 60px;
}
#graph-block img {
	width: 806px;
}

/* --------------------------------
	#about-contact-block
-------------------------------- */
#about-contact-block {
	background: url('../../images/about/footer-contact.png') no-repeat top center;
	background-position: center 0px;
	height: 450px;
	text-align: center;
	color: #fff;
}
#about-contact-block .subject {
	font-size: 196.71%;
	padding-top: 110px;
	font-family: "UD新ゴ M";
}
#about-contact-block .desc {
	padding: 10px;
	margin-top: 0px;
	font-family: "UD新ゴ R";
}
#about-contact-block .green-btn a {
	margin-top: 60px;
	width: 80%;
}

/* --------------------------------
	#profile-block
-------------------------------- */
#profile-block p {
	float: left;
	width: 20%;
}
#profile-block .profile-list span {
	width: 80%;
	float: left;
}
#profile-block .profile-list p,
#profile-block .profile-list span {
	font-size: 118.71%;
	line-height: 1;
}
#profile-block ul.profile-list > li {
	padding: 30px 30px 30px 80px;
}
#profile-block ul.profile-list > li:nth-child(odd) {
	background-color: #e0edc1;
}


/* PC SIZE */
@media screen and (min-width: 980px){
	/* --------------------------------
		#message-block
	-------------------------------- */
	#message-block {
		background: url('../../images/about/message-back.png') no-repeat top center;
		background-position: center 30px;
		height: 372px;

		font-size: 158.71%;
	}
	/* --------------------------------
		#type-block
	-------------------------------- */
	#type-block {
		margin-top: 50px;
	}

	#type-block .architecture {
		background: url('../../images/about/img-pic01.png') no-repeat top center;
		background-position: center 0;
		height: 320px;
	}
	#type-block .renovation {
		background: url('../../images/about/img-pic02.png') no-repeat top center;
		background-position: center 0;
		height: 320px;
		margin-top: 40px;
	}
	#type-block .type-desc {
		margin-top: 50px;
	}
	#type-block .renovation .type-title,
	#type-block .renovation .type-desc {
		margin-left: 520px;
	}
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	/* --------------------------------
		#header-main-block
	-------------------------------- */
	#header-main-block {
		height: 400px;
	}
	/* --------------------------------
		#message-block
	-------------------------------- */
	#message-block {
		background: url('../../images/about/message-back_sp.png') no-repeat top center;
		background-position: center 110px;
		height: 280px;
		font-size: 138.71%;
	}
	#message-block p {
		background-color: #fff;
		padding: 10px;
	}
	/* --------------------------------
		#type-block
	-------------------------------- */
	#type-block {
		text-align: center;
	}
	#type-block img {
	  max-width: 100% !important;
	  margin-bottom: 10px;
	}
	#type-block .type-desc {
		margin: 10px 0 30px;
	}
	/* --------------------------------
		#profile-block
	-------------------------------- */
	#profile-block p {
		width: 30%;
	}
	#profile-block .profile-list span {
		width: 70%;
	}
	#profile-block ul.profile-list > li {
		padding: 30px;
	}
	/* --------------------------------
		#about-contact-block
	-------------------------------- */
	#about-contact-block .subject {
		font-size: 168.71%;
		padding-top: 110px;
	}
}
@media screen and (max-width: 480px){
	/* --------------------------------
		#message-block
	-------------------------------- */
	#message-block {
		font-size: 124.71%;
	}
	/* --------------------------------
		#profile-block
	-------------------------------- */
	#profile-block p {
		width: 40%;
	}
	#profile-block .profile-list span {
		width: 60%;
	}
}
@media screen and (max-width: 350px){
}