@media screen and (max-width:782px) {

/*
body{
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width  : 100%;
	height : 100%;
}
*/
main.main #wrapper{
	width: 100%;
	min-width:100%;
	height:auto;
	 min-height: auto;
}
main.main img{
	vertical-align:bottom;
}
main.main .brandArea{
	width:99%;
}
/*--------------
	MAIN
---------------*/
main.main .brandMain .brandArea{
	width:96%;
}
/*--------------
	VISION
---------------*/
main.main .brandVision .brandArea{
	width:94%;
}
/*--------------
	TEC
---------------*/
main.main .brandTec p.subTitle{
	margin-bottom:3em;
}
main.main .brandTecLeft{
	float:none;
	width:100%;
	padding-top:0em;
	margin-bottom:3em;
}
main.main .brandTecRight{
	float:none;
	width:100%;
}
main.main .brandTec .brandArea{
	width:94%;
}
main.main .brandTec p.more{
	width:50%;
}
main.main .brandTecRight li{
	margin-bottom:0em;
	float:left;
	width:48%;
}
main.main .brandTecRight li:last-child{
	float:right;
}
main.main .brandTecRight li img{
	width:100%;
	height:auto;
}
/*--------------
	BRAND CATE
---------------*/

main.main .brandCate .brandArea{
	width:94%;
}
main.main .brandCate p.more{
	width:50%;
}
main.main .brandBox .brandArea{
	background-size: 50%;
}
/*--------------
	HISTORY
---------------*/
main.main .brandHistory .brandArea{
	width:94%;
}
main.main .brandHistoryLeft{
	width:40%;
}

main.main .brandHistoryRight{
	
	width:55%;
	
}
main.main .brandHistory p.more{
	width:80%;

}

/*--------------
	ADD
---------------*/
	main.main .brandEarth p.im02 {
		right: 0;
	}
	main.main .brandEarth h3,
	main.main .brandEarth p.subTitle,
	main.main .brandEarth p.more {
		width: 94%;
		margin-right: auto;
		margin-left: auto;
	}
	main.main .brandTec p.more,
	main.main .brandTecRight li {
		margin-right: auto;
		margin-left: auto;
	}

}


@media screen and (max-width:600px) {
main.main p.more a:link{
	font-size:11px;
	line-height:3;
}
/*--------------
	MAIN
---------------*/
main.main .brandMain{
	padding-top: 7em;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 2em;
}
main.main .brandMain h2{
	width:50%;
	margin:0 auto;
}
main.main .brandMain h2 img{
	width:100%;
	height:auto;
}
main.main .brandMain .brandArea{
	padding:6em 0;
}
/*--------------
	VISION
---------------*/
main.main .brandVision{
	padding:5em 0;
	margin-bottom:2em;
	
}
main.main .brandVision h3{
	margin-bottom:1.5em;
	
}
main.main .brandVision h3 img{
	height:24px;
}
main.main .brandVision p.subTitle{
	margin-bottom:2em;
}
main.main .brandVision p.subTitle img{
	width:80%;
	height:auto;
}
main.main .brandVision p.more{
	width:70%;
}
/*--------------
	TEC
---------------*/
main.main .brandTec{
	padding:3em 0;
	margin-bottom:2em;
	
}
main.main .brandTec h3{
	margin-bottom:0.5em;
	
}
main.main .brandTec h3 img{
	height:24px;
}
main.main .brandTec p.subTitle{
	font-size:12px;
	margin-bottom:2em;
}
main.main .brandTec p.more{
	width:80%;
}
main.main .brandTecRight li{
	width:80%;
	float:none;
	margin-bottom:0.5em;
}
main.main .brandTecRight li:last-child{
	float:none;
	margin-bottom:0em;
}
main.main .brandTecLeft{
	
	margin-bottom:2em;
}
/*--------------
	BRAND CATE
---------------*/
main.main .brandCate{
	margin-bottom:3em;
}
main.main .brandCate h3{
	font-size:16px;
	margin-bottom:0.5em;
}
main.main .brandCate p.subTitle{
	font-size:12px;
	margin-bottom:1em;
}
main.main .brandCate li{
	float:left;
	width:48%;
	margin:0 1% 0.5em 1%;
}
main.main .brandCate li:last-child{
	margin:0 1% 0.5em 1%;
}
main.main .brandCate li p.im{
	margin-bottom:0.2em;
}
main.main .brandCate li p.name{
	font-size:13px;
}
main.main .brandBox{
	background: linear-gradient(#fff 10%, #ddd 10%);
	
}
main.main .brandCate p.more{
	width:80%;
}
main.main .brandCate ul{
	margin-bottom:2em;
}
main.main .brandBox .brandArea{
	background-size: 60%;
	padding-bottom: 3em;
}
main.main .brandCate li:last-child{
	float:left;
}
main.main .brandBox .brandArea p.arrow{
	position:static;
	right:auto;
	top:auto;
	-webkit-transform:none;
  	transform:none;
	width:50px;
}
/*--------------
	HISTORY
---------------*/
main.main .brandHistory{
	
	margin-bottom:3em;
	
}
main.main .brandHistoryMain{
	
	padding:6em 0;
	background-size:120%;
	
	
}

main.main .historyTitle h3{
	width:150px;
	height:150px;
}
main.main .historyTitle h3 img{
	width:70%;
	height:auto;
	left:1em;
}
main.main .brandHistoryLeft{
	float:none;
	width:100%;
}
main.main .brandHistoryRight{
	float:none;
	width:100%;
	padding-top:1em;
}
main.main .brandHistory .brandArea{
	margin-top:-8em;
	padding-bottom:2em;
}
main.main .brandHistory p.subTitle{
	font-size:12px;
	margin-bottom:1em;
}
/*--------------
	NETWORKS
---------------*/
main.main .brandNetwork{
	background-size:130%;
	padding:5em 0;
	margin-bottom:3em;
	
}
main.main .brandNetwork h3{
	margin-bottom:1em;
}
main.main .brandNetwork h3 img{
	height:24px;
}
main.main .brandNetwork p.subTitle{
	font-size:12px;
	margin-bottom:3em;
}
main.main .brandNetwork p.more{
	width:70%;
	
}
/*--------------
	MOVIE
---------------*/
main.main .brandMovie{
	background-position:center center;
	padding:5em 0;
	margin-bottom:3em;
	text-align:center;
	
}
main.main .brandMovieArea{
	width:100%;
	margin-left:0;
}

main.main .brandMovie h3{
	margin-bottom:1em;
}
main.main .brandMovie h3 img{
	height:24px;
}
main.main .brandMovie p.subTitle{
	font-size:12px;
	margin-bottom:3em;
}
main.main .brandMovie p.more{
	width:70%;
	margin:0 auto;
	
}
main.main .brandMain p.tt{
	top:1.5em;
}
	
/*----------------------------------
2018.05.17記述
----------------------------------*/
/*--------------
	BE EARTH
---------------*/
main.main .brandEarth{
	padding:1em 0 5em 0;
}
main.main .brandEarth h3{
	width:70%;
	margin-bottom:1em;
}
main.main .brandEarth p.subTitle{
	font-size:12px;
	margin-bottom:1em;
}
main.main .brandEarth p.more{
	width:85%;
}
main.main .brandEarth p.im01{
	width:80%;
	margin-left:0em;
	padding-top:8em;
}
main.main .brandEarth p.im02{
	top:13em;
	width:50%;
}
/*----------------------------------
end 2018.05.17記述
----------------------------------*/	

}




@media screen and (min-width: 601px) and (max-width: 782px) {
	/*============================================================================*/
	main.main .brandEarth p.im02 { display: none; }
	/*============================================================================*/
}