/* line 1, ../scss/common.scss */
html {
  color: #000;
  background: #FFF;
}

/* line 1, ../scss/common.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 1, ../scss/common.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 1, ../scss/common.scss */
fieldset, img {
  border: 0;
}

/* line 1, ../scss/common.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 1, ../scss/common.scss */
ol, ul {
  list-style: none;
}

/* line 1, ../scss/common.scss */
caption, th {
  text-align: left;
}

/* line 1, ../scss/common.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 1, ../scss/common.scss */
q:before, q:after {
  content: '';
}

/* line 1, ../scss/common.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 1, ../scss/common.scss */
sup {
  vertical-align: text-top;
}

/* line 1, ../scss/common.scss */
sub {
  vertical-align: text-bottom;
}

/* line 1, ../scss/common.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

/* line 1, ../scss/common.scss */
legend {
  color: #000;
}

/* line 1, ../scss/common.scss */
#yui3-css-stamp.cssreset {
  display: none;
}

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
@font-face {
  font-family: "NotoSans-Light";
  font-style: thin;
  font-weight: 100;
  src: url("fonts/NotoSans-Light.eot");
  src: local("Noto Sans CJK JP Light"), url("fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSans-Light.woff") format("woff"), url("fonts/NotoSans-Light.otf") format("opentype");
}

/* line 31, ../scss/_grid.scss */
.container {
  width: 100%;
}
/* line 33, ../scss/_grid.scss */
.container .max {
  width: 100%;
}
/* line 36, ../scss/_grid.scss */
.container .area {
  width: 100%;
  max-width: 1048px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
@media screen and (max-width: 1048px) {
  /* line 36, ../scss/_grid.scss */
  .container .area {
    width: 90%;
  }
}
@media screen and (min-width: 1048px) {
  /* line 45, ../scss/_grid.scss */
  .container .area .wrap {
    font-size: 0px;
    display: inline-block;
  }
}

/* line 53, ../scss/_grid.scss */
.p-col {
  padding-left: 8px;
}

/* line 2, ../scss/_guide.scss */
.guide {
  height: 100% !important;
  position: fixed;
  top: 0;
  left: 50%;
}
@media screen and (max-width: 1048px) {
  /* line 2, ../scss/_guide.scss */
  .guide {
    left: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 2, ../scss/_guide.scss */
  .guide {
    left: 0;
  }
}
/* line 13, ../scss/_guide.scss */
.guide.area {
  width: 100%;
  height: 100% !important;
  background-color: transparent;
}
@media screen and (min-width: 1048px) {
  /* line 13, ../scss/_guide.scss */
  .guide.area {
    max-width: 1048px;
    margin: 0 0 0 -524px;
  }
}
/* line 21, ../scss/_guide.scss */
.guide.area .col {
  background-color: transparent;
  box-sizing: border-box;
  border-left: solid 1px #f00;
  border-right: solid 1px #f00;
}
@media screen and (max-width: 1048px) {
  /* line 21, ../scss/_guide.scss */
  .guide.area .col {
    border-left: solid 1px #0f0;
    border-right: solid 1px #0f0;
  }
}
@media screen and (max-width: 640px) {
  /* line 21, ../scss/_guide.scss */
  .guide.area .col {
    border-left: solid 1px #00f;
    border-right: solid 1px #00f;
  }
}
@media screen and (max-width: 1048px) {
  /* line 35, ../scss/_guide.scss */
  .guide.area .col + .col {
    margin-left: 2.857%;
  }
}
/* line 40, ../scss/_guide.scss */
.guide.area .col-1 {
  height: 100% !important;
}
@media screen and (max-width: 1048px) {
  /* line 40, ../scss/_guide.scss */
  .guide.area .col-1 {
    width: 22.857%;
  }
}

/* line 64, ../scss/_grid.scss */
.center {
  text-align: center;
}

/* line 67, ../scss/_grid.scss */
.col {
  font-size: 12px;
}

/* line 70, ../scss/_grid.scss */
.col + .col {
  margin-left: 8px;
}
@media screen and (max-width: 1048px) {
  /* line 70, ../scss/_grid.scss */
  .col + .col {
    margin-left: 0;
  }
}

/* line 79, ../scss/_grid.scss */
.col-1 {
  width: 80px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 79, ../scss/_grid.scss */
  .col-1 {
    width: 100%;
  }
}

/* line 88, ../scss/_grid.scss */
.col-2 {
  width: 168px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 88, ../scss/_grid.scss */
  .col-2 {
    width: 100%;
  }
}

/* line 97, ../scss/_grid.scss */
.col-3 {
  width: 256px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 97, ../scss/_grid.scss */
  .col-3 {
    width: 100%;
  }
}

/* line 106, ../scss/_grid.scss */
.col-4 {
  width: 344px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 106, ../scss/_grid.scss */
  .col-4 {
    width: 100%;
  }
}

/* line 115, ../scss/_grid.scss */
.col-5 {
  width: 432px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 115, ../scss/_grid.scss */
  .col-5 {
    width: 100%;
  }
}

/* line 124, ../scss/_grid.scss */
.col-6 {
  width: 520px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 124, ../scss/_grid.scss */
  .col-6 {
    width: 100%;
  }
}

/* line 133, ../scss/_grid.scss */
.col-7 {
  width: 608px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 133, ../scss/_grid.scss */
  .col-7 {
    width: 100%;
  }
}

/* line 142, ../scss/_grid.scss */
.col-8 {
  width: 696px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 142, ../scss/_grid.scss */
  .col-8 {
    width: 100%;
  }
}

/* line 151, ../scss/_grid.scss */
.col-9 {
  width: 784px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 151, ../scss/_grid.scss */
  .col-9 {
    width: 100%;
  }
}

/* line 160, ../scss/_grid.scss */
.col-10 {
  width: 872px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 160, ../scss/_grid.scss */
  .col-10 {
    width: 100%;
  }
}

/* line 169, ../scss/_grid.scss */
.col-11 {
  width: 960px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 169, ../scss/_grid.scss */
  .col-11 {
    width: 100%;
  }
}

/* line 178, ../scss/_grid.scss */
.col-12 {
  width: 1048px;
  display: inline-block;
  font-size: 12px;
}
@media screen and (max-width: 1048px) {
  /* line 178, ../scss/_grid.scss */
  .col-12 {
    width: 100%;
  }
}

/* line 187, ../scss/_grid.scss */
.col-max {
  width: 100%;
  font-size: 12px;
}

@media screen and (max-width: 1048px) {
  /* line 193, ../scss/_grid.scss */
  .col-tb-1 {
    width: 22.857%;
    display: inline-block;
    font-size: 12px;
  }

  /* line 199, ../scss/_grid.scss */
  .col-tb-2 {
    width: 48.571%;
    display: inline-block;
    font-size: 12px;
  }

  /* line 205, ../scss/_grid.scss */
  .col-tb-3 {
    width: 74.285%;
    display: inline-block;
    font-size: 12px;
  }

  /* line 211, ../scss/_grid.scss */
  .col-tb-4 {
    width: 99.999%;
    display: inline-block;
    font-size: 12px;
  }
}
@media screen and (min-width: 1048px) {
  /* line 221, ../scss/_grid.scss */
  .m-col-1 {
    margin-left: 88px;
  }

  /* line 225, ../scss/_grid.scss */
  .m-col-2 {
    margin-left: 176px;
  }

  /* line 229, ../scss/_grid.scss */
  .m-col-3 {
    margin-left: 264px;
  }

  /* line 233, ../scss/_grid.scss */
  .m-col-4 {
    margin-left: 352px;
  }

  /* line 237, ../scss/_grid.scss */
  .m-col-5 {
    margin-left: 440px;
  }

  /* line 241, ../scss/_grid.scss */
  .m-col-6 {
    margin-left: 528px;
  }

  /* line 245, ../scss/_grid.scss */
  .m-col-7 {
    margin-left: 616px;
  }

  /* line 249, ../scss/_grid.scss */
  .m-col-8 {
    margin-left: 704px;
  }

  /* line 253, ../scss/_grid.scss */
  .m-col-9 {
    margin-left: 792px;
  }

  /* line 257, ../scss/_grid.scss */
  .m-col-10 {
    margin-left: 880px;
  }

  /* line 261, ../scss/_grid.scss */
  .m-col-11 {
    margin-left: 968px;
  }

  /* line 265, ../scss/_grid.scss */
  .m-col-12 {
    margin-left: 1056px;
  }

  /* line 269, ../scss/_grid.scss */
  .p-col {
    padding-left: 8px;
  }
}
@media screen and (max-width: 1048px) {
  /* line 275, ../scss/_grid.scss */
  .m-tb-col-1 {
    margin-left: 25.714%;
  }

  /* line 279, ../scss/_grid.scss */
  .m-tb-col-2 {
    margin-left: 51.428%;
  }

  /* line 283, ../scss/_grid.scss */
  .m-tb-col-3 {
    margin-left: 77.142%;
  }
}
/* line 289, ../scss/_grid.scss */
.wrap-col-2 {
  display: block;
  font-size: 0;
}
/* line 292, ../scss/_grid.scss */
.wrap-col-2 .col:nth-child(2n+1) {
  margin-left: 0;
}

/* line 296, ../scss/_grid.scss */
.wrap-col-3 {
  display: block;
  font-size: 0;
}
/* line 299, ../scss/_grid.scss */
.wrap-col-3 .col:nth-child(3n+1) {
  margin-left: 0;
}

/* line 303, ../scss/_grid.scss */
.wrap-col-4 {
  display: block;
  font-size: 0;
}
/* line 306, ../scss/_grid.scss */
.wrap-col-4 .col:nth-child(4n+1) {
  margin-left: 0;
}

/* line 46, ../scss/common.scss */
body {
  font-family: 'Noto Sans', sans-serif;
}

/* Copyright (C) Google
* https://www.google.com/get/noto/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* line 65, ../scss/common.scss */
h2 {
  font-family: "NotoSans-Light";
  font-size: 40px;
  line-height: 55px;
  letter-spacing: 0.14em;
  margin-bottom: 32px;
}
@media screen and (max-width: 1048px) {
  /* line 65, ../scss/common.scss */
  h2 {
    font-size: 32px;
    line-height: 48px;
  }
}

/* line 76, ../scss/common.scss */
h3 {
  font-size: 40px;
  line-height: 55px;
  letter-spacing: 0.07em;
  margin-bottom: 0px;
}

/* line 82, ../scss/common.scss */
p {
  font-size: 13px;
  line-height: 23px;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 1048px) {
  /* line 82, ../scss/common.scss */
  p {
    font-size: 16px;
    line-height: 28px;
  }
}

/* line 91, ../scss/common.scss */
section {
  margin-bottom: 120px;
}
@media screen and (max-width: 1048px) {
  /* line 91, ../scss/common.scss */
  section {
    margin-bottom: 80px;
  }
}
/* line 96, ../scss/common.scss */
section:last-child {
  margin-bottom: 0px;
}

/* line 100, ../scss/common.scss */
img {
  max-width: 100%;
}

/* line 103, ../scss/common.scss */
p + p {
  margin-top: 12px;
}

/* line 107, ../scss/common.scss */
.img-liquid {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1048px) {
  /* line 111, ../scss/common.scss */
  .none-tb {
    display: none;
  }
}

/* line 133, ../scss/common.scss */
.fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 700ms;
}

/* line 138, ../scss/common.scss */
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/* line 145, ../scss/common.scss */
.before-slide {
  opacity: 0;
  margin-top: -4px;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 150, ../scss/common.scss */
.after-slide {
  opacity: 1;
  margin-top: 0px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/* line 159, ../scss/common.scss */
.slider-img {
  width: 100%;
  height: 544px;
}
@media screen and (max-width: 1048px) {
  /* line 159, ../scss/common.scss */
  .slider-img {
    height: 200px;
  }
}
/* line 165, ../scss/common.scss */
.slider-img .pic-1 {
  width: 100%;
  height: 544px;
  background: url("../img/img1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1048px) {
  /* line 165, ../scss/common.scss */
  .slider-img .pic-1 {
    height: 200px;
  }
}
/* line 176, ../scss/common.scss */
.slider-img .pic-2 {
  width: 100%;
  height: 544px;
  background: url("../img/img2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1048px) {
  /* line 176, ../scss/common.scss */
  .slider-img .pic-2 {
    height: 200px;
  }
}
/* line 187, ../scss/common.scss */
.slider-img .pic-3 {
  width: 100%;
  height: 544px;
  background: url("../img/img3.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1048px) {
  /* line 187, ../scss/common.scss */
  .slider-img .pic-3 {
    height: 200px;
  }
}

/* line 199, ../scss/common.scss */
.slider-cap {
  position: absolute;
  bottom: 130px;
  left: 0px;
}
@media screen and (max-width: 1048px) {
  /* line 199, ../scss/common.scss */
  .slider-cap {
    bottom: 30px;
    left: 5px;
  }
}
/* line 208, ../scss/common.scss */
.slider-cap div h1 {
  font-size: 24px;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 1048px) {
  /* line 208, ../scss/common.scss */
  .slider-cap div h1 {
    font-size: 10px;
    font-weight: bold;
  }
}
/* line 215, ../scss/common.scss */
.slider-cap div h1 span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #fff;
}
/* line 221, ../scss/common.scss */
.slider-cap div p {
  display: inline-block;
  margin: 4px 0 0 0;
  padding: 8px 12px;
  background-color: #fff;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0.1em;
  font-weight: 900;
}
@media screen and (max-width: 1048px) {
  /* line 221, ../scss/common.scss */
  .slider-cap div p {
    display: none;
  }
}

/* line 236, ../scss/common.scss */
.m-slider {
  margin-right: 100px;
}

/* line 239, ../scss/common.scss */
.slide-next {
  position: absolute;
  top: 23px;
  right: 0px;
  width: 21px;
  height: 21px;
  background: url("../img/slide-next-hover.png");
}
/* line 247, ../scss/common.scss */
.slide-next.link a {
  display: block;
  background: url("../img/slide-next.png");
  width: 21px;
  height: 21px;
}

/* line 255, ../scss/common.scss */
.slide-prev {
  position: absolute;
  top: 23px;
  right: 25px;
  width: 21px;
  height: 21px;
  background: url("../img/slide-prev-hover.png");
  z-index: 9999;
}
/* line 264, ../scss/common.scss */
.slide-prev.link a {
  display: block;
  background: url("../img/slide-prev.png");
  width: 21px;
  height: 21px;
}

/* line 275, ../scss/common.scss */
.g-nav-min {
  height: 24px;
}

/* line 278, ../scss/common.scss */
.g-nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 46px;
  margin-bottom: 0px;
  padding-top: 18px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  z-index: 9999;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 289, ../scss/common.scss */
.g-nav a {
  vertical-align: middle;
}
/* line 291, ../scss/common.scss */
.g-nav a .corp-logo {
  padding-top: 8px;
}
/* line 294, ../scss/common.scss */
.g-nav a .corp-logo:hover {
  opacity: 0.8;
}
/* line 298, ../scss/common.scss */
.g-nav .menu {
  vertical-align: middle;
}
/* line 300, ../scss/common.scss */
.g-nav .menu .col {
  color: #000;
  font-size: 12px;
  letter-spacing: 0.14em;
  font-weight: 900;
  text-decoration: none;
  padding: 6px 0 6px 14px;
  box-sizing: border-box;
}
/* line 309, ../scss/common.scss */
.g-nav .menu .col:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  background-color: #000;
  font-weight: 200;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 319, ../scss/common.scss */
.main-img {
  margin-top: 64px;
}
/* line 321, ../scss/common.scss */
.main-img .area {
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -524px;
}
@media screen and (max-width: 1048px) {
  /* line 321, ../scss/common.scss */
  .main-img .area {
    left: 0;
    margin-left: 0px;
  }
}

/* line 334, ../scss/common.scss */
.spirits .col {
  vertical-align: middle;
}
@media screen and (max-width: 1048px) {
  /* line 334, ../scss/common.scss */
  .spirits .col {
    margin-bottom: 80px;
  }
}
/* line 341, ../scss/common.scss */
.spirits .col-tb-4 img {
  width: 75%;
}

/* line 347, ../scss/common.scss */
.credo {
  background: url("../img/credo-bg.png");
  background-repeat: repeat-x;
}
/* line 350, ../scss/common.scss */
.credo .credo-area {
  height: 296px;
  background: url("../img/credo-btn.png");
  background-repeat: no-repeat;
  background-position: center top;
  cursor: pointer;
  text-align: center;
  position: relative;
  margin-bottom: -108px;
  z-index: 9999;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 361, ../scss/common.scss */
.credo .credo-area .credo-btn {
  display: inline-block;
  height: 22px;
  width: 64px;
  border: 1px solid #999;
  margin-top: 154px;
  padding-top: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  color: #999;
  letter-spacing: 1px;
  text-align: center;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 376, ../scss/common.scss */
.credo .credo-area .area-open::after {
  content: "open";
}
/* line 379, ../scss/common.scss */
.credo .credo-area .area-close::after {
  content: "close";
}
/* line 382, ../scss/common.scss */
.credo .credo-area:hover > .credo-btn {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 389, ../scss/common.scss */
.credo .credo-cont {
  background: url("../img/credo-bg-open.png");
  background-repeat: repeat-x;
  display: none;
  padding-top: 16px;
}
/* line 394, ../scss/common.scss */
.credo .credo-cont .area {
  padding-top: 64px;
  margin-bottom: -120px;
  background: #fff;
}
/* line 398, ../scss/common.scss */
.credo .credo-cont .area .credo-element {
  margin-top: 32px;
  vertical-align: top;
}
/* line 401, ../scss/common.scss */
.credo .credo-cont .area .credo-element .credo-title {
  font-size: 20px;
  text-align: center;
}
/* line 404, ../scss/common.scss */
.credo .credo-cont .area .credo-element .credo-title span {
  font-size: 14px;
}
/* line 408, ../scss/common.scss */
.credo .credo-cont .area .credo-element .credo-icon {
  text-align: center;
}
/* line 411, ../scss/common.scss */
.credo .credo-cont .area .credo-element p {
  padding: 0 32px;
}
@media screen and (max-width: 1048px) {
  /* line 411, ../scss/common.scss */
  .credo .credo-cont .area .credo-element p {
    padding: 0 8px;
    font-size: 12px;
    line-height: 1.8;
  }
}

/* line 424, ../scss/common.scss */
.business {
  margin-top: 248px;
}
/* line 426, ../scss/common.scss */
.business img {
  margin-top: -32px;
}

/* line 431, ../scss/common.scss */
.works {
  height: auto;
}

/* line 434, ../scss/common.scss */
.works-title {
  height: 64px;
  margin-bottom: 10px;
}

/* line 438, ../scss/common.scss */
.works-cont {
  height: 592px;
}

/* line 441, ../scss/common.scss */
.project-img {
  width: 100%;
  height: 140px;
  background-color: #000;
  cursor: pointer;
  opacity: 0.9;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (max-width: 1048px) {
  /* line 441, ../scss/common.scss */
  .project-img {
    height: 144px;
  }
}
/* line 451, ../scss/common.scss */
.project-img .max {
  height: 140px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 1048px) {
  /* line 451, ../scss/common.scss */
  .project-img .max {
    background-color: rgba(0, 0, 0, 0);
  }
}
/* line 458, ../scss/common.scss */
.project-img .max .area {
  height: 50px;
  padding-top: 52px;
  opacity: 1;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 463, ../scss/common.scss */
.project-img .max .area .title {
  letter-spacing: 0.14em;
  font-size: 18px;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 1048px) {
  /* line 463, ../scss/common.scss */
  .project-img .max .area .title {
    opacity: 1;
  }
}
/* line 470, ../scss/common.scss */
.project-img .max .area .title span {
  padding: 10px;
  background: #fff;
}
/* line 475, ../scss/common.scss */
.project-img .max .area .read-more {
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.07em;
  position: absolute;
  top: 76px;
  left: 50%;
  margin-left: -436px;
  background: #fff;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 488, ../scss/common.scss */
.project-img .max:hover {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 492, ../scss/common.scss */
.project-img .max .area-open {
  opacity: 0;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 497, ../scss/common.scss */
.project-img:hover {
  opacity: 1;
}
/* line 500, ../scss/common.scss */
.project-img:hover > .max .area .title {
  opacity: 1;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 504, ../scss/common.scss */
.project-img:hover > .max .area .read-more {
  color: #fff;
  background-color: #000;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 1048px) {
  /* line 504, ../scss/common.scss */
  .project-img:hover > .max .area .read-more {
    opacity: 0;
  }
}

/* line 515, ../scss/common.scss */
.close .max .area {
  opacity: 0;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 521, ../scss/common.scss */
.project-img-open {
  height: 288px;
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (max-width: 1048px) {
  /* line 521, ../scss/common.scss */
  .project-img-open {
    height: 144px;
  }
}
/* line 528, ../scss/common.scss */
.project-img-open .max {
  background: transparent;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 533, ../scss/common.scss */
.pic-1 {
  background: url("../img/works-img1.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 539, ../scss/common.scss */
.pic-2 {
  background: url("../img/works-img2.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 545, ../scss/common.scss */
.pic-3 {
  background: url("../img/works-img3.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 552, ../scss/common.scss */
.project {
  margin: 24px 0 32px 0;
  display: none;
}
@media screen and (max-width: 1048px) {
  /* line 552, ../scss/common.scss */
  .project {
    display: block;
    padding-bottom: 16px;
  }
}
/* line 559, ../scss/common.scss */
.project .project-title {
  vertical-align: top;
}
/* line 561, ../scss/common.scss */
.project .project-title img {
  width: 90%;
}
@media screen and (max-width: 1048px) {
  /* line 559, ../scss/common.scss */
  .project .project-title {
    padding-bottom: 24px;
  }
  /* line 566, ../scss/common.scss */
  .project .project-title img {
    width: 50%;
  }
}
/* line 570, ../scss/common.scss */
.project .project-title h3 {
  margin-top: -8px;
  margin-bottom: -4px;
}
/* line 574, ../scss/common.scss */
.project .project-title p {
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 0.1em;
  font-weight: 900;
}
/* line 582, ../scss/common.scss */
.project .project-text a {
  color: #999;
}
/* line 584, ../scss/common.scss */
.project .project-text a:hover {
  color: #ccc;
}

/* line 592, ../scss/common.scss */
.press .press-title {
  height: 64px;
  margin-bottom: 12px;
}
/* line 596, ../scss/common.scss */
.press .press-pic {
  padding: 32px 0 4px 0;
  border-bottom: solid 1px #e0e0e0;
}
/* line 599, ../scss/common.scss */
.press .press-pic a {
  color: #999;
}
/* line 601, ../scss/common.scss */
.press .press-pic a:hover {
  color: #ccc;
}
/* line 605, ../scss/common.scss */
.press .press-pic .press-time {
  vertical-align: top;
}
/* line 608, ../scss/common.scss */
.press .press-pic .press-text {
  padding-bottom: 16px;
}
/* line 611, ../scss/common.scss */
.press .press-pic .press-link {
  color: #000;
  text-decoration: none;
}
/* line 614, ../scss/common.scss */
.press .press-pic .press-link:hover {
  color: #999;
}
/* line 619, ../scss/common.scss */
.press .press-btn {
  height: 32px;
  margin-top: 32px;
  padding-top: 14px;
  text-align: center;
  vertical-align: middle;
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 630, ../scss/common.scss */
.press .press-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 637, ../scss/common.scss */
.about {
  background-color: #232629;
  color: #fff;
  padding-top: 80px;
  letter-spacing: 0.14m;
}

/* line 643, ../scss/common.scss */
.about-logo {
  height: 40px;
  margin-bottom: 32px;
  text-align: center;
}

/* line 648, ../scss/common.scss */
.about-pic {
  border-bottom: 1px solid #fff;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-bottom: 4px;
}
/* line 653, ../scss/common.scss */
.about-pic .col {
  vertical-align: middle;
}

/* line 657, ../scss/common.scss */
.about-btn {
  height: 32px;
  margin-top: 32px;
  padding-top: 14px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}
/* line 668, ../scss/common.scss */
.about-btn:hover {
  background: black;
  -webkit-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 673, ../scss/common.scss */
.about-prof {
  margin-top: 96px;
}
@media screen and (max-width: 1048px) {
  /* line 675, ../scss/common.scss */
  .about-prof .col-2 {
    text-align: center;
  }
}
/* line 680, ../scss/common.scss */
.about-prof .name {
  font-size: 24px;
  letter-spacing: 0.14em;
  margin: 16px 0 0 0;
}
/* line 685, ../scss/common.scss */
.about-prof .prof {
  margin-top: 10px;
  font-size: 10px;
  text-align: left;
}
/* line 689, ../scss/common.scss */
.about-prof .prof a {
  color: #fff;
}
/* line 692, ../scss/common.scss */
.about-prof .prof a:hover {
  text-decoration: none;
}

/* line 699, ../scss/common.scss */
.copy p {
  margin-top: 80px;
  font-size: 12px;
  padding-bottom: 12px;
}

/* Slider */
/* line 3, ../scss/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 18, ../scss/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 25, ../scss/_slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 29, ../scss/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 35, ../scss/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 43, ../scss/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
/* line 50, ../scss/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 55, ../scss/_slick.scss */
.slick-track:after {
  clear: both;
}
/* line 59, ../scss/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 63, ../scss/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 67, ../scss/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 70, ../scss/_slick.scss */
.slick-slide img {
  display: block;
}
/* line 73, ../scss/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 79, ../scss/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 83, ../scss/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 87, ../scss/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 91, ../scss/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 97, ../scss/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}