@charset "utf-8";

/* CSS Document */


body {
			/*overflow-x:hidden;*/
}


a {
			text-decoration-line:none;
			color:#000000;
}

h2 {
			font-size:32px;
}



.container001 {
			width:1000px;
			height:3000px;
			border:none;
			padding:0px;
			margin:0px auto;
			display:block;
}




/*h2 {
			padding:50px auto 40px;
}*/


.midashi001 {
			display:block;
			width:1000px;
			height:90px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
}


.m001 {
			font-size:36px;
			font-weight:900;
			padding:0px;
			margin:0px;
}




ul.midashi002 {
			list-style-type:none;
			float:left;
			padding:0px;
			margin:0px;
}

ul.midashi003 {
			list-style-type:none;
			float:right;
			margin:30px 0px 0px 0px;
			padding:0px;
}

.midashi003 li {
			float:left;
			margin:0px 0px 0px 30px;
}




.topimage {
			clear:both;
}



.works001 {
			margin-left:calc(-50vw + 50%);
			margin-right:calc(-50vw + 50%);
			width:100vw;
			background-color:#eeeef6;
			height:600px;

}

.works002 {
			width:1000px;
			height:560px;
			margin:0px auto;
}


.w101 {
			width:200px;
			height:50px;
			padding:60px 0px 45px 0px;
			margin:30px auto 0px;
}


.w001 {
			float:left;
			width:290px;
			height:250px;
			padding:0px;
			margin:0px 25px 0px 0px;
}

.w002 {
			float:left;
			width:290px;
			height:250px;
			padding:0px;
			margin:0px 25px 0px 0px;
}

.w003 {
			float:left;
			width:290px;
			height:250px;
			padding:0px;
			margin:0px;
}


.wm001 {
			font-size:20px;
			font-weight:700;
}



.skill001 {
			clear:both;
			width:1000px;
			height:700px;
			padding:0px;
			margin:100px 0px 0px 0px;
}

.st001 {
			width:200px;
			height:50px;
			padding:0px;
			margin:0px auto 80px;
}


.s011 {
			float:left;
			width:500px;
			height:200px;
}

.ss111 {
			float:left;
			display:block;
			width:130px;
			height:200px;
			margin:0px 20px 0px 0px;
			padding:0px;
			
}

.ss112 {
			display:block;
			/*margin:0px 0px 0px 20px;*/
}

.sss112 {
			margin:5px 0px 10px 0px;
			padding:0px;
			text-shadow:3px 5px 4px #d3d6fc;
}

.sss113 {
			padding:0px 40px 0px 0px;
			margin:0px;
}



.about001 {
		clear:both;
		margin-left:calc(-50vw + 50%);
		margin-right:calc(-50vw + 50%);
		width:100vw;;
		background-color:#eeeef6;
		height:650px;
}

.at001 {
		width:200px;
		height:50px;
		padding:80px 0px 80px 0px;
		margin:0px auto;
}


.about002 {
		width:1000px;
		height:500px;
		margin:100px auto 0px;
}

.about011 {
		float:left;
		height:380px;
		margin:0px 40px 0px 40px;
}

.about012 {
		padding:0px 80px 0px 0px;
		margin:-13px 0px 0px 0px;
}


.contact001 {
			clear:both;
			width:1000px;
			height:500px;
}

.contact003 {
				width:180px;
				height:50px;
				padding:0px;
				margin:160px auto 60px;
				display:block;
}

.contact002 {
				/*color:blue;*/
				width:340px;
				height:40px;
				padding:0px;
				margin:0px auto 30px;
				display:block:
				
}

.contact004 {
				/*color:blue;*/
				width:300px;
				height:50px;
				padding:0px;
				margin:0px auto;
				display:block:
				
}