@charset "UTF-8";

/***** Global *****/
body {
  background-color:#ffffff;
  /*color: #8a8683;*/
  color: #000000;
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  font-size: 13px;
}
img {
  max-width: 100%;
}
a:link {
  color: #f68f67;
  text-decoration: none;
}
a:hover {
  color: #bde2df;
  text-decoration: none;
  opacity: .6;
}
a:visited {
  color: #f68f67;
  text-decoration: none;
}
p,
dt,
dd {
  line-height: 1.8em;
}
p span.margin {
  display: block;
  height: 15px;
}
dl dt,
dl dd {
  text-align: left;
}
.dl-horizontal dd {
    margin-bottom: 15px;
}
.layout-left {
  text-align: left;
}

/***** Navigation *****/
.menu {
  background-color: transparent;
  height: auto;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
}
#nav {
  margin: 0;
  /*margin: 30px 0 0 0;*/
  text-align: right;
}
.menu .navigation {
  width: 325px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.menu .navigation li {
  float: left;
  /*padding:0 0 0 50px;*/
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.menu .navigation li:hover {
  color: #a9d3d0;
  cursor:pointer;
}
.menu .navigation .active {
  color: #f68f67;
  font-weight:bold;
  cursor:pointer;
}
.page-indicators {
  position: fixed;
  right: 30px;
  top: 50%;
  z-index: 300;
}
.indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.indicators li {
  /*display: inline-block;*/
  width: 10px;
  height: 10px;
  margin: 1px;
  margin-bottom: 10px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  /*border: 1px solid #ffffff;*/
  background-color: #ffffff;
  border-radius: 10px;
}
.indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  margin-bottom: 10px;
  /*background-color: #ffffff;*/
}
.indicators li.indicator-1 {
  background-color:  #eeaea7;
}
.indicators li.indicator-1.active {
  width: 14px;
  height: 14px;
}
.indicators li.indicator-2 {
  background-color:  #faefc5;
}
.indicators li.indicator-2.active {
  width: 14px;
  height: 14px;
}
.indicators li.indicator-3 {
  background-color:  #cede5d;
}
.indicators li.indicator-3.active {
  width: 14px;
  height: 14px;
}
.indicators li.indicator-4 {
  background-color:  #e9eeac;
}
.indicators li.indicator-4.active {
  width: 14px;
  height: 14px;
}
.indicators li.indicator-5 {
  background-color:  #fbe151;
}
.indicators li.indicator-5.active {
  width: 14px;
  height: 14px;
}
.menu .nav-1,
.menu .nav-2,
.menu .nav-3,
.menu .nav-4,
.menu .nav-5 {
  background: url("../img/nav.png");
  margin: 0;
  padding: 0;
}
.menu .nav-1:hover,
.menu .nav-1.active { background-position: 0 -1400px; width: 65px; height: 125px; }
.menu .nav-1{ background-position: 0 -1575px; width: 65px; height: 125px; }
.menu .nav-2:hover,
.menu .nav-2.active { background-position: 0 -350px; width: 65px; height: 125px; }
.menu .nav-2 { background-position: 0 -525px; width: 65px; height: 125px; }
.menu .nav-3:hover,
.menu .nav-3.active { background-position: 0 -1050px; width: 65px; height: 125px; }
.menu .nav-3 { background-position: 0 -1225px; width: 65px; height: 125px; }
.menu .nav-4:hover,
.menu .nav-4.active { background-position: 0 -700px; width: 65px; height: 125px; }
.menu .nav-4 { background-position: 0 -875px; width: 65px; height: 125px; }
.menu .nav-5:hover,
.menu .nav-5.active { background-position: 0 0; width: 65px; height: 125px; }
.menu .nav-5{ background-position: 0 -175px; width: 65px; height: 125px; }

/***** Title *****/
.title-contact,
.title-profile,
.title-recruit,
.title-service {
  background: url("../img/title.png");
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.title-contact{ background-position: 0 0; width: 178px; height: 30px; }
.title-profile{ background-position: 0 -80px; width: 119px; height: 30px; }
.title-recruit{ background-position: 0 -160px; width: 119px; height: 30px; }
.title-service{ background-position: 0 -240px; width: 117px; height: 30px; }

/***** General Slides *****/
.slide-section {
  background-attachment: fixed;
  width: 100%;
  min-height: 900px;
  position: relative;
  padding: 140px 0 0 0;
  margin-bottom: 10px;
}

/***** Slide 1 *****/
#slide1 {
  background-color: #ffffff;
}
#slide1 h1 {
  color: #8a8683;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: 0px;
  text-align: center;
}
/*#slide1 h2 {
  color: #8a8683;
  font-size: 2em;
  font-weight: 400;
  padding-bottom: 20px;
  text-align: center;
}*/
#slide1 p {
  text-align: center;
}
.corporate-name {
  text-align: center;
  margin-top: 0;
}
.corporate-name img {
  margin: 0 auto;
  height: 108px;
  width: 108px;
}
/*.corporate-name {
  background-image: url('../img/logo.png');
  height: 156px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 156px;
}*/
#load {
  width: 100%;
  text-align: center;
}
#load img {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.month-keywords {
  width: 100%;
}
.month-keywords h2.small,
.month-keywords h2.page-not-found {
  color: #000000;
  font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 0px;
  padding-bottom: 3px;
  text-align: center;
}
.month-keywords .keywords {
  color: #000000;
  font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  text-align: center;
}
#movie-prev-area {
  position: absolute;
  bottom: 0;
  height: 60%;
  width: 100%;
  background: #000000;
  background-color: #000000;
  overflow: hidden;
}
#movie {
  width: 98%;
  margin: 0 1% 0 1%;
}
#movie .video.list-inline {
  text-align: center;
}
/*#movie .list-inline > li:first-child {
  padding-left: 5px;
}*/
#movie .item {
  margin: 0;
  padding: 0;
}
#movie .item a {
  display: inline-block;
}
#movie .item a:hover {
  opacity: .6;
}
#movie .item img {
  overflow:hidden;
  width: 180px;
  height: auto;
}


/* Slide 2 */
#slide2 {
  background-color: #ffffff;
  background-image: url('../img/bg-profile.png');
  background-position: bottom;
  background-repeat: repeat-x;
}
#slide2 h2 {
  color: #8a8683;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -3px;
  margin-bottom: 60px;
}
#slide2 h3 {
  color: #8a8683;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
  padding-bottom: 20px;
}
.profile .dl-horizontal dt,
.profile .dl-horizontal dd {
  font-size: 13px;
}

/***** Slide 3 *****/
#slide3 {
  background-color: #ffffff;
  background-image: url('../img/bg-service.png');
  background-position: bottom;
  background-repeat: repeat-x;
}
#slide3 h2 {
  font-size: 2em;
  letter-spacing: -3px;
  color: #8a8683;
  font-weight: 700;
  margin-bottom: 60px;
}
#slide3 h3 {
  font-size: 2em;
  color: #f68f67;
  line-height: 1.2em;
  padding-bottom:20px;
  font-weight: 400;
}
#test {
  background-color: #bde2df;
  color: #ffffff;
  text-align: center;
  font-size: 2em;
  font-weight: 400;
}
.service .carousel-caption p {
  text-align: left;
}
.service .description {
  padding-left: 30px;
}
.carousel-indicators .active {
  background-color: #f68f67;
}
.carousel-control {
  width: 10%;
}

/***** Slide 4 *****/
#slide4{
  background-image: url('../img/bg-recruit.png');
  background-repeat: repeat-x;
  background-color: #ffffff;
}
#slide4 h2 {
  font-size: 2em;
  letter-spacing: -3px;
  color: #8a8683;
  font-weight: 700;
  margin-bottom: 60px;
}
#slide4 h3 {
  font-size: 1.5em;
  color: #8a8683;
  line-height: 1.2em;
  padding: 20px 0;
}

/***** Slide 5 *****/
#slide5 {
  /*color: #8a8683;*/
  background-image: url('../img/bg-contact.png');
  background-color: #ffffff;
  padding: 140px 0 0 0;
}
#slide5 h2 {
  font-size: 2em;
  letter-spacing: -3px;
  font-weight: 700;
  margin-bottom: 60px;
}
#slide5 h3 {
  font-size: 2em;
  color: #ffffff;
  line-height: 1.2em;
  padding-bottom: 20px;
  font-weight: 400;
}
#slide5 .control-label {
  text-align: left;
}
/* '../img/bg-inputtext.png' */
#slide5 input[type="text"],
#slide5 input[type="email"],
#slide5 textarea {
  border: solid 1px #000000;
  border-width: 10px 10px 10px 10px;
  -moz-border-image: url('../img/bg-inputtext.png') 15 stretch;
  -webkit-border-image: url('../img/bg-inputtext.png') 15 stretch;
  -o-border-image: url('../img/bg-inputtext.png') 15 stretch;
  border-image: url('../img/bg-inputtext.png') 15 15 15 15 fill stretch;

  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control {
  border-radius: 0;
  height: 40px;
  padding: 0 10px;
}

form .result,
form .error {
  font-size: 12px;
  margin-left: 0;
  font-weight: bold;
  color: #ee8377;
}

/***** carousel *****/
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
.carousel-caption {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  color: #000000;
  text-shadow: none;
  z-index: 10;
  padding-top: 0;
}
.carousel-caption h1 {
  font-size: 24px;
  line-height: 2em;
  text-shadow: none;
  text-align: left;
}
.carousel .item {
  background-color: #ffffff;
  min-height: 500px;
  overflow: visible;
}
.carousel-inner > .item > img {
  max-height: 500px;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 0;
}
.right.carousel-control,
.left.carousel-control {
  background-image: none;
  background: transparent;
  background-repeat: none;
  filter: none;
}
.carousel-indicators li {
  border: 1px solid #f68f67;
}
.indicators li {
  /*border: 1px solid #ffffff;*/
}
.indicators .active {
  background-color: #f68f67;
}

/***** Other *****/
footer {
  position: static;
  margin-top: 100px;
  width: 100%;
  background-color: #ffffff;
}
.copyright {
  color: #fbe151;
  margin: 10px;
  font-size: 13px;
  text-align: center;
}
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}
.backtotop a:hover {
  opacity: .6;
}
.social {
  margin: 3px;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  #logo {
    width: 100%;
    text-align: center;
  }
  #nav {
    width: 100%;
    text-align: center;
    /*margin: 10px 0;*/
  }
  .menu .navigation{
    /*width: 100%;*/
    float: center;
    list-style: none;
    /*margin: 0;*/
    padding: 0;
  }
  .menu .navigation li{
    float: left;
    /*width:25%;*/
    padding: 0;
  }
  .slide {
    background-attachment: fixed;
    width: 100%;
    position: relative;
  }
  #decorative {
    display: none;
  }
  #content {
    text-align: center;
    width: 100%;
  }
  #slide1 h1,
  #slide2 h1,
  #slide3 h1,
  #slide4 h1,
  #slide5 h1 {
    line-height: 1em;
  }
  #slide1 h2,
  #slide2 h2,
  #slide3 h2,
  #slide4 h2,
  #slide5 h2 {
    line-height: 1em;
  }

}

@media (max-width: 980px) {
  .carousel-control {
    position: absolute;
    top: 50%;
  }
}
@media (max-width: 768px) {
  .carousel-control {
    display: none;
  }
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 100px;
    overflow: hidden;
    clear: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 120px;
  }
  #slide4 .dl-horizontal dd {
    margin-bottom: 10px;
  }
  .carousel-indicators {
    bottom: 5%;
  }
}

@media screen and (max-height: 800px) {
  #slide1 #content {
    z-index: 99;
    position: absolute;
    top: 20%;
    background: #ffffff;
    width: 100%;
  }
}

@media screen and (min-width: 481px) {
  .navbar.navbar-default {
    display: none;
  }
}

/* Mobile */
@media screen and (max-width: 480px) {
  .navbar-default {
    border: none;
    background: transparent;
  }
  .navbar-default .navbar-toggle {
    border-color: #eeaea7
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #faddda;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #eeaea7;
  }
  .navbar-collapse .nav.navbar-nav.navigation  li {
    font-size: 18px;
    padding: 5px;
    cursor: pointer;
  }
  .navbar-collapse .nav.navbar-nav.navigation  li:hover,
  .navbar-collapse .nav.navbar-nav.navigation  li:active {
    background: #eeaea7;
  }
  .menu {
    display: none;
  }
  #slide1 #content {
    position: absolute;
    top: 0;
  }
  #nav {
    width: 100%;
    margin: 5px 0;
  }
  .menu .navigation {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
  }
  .menu .navigation li{
    float: left;
    width: 25%;
  }
  .page-indicators {
    display: none;
  }
  .slide{
    background-attachment: fixed;
    width: 100%;
    position: relative;
    padding: 10px
  }
  .service .description {
    padding-left: 0;
  }
  .carousel-indicators {
    bottom: -45px;
  }
  #slide1 h1,
  #slide2 h1,
  #slide3 h1,
  #slide4 h1,
  #slide5 h1 {
    line-height: 1em;
  }
  #slide1 h2,
  #slide2 h2,
  #slide3 h2,
  #slide4 h2,
  #slide5 h2 {
    line-height: 1em;
  }
  #slide5 input[type="text"],
  #slide5 input[type="email"],
  #slide5 textarea {
    border-style: none;
    border-top-color: transparent;
  }
  #slide5 .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
  }
}