@charset "utf-8";

#main{
	width:960px;
	display:flex;
	flex-direction:column;
	margin-top:20px;
}

#main1{
	width:900px;
	height:400px;
	margin-left: 30px;	
}

#main1 p{
	line-height:40px;
	margin-top:20px;
	margin-left:40px;
}

#main1 ul{
	display:flex;
	flex-direction:row;
}

#address1{
	width:450px;
	height:400px;
	margin-left: 60px;
	margin-top: 30px;
}

#address2{
	width:450px;
	height:320px;
	margin-top:50px;
	margin-left:100px;
}

#address2 iframe{
	width: 300px;
	height: 300px;
	display: block;
	margin: 10px 10px;
}


#main2{
	width:710px;
	height:280px;
	margin-top:60px;
	margin-left:280px;
	margin-right:10px;
	margin-bottom:50px;
	background-image:url(../images/works_background.jpg); 
	background-repeat:no-repeat;
	background-position: top 100px left 300px;
}

#main2 h2{
	margin:40px 20px 25px 20px;
	font-size:120%;
}

#main2 p{
	text-indent: 2em;
	margin:10px;
}

.indent {
	text-indent: 5.5em;
}

.indent3 {
	display: inline-block;
	margin-left: 3em;
}

@media screen and (max-width:480px) {

#main{
	width:300px;
	display:flex;
	flex-direction:column;
	margin-top:30px;
}

#main1{
	width:300px;
	height:600px;
	margin-left: 10px;	
}

#main1 p{
	line-height:30px;
	margin-top:10px;
	margin-left:20px;
}

#main1 ul{
	display:flex;
	flex-direction:column-reverse;
}

#address1{
	width:280px;
	height:250px;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 15px;
}

#address2{
	width:300px;
	height:320px;
	margin-top:10px;
	margin-left:0px;
}

#address2 iframe{
	width: 280px;
	height: 280px;
	display: block;
	margin: 10px 10px;
}


#main2{
	width:300px;
	height:450px;
	margin-top:20px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:10px;
	background-image:url(../images/works_background.jpg); 
	background-repeat:no-repeat;
	background-position: top 100px left 50px;
	text-align: center;
}

#main2 h2{
	margin:30px 5px 25px 5px;
	font-size:120%;
}

#main2 p{
	text-indent: 0em;
	line-height: 30px;
	margin:10px;
	font-size: 14px;
	
}

}