@charset "UTF-8";

@media screen and (min-width: 769px){
	html,body{
		height:100%;
		margin:0px;
	}
	#container{
		width:100%;
		height:100%;
		background-image: url("../img/DJI_0030.jpg");
		margin:0 auto;
	}
	#container img.logo{
		width:200px;
		padding:20px;
	}

	.title1{
		text-align:center;
		color:#fff;
		font-family: "Sawarabi Mincho";
		font-size:5em;
		line-height:0.8em;
	}
	.pict{
		width:250px;
		padding-left:5%;
		padding-right:3%;
	}
	.setumei{
		font-family: "Sawarabi Mincho";
		color:#fff;
		font-size:1.5em;
		line-height:2em;

	}
	.three{
		height:0px;
		text-align:center;
	}
	.att{
		margin:0 auto;
		width:80%;
	}
	.top{
		height:10%;
	}
	.second{
		height:30%;	
	}
	.logo_box{
		text-align:center;
	}
	.logo_box img{
		width:100px;
	}
}
/*===============================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px){
	html,body{
		height:100%;
		margin:0px;
	}
	#container{
		width:100%;
		height:100%;
		background: url("../img/DJI_0030.jpg") no-repeat top center;
		background-size: 660px 300px;;

		margin:0 auto;
	}
	#container img.logo{
		width:100px;
		padding:20px;
	}

	.title1{
		text-align:center;
		color:#fff;
		font-family: "Sawarabi Mincho";
		font-size:2em;
		line-height:0.8em;
	}
	.pict{
		width:150px;
		padding-left:5%;
		padding-right:3%;
		float:left;
	}
	.setumei{
		
		font-family: "Sawarabi Mincho";
		color:#fff;
		font-size:1.1em;
		line-height:2em;
		text-align:left;
		margin:20px 0px 0px 10px;
		padding-top:25px;

	}
	.three{
		height:60px;
		text-align:center;
		font-size:0.7em;
	}
	.att{
		font-size:0.5em;
		margin:0 auto;
		width:90%;
		line-height:1.5em;
	}
	.top{
		height:15%;
	}
	.second{
		height:15%;	
	}
	.logo_box{
		text-align:center;
	}
	.logo_box img{
		width:100px;
	}

}

/*===============================================
画面の横幅が480pxまで（スマホ用）
===============================================*/
@media screen and (max-width:480px){
	html,body{
		height:100%;
		margin:0px;
	}
	#container{
		width:100%;
		height:100%;
		background: url("../img/DJI_0030.jpg") no-repeat top center;
background-size: auto 600px;
		margin:0 auto;
	}
	#container img.logo{
		width:200px;
		padding:20px;
	}

	.title1{
		text-align:center;
		color:#fff;
		font-family: "Sawarabi Mincho";
		font-size:2em;
		line-height:0.8em;
	}
	.pict{
		width:200px;
		padding-left:5%;
		padding-right:3%;
		float: none;
	}
	.setumei{
		font-family: "Sawarabi Mincho";
		color:#fff;
		font-size:1.5em;
		line-height:1.5em;
		text-align:left;
		margin:10px;

	}
	.three{
		height:0px;
		text-align:center;
		font-size:0.7em;
	}
	.att{
		font-size:1em;
		margin:0 auto;
		width:90%;
		line-height:1.5em;
	}
	.top{
		height:15%;
	}
	.second{
		height:17%;	
	}
	.logo_box{
		text-align:center;
	}
	.logo_box img{
		width:100px;
	}

}