@charset "utf-8";

main { margin-top:7rem; }

#mv { height:calc(100vh - 7rem); width:100%; position:relative; }
#mv .mv-text { position:absolute; top:2rem; left:2rem; color:#c79b59; font-size:2rem; font-weight: bold; }
#mv .cont { 
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

#vision { margin-top:0; }
#vision .cont { position:relative; }
#vision .cont .text-area { position:absolute; top:8rem; left:50%; transform:translateX(-50%); }
#vision .cont .text-area p.tx { text-align:center; color:#fff; line-height:2; }
#vision .cont .text-area p.tx .ttl { font-size:2.4rem; display:block; margin:6rem auto 3rem; line-height:1.6; }

#business {}
#business ul.catch { display:flex; justify-content:space-between; align-items:center; padding:0 4rem; margin-top:8rem; }
#business ul.catch li { width:45%; }
#business ul.catch li .ttl { font-size:2rem; font-weight: bold; margin-bottom:5rem; line-height:2; }
#business ul.catch li .tx { line-height:2; }
#business .box { margin-top:15rem; }
#business .box ul { display:flex; align-items:center; justify-content:space-between; }
#business .box ul li {}
#business .box ul li.img { max-width:100rem; width:100%; }
#business .box ul li.tx { width:35%; }
#business .box ul.r { margin-left:calc(50% - 50vw); }
#business .box ul.r li.tx { margin-left:4rem; }
#business .box ul.l { margin-right:calc(50% - 50vw); }
#business .box ul.l li.img { order:2; }
#business .box ul.l li.tx { margin-right:4rem; }
#business .box ul:first-child li.tx { margin-top:-8rem; }
#business .box ul:nth-of-type(n+2) { margin-top:-8rem; }

#result {  }
#result ul.sp-slider { display:flex; margin:5rem 0 3rem; }
#result ul.sp-slider li { width:calc(100% / 7 - 18rem / 7); margin-right:3rem; }
#result ul.sp-slider li:last-child { margin-right:0; }
#result #map { margin-bottom:4rem;width:100%; height:90rem; }

#company { margin-bottom:0; }
#company ul { display:flex; justify-content:space-between; margin-right:calc(50% - 50vw); margin-top:6rem; }
#company ul li {  }
#company ul li.about { width:100%; max-width:57rem; font-size:1.8rem; margin-right:3rem; }
#company ul li.about p { color:#9d7540; font-weight: bold; }
#company ul li.about table { width:100%; }
#company ul li.about table tr { border-top:solid 1px #9d7540; }
#company ul li.about table th,#company ul li.about table td { padding:1rem 0; }
#company ul li.img { width:100%; order:2; }



@media screen and (max-width:1000px){
  #vision .cont img { height:70vh; object-fit:cover; }
  
  #business ul.catch { display:block; }
  #business ul.catch li { width:100%; }
  #business ul.catch li:first-child { width:50%; margin:0 auto 5rem; }
  #business ul.catch li p { text-align:center; }
  #business ul.catch li .ttl { margin-bottom:2rem; }
  #business .box ul { display:block; margin:5rem 0 0!important; }
  #business .box ul:nth-of-type(n+2) { margin-top:5rem; }
  #business .box ul:first-child { margin-top:0!important; }
  #business .box ul:first-child li.tx { margin-top:0; }
  #business .box ul li { width:100%!important; }
  #business .box ul li.tx { margin-top:2rem; margin:1rem 0 0!important; }
  h3 { margin-bottom:1rem; }
}
@media screen and (max-width:900px){
  #company ul { display:block; margin-right:0; }
  #company ul li { max-width:100%!important; width:100%; }
  #company ul li.img { margin-bottom:5rem; }
  
  #result .slick-track { display:flex; }
  #result ul.sp-slider { display:block; }
  #result ul.sp-slider li { width:auto; margin:0; }
  #result #map { height:40rem; }
}
@media screen and (max-width:600px){
  #mv .cont { text-align:center; top:38%; }
  #mv .cont svg { max-width:90%; width:100%; }
  .scroll-area { bottom:30%; }
  
  #vision .cont:after {
    position:absolute;
    content:"";
    display:block;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgb(0,0,0,.3);
    z-index:1;
  }
  #vision .cont .text-area { z-index:10; }
  
  #business ul.catch { padding:0; }
  #business ul.catch li:first-child { width:100%; padding:0 2rem; }
  #business .box { margin-top:5rem; }
}