@charset "utf-8";
/* CSS Document */



  /* ========================================================================
  // area-main
  ======================================================================== */
  .area_main {
    background-image: url("/img/bg_main_01.jpg");
    background-position: center top;
    color: #ffffff;
    padding: 105px 0 0;
    }

  /* box_arch
  -------------------------------------------------------- */
  .area_main .box_arch {
    position: relative;
}
  .area_main .txt_arch_01,
  .area_main .txt_arch_02 {
    font-size: 49px;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-align: center;
  }
  .area_main .txt_arch_01 {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .area_main .txt_arch_02 {
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    margin: auto;
  }

  /* box_illust_animal
  -------------------------------------------------------- */
  .area_main .box_illust_animal {
    position: relative;
    width: 100px;
    margin: 0 auto;
  }
  .area_main .box_illust_animal img.animal_01 {
    position: absolute;
    top: 170px;
    left: -417px;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
  }
  .area_main .box_illust_animal img.animal_02 {
    position: absolute;
    top: 275px;
    right: -155px;
    animation: anim_animal_02 1.5s;
  }
  @keyframes anim_animal_02 {
    0% {
    transform: translateY(-100px);
    opacity: 0;
    }
    100% {
    transform: translateY(0px);
    opacity: 1;
    }
  }
  .area_main .box_illust_animal img.animal_03 {
    position: absolute;
    top: 300px;
    right: -410px;
    animation: anim_animal_03 3s;
  }
  @keyframes anim_animal_03 {
    0% {
    transform: translateX(100px);
    opacity: 0;
    }
    100% {
    transform: translateX(0px);
    opacity: 1;
    }
  }
  .area_main .box_illust_animal img.animal_04 {
    position: absolute;
    top: 390px;
    left: -370px;
    animation: anim_animal_04 1s;
  }
  @keyframes anim_animal_04 {
    0% {
    transform: translateX(-50px);
    opacity: 0;
    }
    100% {
    transform: translateX(0px);
    opacity: 1;
    }
  }
  .area_main .box_illust_animal img.animal_05 {
    position: absolute;
    top: 420px;
    right: -300px;
    animation: anim_animal_05 1s;
  }
  @keyframes anim_animal_05 {
    0% {
    transform: translateX(50px);
    opacity: 0;
    }
    100% {
    transform: translateX(0px);
    opacity: 1;
    }
  }
  .area_main .box_illust_animal img.animal_06 {
    position: absolute;
    top: 700px;
    left: -400px;
    transform: translateX(-50px);
  }
  .area_main .box_illust_animal img.animal_07 {
    position: absolute;
    top: 850px;
    right: -600px;
    transform: translateX(50px);
  }
  .area_main .box_illust_animal img.animal_08 {
    position: absolute;
    top: 950px;
    left: -550px;
    transform: translateY(-50px);
  }





  /* box_illust_car
  -------------------------------------------------------- */
  .area_main .box_illust_car {
    width: 494px;
    margin: 480px auto 0;
    position: relative
  }
  .area_main .box_illust_car .img_back {
    position: absolute;
    top: 93px;
    left: 61px;
    animation: rotate-anime 5s linear infinite;
  }
  .area_main .box_illust_car .img_before {
    position: absolute;
    top: 93px;
    right: 63px;
    animation: rotate-anime 5s linear infinite;
  }
  @keyframes rotate-anime {
    0%  {transform: rotate(0);}
    100%  {transform: rotate(360deg);}
  }


  /* box_copy_01
  -------------------------------------------------------- */
  .area_main .box_copy_01 {
    width: 820px;
    margin: 160px auto 0;
    padding: 0 0 60px;
  }
  .area_main .box_copy_01 .ttl_01 {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    line-height: 1.4;
    text-align: center;
  }
  .area_main .box_copy_01 .list_01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0 30px;
}

  .area_main .box_copy_01 .list_01 li {
    background-color: #00a040;
    width: 15%;
    text-align: center;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .area_main .box_copy_01 .list_01 li:nth-child(1),
  .area_main .box_copy_01 .list_01 li:nth-child(2),
  .area_main .box_copy_01 .list_01 li:nth-child(5){
    padding: 20px 0px;
  }
  .area_main .box_copy_01 .list_01 li:nth-child(3),
  .area_main .box_copy_01 .list_01 li:nth-child(4),
  .area_main .box_copy_01 .list_01 li:nth-child(6){
    padding: 35px 0px 20px;
  }
  .area_main .box_copy_01 .txt_01 {
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
  }


  /* ========================================================================
  // area_otherpage
  ======================================================================== */
  .area_otherpage {
    background-color: #F56600;
    width: 100%;
    background-image: url("/img/bg_top_used_04.png");
    background-position: right;
    background-repeat:no-repeat;
  }

   /* slide
  -------------------------------------------------------- */
  .area_otherpage .updown {
    transform: translateY(-100px);
  }
  .area_otherpage .downup {
    transform: translateY(100px);
  }
  .area_otherpage .slide-right {
    transform: translateX(150px);
  }
  .area_otherpage .slide-left {
    transform: translateX(-150px);
  }


  /* box_usedparts
  -------------------------------------------------------- */
  .box_usedparts {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
  }
  .box_usedparts_txt {
    background-image:url("/img/bg_top_used_03.png");
    background-repeat: no-repeat;
    background-position: top right 390px;
    display: block !important;
    width: 50%;
    margin: 60px 0 0;
  }
  .box_usedparts_txt_inner {
    width: 600px;
    color: #ffffff;
    margin: 150px 0 0 auto;
    display: flex;
  }
  .box_usedparts_txt_inner .box_txt_01 {
    width: 350px;
    margin: -5px 0 0 50px;
    
  }
  .box_usedparts_txt .ttl_en_01 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0.15em;
  }
  .box_usedparts_txt .ttl_01 {
    font-size: 28px;
    font-weight: 500;
  }

  .box_usedparts_img {
    width: 50%;
    background-image: url("/img/bg_top_used_01.png");
    background-position: top left;
    background-repeat: no-repeat;
  }  
  .box_usedparts_img img {
    padding: 150px 0 70px 180px;
}

  /* box_scrappedcar
  -------------------------------------------------------- */
  .box_scrappedcar {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
  }
  .box_scrappedcar_txt {
    display: block !important;
    width: 50%;
    margin: 80px 0 0;
    z-index: 100;
}
  .box_scrappedcar_txt_inner_01 {
    width: 580px;
    color: #ffffff;
    margin: 0px 0 0 -60px;
    display: flex;
  }
  .box_scrappedcar_txt_inner_01 .box_txt_01 {
    width: 250px;
    margin: -5px 0 0 50px;
  }
  .box_scrappedcar_txt_inner_02 {
    width: 350px;
    color: #ffffff;
    margin: 0px 0 0 -200px;
    display: flex;

  }
  .box_scrappedcar_txt_inner_02 .box_txt_02 {
    width: 350px;
    margin: -5px 0 0 50px;
  }

  .box_scrappedcar_txt .ttl_en_01 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0.15em;
  }
  .box_scrappedcar_txt .ttl_01 {
    font-size: 28px;
    font-weight: 500;
  }

  .box_scrappedcar_img {
    width: 50%;
    background-image: url("/img/bg_top_used_02.png");
    background-position: top right;
    background-repeat: no-repeat;
    text-align: right;
    position: relative;
  }  
  .box_scrappedcar_img .img_01 {
    padding: 10px 160px 0 0;
  }
  .box_scrappedcar_img .img_02 {
    position: absolute;
    bottom: 0;
    right: 400px;
  }



  /* ========================================================================
  // area_news
  ======================================================================== */
  .area_news {
    width: 1100px;
    margin: 130px auto;
    display: flex;
    justify-content: space-between;
  }
  .box_news_ttl {
    margin: -15px 0 0;
  }
  .box_news_ttl p {
    font-size: 36px;
    font-weight: 700;
    color: #32C08B;
    line-height: 1.8;
  }
  .box_news_ttl p span {
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin: 0 0 0 3px;
  }

  dl.box_news_details {
    width: 805px;
    border-top: 2px solid #32C08B;
    border-bottom: 2px solid #32C08B;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.5;
  }
  dl.box_news_details dt,
  dl.box_news_details dd a {
    padding: 30px 0;
  }
  dl.box_news_details dt {
    color: #32C08B;
    width: 100px;
    border-bottom: 1px solid #C4C4C4;
    margin: 0 0 0 10px;
  }
  dl.box_news_details dd {
    width: 685px;
    border-bottom: 1px solid #C4C4C4;
    margin: 0 10px 0 0;
  }
  dl.box_news_details dt:last-of-type,
  dl.box_news_details dd:last-of-type{
    border-bottom: none;
  }
  dl.box_news_details dd a {
    color: #000;
    display: block;
  }


  /* ========================================================================
  // area_banner
  ======================================================================== */
  .area_banner {
    background-color: #EBEBEB;
  }
  .box_banner_inner {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    justify-content: center;
  }
  .box_banner_inner li {
    margin: 0 10px;
}