@charset "utf-8";

.design-title {
	letter-spacing: 0.06em;
	line-height: 1.6;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "リュウミン L-KL", "Ryumin Light KL", serif, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Times New Roman", "ＭＳ Ｐ明朝", serif, "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif !important;
}

@media screen and (min-width: 768px) {
	.design-title {
		margin: 24px auto 28px;
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.content-title {
		padding: 5px 0 35px;
		margin-top: 40px;
		margin-bottom: 0;
	}

	.content-title span + span {
		margin-top: 11px;
	}

	.design-title {
		font-size: 18px;
		line-height: 1.4;
	}

	.design-image img {
		width: 100%;
	}
}

.design-read {
	letter-spacing: 0.06em;
	line-height: 1.75;
}

.design-section01 .design-read,
.design-section03 .design-read {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.design-section02 .design-read {
		margin-top: 24px;
	}
}

@media screen and (max-width: 767px) {
	.design-section01 .design-read {
		text-align: left;
		margin-top: 25px;
		padding: 0 20px;
	}

	.design-section02 .design-read {
		margin-top: 8px;
	}

	.design-section03 .design-read {
		margin-top: 25px;
		padding: 0 20px;
	}
}

.design-heading {
	color: #0b3000;
	letter-spacing: 0.06em;
	line-height: 2;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "リュウミン L-KL", "Ryumin Light KL", serif, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Times New Roman", "ＭＳ Ｐ明朝", serif, "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif !important;
}

.design-heading span {
	display: block;
	color: #00307a;
	line-height: 1;
}

@media screen and (min-width: 768px) {
	.design-heading {
		font-size: 24px;
	}

	.design-heading span {
		margin-bottom: 20px;
		font-size: 24px;
	}
}

@media screen and (max-width: 767px) {
	.design-heading {
		font-size: 18px;
		line-height: 1.6;
	}

	.design-heading span {
		margin-bottom: 13px;
		font-size: 21px;
	}
}

@media screen and (min-width: 768px) {
	.design-section02 {
		margin-top: 50px;
	}

	.design-col {
		max-width: 1040px;
		padding: 0 20px;
		width: 100%;
		margin: auto;
	}

	.design-col + .design-col {
		margin-top: 40px;
	}

	.design-section02 {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

	.design-section02 .design-col {
		max-width: 1080px;
	}
}

@media screen and (max-width: 767px) {
	.design-section02 {
		margin-top: 18px;
		padding: 0 12px;
	}
}

.design-asideProfile {
	letter-spacing: 0.06em;
}

@media screen and (min-width: 768px) {
	.design-aside {
		max-width: 1000px;
		margin: 90px auto 150px;
		background-image: -moz-linear-gradient(0deg, rgb(166, 162, 160) 0%, rgb(243, 243, 243) 56%, rgb(255, 255, 255) 100%);
		background-image: -webkit-linear-gradient(0deg, rgb(166, 162, 160) 0%, rgb(243, 243, 243) 56%, rgb(255, 255, 255) 100%);
		background-image: -ms-linear-gradient(0deg, rgb(166, 162, 160) 0%, rgb(243, 243, 243) 56%, rgb(255, 255, 255) 100%);
	}

	.design-asideInner {
		/*display: flex;*/
		flex-wrap: wrap;
		padding: 40px 0 40px 57%;
		background-size: auto 100%;
		background-position: left bottom;
		background-image: url(/ventvert/fujigaoka-h/common/images/design-img-architect-pc.png);
		background-repeat: no-repeat;
	}

	.design-aside .design-heading span {
		margin-bottom: 10px;
	}

	.design-asideProfile {
		margin-top: 1.2em;
	}

	.design-asideProfile span,
	.design-asideProfile strong {
		display: block;
		margin-top: 4px;
	}

	.design-asideProfile span {
		font-size: 80%;
	}
}

@media screen and (max-width: 767px) {
	.design-aside {
		width: 100%;
		margin: 42px 0 60px 0;
		background-color: #ededed;
	}

	.design-asideInner {
		padding: 32px 28px 68% 28px;
		background-size: 100%;
		background-position: right bottom;
		background-image: url(/ventvert/fujigaoka-h/common/images/design-img-architect-sp.png);
		background-repeat: no-repeat;
	}

	.design-aside .design-heading {
		padding-right: 12px;
	}

	.design-asideProfile {
		margin-top: 12px;
	}

	.design-asideProfile span,
	.design-asideProfile strong {
		display: block;
	}

	.design-asideProfile strong {
		font-size: 13px;
	}

	.design-asideProfile span {}
}















.design-box-design {
	background: url('/ventvert/fujigaoka-h/common/images/concept-bg01.jpg') top center no-repeat;
	background-size: cover;
	margin: 100px 0 0 0;
	padding-bottom: 1px;
}

@media screen and (max-width: 767px) {
	.design-box-design {
		background: url('/ventvert/fujigaoka-h/common/images/concept-bg01-sp.jpg') top center no-repeat;
		background-size: cover;
		margin: 50px 0 0 0;
	}
}

.wrp-panel {
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

.design-title-lv3 {
	font-size: 26px;
	font-weight: bold;
	color: #00307a;
	text-align: center;
	padding: 80px 0 30px;
}

.design-section03 .design-title-lv3 {
	line-height: 1.5em;
}

.design-row .col-sm-6:first-child {
	padding-right: 30px;
}

.design-row .col-sm-6:last-child {
	padding-left: 30px;
}

.design-row .design-row-title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 1em;
}

.design-row .design-row-txt {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.design-asideInner .name01 {
	font-size: 100%
}

.design-asideInner .name02 {
	font-size: 180%;
	font-weight: bold;
}

.design-asideInner .name02 span {
	font-size: 70%;
}

.design-asideInner .name03 {
	display: block;
	width: 80%;
	padding-bottom: 1em;
	border-bottom: 1px #dddddd solid;
}

.design-section03 .row {
	max-width: 1000px;
	margin: 0 auto;
}

.design-section03 .row img {
	width: 95%;
}

.design-section03 .design-read {
	margin-bottom: 3em;
}

.design-section03 .material-row-title {
	font-size: 18px;
	font-weight: bold;
	margin: 3.4em 0 1em 0;
}

.design-section04 {
	background: url(/ventvert/fujigaoka-h/common/images/concept-bg02.jpg) top center no-repeat;
	background-size: cover;
	margin: 150px 0 0 0;
	padding: 100px 0;
}

.design-section04 .row {
	max-width: 1000px;
	margin: 0 auto;
}

.design-section04 .design-title-lv3 {
	text-align: left;
}

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

	.design-section03 .material-row-title {
		margin: 2em 0 1em 0;
	}
}

@media screen and (max-width: 767px) {
	.design-title-lv3 {
		font-size: 20px;
		line-height: 1.5;
		padding: 35px 0 0px;
	}

	.design-row .col-sm-6 {
		padding: 0 !important;
	}

	.design-row .design-row-title {
		font-size: 18px;
		font-weight: bold;
		margin-top: 2em;
	}

	.design-row.row {
		margin: 0;
	}

	.design-section03 .row {
		padding: 0 12px;
		margin-top: 60px;
	}

	.design-section03 .design-title-lv3,
	.design-section03 .design-read {
		text-align: left;
	}

	.design-section03 .design-title-lv3 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.design-section03 .design-read {
		margin-top: 0.5em;
	}

	.design-section03 .material-row-title {
		margin: 1em 0 1em 0;
	}

	.design-section04 {
		margin: 80px 0 0 0;
		padding: 60px 12px;
	}

	.design-section04 .row {
		margin: 0 auto;
	}

	.design-section04 .material-row-txt,
	.design-section04 .design-title-lv3 {
		padding-top: 0;
		margin-bottom: 0.5em;
	}
	.design-section04 .design-image{
		margin-top: 1em;
	}

}


/*▼ポップアップバナー*/
.m-floatbanner_close{
	background-color: #A9903F;
}
.m-floatbanner_image--pc{
	width: 98%;
}

.m-floatbanner_image--sp{
	width: 300px;
	padding-right: 28px;
}

@media screen and (max-width: 767px){
	.m-floatbanner_close {
    right: 36px;
    top: -10px;
    width: 36px;
    height: 36px;
}
}

/*▲ポップアップバナー*/