@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
中古車販売
---------------------------------------------------------------------------------------------------------------------
*/
#carsales-page .carsales-title {
  max-width: 1600px;
  margin: auto;
  width: 90%;
  padding: 40px 0 0; }
  @media (min-width: 1024px) {
    #carsales-page .carsales-title {
      padding: 80px 0 0; } }
  #carsales-page .carsales-title h1 {
    font-size: 1.2em;
    font-feature-settings: "palt";
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #carsales-page .carsales-title h1 {
        font-size: 2.0em; } }
    @media (min-width: 1250px) {
      #carsales-page .carsales-title h1 {
        font-size: 3.0em; } }
#carsales-page #fs-people {
  margin-top: 100px; }
  #carsales-page #fs-people ul.people-loop li h2 {
    margin-bottom: 0.25em;
    line-height: 1.3em; }
#carsales-page .reason-area {
  max-width: 1200px;
  margin: 0 auto 0;
  width: 90%; }
  @media (min-width: 1024px) {
    #carsales-page .reason-area {
      margin: 0 auto 0; } }
  #carsales-page .reason-area .reason-title h2 {
    font-size: 1.25em;
    text-align: center; }
    @media (min-width: 1024px) {
      #carsales-page .reason-area .reason-title h2 {
        font-size: 2.0em; } }
  @media only screen and (min-width: 1024px) {
    #carsales-page .reason-area .o-6column .col-lg-6 {
      padding: 0 30px; }
    #carsales-page .reason-area .o-6column {
      margin: 0 -30px; } }
  #carsales-page .reason-area .border-r {
    position: relative; }
    @media (min-width: 768px) {
      #carsales-page .reason-area .border-r::before {
        position: absolute;
        content: "";
        background-color: #707070;
        width: 1px;
        height: 90%;
        top: 5%;
        bottom: 5%;
        right: 0; } }
  #carsales-page .reason-area .border-b {
    position: relative; }
    #carsales-page .reason-area .border-b::after {
      position: absolute;
      content: "";
      background-color: #707070;
      width: 90%;
      height: 1px;
      bottom: 0;
      right: 5%;
      left: 5%; }
  @media (max-width: 767px) {
    #carsales-page .reason-area .border-b2 {
      position: relative; }
      #carsales-page .reason-area .border-b2::after {
        position: absolute;
        content: "";
        background-color: #707070;
        width: 90%;
        height: 1px;
        bottom: 0;
        right: 5%;
        left: 5%; } }
  #carsales-page .reason-area .reason-box {
    position: relative;
    padding: 20px 0; }
    @media (min-width: 1024px) {
      #carsales-page .reason-area .reason-box {
        margin: 40px 20px; } }
    #carsales-page .reason-area .reason-box .number {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      z-index: -1; }
      #carsales-page .reason-area .reason-box .number h6 {
        font-family: 'Montserrat', sans-serif;
        font-size: 10.0em;
        line-height: 1.0em;
        color: #fff; }
        @media (min-width: 1024px) {
          #carsales-page .reason-area .reason-box .number h6 {
            font-size: 18.0em; } }
    #carsales-page .reason-area .reason-box .txt {
      padding: 0 20px; }
      #carsales-page .reason-area .reason-box .txt h3 {
        font-size: 1.125em;
        text-align: center;
        margin-bottom: 20px; }
        @media (min-width: 1024px) {
          #carsales-page .reason-area .reason-box .txt h3 {
            font-size: 1.5em; } }
        #carsales-page .reason-area .reason-box .txt h3 .border {
          background: linear-gradient(transparent 60%, #ff6 60%); }
      #carsales-page .reason-area .reason-box .txt p {
        font-size: 0.8em;
        line-height: 2.0em;
        text-align: justify; }
        @media (min-width: 1024px) {
          #carsales-page .reason-area .reason-box .txt p {
            font-size: 0.9em; } }
#carsales-page .declaration {
  margin: 100px auto 0;
  width: 90%; }
  @media (min-width: 1024px) {
    #carsales-page .declaration {
      margin: 140px auto 0; } }
  #carsales-page .declaration h3 {
    font-size: 1.125em;
    line-height: 1.8em;
    text-align: center; }
    @media (min-width: 1024px) {
      #carsales-page .declaration h3 {
        font-size: 2.25em; } }

/*
---------------------------------------------------------------------------------------------------------------------
中古車検索
---------------------------------------------------------------------------------------------------------------------
*/
.car-search {
  max-width: 1200px;
  margin: 60px auto 80px;
  width: 80%; }
  @media (min-width: 768px) {
    .car-search {
      width: 90%; } }
  @media (min-width: 1024px) {
    .car-search {
      margin: 60px auto 160px; } }
  @media only screen and (min-width: 768px) {
    .car-search .o-6column .col-lg-6 {
      padding: 0 20px; }
    .car-search .o-6column {
      margin: 0 -20px; } }
  @media only screen and (min-width: 1024px) {
    .car-search .o-6column .col-lg-6 {
      padding: 0 40px; }
    .car-search .o-6column {
      margin: 0 -40px; } }
  .car-search .search-box.first {
    margin-bottom: 60px; }
    @media (min-width: 1024px) {
      .car-search .search-box.first {
        margin-bottom: 0; } }
  .car-search .search-box h3 {
    font-size: 1.45em;
    text-align: center; }
    @media (min-width: 1024px) {
      .car-search .search-box h3 {
        font-size: 1.75em; } }
  .car-search .search-box a:hover .photo > img {
    transform: scale(1.04); }
  .car-search .search-box a .photo {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    z-index: 1;
    margin-top: 15px; }
    .car-search .search-box a .photo img {
      width: 100%;
      height: auto;
      display: block;
      transition-duration: 0.8s;
      transform: scale(1);
      border-radius: 10px; }
      @media (min-width: 1024px) {
        .car-search .search-box a .photo img {
          border-radius: 20px; } }
  .car-search .search-box h4 {
    font-size: 1.125em;
    line-height: 1.6em;
    font-feature-settings: "palt";
    text-align: center;
    margin-top: 20px; }
    @media (min-width: 1024px) {
      .car-search .search-box h4 {
        font-size: 1.5em; } }
  .car-search .search-box .common-btn {
    margin: 10px auto 0;
    text-align: center; }
    @media (min-width: 1024px) {
      .car-search .search-box .common-btn {
        margin: 20px auto 0; } }