@charset "utf-8";
/* ====================================================================================================

	company.css

==================================================================================================== */

/* ----------------------------------------------------------------------------------------------------
	base
---------------------------------------------------------------------------------------------------- */
section {
	width:100%;
	}
	section .inner {
		width:100%;
		max-width:1200px;
		text-align:left;
		margin:0 auto;
		}
		section .inner article {
			transition:none;
			}

/* ----------------------------------------------------------------------------------------------------
	about
---------------------------------------------------------------------------------------------------- */
		.about .inner article {
			width:100vw;
			margin:80px calc(-50vw + 50%) 0 calc(-50vw + 50%);
			}
			.about .inner article .container {
				width:100%;
				max-width:1200px;
				height:440px;
				margin:65px auto 0 auto;
				}
			.about .inner article h3 {
				display:flex;
				width:100vw;
				align-items:center;
				color:#100e58;
				font-size:36px;
				font-family:var(--ff-jp);
				font-weight:normal;
				text-align:center;
				line-height:36px;
				letter-spacing:6px;
				margin:0 calc(-50vw + 50%);
				transition:none;
				}
			.about .inner article h3::before,
			.about .inner article h3::after {
				content:"";
				height:2px;
				flex-grow:1;
				background-color:#15116f;
				transition:none;
				}
			.about .inner article h3::before 	{ margin-right:calc(2rem + 3px); }
			.about .inner article h3::after 	{ margin-left:calc(2rem - 3px); }

@media screen and (max-width:640px) {
		.about .inner article {
			margin-top:clamp(50px,15.625vw,80px);
			}
			.about .inner article h3 {
				font-size:clamp(25px,6.25vw,36px);
				}
			.about .inner article .container {
				height:clamp(300px,93.75vw,440px);
				margin-top:clamp(30px,9.375vw,65px);
				}
}

/* --------------------------------------------------
経営理念 */
		.about .inner article.philosophy {
			text-align:left;
			background:transparent url('../image/contents/company/about_bg01.png') right bottom / 1314px 440px no-repeat;
			transition:none;
			}
			.about .inner article.philosophy .container {
				padding:70px 0 0 0;
				transition:none;
				}
				.about .inner article.philosophy .container h4 {
					color:#14116e;
					font-size:36px;
					font-weight:bold;
					line-height:36px;
					letter-spacing:4px;
					text-shadow:
								2px 2px 2px #ffffff,
								-2px 2px 2px #ffffff,
								2px -2px 2px #ffffff,
								-2px -2px 2px #ffffff,
								2px 0px 2px #ffffff,
								0px 2px 2px #ffffff,
								-2px 0px 2px #ffffff,
								0px -2px 2px #ffffff;
					transition:none;
					}
					.about .inner article.philosophy .container h4 span {
						display:block;
						transition:none;
						}
					.about .inner article.philosophy .container h4 span:nth-of-type(2) {
						margin:20px 0 0 0;
						transition:none;
						}
						.about .inner article.philosophy .container h4 span b {
							font-size:57px;
							line-height:57px;
							letter-spacing:6px;
							transition:none;
							}
				.about .inner article.philosophy .container p {
					font-size:24px;
					text-shadow:
								2px 2px 2px #ffffff,
								-2px 2px 2px #ffffff,
								2px -2px 2px #ffffff,
								-2px -2px 2px #ffffff,
								2px 0px 2px #ffffff,
								0px 2px 2px #ffffff,
								-2px 0px 2px #ffffff,
								0px -2px 2px #ffffff;
					margin:10px 0 0 0;
					transition:none;
					}
				.about .inner article.philosophy .container p:nth-of-type(1) {
					margin:30px 0 0 0;
					transition:none;
					}

@media screen and (max-width:1260px) {
		.about .inner article.philosophy {
			background-position:center bottom;
			transition:none;
			}
			.about .inner article.philosophy .container {
				padding:70px 30px 0 30px;
				transition:none;
				}
}

@media screen and (max-width:640px) {
		.about .inner article.philosophy {
			background-position:right -120px bottom;
			background-size:auto clamp(300px,93.75vw,440px);
			transition:none;
			}
			.about .inner article.philosophy .container {
				padding:clamp(30px,9.375vw,70px) 20px 0 20px;
				transition:none;
				}
				.about .inner article.philosophy .container h4 {
					font-size:clamp(20px,6.25vw,36px);
					line-height:clamp(20px,6.25vw,36px);
					transition:none;
					}
					.about .inner article.philosophy .container h4 span:nth-of-type(2) {
						margin:clamp(10px,3.125vw,20px) 0 0 0;
						transition:none;
						}
				.about .inner article.philosophy .container p {
					font-size:clamp(14px,4.375vw,24px);
					white-space:pre-wrap;
					word-break:keep-all;
					transition:none;
					}
				.about .inner article.philosophy .container p:nth-of-type(1) {
					margin:clamp(20px,6.25vw,30px) 0 0 0;
					transition:none;
					}
						.about .inner article.philosophy .container h4 span b {
							font-size:clamp(35px,10.9375vw,57px);
							line-height:clamp(35px,10.9375vw,57px);
							letter-spacing:clamp(4px,1.25vw,6px);
							transition:none;
							}
}

/* --------------------------------------------------
行動指針 */
		.about .inner article.guidelines {
			text-align:right;
			background:transparent url('../image/contents/company/about_bg02.png') left bottom / 1320px 440px no-repeat;
			transition:none;
			}
			.about .inner article.guidelines .container {
				padding:65px 0 0 0;
				transition:none;
				}
				.about .inner article.guidelines .container ol {
					list-style:none;
					}
					.about .inner article.guidelines .container ol li {
						font-size:18px;
						text-shadow:
									2px 2px 2px #ffffff,
									-2px 2px 2px #ffffff,
									2px -2px 2px #ffffff,
									-2px -2px 2px #ffffff,
									2px 0px 2px #ffffff,
									0px 2px 2px #ffffff,
									-2px 0px 2px #ffffff,
									0px -2px 2px #ffffff;
						margin:35px 0 0 0;
						transition:none;
						}
					.about .inner article.guidelines .container ol li:nth-of-type(1) {
						margin:0;
						transition:none;
						}
					.about .inner article.guidelines .container ol li::before {
						display:inline-block;
						color:#14116e;
						font-size:24px;
						font-weight:bold;
						transition:none;
						}
					.about .inner article.guidelines .container ol li:nth-of-type(1)::before { content:'1.'; }
					.about .inner article.guidelines .container ol li:nth-of-type(2)::before { content:'2.'; }
					.about .inner article.guidelines .container ol li:nth-of-type(3)::before { content:'3.'; }
						.about .inner article.guidelines .container ol li strong {
							display:inline-block;
							color:#14116e;
							font-size:24px;
							text-shadow:
										2px 2px 2px #ffffff,
										-2px 2px 2px #ffffff,
										2px -2px 2px #ffffff,
										-2px -2px 2px #ffffff,
										2px 0px 2px #ffffff,
										0px 2px 2px #ffffff,
										-2px 0px 2px #ffffff,
										0px -2px 2px #ffffff;
							margin:0 0 10px 0;
							transition:none;
							}
						.about .inner article.guidelines .container ol li p {
							white-space:pre-wrap;
							word-break:keep-all;
							}

@media screen and (max-width:1260px) {
		.about .inner article.guidelines {
			background:transparent url('../image/contents/company/about_bg02.png') center bottom / 1320px 440px no-repeat;
			transition:none;
			}
			.about .inner article.guidelines .container {
				padding:65px 30px 0 30px;
				transition:none;
				}
}

@media screen and (max-width:640px) {
		.about .inner article.guidelines {
			background-position:center bottom;
			background-size:auto clamp(390px,121.875vw,440px);
			transition:none;
			}
			.about .inner article.guidelines .container {
				height:clamp(390px,121.875vw,440px);
				padding:clamp(25px,7.8125vw,70px) 20px 0 20px;
				transition:none;
				}
					.about .inner article.guidelines .container ol li {
						font-size:clamp(14px,4.375vw,18px);
						margin:clamp(15px,4.6875vw,35px) 0 0 0;
						transition:none;
						}
					.about .inner article.guidelines .container ol li::before {
						font-size:clamp(18px,5.625vw,24px);
						transition:none;
						}
						.about .inner article.guidelines .container ol li strong {
							font-size:clamp(18px,5.625vw,24px);
							transition:none;
							}
}

/* --------------------------------------------------
代表取締役 挨拶 */
		.about .inner article.greeting {
			text-align:left;
			}
			.about .inner article.greeting .container {
				height:auto;
				}
				.about .inner article.greeting .container figure {
					display:flex;
					flex-direction:row-reverse;
					align-content:space-between;
					align-items:flex-start;
					gap:40px;
					}
					.about .inner article.greeting .container figure div {
						width:54.25%;
						transition:none;
						}
						.about .inner article.greeting .container figure div img {
							width:100%;
							height:auto;
							transition:none;
							}
					.about .inner article.greeting .container figure figcaption {
						width:calc((100% - 54.25%) - 40px);
						transition:none;
						}
						.about .inner article.greeting .container figure figcaption p {
							}
						.about .inner article.greeting .container figure figcaption p:nth-of-type(2) {
							font-size:35px;
							font-family:var(--ff-min);
							font-style:italic;
							margin:20px 0 0 0;
							}
							.about .inner article.greeting .container figure figcaption p:nth-of-type(2) span {
								font-size:25px;
								}

@media screen and (max-width:1260px) {
		.about .inner article.greeting {
			padding:0 30px;
			}
}

@media screen and (max-width:1040px) {
		.about .inner article.greeting {
			padding:0 20px;
			}
				.about .inner article.greeting .container figure {
					display:flex;
					flex-direction:column;
					align-content:flex-start;
					align-items:flex-start;
					gap:20px;
					}
					.about .inner article.greeting .container figure div {
						width:100%;
						}
					.about .inner article.greeting .container figure figcaption {
						width:100%;
						}
}

@media screen and (max-width:640px) {
						.about .inner article.greeting .container figure figcaption p:nth-of-type(2) {
							font-size:clamp(25px,7.8125vw,35px);
							margin:10px 0 0 0;
							}
							.about .inner article.greeting .container figure figcaption p:nth-of-type(2) span {
								font-size:clamp(20px,6.25vw,25px);
								}
}


/* ----------------------------------------------------------------------------------------------------
	detail
---------------------------------------------------------------------------------------------------- */
			.detail .inner article h3 {
				display:flex;
				width:100%;
				align-items:center;
				color:#100e58;
				font-size:30px;
				font-family:var(--ff-jp);
				font-weight:normal;
				text-align:left;
				line-height:30px;
				transition:none;
				}
			.detail .inner article h3::after {
				content:"";
				height:1px;
				flex-grow:1;
				background-color:#15116f;
				transition:none;
				}
			.detail .inner article h3::after { margin-left:1.5rem; }

/* --------------------------------------------------
概要 */
		.detail .inner article.overview {
			margin:50px 0 0 0;
			}
			.detail .inner article.overview table {
				width:100%;
				text-align:left;
				background:#e0e1f2;
				margin:40px 0 0 0;
				}
				.detail .inner article.overview table tbody {
					}
					.detail .inner article.overview table tbody tr {
						}
						.detail .inner article.overview table tbody tr th,
						.detail .inner article.overview table tbody tr td {
							text-align:left;
							border:2px solid #7e7cb8;
							padding:20px;
							transition:none;
							}
						.detail .inner article.overview table tbody tr th {
							width:25%;
							min-width:250px;
							vertical-align:top;
							white-space:nowrap;
							background:#e0e1f2;
							}
						.detail .inner article.overview table tbody tr td {
							background:#ffffff;
							}
							.detail .inner article.overview table tbody tr td > ul {
								list-style:none;
								}
								.detail .inner article.overview table tbody tr td > ul > li {
									}
								.detail .inner article.overview table tbody tr td > ul > li::before {
									content:"・ ";
									}
									.detail .inner article.overview table tbody tr td > ul > li > ul {
										list-style:none;
										}
										.detail .inner article.overview table tbody tr td > ul > li > ul > li {
											text-indent:1.1em;
											}
										.detail .inner article.overview table tbody tr td > ul > li > ul > li::before {
											content:"- ";
											}

@media screen and (max-width:840px) {
			.detail .inner article.overview table {
				display:block;
				border-bottom:2px solid #7e7cb8;
				}
				.detail .inner article.overview table tbody {
					display:flex;
					flex-direction:column;
					}
					.detail .inner article.overview table tbody tr {
						display:flex;
						flex-direction:column;
						}
						.detail .inner article.overview table tbody tr th,
						.detail .inner article.overview table tbody tr td {
							display:block;
							width:100%;
							border-top:2px solid #7e7cb8;
							border-bottom:none;
							transition:none;
							}
						.detail .inner article.overview table tbody tr th {
							padding:10px 20px;
							}
}

@media screen and (max-width:640px) {
			.detail .inner article h3 {
				font-size:clamp(25px,6.25vw,30px);
				line-height:clamp(25px,6.25vw,30px);
				}
}

/* --------------------------------------------------
沿革 */
		.detail .inner article.history {
			margin:50px 0 0 0;
			}
			.detail .inner article.history ul {
				width:100%;
				text-align:left;
				margin:40px 0 0 0;
				list-style:none;
				}
				.detail .inner article.history ul li {
					position:relative;
					width:100%;
					margin:20px 0 0 0;
					}
				.detail .inner article.history ul li:nth-of-type(1) {
					margin:0;
					}
				.detail .inner article.history ul li::after {
					content:"";
					position:absolute;
					bottom:calc((tan(-60deg) * 15px / 2) + 1px);
					left:60px;
					display:block;
					width:30px;
					height:calc(tan(60deg) * 15px / 2);
					background:#7e7cb8;
					clip-path:polygon(0 0,100% 0%,50% 100%);
					transition:all 0.4s ease-in-out;
					}
				.detail .inner article.history ul li:nth-last-of-type(1)::after {
					display:none;
					}
					.detail .inner article.history ul li dl {
						display:flex;
						background:#e0e1f2;
						border-radius:15px;
						}
						.detail .inner article.history ul li dl dt {
							flex-basis:150px;
							flex-shrink:0;
							display:flex;
							flex-direction:column;
							justify-content:center;
							color:#ffffff;
							font-weight:bold;
							text-align:center;
							background:#7e7cb8;
							border-radius:15px 0 0 15px;
							padding:20px;
							}
						.detail .inner article.history ul li dl dd {
							flex-grow:1;
							display:flex;
							flex-direction:column;
							justify-content:center;
							background:#e0e1f2;
							border-radius:15px;
							padding:20px;
							}

@media screen and (max-width:640px) {
				.detail .inner article.history ul li::after {
					left:37px;
					}
						.detail .inner article.history ul li dl dt {
							flex-basis:100px;
							padding:20px 10px;
							}
}

/* --------------------------------------------------
所在地マップ */
		.detail .inner article.map {
			margin:50px 0 0 0;
			transition:none;
			}
			.detail .inner article.map iframe {
				width:100vw;
				height:450px;
				margin:40px calc(-50vw + 50%) 0 calc(-50vw + 50%);
				transition:none;
				}


/* ----------------------------------------------------------------------------------------------------
	works
---------------------------------------------------------------------------------------------------- */
		.works .inner article {
			margin:80px auto 0 auto;
			}
			.works .inner article h3 {
				display:flex;
				width:100%;
				align-items:center;
				color:#100e58;
				font-size:30px;
				font-family:var(--ff-jp);
				font-weight:normal;
				text-align:left;
				line-height:30px;
				transition:none;
				}
			.works .inner article h3::after {
				content:"";
				height:1px;
				flex-grow:1;
				background-color:#15116f;
				margin-left:1.5rem;
				transition:none;
				}

@media screen and (max-width:640px) {
		.works .inner article {
			margin:50px auto 0 auto;
			}
			.works .inner article h3 {
				font-size:clamp(25px,6.25vw,30px);
				line-height:clamp(25px,6.25vw,30px);
				}
}

/* --------------------------------------------------
不動産・相続のお悩みは私どもにご相談ください！ */
		.works .inner article.consultation {
			background:transparent url('../image/contents/top/works_bg01.jpg') center bottom / 100% auto no-repeat;
			margin:0 calc(-50vw + 50%);
			padding:50px 0 0 0;
			transition:none;
			}
			.works .inner article.consultation h3 {
				display:block !important;
				width:100% !important;
				font-size:35px !important;
				font-weight:bold !important;
				text-align:center !important;
				line-height:1.6 !important;
				white-space:pre-wrap;
				word-break:keep-all;
				margin:0 auto !important;
				padding:0 20px;
				transition:none;
				}
			.works .inner article.consultation h3::after {
				display:none !important;
				transition:none;
				}
			.works .inner article.consultation .container {
				position:relative;
				width:100%;
				max-width:1200px;
				margin:0 auto;
				padding:0 0 65px 0;
				transition:none;
				}
			.works .inner article.consultation .container::before,
			.works .inner article.consultation .container::after {
				content:"";
				position:absolute;
				bottom:0;
				display:block;
				z-index:111;
				transition:none;
				}
			.works .inner article.consultation .container::before {
				left:10px;
				width:206px;
				height:236px;
				background:transparent url('../image/contents/top/works_illust06.png') center top / 100% 100% no-repeat;
				transition:none;
				}
			.works .inner article.consultation .container::after {
				right:10px;
				width:203px;
				height:225px;
				background:transparent url('../image/contents/top/works_illust07.png') center top / 100% 100% no-repeat;
				transition:none;
				}
				.works .inner article.consultation .container ul {
					display:flex;
					flex-direction:row;
					gap:2px;
					list-style:none;
					margin:40px 0 0 0;
					transition:none;
					}
					.works .inner article.consultation .container ul li {
						width:calc((100% - 8px) / 5);
						font-weight:bold;
						text-align:center;
						border-left:2px dotted #cecece;
						padding:10px 0 7px 0;
						transition:none;
						}
					.works .inner article.consultation .container ul li::before {
						content:"";
						display:block;
						max-width:200px;
						max-height:140px;
						margin:0 auto 10px auto;
						aspect-ratio:10 / 7;
						transition:none;
						}
					.works .inner article.consultation .container ul li:nth-of-type(1) { border:none; }
					.works .inner article.consultation .container ul li:nth-of-type(1)::before { background:transparent url('../image/contents/top/works_illust01.png') center bottom / contain no-repeat; }
					.works .inner article.consultation .container ul li:nth-of-type(2)::before { background:transparent url('../image/contents/top/works_illust02.png') center bottom / contain no-repeat; }
					.works .inner article.consultation .container ul li:nth-of-type(3)::before { background:transparent url('../image/contents/top/works_illust03.png') center bottom / contain no-repeat; }
					.works .inner article.consultation .container ul li:nth-of-type(4)::before { background:transparent url('../image/contents/top/works_illust04.png') center bottom / contain no-repeat; }
					.works .inner article.consultation .container ul li:nth-of-type(5)::before { background:transparent url('../image/contents/top/works_illust05.png') center bottom / contain no-repeat; }
				.works .inner article.consultation .container p.stand_out_text {
					position:relative;
					color:#de5253;
					font-size:clamp(40px,3.174vw,50px);
					font-weight:bold;
					line-height:1.35;
					text-align:center;
					text-shadow:4px 4px 0px #ffffff,
								-4px 4px 0px #ffffff,
								4px -4px 0px #ffffff,
								-4px -4px 0px #ffffff,
								4px 0px 0px #ffffff,
								0px 4px 0px #ffffff,
								-4px 0px 0px #ffffff,
								0px -4px 0px #ffffff;
					margin:50px auto 0 auto;
					z-index:555;
					transition:none;
					}

@media screen and (max-width:1260px) {
				.works .inner article.consultation .container ul {
					flex-wrap:wrap;
					justify-content:center;
					width:720px;
					margin:40px auto 0 auto;
					}
					.works .inner article.consultation .container ul li:nth-of-type(1),
					.works .inner article.consultation .container ul li:nth-of-type(2),
					.works .inner article.consultation .container ul li:nth-of-type(3),
					.works .inner article.consultation .container ul li:nth-of-type(4),
					.works .inner article.consultation .container ul li:nth-of-type(5) {
						width:calc((100% - 4px) / 3);
						}
					.works .inner article.consultation .container ul li:nth-of-type(4),
					.works .inner article.consultation .container ul li:nth-of-type(5) {
						margin:20px 0 0 0;
						}
					.works .inner article.consultation .container ul li:nth-of-type(4) {
						border:none;
						}
}

@media screen and (max-width:900px) {
			.works .inner article.consultation h3 {
				font-size:clamp(30px,4.166vw,35px) !important;
				}
			.works .inner article.consultation .container::before {
				width:clamp(154px,21.388vw,206px);
				height:clamp(177px,24.583vw,236px);
				}
			.works .inner article.consultation .container::after {
				width:clamp(152px,21.111vw,203px);
				height:clamp(169px,23.472vw,225px);
				}
				.works .inner article.consultation .container p.stand_out_text {
					font-size:clamp(35px,4.861vw,40px);
					text-shadow:3px 3px 0px #ffffff,
								-3px 3px 0px #ffffff,
								3px -3px 0px #ffffff,
								-3px -3px 0px #ffffff,
								3px 0px 0px #ffffff,
								0px 3px 0px #ffffff,
								-3px 0px 0px #ffffff,
								0px -3px 0px #ffffff;
					}
}

@media screen and (max-width:720px) {
		.works .inner article.consultation {
			padding:50px 0 0 0;
			}
			.works .inner article.consultation h3 {
				font-size:clamp(20px,4.166vw,30px) !important;
				}
			.works .inner article.consultation .container::before {
				left:-50px;
				width:clamp(123px,19.218vw,154px);
				height:clamp(141px,22.031vw,177px);
				}
			.works .inner article.consultation .container::after {
				right:-50px;
				width:clamp(121px,18.906vw,152px);
				height:clamp(135px,21.093vw,169px);
				}
				.works .inner article.consultation .container ul {
					flex-direction:column;
					gap:2px;
					width:100%;
					}
					.works .inner article.consultation .container ul li {
						position:relative;
						display:flex;
						/*justify-content:center;*/
						gap:20px;
						width:100% !important;
						text-align:left;
						border-left:none;
						border-bottom:2px dotted #cecece !important;
						margin:0 !important;
						padding:20px;
						}
					.works .inner article.consultation .container ul li::before {
						content:"";
						display:block;
						width:100%;
						height:100%;
						width:150px;
						height:105px;
						background-position:center center !important;
						margin:0;
						}
					.works .inner article.consultation .container ul li:nth-of-type(1) {
						border-top:2px dotted #cecece;
						border-bottom:2px dotted #cecece;
						}
						.works .inner article.consultation .container ul li p {
							width:calc(100% - 210px);
							}
				.works .inner article.consultation .container p.stand_out_text {
					font-size:clamp(20px,6.25vw,35px);
					text-shadow:2px 2px 0px #ffffff,
								-2px 2px 0px #ffffff,
								2px -2px 0px #ffffff,
								-2px -2px 0px #ffffff,
								2px 0px 0px #ffffff,
								0px 2px 0px #ffffff,
								-2px 0px 0px #ffffff,
								0px -2px 0px #ffffff;
					}
}

/* --------------------------------------------------
不動産売買・仲介 */
		.works .inner article.intermediary {
			}
			.works .inner article.intermediary figure {
				display:flex;
				flex-direction:row-reverse;
				align-content:space-between;
				align-items:flex-start;
				gap:40px;
				margin:50px 0 0 0;
				}
				.works .inner article.intermediary figure div {
					width:42.45%;
					transition:none;
					}
					.works .inner article.intermediary figure div img {
						width:100%;
						height:auto;
						transition:none;
						}
				.works .inner article.intermediary figure figcaption {
					width:calc((100% - 42.45%) - 40px);
					font-weight:normal;
					transition:none;
					}
					.works .inner article.intermediary figure figcaption .button.small {
						max-width:300px !important;
						margin:40px 0 0 0;
						}
						.works .inner article.intermediary figure figcaption .button.small a {
							max-width:100% !important;
							text-align:center;
							}

@media screen and (max-width:840px) {
			.works .inner article.intermediary figure {
				display:flex;
				flex-direction:column;
				align-content:space-between;
				align-items:flex-start;
				gap:20px;
				margin:40px 0 0 0;
				}
				.works .inner article.intermediary figure div {
					width:100%;
					}
				.works .inner article.intermediary figure figcaption {
					width:100%;
					}
					.works .inner article.intermediary figure figcaption .button.small {
						margin:20px auto 0 auto;
						}
}


/* --------------------------------------------------
土地活用・運用相談 */
		.works .inner article.utilization {
			}
			.works .inner article.utilization figure {
				display:flex;
				flex-direction:row-reverse;
				align-content:space-between;
				align-items:flex-start;
				gap:40px;
				margin:50px 0 0 0;
				}
				.works .inner article.utilization figure div {
					width:42.45%;
					}
					.works .inner article.utilization figure div img {
						width:100%;
						height:auto;
						}
				.works .inner article.utilization figure figcaption {
					width:calc((100% - 42.45%) - 40px);
					font-weight:normal;
					}
					.works .inner article.utilization figure figcaption .button.small {
						max-width:300px !important;
						margin:40px 0 0 0;
						}
						.works .inner article.utilization figure figcaption .button.small a {
							max-width:100% !important;
							text-align:center;
							}

@media screen and (max-width:840px) {
			.works .inner article.utilization figure {
				display:flex;
				flex-direction:column;
				align-content:space-between;
				align-items:flex-start;
				gap:20px;
				margin:40px 0 0 0;
				}
				.works .inner article.utilization figure div {
					width:100%;
					}
				.works .inner article.utilization figure figcaption {
					width:100%;
					}
					.works .inner article.utilization figure figcaption .button.small {
						margin:20px auto 0 auto;
						}
}

/* ----------------------------------------------------------------------------------------------------
	question
---------------------------------------------------------------------------------------------------- */
		.question .inner ul {
			display:flex;
			flex-direction:column;
			gap:20px;
			margin:50px 0 0 0;
			list-style:none;
			}
			.question .inner ul li {
				}
				.question .inner ul li details {
					width:100%;
					background:#f4f4f4;
					border-radius:15px;
					transition:none;
					}
				.question .inner ul li details[open] {
					padding:0 0 20px 0;
					}
					.question .inner ul li details summary {
						position:relative;
						background:#f4f4f4;
						border-radius:15px;
						padding:20px 50px 20px 60px;
						cursor:pointer;
						}
					.question .inner ul li details summary::before {
						content:"？";
						position:absolute;
						top:0;
						bottom:0;
						left:20px;
						display:block;
						width:25px;
						height:25px;
						color:#ffffff;
						font-size:12px;
						font-weight:bold;
						text-align:center;
						background:#14116e;
						border-radius:50%;
						margin:auto 0 auto 0;
						padding:3px 5px 5px 6px;
						}
					.question .inner ul li details summary::after {
						content:"";
						position:absolute;
						top:calc(50% - 7px);
						right:20px;
						width:13px;
						height:13px;
						border-top:3.5px solid #14116e;
						border-right:3.5px solid #14116e;
						border-radius:1px;
						margin:auto 0;
						transform:rotate(135deg);
						transition:transform 0.5s;
						}
					.question .inner ul li details[open] summary::after {
						transform:rotate(-45deg);
						}
					.question .inner ul li details p {
						background:#ffffff;
						border-radius:15px;
						margin:0 20px 0 20px;
						padding:20px;
						}
						.question .inner ul li details p a {
							color:#14116e;
							text-decoration:underline;
							}
						.question .inner ul li details p a:hover {
							text-decoration:none;
							}