/*! ======================================
    efactory monozukuri index
====================================== */
.monozukuri_index .main_section .main_sttlArea{padding-top:0}
.monozukuri_index .main_section .main_txtArea{top:70px}
.monozukuri_index .main_section .main_sttl{margin-bottom:16px}
.monozukuri_index .main_section .txt_01{font-size:1.13em;font-weight:700;margin-bottom:10px;text-align:center}
.monozukuri_index .main_section .txt_01 b{color:#e60000}
.monozukuri_index .main_section .txt_02{font-weight:700;margin-bottom:50px}
.monozukuri_index .main_section .h{color:#e60000;font-size:1.75em;font-weight:700;text-align:center;margin-bottom:40px}
.monozukuri_index .main_section .zu{margin-bottom:55px}


.monozukuri_index .anchor_nav{margin:30px 0;padding-top:20px;border-top:2px solid #d00}
.monozukuri_index .anchor_nav .list_container{display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.monozukuri_index .anchor_nav .list_container>ul{display:table-row;font-size:.88em}
.monozukuri_index .anchor_nav .list_container>ul>li{display:table-cell;padding:0 10px;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9}
.monozukuri_index .anchor_nav .list_container>ul>li>a{display:block;text-align:center}

.monozukuri_index .anchor_nav .list_container>ul>li>a .inner{display:block}
.monozukuri_index .anchor_nav .list_container>ul>li>a .inner .arr{padding-left:20px;background:url(/fa/sols/common/image/arw_anchor.png) no-repeat 0 .5em;background-size:10px auto}

.monozukuri_index .section+.section{margin-top:75px}

.monozukuri_index .section .sttl {position: relative; padding-bottom: 15px; background: linear-gradient(180deg,transparent 0%, #ededed 100%); border-bottom: 9px solid #c21500;
  border-image: linear-gradient(to right, #E06C6C 0%, #94ABEE 100%);
  border-image-slice: 1;
}
.monozukuri_index #section_monozukuri .sttl{ margin-bottom: 25px;}
.monozukuri_index .section .sttl span{display:inline-block;background:0 0}
.monozukuri_index .section .sttl b{color:#e60000}
.monozukuri_index .section .slead{margin-bottom:30px; text-align: center;}

.monozukuri_index .lineup_operation table th {
    background-color: #e60000;

}
.monozukuri_index .lineup_machinery table th {
    background-color: #005e81;
}
/*.monozukuri_index .lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}*/
.monozukuri_index .lineup{margin-bottom: 15%}
.monozukuri_index .lineup+.lineup {
    margin-top: 20px
}
.monozukuri_index .lineup+.lineup{margin-top:20px}
.monozukuri_index .lieup_header {font-size: 1.25em; font-weight: 700; padding: 1% 0 1% 2%; margin-bottom: 35px;background: none;box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.monozukuri_index .lineup_operation .lieup_header{border-left: 15px solid #B42215;}
.monozukuri_index .lineup_machinery .lieup_header{border-left: 15px solid #334F98;}
.monozukuri_index .lineup_operation .lineup_item{background:url("../img/index/bg.png") no-repeat right center /55%,linear-gradient(115deg,#FFF 65%, #D5CBD3 100%) no-repeat;}
/*.monozukuri_index .lineup_machinery .lineup_item{background: url("../img/index/bg.png") no-repeat right bottom /55%,linear-gradient(135deg,#FFF 75%, #C4CFDA 100%);}*/

.monozukuri_index .lineup_item{display: flex; flex-wrap:wrap; width: 100%; align-content:stretch;}
.monozukuri_index .lineup_item a{width:calc((100% /3) - 15px); transition:box-shadow 0.3s;background-color: #FFF; position: relative;text-decoration:none; overflow: hidden; margin-top:2%; text-align: center;  flex: 0 0 auto;}
.monozukuri_index .lineup_operation .lineup_item a{border:2px solid #CDC0CB;}
.monozukuri_index .lineup_item a:not(:nth-child(3n)){margin-right:15px}
.monozukuri_index .lineup_machinery .lineup_item a{border: 2px solid #C4D0DA;}
.monozukuri_index .lineup_item a:hover{box-shadow: 0 0 15px 10px rgba(0,0,0,0.25);transition: z-index 0.3s, transform 0.3s ,box-shadow 0.3s;z-index: 1; transform: scale(1.05);}
.monozukuri_index .lineup_item a div{position: relative; z-index: 1; }
.monozukuri_index .lineup_item a div h4{margin:0;position: relative;color: #000; font-weight: bold;width: 100%;padding: 1% 0; text-align: center; }
.monozukuri_index .lineup_operation .lineup_item a div h4{ background:#CDC0CB;}
.monozukuri_index .lineup_machinery .lineup_item a div h4{ background:#C1D1DB;}
.monozukuri_index .lineup_item a h4 span{display: inline-block; }
.monozukuri_index .lineup_item a:hover h4 span{transform: rotateY(360deg); transition:1s;color: #B42215}


.monozukuri_index .lineup_item a div img{margin: 4% 0%; width: 220px;}
.monozukuri_index .lineup_item a div p{margin:4% calc((100% - 220px) / 2) 7% calc((100% - 220px) / 2);color:#000; text-align: left;}

.monozukuri_index .lineup_item .thumb{display: block;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}
.monozukuri_index .lineup_item .link{display: block;padding:10px;color:#fff;text-align:center;font-size:.88em;font-weight:700}
.monozukuri_index .lineup_item .link .inner{display:inline-block;padding-left:10px;background:url(/fa/shared/img/module/bullet_link_ov.gif) no-repeat 0 .5em}
.monozukuri_index .lineup_item>a:hover .thumb{opacity:.65}
.monozukuri_index .lineup_item>a:hover .link .inner{text-decoration:underline}

.monozukuri_index .lineup_operation .lineup_item .link{display: block;background-color:#e60000}
.monozukuri_index .lineup_item .bg_flow{width: 25px; height: 25px; position: absolute; z-index: 0;opacity: 0;
	animation-name: flow;
    animation-duration: 3s;
	animation-fill-mode:forwards;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
	animation-direction:alternate;
	}
.monozukuri_index .lineup_operation .lineup_item .bg_flow:first-child{background: #EBD2D8;}
.monozukuri_index .lineup_operation .lineup_item .bg_flow:nth-child(2n){background: #EEE9EC;}
.monozukuri_index .lineup_operation .lineup_item .bg_flow:nth-child(3n){background: #F9FBFB;}
.monozukuri_index .lineup_operation .lineup_item .bg_flow:nth-child(2n+1){background: #F3EFEC;}
.monozukuri_index .lineup_operation .lineup_item .bg_flow:nth-child(3n+1){background: #FAFCFD;}


.monozukuri_index .lineup_machinery .lineup_item .bg_flow{background: #CAE2EF;}
.monozukuri_index .lineup_machinery .lineup_item .bg_flow:nth-child(2n){background: #F9FBFB;}
.monozukuri_index .lineup_machinery .lineup_item .bg_flow:nth-child(2n+1){background: #F1F6FA;}
.monozukuri_index .lineup_machinery .lineup_item .bg_flow:nth-child(3n+1){background: #E8F1F8;}
.monozukuri_index .lineup_machinery .lineup_item .bg_flow:nth-child(2n+3){background: #FAFCFD;}


@keyframes flow{
  0% {
   	opacity: 0.0;
  }
  10% {
	  opacity: 1;
	}
  90% {
	  opacity: 1;
	}
  100% {
   opacity: 0;
   transform: rotate(1080deg);
   top:300px;
   right:300px;	  
  }
}
.monozukuri_index .offer{padding:20px}
.monozukuri_index .offer .inner{padding:29px}
.monozukuri_index .offer .package_content{border:1px solid #58647F;background-color:#fafafa; margin-bottom: 10%}
.monozukuri_index .offer .package_content .head{color:#fff;font-size:1em;font-weight:700;text-align:center;background:#58647F;margin:0;padding:15px 0}
.monozukuri_index .offer .package_content .body{padding:20px 35px}
.monozukuri_index .offer .package_content .offer_list{font-size:.88em;padding:0;margin:0}
.monozukuri_index .offer .package_content .offer_list:after,.monozukuri_index .offer .package_content .offer_list:before{display:table;content:" "}
.monozukuri_index .offer .package_content .offer_list:after{clear:both}
.monozukuri_index .offer .package_content .offer_list dt{width:364px;font-weight:400;letter-spacing:-.03em;float:left;background-image:url(/fa/sols/efactory/component/monozukuri/img/index/line_dot.png);background-position:0 50%;background-repeat:repeat-x}
.monozukuri_index .offer .package_content .offer_list dt>span{background-color:#fafafa;padding-right:5px}
.monozukuri_index .offer .package_content .offer_list dt .t{font-weight:700;color:#005e81}
.monozukuri_index .offer .package_content .offer_list dd{width:230px;float:right;padding:0;margin-bottom:10px}
.monozukuri_index .offer .flow{border:1px solid #58647F;background-color:#fafafa}
.monozukuri_index .offer .flow .head{color:#fff;text-align:center;background-color:#58647F;padding:15px 0}
.monozukuri_index .offer .flow .headTxt_01{font-size:1em;font-weight:700;margin:0 6px;background:0 0}
.monozukuri_index .offer .flow .body{text-align:center;padding:55px 0 16px}
.monozukuri_index .offer .flow .cap{font-size:.75em;text-align:right;margin-top:30px;margin-right:16px}

.monozukuri_index table.in_table_h{border:1px #ccc solid;border-collapse:collapse;padding:10px;font-size:75%;margin-top:40px}
.monozukuri_index table.in_table_h th{border:1px #ccc solid}
.monozukuri_index table.in_table_h td{border:1px #ccc solid}
.monozukuri_index td.t_title_h{font-size:13px;color:#FFF;font-weight:700;text-align:left;padding:5px 0 5px 5px}
.monozukuri_index td.t_title_h_k{font-size:13px;color:#000;font-weight:700;text-align:left;padding:5px 0 5px 5px;background-color:#DCDCDC}
.monozukuri_index #materials .docLinkSiryo{border:none!important;}

/*導入方法*/
.monozukuri_index #section_installation h2{margin-bottom: 0px!important}
.monozukuri_index #section_installation .installation_process{position: relative; padding: 5% 0;background: linear-gradient(155deg, #E4B7BB 0%, transparent 10%,transparent 90%,#E4B7BB 100%),linear-gradient(-155deg, #B1C2D3 0%, transparent 10%,transparent 90%,#B1C2D3 100%);border-bottom: 7px solid #c21500;
  border-image: linear-gradient(to right, #94ABEE 0%, #E06C6C 100%);
  border-image-slice: 1; margin-bottom: 5%}
.monozukuri_index #section_installation .installation_process .process_item{position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; margin:0 5% 5% 5%}
.monozukuri_index #section_installation .installation_process .scrollin {
	opacity : 1;
	transform : translateY(0);
	}
.monozukuri_index #section_installation .installation_process .process_item:not(:last-child):before{position: absolute;content: "";border-left: 8px solid #B4B3B6; display: inline-block; height: 105%; top:74px;left:calc((72.8px /2) - 3px); z-index: -1;}
.monozukuri_index #section_installation .installation_process .process_item div{ width: calc(100% - 72.8px - 2%); padding-left: 2%}
.monozukuri_index #section_installation .installation_process .process_item img{width: 72.8px}
.monozukuri_index #section_installation .installation_process .process_item p{padding: 1% 0 1% 1%; font-size: 1.1em; margin-right: 2%; margin-top: 19px}
.monozukuri_index #section_installation .installation_process .process_item:nth-child(odd) p{border-bottom: 2px solid #CDC0CB;}
.monozukuri_index #section_installation .installation_process .process_item:nth-child(even) p{border-bottom: 2px solid #C4D0DA;}
.monozukuri_index #section_installation .installation_process .process_item div span{padding: 1%; font-size: 0.9em; display: inline-block;}
.monozukuri_index #section_installation .point{position: relative; border:3px solid #BABAC0; padding: 15px;width: calc(100% - 10px); background: #FFF;margin: 5% 0; padding-left: 105px;}
.monozukuri_index #section_installation .point:before{position: absolute; content: "";width: 100%; height: 100%; background: linear-gradient(to right, #E06C6C 0%, #94ABEE 100%);z-index: -1; top:10px;left:10px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.3)}
.monozukuri_index #section_installation .point span{position: absolute;height: 78px;width: 78px; background:url("../img/installation/finger.png") no-repeat center /80%,linear-gradient(to right, #E06C6C 0%, #94ABEE 100%);border-radius: 50%; left: 15px; top:50%;transform: translateY(-50%);z-index: 1}
.monozukuri_index #section_installation .point p{padding: 2% 0;}

/*iQ Monozukuriとは？*/
 #section_monozukuri .flex_wrapper{display:-webkit-box;	display:-ms-flexbox; display:flex;flex-wrap:wrap; justify-content: center;}
 #section_monozukuri .flex_wrapper p{width: calc((100% - 120px) / 3); height: 200px; margin: 5px 20px;text-align: center;border: 3px solid #36516F;border-image:linear-gradient(to bottom, #36516F 20%, transparent 20%, transparent 80%, #36516F 80%);border-image-slice:1;color: #36516F;font-weight: bold;display:-webkit-box;	display:-ms-flexbox; display:flex; justify-content: center;align-items: center;padding: 0 5px;}
@media screen and (max-width: 480px) { 
	#section_monozukuri .flex_wrapper p{width: 340px}
}
 #section_monozukuri .flex_wrapper p:first-child{background: linear-gradient(to bottom, #FDF0F6 ,transparent, #FDF0F6)}
 #section_monozukuri .flex_wrapper p:nth-child(2){background: linear-gradient(to bottom, #E8E4F1 ,transparent, #E8E4F1)}
 #section_monozukuri .flex_wrapper p:nth-child(3){background: linear-gradient(to bottom, #E4F3FB ,transparent, #E4F3FB)}
 #section_monozukuri .c-img{position: relative; background: #FFF; padding-bottom: 5%;margin: 5% 0 7% 0;}
 #section_monozukuri .c-img:after{content:"";position: absolute; width: 100%; height: 20px; bottom: 0%; left:0px;box-shadow: 0 10px 10px rgba(0,0,0,0.2);z-index: -1}
 #section_monozukuri h4{color: #36516F; text-align: center; margin: 1% 0;font-size: 1.2em; position: relative;}
 #section_monozukuri h4:after{content: ""; position: absolute;background:linear-gradient(to right, #375372 15%, #b2b2bf 15%, #b2b2bf 85%, #375372 85%);width: 98%; height: 5px; top: 100%; left: 1%; }
 #section_monozukuri h4 span{font-weight: bold;padding: 0% 10px;letter-spacing:1px}
 #section_monozukuri h4+p{text-align: right; font-size: 0.75em;}
 #section_monozukuri .package_wrapper{border: 3px solid #36516F;border-image:linear-gradient(to bottom, #36516F 20%, transparent 20%, transparent 80%, #36516F 80%);border-image-slice:1;width: 45%;display:-webkit-box;	display:-ms-flexbox; display:flex;box-shadow: 0 0 10px rgba(0,0,0,0.25);  justify-content: center;align-items: center; background: #FFF;box-sizing: border-box; flex-wrap: wrap;}
@media screen and (max-width: 480px) {
	#section_monozukuri .package_wrapper{width: 250px}
}
 #section_monozukuri .package_wrapper p{margin: 5%}
 #section_monozukuri .package_wrapper p span{font-weight: bold; display:block;}
 #section_monozukuri .package_wrapper p:first-child{text-align: right}
 #section_monozukuri .package_wrapper p:first-child span{font-size: 1.15em;padding-right: 10%}
 #section_monozukuri .package_wrapper p:last-child{text-align: center}
 #section_monozukuri .package_wrapper p:last-child img{margin-top: 5%}
 #section_monozukuri #component{background: url("../img/monozukuri/09.png") no-repeat top -25px left/40%; margin-bottom: 5%}
 #section_monozukuri #component .package_wrapper{margin: 5% auto 0 auto;}
 #section_monozukuri .contents_wrapper{position: relative; border: 3px solid #36516F;border-image:linear-gradient(to bottom, #36516F 20%, transparent 20%, transparent 80%, #36516F 80%);border-image-slice:1;width: 100%;margin: 77px auto 0 auto;display:-webkit-box;	display:-ms-flexbox; display:flex;box-shadow: 0 0 10px rgba(0,0,0,0.25);  justify-content: space-around;flex-wrap: wrap;padding:2.5%}
 #section_monozukuri #component .contents_wrapper:before{content: ""; position: absolute; top:-80px;width: 100%; height: 77px; background:linear-gradient(to bottom , rgba(161, 164, 169,0.07),rgba(161, 164, 169,0.4)); clip-path: polygon(0% 100%, calc((100% - 45%) / 2) 0%, calc(100% - (100% - 45%) / 2) 0%, 100% 100%);}

#section_monozukuri .contents_wrapper>div{display: flex; flex-wrap:wrap; justify-content: center; margin-bottom: 10px} 
#section_monozukuri .contents_wrapper>div img{align-self: center;}
#section_monozukuri .contents_wrapper div p:last-of-type{font-size: 0.75em;width: 100%; padding-top: 1%}
#section_monozukuri .contents_wrapper div ul{padding-left:20px} 
#section_monozukuri .contents_wrapper div ul li{list-style:disc !important;}
 #section_monozukuri #system{background: url("../img/monozukuri/10.png") no-repeat top right/35%; padding-top: 10%}
 #section_monozukuri .system_wrapper{display:-webkit-box; display:-ms-flexbox; display:flex; justify-content: space-between; margin:5% 0 2% 0;flex-wrap: wrap;}
 #section_monozukuri .system_wrapper div:nth-child(2){font-weight: bold;color: #36516F; font-size: 2em;display: flex;align-items: center;justify-content: center}
 #section_monozukuri .system_wrapper div:nth-child(3){position: relative; border: 3px solid #36516F;border-image:linear-gradient(to bottom, #36516F 20%, transparent 20%, transparent 80%, #36516F 80%);border-image-slice:1; width: 45%; display:-webkit-box;	display:-ms-flexbox; display:flex;box-shadow: 0 0 10px rgba(0,0,0,0.25); flex-wrap: wrap;padding:2%;background: #FFF; box-sizing: border-box;justify-content: space-between;align-items: flex-start;}
 #section_monozukuri .system_wrapper div:nth-child(3) p:first-child{width: 100%; font-weight: bold}
 #section_monozukuri .system_wrapper div:nth-child(3) ul{padding-left: 21px}
 #section_monozukuri .system_wrapper div:nth-child(3) ul li{list-style: disc!important;}
 #section_monozukuri .system_wrapper div:nth-child(3) p:last-child{font-size: 0.75em}
@media screen and (max-width: 480px){
	#section_monozukuri .system_wrapper{justify-content: center;}
	#section_monozukuri .system_wrapper div:nth-child(2){width: 100%}
	#section_monozukuri .system_wrapper div:nth-child(3){width: 100%}
}
 #section_monozukuri .system_arrow{background: url("../img/monozukuri/05.png") no-repeat center; text-align: center; font-size: 1.1em; font-weight: bold; padding: 63px 0;}
 #section_monozukuri .system_p{text-align: center; font-size: 1.1em; font-weight: bold; display: flex; justify-content: space-around; align-items: center;}
 @media screen and (max-width: 658px){
	 #section_monozukuri .system_p{flex-direction: column}
	 #section_monozukuri .system_p span{width: auto}
}

 #section_monozukuri .system_p span{position: relative; display: inline-block; padding: 1% 5%; margin: 0 2%; width: 30%;}
 #section_monozukuri .system_p span:before, #section_monozukuri .system_p span:after{content:""; position: absolute; width: 20px; height: 20px; border-color: #AEC4D0;}
 #section_monozukuri .system_p span:before{border-top:2px solid #AEC4D0; border-left: 2px solid #AEC4D0; top: 0;left: 0;}
 #section_monozukuri .system_p span:after{border-bottom:2px solid #AEC4D0; border-right: 2px solid #AEC4D0; bottom: 0;right: 0;}
 #section_monozukuri #system h5{display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center;}

 #section_monozukuri #system h5 span{margin: 0 2%; padding: 2% 4%;color: #917529;font-weight: bold; border: 2px solid #917529; border-radius: 5px; position: relative;}
 #section_monozukuri #system h5 span:before, #section_monozukuri #system h5 span:after{content:"";position: absolute; width: 2px; height: 60%; background: #FFF;top: 20%; }
 #section_monozukuri #system h5 span:before{left: -2px;}
 #section_monozukuri #system h5 span:after{right: -2px;}
 #section_monozukuri #system h5 img{vertical-align: middle!important}
 #section_monozukuri #system .system_p+p{font-size: 0.75em; text-align: right; margin-top: 2%}
 #section_monozukuri #system .system_div{text-align: center;border-bottom: 5px solid #375372;border-top: 5px solid #375372;
  border-image: linear-gradient(to right, #8B8EA2 15%, #375372 15%, #375372 85%, #8B8EA2 85%);
  border-image-slice: 1;padding: 2% 1%; width: 90%; margin: 5% auto;}
 #section_monozukuri #system .system_div p:first-of-type{font-weight: bold; color: #000; font-size: 1.1em }
#section_monozukuri #system .system_div p:last-of-type{font-weight: bold; color: #007BC7; font-size: 1.5em; letter-spacing: 1.5px}
@media screen and (max-width: 889px){
	#section_monozukuri #system h5{flex-direction: column;}
}
 @media screen and (max-width: 658px){
	 #section_monozukuri .system_p{flex-direction: column}
	 #section_monozukuri .system_p span{width: auto}
}
.step_title {
	border-bottom: solid 1px rgba(193,25,32,1.00);
	font-size: 1.3em;
	text-shadow:2px 2px 5px #FFF, -2px -2px 5px #FFF, -2px 2px 5px #FFF, 2px -2px 5px #FFF, 
							0px 2px 5px #FFF,  0px -2px 5px #FFF, -2px 0px 5px #FFF, 2px  0px 5px #FFF,
							1px 2px 5px #FFF, -1px -2px 5px #FFF, -1px 2px 5px #FFF, 1px -2px 5px #FFF, 
							2px 1px 5px #FFF, -2px -1px 5px #FFF, -2px 1px 5px #FFF, 2px -1px 5px #FFF, 
							1px 1px 5px #FFF, -1px -1px 5px #FFF, -1px 1px 5px #FFF, 1px -1px 5px #FFF;
}

.step_body {
	font-size: 1.0em;
	text-shadow:2px 2px 5px #FFF, -2px -2px 5px #FFF, -2px 2px 5px #FFF, 2px -2px 5px #FFF, 
							0px 2px 5px #FFF,  0px -2px 5px #FFF, -2px 0px 5px #FFF, 2px  0px 5px #FFF,
							1px 2px 5px #FFF, -1px -2px 5px #FFF, -1px 2px 5px #FFF, 1px -2px 5px #FFF, 
							2px 1px 5px #FFF, -2px -1px 5px #FFF, -2px 1px 5px #FFF, 2px -1px 5px #FFF, 
							1px 1px 5px #FFF, -1px -1px 5px #FFF, -1px 1px 5px #FFF, 1px -1px 5px #FFF;
}


.back-lay {
  position: relative;
}

.over-lay {
  width: 100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: left;
  position: absolute;
  top: 0px;
  left: 0px;
}
/*新テンプレ*/
#section01{padding-top:0;}