@charset "UTF-8";
/* CSS Document */

#rediscovermusic h1{
font-size: 30px;
margin: 0;
}
#logo_technics{
margin: 20px auto 0 auto;
width: 230px;
}
#logo_technics img{
width: 100%;
height: auto;
}
.aboutuspage .row > .col-md-4 {
padding-left: 4px;
padding-right: 4px;
}
.aboutuspage .title-area {
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
}
.aboutuspage .contents-menu.aboutus-top {
	min-height: 480px;
	margin-top: 30px;
}
.aboutuspage .row {
	margin: 0 -4px;
	position: relative;
	box-sizing: border-box;
}
.row > div[class^="col-"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}


.aboutuspage .contents-menu a {
	display: block;
	position: relative;
}

.aboutuspage .contents-menu .contents-title {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 10%;
	margin-top: -8px;
	color: #fff;
}

.aboutuspage .contents-menu .contents-title {
	font-size: 16px;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 10%;
	margin-top: -14px;
	line-height: 1.3;
}
.aboutuspage .contents-menu .history .contents-title {
	margin-top: -28px;
	line-height: 1.3;
}
.row > div[class^="col-"] img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.aboutuspage .contents-menu.aboutus-top .historyNum {
position: absolute;
top: 50%;
right: 10%;
margin-top: -18px;
font-family: "DIN Light", Arial, Helvetica, sans-serif;
font-size: 36px;
color: #fff;
}

@media only screen and (max-width:767px) and (min-width:641px) {
.col-ss-6 {
	width: 50%;
}
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
#rediscovermusic h1{
font-size: 21px;
}
#logo_technics{
margin: 10px auto 0 auto;
width: 160px;
}
.aboutuspage .contents-menu.aboutus-top {
	margin-top: 15px;
}
.row > div[class*="col-md"] {
	float: none;
	width: auto;
}
}