@charset "UTF-8";

h3.mi  {/*font.css変更*/
	height:  50px;
	padding:  10px 0 0 20px;
	background:  url(../image/mi_icon.png) no-repeat;
	line-height:  1.5;
}

div#story  {
	float:  left;
	width:  420px;
}

div#staff  {
	float:  right;
	width:  240px;
}
div#staff dl  {
	width:  210px;
	padding:  0px 15px 20px 15px;
	margin-bottom: 20px;
	border-radius: 5px;
	background:url(../image/profile_bg.png);
}
div#staff dl dt  {
	margin:  10px 0;
	padding-top:  10px;
	background:  url(../image/profile_line.gif) repeat-x;
}
div#staff dl dt img {
	padding-bottom:  10px;
}

.photo1 li {
	float: left;
	margin-right: 29px;
}
.photo1 li.nomg {
	margin-right: 0;
}

h4  {
	height:  37px;
	margin-top:  50px;
	background:  url(../image/license_mi.png) no-repeat;
	background-size: contain;
	text-indent:  -9999px;
}
dl#license dt  {
	margin: 20px 0 10px 0;
	color:  #630;
	font-weight:  bold;
	line-height:  1.0;
}
dl#license dd  {
	min-height:  60px;
	padding:  0 0 0 70px;
	line-height:  1.4;
	background-repeat:  no-repeat;
}
dd#sikaku1  {
	background-image:url(../image/icon1.gif);
}
dd#sikaku2  {
	background-image:url(../image/icon2.gif);
}
dd#sikaku3  {
	background-image:url(../image/icon3.gif);
}
dd#sikaku4  {
	background-image:url(../image/icon4.gif);
}
dd#sikaku5  {
	background-image:url(../image/icon5.gif);
}

/*----------------■小・中画面---------------*/
@media screen and (max-width: 480px) {
ul.photo1 li {
	margin-right: 0.5%;
	width: 33%;
}

div#story  {
	float:  none;
	width:  100%;
}

div#staff  {
	float:  none;
	width:  100%;
}

div#staff dl  {
	width:  94%;
	padding: 0px 3% 20px 3%;
}

h4  {
	background-size: 700px 37px;
}

}