@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700);
h1,
h2,
h3,
p,
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #fff;
  font-family: 'Roboto', Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  background: #ef5763;
  background: #2e332f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h2,
h3 {
  font-size: 36px;
  font-weight: 100;
  line-height: 1.2;
  margin-bottom: 32px; }

h3 {
  font-size: 26px; }

.logo {
  margin-bottom: 40px;
  background: url(../img/logo.png) no-repeat;
  width: 240px;
  height: 48px;
  /* alternative  text-indent: -9999px; */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .logo {
    background-image: url(../img/logo@2x.png) no-repeat;
    background-size: 240px 48px; } }
.copy {
  font-size: 50px;
  font-weight: 700;
  line-height: 1; }
  .copy span {
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.5em;
    display: block;
    margin: 24px 0; }

.l-wrap {
  min-width: 1280px; }

.l-inner {
  width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative; }

.l-header {
  height: 620px;
  background: url(../img/img-mainVisual.jpg) center 0 fixed;
  background-size: cover;
  padding-top: 180px; }

.l-footer {
  background: #222623;
  padding: 8px 0; }

.section1,
.section2 {
  padding: 40px 0; }

.section1 {
  width: 100%;
  min-width: 1280px;
  position: absolute;
  top: 620px;
  background: #ef5763;
  height: 800px; }
  .section1_in {
    height: 360px; }
  .section1 p {
    width: 500px; }

.section2 {
  height: 420px;
  margin-top: 800px;
  text-align: center; }

.hexagon {
  width: 650px;
  height: 670px;
  position: absolute;
  z-index: 100;
  top: 50px;
  right: 0;
  background: url(../img/bg-hexagon.png) no-repeat center 40px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .hexagon p {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 12px; }
  .hexagon .hex1,
  .hexagon .hex2,
  .hexagon .hex3,
  .hexagon .hex4,
  .hexagon .hex5,
  .hexagon .hex6 {
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    .hexagon .hex1 dl,
    .hexagon .hex2 dl,
    .hexagon .hex3 dl,
    .hexagon .hex4 dl,
    .hexagon .hex5 dl,
    .hexagon .hex6 dl {
      line-height: 1.2; }
    .hexagon .hex1 dt,
    .hexagon .hex1 dd,
    .hexagon .hex2 dt,
    .hexagon .hex2 dd,
    .hexagon .hex3 dt,
    .hexagon .hex3 dd,
    .hexagon .hex4 dt,
    .hexagon .hex4 dd,
    .hexagon .hex5 dt,
    .hexagon .hex5 dd,
    .hexagon .hex6 dt,
    .hexagon .hex6 dd {
      padding-left: 60px; }
    .hexagon .hex1 dt,
    .hexagon .hex2 dt,
    .hexagon .hex3 dt,
    .hexagon .hex4 dt,
    .hexagon .hex5 dt,
    .hexagon .hex6 dt {
      font-weight: 700; }
    .hexagon .hex1 dd,
    .hexagon .hex2 dd,
    .hexagon .hex3 dd,
    .hexagon .hex4 dd,
    .hexagon .hex5 dd,
    .hexagon .hex6 dd {
      font-size: 54px;
      font-weight: 700;
      background-image: url(../img/icons.png);
      background-repeat: no-repeat; }
      .hexagon .hex1 dd span,
      .hexagon .hex2 dd span,
      .hexagon .hex3 dd span,
      .hexagon .hex4 dd span,
      .hexagon .hex5 dd span,
      .hexagon .hex6 dd span {
        font-size: 16px;
        font-weight: 400; }
  .hexagon .hex1 {
    top: 0;
    left: 200px; }
    .hexagon .hex1 dd {
      background-position: 0 -186px; }
  .hexagon .hex2 {
    top: 100px;
    left: 430px; }
    .hexagon .hex2 dd {
      background-position: 0 -366px; }
  .hexagon .hex3 {
    top: 339px;
    right: 0; }
    .hexagon .hex3 dd {
      background-position: 0 -535px; }
  .hexagon .hex4 {
    top: 506px;
    right: 171px; }
    .hexagon .hex4 dd {
      background-position: 0 -708px; }
  .hexagon .hex5 {
    top: 433px;
    left: 50px; }
    .hexagon .hex5 dd {
      background-position: 0 -885px; }
  .hexagon .hex6 {
    top: 172px;
    left: 0; }
    .hexagon .hex6 dd {
      background-position: 0 0; }

.images {
  width: 100%;
  height: 400px;
  background: url(../img/bg-collage.jpg) bottom center;
  background-size: 100% auto; }

.changeLanguage {
  padding-left: 24px;
  background: url(../img/icons.png) no-repeat;
  background-position: 0 -1925px;
  float: right;
  color: #464e48;
  letter-spacing: 0em; }
  .changeLanguage a {
    color: #fff; }

.anm-rotate {
  -moz-animation: rotate 2s ease;
  -webkit-animation: rotate 2s ease;
  -o-animation: rotate 2s ease;
  -ms-animation: rotate 2s ease;
  animation: rotate 2s ease;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.hex1.anm-unRotate,
.hex2.anm-unRotate,
.hex3.anm-unRotate,
.hex4.anm-unRotate,
.hex5.anm-unRotate,
.hex6.anm-unRotate {
  -moz-animation: unRotate 2s ease;
  -webkit-animation: unRotate 2s ease;
  -o-animation: unRotate 2s ease;
  -ms-animation: unRotate 2s ease;
  animation: unRotate 2s ease;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(-45deg); }
  100% {
    -moz-transform: rotate(0); } }
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(0); } }
@-o-keyframes rotate {
  0% {
    -o-transform: rotate(-45deg); }
  100% {
    -o-transform: rotate(0); } }
@-ms-keyframes rotate {
  0% {
    -ms-transform: rotate(-45deg); }
  100% {
    -ms-transform: rotate(0); } }
@keyframes rotate {
  0% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(0); } }
@-moz-keyframes unRotate {
  0% {
    -moz-transform: rotate(45deg); }
  100% {
    -moz-transform: rotate(0); } }
@-webkit-keyframes unRotate {
  0% {
    -webkit-transform: rotate(45deg); }
  100% {
    -webkit-transform: rotate(0); } }
@-o-keyframes unRotate {
  0% {
    -o-transform: rotate(45deg); }
  100% {
    -o-transform: rotate(0); } }
@-ms-keyframes unRotate {
  0% {
    -ms-transform: rotate(45deg); }
  100% {
    -ms-transform: rotate(0); } }
@keyframes unRotate {
  0% {
    transform: rotate(45deg); }
  100% {
    transform: rotate(0); } }
.ja .alert {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.alert {
  background: #fff;
  text-align: center;
  color: #E6542F;
  font-size: 24px;
  position: fixed;
  width: 100%;
  z-index: 101;
  box-shadow: 0 1px 1px 0 black;
  min-height: 48px;
  line-height: 48px; }
  .alert a {
    text-decoration: dashed;
    color: #E6542F;
    font-weight: bold;
    position: relative;
    padding-left: 24px;
    text-decoration: dashed;
    margin-right: 8px; }
    .alert a:before {
      position: absolute;
      content: "";
      width: 14px;
      height: 14px;
      background: #E6542F;
      left: 0;
      top: 10px; }
    .alert a:after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      background: #fff;
      border: 2px solid #E6542F;
      left: 3px;
      top: 7px; }

/*# sourceMappingURL=style.css.map */