@charset "utf-8";
@import url("base.css");

.red{
	color: #FF0000;
	}


/* pc */
@media screen and (min-width: 1280px)  {

/*メイン*/
#point_top{
	margin:0 0 3em 0;
	width:100%;
	}
#tools{
	float:left;
	width:60%;
	}
#top_photo{
	float:right;
	width:33%;
	}
.top_s{
	margin:2em 0 0 0;
	}
.work{
	margin:2em 0 3em -2%;
	}
.work li{
	width:48%;
	float:right;
	margin:0 0 0 2%;
	}
h3{
	width:99%;
	font-family:heisei-kaku-gothic-std;
	font-size:150%;
	background-color:#ffcc00;
	color:#000;
	font-weight:700;
	line-height:2;
	margin:0.6em 0 0 0;
	padding:0 0 0 1%;
	}
.next{
	width:100%;
	font-family:heisei-kaku-gothic-std;
	font-size:125%;
	background-color:#000000;
	color:#ffcc00;
	font-weight:700;
	text-align:center;
	line-height:2;
	margin:0.6em 0 0 0;
	letter-spacing: 0.5em;
	}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 1279px) {


/*メイン*/
#point_top{
	margin:0 0 3em 0;
	}
#tools{
	float:none;
	width:100%;
	}
#top_photo{
	float:none;
	width:80%;
	margin:0 10% 1em 10%;
	}
.top_s{
	margin:2em 0 0 0;
	}
.work{
	margin:2em 0 3em -2%;
	}
.work li{
	width:48%;
	float:right;
	margin:0 0 0 2%;
	}
h3{
	width:99%;
	font-family:heisei-kaku-gothic-std;
	font-size:150%;
	background-color:#ffcc00;
	color:#000;
	font-weight:700;
	line-height:2;
	margin:0.6em 0 0 0;
	padding:0 0 0 1%;
	}
.next{
	width:100%;
	font-family:heisei-kaku-gothic-std;
	font-size:125%;
	background-color:#000000;
	color:#ffcc00;
	font-weight:700;
	text-align:center;
	line-height:2;
	margin:0.6em 0 0 0;
	letter-spacing: 0.5em;
	}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {

/*メイン*/
#point_top{
	margin:0 0 2em 0;
	}
#tools{
	float:none;
	width:100%;
	}
#top_photo{
	float:none;
	width:80%;
	margin:0 10% 1em 10%;
	}
.top_s{
	margin:1em 0 0 0;
	}
.work{
	margin:1em 0 3em 0;
	}
.work li{
	width:100%;
	float:none;
	margin:0.5em 0 0 0;
	}
.work img{
	margin:0.5em 0 1em 0;
	}
h3{
	width:99%;
	font-family:heisei-kaku-gothic-std;
	font-size:135%;
	background-color:#ffcc00;
	color:#000;
	font-weight:700;
	line-height:2;
	margin:0.6em 0 0 0;
	padding:0 0 0 1%;
	}
.next{
	width:100%;
	font-family:heisei-kaku-gothic-std;
	font-size:125%;
	background-color:#000000;
	color:#ffcc00;
	font-weight:700;
	text-align:center;
	line-height:2;
	margin:0.6em 0 0 0;
	}

}
