/* CSS Document */
@media screen and (max-width: 768px){

.mv{
	width: 100%;
	height: 650px;
	max-height: 768px; 
	margin-bottom: 12%;
	}
.mvcnt{
	width: 100%;
	height: 100%;
	font-size: 0;
	text-align: center;
	vertical-align: middle;
	background:url(../img/inometop/mv_01.png) no-repeat;
	background-size: 1920px 650px;
	background-position: center center;
}


#maincnt{}



#maincnttop{}
#maincnttop .lbox{
	order: 2;
	
	}
#maincnttop .rbox{
	order: 1;
	margin-bottom: 6.4%;
	}



#maincntmid{
	max-width: 1238px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 6.4%;
}
#maincntmid .lbox{}
#maincntmid .lbox h2 span{
	display: block;
	}

#maincntmid .rbox div{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 6.4%;
	margin-top: 6.4%;
	display: flex;
	justify-content: space-around;
	align-items:stretch;
	flex-wrap: wrap;
}
#maincntmid .rbox ul{
	width: 50%;
	margin-bottom: 6.4%;
	box-sizing: border-box;
}
#maincntmid .rbox ul li{}
#maincntmid .rbox ul li:nth-child(1){
	margin-bottom: 1.6%;
}
#maincntmid .rbox ul li:nth-child(2){
	margin-bottom: 1.6%;
	font-size: 1.1em;
	line-height: 1.2em;
}
#maincntmid .rbox ul li:nth-child(3){}
#maincntmid .rbox p{
	width: 100%;
	font-size: 1.2em;
	margin-top: 2.4%;
	font-weight: bold;
	text-align: center;
}

#maincnt .maincntrayergray{
	padding: 12% 0;
	background:url("../img/inometop/ab_bg_02.png") #f2f0eb no-repeat;
	background-position: bottom center;
}



#maincntbtm{
	padding-top: 12%;
	box-sizing: border-box;
	
}
#maincntbtm h2{
	width: 100%;
	text-align: center;
}
	#maincntbtm h2 span{
		display: block;
		width: 100%;
	}

#maincntbtm .lbox{
	width: 100% !important;
	margin-bottom: 6.4%;
}
#maincntbtm .rbox{
	width: 100% !important;
}


#maincntbtm ul{
	display: flex;
	justify-content:flex-end;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 4.8%;
}
#maincntbtm ul:last-child{
	margin-bottom: 0 !important;
}

#maincntbtm ul li{
	width: 100% !important;
}
#maincntbtm ul li span{
	display: block;
}
#maincntbtm ul li:nth-child(1){
	margin-bottom: 1.2%;
}
#maincntbtm ul li:nth-child(1) img{
	width: 12% !important;
}

#maincntbtm ul li:nth-child(2){
}
#maincntbtm ul li:nth-child(3){
	margin-top: 1.6%;
}




#maincnt .maincntrayergray2{
	background: url("../img/inometop/ab_bg_01.png") #f2f0eb no-repeat;
	background-position: bottom center;
	padding:12% 6.4%;
}
#maincntbrand{
	max-width: 1238px;
	margin: 0 auto;
}
#maincntbrand .lbox{
	margin-bottom: 6.4%
}
#maincntbrand .rbox{
}

#maincntbrand .lbox p{
	width: 100%;
}


#maincntbrand h2{
	color: #281407;
}

#maincntbrand ul{
	margin-bottom: 2.4%;
}
#maincntbrand ul li{}


#maincntbrand ul{}
#maincntbrand ul li{}
#maincntbrand ol{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
#maincntbrand ol li{
	width: 31.2%;
}


#maincntjp{
	padding-top: 12%;
	}
.singlejpbox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items:stretch;
	flex-wrap: wrap;
	font-size: 16px;
	
}

.singlejpbox ul{
	width: 100%;
}
.singlejpbox ul li:nth-child(1){
	margin-bottom: 1.2%;
}
.singlejpbox ul li:nth-child(1) h3{
	font-size: 1.2rem;
}
.singlejpbox ul li:nth-child(2){
	margin-bottom: 1.2%;
}
.singlejpbox ul li:nth-child(3){}
.singlejpbox ul li:nth-child(4){}
.singlejpbox ul li:nth-child(5){}


.jpbtmol{
	margin-top: 6.4%;
	width: 100% !important;
}


}



@media screen and (min-width: 769px){
.mv{
	width: 100%;
	margin-bottom: 4.8%;
	height: 420px;
	}
.mvcnt{
	width: 100%;
	height: 100%;
	font-size: 0;
	text-align: center;
	vertical-align: middle;
	background:url(../img/inometop/mv_01.png) no-repeat;
	background-size: cover;
	background-position: center center;
}

	
	
#maincntmid{
	max-width: 1238px;
	margin: 0 auto;
}
#maincntmid .lbox{}

#maincntmid .rbox div{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 2.4%;
	display: flex;
	justify-content: space-around;
	align-items:stretch;
	flex-wrap: wrap;
}
#maincntmid .rbox ul{
	width: 47.6%;
	box-sizing: border-box;
}
#maincntmid .rbox ul li{}
#maincntmid .rbox ul li:nth-child(1){
	margin-bottom: 1.6%;
}
#maincntmid .rbox ul li:nth-child(2){
	margin-bottom: 1.6%;
	font-size: 1.1em;
}
#maincntmid .rbox ul li:nth-child(3){}
#maincntmid .rbox p{
	width: 100%;
	font-size: 1.2em;
	margin-top: 2.4%;
	font-weight: bold;
	text-align: center;
}

#maincnt .maincntrayergray{
	padding: 6.4% 0;
	background:url("../img/inometop/ab_bg_02.png") #f2f0eb no-repeat;
	background-position: bottom center;
}



#maincntbtm{
	
}
#maincntbtm h2{
	width: 100%;
	text-align: center;
}
#maincntbtm .lbox{
	width: 46% !important;
}
#maincntbtm .rbox{
	width: 54% !important;
}


#maincntbtm ul{
	display: flex;
	justify-content:flex-end;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 2.4%;
}
#maincntbtm ul:last-child{
	margin-bottom: 0 !important;
}

#maincntbtm ul li{
	width:88%;
}
#maincntbtm ul li span{
	display: block;
}
#maincntbtm ul li:nth-child(1){
	width: 12% !important;
}

#maincntbtm ul li:nth-child(2){
}
#maincntbtm ul li:nth-child(3){
	margin-top: 1.6%;
}




#maincnt .maincntrayergray2{
	background: url("../img/inometop/ab_bg_01.png") #f2f0eb no-repeat;
	background-position: bottom center;
	padding: 6.4% 0;
}
#maincntbrand{
	max-width: 1238px;
	margin: 0 auto;
}
#maincntbrand .lbox p{
	width: 80%;
}


#maincntbrand h2{
	color: #281407;
}

#maincntbrand ul{
	margin-bottom: 2.4%;
}
#maincntbrand ul li{}


#maincntbrand ul{}
#maincntbrand ul li{}
#maincntbrand ol{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
#maincntbrand ol li{
	width: 31.2%;
}



.singlejpbox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items:stretch;
	flex-wrap: wrap;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 6.4%;
	
}

.singlejpbox ul{
	width: 31.2%;
}
.singlejpbox ul li:nth-child(1){
	margin-bottom: 1.2%;
}
.singlejpbox ul li:nth-child(1) h3{
	font-size: 1.2rem;
}
.singlejpbox ul li:nth-child(2){
	margin-bottom: 1.2%;
}
.singlejpbox ul li:nth-child(3){}
.singlejpbox ul li:nth-child(4){}
.singlejpbox ul li:nth-child(5){}


.jpbtmol{
	margin-top: 6.4%;
	width: 100% !important;
}

}