/*--- ipProduce project - KYOTSU ---*/
.keybox{/*outer container of .key_imgbox, .key_imgbox img */
margin:0 auto;
margin-bottom:2em;
width:80%;
max-width:970px;
}
.key_imgbox{/* container for keyIMG*/
position:relative;
width:100%;
height:0;
padding-bottom:16.2%; /*aspect ratio height/width*100%= 235/1450(*100%)*/
z-index:-1;/*go behind priorityNav dropdown in smp*/
overflow:hidden;
}
.key_imgbox img{
position:absollute;
top:0;
left:0;
width:100%;
height:auto;
}

.ippro_limg{ /* img class LEFTimg  */
margin: 5px 15px 5px 0px;
float: left; 
max-width:40%;
}
.ippro_rimg{ /* img class RIGHTimg  */
margin: 5px 0px 5px 15px;
float: right; 
max-width:40%;
}
.ippro_fulimg{ /* img class fullWidth  */
margin: 5px 0px;
border:none;
width:100%;
height:auto;
}
.ippro_img_list{ /* ul photoLIST */
list-style: none;
font-size:0; 
text-align:center;
margin-top:1rem;
margin-bottom:5rem;
}
.ippro_img_list li{
position: relative;/*for photo caption TXT <p>*/
display:inline-block;
width:32%;
margin:0.1rem;
padding:0;
vertical-align:top;
}
.ippro_img_list li img{
width:100%;
height:auto;
}
.ippro_img_list li p{/*photo caption TXT*/
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0; /* same as parent 'ippro_list' */
padding: 0.2em;
background: #000;
filter: Alpha(opacity=70);
opacity: 0.7;
color: #fff;
font-size: 1rem;
line-height: 1.2;
}


.dixsept_box{/*section class*/
margin:0 auto;
margin-top:3em;
width:90%;
text-align:left;/*center*/
/*border:1px solid pink;*/
}
.dixsept{/*4member eachBulk w/d-1of2GRID*/
margin-bottom:2em;
padding:0 1em;
}
.dixsept img{/*4member portrait*/
width:40%;
max-width:190px;
float:left;
margin: 5px 15px 10px 0px;
}
.evtxt{/*p description*/
margin-bottom:0.2em;
text-align:left;
font-size: 1.1rem;
line-height: 1.4;
}

/*---- overwrite css/style.css ----*/
.ippro_concept p{/*upper paragraph*/
margin-bottom:2em;/*added*/
padding:0;/*<--MOTO 0 3em*/
/*font-size: 1.4rem;*/
}
.ktg_font{/*overwrite css/style.css*/
/*width:85%;
margin:0 auto;
font-size: 0.9rem ;
line-height: 1.3 ;  
color: #696969;
vertical-align: top;*/
width:100%;
font-size: 0.9rem !important;
}
h5.art{/*overwrite/add css/style.css*/
font-size: 1.7rem; /* <--MOTO1.4rem*/
/*line-height: 1.2 ; */
}
h6.art{/*overwrite/add css/style.css*/
margin-bottom:1em;/*added*/
}



@media (max-width: 767px) {
	.keybox{/*outer container of .key_imgbox, .key_imgbox img */
		width:100%;/*<--pc80%*/
	}
	.ippro_limg, .ippro_rimg{ /* img class LEFT/RIGHTimg  */
		max-width:50%;/*<--pc 40%*/
	}
}

@media (max-width: 481px) {
	.key_imgbox{/*keyIMG container*/
		width:100%;/*<--pc80%*/
		padding-bottom: 24.3%; /*<--pc13% aspect ratio height/width*100%= 352.5/1450(*100%)*/
	}
	.key_imgbox img{/*keyIMG*/
	  position:absolute;
	  max-width:140%;/*width/height*100= between4/3 & 3/2*/
	  min-width:100%;
	  width:auto;
	  min-height:100%;
	  max-height:140%;
	  height:auto;
	  top:-40%;
	  right:-40%;
	  bottom:-40%;
	  left:-40%;
	  margin:auto;
	}
	.ippro_limg, .ippro_rimg{ /* img class LEFT/RIGHTimg  */
		margin: 5px 0;/*<--pc 5px 15px 5px 0px*/
		float: none; /*<--pc left*/
		max-width:none;/*<--pc 60%*/
		width:100%;/*added*/
		height:auto;/*added*/
	}
	.ippro_img_list li{
		width:31%;/*<--pc32%*/
	}
	.dixsept_box{/*section class*/
		text-align:center;/*<--pc left*/
	}
	.dixsept{/*4member eachBulk w/d-1of4GRID*/
		margin-bottom:2em;/*added*/
		padding:1em 0;/*<--pc 0 1em;*/
	}
	.dixsept img{/*portrait*/
		width:60%;
		height:auto;
		float:none;/*<--pc left*/
		margin:0 auto;/*<--pc 5px 15px 10px 0px*/
	}
	h5.art{/*overwrite/add css/style.css*/
		font-size: 1.4rem; /* <--pc1.7<--MOTO1.4*/
	}
}