﻿@charset "UTF-8";
#ee { margin-top: 0; }
@media screen and (min-width: 768px),print {
  .ugoki-01 { opacity: 0; transform: translate(120px, -80px); }
  .ugoki-01.is-show { animation: car-drive-in 2.0s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; }
  .bg-gray { background-color: #F2F2F2; margin-top: 153px; position: relative; padding-bottom: 140px; }
  #lead .inner .ttl-box { width: 703px; margin: 0 auto; margin-bottom: 54px; position: relative; top: -41px; }
  #lead .inner .ttl-box .ttl { position: relative; }
  #lead .inner .ttl-box .deco { position: absolute; bottom: -35px; right: -86px; }
  #lead .inner .txt-box { width: 840px; margin: 0 auto; margin-bottom: 97px; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #000; }
}
@media screen and (max-width: 767px) {
  .ugoki-01 {  }
  /* .ugoki-01 { opacity: 0; transform: translate( 60px, -40px); } */
  /* .ugoki-01.is-show { animation: car-drive-in 2.0s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } */
  .bg-gray { background-color: #F2F2F2; margin-top: 24.396vw; position: relative; padding-bottom: 19.324vw; }
  #lead .inner .ttl-box { width: 74.638vw; margin: 0 auto; margin-bottom: 3.382vw; position: relative; top: -5.314vw; }
  #lead .inner .ttl-box .ttl { position: relative; width: 74.638vw; margin: 0 auto; }
  #lead .inner .ttl-box .deco { position: absolute; bottom: -5.797vw; right: -8.454vw; width: 14.976vw; }
  #lead .inner .txt-box { width: 89.372vw; margin: 0 auto; margin-bottom: 13.768vw; font-weight: 500; text-align: left; color: #000; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.797vw; }
}
/* @media screen and (min-width: 768px),print {
  @keyframes car-drive-in {
    0% { opacity: 0; transform: translate(120px, -80px); }
    20% { opacity: 1; }
    62% { transform: translate(0, 0); }
    71% { transform: translate(0, -3px); }
    80% { transform: translate(0, 2px); }
    87% { transform: translate(0, -1px); }
    93% { transform: translate(0, 1px); }
    97% { transform: translate(0, -1px); }
    100% { opacity: 1; transform: translate(0, 0); }
  }
}
@media screen and (max-width: 767px) {
  @keyframes car-drive-in {
    0% { opacity: 0; transform: translate(120px, -80px); }
    20% { opacity: 1; }
    62% { transform: translate(0, 0); }
    71% { transform: translate(0, -3px); }
    80% { transform: translate(0, 2px); }
    87% { transform: translate(0, -1px); }
    93% { transform: translate(0, 1px); }
    97% { transform: translate(0, -1px); }
    100% { opacity: 1; transform: translate(0, 0); }
  }
} */
