@charset "UTF-8";
img{
max-width: 100%;
height: auto;
width:auto;
}
@media screen and (max-width: 999px){
#works-desktop {
	display: none;
}
}


h1{
	margin: 0;
}
h2{
	margin: 0;
}
h3{
	margin: 0;
}
h4{
	margin: 0;
}
p {
	margin:0;
}

a {
text-decoration: none;
}
a {  
  color: inherit;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.clearfix {
	display: inline-table;
}


html { 
    font-size: 62.5%;
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	margin: 0px;
	width: auto;
	font-size: 10px; 
	font-size: 1.0rem;
}
#container {
	width: 100%;
	height: 100%;
}

#works-copy01 {
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: 0.005em;
	color: #231815;
	text-align: justify;
	height: auto;
	width: 84.4%;
	padding-right: 7.8%;
	padding-left: 7.8%;
	margin-bottom: 40%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#works-mobile01 {
	height: auto;
	width: 84.4%;
	padding-right: 7.8%;
	padding-left: 7.8%;
	padding-bottom: 5%;
	position: relative;
}
#works-navi01 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#works-navi01 ul {
	margin: 0px;
	padding: 0px;
}
#works-navi01 li {
	display:inline;
	list-style-type:none;
}
#works-navi01 li a {
	height: auto;
	width: 100%;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-navi01 li.works-navi0101 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi01 li.works-navi0102 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi01 li.works-navi0103 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi01 li.works-navi0104 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}

#works-navi01 li.works-navi0101 a:hover {
	background-image: url(../images/mobile/works01.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi01 li.works-navi0102 a:hover {
	background-image: url(../images/mobile/works02.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi01 li.works-navi0103 a:hover {
	background-image: url(../images/mobile/works03.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi01 li.works-navi0104 a:hover {
	background-image: url(../images/mobile/works04.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}


#works-mobile02 {
	height: auto;
	width: 84.4%;
	padding-right: 7.8%;
	padding-left: 7.8%;
	padding-bottom: 5%;
	position: relative;
}
#works-navi02 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#works-navi02 ul {
	margin: 0px;
	padding: 0px;
}
#works-navi02 li {
	display:inline;
	list-style-type:none;
}
#works-navi02 li a {
	height: auto;
	width: 100%;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-navi02 li.works-navi0205 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi02 li.works-navi0206 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works06.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi02 li.works-navi0207 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works07.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi02 li.works-navi0208 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works08.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}

#works-navi02 li.works-navi0205 a:hover {
	background-image: url(../images/mobile/works05.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi02 li.works-navi0206 a:hover {
	background-image: url(../images/mobile/works06.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi02 li.works-navi0207 a:hover {
	background-image: url(../images/mobile/works07.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi02 li.works-navi0208 a:hover {
	background-image: url(../images/mobile/works08.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}


#works-mobile03 {
	height: auto;
	width: 84.4%;
	padding-right: 7.8%;
	padding-left: 7.8%;
	padding-bottom: 5%;
	position: relative;
}
#works-navi03 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#works-navi03 ul {
	margin: 0px;
	padding: 0px;
}
#works-navi03 li {
	display:inline;
	list-style-type:none;
}
#works-navi03 li a {
	height: auto;
	width: 100%;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-navi03 li.works-navi0309 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works09.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi03 li.works-navi0310 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works10.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi03 li.works-navi0311 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi03 li.works-navi0312 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works12.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}

#works-navi03 li.works-navi0309 a:hover {
	background-image: url(../images/mobile/works09.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi03 li.works-navi0310 a:hover {
	background-image: url(../images/mobile/works10.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi03 li.works-navi0311 a:hover {
	background-image: url(../images/mobile/works11.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi03 li.works-navi0312 a:hover {
	background-image: url(../images/mobile/works12.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}



#works-mobile04 {
	height: auto;
	width: 84.4%;
	padding-right: 7.8%;
	padding-left: 7.8%;
	padding-bottom: 15%;
	position: relative;
}
#works-navi04 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}
#works-navi04 ul {
	margin: 0px;
	padding: 0px;
}
#works-navi04 li {
	display:inline;
	list-style-type:none;
}
#works-navi04 li a {
	height: auto;
	width: 100%;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-navi04 li.works-navi0413 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works13.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi04 li.works-navi0414 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works14.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi04 li.works-navi0415 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works15.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi04 li.works-navi0416 a {
	width: 25%;
	height: 0;
	background-image: url(../images/mobile/works16.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}

#works-navi04 li.works-navi0413 a:hover {
	background-image: url(../images/mobile/works13.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi04 li.works-navi0414 a:hover {
	background-image: url(../images/mobile/works14.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi04 li.works-navi0415 a:hover {
	background-image: url(../images/mobile/works15.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}
#works-navi04 li.works-navi0416 a:hover {
	background-image: url(../images/mobile/works16.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 25%;
}



#works-hp {
	height: auto;
	width: 100%;
	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: auto;
	width: 100%;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#works-hp li.works-hp01 a {
	width: 100%;
	height: 0;
	background-image: url(../images/mobile/works-hp01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp02 a {
	width: 100%;
	height: 0;
	background-image: url(../images/mobile/works-hp02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp03 a {
	width: 100%;
	height: 0;
	background-image: url(../images/mobile/works-hp03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp04 a {
	width: 100%;
	height: 0;
	background-image: url(../images/mobile/works-hp04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp01 a:hover {
	background-image: url(../images/mobile/works-hp01.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp02 a:hover {
	background-image: url(../images/mobile/works-hp02.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp03 a:hover {
	background-image: url(../images/mobile/works-hp03.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}
#works-hp li.works-hp04 a:hover {
	background-image: url(../images/mobile/works-hp04.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 95%;
}