@charset "UTF-8";
/* CSS Document */

body {
  background: #fff;
  color: #333;
  font-family:arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
  line-height: 1;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { text-decoration: none;}


/* PC */

#wrapper{
	width:1000px;
	margin:0 auto;
}

header{
	position:fixed;
	top:0;
	width:1000px;
	z-index: 100;
}

nav{
	padding:20px 0;
	background-color:#FFFFFF;
}

nav ul li{
	display:inline;
	margin-right:60px;
}

nav ul li img{
	width:128px;
}

footer{
	position:fixed;
	bottom:0;
	border-top:solid 15px #000000;
	background-color:#FFFFFF;
	width:1000px;
	padding-bottom:30px;
	z-index: 101;
}

.footer-logo{
	padding:40px 0 0;
	text-align:center;
}

.footer-logo img{
	width:400px;
}


footer ul{
	position:relative;
}

footer ul li{
	display:block;
	list-style-type:none;
}

.icon{
	position:absolute;
	left:0;
}

.icon img{
	width:28px;
}

.url{
	position:absolute;
	right:0;
	margin-top:5px;
}

.url img{
	width:193px;
}

a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}


/* ABOUT PC */

.recruit{
	margin:150px 0 0;
	text-align:right;
}

.recruit img{
	width:424px;
}

.company{
	margin:140px 0 200px;
}

.company .txt{
	margin-left:125px;
}

.name{
	margin-bottom:43px;
}

.name img{
	width:236px;
}

.tel,.fax{
	margin-bottom:20px;
}
.tel img,.fax img{
	width:379px;
}

.mail{
	margin-bottom:33px;
}

.mail img{
	width:558px;
}

.en-address{
	margin-bottom:38px;
}

.en-address img{
	width:680px;
}

.jp-address{
	margin-bottom:100px;
}

.jp-address img{
	width:540px;
}

.map{
	text-align:center;
	margin-bottom:40px;
}

.map img{
	width:900px;
}

.google-map{
	text-align:right;
	margin-right:40px;
}

.google-map img{
	width:128px;
}

/* RECRUIT PC */

.recruit-page{
	margin:200px auto 200px;
	text-align:center;
	position:relative;
	z-index:10;
}

.recruit-page .ttl{
	margin-bottom:30px;
}

.recruit-page .txt{
	margin-bottom:190px;
}

.recruit-page .ttl img , .recruit-page .txt img{
	width:600px;
}

.recruit-page .btn-top{
	text-align:center;
}

.recruit-page .btn-top img{
	width:148px;
}


/* WORKS PC */

.works-page{
	margin:200px auto 200px;
	text-align:left;
	position:relative;
	z-index:10;
}

.works-page .works-img{
	margin:0 auto 120px;
	width:790px;
}

.works-page .works-img .one img{
	width:790px;
}

.works-page .works-img .two-01,
.works-page .works-img .two-02{
	width:375px;
	display:inline;
}

.works-page .works-img .two-01 img,
.works-page .works-img .two-02 img{
	width:375px;
}

.works-page .works-img .two-01{
	margin-right:35px;
}

.works-page .works-img .three-01,
.works-page .works-img .three-02{
	width:245px;
	display:inline;
}

.works-page .works-img .three-01 img,
.works-page .works-img .three-02 img
{
	width:245px;
}

.works-page .works-img .three-01{
	margin-right:23px;
}

.works-page .works-img .w-345{
	text-align:center;
}

.works-page .works-img .w-345 img{
	width:345px;
}

.works-page .works-img img{
	margin-bottom:50px;
}

.works-page .works-img .four-l{
	float:left;
}

.works-page .works-img .four-l img{
	width:425px;
}

.works-page .works-img .four-r{
	float:right;
	margin-right:1px;
}

.works-page .works-img .four-r img{
	width:255px;
	margin-bottom:28px;
}

.works-page .set{
	margin-bottom:20px;
}

.works-page .btn-top{
	text-align:center;
}

.works-page .btn-top img{
	width:148px;
	margin-bottom:0;
}


.date {
	font-size:18px;
	font-weight:bold;
	position:absolute;
	bottom:0;
}


/* DOG PC */

.dog-page{
	margin:170px auto 200px;
	text-align:center;
	position:relative;
	z-index:10;
}

.dog-page .dog{
	margin-bottom:190px;
}

.dog-page .dog img {
	width:452px;
}

.dog-page .btn-close{
	text-align:center;
}

.dog-page .btn-close img{
	width:35px;
}

.clear{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.pager{
	text-align:center;	
	padding-bottom:30px;
}

.pager2{
	text-align:center;	
	padding-top:30px;
}

.pager .mr,
.pager2 .mr{
	display:inline-block;
	margin-right:20px;
}

.pager span,
.pager2 span{
	border-bottom:solid 3px #000;
}

@media screen and (max-width: 480px) {
	
body{
	width:100%;
}
	
	/* SP */
#wrapper{
	width:100%;
	margin:0;
}

header{
	position:fixed;
	top:0;
	width:100%;
}

nav{
	padding:20px 0;
	background-color:#FFFFFF;
	z-index: 100;
}

nav ul{
	text-align:center;
}

nav ul li{
	display:inline;
	margin:0;
}

nav ul li img{
	width:22%;
	padding:0 8%;
}

footer{
	position:fixed;
	bottom:0;
	border-top:solid 6px #000000;
	background-color:#FFFFFF;
	width:100%;
	padding:0 0 30px;
}

.footer-logo{
	padding:20px 0 0;
	text-align:center;
}

.footer-logo img{
	width:40%;
}

footer ul{
	width:94%;
	margin:0 auto;
	position:relative;
}

footer ul li{
	display:block;
	}

.icon{
	position:absolute;
	left:0;
	margin-right:80px;
	margin-top:1%;
}

.icon img{
	width:30%;
}

.url{
	position:absolute;
	right:0;
	text-align:right;
}

.url img{
	width:25%;
}


/* ABOUT SP */


.recruit{
	margin:100px 0 0 0;
	text-align:center;
}

.recruit img{
	width:76%;
}

.company{
	margin:60px 20px 100px;
}

.company .txt{
	margin-left:0;
}

.name{
	margin-bottom:20px;
}

.name img{
	width:35%;
}

.tel,.fax{
	margin-bottom:5px;
}
.tel img,.fax img{
	width:54%;
}

.mail{
	margin-bottom:20px;
}

.mail img{
	width:79%;
}

.en-address{
	margin-bottom:20px;
}

.en-address img{
	width:90%;
}

.jp-address{
	margin-bottom:30px;
}

.jp-address img{
	width:90%;
}

.map{
	text-align:center;
	margin-bottom:40px;
}

.map img{
	width:100%;
}

.google-map{
	text-align:right;
	margin-right:0;
}

.google-map img{
	width:25%;
}

/* RECRUIT SP */

.recruit-page{
	margin:100px 20px 120px;
	position:relative;
	z-index:10;
}

.recruit-page .ttl{
	margin-bottom:30px;
}

.recruit-page .txt{
	margin-bottom:60px;
}

.recruit-page .ttl img , .recruit-page .txt img{
	width:100%;
}

.recruit-page .btn-top{
	text-align:center;
}

.recruit-page .btn-top img{
	width:30%;
}

/* WORKS SP */

.works-page{
	margin:100px 20px 120px;
	text-align:left;
	position:relative;
	z-index:10;
}

.works-page .works-img{
	margin:0 auto 60px;
	width:100%;
}

.works-page .works-img .one img,
.works-page .works-img .four-l img,
.works-page .works-img .four-r img{
	width:100%;
}

.works-page .works-img .two-01,
.works-page .works-img .two-02{
	width:48%;
	display:inline;
}

.works-page .works-img .two-01 img,
.works-page .works-img .two-02 img{
	width:48%
}

.works-page .works-img .two-01{
	margin-right:2.6%;
}

.works-page .works-img .three-01,
.works-page .works-img .three-02{
	width:31%;
	display:inline;
}

.works-page .works-img .three-01 img,
.works-page .works-img .three-02 img
{
	width:31%;
}

.works-page .works-img .three-01{
	margin-right:1.6%;
}

.works-page .works-img .w-345{
	text-align:center;
}

.works-page .works-img .w-345 img{
	width:100%;
}

.works-page .works-img img,
.works-page .works-img .four-r img{
	margin-bottom:15px;
}

.works-page .btn-top{
	text-align:center;
}

.works-page .btn-top img{
	width:30%;
	margin-bottom:0;
}


.date {
	font-size:14px;
	font-weight:bold;
	position:absolute;
	bottom:0;
}


/* DOG SP */

.dog-page{
	margin:100px 20px 120px;
	text-align:center;
	position:relative;
	z-index:10;
}

.dog-page .dog{
	margin-bottom:60px;
}

.dog-page .dog img {
	width:100%;
}

.dog-page .btn-close{
	text-align:center;
}

.dog-page .btn-close img{
	width:10%;
}




}