@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  height: 100%;
  font-size: 62.5%; }

body {
  margin: 0;
  height: 100%;
  background: #deddda;
/*  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ 明朝", "MS Mincho", serif;*/
  font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro","Hiragino Mincho ProN","MS Mincho",serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

*,
*:before,
*:after {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-size: inherit; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style-type: none; }

p {
  padding: 0;
  margin: 0; }

dl, dt, dd {
  padding: 0;
  margin: 0; }

img {
  vertical-align: top; }

.l-header, .l-header--top, .l-header--story {
  width: 100%;
  min-width: 1280px;
  height: 80px;
  padding: 23px 40px 0;
  background: #fefefe;
  position: relative;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  *zoom: 1; }
  .l-header:before, .l-header--top:before, .l-header--story:before, .l-header:after, .l-header--top:after, .l-header--story:after {
    display: table;
    content: ''; }
  .l-header:after, .l-header--top:after, .l-header--story:after {
    clear: both; }

.l-header--top {
  background-color: transparent;
  transform: translate3d(0, -80px, 0);
  -webkit-transform: translate3d(0, -80px, 0);
  transition: background 0.6s linear 0.2s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 2s;
  -webkit-transition: background 0.6s linear 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 2s; }
  .is-scene-0 .l-header--top {
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  .is-scene-2 .l-header--top {
    z-index: 3;
    background: #fefefe !important; }

.l-header--story {
  background: transparent;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

.l-header__heading {
  padding: 0;
  margin: 0;
  float: left;
  font-size: 0; }

.l-header__logo {
  display: block;
  width: 106px;
  height: 37px;
  position: relative;
  z-index: 1; }
  .l-header__logo:before, .l-header__logo:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 104px 36px;
    -webkit-background-size: 104px 36px; }
  .l-header__logo:before {
    background-image: url(/tenku/images/pc/logo_header.png); }
  .l-header__logo:after {
    opacity: 0;
    background-image: url(/tenku/images/pc/logo_header_hover.png); }
  .l-header__logo:hover:before {
    opacity: 0; }
  .l-header__logo:hover:after {
    opacity: 1; }
  .l-header--story .l-header__logo:before {
    background-image: url(/tenku/images/pc/logo_header_story.png); }
  .l-header--story .l-header__logo:after {
    opacity: 0;
    background-image: url(/tenku/images/pc/logo_header_story_hover.png); }
  .l-header--story .l-header__logo:hover:after {
    opacity: 1; }

.l-header__buttons {
  float: right;
  font-size: 0; }

.l-header__sns {
  display: inline-block;
  vertical-align: top; }
  .l-header__sns > li {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top; }

.l_header__menu {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 0 0 30px;
  font-size: 0;
  vertical-align: top; }
  .l_header__menu:before, .l_header__menu:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px; }
  .l_header__menu:before {
    background-image: url(/tenku/images/pc/icon_menu.png); }
  .l_header__menu:after {
    background-image: url(/tenku/images/pc/icon_menu_hover.png); }
  .l_header__menu:after {
    opacity: 0; }
  .l_header__menu:hover:before {
    opacity: 0; }
  .l_header__menu:hover:after {
    opacity: 1; }
  .l-header--story .l_header__menu:before {
    background-image: url(/tenku/images/pc/icon_menu_story.png); }
  .l-header--story .l_header__menu:after {
    background-image: url(/tenku/images/pc/icon_menu_story_hover.png); }

.l-header__storyMenu {
  width: 100%;
  padding: 25px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center; }
  .l-header__storyMenu > ul {
    display: inline-block;
    *zoom: 1; }
    .l-header__storyMenu > ul:before, .l-header__storyMenu > ul:after {
      display: table;
      content: ''; }
    .l-header__storyMenu > ul:after {
      clear: both; }
    .l-header__storyMenu > ul > li {
      width: 1em;
      margin: 0 10px;
      float: right;
      line-height: 1.2; }
      .l-header__storyMenu > ul > li > a {
        display: block;
        position: relative;
        padding: 0 4px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        text-decoration: none; }
        .l-header__storyMenu > ul > li > a:before {
          display: block;
          content: '';
          width: 2px;
          height: 0;
          background: #fff;
          position: absolute;
          top: 0;
          right: -2px;
          transform: translate3d(0, 0, 0);
          -webkit-transform: translate3d(0, 0, 0);
          transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
          -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
        .l-header__storyMenu > ul > li > a.is-current:before {
          height: 100%; }
        .l-header__storyMenu > ul > li > a:hover:before {
          height: 100%; }

.l-navigation {
  width: 380px;
  height: 100%;
  min-height: 705px;
  padding: 90px 0 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  background: #fafafa url(/tenku/images/pc/bg_dot_white.png) 0 0 repeat;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
  .is-menu-open .l-navigation {
    transform: translateX(0);
    -webkit-transform: translateX(0); }

.l-navigation__close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 24px;
  right: 40px;
  font-size: 0; }
  .l-navigation__close:before, .l-navigation__close:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px; }
  .l-navigation__close:before {
    background-image: url(/tenku/images/pc/icon_close.png); }
  .l-navigation__close:after {
    background-image: url(/tenku/images/pc/icon_close_hover.png); }
  .l-navigation__close:after {
    opacity: 0; }
  .l-navigation__close:hover:before {
    opacity: 0; }
  .l-navigation__close:hover:after {
    opacity: 1; }

.l-navigation__list {
  text-align: center; }

	.l-navigation__list > li:nth-child(1),
	.l-navigation__list > li:nth-child(2),
	.l-navigation__list > li:nth-child(3){margin-bottom: 50px;}
	.l-navigation__list > li:nth-child(4)
/*	.l-navigation__list > li:nth-child(5){margin-top: -10px;}*/
	.l-navigation__list > li:nth-child(6){}
/* 2111
  .l-navigation__list > li:last-child {
    margin-top: -10px; }
  .l-navigation__list > li:not(:last-child) {
    margin-bottom: 50px; }
2111 */
  .l-navigation__list > li > a {
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out; }
    .l-navigation__list > li > a:hover {
      opacity: 0.6; }

.l-navigation__footer {
  width: 100%;
  position: absolute;
  bottom: 40px;
  left: 0; }

.l-navigation__links {
  margin: 0 0 40px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif; }
  .l-navigation__links > li {
    margin: 0 0 10px;
    font-size: 12px;
    font-size: 1.2rem; }
    .l-navigation__links > li:last-child {
      margin-bottom: 0; }
    .l-navigation__links > li > a {
      display: block;
      color: #000;
      text-decoration: none; }
      .l-navigation__links > li > a:hover {
        text-decoration: underline; }
  .l-navigation__links img {
    vertical-align: top; }

.l-navigation__sns {
  font-size: 0;
  text-align: center; }
  .l-navigation__sns > li {
    display: inline-block;
    padding: 0 5px; }



/* 260414 */
.l-navigation {width: 380px;height: 100%;min-height: 705px;padding: 60px 0 0;}

  .l-navigation__list > li:nth-child(1) a,
	.l-navigation__list > li:nth-child(2) a,
	.l-navigation__list > li:nth-child(3) a{display: block;padding: 25px 0 25px 0;}
	.l-navigation__list > li:nth-child(1),
	.l-navigation__list > li:nth-child(2),
	.l-navigation__list > li:nth-child(3){margin-bottom: 0px;}
/* 260414 */



.detail {
  padding: 100px 0 85px;
  text-align: center; }

  /* 2404 */
  .detail .l-container.line {
    margin-top: 54px;border-top: 1px solid #817b78;}

    .detail .l-container .heading_title {
      padding: 36px 0;
    }
.detail .l-container.line dt img {width: 100%;}
	/* 2111 */
.detail__item--1, .detail__item--2, .detail__item--3, .detail__item--4, .detail__item--5, .detail__item--6 {
  display: inline-block;
  width: 260px;
  padding: 438px 0 0;
  margin: 0 25px;
  position: relative;
vertical-align: top;
  font-size: 0; }

.detail__item--3, .detail__item--4 {
	margin: 100px 25px 0 25px;}

  .detail__item--1:before, .detail__item--2:before, .detail__item--3:before, .detail__item--4:before, .detail__item--5:before, .detail__item--6:before {
    display: block;
    content: '';
    width: 260px;
    height: 438px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 225px 400px; }
  .detail__item--1 > dl > dt,
  .detail__item--2 > dl > dt,
  .detail__item--3 > dl > dt,
  .detail__item--4 > dl > dt,
  .detail__item--5 > dl > dt,
  .detail__item--6 > dl > dt {
    margin: 0 0 40px; }
  .is-scene-3 .detail__item--1 > dl > dt, .is-scene-3 .detail__item--2 > dl > dt,
	.is-scene-3 .detail__item--3 > dl > dt, .is-scene-3 .detail__item--4 > dl > dt,
	.is-scene-3 .detail__item--5 > dl > dt, .is-scene-3 .detail__item--6 > dl > dt,

  .is-scene-3 .detail__item--1 > dl > dd,
  .is-scene-3 .detail__item--2 > dl > dd,
  .is-scene-3 .detail__item--3 > dl > dd,
  .is-scene-3 .detail__item--4 > dl > dd,
  .is-scene-3 .detail__item--5 > dl > dd,
  .is-scene-3 .detail__item--6 > dl > dd {
    opacity: 1; }

.detail__item--1:before {
  background-image: url(/tenku/images/pc/img_item_1.png); }

.detail__item--2:before {
  background-image: url(/tenku/images/pc/img_item_2.png); }

.detail__item--3:before {
  background-image: url(/tenku/images/pc/img_item_3.png); }

.detail__item--4:before {
	background-image: url(/tenku/images/pc/img_item_4.png); }

.detail__item--5:before {
  background-image: url(/tenku/images/pc/img_item_5.png); }
  
.detail__item--6:before {
  background-image: url(/tenku/images/pc/img_item_6.png); }
  
  /* 2111 */

.detail__description {
  *zoom: 1;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  text-align: left; }
  .detail__description:before, .detail__description:after {
    display: table;
    content: ''; }
  .detail__description:after {
    clear: both; }
  .detail__description > dt {
    padding: 10px 0 0;
    float: left; }
  .detail__description > dd {
    padding: 10px 0 8px 110px;
    border-bottom: 1px solid #e8e7e5; }

.detail__button {
  display: block;
  width: 100%;
  line-height: 50px;
  margin: 35px 0 0;
  background: #5d5d5d;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out; }
  .detail__button:hover {
    background: #959595; }

.detail__arrow {
  display: inline-block;
  padding: 0 33px 0 0;
  position: relative; }
  .detail__arrow:after {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(/tenku/images/pc/arrow_button.png) 0 0 no-repeat;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px; }

.keyvisual {
  min-width: 1280px;
  position: relative;
  margin: auto; }

.keyvisual__products {
  position: absolute;
  top: 53px;
  left: 50%;
  height: calc(100% - 53px);
  height: -webkit-calc(100% - 53px);
  margin-left: -50%;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 0.8s linear 1.4s;
  -webkit-transition: opacity 0.8s linear 1.4s; }
  .is-scene-0 .keyvisual__products {
    opacity: 1; }
  .lte-ie9 .keyvisual__products {
    opacity: 1; }
  .is-scene-0-done .keyvisual__products {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s; }
  .is-scene-1 .keyvisual__products {
    opacity: 0.3; }

.keyvisual__logo {
  position: absolute;
  top: 0;
  right: 16.5%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  opacity: 0; }
  .lte-ie9 .keyvisual__logo {
    opacity: 1; }
  .is-scene-0 .keyvisual__logo {
    opacity: 1; }
  .is-scene-0-done .keyvisual__logo {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s; }
  .is-scene-1 .keyvisual__logo {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px); }
    .lte-ie9 .is-scene-1 .keyvisual__logo {
      opacity: 1; }

.keyvisual__iwc {
  position: absolute;
  bottom: 19px;
  left: 60px;
}
.keyvisual__topawards2019 {
  position: absolute;
  bottom: 23px;
  left: 108px;
}
.keyvisual__topawards {
  position: absolute;
  bottom: 23px;
  left: 148px;
}
.keyvisual__gmark {
  position: absolute;
  bottom: 24px;
  left: 238px;
  width: 204px;
}

.keyvisual__mitose {
  display: block;
  width: 71px;
  height: 269px;
  position: absolute;
  top: 238px;
  right: 25px;
  background: url(../images/pc/index/mitose_banner.png) 0 0 no-repeat;
  background-size: 71px 269px;
  -webkit-background-size: 71px 269px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 0.6s ease-out 2s;
  -webkit-transition: opacity 0.6s ease-out 2s;
  opacity: 0; }
  .keyvisual__mitose:before {
    content: url(../images/pc/index/mitose_banner_hover.png);
    visibility: hidden; }
  .keyvisual__mitose:hover {
    background-image: url(../images/pc/index/mitose_banner_hover.png); }
  .lte-ie9 .keyvisual__mitose {
    opacity: 1; }
  .is-scene-0 .keyvisual__mitose {
    opacity: 1; }
  .is-scene-0-done .keyvisual__mitose {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s; }
  .is-scene-1 .keyvisual__mitose {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px); }
    .lte-ie9 .is-scene-1 .keyvisual__mitose {
      opacity: 1; }

/* 2404 */
.keyvisual__nakadori {
  display: block;
  width: 71px;
  height: 269px;
  position: absolute;
  top: 238px;
  right: 25px;
  background: url(../images/pc/index/nakadori_banner.png) 0 0 no-repeat;
  background-size: 71px 269px;
  -webkit-background-size: 71px 269px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 0.6s ease-out 2s;
  -webkit-transition: opacity 0.6s ease-out 2s;
  opacity: 0; }
  .keyvisual__nakadori:before {
    content: url(../images/pc/index/nakadori_banner_hover.png);
    visibility: hidden; }
  .keyvisual__nakadori:hover {
    background-image: url(../images/pc/index/nakadori_banner_hover.png); }
  .lte-ie9 .keyvisual__nakadori {
    opacity: 1; }
  .is-scene-0 .keyvisual__nakadori {
    opacity: 1; }
  .is-scene-0-done .keyvisual__nakadori {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s; }
  .is-scene-1 .keyvisual__nakadori {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px); }
    .lte-ie9 .is-scene-1 .keyvisual__nakadori {
      opacity: 1; }

/* 2111 */
.keyvisual__awane {
  display: block;
  width: 72px;
  height: 293px;
  position: absolute;
  top: 226px;/**/
  right: 25px;
  background: url(../images/pc/index/awane_banner.png) 0 0 no-repeat;
  background-size: 72px 293px;
  -webkit-background-size: 72px 293px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 0.6s ease-out 2s;
  -webkit-transition: opacity 0.6s ease-out 2s;
  opacity: 0; }
  .keyvisual__awane:before {
    content: url(../images/pc/index/awane_banner_hover.png);
    visibility: hidden; }
  .keyvisual__awane:hover {
    background-image: url(../images/pc/index/awane_banner_hover.png); }
  .lte-ie9 .keyvisual__awane {
    opacity: 1; }
  .is-scene-0 .keyvisual__awane {
    opacity: 1; }
  .is-scene-0-done .keyvisual__awane {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s ease-out 0.1s; }
  .is-scene-1 .keyvisual__awane {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px); }
    .lte-ie9 .is-scene-1 .keyvisual__awane {
      opacity: 1; }
/* 2111 */

.introduction {
  margin: 80px 0 0; }

.introduction__heading {
  top: 50%;
  right: 218px;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: -webkit-translate3d(0, 10px, 0);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 1s, opacity 0.4s ease-out 1s;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 1s, opacity 0.4s ease-out 1s; }
  .is-scene-1 .introduction__heading {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: -webkit-translateY(0); }
  .lte-ie9 .introduction__heading {
    opacity: 1; }

.introduction__text {
  top: 50%;
  right: 450px;
  font-size: 14px;
  font-size: 1.4rem;
  *zoom: 1; }
  .introduction__text:before, .introduction__text:after {
    display: table;
    content: ''; }
  .introduction__text:after {
    clear: both; }

.introduction__paragraph--1, .introduction__paragraph--2, .introduction__paragraph--3, .introduction__paragraph--4, .introduction__paragraph--5 {
  margin-left: 40px !important;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: -webkit-translate3d(0, 10px, 0);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.4s ease-out 0s;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.4s ease-out 0s; }
  .is-scene-1 .introduction__paragraph--1, .is-scene-1 .introduction__paragraph--2, .is-scene-1 .introduction__paragraph--3, .is-scene-1 .introduction__paragraph--4, .is-scene-1 .introduction__paragraph--5 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: -webkit-translateY(0); }
  .lte-ie9 .introduction__paragraph--1, .lte-ie9 .introduction__paragraph--2, .lte-ie9 .introduction__paragraph--3, .lte-ie9 .introduction__paragraph--4, .lte-ie9 .introduction__paragraph--5 {
    opacity: 1 !important; }
  .is-scene-2-done .introduction__paragraph--1, .is-scene-2-done .introduction__paragraph--2, .is-scene-2-done .introduction__paragraph--3, .is-scene-2-done .introduction__paragraph--4, .is-scene-2-done .introduction__paragraph--5 {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    -webkit-transform: -webkit-translate3d(0, 10px, 0); }

.introduction__paragraph--1 {
  transition-delay: 1.15s;
  -webkit-transition-delay: 1.15s; }

.introduction__paragraph--2 {
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s; }

.introduction__paragraph--3 {
  transition-delay: 1.45s;
  -webkit-transition-delay: 1.45s; }

.introduction__paragraph--4 {
  transition-delay: 1.6s;
  -webkit-transition-delay: 1.6s; }

.introduction__paragraph--5 {
  transition-delay: 1.75s;
  -webkit-transition-delay: 1.75s; }

.l-feature, .l-feature--mitose {
  padding: 80px 0 0; }

.l-feature--mitose {
  opacity: 0;
  transition: opacity 0.4s linear 0.6s; }
  .is-scene-2 .l-feature--mitose {
    opacity: 1; }

.l-feature__eyecatch--material, .l-feature__eyecatch--design {
  min-width: 1280px;
  height: 500px;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  text-align: center;
  z-index: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.l-feature__eyecatch--material {
  background-image: url(/tenku/images/pc/material/eyecatch.jpg); }

.l-feature__eyecatch--design {
  background-image: url(/tenku/images/pc/design/eyecatch.jpg); }

.l-feature__heading--material {
  height: 163px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.l-feature__heading--design {
  height: 142px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.l-feature__body, .l-feature--mitose__body {
  background: #deddda;
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

.l-feature--mitose__body {
  background-color: transparent; }

.l-feature__section {
  border-bottom: 1px solid #eeeeec; }

.l-feature__row {
  width: 850px;
  padding: 80px 0 70px;
  margin: auto;
  *zoom: 1; }
  .l-feature__row:before, .l-feature__row:after {
    display: table;
    content: ''; }
  .l-feature__row:after {
    clear: both; }

.l-feature__cell--right {
  width: 70px;
  float: right;
  text-align: center; }

.l-feature__cell--left {
  float: left; }

.l-feature__cell--small {
  float: right;
  padding-right: 50px; }

.l-feature__cell--mitose2 {
  float: right; }

.l-feature__cell--mitose3 {
  float: right; }

.l-feature__subheading--mitose {
  margin-top: -75px;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  transition: opacity 0.4s linear 1.2s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 1.2s;
  -webkit-transition: opacity 0.4s linear 1.2s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 1.2s; }
  .is-scene-2 .l-feature__subheading--mitose {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.l-feature__text {
  font-size: 14px;
  font-size: 1.4rem; }

.l-feature__history {
  width: 660px;
  text-align: center; }

.l-feature__images {
  padding: 80px 0 0;
  background: #dbd9d7; }

.l-feature--mitose__image {
  padding: 80px 0 0; }

.l-feature__smallSection, .l-feature__smallSection--right, .l-feature__smallSection--left, .l-feature__smallSection--mitose3 {
  width: 480px;
  padding-top: 100px;
  *zoom: 1; }
  .l-feature__smallSection:before, .l-feature__smallSection--right:before, .l-feature__smallSection--left:before, .l-feature__smallSection--mitose3:before, .l-feature__smallSection:after, .l-feature__smallSection--right:after, .l-feature__smallSection--left:after, .l-feature__smallSection--mitose3:after {
    display: table;
    content: ''; }
  .l-feature__smallSection:after, .l-feature__smallSection--right:after, .l-feature__smallSection--left:after, .l-feature__smallSection--mitose3:after {
    clear: both; }

.l-feature__smallSection--right {
  padding-right: 140px;
  float: right; }

.l-feature__smallSection--left {
  padding-right: 95px; }

.l-feature__smallSection--mitose3 {
  padding-right: 100px;
  float: right; }

.l-feature__flip--right, .l-feature__flip--left, .l-feature__flip--mitose1, .l-feature__flip--mitose2, .l-feature__flip--mitose3 {
  margin-bottom: 80px;
  height: 535px;
  *zoom: 1;
  background-repeat: no-repeat;
  background-size: 800px 534px;
  -webkit-background-size: 800px 534px; }
  .l-feature__flip--right:before, .l-feature__flip--left:before, .l-feature__flip--mitose1:before, .l-feature__flip--mitose2:before, .l-feature__flip--mitose3:before, .l-feature__flip--right:after, .l-feature__flip--left:after, .l-feature__flip--mitose1:after, .l-feature__flip--mitose2:after, .l-feature__flip--mitose3:after {
    display: table;
    content: ''; }
  .l-feature__flip--right:after, .l-feature__flip--left:after, .l-feature__flip--mitose1:after, .l-feature__flip--mitose2:after, .l-feature__flip--mitose3:after {
    clear: both; }

.l-feature__flip--right {
  background-image: url(/tenku/images/pc/design/image_1.jpg);
  background-position: 0 0; }

.l-feature__flip--left {
  background-image: url(/tenku/images/pc/design/image_2.jpg);
  background-position: 100% 0; }

.l-feature__flip--mitose1 {
  background-image: url(/tenku/images/pc/mitose/image_1.jpg);
  background-position: 0 0; }

.l-feature__flip--mitose2 {
  background-image: url(/tenku/images/pc/mitose/image_2.jpg);
  background-position: 100% 0; }

.l-feature__flip--mitose3 {
  background-image: url(/tenku/images/pc/mitose/image_3.jpg);
  background-position: 0 0;
  margin-bottom: 0; }

.l-feature__package {
  min-height: 625px;
  position: relative; }
  .l-feature__package:before, .l-feature__package:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out; }
  .l-feature__package:before {
    background-image: url(/tenku/images/pc/design/package_1.jpg); }
  .l-feature__package:after {
    background-image: url(/tenku/images/pc/design/package_2.jpg);
    opacity: 0; }
  .l-feature__package.is-package-1:before {
    opacity: 0; }
  .l-feature__package.is-package-1:after {
    opacity: 1; }

.l-feature__packageHeading {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  transition: opacity 0.4s linear 0.8s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.8s;
  -webkit-transition: opacity 0.4s linear 0.8s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.8s; }
  .is-package-1 .l-feature__packageHeading {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.l-feature__packageText {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  transition: opacity 0.4s linear 0.9s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
  -webkit-transition: opacity 0.4s linear 0.9s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }
  .is-package-1 .l-feature__packageText {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.l-feature__packageRow {
  padding: 180px 140px 0 0;
  position: relative;
  z-index: 1; }

.l-feature__animateHeading {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  transition: opacity 0.4s linear, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
  .is-animated .l-feature__animateHeading {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.l-feature__animateText, .l-feature__animateText--mitose {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  transition: opacity 0.4s linear 0.1s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  -webkit-transition: opacity 0.4s linear 0.1s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; }
  .is-animated .l-feature__animateText, .is-animated .l-feature__animateText--mitose {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.l-feature__animateText--mitose {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s; }
  .is-scene-2 .l-feature__animateText--mitose {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.l-story {
  height: 100%; }

.l-story__heading--story1, .l-story__heading--story2, .l-story__heading--story3, .l-story__heading--story4, .l-story__heading--story5, .l-story__heading--story6, .l-story__heading--story7 {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  left: 50%;
  margin: auto;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 0.6s linear 0.4s, filter 0.6s linear 0.4s;
  -webkit-transition: opacity 0.6s linear 0.4s, -webkit-filter 0.6s linear 0.4s;
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  filter: blur(10px);
  opacity: 0; }
  .is-visible .l-story__heading--story1, .is-visible .l-story__heading--story2, .is-visible .l-story__heading--story3, .is-visible .l-story__heading--story4, .is-visible .l-story__heading--story5, .is-visible .l-story__heading--story6, .is-visible .l-story__heading--story7 {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    filter: blur(0);
    opacity: 1; }
  .lte-ie9 .l-story__heading--story1, .lte-ie9 .l-story__heading--story2, .lte-ie9 .l-story__heading--story3, .lte-ie9 .l-story__heading--story4, .lte-ie9 .l-story__heading--story5, .lte-ie9 .l-story__heading--story6, .lte-ie9 .l-story__heading--story7 {
    opacity: 1; }

.l-story__heading--story1 {
  height: 173px;
  margin-left: 150px; }

.l-story__heading--story2 {
  height: 448px;
  margin-left: 140px; }

.l-story__heading--story3 {
  height: 304px;
  margin-left: 140px; }

.l-story__heading--story4 {
  height: 454px;
  margin-left: 140px; }

.l-story__heading--story5 {
  height: 321px;
  margin-left: 140px; }

.l-story__heading--story6 {
  height: 370px;
  margin-left: 140px; }

.l-story__heading--story7 {
  height: 457px;
  margin-left: 140px; }

.l-story__panel--1-1, .l-story__panel--1-2, .l-story__panel--1-3, .l-story__panel--2-1, .l-story__panel--2-2, .l-story__panel--3-1, .l-story__panel--3-2, .l-story__panel--4-1, .l-story__panel--4-2, .l-story__panel--5-1, .l-story__panel--5-2, .l-story__panel--5-3, .l-story__panel--6-1, .l-story__panel--6-2,
.l-story__panel--7-1, .l-story__panel--7-2,
.l-story__panel--72-1, .l-story__panel--72-2,
.l-story__panel--73-1, .l-story__panel--73-2 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear; }
  .l-story__panel--1-1:before, .l-story__panel--1-2:before, .l-story__panel--1-3:before, .l-story__panel--2-1:before, .l-story__panel--2-2:before, .l-story__panel--3-1:before, .l-story__panel--3-2:before, .l-story__panel--4-1:before, .l-story__panel--4-2:before, .l-story__panel--5-1:before, .l-story__panel--5-2:before, .l-story__panel--5-3:before, .l-story__panel--6-1:before, .l-story__panel--6-2:before,
  .l-story__panel--7-1:before, .l-story__panel--7-2:before,
  .l-story__panel--72-1:before, .l-story__panel--72-2:before,
  .l-story__panel--73-1:before, .l-story__panel--73-2:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transition: transform 20s linear;
    -webkit-transition: -webkit-transform 20s linear; }
  .l-story__panel--1-1:after, .l-story__panel--1-2:after, .l-story__panel--1-3:after, .l-story__panel--2-1:after, .l-story__panel--2-2:after, .l-story__panel--3-1:after, .l-story__panel--3-2:after, .l-story__panel--4-1:after, .l-story__panel--4-2:after, .l-story__panel--5-1:after, .l-story__panel--5-2:after, .l-story__panel--5-3:after, .l-story__panel--6-1:after, .l-story__panel--6-2:after,
  .l-story__panel--7-1:after, .l-story__panel--7-2:after,
  .l-story__panel--72-1:after, .l-story__panel--72-2:after,
  .l-story__panel--73-1:after, .l-story__panel--73-2:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(/tenku/images/pc/story/tone.png) 0 0 repeat;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out; }
  .l-story:hover .l-story__panel--1-1:after, .l-story:hover .l-story__panel--1-2:after, .l-story:hover .l-story__panel--1-3:after, .l-story:hover .l-story__panel--2-1:after, .l-story:hover .l-story__panel--2-2:after, .l-story:hover .l-story__panel--3-1:after, .l-story:hover .l-story__panel--3-2:after, .l-story:hover .l-story__panel--4-1:after, .l-story:hover .l-story__panel--4-2:after, .l-story:hover .l-story__panel--5-1:after, .l-story:hover .l-story__panel--5-2:after, .l-story:hover .l-story__panel--5-3:after, .l-story:hover .l-story__panel--6-1:after, .l-story:hover .l-story__panel--6-2:after,
  .l-story:hover .l-story__panel--7-1:after, .l-story:hover .l-story__panel--7-2:after,
  .l-story:hover .l-story__panel--72-1:after, .l-story:hover .l-story__panel--72-2:after,
  .l-story:hover .l-story__panel--73-1:after, .l-story:hover .l-story__panel--73-2:after {
    opacity: 1; }
  .is-initialized.l-story__panel--1-1, .is-initialized.l-story__panel--1-2, .is-initialized.l-story__panel--1-3, .is-initialized.l-story__panel--2-1, .is-initialized.l-story__panel--2-2, .is-initialized.l-story__panel--3-1, .is-initialized.l-story__panel--3-2, .is-initialized.l-story__panel--4-1, .is-initialized.l-story__panel--4-2, .is-initialized.l-story__panel--5-1, .is-initialized.l-story__panel--5-2, .is-initialized.l-story__panel--5-3, .is-initialized.l-story__panel--6-1, .is-initialized.l-story__panel--6-2,
  .is-initialized.l-story__panel--7-1, .is-initialized.l-story__panel--7-2,
  .is-initialized.l-story__panel--72-1, .is-initialized.l-story__panel--72-2,
  .is-initialized.l-story__panel--73-1, .is-initialized.l-story__panel--73-2 {
    position: absolute; }
  .is-initialized-ie.l-story__panel--1-1, .is-initialized-ie.l-story__panel--1-2, .is-initialized-ie.l-story__panel--1-3, .is-initialized-ie.l-story__panel--2-1, .is-initialized-ie.l-story__panel--2-2, .is-initialized-ie.l-story__panel--3-1, .is-initialized-ie.l-story__panel--3-2, .is-initialized-ie.l-story__panel--4-1, .is-initialized-ie.l-story__panel--4-2, .is-initialized-ie.l-story__panel--5-1, .is-initialized-ie.l-story__panel--5-2, .is-initialized-ie.l-story__panel--5-3, .is-initialized-ie.l-story__panel--6-1, .is-initialized-ie.l-story__panel--6-2,
  .is-initialized-ie.l-story__panel--7-1, .is-initialized-ie.l-story__panel--7-2,
  .is-initialized-ie.l-story__panel--72-1, .is-initialized-ie.l-story__panel--72-2,
  .is-initialized-ie.l-story__panel--73-1, .is-initialized-ie.l-story__panel--73-2 {
    height: 705px; }
  .is-animated.l-story__panel--1-1, .is-animated.l-story__panel--1-2, .is-animated.l-story__panel--1-3, .is-animated.l-story__panel--2-1, .is-animated.l-story__panel--2-2, .is-animated.l-story__panel--3-1, .is-animated.l-story__panel--3-2, .is-animated.l-story__panel--4-1, .is-animated.l-story__panel--4-2, .is-animated.l-story__panel--5-1, .is-animated.l-story__panel--5-2, .is-animated.l-story__panel--5-3, .is-animated.l-story__panel--6-1, .is-animated.l-story__panel--6-2,
  .is-animated.l-story__panel--7-1, .is-animated.l-story__panel--7-2,
  .is-animated.l-story__panel--72-1, .is-animated.l-story__panel--72-2,
  .is-animated.l-story__panel--73-1, .is-animated.l-story__panel--73-2 {
    opacity: 1;
    z-index: 1; }
    .is-animated.l-story__panel--1-1:before, .is-animated.l-story__panel--1-2:before, .is-animated.l-story__panel--1-3:before, .is-animated.l-story__panel--2-1:before, .is-animated.l-story__panel--2-2:before, .is-animated.l-story__panel--3-1:before, .is-animated.l-story__panel--3-2:before, .is-animated.l-story__panel--4-1:before, .is-animated.l-story__panel--4-2:before, .is-animated.l-story__panel--5-1:before, .is-animated.l-story__panel--5-2:before, .is-animated.l-story__panel--5-3:before, .is-animated.l-story__panel--6-1:before, .is-animated.l-story__panel--6-2:before,
    .is-animated.l-story__panel--7-1:before, .is-animated.l-story__panel--7-2:before,
    .is-animated.l-story__panel--72-1:before, .is-animated.l-story__panel--72-2:before,
    .is-animated.l-story__panel--73-1:before, .is-animated.l-story__panel--73-2:before {
      transform: translate3d(0, 0, 0) scale(1.3);
      -webkit-transform: translate3d(0, 0, 0) scale(1.3); }
  .lte-ie9 .l-story__panel--1-1, .lte-ie9 .l-story__panel--1-2, .lte-ie9 .l-story__panel--1-3, .lte-ie9 .l-story__panel--2-1, .lte-ie9 .l-story__panel--2-2, .lte-ie9 .l-story__panel--3-1, .lte-ie9 .l-story__panel--3-2, .lte-ie9 .l-story__panel--4-1, .lte-ie9 .l-story__panel--4-2, .lte-ie9 .l-story__panel--5-1, .lte-ie9 .l-story__panel--5-2, .lte-ie9 .l-story__panel--5-3, .lte-ie9 .l-story__panel--6-1, .lte-ie9 .l-story__panel--6-2,
  .lte-ie9 .l-story__panel--7-1, .lte-ie9 .l-story__panel--7-2,
  .lte-ie9 .l-story__panel--72-1, .lte-ie9 .l-story__panel--72-2,
  .lte-ie9 .l-story__panel--73-1, .lte-ie9 .l-story__panel--73-2 {
    opacity: 1; }

.l-story__panel--1-1:before {
  background-image: url(/tenku/images/pc/story/1/1.jpg); }

.l-story__panel--1-2:before {
  background-image: url(/tenku/images/pc/story/1/2.jpg); }

.l-story__panel--1-3:before {
  background-image: url(/tenku/images/pc/story/1/3.jpg); }

.l-story__panel--2-1:before {
  background-image: url(/tenku/images/pc/story/2/1.jpg); }

.l-story__panel--2-2:before {
  background-image: url(/tenku/images/pc/story/2/2.jpg); }

.l-story__panel--3-1:before {
  background-image: url(/tenku/images/pc/story/3/1.jpg); }

.l-story__panel--3-2:before {
  background-image: url(/tenku/images/pc/story/3/2.jpg); }

.l-story__panel--4-1:before {
  background-image: url(/tenku/images/pc/story/4/1.jpg); }

.l-story__panel--4-2:before {
  background-image: url(/tenku/images/pc/story/4/2.jpg); }

.l-story__panel--5-1:before {
  background-image: url(/tenku/images/pc/story/5/1.jpg); }

.l-story__panel--5-2:before {
  background-image: url(/tenku/images/pc/story/5/2.jpg); }

.l-story__panel--5-3:before {
  background-image: url(/tenku/images/pc/story/5/3.jpg); }

.l-story__panel--6-1:before {
  background-image: url(/tenku/images/pc/story/6/1.jpg); }

.l-story__panel--6-2:before {
  background-image: url(/tenku/images/pc/story/6/2.jpg); }

.l-story__panel--7-1:before {
  background-image: url(/tenku/images/pc/story/7/1.jpg); }

.l-story__panel--7-2:before {
  background-image: url(/tenku/images/pc/story/7/2.jpg); }

.l-story__panel--72-1:before {
  background-image: url(/tenku/images/pc/story/7_2/1.jpg); }

.l-story__panel--72-2:before {
  background-image: url(/tenku/images/pc/story/7_2/2.jpg); }

.l-story__panel--73-1:before {
  background-image: url(/tenku/images/pc/story/7_3/1.jpg); }

.l-story__panel--73-2:before {
  background-image: url(/tenku/images/pc/story/7_3/2.jpg); }

.l-story__content {
  width: 50%;
  top: 28%;
  position: relative;
  text-align: center; }

.l-story__paragraph {
  display: inline-block;
  *zoom: 1;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  transition: opacity 0.4s linear 1.8s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1.8s;
  -webkit-transition: opacity 0.4s linear 1.8s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1.8s; }
  .l-story__paragraph:before, .l-story__paragraph:after {
    display: table;
    content: ''; }
  .l-story__paragraph:after {
    clear: both; }
  .is-animated .l-story__paragraph {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  .lte-ie9 .l-story__paragraph {
    opacity: 1; }

.l-story__line {
  display: block;
  width: 1em;
  padding: 0 8px;
  box-sizing: content-box;
  float: right;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  text-align: left;
  letter-spacing: 0;
  word-wrap: break-word; }

.l-story__button--down {
  display: block;
  width: 52px;
  height: 52px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 0;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out; }
  .is-ended .l-story__button--down {
    opacity: 1; }
  .l-story__button--down:before, .l-story__button--down:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 52px 52px;
    -webkit-background-size: 52px 52px;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out; }
  .l-story__button--down:after {
    opacity: 0; }
  .l-story__button--down:hover:before {
    opacity: 0; }
  .l-story__button--down:hover:after {
    opacity: 1; }

.l-story__button--down {
  bottom: 45px; }
  .l-story__button--down:before {
    background-image: url(/tenku/images/pc/story/button_down.png); }
  .l-story__button--down:after {
    background-image: url(/tenku/images/pc/story/button_down_hover.png); }

.l-story__button--next {
  display: block;
  width: 84px;
  height: 84px;
  line-height: 82px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  margin: auto;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: opacity 0.2s ease-out, background 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out, background 0.2s ease-out;
  text-decoration: none; }
  .is-ended .l-story__button--next {
    opacity: 1; }
  .l-story__button--next:hover {
    color: #000;
    background: #fff; }

/**
 * snsItem
 */
.snsItem--linkbtn {
  display: block;
  width: 194px;
  height: 40px;
  position: relative;
  font-size: 0; }
  .snsItem--linkbtn:before, .snsItem--linkbtn:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 194px 40px;
    -webkit-background-size: 194px 40px; }
  .snsItem--linkbtn:after {opacity: 0; }
  .snsItem--linkbtn:hover:before {opacity: 0; }
  .snsItem--linkbtn:hover:after {opacity: 1; }

.snsItem--linkbtn:before {background-image: url(/tenku/images/pc/icon_lnkbtn.png); }
.snsItem--linkbtn:after {background-image: url(/tenku/images/pc/icon_lnkbtn_hover.png); }
.l-header--story .snsItem--linkbtn:before {background-image: url(/tenku/images/pc/icon_lnkbtn_story.png); }
.l-header--story .snsItem--linkbtn:after {background-image: url(/tenku/images/pc/icon_lnkbtn_story_hover.png); }


.snsItem--twitter, .snsItem--facebook, .snsItem--cart {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  font-size: 0; }
  .snsItem--twitter:before, .snsItem--facebook:before, .snsItem--cart:before,
  .snsItem--twitter:after, .snsItem--facebook:after, .snsItem--cart:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px; }
  .snsItem--twitter:after,
  .snsItem--facebook:after,
  .snsItem--cart:after {opacity: 0;}
  
  .snsItem--twitter:hover:before,
  .snsItem--facebook:hover:before,
  .snsItem--cart:hover:before {opacity: 0;}
  
  .snsItem--twitter:hover:after,
  .snsItem--facebook:hover:after,
  .snsItem--cart:hover:after {opacity: 1;}

.snsItem--twitter:before {
  background-image: url(/tenku/images/pc/icon_x.png); }

.snsItem--twitter:after {
  background-image: url(/tenku/images/pc/icon_x_hover.png); }

.l-header--story .snsItem--twitter:before {
  background-image: url(/tenku/images/pc/icon_x_story.png); }

.l-header--story .snsItem--twitter:after {
  background-image: url(/tenku/images/pc/icon_x_story_hover.png); }


.snsItem--facebook:before {
  background-image: url(/tenku/images/pc/icon_ig.png); }

.snsItem--facebook:after {
  background-image: url(/tenku/images/pc/icon_ig_hover.png); }

.l-header--story .snsItem--facebook:before {
  background-image: url(/tenku/images/pc/icon_ig_story.png); }

.l-header--story .snsItem--facebook:after {
  background-image: url(/tenku/images/pc/icon_ig_story_hover.png); }


.snsItem--cart:before {
  background-image: url(/tenku/images/pc/icon_cart.png); }

.snsItem--cart:after {
  background-image: url(/tenku/images/pc/icon_cart_hover.png); }

.l-header--story .snsItem--cart:before {
  background-image: url(/tenku/images/pc/icon_cart_story.png); }

.l-header--story .snsItem--cart:after {
  background-image: url(/tenku/images/pc/icon_cart_story_hover.png); }

.link {
  width: 1280px;
  margin: auto; }

.link__panelOuter--1, .link__panelOuter--2, .link__panelOuter--3 {
  border-bottom: 1px solid #deddda;
  transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
border-bottom: none;
}
  .lte-ie9 .link__panelOuter--1, .lte-ie9 .link__panelOuter--2, .lte-ie9 .link__panelOuter--3 {
    opacity: 1; }

.link__panelOuter--1 {
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s; }
  .is-scene-2 .link__panelOuter--1 {
    opacity: 1; }

.link__panelOuter--2 {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s; }
  .is-scene-2 .link__panelOuter--2 {
    opacity: 1; }

.link__panelOuter--3 {
  transition-delay: 1.9s;
  -webkit-transition-delay: 1.9s; }
  .is-scene-2 .link__panelOuter--3 {
    opacity: 1; }

.link__panelOuter--3 {
  border: none; }

.link__panel {
  display: table;
  width: 100%;
  table-layout: fixed;
  color: inherit;
  text-decoration: none;
  position: relative; }
  .link__panel:before, .link__panel:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .link__panel:before {
    background: #e7e6e4; }
  .link__panel:after {
    background: #fff url(/tenku/images/pc/bg_dot_white.png) 0 0 repeat;
    opacity: 0; }
  .link__panel:hover:before {
    opacity: 0; }
  .link__panel:hover:after {
    opacity: 1; }

.link__imageContainer {
  display: table-cell;
  width: 718px;
  vertical-align: top; }

/* 2111 */
.link__image--1, .link__image--2, .link__image--3, .link__image--4, .link__image--5, .link__image--6 {
  display: block;
  width: 718px;
  height: 300px;
  position: relative; }
	.link__image--1:before, .link__image--2:before, .link__image--3:before,
	.link__image--4:before, .link__image--5:before, .link__image--6:before,
	.link__image--1:after, .link__image--2:after, .link__image--3:after,
	.link__image--4:after, .link__image--5:after, .link__image--6:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out;
    background-size: 718px 300px;
    -webkit-background-size: 718px 300px; }
  .link__image--1:after, .link__image--2:after, .link__image--3:after,
	.link__image--4:after, .link__image--5:after, .link__image--6:after {
    opacity: 0; }
  a:hover .link__image--1:before, a:hover .link__image--2:before, a:hover .link__image--3:before,
  a:hover .link__image--4:before, a:hover .link__image--5:before, a:hover .link__image--6:before {
    opacity: 0; }
  a:hover .link__image--1:after, a:hover .link__image--2:after, a:hover .link__image--3:after,
	a:hover .link__image--4:after, a:hover .link__image--5:after, a:hover .link__image--6:after {
    opacity: 1; }

.link__image--1:before {
  background-image: url(/tenku/images/pc/index/link_item_1.jpg); }

.link__image--1:after {
  background-image: url(/tenku/images/pc/index/link_item_1_hover.jpg); }

.link__image--2:before {
  background-image: url(/tenku/images/pc/index/link_item_3.jpg); }

.link__image--2:after {
  background-image: url(/tenku/images/pc/index/link_item_3_hover.jpg); }

.link__image--3:before {
  background-image: url(/tenku/images/pc/index/link_item_8.jpg); }

.link__image--3:after {
  background-image: url(/tenku/images/pc/index/link_item_8_hover.jpg); }

/* 2403 */
.link__image--4:before {
  background-image: url(/tenku/images/pc/index/link_item_6.jpg); }

.link__image--4:after {
  background-image: url(/tenku/images/pc/index/link_item_6_hover.jpg); }


.link__image--5:before {
  background-image: url(/tenku/images/pc/index/link_item_4.jpg); }

.link__image--5:after {
  background-image: url(/tenku/images/pc/index/link_item_4_hover.jpg); }

.link__image--6:before {
  background-image: url(/tenku/images/pc/index/link_item_5.jpg); }

.link__image--6:after {
  background-image: url(/tenku/images/pc/index/link_item_5_hover.jpg); }

    
  /* 2111 */
.link__text {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  border-left: 1px solid #deddda; }

.link__description {
  text-align: center; }
  .link__description > dt {
    margin: 0 0 20px;
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(0, 40px, 0);
    -webkit-transform: translate3d(0, 40px, 0); }
  .link__description > dd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    opacity: 0;
    transition: opacity 0.4s ease-out 0.1s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -webkit-transition: opacity 0.4s ease-out 0.1s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0); }
    .link__description > dd .lte-ie9 {
      opacity: 1; }
  a:hover .link__description > dt {
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  a:hover .link__description > dd {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1; }

.link__button {
  position: absolute !important;
  top: 0;
  right: 40px;
  bottom: 0;
  margin: auto; }

/**
 * utils
 */
/**
 * html
 */
html {
  overflow-y: scroll; }
  html.is-menu-open {
    overflow: hidden; }

body {
  min-height: 705px;
  -webkit-font-smoothing: antialiased; }

.u-comma,
.u-fullStop {
  display: block;
  position: relative;
  top: -10px;
  left: 10px;
  margin-bottom: -5px; }

.u-smallLetter {
  display: block;
  position: relative;
  top: -3px;
  left: 1px;
  margin-bottom: -3px; }

.u-spacing {
  display: block;
  padding-bottom: 0.5em; }

.u-long {
  display: block;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg); }

.u-leftBracket {
  display: block;
  font-size: 0;
  margin-top: -6px; }
  .u-leftBracket:before {
    display: block;
    content: '﹁';
    font-size: 14px; }

.u-leftBracket--fz15 {
  display: block;
  font-size: 0;
  margin-top: -6px; }
  .u-leftBracket--fz15:before {
    display: block;
    content: '﹁';
    font-size: 15px; }

.u-rightBracket {
  display: block;
  font-size: 0;
  margin-bottom: -6px; }
  .u-rightBracket:before {
    display: block;
    content: '﹂';
    font-size: 14px; }

.u-rightBracket--fz15 {
  display: block;
  font-size: 0;
  margin-bottom: -6px; }
  .u-rightBracket--fz15:before {
    display: block;
    content: '﹂';
    font-size: 15px; }

.u-leftParenthesis {
  display: block;
  font-size: 0;
  margin-top: -5px;
  line-height: 0.9; }
  .u-leftParenthesis:before {
    display: block;
    content: '︵';
    font-size: 14px; }

.u-rightParenthesis {
  display: block;
  font-size: 0;
  margin-bottom: -6px;
  line-height: 0.8; }
  .u-rightParenthesis:before {
    display: block;
    content: '︶';
    font-size: 14px; }

.u-leftParenthesis--fz15 {
  display: block;
  font-size: 0;
  margin-top: -5px;
  line-height: 1; }
  .u-leftParenthesis--fz15:before {
    display: block;
    content: '︵';
    font-size: 15px; }

.u-rightParenthesis--fz15 {
  display: block;
  font-size: 0;
  margin-bottom: -6px;
  line-height: 1; }
  .u-rightParenthesis--fz15:before {
    display: block;
    content: '︶';
    font-size: 15px; }

/**
 * body
 */
.l-body--top {
  height: 100%;
  position: relative; }

/**
 * main
 */
.l-main {
  position: relative;
  overflow: hidden;
  transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out; }
  .l-main.is-reset {
    opacity: 0; }

/**
 * container
 */
.l-container {
  width: 1280px;
  margin: auto;
  position: relative;
  *zoom: 1; }
  .l-container:before, .l-container:after {
    display: table;
    content: ''; }
  .l-container:after {
    clear: both; }

/**
 * section
 */
.l-section--1, .l-section--2, .l-section--3, .l-section--4 {
  min-height: 625px;
  position: relative;
  z-index: -1;
  opacity: 0; }
  .lte-ie9 .l-section--1, .lte-ie9 .l-section--2, .lte-ie9 .l-section--3, .lte-ie9 .l-section--4 {
    opacity: 1; }

.js-section {
  width: 100%;
  top: 0;
  left: 0; }
  .js-section.is-initialized {
    position: absolute !important; }

/**
 * section-1
 */
.l-section--1 {
  background: url(/tenku/images/pc/index/bg_keyvisual.png) 0 0 repeat-x;
  background-size: auto 100%;
  -webkit-background-size: auto 100%; }
  .l-section--1:before {
    display: block;
    content: '';
    width: 100%;
    height: 80px;
    background: #fefefe;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, -80px, 0);
    -webkit-transform: translate3d(0, -80px, 0);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1.8s;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1.8s; }
  .is-scene-0 .l-section--1 {
    opacity: 1;
    z-index: 2; }
    .is-scene-0 .l-section--1:before {
      transform: translateY(0);
      -webkit-transform: translateY(0); }
  .is-scene-1 .l-section--1 {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: opacity 0.6s linear 0.2s;
    -webkit-transition: opacity 0.6s linear 0.2s; }
  .is-scene-2 .l-section--1 {
    opacity: 0; }

.js-mitose .l-section--1 {
  background-image: url(../images/pc/mitose/bg_keyvisual.png);
  background-size: cover;
  -webkit-background-size: cover; }

/**
 * section-2
 */
.is-scene-1 .l-section--2 {
  opacity: 1;
  z-index: 2;
  transition: opacity 0.6s linear;
  -webkit-transition: opacity 0.6s linear; }

.is-scene-2 .l-section--2 {
  opacity: 0; }

/**
 * section-3
 */
.l-section--3 {
  overflow: hidden;
  margin: 80px 0 0; }
  .is-scene-2 .l-section--3 {
    opacity: 1;
    z-index: 2; }

/**
 * section-4
 */
.is-scene-3 .l-section--4 {
  opacity: 1;
  z-index: 0; }

.is-scene-3-done .l-section--4 {
  z-index: 2; }

/**
 * button
 */
.button--down {
  width: 53px;
  height: 53px;
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 3;
  margin: auto; }
  .button--down:before, .button--down:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 53px 53px;
    -webkit-background-size: 53px 53px; }
  .button--down:after {
    opacity: 0; }
  .button--down:hover:before {
    opacity: 0; }
  .button--down:hover:after {
    opacity: 1; }

.button--down {
  display: none; }
  .button--down:before {
    background-image: url(/tenku/images/pc/button_down.png); }
  .button--down:after {
    background-image: url(/tenku/images/pc/button_down_hover.png); }

.button--up {
  display: block;
  width: 53px;
  height: 53px;
  margin: auto;
  position: relative; }
  .button--up:before, .button--up:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 53px 53px;
    -webkit-background-size: 53px 53px; }
  .button--up:before {
    background-image: url(/tenku/images/pc/button_up.png); }
  .button--up:after {
    background-image: url(/tenku/images/pc/button_up_hover.png); }
  .button--up:after {
    opacity: 0; }
  .button--up:hover:before {
    opacity: 0; }
  .button--up:hover:after {
    opacity: 1; }

.button--left {
  display: block;
  width: 53px;
  height: 53px;
  margin: auto;
  position: relative; }
  .button--left:before, .button--left:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    background-size: 53px 53px;
    -webkit-background-size: 53px 53px; }
  .button--left:before {
    background-image: url(/tenku/images/pc/button_left.png); }
  .button--left:after {
    background-image: url(/tenku/images/pc/button_left_hover.png); }
  .button--left:after {
    opacity: 0; }
  .button--left:hover:before,
  a:hover .button--left:before {
    opacity: 0; }
  .button--left:hover:after,
  a:hover .button--left:after {
    opacity: 1; }

/**
 * footer
 */
.l-footer {
  display: none; }

.l-footer--visible {
  display: block; }

.l-footer__arrow {
  border-top: 1px solid #eeeeec;
  padding: 42px 0; }

#footer {
  background: #5d5d5d;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
  font-size: 12px;
  font-size: 1.2rem; }
  .is-scene-3-done #footer {
    display: block; }
  #footer .inner {
    width: 1200px;
    margin: auto;
    padding: 30px 0 10px; }
  #footer .note {
    padding: 20px 0 0;
    margin: 0 0 30px;
    clear: both; }
  #footer .copyright {
    display: block;
    color: #cecdcd;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center; }
  #footer .utility-navi {
    float: right;
    list-style-type: none;
    line-height: 1.1; }
    #footer .utility-navi > li {
      display: inline-block;
      padding: 0 10px;
      border-right: 1px solid #fff;
      font-size: 12px;
      font-size: 1.2rem; }
      #footer .utility-navi > li > a {
        color: inherit;
        text-decoration: none; }
        #footer .utility-navi > li > a:hover {
          text-decoration: underline; }
  #footer #foot-logo {
    float: left; }
    #footer #foot-logo > span {
      display: inline-block;
      padding: 0 0 0 10px;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      vertical-align: middle; }

/**
 * overlay
 */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 9;
  background: #000;
  opacity: 0;
  transition: opacity 0.4s ease-out;
  -webkit-transition: opacity 0.4s ease-out; }
  .is-menu-open .overlay {
    top: 0;
    opacity: 0.4; }

/**
 * 縦書き
 */
.vertical {
  *zoom: 1; }
  .vertical:before, .vertical:after {
    display: table;
    content: ''; }
  .vertical:after {
    clear: both; }

.vertical__paragraph {
  margin: 0 0 0 25px;
  float: right;
  *zoom: 1; }
  .vertical__paragraph:before, .vertical__paragraph:after {
    display: table;
    content: ''; }
  .vertical__paragraph:after {
    clear: both; }

.vertical__line {
  display: block;
  width: 1em;
  margin: 0 0 0 15px;
  float: right;
  line-height: 1.2;
  text-align: left;
  letter-spacing: 0;
  word-wrap: break-word; }
  .vertical__line:last-child {
    margin-left: 0; }

.loading {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(/tenku/images/pc/loading.png);
  transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1; }
  .loading.is-unload {
    -webkit-animation: cssAnimation 1s 16 ease;
    -moz-animation: cssAnimation 1s 16 ease;
    -o-animation: cssAnimation 1s 16 ease;
    animation: cssAnimation 1s 16 ease; }
  .loading.is-loaded {
    opacity: 0; }

@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes cssAnimation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@keyframes cssAnimation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }




		.u-90 {
			position: relative;
			top: 1px;
			left: -1px;
			-ms-writing-mode: tb-rl;
		  writing-mode: vertical-rl;
		}
		.u-sp {
			display: inline-block;
			margin: 4px 0 0 0;
		}

.footer-pagetop { display:none !important; }