@charset "UTF-8";
/* 余白調整用 */
/* 750 */
@media screen and (max-width: 896px) { .mb0_sp { margin-bottom: 0 !important; }
  .mb10_750_sp { margin-bottom: calc(10 / 750 * 100vw) !important; }
  .mb15_750_sp { margin-bottom: calc(15 / 750 * 100vw) !important; }
  .mb20_750_sp { margin-bottom: calc(20 / 750 * 100vw) !important; }
  .mb25_750_sp { margin-bottom: calc(25 / 750 * 100vw) !important; }
  .mb30_750_sp { margin-bottom: calc(30 / 750 * 100vw) !important; }
  .mb35_750_sp { margin-bottom: calc(35 / 750 * 100vw) !important; }
  .mb40_750_sp { margin-bottom: calc(40 / 750 * 100vw) !important; }
  .mb45_750_sp { margin-bottom: calc(45 / 750 * 100vw) !important; }
  .mb50_750_sp { margin-bottom: calc(50 / 750 * 100vw) !important; }
  .mb55_750_sp { margin-bottom: calc(55 / 750 * 100vw) !important; }
  .mb60_750_sp { margin-bottom: calc(60 / 750 * 100vw) !important; }
  .mb65_750_sp { margin-bottom: calc(65 / 750 * 100vw) !important; }
  .mb70_750_sp { margin-bottom: calc(70 / 750 * 100vw) !important; }
  .mb75_750_sp { margin-bottom: calc(75 / 750 * 100vw) !important; }
  .mb80_750_sp { margin-bottom: calc(80 / 750 * 100vw) !important; }
  .mb90_750_sp { margin-bottom: calc(90 / 750 * 100vw) !important; }
  .mb100_750_sp { margin-bottom: calc(100 / 750 * 100vw) !important; }
  .mb110_750_sp { margin-bottom: calc(110 / 750 * 100vw) !important; }
  .pb0_sp { padding-bottom: 0 !important; }
  .pb10_750_sp { padding-bottom: calc(10 / 750 * 100vw) !important; }
  .pb20_750_sp { padding-bottom: calc(20 / 750 * 100vw) !important; }
  .pb30_750_sp { padding-bottom: calc(30 / 750 * 100vw) !important; }
  .pb40_750_sp { padding-bottom: calc(40 / 750 * 100vw) !important; }
  .pb50_750_sp { padding-bottom: calc(50 / 750 * 100vw) !important; } }
@media screen and (sp) { .mb0_sp { margin-bottom: 0 !important; }
  .mb10_750_sp { margin-bottom: calc(10 / 750 * 100vw) !important; }
  .mb15_750_sp { margin-bottom: calc(15 / 750 * 100vw) !important; }
  .mb20_750_sp { margin-bottom: calc(20 / 750 * 100vw) !important; }
  .mb25_750_sp { margin-bottom: calc(25 / 750 * 100vw) !important; }
  .mb30_750_sp { margin-bottom: calc(30 / 750 * 100vw) !important; }
  .mb35_750_sp { margin-bottom: calc(35 / 750 * 100vw) !important; }
  .mb40_750_sp { margin-bottom: calc(40 / 750 * 100vw) !important; }
  .mb45_750_sp { margin-bottom: calc(45 / 750 * 100vw) !important; }
  .mb50_750_sp { margin-bottom: calc(50 / 750 * 100vw) !important; }
  .mb55_750_sp { margin-bottom: calc(55 / 750 * 100vw) !important; }
  .mb60_750_sp { margin-bottom: calc(60 / 750 * 100vw) !important; }
  .mb65_750_sp { margin-bottom: calc(65 / 750 * 100vw) !important; }
  .mb70_750_sp { margin-bottom: calc(70 / 750 * 100vw) !important; }
  .mb75_750_sp { margin-bottom: calc(75 / 750 * 100vw) !important; }
  .mb80_750_sp { margin-bottom: calc(80 / 750 * 100vw) !important; }
  .mb90_750_sp { margin-bottom: calc(90 / 750 * 100vw) !important; }
  .mb100_750_sp { margin-bottom: calc(100 / 750 * 100vw) !important; }
  .mb110_750_sp { margin-bottom: calc(110 / 750 * 100vw) !important; }
  .pb0_sp { padding-bottom: 0 !important; }
  .pb10_750_sp { padding-bottom: calc(10 / 750 * 100vw) !important; }
  .pb20_750_sp { padding-bottom: calc(20 / 750 * 100vw) !important; }
  .pb30_750_sp { padding-bottom: calc(30 / 750 * 100vw) !important; }
  .pb40_750_sp { padding-bottom: calc(40 / 750 * 100vw) !important; }
  .pb50_750_sp { padding-bottom: calc(50 / 750 * 100vw) !important; } }
/* 640 */
@media screen and (max-width: 896px) { .mb10_640_sp { margin-bottom: calc(10 / 640 * 100vw) !important; }
  .mb15_640_sp { margin-bottom: calc(15 / 640 * 100vw) !important; }
  .mb20_640_sp { margin-bottom: calc(20 / 640 * 100vw) !important; }
  .mb25_640_sp { margin-bottom: calc(25 / 640 * 100vw) !important; }
  .mb30_640_sp { margin-bottom: calc(30 / 640 * 100vw) !important; }
  .mb35_640_sp { margin-bottom: calc(35 / 640 * 100vw) !important; }
  .mb40_640_sp { margin-bottom: calc(40 / 640 * 100vw) !important; }
  .mb45_640_sp { margin-bottom: calc(45 / 640 * 100vw) !important; }
  .mb50_640_sp { margin-bottom: calc(50 / 640 * 100vw) !important; }
  .mb55_640_sp { margin-bottom: calc(55 / 640 * 100vw) !important; }
  .mb60_640_sp { margin-bottom: calc(60 / 640 * 100vw) !important; }
  .mb65_640_sp { margin-bottom: calc(65 / 640 * 100vw) !important; }
  .mb70_640_sp { margin-bottom: calc(70 / 640 * 100vw) !important; }
  .mb75_640_sp { margin-bottom: calc(75 / 640 * 100vw) !important; }
  .mb80_640_sp { margin-bottom: calc(80 / 640 * 100vw) !important; }
  .mb90_640_sp { margin-bottom: calc(90 / 640 * 100vw) !important; }
  .mb100_640_sp { margin-bottom: calc(100 / 640 * 100vw) !important; }
  .mb110_640_sp { margin-bottom: calc(110 / 640 * 100vw) !important; }
  .pb10_640_sp { padding-bottom: calc(10 / 640 * 100vw) !important; }
  .pb20_640_sp { padding-bottom: calc(20 / 640 * 100vw) !important; }
  .pb30_640_sp { padding-bottom: calc(30 / 640 * 100vw) !important; }
  .pb40_640_sp { padding-bottom: calc(40 / 640 * 100vw) !important; }
  .pb50_640_sp { padding-bottom: calc(50 / 640 * 100vw) !important; } }
@media screen and (sp) { .mb10_640_sp { margin-bottom: calc(10 / 640 * 100vw) !important; }
  .mb15_640_sp { margin-bottom: calc(15 / 640 * 100vw) !important; }
  .mb20_640_sp { margin-bottom: calc(20 / 640 * 100vw) !important; }
  .mb25_640_sp { margin-bottom: calc(25 / 640 * 100vw) !important; }
  .mb30_640_sp { margin-bottom: calc(30 / 640 * 100vw) !important; }
  .mb35_640_sp { margin-bottom: calc(35 / 640 * 100vw) !important; }
  .mb40_640_sp { margin-bottom: calc(40 / 640 * 100vw) !important; }
  .mb45_640_sp { margin-bottom: calc(45 / 640 * 100vw) !important; }
  .mb50_640_sp { margin-bottom: calc(50 / 640 * 100vw) !important; }
  .mb55_640_sp { margin-bottom: calc(55 / 640 * 100vw) !important; }
  .mb60_640_sp { margin-bottom: calc(60 / 640 * 100vw) !important; }
  .mb65_640_sp { margin-bottom: calc(65 / 640 * 100vw) !important; }
  .mb70_640_sp { margin-bottom: calc(70 / 640 * 100vw) !important; }
  .mb75_640_sp { margin-bottom: calc(75 / 640 * 100vw) !important; }
  .mb80_640_sp { margin-bottom: calc(80 / 640 * 100vw) !important; }
  .mb90_640_sp { margin-bottom: calc(90 / 640 * 100vw) !important; }
  .mb100_640_sp { margin-bottom: calc(100 / 640 * 100vw) !important; }
  .mb110_640_sp { margin-bottom: calc(110 / 640 * 100vw) !important; }
  .pb10_640_sp { padding-bottom: calc(10 / 640 * 100vw) !important; }
  .pb20_640_sp { padding-bottom: calc(20 / 640 * 100vw) !important; }
  .pb30_640_sp { padding-bottom: calc(30 / 640 * 100vw) !important; }
  .pb40_640_sp { padding-bottom: calc(40 / 640 * 100vw) !important; }
  .pb50_640_sp { padding-bottom: calc(50 / 640 * 100vw) !important; } }
@media screen and (min-width: 897px) { .mb0_pc { margin-bottom: 0px !important; }
  .mb10_pc { margin-bottom: 10px !important; }
  .mb20_pc { margin-bottom: 20px !important; }
  .mb30_pc { margin-bottom: 30px !important; }
  .mb40_pc { margin-bottom: 40px !important; }
  .mb45_pc { margin-bottom: 45px !important; }
  .mb50_pc { margin-bottom: 50px !important; }
  .mb60_pc { margin-bottom: 60px !important; }
  .mb70_pc { margin-bottom: 70px !important; }
  .mb75_pc { margin-bottom: 75px !important; }
  .mb80_pc { margin-bottom: 80px !important; }
  .mb90_pc { margin-bottom: 90px !important; }
  .mb100_pc { margin-bottom: 100px !important; }
  .mb120_pc { margin-bottom: 120px !important; }
  .mb140_pc { margin-bottom: 140px !important; }
  .pb0_pc { padding-bottom: 0px !important; }
  .pb20_pc { padding-bottom: 20px !important; }
  .pb40_pc { padding-bottom: 40px !important; }
  .pb60_pc { padding-bottom: 60px !important; }
  .pb80_pc { padding-bottom: 80px !important; }
  .pb100_pc { padding-bottom: 100px !important; }
  .pb120_pc { padding-bottom: 120px !important; }
  .pb140_pc { padding-bottom: 140px !important; } }
@media screen and (pc) { .mb0_pc { margin-bottom: 0px !important; }
  .mb10_pc { margin-bottom: 10px !important; }
  .mb20_pc { margin-bottom: 20px !important; }
  .mb30_pc { margin-bottom: 30px !important; }
  .mb40_pc { margin-bottom: 40px !important; }
  .mb45_pc { margin-bottom: 45px !important; }
  .mb50_pc { margin-bottom: 50px !important; }
  .mb60_pc { margin-bottom: 60px !important; }
  .mb70_pc { margin-bottom: 70px !important; }
  .mb75_pc { margin-bottom: 75px !important; }
  .mb80_pc { margin-bottom: 80px !important; }
  .mb90_pc { margin-bottom: 90px !important; }
  .mb100_pc { margin-bottom: 100px !important; }
  .mb120_pc { margin-bottom: 120px !important; }
  .mb140_pc { margin-bottom: 140px !important; }
  .pb0_pc { padding-bottom: 0px !important; }
  .pb20_pc { padding-bottom: 20px !important; }
  .pb40_pc { padding-bottom: 40px !important; }
  .pb60_pc { padding-bottom: 60px !important; }
  .pb80_pc { padding-bottom: 80px !important; }
  .pb100_pc { padding-bottom: 100px !important; }
  .pb120_pc { padding-bottom: 120px !important; }
  .pb140_pc { padding-bottom: 140px !important; } }
/* 要素表示・非表示用 */
.sp { display: inline-block; }

@media screen and (max-width: 896px) { .pc { display: none; } }
@media screen and (sp) { .pc { display: none; } }
@media screen and (min-width: 897px) { .sp { display: none; } }
@media screen and (pc) { .sp { display: none; } }
* { box-sizing: border-box; }

html { font-size: 62.5%; }

body { font-family: "Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-size: 2.14vw; color: #fefefe; background: #000; }

h1, h2, h3, h4, h5 { text-align: center; }

a { color: #fff; text-decoration: none; display: inline-block; }

img { max-width: 100%; vertical-align: bottom; }

sup { font-size: smaller; vertical-align: super; }

.colorRed { color: #ad172b; }

.txtRight { text-align: right; }

.sup { margin-top: .5em; }

@media screen and (min-width: 897px) { body { font-size: 1.6rem; }
  a { transition: all .2s; }
  a:hover { opacity: .7; transition: all .2s; } }
@media screen and (pc) { body { font-size: 1.6rem; }
  a { transition: all .2s; }
  a:hover { opacity: .7; transition: all .2s; } }
/*---------------------------------------------------------------------------------------
	fadeIn
----------------------------------------------------------------------------------------*/
.fadeInAnim { transform: translate(0, 40px); opacity: 0; }
.fadeInAnim.fadeInAnimActive { transform: translate(0, 0); opacity: 1; transition: all 0.7s; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/
header { border-bottom: 1px solid #fff; background: #292929; position: relative; z-index: 1; }

.headerCont { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }

@media screen and (max-width: 896px) { .headerCont { padding: calc(40 / 750 * 100vw) calc(43 / 750 * 100vw) calc(30 / 750 * 100vw) calc(45 / 750 * 100vw); }
  .headerCont img { width: 100%; }
  .headerLogo { max-width: calc(122 / 750 * 100vw); }
  .headerLink { max-width: calc(188 / 750 * 100vw); } }
@media screen and (sp) { .headerCont { padding: calc(40 / 750 * 100vw) calc(43 / 750 * 100vw) calc(30 / 750 * 100vw) calc(45 / 750 * 100vw); }
  .headerCont img { width: 100%; }
  .headerLogo { max-width: calc(122 / 750 * 100vw); }
  .headerLink { max-width: calc(188 / 750 * 100vw); } }
@media screen and (min-width: 897px) { .headerCont { margin: 0 auto; padding: 18px 1em 14px 1em; max-width: 1260px; min-height: 70px; } }
@media screen and (pc) { .headerCont { margin: 0 auto; padding: 18px 1em 14px 1em; max-width: 1260px; min-height: 70px; } }
/*---------------------------------------------------------------------------------------
	main
----------------------------------------------------------------------------------------*/
.mainCont { padding-bottom: calc(150 / 750 * 100vw); transition: all .7s; }
.mainCont:after { content: ""; width: 100%; height: 100vh; display: block; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 0; }

.mainVisual { background: linear-gradient(to bottom, #000 calc(630 / 750 * 100vw), transparent); position: relative; z-index: 1; }

.mainLead { position: relative; z-index: 1; }
.mainLead li { margin-bottom: calc(145 / 750 * 100vw); }
.mainLead li:last-child { margin-bottom: calc(80 / 750 * 100vw); }
.mainLead li:nth-child(2n+1) { text-align: left; }
.mainLead li:nth-child(2n) { text-align: right; }

.mainBtn { position: relative; z-index: 1; }
.mainBtn a { font-family: "Noto Sans JP", sans-serif; margin: 0 auto; width: calc(440 / 750 * 100vw); height: calc(90 / 750 * 100vw); font-size: calc(25 / 750 * 100vw); font-weight: 600; text-align: center; display: block; border: 1px solid #fff; box-sizing: border-box; background: #000; position: relative; }
.mainBtn a:before { content: ""; width: calc(157 / 750 * 100vw); height: calc(84 / 750 * 100vw); display: block; background: url(../img/intro_btn-movie.png) 0 0/contain no-repeat; position: absolute; top: 0; left: 0; }
.mainBtn a:after { content: ""; width: calc(15 / 750 * 100vw); height: calc(15 / 750 * 100vw); display: block; border-top: 2px solid #ad172b; border-right: 2px solid #ad172b; transform: rotate(45deg); position: absolute; top: calc(50% - 11 / 750 * 100vw); right: calc(20 / 750 * 100vw); }
.mainBtn a span { position: absolute; top: calc(50% - 11 / 750 * 100vw); left: calc(50% - 22 / 750 * 100vw); }

@media screen and (min-width: 897px) { .mainCont { padding-bottom: 98px; }
  .mainVisual { background: linear-gradient(to bottom, #000 700px, transparent); }
  .mainLead { margin: 0 auto; padding-top: 90px; width: 655px; }
  .mainLead li { margin-bottom: 100px; }
  .mainLead li:first-child { margin-bottom: 95px; }
  .mainLead li:last-child { margin-bottom: 90px; }
  .mainBtn a { width: 440px; height: 90px; font-size: 2.4rem; }
  .mainBtn a:before { width: 157px; height: 88px; }
  .mainBtn a:after { width: 18px; height: 18px; border-top: 3px solid #ad172b; border-right: 3px solid #ad172b; top: calc(50% - 10px); right: 21px; }
  .mainBtn a span { position: absolute; top: calc(50% - 12px); left: calc(50% - 7px); } }
@media screen and (pc) { .mainCont { padding-bottom: 98px; }
  .mainVisual { background: linear-gradient(to bottom, #000 700px, transparent); }
  .mainLead { margin: 0 auto; padding-top: 90px; width: 655px; }
  .mainLead li { margin-bottom: 100px; }
  .mainLead li:first-child { margin-bottom: 95px; }
  .mainLead li:last-child { margin-bottom: 90px; }
  .mainBtn a { width: 440px; height: 90px; font-size: 2.4rem; }
  .mainBtn a:before { width: 157px; height: 88px; }
  .mainBtn a:after { width: 18px; height: 18px; border-top: 3px solid #ad172b; border-right: 3px solid #ad172b; top: calc(50% - 10px); right: 21px; }
  .mainBtn a span { position: absolute; top: calc(50% - 12px); left: calc(50% - 7px); } }
/*---------------------------------------------------------------------------------------
	products
----------------------------------------------------------------------------------------*/
.products { padding: calc(50 / 750 * 100vw) 0 calc(25 / 750 * 100vw); position: relative; transition: all .7s; }
.products h2 { margin-bottom: calc(52 / 750 * 100vw); font-size: calc(50 / 750 * 100vw); position: relative; }
.products h2:before, .products h2:after { content: ""; width: 0; height: 1px; background: #454545; position: absolute; top: calc(18 / 750 * 100vw); transition: all .4s ease-out .2s; }
.products h2:before { left: 0; }
.products h2:after { right: 0; }
.products h2.active:before, .products h2.active:after { width: 28%; }
.products h2 > span { padding: 0 .5em; }

.productsTab { display: flex; justify-content: space-between; align-items: flex-end; position: relative; }
.productsTab:first-of-type { margin-bottom: calc(80 / 750 * 100vw); }
.productsTab.roundTop li { border-radius: 5px 5px 0 0; }
.productsTab.roundBottom li { border-radius: 0 0 5px 5px; }
.productsTab li { padding: calc(22 / 750 * 100vw) 0; width: calc(333 / 750 * 100vw); font-size: calc(20 / 750 * 100vw); text-align: center; display: inline-block; vertical-align: bottom; background: #292929; box-sizing: border-box; cursor: pointer; transition: all .5s; }
.productsTab li:not(:last-child) { margin-right: calc(4 / 750 * 100vw); }
.productsTab li.active { padding: calc(29 / 750 * 100vw) 0 calc(30 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); background: #474747; transition: all .5s; }

.productsList { height: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; transform: translate(0, 40px); opacity: 0; visibility: hidden; }
.productsList.active { height: auto; transform: translate(0, 0); opacity: 1; visibility: visible; transition: all 0.7s; }

.productsListCont { margin-bottom: calc(100 / 750 * 100vw); max-width: calc(670 / 750 * 100vw); }

.productsLead { padding-bottom: calc(50 / 750 * 100vw); font-size: calc(36 / 750 * 100vw); line-height: calc(50 / 750 * 100vw); box-sizing: content-box; }
.productsLead.bottom { display: table-cell; vertical-align: bottom; }

.productsCaption { margin-bottom: calc(59 / 750 * 100vw); }

.productsName { margin-bottom: calc(20 / 750 * 100vw); }
.productsName.driver { margin-top: calc(-30 / 750 * 100vw); }

.productsDetail { margin-top: calc(80 / 750 * 100vw); font-size: calc(32 / 750 * 100vw); line-height: 1.8; text-align: center; }
.productsDetail h3 { margin-bottom: calc(60 / 750 * 100vw); }

@media screen and (max-width: 896px) { .products { width: 100vw; overflow: hidden; }
  .products:before { content: ""; width: 100%; height: 100vh; display: block; background: url(../img/products_bg.jpg) center 0/cover no-repeat; position: fixed; top: 0; left: 0; opacity: 1; z-index: -1; transition: all .7s; }
  .productsTab, .productsList, .productsDetailTxt { padding: 0 calc(40 / 750 * 100vw); }
  .productsCaption, .productsName, .productsAngle { margin-right: auto; margin-left: auto; } }
@media screen and (sp) { .products { width: 100vw; overflow: hidden; }
  .products:before { content: ""; width: 100%; height: 100vh; display: block; background: url(../img/products_bg.jpg) center 0/cover no-repeat; position: fixed; top: 0; left: 0; opacity: 1; z-index: -1; transition: all .7s; }
  .productsTab, .productsList, .productsDetailTxt { padding: 0 calc(40 / 750 * 100vw); }
  .productsCaption, .productsName, .productsAngle { margin-right: auto; margin-left: auto; } }
@media screen and (max-width: 896px) and (min-width: 769px) { .productsListCont .center { margin: 0 auto; max-width: calc(400 / 750 * 100vw); } }
@media screen and (min-width: 897px) { .products { padding: 94px 0 59px; background: url(../img/pc/products_bg.jpg) center 0/cover no-repeat fixed; }
  .products h2 { margin-bottom: 65px; font-size: 4rem; }
  .products h2:before, .products h2:after { top: 19px; }
  .products h2.active:before, .products h2.active:after { max-width: calc(50vw - 150px); width: 50%; transition: all .7s; }
  .productsTab { margin: 0 auto; width: 1000px; }
  .productsTab:first-of-type { margin-bottom: 40px; }
  .productsTab li { padding: 20px 0 18px; width: 499px; height: 55px; font-size: 1.6rem; }
  .productsTab li:not(:last-child) { margin-right: 1px; }
  .productsTab li.active { padding: 22px 0; width: 500px; height: 65px; font-size: 2rem; }
  .productsList { margin: 0 auto; max-width: 900px; flex-direction: row; justify-content: space-between; }
  .productsList > :nth-child(2n+1) { margin-right: 100px; }
  .productsListCont { margin-bottom: 40px; max-width: 400px; }
  .productsLead { padding-bottom: 15px; height: 60px; font-size: 2rem; line-height: 1.5; }
  .productsCaption { margin-bottom: 30px; }
  .productsName { margin-bottom: 15px; }
  .productsName.driver { margin-top: -20px; }
  .productsSupplement { font-size: 1.3rem; } }
@media screen and (pc) { .products { padding: 94px 0 59px; background: url(../img/pc/products_bg.jpg) center 0/cover no-repeat fixed; }
  .products h2 { margin-bottom: 65px; font-size: 4rem; }
  .products h2:before, .products h2:after { top: 19px; }
  .products h2.active:before, .products h2.active:after { max-width: calc(50vw - 150px); width: 50%; transition: all .7s; }
  .productsTab { margin: 0 auto; width: 1000px; }
  .productsTab:first-of-type { margin-bottom: 40px; }
  .productsTab li { padding: 20px 0 18px; width: 499px; height: 55px; font-size: 1.6rem; }
  .productsTab li:not(:last-child) { margin-right: 1px; }
  .productsTab li.active { padding: 22px 0; width: 500px; height: 65px; font-size: 2rem; }
  .productsList { margin: 0 auto; max-width: 900px; flex-direction: row; justify-content: space-between; }
  .productsList > :nth-child(2n+1) { margin-right: 100px; }
  .productsListCont { margin-bottom: 40px; max-width: 400px; }
  .productsLead { padding-bottom: 15px; height: 60px; font-size: 2rem; line-height: 1.5; }
  .productsCaption { margin-bottom: 30px; }
  .productsName { margin-bottom: 15px; }
  .productsName.driver { margin-top: -20px; }
  .productsSupplement { font-size: 1.3rem; } }
/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/
footer { padding: calc(50 / 750 * 100vw) 0; text-align: center; position: relative; transition: all .7s; background: #000; }

.footerCopy { font-size: calc(20 / 750 * 100vw); }

@media screen and (max-width: 896px) { footer.active:before { opacity: 1; } }
@media screen and (sp) { footer.active:before { opacity: 1; } }
@media screen and (min-width: 897px) { footer { padding: 50px 0; font-size: 1.6rem; }
  .footerCopy { font-size: 1.6rem; } }
@media screen and (pc) { footer { padding: 50px 0; font-size: 1.6rem; }
  .footerCopy { font-size: 1.6rem; } }

/*# sourceMappingURL=base.css.map */