@charset "utf-8";

/* ======================================================
               main images
====================================================== */
#main_images{
	position:relative;
}

#main_image{
	width:100vw;
	height:80vh;
	overflow-y:hidden;
}

#main_title{
	z-index:10;
}

.title_main{
	text-shadow:1px 1px 3px #333;
	color:#fff;
	font-family:serif;
	font-weight:bold;
	letter-spacing:0.3em;
	font-size:70px;
	position:absolute;
	right:0; left:0;
 	margin:auto;
	top:250px;
	width:370px;
	border-bottom:solid 2px #fff;
}

.title_sub{
	text-shadow:1px 1px 3px #333;
	color:#fff;
	font-family:serif;
	font-size:30px;	
	letter-spacing:0.1em;
	font-weight:bold;
	position:absolute;
	right:0; left:0; margin:auto;
	top:380px;
	width:155px;
}

/* ======================================================
               main
====================================================== */

#main{
	padding:0;
	margin:0 auto;
	width:100vw;
}

#main_menu{
	width:450px;
	margin:0 auto;
}

#main_menu ul{
	list-style:none;

}

#main_menu ul li{
	display:inline-block;
	padding:0 10px 0 15px;
	border-left:solid 1px #4b5c76;
}

#main_menu ul li:first-child{
	border:none;
}

#main_menu ul li a{
	text-decoration:none;
	color:#4b5c76;
	font-size:20px;
}

#main_menu ul li a:hover{
	opacity:0.5;
	border-bottom:solid 1px #fff;
}

#content{

	margin:0 auto;
}

.title_sub2 {
	color:#4b5c76;
	font-size:35px;
	text-align:center;
	border-bottom:solid 2px #4b5c76;
	width:300px;
	padding:60px 0 10px 0;
	margin:0 auto;
	font-family:serif;
	font-weight:bold;
}
h1.title_sub2 {
	color:#4b5c76;
	font-size:35px;
	text-align:center;
	border-bottom:solid 2px #4b5c76;
	width:300px;
	padding:60px 0 10px 0;
	margin:0 auto;
	font-family:serif;
	font-weight:bold;
}

.content_title{
	font-size:30px;
	padding:20px 20px;
	font-family:serif;
	font-weight:bold;
	text-align:center;
}

.content_t{
	padding:20px 20px 0 20px;
	line-height:2.5em;
}



.content_m{
	padding:10px 20px 10px 20px;
	line-height:2.5em;
}


.content_o{
	padding:10px 20px 10px 20px;
	line-height:2.5em;
}

#oem_img2{
	text-align:center;
}

#oem_img2 img{
	margin:-20px 0 20px 0;
}

.content_oem{
	text-align:center;
}

.content_oem a{
	text-decoration:none;
	color:#ca246a;
    text-decoration: underline;
}

.content_oem a:hover{
	opacity:0.5;
}
#content2{
	display:flex;
	width:1000px;
	align-items:center;
	margin:0 auto;
}
#content_last{
	display:flex;
	width:1000px;
	align-items:center;
	margin:0 auto;
}
#trading{
	text-align:center;
}
/*���X�|���V�u*/
	@media screen and (max-width: 768px) {
#main_image{
	height:auto;
 }
#content2{
	width:700px;
}
#content_last{
	width:700px;
}	
}
@media screen and (max-width: 480px){
#main_image{
	height:auto;
}
#main_menu{
	width:initial;
	text-align:center;
	padding-top:50px;
}
.title_main{
	display:none;
	
}
.title_sub{
	display:none;
 }
#trading_img{
	float:none;
 }
#trading_img img{
	width:300px;
 }
#maker_img img{
	width:300px;
}
#oem_img img{
	width:300px;
}
#oem_img2 img{
	width:300px;
}
#content2{
	display:block;
	width:300px;
}
#content_last{
	display:block;
	width:300px;
}
}