@charset "UTF-8";
/*!
	 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
	 * http://cssreset.com
	 * Copyright 2012 Yahoo! Inc. All rights reserved.
	 * http://yuilibrary.com/license/
	 */
/*
		TODO will need to remove settings on HTML since we can't namespace it.
		TODO with the prefix, should I group by selector or property for weight savings?
	*/
html {
  color: #000; }

/*
		TODO remove settings on BODY since we can't namespace it.
	*/
/*
		TODO test putting a class on HEAD.
			- Fails on FF. 
	*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

/*
		TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
	*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none; }

/* 
start _module.scss
*/
.wrapper {
  margin: auto auto; }
  .wrapper-640 {
    max-width: 640px;
    width: 100%; }
  .wrapper-780 {
    max-width: 780px;
    width: 100%; }
  .wrapper-840 {
    max-width: 840px;
    width: 100%; }
  .wrapper-960 {
    max-width: 960px;
    width: 100%; }
  .wrapper-1080 {
    max-width: 1080px;
    width: 100%; }
  .wrapper--mt {
    margin-top: 6vw; }
  .wrapper--mt3vw {
    margin-top: 3vw; }

.objectfit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.objectfit-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;'; }

.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }

.bold {
  font-weight: 700; }

.normal {
  font-weight: 500; }

.tLeft {
  text-align: left; }

.tCenter {
  text-align: center; }

.tRight {
  text-align: right; }

.size-base {
  font-size: 1rem;
  letter-spacing: .04em; }
  @media screen and (max-width: 768px) {
    .size-base {
      font-size: 1rem; } }

.size-small {
  font-size: .86rem;
  letter-spacing: .04em; }
  @media screen and (max-width: 768px) {
    .size-small {
      font-size: .86rem; } }

.size-xsmall {
  font-size: .71rem;
  letter-spacing: .04em; }
  @media screen and (max-width: 768px) {
    .size-xsmall {
      font-size: .71rem; } }

.size-large {
  font-size: 1.14rem;
  letter-spacing: .04em; }
  @media screen and (max-width: 768px) {
    .size-large {
      font-size: 1.14rem; } }

.size-caption {
  font-size: 1.2rem;
  letter-spacing: .04em; }
  @media screen and (max-width: 768px) {
    .size-caption {
      font-size: 1rem; } }

.size-lead {
  font-size: 2.2rem;
  letter-spacing: .04em; }
  @media screen and (max-width: 768px) {
    .size-lead {
      font-size: 1.8rem;
      line-height: 1.6; } }

.fz-12 {
  font-size: 0.86rem; }

.fz-14 {
  font-size: 1rem; }

.fz-16 {
  font-size: 1.14rem; }

.fz-18 {
  font-size: 1.29rem; }

.fz-20 {
  font-size: 1.43rem; }

.fz-24 {
  font-size: 1.71rem; }

.mt0rem {
  margin-top: 0rem; }

.pr0rem {
  padding-right: 0rem; }

.pl0rem {
  padding-left: 0rem; }

.mb0rem {
  margin-bottom: 0rem; }

.mr0rem {
  margin-right: 0rem; }

.ml0rem {
  margin-left: 0rem; }

.mt1rem {
  margin-top: 1rem; }

.pr1rem {
  padding-right: 1rem; }

.pl1rem {
  padding-left: 1rem; }

.mb1rem {
  margin-bottom: 1rem; }

.mr1rem {
  margin-right: 1rem; }

.ml1rem {
  margin-left: 1rem; }

.mt2rem {
  margin-top: 2rem; }

.pr2rem {
  padding-right: 2rem; }

.pl2rem {
  padding-left: 2rem; }

.mb2rem {
  margin-bottom: 2rem; }

.mr2rem {
  margin-right: 2rem; }

.ml2rem {
  margin-left: 2rem; }

.mt3rem {
  margin-top: 3rem; }

.pr3rem {
  padding-right: 3rem; }

.pl3rem {
  padding-left: 3rem; }

.mb3rem {
  margin-bottom: 3rem; }

.mr3rem {
  margin-right: 3rem; }

.ml3rem {
  margin-left: 3rem; }

.mt4rem {
  margin-top: 4rem; }

.pr4rem {
  padding-right: 4rem; }

.pl4rem {
  padding-left: 4rem; }

.mb4rem {
  margin-bottom: 4rem; }

.mr4rem {
  margin-right: 4rem; }

.ml4rem {
  margin-left: 4rem; }

.mt5rem {
  margin-top: 5rem; }

.pr5rem {
  padding-right: 5rem; }

.pl5rem {
  padding-left: 5rem; }

.mb5rem {
  margin-bottom: 5rem; }

.mr5rem {
  margin-right: 5rem; }

.ml5rem {
  margin-left: 5rem; }

.order0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

@media screen and (max-width: 768px) {
  .order0-sp {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

.order0-pc {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }
  @media screen and (max-width: 768px) {
    .order0-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

@media screen and (max-width: 768px) {
  .order1-sp {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.order1-pc {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }
  @media screen and (max-width: 768px) {
    .order1-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

@media screen and (max-width: 768px) {
  .order2-sp {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; } }

.order2-pc {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }
  @media screen and (max-width: 768px) {
    .order2-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

@media screen and (max-width: 768px) {
  .order3-sp {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; } }

.order3-pc {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }
  @media screen and (max-width: 768px) {
    .order3-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

@media screen and (max-width: 768px) {
  .order4-sp {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; } }

.order4-pc {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }
  @media screen and (max-width: 768px) {
    .order4-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

@media screen and (max-width: 768px) {
  .order5-sp {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; } }

.order5-pc {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }
  @media screen and (max-width: 768px) {
    .order5-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

@media screen and (max-width: 768px) {
  .order6-sp {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; } }

.order6-pc {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }
  @media screen and (max-width: 768px) {
    .order6-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

@media screen and (max-width: 768px) {
  .order7-sp {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; } }

.order7-pc {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }
  @media screen and (max-width: 768px) {
    .order7-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

@media screen and (max-width: 768px) {
  .order8-sp {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; } }

.order8-pc {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }
  @media screen and (max-width: 768px) {
    .order8-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.order9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

@media screen and (max-width: 768px) {
  .order9-sp {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; } }

.order9-pc {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }
  @media screen and (max-width: 768px) {
    .order9-pc {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.ulSimple {
  margin-bottom: 2rem; }
  .ulSimple > li {
    text-indent: -1em;
    margin: 0 0 .5em 1em;
    line-height: 1.5; }
  .ulSimple--style2 > li {
    text-indent: -3em;
    margin-left: 3em; }

.anchor {
  display: block;
  margin-top: -50px;
  padding-top: 50px; }

/* 
end _module.scss
*/
/* 
start _extend.scss
*/
/* 
end _extend.scss
*/
/* 
start _mixin.scss
*/
/* 
end _mixin.scss
*/
/* 
start _setting.scss
*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%; }
  @media screen and (max-width: 768px) {
    html {
      min-width: auto; } }

body {
  width: 100%;
  height: 100%;
  line-height: 1.6;
  background: url(../img/body_bg@2x.png) center top/auto 1500px repeat-y;
  color: #6e5023;
  overflow-x: hidden;
  font-weight: 500;
  font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  body.fixed {
    position: fixed; }

strong, .bold {
  font-weight: bold; }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

picture {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  line-height: 1em; }
  picture img {
    width: 100%;
    height: 100%; }

strong {
  font-weight: 700; }

ul,
ol,
li {
  list-style: none; }

img {
  -ms-interpolation-mode: bicubic; }

/*リンク色*/
a:link {
  color: #6e5023;
  text-decoration: none; }

a:visited {
  color: #6e5023;
  border-bottom: 1px solid #000; }

.linkWhite a:link {
  color: #fff; }

.linkWhite a:visited {
  color: #fff; }

.bgWhite {
  background: #fff; }

.pc-alt,
.pc-hide {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .pc-alt,
    .pc-hide {
      display: block !important; } }

.sp-alt,
.sp-hide {
  display: block !important; }
  @media screen and (max-width: 768px) {
    .sp-alt,
    .sp-hide {
      display: none !important; } }

.alt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 0;
  line-height: 0; }

/* 
end _setting.scss
*/
.header {
  background: #17288a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 1vw; }
  @media screen and (max-width: 768px) {
    .header {
      padding: 5px 1vw; } }
  .header:before {
    content: "";
    display: block;
    width: 197px;
    height: 1px; }
  @media screen and (max-width: 768px) {
    .header:before {
      width: 15.9vw; } }
  .header__ochikaku {
    max-width: 580px; }
    @media screen and (max-width: 768px) {
      .header__ochikaku {
        max-width: 49.5vw; } }
  .header__welove {
    max-width: 197px; }
    @media screen and (max-width: 768px) {
      .header__welove {
        max-width: 15.9vw; } }
  .header img {
    display: block; }

/* 
start _main.scss
*/
.invisible {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  visibility: hidden;
  opacity: 0; }
  .invisible.visible {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

@media screen and (max-width: 768px) {
  .main {
    background-size: 120vw auto; } }

.main__inner {
  max-width: 1320px;
  padding: 0 120px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .main__inner {
      padding: 0 3.75vw 0 3.75vw; } }
  .main__inner img,
  .main__inner picture {
    display: block; }

.mainHeadTitle {
  width: 100%;
  height: 0;
  padding-top: 44%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .mainHeadTitle {
      overflow: hidden;
      margin-top: -30px;
      padding-top: 54%; } }
  .mainHeadTitle__logo {
    width: 37%;
    position: absolute;
    top: 9%;
    left: 4%;
    -webkit-animation: "tlogo" 2s both 0.3s;
    animation: "tlogo" 2s both 0.3s; }
    @media screen and (max-width: 768px) {
      .mainHeadTitle__logo {
        width: 25%;
        left: 21%;
        top: 24%; } }

@-webkit-keyframes tlogo {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes tlogo {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .mainHeadTitle__zenshuchu {
    width: 43%;
    position: absolute;
    top: 21%;
    left: 4.5%;
    -webkit-animation: "tzenshuchu" 0.5s  0.8s ease-out both;
    animation: "tzenshuchu" 0.5s  0.8s ease-out both; }
    @media screen and (max-width: 768px) {
      .mainHeadTitle__zenshuchu {
        width: 32%;
        left: 17%;
        top: 40%; } }

@-webkit-keyframes tzenshuchu {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes tzenshuchu {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }
  .mainHeadTitle__hatsuuri {
    width: 60%;
    position: absolute;
    top: 0;
    left: 40%;
    -webkit-animation: "thatsuuri" 0.5s  1.2s ease-in both;
    animation: "thatsuuri" 0.5s  1.2s ease-in both; }
    @media screen and (max-width: 768px) {
      .mainHeadTitle__hatsuuri {
        width: 57%;
        top: 20%;
        left: 43%; } }

@-webkit-keyframes thatsuuri {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes thatsuuri {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .mainHeadTitle__date {
    width: 86%;
    position: absolute;
    top: 70%;
    left: 12%;
    -webkit-animation: "tdate" 1s  1.5s ease-in both;
    animation: "tdate" 1s  1.5s ease-in both; }
    @media screen and (max-width: 768px) {
      .mainHeadTitle__date {
        width: 96%;
        left: 3%;
        top: 75%; } }

@-webkit-keyframes tdate {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes tdate {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
  .mainHeadTitle__nobori {
    width: 26%;
    position: absolute;
    bottom: -10%;
    left: -12%;
    -webkit-animation: "tdate" 1s  2.5s ease-in both;
    animation: "tdate" 1s  2.5s ease-in both; }
    @media screen and (max-width: 768px) {
      .mainHeadTitle__nobori {
        width: 20%;
        left: 0%;
        bottom: 22%; } }

.mainHead .benefit1_animation {
  -webkit-animation: "tdate" 1s  2.5s ease-in both;
  animation: "tdate" 1s  2.5s ease-in both; }

.mainHead__title {
  margin: 0 -4% 0 -4%;
  position: relative; }

@media screen and (max-width: 768px) {
  .mainHead__benefit1 {
    margin-right: -2%; } }

.mainHead__benefit2 {
  margin: -2.1% 0 0 0; }
  @media screen and (max-width: 768px) {
    .mainHead__benefit2 {
      margin: -9% 0 0 0; } }
  .mainHead__benefit2 img {
    margin-left: -3.5%;
    width: 103.5%;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top; }
    @media screen and (max-width: 768px) {
      .mainHead__benefit2 img {
        margin-left: -2.6%;
        -webkit-transform: scale(1.045);
        -ms-transform: scale(1.045);
        transform: scale(1.045); } }

.mainHead__benefit3 {
  margin: -3.4% 0 0 -0.8%; }
  @media screen and (max-width: 768px) {
    .mainHead__benefit3 {
      margin: -5.5% 0 0 0;
      position: relative;
      z-index: 1; } }

@media screen and (max-width: 768px) {
  .mainHead__benefit4 {
    margin: -4% 0 0 0; } }

.mainHead__benefit2-4 {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .mainHead__benefit2-4 {
      display: block;
      margin-right: -2%; } }
  .mainHead__benefit2-4 > * {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    max-width: 33.3%; }
    @media screen and (max-width: 768px) {
      .mainHead__benefit2-4 > * {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }

@media screen and (max-width: 768px) {
  .pickup {
    margin-top: 60px; } }

.carsList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .carsList__list {
      margin-top: 4vw; } }
  .carsList__list .solio {
    margin-top: 2rem; }
    @media screen and (max-width: 768px) {
      .carsList__list .solio {
        margin: 0 -3vw 0 0; } }
  .carsList__list .soliobandit {
    margin: -5% -1% 0 -2%; }
    @media screen and (max-width: 768px) {
      .carsList__list .soliobandit {
        margin: 0vw -3vw 0 0; } }
  .carsList__list .solio_campaign {
    margin: 20px 0; }
    @media screen and (max-width: 768px) {
      .carsList__list .solio_campaign {
        margin: 10px 0 20px; } }
  .carsList__list .solio_goodpoint {
    margin-top: 1rem; }
    @media screen and (max-width: 768px) {
      .carsList__list .solio_goodpoint {
        margin-top: 0vw; } }
  .carsList__list .hustler {
    margin-top: 2rem; }
  .carsList__list .hustler_specialoption {
    margin-top: -1rem; }

.carsList2c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 15px 0; }
  .carsList2c--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  @media screen and (max-width: 768px) {
    .carsList2c {
      padding: 0 0;
      margin: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .carsList2c__list {
    -ms-flex-preferred-size: calc(50%);
    flex-basis: calc(50%);
    max-width: calc(50%);
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .carsList2c__list {
        -ms-flex-preferred-size: calc(100%);
        flex-basis: calc(100%);
        max-width: calc(100%);
        padding: 4vw 0 0 0; } }
    @media screen and (max-width: 768px) {
      .carsList2c__list .escudo {
        margin-top: -5vw; } }
    .carsList2c__list .swift {
      margin: 0 0 0 0%; }
      @media screen and (max-width: 768px) {
        .carsList2c__list .swift {
          margin: -3vw 0 0 0; } }
    .carsList2c__list .xbee {
      margin: 0 -2.5% 0 -2.5%; }
      @media screen and (max-width: 768px) {
        .carsList2c__list .xbee {
          margin: -2vw 0 0 1%; } }
    @media screen and (max-width: 768px) {
      .carsList2c__list .spacia {
        margin-right: -3vw; } }
    .carsList2c__list .hustler {
      margin-top: 5%; }
    .carsList2c__list .wagonr {
      margin: 0 5% 0 5%; }
      @media screen and (max-width: 768px) {
        .carsList2c__list .wagonr {
          margin: 0; } }

.links {
  margin: 25px -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .links {
      margin: 15px -10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .links__list {
    padding: 0 10px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
    @media screen and (max-width: 768px) {
      .links__list {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 5px 10px; } }
    .links__list a {
      color: #fff;
      background: #004da0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 93px; }
      @media screen and (max-width: 768px) {
        .links__list a {
          height: 68px; } }
      .links__list a img {
        height: 47px;
        margin-right: 43px; }
        @media screen and (max-width: 768px) {
          .links__list a img {
            height: 33px;
            margin-right: 33px; } }
    .links__list--shop a img {
      height: 71px; }
      @media screen and (max-width: 768px) {
        .links__list--shop a img {
          height: 50px;
          margin-right: 20px; } }

.lead {
  margin-top: 5rem;
  text-align: center; }
  .lead img {
    margin: 0 auto; }
  .lead--2 img {
    width: 86%; }
  .lead--3 img {
    width: 50%; }

.benefitbadge {
  width: 265px; }
  @media screen and (max-width: 768px) {
    .benefitbadge {
      width: 87.5vw; } }

.banner {
  padding: 20px 40px;
  background: #fff; }
  @media screen and (max-width: 768px) {
    .banner {
      background: transparent;
      padding: 5vw 3.75vw 0; } }
  .banner__inner {
    max-width: 1160px;
    margin: 0 auto; }
  .banner__list {
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .banner__list {
        margin-top: .5vw; } }
    .banner__list.carry {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .banner__list.carry {
          margin-top: 0px; } }
    .banner__list.kaeru {
      margin-top: -5px; }
      @media screen and (max-width: 768px) {
        .banner__list.kaeru {
          margin-top: -1vw; } }
    .banner__list.tokunori {
      margin-top: 5px; }
      @media screen and (max-width: 768px) {
        .banner__list.tokunori {
          margin-top: -1vw; } }

/* 
end _main.scss
*/