@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/*index_contents*/
#main_left {
	width:504px;
	float:left;
	margin-top:40px;
	margin-bottom:26px;
	}
/*slide*/
.banner {
	position:relative;
	/*overflow:hidden;*/
	width:504px;
	}
.banner img{
	display:block;
	position:absolute;/* 画像のサイズを表示エリアに合せる */
	width:100%;
	opacity:0;
	animation:slideAnime 100s ease infinite;
	}
.banner img:nth-of-type(1) { animation-delay: 0s }
.banner img:nth-of-type(2) { animation-delay: 10s }
.banner img:nth-of-type(3) { animation-delay: 20s }
.banner img:nth-of-type(4) { animation-delay: 30s }
.banner img:nth-of-type(5) { animation-delay: 40s }
.banner img:nth-of-type(6) { animation-delay: 50s }
.banner img:nth-of-type(7) { animation-delay: 60s }
.banner img:nth-of-type(8) { animation-delay: 70s }
.banner img:nth-of-type(9) { animation-delay: 80s }
.banner img:nth-of-type(10) { animation-delay: 90s }
@keyframes slideAnime{
   0% { opacity: 0 }
   5% { opacity: 1 }
   5% { opacity: 1 }
   10% { opacity: 0 }
   100% { opacity: 0 }
   }
/*slide*/
#main_right {
	width:484px;
	float:left;
	margin-top:130px;
	margin-left:20px;
	margin-bottom:26px;
	}
.pickUp{
	width:484px;
	margin-bottom:140px;
	}
.bahasa_indonesia{
	font-family: "Hannari","Yu Mincho", "YuMincho", serif;
	font-size:21px;
	text-align:center;
	line-height:2.0;
	color:#939597;
	margin-top:30px;
	}
.bahasa_jepang{
	font-size:14px;
	text-align:center;
	color:#939597;
	margin-top:30px;
	}
#info{
	clear:both;
	width:1008px;
	margin:0 auto;
	padding-top: 12px;
	}
/*index_contents*/
/*pc_portfolio_contents_details*/
#content_left,
#content2_left {
	width:504px;
	float:left;
	margin-top:40px;
	margin-bottom:30px;
	}
.content_right {
	width:484px;
	float:left;
	margin-top:40px;
	margin-bottom:50px;
	margin-left:20px;
	}
.content1_left {
	width:504px;
	clear:both;
	float:left;
	margin-bottom:30px;
	}
.content_logo { width:484px; }
.content_logo h2 {
	font-size:18px;
	font-weight:bold;
	color:#939597;
	}
.content_logo p img,
.content_logo p a img { width:100%; }
.content_logo p a:hover img { opacity:0.5; }
.content_logo p{
	font-size:14px;
	text-decoration:none;
	color:#939597;
	}
.content_logo .link a{
	color:#939597;
	text-decoration:underline;
	word-break : break-all;
	}
.content_logo .link a:hover{
	color:#E4E2E4;
	text-decoration:none;
	}
/*pc_portfolio_contents_details*/
}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/*index_contents*/
#main_left {
	width:768px;
	float:none;
	/*margin-top:50px;*/
	margin-bottom:26px;
	}
/*slide*/
.banner {
	position:relative;
	/*overflow:hidden;*/
	width:748px;
	padding:0 10px;
	}
.banner img{
	display:block;
	position:absolute;/* 画像のサイズを表示エリアに合せる */
	width:97%;
	opacity:0;
	animation:slideAnime 100s ease infinite;
	}
.banner img:nth-of-type(1) { animation-delay: 0s }
.banner img:nth-of-type(2) { animation-delay: 10s }
.banner img:nth-of-type(3) { animation-delay: 20s }
.banner img:nth-of-type(4) { animation-delay: 30s }
.banner img:nth-of-type(5) { animation-delay: 40s }
.banner img:nth-of-type(6) { animation-delay: 50s }
.banner img:nth-of-type(7) { animation-delay: 60s }
.banner img:nth-of-type(8) { animation-delay: 70s }
.banner img:nth-of-type(9) { animation-delay: 80s }
.banner img:nth-of-type(10) { animation-delay: 90s }
@keyframes slideAnime{
   0% { opacity: 0 }
   5% { opacity: 1 }
   5% { opacity: 1 }
   10% { opacity: 0 }
   100% { opacity: 0 }
   }
/*slide*/
#main_right {
	width:768px;
	float:none;
	margin-top: 850px;
	margin-bottom:84px;
	}
.pickUp{
	width:768px;
	margin-bottom:20px;
	}
.bahasa_indonesia{
	font-family: "Hannari","Yu Mincho", "YuMincho", serif;
	font-size:34px;
	text-align:center;
	line-height:1.6;
	color:#939597;
	margin-top:30px;
	}
.bahasa_jepang{
	font-size:22px;
	text-align:center;
	color:#939597;
	line-height:1.6;
	margin-top:30px;
	}
#info{
	clear:both;
	width:768px;
	margin:0 auto;
	/*padding-top: 50px;*/
	}
#info_area{
	width:768px;
	margin:0 auto;
	}
#info_area p{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	color:#939597;
	margin-top:20px;
	margin-bottom: 40px;
	}
#info_area p img{
	width:66%;
	margin-top:20px;
	}
/*index_contents*/
/*tab_portfolio_contents_details*/
#content_left,
#content2_left {
	width:768px;
	float:none;
	margin-bottom:90px;
	}
.content_right {
	width:768px;
	float:none;
	margin-bottom:60px;
	}
.content1_left {
	width:768px;
	float:none;
	margin-bottom:60px;
	}
.content_logo {
	width:748px;
	padding:0 10px;
	}
.content_logo h2 {
	font-size:24px;
	font-weight:bold;
	color:#939597;
	}
.content_logo p img { width:100%; }
#info_area p a,
.content_logo p,
.content_logo p a {
	font-size:20px;
	color:#939597;
	text-decoration:none;
	line-height:1.6;
	}
#info_area p .link,
.content_logo p a .link {
	color:#2394b0;
	text-decoration:underline;
	word-break : break-all;
	}
/*tab_portfolio_contents_details*/
}
@media screen and (max-width: 600px) {
/* スマートフォン用のスタイル記述 */
/*index_contents*/
#main_left {
	width:100%;
	float:none;
	margin-top:30px;
	margin-bottom:26px;
	}

/*slide*/
.banner {
	position:relative;
	/*overflow:hidden;*/
	width:98%;
	}
.banner img{
	display:block;
	position:absolute;/* 画像のサイズを表示エリアに合せる */
	width:92%;
	opacity:0;
	animation:slideAnime 100s ease infinite;
	}
.banner img:nth-of-type(1) { animation-delay: 0s }
.banner img:nth-of-type(2) { animation-delay: 10s }
.banner img:nth-of-type(3) { animation-delay: 20s }
.banner img:nth-of-type(4) { animation-delay: 30s }
.banner img:nth-of-type(5) { animation-delay: 40s }
.banner img:nth-of-type(6) { animation-delay: 50s }
.banner img:nth-of-type(7) { animation-delay: 60s }
.banner img:nth-of-type(8) { animation-delay: 70s }
.banner img:nth-of-type(9) { animation-delay: 80s }
.banner img:nth-of-type(10) { animation-delay: 90s }
@keyframes slideAnime{
   0% { opacity: 0 }
   5% { opacity: 1 }
   5% { opacity: 1 }
   10% { opacity: 0 }
   100% { opacity: 0 }
   }
/*slide*/
#main_right {
	width:100%;
	float:none;
	margin-top:440px;
	/*margin-bottom:26px;*/
	}
.pickUp{
	width:100%;
	/*margin-bottom:20px;*/
	}
.bahasa_indonesia{
	font-family: "Hannari","Yu Mincho", "YuMincho", serif;
	font-size:18px;
	text-align:center;
	line-height:1.6;
	color:#939597;
	margin-top:50px;
	}
.bahasa_jepang{
	font-size:12px;
	text-align:center;
	color:#939597;
	line-height:1.6;
	margin-top:30px;
	}
#info{
	clear:both;
	width:100%;
	margin:0 auto;
	}
#info_area{
	width:100%;
	margin:0 auto;
	}
#info_area p{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	color:#939597;
	margin-top:20px;
	margin-bottom: 40px;
	}
#info_area p img{
	width:78%;
	margin-top:20px;
	}
/*index_contents*/
/*tab_portfolio_contents_details*/
#content_left,
#content2_left {
	width:100%;
	float:none;
	margin-bottom: 68px;
	}
.content_right {
	width:100%;
	float:none;
	}
.content1_left {
	width:100%;
	float:none;
	}
.content_logo { width:98%; }
.content_logo h2 {
	font-size:16px;
	font-weight:bold;
	color:#939597;
	}
.content_logo .br { display:none; }
.content_logo p img { width:98%; }
#info_area p a,
.content_logo p,
.content_logo p a {
	font-size:14px;
	color:#939597;
	text-decoration:none;
	line-height:1.6;
	width:98%;
	}
#info_area p .link,
.content_logo p a .link {
	color:#939597;
	text-decoration:underline;
	word-break : break-all;
	width:98%;
	}
.robin_img{ display:none; }
/*tab_portfolio_contents_details*/
}