@charset "UTF-8";
@media screen and (min-width: 1000px) {
#works-mobile01 {
	display: none;
}
#works-mobile02 {
	display: none;
}
#works-mobile03 {
	display: none;
}
#works-mobile04 {
	display: none;
}
}


h1{
	font-weight: lighter;
	margin: 0;
}
h2{
	font-weight: lighter;
	margin: 0;
}
h3{
	font-weight: lighter;
	margin: 0;
}
h4{
	font-weight: lighter;
	margin: 0;
}
p {
	margin:0;
}


/* 文字リンク下線消す */
a {
text-decoration: none;
}

a {  
  color: inherit;
}



#works-copy01 {
	width: 1000px;
	height: 170px;
	margin-bottom: 50px;
	padding-left: auto;
	padding-right: auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	line-height: 38px;
	letter-spacing: 0.09em;
	text-align: center;
	color: #231815;
	font-family: "游明朝体","Yu Mincho","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ 明朝","MS Mincho",serif !important;
}
#works {
	width: 1000px;
	height: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#works-navi {
	height: 740px;
	width: 740px;
	margin-bottom: 20%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#works-navi ul {
	margin: 0px;
	padding: 0px;
}
#works-navi li {
	display:inline;
	list-style-type:none;
}
#works-navi li a {
	height: 740px;
	width: 740px;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-navi li.works-navi01 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	height: 185px;
}
#works-navi li.works-navi02 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px top;
	height: 185px;
}
#works-navi li.works-navi03 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px top;
	height: 185px;
}
#works-navi li.works-navi04 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px top;
	height: 185px;
}
#works-navi li.works-navi05 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -185px;
	height: 185px;
}
#works-navi li.works-navi06 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -185px;
	height: 185px;
}
#works-navi li.works-navi07 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -185px;
	height: 185px;
}
#works-navi li.works-navi08 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -185px;
	height: 185px;
}
#works-navi li.works-navi09 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -370px;
	height: 185px;
}
#works-navi li.works-navi10 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -370px;
	height: 185px;
}
#works-navi li.works-navi11 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -370px;
	height: 185px;
}
#works-navi li.works-navi12 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -370px;
	height: 185px;
}
#works-navi li.works-navi13 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -555px;
	height: 185px;
}
#works-navi li.works-navi14 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -555px;
	height: 185px;
}
#works-navi li.works-navi15 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -555px;
	height: 185px;
}
#works-navi li.works-navi16 a {
	width: 185px;
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -555px;
	height: 185px;
}

#works-navi li.works-navi01 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -740px;
}
#works-navi li.works-navi02 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -740px;
}
#works-navi li.works-navi03 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -740px;
}
#works-navi li.works-navi04 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -740px;
}
#works-navi li.works-navi05 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -925px;
}
#works-navi li.works-navi06 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -925px;
}
#works-navi li.works-navi07 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -925px;
}
#works-navi li.works-navi08 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -925px;
}
#works-navi li.works-navi09 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -1110px;
}
#works-navi li.works-navi10 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -1110px;
}
#works-navi li.works-navi11 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -1110px;
}
#works-navi li.works-navi12 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -1110px;
}
#works-navi li.works-navi13 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -1295px;
}
#works-navi li.works-navi14 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -185px -1295px;
}
#works-navi li.works-navi15 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -370px -1295px;
}
#works-navi li.works-navi16 a:hover {
	background-image: url(../images/desktop/works-navi.png);
	background-repeat: no-repeat;
	background-position: -555px -1295px;
}


#works-hp {
	height: 700px;
	width: 740px;
	margin-bottom: 10%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#works-hp ul {
	margin: 0px;
	padding: 0px;
}
#works-hp li {
	display:inline;
	list-style-type:none;
}
#works-hp li a {
	height: 700px;
	width: 740px;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-hp li.works-hp01 a {
	width: 370px;
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	height: 350px;
}
#works-hp li.works-hp02 a {
	width: 370px;
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: -370px top;
	height: 350px;
}
#works-hp li.works-hp03 a {
	width: 370px;
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: 0px -350px;
	height: 350px;
}
#works-hp li.works-hp04 a {
	width: 370px;
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: -370px -350px;
	height: 350px;
}

#works-hp li.works-hp01 a:hover {
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: 0px -700px;
}
#works-hp li.works-hp02 a:hover {
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: -370px -700px;
}
#works-hp li.works-hp03 a:hover {
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: 0px -1050px;
}
#works-hp li.works-hp04 a:hover {
	background-image: url(../images/desktop/works-hp.jpg);
	background-repeat: no-repeat;
	background-position: -370px -1050px;
}