<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.section-soku {
	--color-1: #967F4D;
	--color-2: #A69467;
}
@media only screen and (min-width: 641px) {

}
@media only screen and (max-width: 640px) {

}



.section-soku .color1{
	color: var(--color-1);
}
.section-soku{
	background-color: #f1eeea;
	padding-bottom: 90px;
}
.section-soku .content-in{	
	background-color: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	padding: 80px 95px 60px;
}
.section-soku .h2-title{
	font-size: 28px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.08em;
	border-top: 1px solid var(--color-1);
	border-bottom: 1px solid var(--color-1);
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.9em;
}

.section-soku .elem1{
	display: flex;
	padding: 40px 0;
}
.section-soku .elem1 dt{
	font-size: 18px;
	font-weight: 500;
	width: 10em;
}
.section-soku .elem1 dd{
	font-size: 16px;
	line-height: 1.7;
	flex: 1;
}
@media only screen and (max-width: 640px) {
	.section-soku{
		padding-bottom: 40px;
	}
	.section-soku .content-in{	
		padding: 30px 15px 30px;
	}
	.section-soku .h2-title{
		font-size: 20px;
	}
	.section-soku .elem1{
		flex-direction: column;
		padding: 20px 0;
	}
	.section-soku .elem1 dt{
		font-size: 16px;
		width: auto;
	}
	.section-soku .elem1 dd{
		font-size: 14px;
		margin-top: 0.5em;
	}
}


.section-soku .elem2{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.section-soku .elem2 .box{
	position: relative;
	background-color: #242424;
	color: #FFFF;
	width: calc(50% - 8px);
	padding: 33px 38px;
	font-size: 16px;
	line-height: 1.4;
	background-image: url(../images/soku-ico_1a.svg);
	background-repeat: no-repeat;
	background-size: 106px auto;
	background-position: right 25px top 50%;
}
.section-soku .elem2 .box:nth-child(1){
	background-image: url(../images/soku-ico_1b.svg);
	background-position: right 25px bottom 10px;
}
.section-soku .elem2 .box:nth-child(2){
	background-color: #595959;
}
.section-soku .elem2 .box:after{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid var(--color-2);
}
.section-soku .elem2 .box dl{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.section-soku .elem2 .box dt{
	border-bottom: 1px solid var(--color-2);
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}
@media only screen and (max-width: 640px) {
	.section-soku .elem2{
		flex-direction: column;
		align-items: center;
	}
	.section-soku .elem2 .box{
		width: 90%;
		padding: 25px 25px;
		font-size: 14px;
		background-size: 76px auto;
		background-position: right 14px top 50%;
	}
	.section-soku .elem2 .box:nth-child(1){
		background-position: right 16px bottom 7px;
		margin-bottom: 5px;
	}
	.section-soku .elem2 .box:after{
		top: 7px;
		bottom: 7px;
		left: 7px;
		right: 7px;
	}
	.section-soku .elem2 .box dl{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

.section-soku .elem3{
	margin-top: 35px;
}
.section-soku .elem3 .part-btn{
	position: relative;
	background-color: var(--color-2);
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	padding: 6px;
	margin-bottom: 2px;
}
.section-soku .elem3 .part-btn .txt1{
	position: absolute;
	font-size: 16px;
	font-weight: normal;
	right: 0;
	padding-right: 52px;
}
.section-soku .elem3 .part-btn .ico{
	position: absolute;
	top: calc(50% - 12px);
	right: 14px;
	display: block;
	background-color: var(--color-1);
	width: 24px;
	height: 24px;
}
.section-soku .elem3 .part-btn .ico:before,
.section-soku .elem3 .part-btn .ico:after{
	content: "";
	display: block;
	font-size: 0;
	position: absolute;
	width: 12px;
	height: 2px;
	background-color: #FFF;
	right: calc(50% - 6px);
	top: calc(50% - 1px);
}
.section-soku .elem3 .part-btn .ico:before{
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-transition: transform 0.5s cubic-bezier(.5,0,0,1);
	transition: transform 0.5s cubic-bezier(.5,0,0,1);
}
.section-soku .elem3 .part-btn.active .ico:before{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.section-soku .elem3 .part1{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto);
	gap: 1px;
}
.section-soku .elem3 .box{
	display: flex;
	align-items: center;
	background-color: #F0F0F0;
	padding: 24px;
	font-weight: 500;
}
.section-soku .elem3 .box .ico{
	width: 100px;
}
.section-soku .elem3 .box .lead{
	padding-left: 0.6em;
}

.section-soku *+.h4-title{
	margin-top: 40px;
}
.section-soku .h4-title+*{
	margin-top: 45px;
}
.section-soku .h4-title{
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 640px) {

	.section-soku .elem3{
		margin-top: 25px;
	}
	.section-soku .elem3 .part-btn{
		font-size: 14px;
		text-align: left;
		padding-left: 1em;
	}
	.section-soku .elem3 .part-btn .txt1{
		font-size: 12px;
		padding-right: 35px;
	}
	.section-soku .elem3 .part-btn .ico{
		top: calc(50% - 12px);
		right: 8px;
	}
	.section-soku .elem3 .part1{
		grid-template-columns: 1fr; 
		grid-template-rows: repeat(4, auto);
	}
	.section-soku .elem3 .box{
		padding: 14px;
	}
	.section-soku .elem3 .box .ico{
		width: 80px;
	}
	.section-soku *+.h4-title{
		margin-top: 20px;
	}
	.section-soku .h4-title+*{
		margin-top: 25px;
	}
	.section-soku .h4-title{
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0.05em;
	}
}</pre></body></html>