@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600);
/* line 5, ../Sass/top.scss */
.indent, #company_profile h2, #works_link .content_w h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

/* line 12, ../Sass/top.scss */
.fade, #works_link .content_w div {
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
}

/* line 25, ../Sass/top.scss */
#slide {
  position: relative;
  z-index: 0;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -50%;
  width: 100%;
  height: 635px;
}

/* line 35, ../Sass/top.scss */
#slideIn {
  position: relative;
  width: 100%;
}

/* line 40, ../Sass/top.scss */
#slideContent #slide0 {
  background: url(../images/visual_01.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 47, ../Sass/top.scss */
#slideContent #slide1 {
  background: url(../images/visual_02.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 54, ../Sass/top.scss */
#slideContent #slide2 {
  background: url(../images/visual_03.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 61, ../Sass/top.scss */
#slideContent #slide3 {
  background: url(../images/visual_04.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 68, ../Sass/top.scss */
#slideContent #slide4 {
  background: url(../images/visual_05.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 75, ../Sass/top.scss */
#slideContent #slide5 {
  background: url(../images/visual_06.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 82, ../Sass/top.scss */
#slideContent #slide6 {
  background: url(../images/visual_07.jpg) no-repeat center 0;
  background-size: 1940px 704px;
  -webkit-background-size: 1920px 704px;
  -moz-background-size: 1920px 704px;
  -o-background-size: 1920px 704px;
  -ms-background-size: 1920px 704px;
}

/* line 91, ../Sass/top.scss */
#slideContent li {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -50%;
  z-index: 8;
  width: 100%;
  height: 635px;
}

/* line 101, ../Sass/top.scss */
#slideContent li span {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1000px;
  height: 635px;
  margin: 0 0 0 -500px;
  z-index: 100;
}

/* line 113, ../Sass/top.scss */
#slideContent .text01 {
  position: absolute;
  z-index: 14;
}

/* line 114, ../Sass/top.scss */
#slideContent #slide0 .text01 {
  top: 140px;
  left: 30%;
  margin: 0 0 0 -62px;
}

/* line 115, ../Sass/top.scss */
#slideContent #slide1 .text01 {
  top: 140px;
  left: 250px;
}

/* line 116, ../Sass/top.scss */
#slideContent #slide2 .text01 {
  top: 180px;
  right: 140px;
}

/* line 117, ../Sass/top.scss */
#slideContent #slide3 .text01 {
  top: 50px;
  left: 140px;
}

/* line 118, ../Sass/top.scss */
#slideContent #slide4 .text01 {
  top: 140px;
  left: 627px;
  margin: 0 0 0 0px;
}

/* line 119, ../Sass/top.scss */
#slideContent #slide5 .text01 {
  top: 50px;
  left: 250px;
}

/* line 120, ../Sass/top.scss */
#slideContent #slide6 .text01 {
  top: 140px;
  left: 250px;
}

/* line 122, ../Sass/top.scss */
#slideContent li .wireBg {
  /*background:url(../img/share/bg_09.png?v=3);*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -50%;
}

/* line 132, ../Sass/top.scss */
#slideNavi {
  position: absolute;
  width: 1000px;
  left: 50%;
  top: 305px;
  margin: 0 0 0 -500px;
  z-index: 100;
}

/* line 140, ../Sass/top.scss */
#slideNavi ul {
  position: relative;
  margin: 0 auto;
}

/* line 144, ../Sass/top.scss */
#slideNavi li {
  position: absolute;
  width: 55px;
  height: 58px;
  display: block;
  background: url(../img/index/btn_arrow_01_off.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

/* line 153, ../Sass/top.scss */
#slideNavi #slidePrevBtn {
  left: 0px;
  background-position: 0px 0;
}

/* line 157, ../Sass/top.scss */
#slideNavi #slideNextBtn {
  right: 0px;
  background-position: -55px 0;
}

/* line 162, ../Sass/top.scss */
#info {
  width: 100%;
  height: 12px;
  background: url(../images/bg_info.png);
  margin-top: -48px;
  position: relative;
  z-index: 10;
  padding: 18px 0;
  color: #fff;
}
/* line 171, ../Sass/top.scss */
#info h2 {
  font-size: 13px;
}

/* line 176, ../Sass/top.scss */
#company_profile {
  background: url(../images/bg_black.jpg) repeat-x 0 0;
  background-size: 1920px 405px;
  -webkit-background-size: 1920px 405px;
  -moz-background-size: 1920px 405px;
  -o-background-size: 1920px 405px;
  -ms-background-size: 1920px 405px;
  height: 358px;
  color: #fff;
  padding-top: 47px;
}
/* line 186, ../Sass/top.scss */
#company_profile h2 {
  width: 715px;
  height: 24px;
  background: url(../images/index_copy01.png) no-repeat 0 0;
  background-size: 715px 24px;
  -webkit-background-size: 715px 24px;
  -moz-background-size: 715px 24px;
  -o-background-size: 715px 24px;
  -ms-background-size: 715px 24px;
  margin: 0 auto 26px;
}
/* line 198, ../Sass/top.scss */
#company_profile p {
  text-align: center;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 2;
}
/* line 204, ../Sass/top.scss */
#company_profile ul {
  font-size: 13px;
  color: #c5c5c5;
}
/* line 207, ../Sass/top.scss */
#company_profile ul li {
  float: left;
}
/* line 209, ../Sass/top.scss */
#company_profile ul li a {
  display: block;
  text-align: center;
  color: #6d6d6d;
  text-decoration: none;
  padding: 0px 0 0px 0;
  margin-top: 20px;
}
/* line 216, ../Sass/top.scss */
#company_profile ul li a div.icon {
  background: url(../images/ico_pro.png) no-repeat 0 0;
  width: 71px;
  height: 72px;
  margin: 0 auto 15px;
  background-size: 142px 72px;
  -webkit-background-size: 142px 72px;
  -moz-background-size: 142px 72px;
  -o-background-size: 142px 72px;
  -ms-background-size: 142px 72px;
}
/* line 229, ../Sass/top.scss */
#company_profile ul li.company_pro {
  margin-left: 201px;
}
/* line 232, ../Sass/top.scss */
#company_profile ul li.company_pro a div.icon {
  background-position: 0 0;
}
/* line 237, ../Sass/top.scss */
#company_profile ul li.works_pro {
  margin-left: 260px;
}
/* line 240, ../Sass/top.scss */
#company_profile ul li.works_pro a div.icon {
  background-position: -71px 0;
}

/* line 248, ../Sass/top.scss */
#works_link {
  background: url(../images/bg_white.jpg);
  background-size: 960px 1294px;
  -webkit-background-size: 960px 1294px;
  -moz-background-size: 960px 1294px;
  -o-background-size: 960px 1294px;
  -ms-background-size: 960px 1294px;
  min-height: 567px;
}
/* line 256, ../Sass/top.scss */
#works_link .content_w {
  padding-top: 40px;
}
/* line 258, ../Sass/top.scss */
#works_link .content_w h2 {
  width: 434px;
  height: 44px;
  margin: 0 auto 40px;
  background: url(../images/ttl_ourworks.png) no-repeat 0 0;
  background-size: 434px 44px;
  -webkit-background-size: 434px 44px;
  -moz-background-size: 434px 44px;
  -o-background-size: 434px 44px;
  -ms-background-size: 434px 44px;
}
/* line 270, ../Sass/top.scss */
#works_link .content_w div {
  width: 286px;
  height: 173px;
  margin-bottom: 28px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 5px #d4d4d4;
  -webkit-box-shadow: 0px 5px #d4d4d4;
  box-shadow: 0px 5px #d4d4d4;
}
/* line 284, ../Sass/top.scss */
#works_link .content_w div a {
  font-family: YuMincho, Georgia, "Times New Roman", Times, serif;
  font-size: 17px;
  letter-spacing: 1px;
  width: 286px;
  height: 121px;
  display: block;
  text-align: center;
  color: #2c2c2c;
  text-decoration: none;
  padding: 40px 0 12px 0;
  text-shadow: 1px 1px 1px white;
}
/* line 296, ../Sass/top.scss */
#works_link .content_w div a span.en {
  font-size: 16px;
  font-family: 'Crimson Text', serif;
  letter-spacing: 1px;
}
/* line 300, ../Sass/top.scss */
#works_link .content_w div a span.en span.italy {
  font-style: italic;
}
/* line 304, ../Sass/top.scss */
#works_link .content_w div a p.icon {
  background: url(../images/ico_place.png) no-repeat 0 0;
  background-size: 221px 70px;
  -webkit-background-size: 221px 70px;
  -moz-background-size: 221px 70px;
  -o-background-size: 221px 70px;
  -ms-background-size: 221px 70px;
  margin: 12px auto 0;
}
/* line 315, ../Sass/top.scss */
#works_link .content_w div:hover {
  border: 1px solid #575757;
  background-color: #303030;
  box-shadow: 0px 5px #575757;
}
/* line 319, ../Sass/top.scss */
#works_link .content_w div:hover a {
  color: #fff;
  text-shadow: 1px 1px 1px #303030;
}
/* line 325, ../Sass/top.scss */
#works_link .content_w div.box01, #works_link .content_w div.box04 {
  margin: 0 28px;
}
/* line 330, ../Sass/top.scss */
#works_link .content_w div.box01 a p.icon {
  background-position: 0 0;
  width: 37px;
  height: 70px;
}
/* line 339, ../Sass/top.scss */
#works_link .content_w div.box02 a p.icon {
  background-position: -37px 0;
  width: 39px;
  height: 70px;
}
/* line 348, ../Sass/top.scss */
#works_link .content_w div.box03 a p.icon {
  background-position: -76px 0;
  width: 35px;
  height: 70px;
}
/* line 357, ../Sass/top.scss */
#works_link .content_w div.box04 a p.icon {
  background-position: -111px 0;
  width: 43px;
  height: 70px;
}
/* line 366, ../Sass/top.scss */
#works_link .content_w div.box05 a p.icon {
  background-position: -155px 0;
  width: 29px;
  height: 70px;
}
/* line 375, ../Sass/top.scss */
#works_link .content_w div.box06 a p.icon {
  background-position: -184px 0;
  width: 37px;
  height: 70px;
}