/* FA Solutions - Page-specific Styles */
/* v2.0 — Built from 4.省人化・自動化ソリューションページ.pdf */

/* ============================================
   Hero / Main Visual (page-specific BG)
   ============================================ */
.marketdev-fa-solutions .fa-hero {
	background-image: url(/images/marketdev/10_Shikai-AutoSol-Img01.png);
}

/* ============================================
   Shared section text
   ============================================ */
.fa-section-text {
	line-height: 1.8;
	color: #333;
}

@media screen and (min-width: 768px) {
	.fa-section-text {
		font-size: 15px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.fa-section-text {
		font-size: 14px;
		margin-bottom: 15px;
	}
}

/* ============================================
   S3: 自動化設備 — Equipment 2×2 grid
   ============================================ */
.fa-automation-section {
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	.fa-automation-section .page-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.fa-automation-section .page-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.equipment-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 768px) {
	.equipment-grid {
		gap: 25px;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 767px) {
	.equipment-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.equipment-label {
	font-weight: bold;
	color: #0095d9;
	margin-bottom: 8px;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.equipment-label {
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	.equipment-label {
		font-size: 14px;
	}
}

.equipment-image {
	overflow: hidden;
	line-height: 0;
}

.equipment-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.equipment-item:hover .equipment-image img {
	transform: scale(1.03);
}

/* ============================================
   S4: 試験機 — Testing section
   ============================================ */
.fa-testing-section {
	background-color: #f5f7fa;
}

@media screen and (min-width: 768px) {
	.fa-testing-section .page-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.fa-testing-section .page-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

/* Product list */
.product-list {
	list-style: disc;
	padding-left: 1.5em;
	line-height: 1.8;
	color: #333;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	.product-list {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.product-list {
		font-size: 13px;
		margin-bottom: 20px;
	}
}

.product-list li {
	margin-bottom: 4px;
}

/* Case study */
.case-study {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
	.case-study {
		margin-top: 20px;
		padding-top: 20px;
	}
}

.case-study-heading {
	font-size: 18px;
	font-weight: bold;
	color: #1a3a5c;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.case-study-heading {
		font-size: 16px;
		margin-bottom: 15px;
	}
}

/* Case study images — 2 side by side (PC), stacked (SP) */
.case-study-images {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
	.case-study-images {
		grid-template-columns: 1fr;
		gap: 15px;
		margin-bottom: 20px;
	}
}

.case-study-image {
	line-height: 0;
}

.case-study-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Case study detail blocks */
.case-study-detail {
	margin-bottom: 20px;
}

.case-study-detail:last-child {
	margin-bottom: 0;
}

.case-detail-label {
	font-weight: bold;
	color: #0095d9;
	margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
	.case-detail-label {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.case-detail-label {
		font-size: 15px;
	}
}

.case-study-detail p {
	line-height: 1.8;
	color: #333;
	margin-bottom: 4px;
}

@media screen and (min-width: 768px) {
	.case-study-detail p {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.case-study-detail p {
		font-size: 13px;
	}
}

/* Solution diagram */
.solution-diagram {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.solution-diagram {
		margin-top: 20px;
	}
}

.solution-diagram-heading {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.solution-diagram-heading {
		font-size: 16px;
	}
}

.solution-diagram img {
	width: 100%;
	height: auto;
	display: block;
}

/* ============================================
   S5: 当社の強み
   ============================================ */
.fa-strength-section {
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	.fa-strength-section .page-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.fa-strength-section .page-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.strength-diagram {
	margin-top: 25px;
}

@media screen and (max-width: 767px) {
	.strength-diagram {
		margin-top: 20px;
	}
}

.strength-diagram img {
	width: 100%;
	height: auto;
	display: block;
}

/* ============================================
   S6: お客様の声、導入事例
   ============================================ */
.fa-testimonials-section {
	background-color: #f5f7fa;
}

@media screen and (min-width: 768px) {
	.fa-testimonials-section .page-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.fa-testimonials-section .page-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.testimonial-case {
	margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
	.testimonial-case {
		margin-bottom: 25px;
	}
}

.testimonial-label {
	font-weight: bold;
	color: #1a3a5c;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.testimonial-label {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.testimonial-label {
		font-size: 15px;
	}
}

.testimonial-text {
	line-height: 1.8;
	color: #333;
	margin-bottom: 4px;
}

@media screen and (min-width: 768px) {
	.testimonial-text {
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	.testimonial-text {
		font-size: 14px;
	}
}

.testimonial-diagram {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.testimonial-diagram {
		margin-top: 15px;
	}
}

.testimonial-diagram img {
	width: 100%;
	height: auto;
	display: block;
}

/* ============================================
   S7: お問い合わせ
   ============================================ */
.fa-inquiry-section {
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	.fa-inquiry-section .page-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.fa-inquiry-section .page-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.inquiry-examples {
	list-style: none;
	padding-left: 0;
	line-height: 1.8;
	color: #333;
	margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
	.inquiry-examples {
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	.inquiry-examples {
		font-size: 14px;
		margin-bottom: 20px;
	}
}

.inquiry-examples li {
	margin-bottom: 4px;
}

.inquiry-illustration {
	margin-bottom: 20px;
}

.inquiry-illustration img {
	width: 100%;
	height: auto;
	display: block;
}

.inquiry-support-text {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #0095d9;
	margin-top: 15px;
}

@media screen and (max-width: 767px) {
	.inquiry-support-text {
		font-size: 16px;
	}
}