@charset "UTF-8";

:root {
  --color-lp_bg: #F5F3F2;
  --color-lp_primary: #26282A;
  --color-lp_secondary: #26282A;
}

/*--------------------------------
            CSS Animation
 --------------------------------*/

/*--------------------------------
                共 通
 --------------------------------*/

main,#Wrap,.wrapBottom,.wrapTop{
  width: 100%;
  max-width: 100%;
}

#lp_contents *{
  box-sizing: border-box;
}

#lp_contents{
  position: relative;
  padding-bottom: 7rem;
}
#lp_contents .sp_only{display: none;}
#lp_contents img{width: 100%;display: block;height: auto;}
#lp_contents a{display: block;width: 100%;cursor: pointer;transition: all 0.5s;color: inherit;}
#lp_contents a:hover{opacity: .8}
#lp_contents h1,#lp_contents h2,#lp_contents h3{padding: 0;float: none;font-weight: normal;}

#lp_contents section{
  position: relative;
  margin: auto;
}


/* sec_mv
==================================*/

#lp_contents .sec_mv{
  margin-top: calc(30 *(100vw / 1920));
}


/* sec_intro
==================================*/

#lp_contents .sec_intro{
  width: 139.2rem;
  margin: 7rem auto 8rem;
}


/* sec_look
==================================*/

#lp_contents .sec_look{
  background-color: var(--color-lp_bg);
}

#lp_contents .sec_look .sec_inner{
  width: 158rem;
  margin: auto;
}

#lp_contents .look_1 .sec_inner{
  padding-left: 15.5rem;
}


#lp_contents .look_1 img{
  width: 121rem;
}

#lp_contents .look_2{
  margin: 2rem auto 0;
}

#lp_contents .look_2 img{
  width: 158rem;
}


/* sec_btm
==================================*/

#lp_contents .sec_btm{
  width: 83.3rem;
  margin: 7.5rem auto 0;
}


/*--------------------------------
            Responsive
 --------------------------------*/

@media screen and (max-width: 1600px){
  html {
    font-size: calc(10 * (100vw / 1600));
  }
}

/*--------------------------------
            Layout  SP
 --------------------------------*/
@media (max-width: 767px) {

  html {
    font-size: calc(10 * (100vw / 750));
  }

  #FooterWrap {
    margin-top: -3rem;
  }

  #lp_contents{
    padding-bottom: 12rem;
  }
  #lp_contents .sp_only{display: block;}
  #lp_contents .pc_only{display: none;}


  /* sec_mv
  ==================================*/

  #lp_contents .sec_mv{
    margin-top: 4.5rem;
  }


  /* sec_intro
  ==================================*/

  #lp_contents .sec_intro{
    width: 69rem;
    margin: 7rem auto 9rem;
  }


  /* sec_look
  ==================================*/

  #lp_contents .sec_look{
    background-color: initial;
  }

  #lp_contents .sec_look .sec_inner{
    width: 100%;
  }

  #lp_contents .look_1 .sec_inner{
    padding-left: 0;
  }


  #lp_contents .look_1 img{
    width: 100%;
  }

  #lp_contents .look_2{
    margin: 6.5rem auto 0;
  }

  #lp_contents .look_2 img{
    width: 100%;
  }


  /* sec_btm
  ==================================*/

  #lp_contents .sec_btm{
    width: 67.5rem;
    margin: 8.5rem auto 0;
  }
}