@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
body  {
	font-family:メイリオ,Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#FFFFFF url(images/pageBackground.jpg) no-repeat top; 50px;
  background-position: top left 0px;
	color: #993366;
	padding:0px 0 0 0px;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#993366;
	text-decoration:none;
}
ul{
  padding-left:0;
}

li{
  list-style:none;
}
.container { 
	width: 100%; 
} 
.header {
		color:#000000;z
}
.author {
	padding:0 0 10px 30px;
	color:#000000;
}
.author a {
	color:#000000;
}
.menu {
	height:0px;
	text-align:left;
	margin-top:50px;
    width: 0px;
}
.menu ul {
	margin:0;
	padding-top:0px;
}
.menu li {
	list-style:none;
	display:inline-block;
	width: 300px;
	height:8px;
	padding:0px 0px 0 0px;
}
.menu li a {
	color:#993366;
	font-size:15px;
	text-decoration:none;
}
.menu li a:hover {
	color:#993366;
	font-size:15px;
	text-decoration:none;
}
.menu #active a {
	color:#993366;
	font-size:15px;
	text-decoration:none;
}
.footer{
	position: fixed;

	text-align: left;
	font-family:メイリオ,Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	margin-top:1000px;
  color:#993366;
  mix-blend-mode: multiply;
  opacity: 1;
  bottom: 00;
  left: 00;
}
.ContactContent2{
	font-family:メイリオ,Arial, Helvetica, sans-serif;
	font-size:12px;	
  width: 100%;
	position:absolute;
  margin-left:2% ;
  margin-top: 150px;
  color:#000000;
}
.MinilogoContent{
     position: fixed;
     mix-blend-mode: multiply;
     opacity: 0.3;
     bottom: 0;
     left: 100;
}
.TitleContent{
	font-family:メイリオ,Arial, Helvetica, sans-serif;
	font-size:20px;	
	height:60px;
    text-align:center;
    position:absolute;
    margin-top: 120px;
}

.HomeTitleContent{
	left:30%;
	margin-top:150%;
	color:#993366;
	font-size:15px;	
}
.creative{
  position: absolute;
left: 0px;
	margin-left:0px;
	margin-top:110%;
}
.CompanyContent{
	position: absolute;
	left:2%;
	top: 200px;
	color:#993366;
	font-size:13px;	
}
.HomeCompanyContent{
	left:10%;
	margin-top:10%;
	color:#993366;
	font-size:10px;	
}
.CEOContent{
	position: absolute;
	left:30%;
	top: 200px;
	color:#993366;
	font-size:20px;	
}
.DirectorContent{
	position: absolute;
	left:2%;
	top: 540px;
	color:#993366;
	font-size:13px;	
}
.PortraitContent{
	position: absolute;
		top: 260px;
	left:30%;
　　width: 100%;
　　height: auto;
}
.WorksContent{
	font-family:メイリオ,Arial, Helvetica, sans-serif;
	font-size:12px;	
	height:60px;
	margin-left:10% ;
  position:absolute;
  margin-top: 180px;
}
.work{
	  margin-top: 230px;
    justify-content: space-around;
    margin-left:10% ;
    width: 80%; 
    height: auto;

}
.ContactContent{
	position: absolute;
	left:0%;
	top: 500px;
	color:#993366;
	font-size:15px;		
    text-decoration: none;
}
.circle{
	position: absolute;
    mix-blend-mode: multiply;
    height: auto;
    opacity: 0.3;

}
.circleContent{
	float: left;
  mix-blend-mode: multiply;
  margin-top: 20px;

.absolute {
  position: absolute;
  mix-blend-mode: multiply;
  opacity: 0.8;
  right: 30%;
  margin-top: 0px;
  width: 65%;
}
.absolute2 {
  position: absolute;
  mix-blend-mode: multiply;
  right: 25%;
  margin-top: 0px;
    width: 10%;
}

{

}