@charset "UTF-8";

/* ---------------------------------------
  家を建てる
-----------------------------------------*/

#page_business {
	padding: 0 0 120px;
}


/* support
--------------------------------*/

#sec_support {
	padding: 70px 0 90px;
}

#sec_support .secttl {
	font-size: 2.6rem;
	line-height: 2.11;
	letter-spacing: 0.1em;
	margin-bottom: 80px;
}

#sec_support .secttl span {
	display: inline-block;
	position: relative;
	z-index: 1;
}

#sec_support .secttl span::before {
	content: "";
	width: 100%;
	height: 8px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	left: 0;
	bottom: .4em;
	z-index: -1;
}

#sec_support .circle {
	width: 550px;
	height: 550px;
	margin: 130px auto 0;
	border-radius: 50%;
	border: 6px solid #a7cae6;
	display: flex;
	justify-content: space-between;
	position: relative;
}

#sec_support .circle .logo {
	position: absolute;
	left: 50%;
	top: 178px;
	margin-left: -116px
}

#sec_support .circle .list {
	width: 318px;
	position: absolute;
	top: 0;
}

#sec_support .circle .list01 {
	right: 50%;
}

#sec_support .circle .list02 {
	left: 50%;
}

#sec_support .circle .list li {
	position: relative;
	width: 118px;
	height: 118px;
}

#sec_support .circle .list li a {
	display: block;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	background-color: #fff;
	border: 6px solid #0468b6;
	position: relative;
	transition: opacity 0.3s ease;
	z-index: 1;
}

#sec_support .circle .list li .ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

#sec_support .circle .list li .txt {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-size: 1.9rem;
	line-height: 2;
	letter-spacing: 0.14em;
	color: #0468b6;
	display: inline-block;
	white-space: nowrap;
	padding: 4px 1.3em;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -23px;
}

#sec_support .circle .list01 li .txt {
	padding-right: 2em;
	border-radius: 23px 0 0 23px;
	right: 90px;
}

#sec_support .circle .list02 li .txt {
	padding-left: 2em;
	border-radius: 0 23px 23px 0;
	left: 90px;
}

#sec_support .circle .list li:nth-child(1) .txt {
	margin-top: -42px;
}

#sec_support .circle .list li:nth-child(6) .txt {
	margin-top: 0;
}

#sec_support .circle .list01 {
	margin-right: 14px;
}

#sec_support .circle .list02 {
	margin-left: 14px;
}

#sec_support .circle .list01 li {
	margin-left: auto;
}

#sec_support .circle .list01 li:first-child {
	margin-right: -76px;
}

#sec_support .circle .list li:nth-child(1) {
	margin-top: -62px;
}

#sec_support .circle .list li:nth-child(2) {
	margin-top: -46px;
	margin-bottom: 8px;
	margin-right: 126px;
}

#sec_support .circle .list01 li:nth-child(2),
#sec_support .circle .list01 li:nth-child(5) {
	margin-right: 126px;
}

#sec_support .circle .list02 li:nth-child(2),
#sec_support .circle .list02 li:nth-child(5) {
	margin-left: 126px;
}

#sec_support .circle .list li:nth-child(3) {
	margin-bottom: 27px;
}

#sec_support .circle .list01 li:nth-child(3),
#sec_support .circle .list01 li:nth-child(4) {
	margin-right: 199px;
}

#sec_support .circle .list02 li:nth-child(3),
#sec_support .circle .list02 li:nth-child(4) {
	margin-left: 199px;
}

#sec_support .circle .list li:nth-child(5) {
	margin-bottom: -46px;
	margin-top: 8px;
}

@media screen and (min-width: 769px) {
	#sec_support .circle .list li a:hover {
		opacity: .7;
	}
}

@media screen and (max-width: 768px) {
	#sec_support {
		padding: 10vw 0 8vw;
	}
	#sec_support .wrap{
		width: 92%;
	}
	#sec_support .secttl {
		font-size: 4.9vw;
		line-height: 2;
		margin-bottom: 10vw;
	}
	#sec_support .secttl span::before {
		height: 1.7vw;
		border-radius: .85vw;
	}
	#sec_support .circle {
		width: 100%;
		height: auto;
		margin: 10vw auto 0;
		border: none;
	}
}


/* section
--------------------------------*/

.section {
	width: 1200px;
	margin: 80px auto 0;
	margin-top: 80px;
	padding: 0 0 64px;
	background-color: #fff;
}

.section .midashi {
	font-size: 2.4rem;
	letter-spacing: 0.16em;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #4c4948;
	margin-bottom: 40px;
}

.section .midashi .ico {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	width: 74px;
	height: 69px;
	margin-left: -97px;
	margin-right: 23px;
}

.section .midashi small {
	font-size: 1.6rem;
}

.section .inner {
	padding: 0 70px;
	align-items: flex-start;
}

.section .inner .img {
	width: 448px;
	overflow: hidden;
	border-radius: 20px;
	margin-top: 5px;
}

.section .inner .txtwrap {
	width: 554px;
}

.section .inner .txtwrap .txt {
	font-size: 1.6rem;
	line-height: 2.125;
	letter-spacing: 0.08em;
	text-align: justify;
}

.section .inner .txtwrap .txt+.txt {
	margin-top: .5em;
}

.section .inner .txtwrap .btn {
	margin-top: 40px;
}

.section .inner .txtwrap .btn a {
	min-width: 480px;
}

.section .inner .txtwrap .btn+.btn {
	margin-top: 20px;
}

#business01 .midashi .ico img {
	width: 46px;
}

#business02 .midashi .ico img {
	width: 74px;
}

#business03 .midashi .ico img {
	width: 60px;
}

#business04 .midashi .ico img {
	width: 56px;
}

#business05 .midashi .ico img {
	width: 49px;
}

#business06 .midashi .ico img {
	width: 55px;
}

#business07 .midashi .ico img {
	width: 53px;
}

#business08 .midashi .ico img {
	width: 43px;
}

#business09 .midashi .ico img {
	width: 32px;
}

#business10 .midashi .ico img {
	width: 56px;
}

#business11 .midashi .ico img {
	width: 41px;
}

#business12 .midashi .ico img {
	width: 48px;
}

@media screen and (max-width: 768px) {
	.section {
		width: 84%;
		margin: 12vw auto 0;
		padding: 0 0 8vw;
	}
	.section .midashi {
		font-size: 4.2vw;
		letter-spacing: 0.05em;
		padding: 2vw 0;
		border-bottom: 1px solid #4c4948;
		margin-bottom: 5vw;
		flex-wrap: wrap;
	}
	.section .midashi .ico {
		width: 13vw;
		height: 12vw;
		margin-left: -16vw;
		margin-right: 3vw;
	}
	.section .midashi small {
		font-size: 1.3rem;
		margin-top: -0.5em;
		display: block;
		width: 100%;
	}
	.section .inner {
		display: block;
		padding: 0 5vw;
	}
	.section .inner .img {
		width: 100%;
		border-radius: 2.8vw;
		margin-top: 0;
		margin-bottom: 4vw;
	}
	.section .inner .txtwrap {
		width: 100%;
	}
	.section .inner .txtwrap .txt {
		font-size: 3.2vw;
		line-height: 2;
	}
	.section .inner .txtwrap .btn {
		margin-top: 6vw;
	}
	.section .inner .txtwrap .btn a {
		width: 100%;
		min-width: inherit;
		padding: 0 2.4em 0 1.2em;
		font-size: 3.2vw;
		font-feature-settings: "palt";
	}
	.section .inner .txtwrap .btn+.btn {
		margin-top: 4vw;
	}
	#business01 .midashi .ico img {
		width: 8vw;
	}
	#business02 .midashi .ico img {
		width: 13vw;
	}
	#business03 .midashi .ico img {
		width: 11vw;
	}
	#business04 .midashi .ico img {
		width: 10vw;
	}
	#business05 .midashi .ico img {
		width: 9vw;
	}
	#business06 .midashi .ico img {
		width: 10vw;
	}
	#business07 .midashi .ico img {
		width: 9vw;
	}
	#business08 .midashi .ico img {
		width: 8vw;
	}
	#business09 .midashi .ico img {
		width: 6vw;
	}
	#business10 .midashi .ico img {
		width: 10vw;
	}
	#business11 .midashi .ico img {
		width: 7vw;
	}
	#business12 .midashi .ico img {
		width: 9vw;
	}
}