@charset "UTF-8";
@import url("root.css");
/*-----*ブレイクポイントルール*-----*/
/* スマートフォン：max-width:767px */
/* タブレット：min-width:768px */
/* PC：min-width:1025px */
/***************************************
---------------- information ----------------
***************************************/

.biz_bg01 {
	margin-top: 50px;
	padding: min(2.5%, 30px);
	background: rgba(248, 189, 202, 0.25);
	.h3_A {
		color: #ea889d;
		margin-top: 0;
		border-bottom: 2px solid #fff;
	}
	.h3_A:before { background: #ea889d; }
	.sec_btn a {
		background: #ea889d;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	> .row { margin-bottom: 0; }
}
.biz_bg02 {
	padding: min(2.5%, 30px);
	background: rgba(255, 215, 59, 0.25);
	.h3_A {
		color: #dbb20f;
		margin-top: 0;
		border-bottom: 2px solid #fff;
	}
	.h3_A:before { background: #dbb20f; }
	.sec_btn a {
		background: #dbb20f;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	> .row { margin-bottom: 0; }
}
.biz_bg03 {
	padding: min(2.5%, 30px);
	background: rgba(161, 217, 237, 0.25);
	.h3_A {
		color: #45a4c6;
		margin-top: 0;
		border-bottom: 2px solid #fff;
	}
	.h3_A:before { background: #45a4c6; }
	.sec_btn a {
		background: #45a4c6;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	> .row { margin-bottom: 0; }
}
.biz_bg04 {
	padding: min(2.5%, 30px);
	background: rgba(161, 225, 135, 0.25);
	.h3_A {
		color: #3eac11;
		margin-top: 0;
		border-bottom: 2px solid #fff;
	}
	.h3_A:before { background: #3eac11; }
	.sec_btn a {
		background: #3eac11;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	> .row { margin-bottom: 0; }
}
.biz_bg05 {
	padding: min(2.5%, 30px);
	background: rgba(121, 188, 255, 0.25);
	.h3_A {
		color: var(--base-color01);
		margin-top: 0;
		border-bottom: 2px solid #fff;
	}
	.h3_A:before { background: var(--base-color01); }
	.sec_btn a {
		background: var(--base-color01);
		margin-top: 20px;
		margin-bottom: 20px;
	}
	> .row { margin-bottom: 0; }
}



/*************************************
各業務詳細ページ
**************************************/

.bg.estate { background: rgba(248, 189, 202, 0.25);}
.bg.inheritance { background: #fcfaea;}
.bg.incorporation { background: rgba(161, 217, 237, 0.25);}
.bg.building { background: rgba(161, 225, 135, 0.25);}

.bg .h3_A {
	color: #333;
	border-bottom: 2px solid #fff;
}
.examples_list {
	width: 100%;
}

.examples_box {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	padding: 3%;
	background: #fff;
	gap: 3%;
	.examples_img {
		flex-shrink: 0;
		width: min(34%, 340px);
	}
	.examples_txt {
		flex-grow: 1;
		.sec_title {
			color: var(--base-color01);
			margin-top: 0;
			padding-bottom: .5em;
			border-bottom: 2px solid var(--base-color01);
		}
	}
}
.examples_box:nth-of-type(even) {
	flex-direction: row-reverse;
	margin: clamp(25px, 2.5vw, 50px) auto;
}

@media (max-width: 767px) {
	.examples_box,
	.examples_box:nth-of-type(even)
	{	flex-direction: column; }
	.examples_box {
		.examples_img {
			width: min(100%, 340px);
			margin: 0 auto 3%;
			img { width:100%; }
		}
	}
}