@charset "UTF-8";

/* ##########################################################################
Home
########################################################################## */

/* Home
---------------------------------------------- */

/* Home Hero */

.home-hero{
  width: 100%;
  height: 760px;
  position: relative;
  background-color: #000;
  overflow: hidden;
}

.home-hero-top{
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	z-index: 400;
}

.home-hero-top .home-hero-logo{
  margin-bottom: 68px;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease 0.6s;
  -moz-transition: opacity 0.6s ease 0.6s;
  -o-transition: opacity 0.6s ease 0.6s;
  transition: opacity 0.6s ease 0.6s;
}

.home-hero-top.loaded .home-hero-logo{
  opacity: 1;
}

.home-hero-top .home-hero-heading{
  font-family: 'Oswald', sans-serif;
  font-size: 54px;
  font-weight: 200;
  line-height: 1.0;
  color: #fff;
  position: relative;
}

.home-hero-top .home-hero-heading-catch{
  opacity: 0;
  -webkit-transition: opacity 0.6s ease 1.8s;
  -moz-transition: opacity 0.6s ease 1.8s;
  -o-transition: opacity 0.6s ease 1.8s;
  transition: opacity 0.6s ease 1.8s;
}

.home-hero-top.loaded .home-hero-heading-catch{
  opacity: 1;
}

.home-hero-top .home-hero-heading:before{
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background-color: #ff8c36;
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.6s ease 1.2s;
  -moz-transition: width 0.6s ease 1.2s;
  -o-transition: width 0.6s ease 1.2s;
  transition: width 0.6s ease 1.2s;
}

.home-hero-top.loaded .home-hero-heading:before{
  width: 318px;
}

.home-hero-godown{
  text-align: center;
	width: 100%;
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 400;
}

.home-hero-godown a{
  display: inline-block;
  background-color: #232323;
  width: 60px;
  height: 60px;
  padding-top: 8px;
  font-size: 40px;
  line-height: 1.0;
  color: #fff;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.home-hero-godown a:hover{
  background-color: #ff8c36;
}

.home-hero-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.home-hero-screenshot{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
  background-image: url(../images/home_screenshot.jpg);
  background-color:transparent;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: none;
}

.home-hero-movie-wrapper{
	position: absolute;
	top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
	z-index: 150;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.home-hero-movie{
	margin-bottom: 0;
	text-align: center;
	position: relative;
  min-width: 1351px;
  padding-top: 56.25%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.home-hero-movie.ready{
  opacity: 1;
}

.home-hero-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (max-width: 767px) {

  .home-hero{
    margin-top: 56px;
    height: 320px;
  }

  .home-hero-top .home-hero-logo{
    margin-bottom: 28px;
  }

  .home-hero-top .home-hero-logo img{
    width: 92px;
  }

  .home-hero-top .home-hero-heading{
    font-size: 20px;
  }

  .home-hero-top .home-hero-heading:before{
    height: 2px;
    top: -16px;
  }

  .home-hero-top.loaded .home-hero-heading:before{
    width: 120px;
  }

  .home-hero-godown{
    display: none;
  }

  .home-hero-screenshot{
    display: block !important;
  }

  .home-hero-movie-wrapper{
  	position: static;
    -webkit-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
  }

  .home-hero-movie{
    min-width: inherit;
    display: none;
  }

}

/* Home Layout */

.home-section{
  padding-top: 96px;
  padding-bottom: 108px;
}

.home-section-w_canvas{
  background-color: rgba(0, 0, 0, 0);
}

.home-section-bg{
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home-section-black{
  background-color: #000;
}

.home-section-white{
  background-color: #fff;
}

.home-section-body{
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {

  .home-section{
    margin-top: 0;
    padding: 60px 20px 72px;
  }

  .home-section-body{
    width: 100%;
  }

}

/* Home Layout 2col */

.home-section-sep{

}

.home-section-sep-col{
  float: left;
  width: 50%;
  height: 640px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home-section-sep-col-inner{
  width: 640px;
  padding-top: 96px;
  padding-bottom: 108px;
}

.home-section-sep-col-inner-l{
  margin-left: auto;
}
.home-section-sep-col-inner-r{
  margin-right: auto;
}

@media only screen and (max-width: 767px) {

  .home-section-sep-col{
    float: none;
    width: 100%;
    height: auto;
  }

  .home-section-sep-col-inner{
    width: 100%;
    padding: 60px 20px 72px;
  }

}

/* Home Heading */

.home-section-heading{
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 72px;
  font-weight: 200;
  line-height: 1.0;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 72px;
  opacity: 0;
  transition: opacity 0.6s ease 0.3s;
}

.home-section-heading:after{
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background-color: #ff8c36;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: width 0.6s ease 0.9s;
}

.home-section-heading-animeted {
    opacity: 1
}

.home-section-heading-animeted:after {
    width: 115px;
}

.home-section-heading-white{
  color: #fff;
}

.home-section-heading-black{
  color: #000;
}

@media only screen and (max-width: 767px) {

  .home-section-heading{
    font-size: 40px;
    margin-bottom: 64px;
    opacity: 1;
  }

  .home-section-heading:after{
    width: 65px;
    height: 2px;
  }

}

/* Home Link Box */

.home-linkbox{
  position: relative;
  display: inline-block;
  background-color: transparent;
  border: 2px solid #ff8c36;
  padding: 20px 36px;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.0;
  color: #ff8c36;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.home-linkbox:hover{
  background-color: #ff8c36;
  color: #fff;
}

.home-linkbox i{
  position: absolute;
  font-size: 20px;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {

  .home-linkbox{
    padding: 12px 32px;
    font-size: 16px;
  }

}

/* Home News */

.home-news-wrap{
	margin-bottom: 68px;
}

.home-news-block{
	border-bottom: 1px dotted #696969;
	padding: 20px 16px;
	width: 1068px;
  margin-left: auto;
  margin-right: auto;
}

.home-news-date{
	color: #fff;
  font-size: 14px;
	float: left;
	width: 180px;
}

.home-news-title{
	color: #fff;
  font-size: 14px;
	overflow: hidden;
}

.home-news-link{
  text-align: center;
}

@media only screen and (max-width: 767px) {

	.home-news-wrap{
		margin-bottom: 40px;
	}

	.home-news-block{
		padding: 16px 12px;
		width: 100%;
	}

	.home-news-date{
		float: none;
		width: auto;
		margin-bottom: 0.2em;
	}

}

/* Home Works */

.home-works-block{
  position: relative;
  margin-bottom: 140px;
}

.home-works-img-first{}

.home-works-img-first-inner{
  display: inline-block;
  position: relative;
}

.home-works-thum {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease 0.3s;
    z-index: 1;
}

.home-works-thum-animeted {
    opacity: 1;
}

.home-works-link{
  position: absolute;
}

.home-works-link a{
  position: relative;
  display: block;
  width: 106px;
  height: 106px;
  background-color: #ff8c36;
  border: 1px solid #ff8c36;
  padding-top: 24px;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.home-works-link a:hover{
  color: #ff8c36;
  background-color: transparent;
}

.home-works-link i{
  position: absolute;
  font-size: 20px;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.home-works-info{
  position: absolute;
  padding: 12px 20px 12px 28px;
  border-left: 10px solid #ff8c36;
  width: 424px;
}

.home-works-info-name{
  font-family: 'Oswald', sans-serif;
  font-size: 48px;
  font-weight: 200;
  line-height: 1.0;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.home-works-info-complation{
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.0;
  color: #fff;
  margin-bottom: 32px;
}

.home-works-info-desc{
  font-size: 13px;
  color: #fff;
}

@media only screen and (max-width: 767px) {

  .home-works-block{
    margin-bottom: 128px;
  }

  .home-works-img-first{
    margin-bottom: 28px;
  }

  .home-works-img-first-inner{
    display: block;
    position: static;
  }

  .home-works-img-first-inner img{
    width: 100%;
  }

  .home-works-link{
    width: 100%;
    text-align: center;
  }

  .home-works-link a{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 12px 32px;
    font-size: 16px;
  }

  .home-works-info{
    position: static;
    padding: 8px 12px;
    border-left: 6px solid #ff8c36;
    width: auto;
  }

  .home-works-info-name{
    font-size: 24px;
    margin-bottom: 12px;
  }

  .home-works-info-complation{
    font-size: 14px;
    margin-bottom: 20px;
  }

  .home-works-info-desc{
    font-size: 12px;
  }

  .home-works-thum {
      opacity: 1 !important;
  }

}

/* Home Works 01 */

.home-works-block01{
  width: 1068px;
  height: 760px;
  margin-left: auto;
  margin-right: auto;
}

.home-works-block01:after{
  content: "";
  display: block;
  width: 106px;
  height: 106px;
  background-color: #232323;
  position: absolute;
  top: 0;
  left: 0;
}

.home-works-img01-1{
  position: absolute;
  top: 106px;
  left: 106px;
}

.home-works-img01-2{
  position: absolute;
  top: 317px;
  left: 532px;
}

.home-works-img01-3{
  position: absolute;
  top: 532px;
  left: 853px;
}

.home-works-link01{
  right: 0;
  bottom: -106px;
}

.home-works-info01{
  top: 576px;
  left: 0;
}

@media only screen and (max-width: 767px) {

  .home-works-block01{
    width: 100%;
    height: auto;
  }

  .home-works-block01:after{
    display: none;
  }

  .home-works-img01-1{
    position: static;
  }

  .home-works-img01-2{
    position: static;
    display: none;
  }

  .home-works-img01-3{
    position: static;
    display: none;
  }

  .home-works-link01{
    right: auto;
    left: 0;
    bottom: -72px;
  }

}

/* Home Works 02 */

.home-works-block02{
  width: 1068px;
  height: 746px;
  margin-left: auto;
  margin-right: auto;
}

.home-works-block02:after{
  content: "";
  display: block;
  width: 106px;
  height: 106px;
  background-color: #232323;
  position: absolute;
  top: 0;
  left: 0;
}

.home-works-img02-1{
  position: absolute;
  top: 106px;
  left: 106px;
}

.home-works-img02-2{
  position: absolute;
  top: 317px;
  left: 532px;
}

.home-works-img02-3{
  position: absolute;
  top: 532px;
  left: 853px;
}

.home-works-link02{
  right: 0;
  bottom: -106px;
}

.home-works-info02{
  top: 48px;
  left: 576px;
}

@media only screen and (max-width: 767px) {

  .home-works-block02{
    width: 100%;
    height: auto;
  }

  .home-works-block02:after{
    display: none;
  }

  .home-works-img02-1{
    position: static;
  }

  .home-works-img02-2{
    position: static;
    display: none;
  }

  .home-works-img02-3{
    position: static;
    display: none;
  }

  .home-works-link02{
    right: auto;
    left: 0;
    bottom: -72px;
  }

}

/* Home Works 03 */

.home-works-block03{
  width: 962px;
  height: 854px;
  margin-left: 212px;
  margin-right: 106px;
}

.home-works-block03:after{
  content: "";
  display: block;
  width: 106px;
  height: 106px;
  background-color: #232323;
  position: absolute;
  top: 0;
  right: 0;
}

.home-works-img03-1{
  position: absolute;
  top: 106px;
  right: 106px;
}

.home-works-img03-2{
  position: absolute;
  top: 317px;
  right: 532px;
}

.home-works-img03-3{
  position: absolute;
  top: 638px;
  right: 748px;
}

.home-works-link03{
  left: 0;
  bottom: -106px;
}

.home-works-info03{
  top: 48px;
  left: 0;
}

@media only screen and (max-width: 767px) {

  .home-works-block03{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .home-works-block03:after{
    display: none;
  }

  .home-works-img03-1{
    position: static;
  }

  .home-works-img03-2{
    position: static;
    display: none;
  }

  .home-works-img03-3{
    position: static;
    display: none;
  }

  .home-works-link03{
    right: auto;
    left: 0;
    bottom: -72px;
  }

}

/* Home Works 04 */

.home-works-block04{
  width: 1068px;
  height: 640px;
  margin-left: 212px;
  margin-right: auto;
}

.home-works-block04:after{
  content: "";
  display: block;
  width: 106px;
  height: 106px;
  background-color: #232323;
  position: absolute;
  top: 0;
  left: 0;
}

.home-works-img04-1{
  position: absolute;
  top: 106px;
  left: 106px;
}

.home-works-img04-2{
  position: absolute;
  top: 317px;
  left: 532px;
}

.home-works-link04{
  right: 0;
  bottom: -106px;
}

.home-works-info04{
  top: 48px;
  left: 576px;
}

@media only screen and (max-width: 767px) {

  .home-works-block04{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .home-works-block04:after{
    display: none;
  }

  .home-works-img04-1{
    position: static;
  }

  .home-works-img04-2{
    position: static;
    display: none;
  }

  .home-works-link04{
    right: auto;
    left: 0;
    bottom: -72px;
  }

}


/* Home Works 05 */

.home-works-block05{
  width: 962px;
  height: 854px;
  margin-left: 212px;
  margin-right: 106px;
}

.home-works-block05:after{
  content: "";
  display: block;
  width: 106px;
  height: 106px;
  background-color: #232323;
  position: absolute;
  top: 0;
  right: 0;
}

.home-works-img05-1{
  position: absolute;
  top: 106px;
  right: 106px;
}

.home-works-img05-2{
  position: absolute;
  top: 317px;
  right: 532px;
}

.home-works-img05-3{
  position: absolute;
  top: 638px;
  right: 748px;
}

.home-works-link05{
  left: 0;
  bottom: -106px;
}

.home-works-info05{
  top: 48px;
  left: 0;
}

@media only screen and (max-width: 767px) {

  .home-works-block05{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .home-works-block05:after{
    display: none;
  }

  .home-works-img05-1{
    position: static;
  }

  .home-works-img05-2{
    position: static;
    display: none;
  }

  .home-works-img05-3{
    position: static;
    display: none;
  }

  .home-works-link05{
    right: auto;
    left: 0;
    bottom: -72px;
  }

}

.home-works-img01-1,
.home-works-img01-3,
.home-works-img02-1,
.home-works-img02-3,
.home-works-img03-1,
.home-works-img03-3,
.home-works-img04-1,
.home-works-img05-1,
.home-works-img05-3 {
    background: #191B19;
}

.home-works-img01-2,
.home-works-img02-2,
.home-works-img03-2,
.home-works-img04-2,
.home-works-img05-2 {
    background: #232323;
}

/* Home Concept */

.home-concept-heading{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 26px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  margin-bottom: 1.0em;
}

.home-concept-para{
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
  color: #fff;
  margin-bottom: 3.2em;
}

.home-concept-para .stand{
  font-size: 16px;
  font-weight: bold;
  margin: 0 2px;
}

.home-concept-link{
  text-align: center;
}

@media only screen and (max-width: 767px) {

  .home-concept-heading{
    font-size: 20px;
  }

  .home-concept-para{
    font-size: 13px;
  }

  .home-concept-para .stand{
    font-size: 14px;
  }

}

/* Home Services */

.home-services-desc{
  margin-bottom: 52px;
}

.home-services-desc-jp{
  font-size: 28px;
  text-align: center;
  margin-bottom: 0;
}

.home-services-desc-en{
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
}

.home-services-graph-pc {
    width: 1060px;
    height: 106px;
    margin: 0 auto 80px;
    position: relative;
}

.home-services-graph-pc li {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.6s ease-in-out 0.6s;
}

.home-services-graph-pc li.home-services-graph-animated1 {
    transform: translate3d(212px, 0, 0);
}

.home-services-graph-pc li.home-services-graph-animated2 {
    transform: translate3d(424px, 0, 0);
}

.home-services-graph-pc li.home-services-graph-animated3 {
    transform: translate3d(636px, 0, 0);
}

.home-services-graph-pc li.home-services-graph-animated4 {
    transform: translate3d(848px, 0, 0);
}

/*.home-services-graph{
  text-align: center;
  margin-bottom: 80px;
}*/

.home-services-graph-sp{
  display: none;
}

.home-services-link{
  text-align: center;
}

@media only screen and (max-width: 767px) {

  .home-services-desc{
    margin-bottom: 40px;
  }

  .home-services-desc-jp{
    font-size: 14px;
  }

  .home-services-desc-en{
    font-size: 12px;
  }

  /*.home-services-graph{
    margin-bottom: 60px;
  }*/

  .home-services-graph-pc{
    display: none;
  }

  .home-services-graph-sp{
    display: block;
    margin-bottom: 50px;
    text-align: center;
  }

}

/* Home Contact */

.home-contact-wrap{

}

.home-contact-l,.home-contact-r{
  width: 50%;
  float: left;
  padding: 0 8px;
}

.home-contact-text{
  font-size: 16px;
  color: #fff;
  text-align: right;
}

.home-contact-link{
  text-align: left;
}

@media only screen and (max-width: 767px) {

  .home-contact-l,.home-contact-r{
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 32px;
  }

  .home-contact-text{
    font-size: 14px;
    text-align: center;
  }

  .home-contact-link{
    text-align: center;
  }

}

/* Home Recruit */

.home-recruit-body{

}

.home-recruit-text{
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}

.home-recruit-link{
  text-align: center;
}

@media only screen and (max-width: 767px) {

  .home-recruit-text{
    font-size: 14px;
    margin-bottom: 32px;
  }

}

/* Home Profile */

.home-profile-body{
  position: relative;
  display: inline-block;
  margin-left: 104px;
}

.home-profile-table{
  background-color: #000;
}

.home-profile-table th,.home-profile-table td{
  padding: 16px 20px;
}

.home-profile-table th{
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 200;
  color: #fff;
  border-right: 1px solid #666;
}

.home-profile-table td{
  font-size: 14px;
  color: #fff;
}

.home-profile-link{
  position: absolute;
  right: -108px;
  bottom: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.home-profile-link a{
  position: relative;
  display: block;
  border: 2px solid rgb(255, 140, 54);
  background-color: #ff8c36;
  width: 108px;
  height: 108px;
  padding-top: 24px;
  color: #fff;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.home-profile-link a:hover{
  color: #ff8c36;
  background-color: transparent;
}

.home-profile-link a i{
  position: absolute;
  font-size: 24px;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {

  .home-profile-body{
    margin-left: 0;
    display: block;
  }

  .home-profile-table{
    width: 100%;
    margin-bottom: 28px;
  }

  .home-profile-table th,.home-profile-table td{
    padding: 8px 20px;
  }

  .home-profile-table th{
    font-size: 14px;
  }

  .home-profile-table td{
    font-size: 12px;
  }

  .home-profile-link{
    position: static;
    font-size: 16px;
  }

  .home-profile-link a{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 12px 32px;
  }

  .home-profile-link a i{
    font-size: 20px;
  }

}