@charset "UTF-8";

.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; }
]





.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__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__cell--mitose2 {
  float: right; }

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

.l-feature__subheading--mitose {
  margin-top: -84px;
  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--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: 108px;
  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--mitose1 {
  background-image: url(/tenku/images/pc/awane/image_1.jpg);
  background-position: 0 0; }

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

.l-feature__flip--mitose3 {
  background-image: url(/tenku/images/pc/awane/image_3.jpg);
  background-position: 0 0;
  margin-bottom: 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); }


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




.introduction__paragraph--4 {
	  margin-left: 160px !important;
}



.mov h2 {
  margin-top: 80px;
}
.mov iframe {
  margin-top: 70px;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}