@charset "utf-8";

/* --------------------------------------------
  #culture-main-visual
-------------------------------------------- */

#culture-main-visual {
  width: 100%;
  overflow: hidden;
  background: -moz-linear-gradient(180deg, #2450a8 0%, #152e61 100%);
  background: -webkit-linear-gradient(180deg, #2450a8 0%, #152e61 100%);
  background: linear-gradient(180deg, #2450a8 0%, #152e61 100%);
}

#culture-main-visual .copy-box {
  width: 0;
  position: relative;
  transition: width 0.8s ease-in 1.6s;
  overflow: hidden;
}
#culture-main-visual .copy-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  transition: left 0.8s ease-out 2.4s;
}
#culture-main-visual .copy-box.active::after {
  left: 100%;
}

@media print, screen and (min-width: 768px){
  #culture-main-visual .col2-box {
    display: flex;
    align-items: flex-end;
    position: relative;
  }
  #culture-main-visual h1 {
    width: calc(440 / 1220 * 100%);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #culture-main-visual h1 img {
    width: 100%;
  }
  #culture-main-visual .copy-box {
    height: 307px;
    margin: 49px calc(-90 / 1220 * 100%) 0 calc(513 / 1220 * 100%);
    padding-top: 102px;
    box-sizing: border-box;
    background: url(/jp/design_technology/craftsmanship/our-culture/img/bg_01.jpg) no-repeat center center / cover;
  }
  #culture-main-visual .copy-box.active {
    width: calc(799 / 1220 * 100%);
  }
  #culture-main-visual .copy-box img {
    width: calc(528 / 799 * 100%);
    margin-left: calc(51 / 799 * 100%);
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1260px) {
  #culture-main-visual .copy-box {
    height: calc(307 / 1260 * 100vw);
    padding-top: calc(102 / 1260 * 100vw);
  }
}

@media print, screen and (max-width: 767px){
  #culture-main-visual {
    padding: calc(40 / 375 * 100vw) 0;
  }
  #culture-main-visual .rwd-main-content-group {
    width: auto;
  }
  #culture-main-visual h1 {
    width: calc(194 / 375 * 100vw);
    margin: 0 0 0 5%;
  }
  #culture-main-visual h1 img {
    width: 100%;
  }
  #culture-main-visual .copy-box {
    height: calc(168 / 375 * 100vw);
    margin-top: calc(35 / 375 * 100vw);
    box-sizing: border-box;
    background: url(/jp/design_technology/craftsmanship/our-culture/img/bg_01_sp.jpg) no-repeat center center / cover;
    position: relative;
  }
  #culture-main-visual .copy-box.active {
    width: calc(338 / 375 * 100%);
  }
  #culture-main-visual .copy-box img {
    width: calc(292 / 375 * 100vw);
    position: absolute;
    left: calc(21 / 375 * 100vw);
    top: calc(62 / 375 * 100vw);
  }
}

/* --------------------------------------------
  微調整
-------------------------------------------- */

.common-layout1 .sec img.anim.to-bottom:not(.on) {
  transform: translateY(-40px);
}

@media print, screen and (min-width: 768px) {
  .common-lead1 .desc {
    font-size: 1.8rem;
  }
}

@media print, screen and (max-width: 767px){
  #rwd-content .common-lead1 .desc {
    line-height: 1.55 !important;
  }
}