@charset "utf-8";
/* Copyright 2021 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	生産環境・設備

	------------------------------------------------------------ */

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g05 span::after{width: 100%;}
	
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../facility/img/pc/bg_pagettl01.jpg");}
	
	/* コンテンツ
	---------------------------------------------- */
	.factory{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #E8E8E8;
		margin-bottom: 100px;
		padding-bottom: 100px;
	}
	
	.factory .inner{width: 510px;}
	
	.factory .inner h3{
		font-weight: 700;
		font-size: 2.3rem;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	
	.factory .inner .txt{
		font-size: 1.5rem;
		line-height: 2;
	}
	
	.factory figure{width: 530px;}
	
	.factory figure img{
		width: 100%;
		height: auto;
	}
	
	/* 品質マネジメントシステム
	---------------------------------------------- */
	.sec_quality{
		border-bottom: 1px solid #E8E8E8;
		margin-bottom: 100px;
		padding-bottom: 100px;
	}
	
	.sec_quality .heading01{margin-bottom: 35px;}
	
	.sec_quality .lead{margin-bottom: 70px;}
	
	.sec_quality .lead h4{
		color: #193985;
		font-weight: 700;
		font-size: 2.5rem;
		line-height: 2;
		margin-bottom: 10px;
	}
	
	.wrap_quality{width: 1040px;}

	.quality{
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	
	.quality:last-child{margin-bottom: 0;}
	
	.quality figure{width: 390px;}

	.quality figure img{
		width: 100%;
		height: auto;
	}
	
	.quality ul{width: 620px;}
	
	/* 主要設備
	---------------------------------------------- */
	.sec_equipment .heading01{margin-bottom: 35px;}
	
	.wrap_equipment{
		display: flex;
		justify-content: space-between;
		margin-bottom: 80px;
	}
	
	.wrap_equipment .col_l,	
	.wrap_equipment .col_r{width: 520px;}
	
	.wrap_equipment .tbl_type02{
		table-layout: fixed;
		margin-bottom: 40px;
	}
	
	.wrap_equipment .tbl_type02:last-of-type{margin-bottom: 0;}
	
	.wrap_equipment .now{
		text-align: right;
		font-size: 1.2rem;
		margin-top: 5px;
	}
	
	/*--機械--*/
	.wrap_machinery{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.machinery{
		width: 100%;
		margin-bottom: 40px;
	}
	
	.machinery:nth-of-type(2),
	.machinery:nth-of-type(3),
	.machinery:nth-of-type(4),
	.machinery:nth-of-type(5){width: 540px;}
	
	.machinery:last-of-type{margin-bottom: 0;}
	
	.machinery .inner{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -20px;
	}
	
	.machinery .inner figure{margin-bottom: 20px;}
	
	.machinery:nth-of-type(1) .inner figure,
	.machinery:nth-of-type(6) .inner figure{width: 540px;}
	
	.machinery .inner figure figcaption{
		margin-top: 5px;
		font-size: 1.3rem;
	}
	
	.machinery .inner figure img{
		width: 100%;
		height: auto;
	}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	生産環境・設備

	------------------------------------------------------------ */
	
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../facility/img/sp/bg_pagettl01.jpg");}
	
	/* コンテンツ
	---------------------------------------------- */
	.factory{
		display: flex;
		flex-direction: column-reverse;
		border-bottom: 1px solid #E8E8E8;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	
	.factory .inner h3{
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	
	.factory .inner .txt{line-height: 2;}
	
	.factory figure{margin-bottom: 20px;}
	
	.factory figure img{
		width: 100%;
		height: auto;
	}
	
	/* 品質マネジメントシステム
	---------------------------------------------- */
	.sec_quality{
		border-bottom: 1px solid #E8E8E8;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	
	.sec_quality .heading01{margin-bottom: 25px;}
	
	.sec_quality .lead{margin-bottom: 15px;}
	
	.sec_quality .lead h4{
		color: #193985;
		font-weight: 700;
		font-size: 1.75rem;
		line-height: 1.4;
		margin-bottom: 5px;
	}

	.quality{
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
	}
	
	.quality:last-child{margin-bottom: 0;}
	
	.quality figure{margin-bottom: 15px;}

	.quality figure img{
		width: 100%;
		height: auto;
	}
	
	/* 主要設備
	---------------------------------------------- */
	.wrap_equipment{margin-bottom: 40px;}
	
	.wrap_equipment .col_l{margin-bottom: 30px;}
	
	.wrap_equipment .tbl_type02{
		table-layout: fixed;
		margin-bottom: 30px;
	}
	
	.wrap_equipment .tbl_type02:last-of-type{margin-bottom: 0;}
	
	.wrap_equipment .now{
		text-align: right;
		font-size: 1.2rem;
		margin-top: 5px;
	}
	
	/*--機械--*/
	.wrap_machinery{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.machinery{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.machinery:nth-of-type(2),
	.machinery:nth-of-type(3),
	.machinery:nth-of-type(4),
	.machinery:nth-of-type(5){width: calc(50% - 5px);}
	
	.machinery:last-of-type{margin-bottom: 0;}
	
	.machinery .heading04{font-size: 1.4rem;}
	
	.machinery .heading04::after{top: 3.5px;}
	
	.machinery .inner{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -20px;
	}
	
	.machinery .inner figure{margin-bottom: 10px;}
	
	.machinery:nth-of-type(1) .inner figure,
	.machinery:nth-of-type(6) .inner figure{width: calc(50% - 5px);}
	
	.machinery .inner figure figcaption{
		margin-top: 3px;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	
	.machinery .inner figure img{
		width: 100%;
		height: auto;
	}
	
	
}/*--@media--*/

