/* Scss Document */
.content_ttl {
	position: relative;
	text-align: center;
	z-index: 99;
}
.content_ttl .en {
	margin-bottom: 20px;
}
.content_ttl .ttl {
	color: rgba(0, 0, 0, 0.7);
	font-size: 2.0rem;
	font-weight: bold;
}
.circle {
	position: relative;
	height: 322px;
	overflow: hidden;
	margin-top: -60px;
}
.circle .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 880px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 2.0;
	letter-spacing: -.05em;
}
.circle .text .color {
	margin-bottom: .8em;
	font-size: 2.0rem;
	font-weight: bold;
}
.link_wrap {
	margin-top: -100px;
	padding-top: 100px;
}
#house .content {
	background: url(../images/common/content_bg_gray.png);
}
#house .circle {
	margin-bottom: 50px;
	background: url(../images/concept/house_circle_bg.png) top center no-repeat;
}
#house .circle .text {
	text-align: left;
}
#records .circle {
	margin: -60px 0 30px 0;
	background: url(../images/concept/records_circle_bg.png) top center no-repeat;
}
#records .circle .text .color {
	color: #527FA0;
}
#records .flex_wrap .flex_left {
	width: 510px;
}
#records .flex_wrap .flex_left figure {
	margin-bottom: 20px;
}
#records .flex_wrap .flex_left h3 {
	margin-bottom: .25em;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .015em;
}
#records .flex_wrap .flex_left p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.0;
	text-align: center;
	letter-spacing: .015em;
}
#records .flex_wrap .flex_right {
	width: 600px;
}
#records .flex_wrap .note {
	margin-top: 30px;
	width: 100%;
	text-align: center;
}
#location .content {
	background: url(../images/common/content_bg_gray.png);
}
#location .inner {
	padding: 0 0 390px;
	background: url(../images/concept/location_bg.png) bottom center no-repeat;
}
#location .circle {
	background: url(../images/concept/location_circle_bg.png) top center no-repeat;
}
#location .circle .text .color {
	color: #549973;
}
#performance .circle {
	background: url(../images/concept/performance_circle_bg.png) top center no-repeat;
}
#performance .circle .text .color {
	color: #000;
}
#performance .circle .text li {
	display: inline-block;
	width: 90px;
	height: 90px;
	margin: 0 10px;
	border-radius: 50%;
	color: #FFF;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 90px;
	letter-spacing: .15em;
}
#performance .circle .text li.taishin {
	background: #C9A94C;
}
#performance .circle .text li.dannetsu {
	background: #4CA9C9;
}
#performance .circle .text li.taika {
	background: #FF794C;
}
#performance .circle .text li.bouon {
	background: #7DAE4C;
}
#performance .circle .text li.hosho {
	background: #4CC9C9;
}
#performance .circle .text li.support {
	background: #265F8B;
	font-size: 2.0rem;
	letter-spacing: 0;
	white-space: nowrap;
}
#performance h3 {
	margin: 40px 0;
	font-size: 5.0rem;
	font-weight: bold;
	text-align: center;
}
#performance h3 .small {
	display: inline-block;
	font-size: 3.0rem;
}
#performance h3 .color {
	color: #265F8B;
}
#performance .performance_list li {
	position: relative;
	box-sizing: border-box;
	width: 340px;
	padding: 80px 25px 30px;
	background: #F4F2EF;
}
#performance .performance_list li .ico {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -30%);
}
#performance .performance_list li h4 {
	margin-bottom: 10px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
#performance .performance_list li h4 .small {
	display: block;
	font-size: 1.8rem;
	letter-spacing: -.05em;
}
#performance .performance_list li figure {
	margin-bottom: 20px;
}
#performance .performance_list li p {
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -.05em;
}
#performance .performance_list li.taishin,
#performance .performance_list li.taika,
#performance .performance_list li.dannetsu {
	margin-bottom: 50px;
}
#performance .performance_list li.taishin h4 {
	color: #B28500;
}
#performance .performance_list li.dannetsu h4 {
	color: #0085B2;
}
#performance .performance_list li.taika h4 {
	color: #FF4000;
}
#performance .performance_list li.bouon h4 {
	color: #468C00;
}
#performance .performance_list li.hosho h4 {
	color: #00B2B2;
}
#performance .performance_list li.support h4 {
	color: #265F8B;
}
#plan .content {
	background: url(../images/common/content_bg_gray.png);
}
#plan .circle {
	margin-bottom: 50px;
	background: url(../images/concept/plan_circle_bg.png) top center no-repeat;
}
#plan .circle .text .color {
	color: #D9862C;
}
#plan .circle .text .color2 {
	color: #000;
	font-size: 2.0rem;
	font-weight: bold;
}
#plan .design_list {
	margin-bottom: 40px;
}
#plan .design_list li {
	position: relative;
	width: 378px;
	margin-bottom: 3px;
}
#plan .design_list li a {
	position: relative;
	display: block;
}
#plan .design_list li a:hover:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 378px;
	height: 252px;
	box-sizing: border-box;
	border: #27608B 5px solid;
}
#plan .plan_list h2 {
	margin-bottom: 40px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: .15em;
	text-align: center;
}
#plan .plan_list li {
	width: 250px;
	margin-bottom: 40px;
	text-align: center;
}
#plan .plan_list li a {
	position: relative;
	display: block;
}
#plan .plan_list li img {
	text-align: center;
}
#plan .plan_list li a:hover:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 250px;
	height: 250px;
	box-sizing: border-box;
	border: #27608B 5px solid;
}
#series .circle {
	background: url(../images/concept/series_circle_bg.png) top center no-repeat;
}
#series .circle .text .color {
	color: #000;
}
#series .circle li {
	display: inline-block;
	margin: 0 25px;
}
#series .series_list li {
	padding: 60px 0 50px;
	border-bottom: #A98AB2 2px solid;
}
#series .series_list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
#series .series_list li:last-child .flex_left img {
	display: inline-block;
	margin-left: 50px;
}
#series .series_list .flex_wrap {
	margin-bottom: 30px;
}
#series .series_list .flex_left {
	width: 146px;
}
#series .series_list .flex_right {
	width: 958px;
}
#series .series_list .flex_right h2 {
	margin-bottom: .3em;
	font-size: 3.0rem;
	font-weight: bold;
}
#series .series_list .flex_right h2 span.ps {
	display: inline-block;
	margin: 0 0 .6em 1em;
	padding: .5em 1.5em;
	background-color: #428F3C;
	color: #FFF;
	font-size: 2.0rem;
	letter-spacing: .2em;
}
#series .series_list .flex_right h2 span.sevi {
	display: inline-block;
	margin: 0 0 .6em 1em;
	padding: .5em 1.5em;
	background-color: #F38E00;
	color: #FFF;
	font-size: 2.0rem;
	letter-spacing: .2em;
}
#series .series_list .flex_right h2 span.pt {
	display: inline-block;
	margin: 0 0 .6em 1em;
	padding: .5em 1.5em;
	background-color: #6A8387;
	color: #FFF;
	font-size: 2.0rem;
	letter-spacing: .2em;
}
#series .series_list .flex_right p {
	font-size: 1.5rem;
	line-height: 2.0;
}
#series .series_list figcaption {
	display: block;
	margin-top: 5px;
	font-size: 1.4rem;
	text-align: right;
}

span.midd {
    font-size: 70%;
}



@media screen and (max-width: 765px) {
	.content_ttl {
		margin-bottom: 4vw;
	}
	.content_ttl .en {
		margin-bottom: 2.6666666667vw;
	}
	.content_ttl img {
		width: 60vw;
	}
	.content_ttl .ttl {
		font-size: 4.8vw;
	}
	.circle {
		height: auto;
	}
	.circle .text {
		position: static;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		box-sizing: border-box;
		width: 100%;
		padding: 20vw 3.9113vw 3.9113vw;
		font-size: 2.9333333333vw;
		font-weight: normal;
		text-align: left;
	}
	.circle .text .color {
		font-size: 3.2vw;
		line-height: 1.5;
	}
	.link_wrap {
		margin-top: -14.3416vw;
		padding-top: 14.3416vw;
	}
	#house .content {
		background: url(../images/common/content_bg_gray.png);
	}
	#house .circle {
		margin-bottom: 50px;
		background: #FFF;
	}
	#records .content_ttl img {
		width: 35vw;
	}
	#records .circle {
		background: url(../images/common/content_bg_gray.png);
	}
	#records .flex_wrap {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#records .flex_wrap .flex_left {
		width: 100%;
	}
	#records .flex_wrap .flex_left figure img {
		width: 30%;
	}
	#records .flex_wrap .flex_left h3 {
		margin-bottom: .25em;
		font-size: 4.8vw;
	}
	#records .flex_wrap .flex_left p {
		font-size: 3.7333333333vw;
		line-height: 1.4;
	}
	#records .flex_wrap .flex_right {
		width: 100%;
	}
	#records .flex_wrap .note {
		font-size: 2.6666666667vw;
	}
	#location .content_ttl img {
		width: 40vw;
	}
	#location .inner {
		padding: 0 3.9113vw 30vw;
		background: url(../images/concept/location_bg.png) bottom center no-repeat;
		background-size: contain;
	}
	#location .circle {
		background: #FFF;
	}
	#performance .circle {
		background: url(../images/common/content_bg_gray.png);
	}
	#performance .circle .text ul {
		text-align: center;
	}
	#performance .circle .text li {
		display: inline-block;
		width: 20vw;
		height: 20vw;
		margin: 0 1.5vw 3vw;
		font-size: 2.0rem;
		line-height: 20vw;
	}
	#performance h3 {
		margin: 5vw 0 10vw;
		font-size: 4.8vw;
	}
	#performance h3 .small {
		font-size: 2.6666666667vw;
	}
	#performance .performance_list li {
		width: 100%;
		margin-bottom: 3.9113vw;
		padding: 20vw 3.9113vw 3.9113vw;
		background: #F4F2EF;
	}
	#performance .performance_list li .ico {
		width: 20vw;
	}
	#performance .performance_list li h4 {
		font-size: 6.6666666667vw;
	}
	#performance .performance_list li h4 .small {
		font-size: 4vw;
	}
	#performance .performance_list li figure {
		margin-bottom: 20px;
	}
	#performance .performance_list li p {
		font-size: 2.9333333333vw;
	}
	#performance .performance_list li.taishin, #performance .performance_list li.dannetsu {
		width: 100%;
		margin-bottom: 3.9113vw;
	}
	#plan .circle {
		background: #FFF;
	}
	#plan .circle .text .color2 {
		font-size: 3.7333333333vw;
		line-height: 1.4;
	}
	#plan .design_list li {
		width: 49%;
		margin-bottom: 2vw;
	}
	#plan .plan_list h2 {
		font-size: 4.8vw;
	}
	#plan .plan_list li {
		width: 32%;
		margin-bottom: 2vw;
	}
	#plan .plan_list li a:hover:after {
		content: none;
	}
	#series .content_ttl img {
		width: 30vw;
	}
	#series .circle {
		background: url(../images/common/content_bg_gray.png);
	}
	#series .circle ul {
		text-align: center;
	}
	#series .circle li {
		display: inline-block;
		margin: 0 2vw;
	}
	#series .series_list li {
		padding: 3.9113vw 0;
	}
	#series .series_list li:last-child .flex_left img {
		margin-left: 0;
		width: 20vw;
	}
	#series .series_list figcaption {
		font-size: 2.6666666667vw;
	}
	#series .series_list .flex_wrap {
		margin-bottom: 3.9113vw;
	}
	#series .series_list .flex_left {
		width: 100%;
		margin-bottom: 2vw;
		text-align: center;
	}
	#series .series_list .flex_left img {
		width: 25vw;
	}
	#series .series_list .flex_right {
		width: 100%;
	}
	#series .series_list .flex_right h2 {
		font-size: 4.8vw;
		text-align: center;
	}
	#series .series_list .flex_right h2 span {
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 2vw 0;
		font-size: 3.7333333333vw;
	}
	#series .series_list .flex_right h2 span.ps, #series .series_list .flex_right h2 span.sevi, #series .series_list .flex_right h2 span.pt {
		margin: 0 0 .6em;
		font-size: 3.7333333333vw;
		letter-spacing: 0;
	}
	#series .series_list .flex_right p {
		font-size: 2.9333333333vw;
	}
    span.midd {
    font-size: 90%;
}

}