@charset "utf-8";

/* -----------------------------------------------------------
  共通
-------------------------------------------------------------- */
/* --------------------------
   intro-area
-------------------------- */
.intro-area {
	width: 1300px;
	margin: 50px auto 0;
	display: flex;
	align-items: center;
}
.intro-area .video{
	border-radius: 50%;
	overflow: hidden;
	width: 650px;
	height: 650px;
	flex-shrink: 0;
	position: relative;
}
.intro-area .video video{
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: -150px;*/
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.intro-area .txt-area{
	margin: 0 0 0 80px;
}

.intro-area .pdf-link {
	margin: 30px 0 0;
	font-size: 1.8rem;
	font-weight: 500;
}
.intro-area .pdf-link a {
	padding: 5px;
	display: inline-block;
	color:var(--main);
	border-bottom: 1px dashed var(--main);
}
.intro-area .pdf-link a:hover {
	color:var(--main);
}
.intro-area .pdf-link a::before {
	display: inline-block;
	margin: 0 8px 0 0;
	content: "\f1c1";
	font-family: 'Font Awesome 5 Free';
	font-size: 1.7rem;
	font-weight: bold;
	color: var(--main);
}


@media screen and (max-width: 768px){
	.intro-area {
		width: 100%;
		margin: 30px auto 0;
		display: block;
		position: relative;
	}
	.intro-area .video{
		width: 177px;
		height: 177px;
		position: absolute;
		top: 8%;
		right: 15px;
	}
	#plant-engineering.second-processed .intro-area .video{
		width: 177px;
		height: 177px;
		position: absolute;
		top: 18%;
		right: 15px;
	}
	.intro-area .video video{
		width: auto;
		height: 100%;
		/*right: 0;*/
		position: absolute;
	}
	.intro-area .txt-area{
		margin: 0;
		padding: 0 20px;
	}
	.intro-area .txt-area .titlebox .title-en{
		font-size: 3.8rem;
	}
	#plant-engineering.second-processed .intro-area .txt-area .titlebox .title-en{
		font-size: 3.6rem;
	}
	.intro-area .txt-area .catch{
		width: 40%;
		font-size: 2.3rem;
	}
	#plant-engineering.second-processed .intro-area .txt-area .catch{
		width: 47%;
	}
	
	
	.intro-area .pdf-link {
		margin: 20px 0 0;
		font-size: 1.7rem;
	}
	
}




/* -----------------------------------------------------------
   生産プロセス
-------------------------------------------------------------- */
/* --------------------------
   intro-area
-------------------------- */
#plant-engineering.process .intro-area .video{
	border-radius: 50%;
	overflow: hidden;
	width: 650px;
	height: 650px;
	flex-shrink: 0;
	position: relative;
}
#plant-engineering.process .intro-area .video video{
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: -280px;*/
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px){
	#plant-engineering.process .intro-area .video{
		width: 177px;
		height: 177px;
		position: absolute;
		top: 13%;
		right: 15px;
		z-index: 1;
	}
	#plant-engineering.process .intro-area .video video{
		width: auto;
		height: 100%;
		/*right: -71px;*/
		position: absolute;
	}
	#plant-engineering.process .intro-area .txt-area .catch{
		/*width: 47%;*/
		width: 100%;
	}
}

/* --------------------------
   common-area
-------------------------- */
.common-area {
	margin: 100px 50px 0;
	transition: 0.5s;
}

@media screen and (max-width: 1450px){
	
	.common-area {
		margin: 100px 0 0;
	}

}


.common-area .bg{
	border-radius: 150px 150px 0 0;
	padding: 100px 30px 220px;
	margin: -220px 0 0;
	background-color: var(--bg-blue);
	min-width: 1250px;
}
.common-area.flow .bg{
	margin: 0;
}
.common-area.system .bg{
	padding: 80px 50px 0;
}
.common-area .bg.bg-wht{
	background-color: #fff;
	margin: -240px 0 0;
}
/*.common-area .bg.bg-wht:last-child{
	padding: 80px 50px 80px;
}*/
.common-area .flex{
	display: flex;
	align-items: flex-start;
	position: relative;
}
.common-area.traceability .flex,
.common-area.system .flex{
	flex-direction: row-reverse;
}
.common-area .txt-wrap{
	width: 45%;
	min-height: 509px;
	flex-shrink: 0;
	margin: 0 0 0 calc((100% - 1200px)/2); 
}
.common-area.traceability .txt-wrap,
.common-area.system .txt-wrap{
	margin: 0 calc((100% - 1200px)/2) 0 0; 
}
.common-area .catch{
	font-size: 3.5rem;
}
.common-area .ttl{
	font-size: 2.1rem;
	font-weight: 600;
}
.common-area .flex .img{
	width: 666px;
	display: block;
	flex-shrink: 0;
	border-radius: 120px 0 0 120px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: -100px;
	z-index: 0;
}
.common-area.traceability .flex .img,
.common-area.system .flex .img{
	border-radius: 0 120px 120px 0;
	right: 0;
	left: -100px;
}
.common-area .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.common-area.traceability .img-area{
	margin: 50px auto 0;
}
.common-area.traceability .img-area img{
	width: 100%;
	height: auto;
}

/* --------- flow-wrap --------- */
.common-area .flow-wrap{
	margin: 40px auto 0;
}
.common-area .flow-wrap ul.flow-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}/*
.common-area .flow-wrap ul::before {
	content: "";
	width: 100%;
	height: 5px;
	background-color: var(--main);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0;
	z-index: -1;
}*/
.common-area .flow-wrap ul.flow-list li{
	width: 375px;
	padding: 30px 27px 20px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
	position: relative;
}
.common-area .flow-wrap ul.flow-list .num{
	font-size: 3.5rem;
	line-height: 1;
	color: var(--main);
	font-family: var(--en-font);
	font-weight: 700;
	position: absolute;
	flex-shrink: 0;
	top: -15px;
	left: 20px;
}
.common-area .flow-wrap ul.flow-list li .ttl{
	counter-reset: 1.7rem;
	text-align: center;
	margin: 0 0 13px;
}
.common-area .flow-wrap ul.flow-list li .txt{
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0;
	min-height: 87px;
}
.common-area .flow-wrap ul.flow-list li .img{
	margin: 20px 0;
	border-radius: 15px;
	overflow: hidden;
}
.common-area .flow-wrap ul.flow-step{
	display: flex;
	flex-wrap: wrap;
	margin: 100px 0 60px;
} 
.common-area .flow-wrap ul.flow-step li{
	position: relative;
}
.common-area .flow-wrap ul.flow-step li::before{
	content: "";
	display: block;
	text-align: center;
	position: absolute;
	top: -53px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.common-area .flow-wrap ul.flow-step li.step01::before{
	left: -26px;
	width: 54px;
	height: 46px;
	background: url("../img/plamt-en-process-step01.svg") no-repeat center / contain;
}
.common-area .flow-wrap ul.flow-step li.step02::before{
	width: 63px;
	height: 41px;
	background: url("../img/plamt-en-process-step02.svg") no-repeat center / contain;
}
.common-area .flow-wrap ul.flow-step li.step03::before{
	width: 37px;
	height: 40px;
	background: url("../img/plamt-en-process-step03.svg") no-repeat center / contain;
}
.common-area .flow-wrap ul.flow-step li.step04::before{
	width: 45px;
	height: 40px;
	background: url("../img/plamt-en-process-step04.svg") no-repeat center / contain;
}
.common-area .flow-wrap ul.flow-step li.step05::before{
	width: 62px;
	height: 43px;
	background: url("../img/plamt-en-process-step05.svg") no-repeat center / contain;
}
.common-area .flow-wrap ul.flow-step li.step06::before{
	left: 27px;
	width: 69px;
	height: 41px;
	background: url("../img/plamt-en-process-step06.svg") no-repeat center / contain;
}
.common-area .flow-wrap ul.flow-step .num{
	font-size: 3.5rem;
	line-height: 1.2;
	color: #fff;
	font-family: var(--en-font);
	font-weight: 700;
	background-color: var(--main);
	padding: 0 81px;
}
.common-area .flow-wrap ul.flow-step .num{
	position: relative;
}
.common-area .flow-wrap ul.flow-step .num::before{
	content: "";
	display: block;
	width: 8px;
	height: 22px;
	background: url("../img/plant-en-process-flow.svg") no-repeat center top/ cover;
	position: absolute;
	bottom: -18px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.common-area .flow-wrap ul.flow-step .step01 .num{
	padding: 0 81px 0 53px;
}
.common-area .flow-wrap ul.flow-step .step01 .num::before{
	left: 67px;
	right: auto;
	margin: 0;
}
.common-area .flow-wrap ul.flow-step .step06 .num{
	padding: 0 53px 0 81px;
}
.common-area .flow-wrap ul.flow-step .step06 .num::before{
	left: auto;
	right: 67px;
	margin: 0;
}
.common-area .flow-wrap ul.flow-step .step06 .num::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-left: 20px solid var(--main);
	border-right: 0;
	position: absolute;
	top: 0;
	right: -20px;
}
.common-area .flow-wrap ul.flow-step .step-ttl{
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	position: relative;
	top: 22px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.common-area .flow-wrap ul.flow-step .step01 .step-ttl{
	left: -15px;
}
.common-area .flow-wrap ul.flow-step .step06 .step-ttl{
	left: 19px;
}


/* --------- feature-wrap --------- */
.common-area .feature-wrap{
	margin: 50px auto 0;
	position: relative;
}
.common-area .feature-wrap .feature-ttl{
	font-size: 2.0rem;
	color: var(--main);
	font-weight: 600;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.common-area .feature-wrap .feature-list{
	padding: 40px 20px 30px;
	background-color: #fff;
	border-radius: 30px;
}
.common-area.system .feature-wrap .feature-list{
	background-color: var(--bg-blue);
}
.common-area .feature-wrap .feature-list li{
	/*padding: 30px 20px;
	background-color: #fff;
	border-radius: 30px;*/
	margin: 0 0 40px;
	text-align: center;
}
.common-area .feature-wrap .feature-list li:last-child{
	margin: 0;
}
.common-area .feature-wrap .feature-list li .list-ttl{
	font-size: 2.5rem;
	font-weight: 600;
	text-align: center;
	padding: 0 5px 10px;
	display: inline-block;
	border-bottom: 1px solid var(--main);
}
.common-area .feature-wrap .feature-list li .txt-wrap{
	min-height: auto;
}
.common-area .feature-wrap .feature-list li .txt{
	text-align: left;
}

@media screen and (max-width: 768px){
	.common-area {
		margin: 50px 0 0;
		padding: 0;
	}
	.common-area .bg{
		border-radius: 30px 30px 0px 0px;
		margin: -80px 0 0;
		padding: 40px 0 80px;
		min-width: 100%;
	}
	.common-area.system .bg{
		padding: 30px 0 0;
	}
	.common-area .bg.bg-wht{
		background-color: #fff;
		margin: -80px 0 0;
	}
	.common-area .flex{
		flex-direction: column;
		padding: 0 20px;
	}
	.common-area.traceability .flex,
	.common-area.system .flex{
		flex-direction: column;
	}
	.common-area .txt-wrap{
		width: 100%;
		min-height: 509px;
		flex-shrink: 0;
		margin: 0; 
	}
	.common-area.traceability .txt-wrap,
	.common-area.system .txt-wrap{
		margin: 0; 
	}
	.common-area .catch{
		font-size: 2.3rem;
	}
	.common-area .flex .img{
		width: 100%;
		max-width: auto;
		min-width: auto;
		border-radius: 10px;
		position: static;
		margin: 0 0 20px;
	}
	.common-area.traceability .flex .img,
	.common-area.system .flex .img{
		border-radius: 10px;
		position: static;
	}
	.common-area .img.pc-display,
	.common-area .img.pc-display.run{
		display: none;
	}
	/* --------- flow-wrap --------- */
	.common-area .flow-wrap{
		margin: 20px auto 0;
	}
	.common-area .flow-wrap ul.flow-list{
		flex-direction: column;
		padding: 0 20px;
		gap: 0;
	}
	.common-area .flow-wrap ul.flow-list li{
		display: flex;
		gap: 10px 0;
		width: 100%;
		height: 100%;
		padding: 0;
		border-radius: 0;
		background-color: transparent;
		box-shadow: none;
	}
	.common-area .flow-wrap ul.flow-list .num{
		font-size: 2.0rem;
		color: #fff;
		width: 30px;
		padding: 24px 0 0;
		background-color: var(--main);
		position: static;
		text-align: center;
	}
	.common-area .flow-wrap ul.flow-list li:last-of-type .num{
		margin: 0;
	}
	.common-area .flow-wrap ul.flow-list .wrap{
		padding: 20px;
		border-radius: 0 20px 20px 0;
		background-color: #fff;
		margin: 0 0 20px;
		width: 100%;
	}
	.common-area .flow-wrap ul.flow-list li:last-of-type .wrap{
		margin: 0;
	}
	.common-area .flow-wrap ul.flow-list li .ttl{
		counter-reset: 2rem;
		text-align: left;
		margin: 0 0 5px;
		line-height: 1.4;
	}
	.common-area .flow-wrap ul.flow-list li .txt{
		margin: 0 0 0;
		min-height: auto;
	}
	.common-area .flow-wrap ul.flow-list li .img{
		margin: 20px 0 0;
		border-radius: 15px;
		overflow: hidden;
	}
	.common-area .flow-wrap ul.flow-step{
		display: none;
	}
	/* --------- traceability sp-scroll --------- */
	.common-area.traceability .sp-scroll{
		overflow-x: scroll;
		margin: 0 0 0 20px;
	}
	.common-area.traceability .sp-scroll .img-area{
		width: 550px;
		height: 450px;
	}
	.common-area.traceability .sp-scroll .img-area img{
		max-width: none;
	}
	
	/* --------- feature-wrap --------- */
	.common-area .feature-wrap{
		margin: 40px auto 0;
	}
	.common-area.system .feature-wrap{
		margin: 40px auto 0;
	}
	.common-area .feature-wrap .feature-ttl{
		line-height: 1.2;
		font-size: 1.7rem;
		top: -12px;
	}
	.common-area.system .feature-wrap .feature-ttl{
		top: -32px;
	}
	.common-area .feature-wrap .feature-list{
		padding: 30px 15px 20px;
		border-radius: 20px;
	}
	.common-area .feature-wrap .feature-list li{
		margin: 0 0 20px;
	}
	.common-area .feature-wrap .feature-list li .list-ttl{
		font-size: 2.0rem;
		padding: 0 5px 10px;
		line-height: 1.2;
	}

}


/* --------------------------
   common-link
-------------------------- */
.common-link-wrap a.link01,
.common-link-wrap a.link02,
.common-link-wrap a.link03{
    display: none;
}
.common-link-wrap a .titlebox{
}
.common-link-wrap a .titlebox .en-font{
}
@media screen and (max-width: 768px){
    .common-link-wrap a .titlebox{
    }
	.common-link-wrap a .titlebox .title-en{
    }
}



/* -----------------------------------------------------------
   一次加工、二次加工
-------------------------------------------------------------- */
/* --------------------------
   intro-area
-------------------------- */
@media screen and (max-width: 768px){
	#plant-engineering.second-processed .intro-area .video{
		width: 177px;
		height: 177px;
		position: absolute;
		top: 18%;
		right: 15px;
	}
	#plant-engineering.second-processed .intro-area .txt-area .titlebox .title-en{
		font-size: 3.6rem;
	}
	#plant-engineering.second-processed .intro-area .txt-area .catch{
		width: 47%;
	}
}
/* --------------------------
   engineer-wrap
-------------------------- */
.engineer-wrap{
	margin: 50px 0 0;
	padding: 130px 0 0;
	position: relative;
}
.engineer-wrap::before{
	content: "";
	display: block;
	width: calc(100vw + 200px);
	height: calc(100vw - 600px);
	min-width: 1826px;
	min-height: 1116px;
	background: url("../img/plant-en-first-engineer-section-ttl.png") no-repeat center / cover;
	position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: -1;
}

.engineer-wrap .titlebox.top-ttl{
	text-align: center;
}

/* --------- タブ切り替え ---------*/
/*.tab-label {
	background: #fff;
	font-weight: bold;
	 border: solid 2px #13c3ac; 
	position: relative;
	z-index: 1;
	cursor: pointer;
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: center;
	padding: 10px 0;
	width: calc(( 1100px - 80px)/ 5);
	margin: 0 20px 0 0;
	height: 50px;
	border-radius: 10px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#plant-engineering.second-processed .tab-label{
	width: calc(( 1100px - 100px)/ 6);
}
.tab-label:first-of-type{
	margin: 0 20px 0 calc((100% - 1100px)/2);
}
.tab-label:last-of-type{
	margin: 0 calc((100% - 1100px)/2) 0 0;
}
.tab-label span.sub{
	font-size: 1.4rem;
	display: block;
	width: 100%;
}
.tab-label:hover {
	opacity: 0.75;
}

.tab-content {
	width : 100%;
	display: none;
	overflow: hidden;
}

input[name="tab-switch"] {
	display: none;
}

input:checked + .tab-label {
    color: #fff;
	background-color: var(--sub-blue);
}

#tab01:checked ~ #tab01-content,
#tab02:checked ~ #tab02-content,
#tab03:checked ~ #tab03-content,
#tab04:checked ~ #tab04-content,
#tab05:checked ~ #tab05-content,
#tab06:checked ~ #tab06-content{
	display: block;
}
@media screen and (max-width: 768px){
	.tab-label {
		font-size: 1.4rem;
		padding: 10px 0;
		width: calc((100% - 30px)/2);
		margin: 0 10px 5px;
		height: 50px;
	}
	
	.tab-label:nth-of-type(odd){
		margin: 0 0 5px 10px;
	}
	.tab-label:first-of-type{
		margin: 0 0 5px 10px;
	}
	.tab-label:last-of-type{
		margin: 0 10px 5px 10px;
	}
}*/

/* --------- nav-link ---------*/
.nav-link{
	width: 1200px;
	margin: 0 auto 30px; 
	display: flex;
	gap: 20px;
}
.nav-link li{
	width: calc((1200px - 80px)/ 5);
}
.nav-link li a{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
	border-radius: 10px;
	text-align: center;
	background-color: #fff;
	height: 60px;
	padding: 10px 0;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.nav-link li a:hover{
	background-color: var(--sub-blue);
	color: #fff;
	opacity: 1;
}
@media screen and (max-width: 768px){
	.nav-link{
		width: auto;
		margin: 0 20px 20px; 
		flex-wrap: wrap;
		gap: 10px;
	}
	.nav-link li{
		width: calc((100% - 10px)/ 2);
	}
	.nav-link li a{
		font-size: 1.6rem;
		height: 54px;
	}
	.nav-link li.s a{
		font-size: 1.4rem;
	}
}
/* -----------------------------------------------------------
    tab-area  
-------------------------------------------------------------- */
.tab-content{
	width: 100%;
	padding: 50px 0 0;
}
@media screen and (max-width: 768px){
	.tab-content{
		padding: 20px 0;
	}
}

/* ---------engineer-cmn-area ---------*/
.engineer-wrap .engineer-cmn-area{
	border-radius: 80px;
	padding: 100px 0 220px;
	margin: -220px auto 0;
	background-color: #fff;
	/*min-width: 1250px;*/
	max-width: 1400px;
}
.engineer-wrap .engineer-cmn-area.top{
	margin: 0 auto;
}
.engineer-wrap .engineer-cmn-area.last{
	padding: 80px 50px 80px;
}
.engineer-wrap .engineer-cmn-area.bg-blue{
	background-color: var(--bg-blue);
}
.engineer-wrap .engineer-cmn-area.bg-blue.last{
	padding: 80px 50px 80px;
}
/*.engineer-wrap .engineer-cmn-area:nth-of-type(1){
	margin: 70px 50px 0;
}*/
.engineer-wrap .engineer-cmn-area .inner{
	margin: 0 auto;
}
.engineer-wrap .engineer-cmn-area .pc-flex{
	display: flex;
}
.engineer-wrap .engineer-cmn-area .pc-flex　.txt-wrap{
	width: 600px;
	margin: 0 70px 0 0;
}
.engineer-wrap .engineer-cmn-area .titlebox.type2 .title-jp{
	padding: 0;
}

/*--- スライド ---*/
.engineer-wrap .engineer-cmn-area .slide-wrap{
	width: 530px;
	/*height: 400px;*/
	margin: 0 0 30px 70px;
	flex-shrink: 0;
}
.engineer-wrap .engineer-cmn-area .slide-wrap .slick-dots{
    position: absolute;
    left: 0;
    /*bottom: -20px;*/
	bottom: 20px;
    list-style: none;
    display: flex;
    /*flex-direction: column;*/
    justify-content: center;
    align-items: center;
    width: 100%;
	margin: 0 auto;
    line-height: 0;
    z-index: 3;
}
.engineer-wrap .engineer-cmn-area .slide-wrap .slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0 12px 0 0;
    padding: 0;
    cursor: pointer;
}
.engineer-wrap .engineer-cmn-area .slide-wrap .slick-dots li button {
    border: 0;
    background: #B4B4B4;
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: #B4B4B4;
    padding: 0;
    cursor: pointer;
}
.engineer-wrap .engineer-cmn-area .slide-wrap .slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #B4B4B4;
    line-height: 0;
    text-align: left;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}

.engineer-wrap .engineer-cmn-area .slide-wrap .slick-dots li button:hover::before,
.slick-dots li button:focus::before {
    background: var(--main);
}

.engineer-wrap .engineer-cmn-area .slide-wrap .slick-dots li.slick-active button::before {
    background: var(--main);
    opacity: 1;
}

.engineer-wrap .engineer-cmn-area .slide-wrap .slick-img img,
.engineer-wrap .engineer-cmn-area .slide-wrap .slick-slide img{
	border-radius: 20px;
}

/*--- スライド　画像一枚のみ ---*/
.engineer-wrap .engineer-cmn-area .slide-img{
	display: block;
	width: 530px;
	height: 400px;
}



/*--- table-wrap ---*/
.engineer-wrap .engineer-cmn-area .table-wrap{
	margin: 30px 0 50px;
}
.engineer-wrap .engineer-cmn-area .table-wrap .table-ttl{
	font-size: 2.3rem;
	font-weight: 600;
	/*color: var(--main);*/
	margin: 60px 0 0;
}
.engineer-wrap .engineer-cmn-area .table-wrap .table-ttl:first-child{
	margin: 0;
}
.engineer-wrap .engineer-cmn-area .table-wrap .txt{
	margin: 15px 0 10px;
}
.engineer-wrap .engineer-cmn-area .table-wrap .list-wrap{
	margin: 30px 0 30px;
	padding: 15px 20px;
	background-color: #fff;
	position: relative;
}
.engineer-wrap .engineer-cmn-area .table-wrap .list-ttl{
	font-weight: 600;
	font-size: 1.7rem;
	margin: 0 0 10px;
	position: absolute;
	top: -15px;
}
.engineer-wrap .engineer-cmn-area .table-wrap ul li{
	line-height: 2.0;
	display: inline-block;
	margin: 0 20px 0 0;
}
.engineer-wrap .engineer-cmn-area .table-wrap ul li::before{
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--main);
	margin: 0 8px 0 0;
	vertical-align: 0.2em;
}

.engineer-wrap .engineer-cmn-area table{
	border: #E4E4E4 solid 1px;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.7;
	font-weight: 500;
	background-color: #fff;
	margin: 30px 0 0;
}

.engineer-wrap .engineer-cmn-area table tr {
  border-bottom: #E4E4E4 solid 1px;
}
.engineer-wrap .engineer-cmn-area table th{
	border-right: #fff solid 1px;
	padding: 11px;
	vertical-align: top;
	font-weight: normal;
}
.engineer-wrap .engineer-cmn-area table thead th {
	padding: 8px 11px;
	background-color: var(--li-gray);
}
/*.engineer-wrap .engineer-cmn-area table thead th.style02 {
	background-color: #fff;
}*/
.engineer-wrap .engineer-cmn-area table tbody th {
	width: 145px;
	font-weight: 500;
	background-color: var(--main);
	color: #fff;
	vertical-align: middle;
}
.engineer-wrap .engineer-cmn-area table td{
	width: 170px;
	border-right: #E4E4E4 solid 1px;
	text-align: center;
	padding: 11px;
}
    
@media screen and (max-width: 768px){
	.engineer-wrap{
		margin: 50px 0 0;
		padding: 50px 0 0;
		position: relative;
	}
	.engineer-wrap::before{
		/*width: calc(100vw + 100px);
		height: calc(100vw - 25px);*/
		
		width: 100vw;
		height: 550px;
		min-width: inherit;
		min-height: inherit;
	}

	/* ---------engineer-cmn-area ---------*/
	.engineer-wrap .engineer-cmn-area{
		margin: -80px 0 0;
		padding: 40px 0 70px;
		border-radius: 40px 40px 0 0;
		min-width: 100%;
	}
	.engineer-wrap .engineer-cmn-area.bg-blue.top{
		margin: 0;
	}
	.engineer-wrap .engineer-cmn-area.last,
	.engineer-wrap .engineer-cmn-area.bg-blue.last{
		padding: 30px 0 30px;
	}
	
	.engineer-wrap .engineer-cmn-area .inner{
		margin: 0 auto;
		padding: 0;
	}
	.engineer-wrap .engineer-cmn-area .pc-flex{
		display: flex;
		padding: 0 20px
	}
	.engineer-wrap .engineer-cmn-area .pc-flex　.txt-wrap{
		width: 50%;
	}

	.engineer-wrap .engineer-cmn-area .titlebox{
		text-align: center;
		margin: 0 0 20px;
	}
	
	/*--- スライド ---*/
	.engineer-wrap .engineer-cmn-area .slide-wrap{
		width: calc(100vw - 40px);
		height: auto;
		margin: 0 0 30px;
	}

	/*--- table ---*/
	.engineer-wrap .engineer-cmn-area .table-wrap{
		margin: 30px 0;
		padding: 0 20px;
	}

	.engineer-wrap .engineer-cmn-area table{
		border: #E4E4E4 solid 1px;
		width: 100%;
		border-collapse: collapse;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.7;
		font-weight: 500;
		background-color: #fff;
	}

	.engineer-wrap .engineer-cmn-area table tr {
		border-bottom: none;
	}
	.engineer-wrap .engineer-cmn-area table tr.row {
		border-top: #E4E4E4 double 3px;
	}
	.engineer-wrap .engineer-cmn-area table th{
		display: block;
		width: 100%;
		border-right: none;
		padding: 11px 0;
	}
	.engineer-wrap .engineer-cmn-area table thead th {
		display: none;
	}
	.engineer-wrap .engineer-cmn-area table tbody th {
		width: 100%;
		font-weight: 600;
	}
	.engineer-wrap .engineer-cmn-area table td{
		display: flex;
		width: 100%;
		border-right: none;
		border-bottom: #E4E4E4 solid 1px;
		text-align: left;
		padding: 11px;
	}
	/*#plant-engineering.second-processed .engineer-wrap .engineer-cmn-area table.style02 td:nth-of-type(2n+1){
		background-color: #f1f1f1;
	}
	#plant-engineering.second-processed .engineer-wrap .engineer-cmn-area table.style02 td:nth-of-type(3n){
		background-color: #fff;
	}*/
	.engineer-wrap .engineer-cmn-area table td span{
		display: inline-block;
		width: 130px;
		margin: 0 10px 0 0;
		border-right: #E4E4E4 solid 1px;
	}
}

/* --------------------------
   products-list
-------------------------- */

@media screen and (max-width: 768px){
	
	.products-list {
		padding: 0 20px;
	}

}

/* --------------------------
   search-area
-------------------------- */
.search-area {
	margin: 0 0 0;
}
.search-area .catch{
	font-size: 2.8rem;
	text-align: center;
}

@media screen and (max-width: 768px){
	.search-area {
		margin: 0;
	}
	.search-area .catch{
		margin: 0 0 20px;
    	font-size: 1.8rem;
	}
}


/* --------------------------
   movie-area
-------------------------- */
.movie-area {
	/*background: var(--main);*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	padding: 15px;
	background: #fff;
	border: 1px #ddd solid;
	margin: 30px 0 20px;
	min-width: 530px;
}
.movie-area .txt {
	/*color: #fff;*/
	line-height: 1.6;
	font-size: 1.6rem;
	font-weight: 500;
	width: 45%;
	text-align: center;
	margin: 0;
	padding: 0 15px 0 0;
}
.movie-area .txt span {
	font-weight: bold;
	font-size: 2.6rem;
	display: block;
	line-height: 1;
	font-family: var(--en-font);
	letter-spacing: .05em;
}
.movie-area .thumb {
	width: 55%;
}
.movie-area .thumb img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	border-radius: 10px;
}

/*サブ用*/
.movie-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.movie-flex.space{
	margin: 50px 0 0;
}
.movie-flex .movie-area {
	margin: 0 0 0 50px;
}

.movie-link {
	margin: 20px 0 30px;
	font-size: 1.8rem;
	font-weight: 500;
}
.movie-link.sub {
	margin: 0 0 30px;
}
.movie-link a {
	padding: 5px;
	display: inline-block;
	color:var(--main);
	border-bottom: 1px dashed var(--main);
}
.movie-link a:hover {
	color:var(--main);
}
.movie-link a i {
	display: inline-block;
	margin: 0 8px 0 0;
	color: var(--main);
}
/*.movie-link a::before {
	display: inline-block;
	margin: 0 8px 0 0;
	content: "\f144";
	font-family: 'Font Awesome 5 Free';
	font-size: 1.7rem;
	color: var(--main);
}*/

@media screen and (max-width: 768px){
	
	.movie-area {
		margin: 20px 0 0;
		padding: 10px;
		min-width: inherit;
	}
	.movie-area .txt {
		font-size: 1.4rem;
		margin: 0;
		padding: 0 10px 0 0;
	}
	.movie-area .txt span {
		font-size: 2.2rem;
	}
	.movie-area .thumb {
	}
	.movie-area .thumb img {
		height: 120px;
	}
	
	/*サブ用*/
	.movie-flex{
		display: block;
	}
	.movie-flex.space{
		margin: 20px 0 0;
	}
	.movie-flex .movie-area {
		margin: 20px 0 0;
	}
	
	.movie-link {
		margin: 20px 0 10px;
		font-size: 1.7rem;
	}
	.movie-link.sub {
		margin: 0 0 20px;
	}

}

/* -----------------------------------------------------------
   二次加工
-------------------------------------------------------------- */
#plant-engineering.second-processed .search-area {
	margin: 80px 0 0;
}
@media screen and (max-width: 768px){
	#plant-engineering.second-processed .titlebox .title-en{
		letter-spacing: -0.05em;
	}
	#plant-engineering.second-processed .search-area {
		margin: 30px 0 20px;
	}
}