@charset "UTF-8";
@font-face {
  font-family: "mazdatype-regular";
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/mazdatype-regular.otf);
}
@font-face {
  font-family: "mazdatype-italic";
  font-weight: normal;
  font-style: italic;
  src: url(../fonts/mazdatype-italic.otf);
}
@font-face {
  font-family: "mazdatype-medium";
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/mazdatype-medium.otf);
}
@font-face {
  font-family: "mazdatype-mediumitalic";
  font-weight: normal;
  font-style: italic;
  src: url(../fonts/mazdatype-mediumitalic.otf);
}
@font-face {
  font-family: "mazdatype-bold";
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/mazdatype-bold.otf);
}
@font-face {
  font-family: "mazdatype-bolditalic";
  font-weight: normal;
  font-style: italic;
  src: url(../fonts/mazdatype-bolditalic.otf);
}
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figcaption, figure, section, footer, header, main, nav {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}
@media all and (min-width: 897px) and (max-width: 1400px) {
  html {
    font-size: 0.714vw;
  }
}
@media all and (max-width: 614px) {
  html {
    font-size: 1.626vw;
  }
}

body, table, input, textarea, select, option {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

article, aside, canvas, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section, summary {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

chrome_annotation {
  border: none !important;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

address {
  font-style: normal;
}

a {
  color: inherit;
  transition: 0.3s;
}
a:link {
  text-decoration: none;
}
a:visited {
  color: inherit;
}
a:hover {
  color: inherit;
}
@media all and (min-width: 897px) {
  a:hover {
    opacity: 0.7;
  }
}
a:active {
  color: inherit;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-color: #FFF;
  font-feature-settings: "palt";
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 896px) {
  body {
    min-width: inherit;
    font-size: 1.4rem;
  }
}

#container {
  overflow: hidden;
  text-align: left;
}

@media all and (min-width: 897px) {
  .sp {
    display: none !important;
  }
}

@media all and (max-width: 896px) {
  .pc {
    display: none !important;
  }
}

@media all and (min-width: 897px) {
  a[href^="tel:"] {
    cursor: default;
    pointer-events: none;
  }
  a[href^="tel:"].call {
    cursor: pointer;
    pointer-events: auto;
  }
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
.home #gHeader {
  margin-bottom: 7.2rem;
}

#gHeader {
  margin-bottom: 1.9rem;
  padding: 4rem 2rem;
  border-bottom: 0.7rem solid #000;
}
@media all and (max-width: 896px) {
  #gHeader {
    width: 100%;
    margin-bottom: 3.6rem;
    padding: 2.8rem 9.8rem 2.1rem 2.6rem;
    border-width: 0.7rem;
    background-color: #FFF;
    position: fixed;
    top: 0;
    z-index: 10;
  }
}
#gHeader .hBox {
  margin: 0 auto;
  max-width: 139.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 897px) and (max-width: 1500px) {
  #gHeader .hBox {
    align-items: center;
  }
}
#gHeader h1 {
  margin-left: 0.2rem;
  width: 57.4rem;
}
#gHeader h1 a {
  opacity: 1;
}
@media (min-width: 897px) and (max-width: 1500px) {
  #gHeader h1 {
    width: 50rem;
  }
}
@media all and (max-width: 896px) {
  #gHeader .hBox {
    margin: 0 auto;
    width: auto;
    align-items: center;
  }
  #gHeader h1 {
    margin-left: 0;
    width: 34.8rem;
  }
  #gHeader .menu {
    width: 4.3rem;
    position: absolute;
    right: 2.8rem;
    top: 3.3rem;
    cursor: pointer;
  }
  #gHeader .menu .img02 {
    display: none;
  }
  #gHeader .menu.on .img01 {
    display: none;
  }
  #gHeader .menu.on .img02 {
    display: block;
  }
}

#gNavi {
  margin-bottom: 0.6rem;
  display: flex;
  justify-content: flex-end;
  gap: 3rem;
}
@media (min-width: 897px) and (max-width: 1500px) {
  #gNavi {
    margin-bottom: 0;
  }
}
#gNavi .timeBtn {
  margin-top: 0.3rem;
  width: 5.8rem;
  position: relative;
}
@media all and (max-width: 896px) {
  #gNavi .timeBtn {
    position: static;
  }
}
#gNavi .timeBtn a {
  display: block;
}
#gNavi .timeBtn .calendarBox {
  position: absolute;
  right: 0;
  top: calc(100% + 1.5rem);
  z-index: 10;
  width: 41rem;
  padding: 1.2rem 0.9rem 1.5rem 1.3rem;
  color: #fff;
  font-size: 1rem;
  background-color: #121212;
  box-sizing: border-box;
  border-radius: 0.4rem;
  display: none;
}
@media all and (max-width: 896px) {
  #gNavi .timeBtn .calendarBox {
    width: 100%;
    top: 100%;
    font-size: 1.3rem;
  }
}
#gNavi .timeBtn .calendarBox .title {
  margin-bottom: 1.1rem;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
#gNavi .timeBtn .calendarBox .title img {
  margin: -0.5rem 1rem 0 0;
  width: 2.4rem;
  display: inline-block;
  vertical-align: middle;
}
#gNavi .timeBtn .calendarBox .txtBox {
  margin: 0.6rem 0.3rem 0;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.085em;
}
@media all and (max-width: 896px) {
  #gNavi .timeBtn .calendarBox .txtBox {
    width: 78%;
    margin: 0.6rem auto 0;
    font-size: 1rem;
  }
}
#gNavi .timeBtn .calendarBox .txt {
  margin-bottom: 0.6rem;
  text-align: left;
}
#gNavi .timeBtn .calendarBox .txt .col {
  margin-top: -0.1rem;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #d0d0d0;
}
@media all and (max-width: 896px) {
  #gNavi .timeBtn .calendarBox .txt .col {
    width: 1.3rem;
    height: 1.3rem;
  }
}
#gNavi .timeBtn .calendarBox .txt02 .col {
  background-color: #a98852;
}
#gNavi .timeBtn .calendarBox .txt03 .col {
  background-color: #6fa833;
}
#gNavi .timeBtn .calendarBox .dots {
  margin: -0.6rem 0.4rem 0 0.5rem;
  display: inline-block;
  vertical-align: middle;
}
@media all and (max-width: 896px) {
  #gNavi .timeBtn .calendarBox .txt02, #gNavi .timeBtn .calendarBox .txt03, #gNavi .timeBtn .calendarBox .txt04 {
    font-size: 1.2rem;
  }
}
#gNavi .timeBtn .calendarBox .txt02,
#gNavi .timeBtn .calendarBox .txt03 {
  margin-bottom: 0.3rem;
}
@media all and (max-width: 896px) {
  #gNavi {
    margin-bottom: 0;
    display: block;
  }
  #gNavi .timeBtn {
    margin-top: 0.1rem;
    width: 3.5rem;
  }
}

.ui-widget-content {
  width: 100% !important;
  border: none !important;
  background-color: transparent !important;
}
@media all and (min-width: 897px) {
  .ui-widget-content {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.ui-datepicker-prev,
.ui-datepicker-next {
  display: none !important;
}

#datepicker .ui-widget-header {
  padding: 0.3rem 0 0.2rem !important;
  border: 0.1rem solid #b2b2b2 !important;
  color: #fff !important;
  font-size: 1.2rem;
  border-radius: 0 !important;
  background-color: transparent !important;
  font-family: "mazdatype-regular", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", Meiryo, "Yu Gothic Medium", sans-serif;
}
@media all and (max-width: 896px) {
  #datepicker .ui-widget-header {
    padding: 0.4rem 0 !important;
    font-size: 1.3rem;
  }
}
#datepicker .ui-datepicker-row-break {
  display: none;
}
#datepicker .ui-datepicker th, #datepicker .ui-datepicker td {
  box-sizing: border-box;
  font-family: "mazdatype-regular", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", Meiryo, "Yu Gothic Medium", sans-serif;
}
#datepicker .ui-datepicker th {
  color: #fff;
  text-align: center;
  padding: 1.1rem 0.2rem 0.5rem !important;
}
#datepicker .ui-datepicker td {
  text-align: center;
}
@media all and (min-width: 897px) {
  #datepicker .ui-datepicker td {
    padding: 0.1rem;
  }
}
#datepicker .ui-datepicker td span,
#datepicker .ui-datepicker td a {
  display: block;
  padding: 0.4rem 0 0.35rem;
  text-align: center;
}
@media all and (max-width: 896px) {
  #datepicker .ui-datepicker td span,
  #datepicker .ui-datepicker td a {
    padding: 0.5rem 0;
  }
}
#datepicker .ui-datepicker td.blue a, #datepicker .ui-datepicker td.blue span {
  background-color: #D0D0D0 !important;
  color: #282828;
}
#datepicker .ui-datepicker td.yellow a, #datepicker .ui-datepicker td.yellow span {
  background-color: #A98852 !important;
  color: #FFF;
}
#datepicker .ui-datepicker td.green a, #datepicker .ui-datepicker td.green span {
  background-color: #6fa833 !important;
  color: #FFF;
}
@media all and (max-width: 896px) {
  #datepicker .ui-datepicker-multi-2 {
    width: 78% !important;
    margin: 0 auto;
  }
}
#datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
  margin-bottom: 2rem;
  width: 47.8% !important;
}
@media all and (max-width: 896px) {
  #datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100% !important;
  }
}
#datepicker .ui-state-disabled,
#datepicker .ui-widget-content .ui-state-disabled,
#datepicker .ui-widget-header .ui-state-disabled {
  opacity: 1 !important;
  background-color: #282828;
}
#datepicker .ui-state-default,
#datepicker .ui-widget-content .ui-state-default {
  color: #fff;
  border: none !important;
  background-color: transparent !important;
}
#datepicker .ui-datepicker-multi .ui-datepicker-group span {
  width: 100%;
}
#datepicker .ui-datepicker-title {
  text-align: center;
}
#datepicker .ui-datepicker-calendar {
  margin-bottom: 0 !important;
  width: 100%;
  border-spacing: 0.2rem;
  border-collapse: inherit !important;
}
#datepicker .ui-datepicker-calendar thead th:first-child {
  color: #e13737 !important;
}
#datepicker .ui-datepicker-calendar thead th:last-child {
  color: #269ad6;
}
#datepicker .ui-datepicker-calendar tbody tr td:first-child a, #datepicker .ui-datepicker-calendar tbody tr td:first-child span {
  color: #e13737;
}
#datepicker .ui-datepicker-calendar tbody tr td:last-child a, #datepicker .ui-datepicker-calendar tbody tr td:last-child span {
  color: #269ad6;
}

.menuBox .naviList {
  display: flex;
  justify-content: flex-end;
}
.menuBox .naviList li {
  min-width: 13.9rem;
  border-right: 0.1rem solid #000;
}
.menuBox .naviList li:last-child {
  border-right: none;
}
.menuBox .naviList li a {
  padding: 0 2.2rem;
  display: block;
  letter-spacing: 0.1em;
  text-align: center;
}
.menuBox .naviList li a .icon {
  margin-bottom: 0.9rem;
  min-height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menuBox .naviList li a .txt {
  display: block;
  font-size: 1.3rem;
}
@media all and (min-width: 897px) {
  .menuBox {
    display: block !important;
  }
}
@media all and (max-width: 896px) {
  .menuBox {
    padding: 5.3rem 5.5rem;
    width: 100%;
    height: calc(100% - 10.6rem);
    position: fixed;
    left: 0;
    top: 10.6rem;
    display: none;
    overflow: auto;
    background: #fff;
    z-index: 1000;
  }
  .menuBox .searchBox {
    margin-bottom: 2.5rem;
    position: relative;
  }
  .menuBox .searchBox input {
    border-radius: 0;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .menuBox .searchBox input[type=search] {
    padding: 0 6rem 0 2.8rem;
    width: 100%;
    height: 6.3rem;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    border: 0.1rem solid #808080;
    background: #d9d9d9;
  }
  .menuBox .searchBox input[type=search]::placeholder {
    opacity: 1;
    color: #999;
  }
  .menuBox .searchBox input[type=button] {
    width: 6.3rem;
    position: absolute;
    right: 0;
    top: 0.7rem;
    bottom: 0.7rem;
    font-size: 0;
    border-left: 0.1rem solid #808080;
    background: url(../img/common/icon07.png) no-repeat center center/3rem;
  }
  .menuBox ul {
    margin-bottom: 5rem;
  }
  .menuBox li {
    border-bottom: 0.1rem solid #000;
  }
  .menuBox li a {
    padding: 1.6rem 5rem 1.6rem 2.8rem;
    display: block;
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    background: url(../img/common/icon08.png) no-repeat right 2.5rem center;
    background-size: 2.1rem;
  }
  .menuBox li a::before {
    width: 0.1rem;
    position: absolute;
    left: 1rem;
    top: 1.5rem;
    bottom: 1.5rem;
    background: #6d0c16;
    content: "";
  }
}

#pagePath {
  padding-top: 1rem;
  margin: 0 auto 3rem;
  width: 119rem;
  text-align: right;
  font-size: 1.2rem;
}
#pagePath li {
  display: inline;
}
#pagePath li a {
  margin-right: 0.5rem;
  opacity: 1;
}
@media all and (min-width: 897px) {
  #pagePath li a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width: 896px) {
  #pagePath {
    margin: 0 3.2rem 3.5rem;
    width: auto;
    text-align: left;
  }
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
footer {
  padding: 4rem 0 0 0;
  background: #111111;
  color: #b2b2b2;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-feature-settings: normal;
}
footer a {
  color: #aaaaaa;
  text-decoration: none;
}
footer a:hover {
  color: #ffffff;
  text-decoration: none;
}
footer .wrap {
  width: 117.4rem;
  margin: 0 auto 0;
}
footer .wrap .t h2 {
  font-size: 2.45rem;
  font-weight: 400;
  color: #ffffff;
  padding: 0 0 1.5rem 0;
}
footer .wrap .t .l {
  width: 81rem;
}
footer .wrap .t .l .calBox .container-calendar {
  margin-bottom: 0;
}
footer .wrap .t .l .calBox .calWrap {
  width: 57.2rem;
  padding: 0 0 1.5rem;
  vertical-align: top;
}
footer .wrap .t .l .calBox .calWrap .ui-datepicker-title {
  margin-bottom: 0.6rem;
  font-weight: bold;
  font-size: 1.7rem;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table {
  float: left;
  table-layout: fixed;
  border-collapse: separate;
  border: 0;
  empty-cells: hide;
  width: 28rem;
  margin: 0 0 1rem;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table caption {
  text-align: left;
  margin: 0 0 0.5rem;
  font-size: 1.8rem;
  line-height: 1.5;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td {
  padding: 0.4rem 0 0.5rem;
  text-align: center;
  vertical-align: middle;
  color: #b2b2b2;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  background: #202020;
  font-weight: normal;
  font-size: 1.7rem;
  border-right: #101010 solid 0.2rem;
  border-bottom: #101010 solid 0.2rem;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th:first-child,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td:first-child {
  color: #d7a096 !important;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th:first-child + * + * + * + * + * + *,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td:first-child + * + * + * + * + * + * {
  color: #8291a5 !important;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th:first-child span,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td:first-child span {
  color: #d7a096;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th .ui-state-default,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td .ui-state-default {
  color: inherit;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th.blue,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td.blue {
  background: #740824;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th.yellow,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td.yellow {
  background: #9c732c;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr th.green,
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr td.green {
  background: #4a8012;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table tr .ui-state-disabled span {
  color: inherit;
}
footer .wrap .t .l .calBox .calWrap .calBody .container-calendar table:first-child + table {
  float: right;
}
footer .wrap .t .l .calBox .calWrap .calBody p {
  font-size: 1.7rem;
}
footer .wrap .t .l .calBox .calWrap .calBody .holiday {
  font-size: 1.7rem;
  font-weight: 500;
}
footer .wrap .t .l .calBox .calWrap .calBody .holiday span {
  color: #740824;
}
footer .wrap .t .l .open {
  margin: 5rem 0 0 2.4rem;
}
footer .wrap .t .l .open p {
  font-size: 1.7rem;
  line-height: 1.5;
  padding: 0 0 1.5rem 0;
}
footer .wrap .t .l .linkBox ul {
  margin-right: 6.1rem;
  width: 36rem;
}
footer .wrap .t .l .linkBox ul li {
  width: 100%;
}
footer .wrap .t .l .linkBox .sslBox {
  width: 36rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
footer .wrap .t .l .linkBox .sslBox .sslIcon {
  margin-right: 2.4rem;
  width: 10.8rem;
  float: left;
}
footer .wrap .t .l .linkBox .sslBox .sslIcon img {
  width: 100%;
}
footer .wrap .t .l .linkBox .sslBox ul li {
  padding-top: 1.2rem;
}
footer .wrap .t .l .linkBox .sslBox ul li a {
  font-size: 1.75rem;
  padding: 0 2.3rem 0 0;
  background: url(../img/common/icon_blank.svg) right center no-repeat;
  background-size: 1.6rem auto;
}
footer .wrap .t .r {
  width: 33rem;
}
footer .wrap .t .r .address {
  font-size: 2.1rem;
  line-height: 1.2;
  padding: 0 0 1.9rem 0;
}
footer .wrap .t .r .kouan {
  font-size: 1.9rem;
  line-height: 1.4;
  padding: 0 0 1.7rem 0;
}
footer .bottomCat {
  width: 100%;
  border-top: 0.2rem solid #050505;
  margin: 1rem 0 0 0;
  padding: 1.6rem 0 2.3rem;
}
footer .bottomCat ul {
  width: 117rem;
  margin: 0 auto;
  display: table;
}
footer .bottomCat ul:not(:last-child) {
  margin-bottom: 0.1rem;
}
footer .bottomCat ul li {
  display: table-cell;
  vertical-align: top;
  width: 14%;
  font-size: 1.2rem;
}
footer .bottomCat ul li a::after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 1.5rem;
  padding-left: 0.5rem;
}
footer .bottomCat ul li:nth-child(5) {
  width: 16%;
}
footer .bottomCat ul:last-child li {
  padding-left: 82.7rem;
}
@media all and (max-width: 896px) {
  footer {
    padding-top: 3rem;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    background: #000;
  }
  footer .wrap,
  footer .bottomCat {
    display: none;
  }
  footer .fLogo {
    margin: 0 auto 3rem;
    width: 50.8rem;
  }
  footer p {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  footer p.ttl {
    font-size: 2rem;
  }
}

#copyright {
  width: 100%;
  background: #202020;
  color: #b2b2b2;
  margin: 0 auto;
  padding: 1.4rem 0 3.5rem;
  font-size: 1.1rem;
}
#copyright p {
  width: 117.4rem;
  margin: 0 auto;
  font-family: "mazdatype-regular", sans-serif;
  font-weight: normal;
}
@media all and (max-width: 896px) {
  #copyright {
    width: auto;
    background: #000;
    color: #fff;
    padding: 2.4rem 0 3.2rem;
    font-size: 1.5rem;
    text-align: center;
  }
  #copyright p {
    width: auto;
  }
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-YH */
/* clearfix */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* flex */
.flex, .flexA, .flexB, .flexC {
  display: flex;
  flex-wrap: wrap;
}

.flexA {
  justify-content: space-around;
}

.flexB {
  justify-content: space-between;
}

.flexC {
  justify-content: center;
}

/* font */
.mazdaR {
  font-family: "mazdatype-regular", sans-serif;
}

.mazdaRi {
  font-family: "mazdatype-italic", sans-serif;
  font-style: italic;
}

.mazdaM {
  font-family: "mazdatype-medium", sans-serif;
}

.mazdaMi {
  font-family: "mazdatype-mediumitalic", sans-serif;
  font-style: italic;
}

.mazdaB {
  font-family: "mazdatype-bold", sans-serif;
}

.mazdaBi {
  font-family: "mazdatype-bolditalic", sans-serif;
  font-style: italic;
}

/*------------------------------------------------------------
	fadeIn
------------------------------------------------------------*/
.fadeIn {
  opacity: 0;
  transition: all 1s ease;
}
.fadeIn.on {
  opacity: 1;
}
.fadeInUp {
  opacity: 0;
  transform: translateY(5rem);
  transition: all 1s ease;
}
.fadeInUp.on {
  opacity: 1;
  transform: translateY(0);
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
  margin: 0 auto;
  width: 118.6rem;
}
@media all and (max-width: 896px) {
  .content {
    width: auto;
    margin: 0 3rem;
  }
}

/*------------------------------------------------------------
	btnStyle
------------------------------------------------------------*/
.btnStyle {
  border: 0.1rem solid #9c9c9c;
  cursor: pointer;
  margin: 0 auto 1.2rem auto;
  -moz-border-radius: 0.5rem !important;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem !important;
  position: relative;
}
.btnStyle.noRadius {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
}
.btnStyle a {
  display: block;
  padding: 1.5rem 1.3rem;
  font-size: 1.7rem;
}
.btnStyle.blank {
  background: url(../img/common/icon_blank.svg) right 1.2rem center no-repeat;
  background-size: 1.6rem auto;
}
.btnStyle.arrow::after {
  position: absolute;
  content: "\f054";
  font-family: FontAwesome;
  font-size: 1.5rem;
  top: 50%;
  right: 1rem;
  margin-top: -1rem;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
  margin-bottom: 5.5rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.9035;
  border-bottom: 0.1rem solid #000;
}
.headLine01 .ttl {
  padding: 0.4rem 4.5rem;
  width: 49.3rem;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  background: #000;
}
.headLine01 small {
  margin: 0 0 1rem 2.8rem;
}
.headLine01 .en {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #E5E5E5;
  font-size: 9.9rem;
  line-height: 0.7;
  z-index: -1;
}
@media all and (max-width: 896px) {
  .headLine01 {
    margin-bottom: 7.5rem;
    display: block;
    font-size: 2rem;
    line-height: 1.4;
    border-bottom: none;
  }
  .headLine01 .ttl {
    padding: 1.1rem 2.6rem 1.2rem;
    width: auto;
    display: block;
    font-size: 3rem;
    background: #666;
  }
  .headLine01 small {
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 2.2rem);
    text-align: center;
  }
  .headLine01 .en {
    bottom: 100%;
    font-size: 6.2rem;
    line-height: 0.7;
    z-index: -1;
  }
}

/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
  margin: 0 auto;
  width: 31rem;
}
.comBtn a {
  padding-bottom: 0.2rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  background: #000;
}
@media all and (max-width: 896px) {
  .comBtn {
    width: 40rem;
  }
  .comBtn a {
    font-size: 2rem;
    border-radius: 0.6rem;
  }
}

/*------------------------------------------------------------
	comCarBox
------------------------------------------------------------*/
.comCarBox {
  margin-bottom: 4.5rem;
  display: flex;
  justify-content: space-between;
}
.comCarBox a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.comCarBox .phototBox {
  width: 39.6rem;
}
.comCarBox .phototBox .slickUl li {
  display: block !important;
}
.comCarBox .phototBox .slickUl li img {
  width: 100%;
}
.comCarBox .phototBox .slickNav {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.5rem 1.4rem;
}
.comCarBox .phototBox .slickNav li {
  width: calc((100% - 2.8rem) / 3);
}
.comCarBox .phototBox .slickNav li div {
  cursor: pointer;
}
@media all and (min-width: 897px) {
  .comCarBox .phototBox .slickNav li div:hover {
    opacity: 0.7;
  }
}
.comCarBox .phototBox .slickNav li img {
  width: 100%;
}
.comCarBox .textBox {
  width: 76.4rem;
}
.comCarBox .textBox .title {
  margin-bottom: 1.4rem;
  padding: 1.1rem 1.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  background: #6D0C16;
}
.comCarBox .textBox .title .inn {
  margin-right: 2rem;
}
.comCarBox .textBox .title .inn .img01 {
  display: inline-block;
  vertical-align: top;
}
.comCarBox .textBox .title .inn .img01:not(:last-child) {
  margin-right: 1.1rem;
}
.comCarBox .textBox .title .inn .img02 {
  display: inline-block;
  vertical-align: top;
}
.comCarBox .textBox .title .inn .img01 img,
.comCarBox .textBox .title .inn .img02 img {
  width: auto;
  max-height: 3.1rem;
}
.comCarBox .textBox .title .sm {
  margin: 1rem 1.6rem 0 0;
}
.comCarBox .textBox .title .lrg {
  font-size: 3.9rem;
  font-weight: bold;
  line-height: 1;
}
.comCarBox .textBox .text {
  margin-bottom: 1.4rem;
  line-height: 1.4375;
}
.comCarBox .textBox .priceBox {
  margin-bottom: 1.5rem;
  padding: 1.1rem 2rem 2.9rem 0;
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
}
.comCarBox .textBox .priceBox .subBox {
  align-items: flex-end;
}
.comCarBox .textBox .priceBox .subBox .ttl {
  margin-bottom: -1.9rem;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.4;
}
.comCarBox .textBox .priceBox .subBox .ttl small {
  display: block;
  color: #000;
  font-size: 1.2rem;
  font-weight: 400;
}
.comCarBox .textBox .priceBox .subBox .price {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
}
.comCarBox .textBox .priceBox .subBox .price span {
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
}
.comCarBox .textBox .priceBox .subBox01 {
  color: #dc0011;
}
.comCarBox .textBox .priceBox .subBox01 .ttl {
  margin-right: 1rem;
  line-height: 1.5;
}
.comCarBox .textBox .priceBox .subBox01 .price {
  font-size: 6.2rem;
}
.comCarBox .textBox .priceBox .subBox01 .price small {
  font-size: 4.5rem;
}
.comCarBox .textBox .priceBox .subBox01 .price span {
  font-size: 2.8rem;
}
.comCarBox .textBox .priceBox .subBox02 .ttl {
  margin-right: 0.5rem;
}
.comCarBox .textBox .priceBox .subBox02 .price {
  font-size: 4rem;
}
.comCarBox .textBox .txtUl {
  margin-bottom: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid #000;
  gap: 0.8rem 0;
}
.comCarBox .textBox .txtUl li {
  /* min-width: 14rem; */
  font-size: 1.4rem;
}
.comCarBox .textBox .txtUl li:nth-child(4n-3) {
  width: 26.5rem;
}
.comCarBox .textBox .txtUl li:nth-child(4n-2) {
  width: 17rem;
}
.comCarBox .textBox .txtUl li:nth-child(4n-1) {
  width: 15.9rem;
}
.comCarBox .textBox .txtUl li:nth-child(4n) {
  width: 17rem;
}
.comCarBox .textBox .txtUl li dl {
  display: flex;
  align-items: flex-start;
}
.comCarBox .textBox .txtUl li dl dt {
  margin-right: 0.5rem;
  padding: 0 0.9rem 0.1rem;
  width: 7.5rem;
  color: #fff;
  line-height: 2.3rem;
  background: #666;
  text-align: justify;
  text-align-last: justify;
}
.comCarBox .textBox .txtUl li dl dt.dtStyle01 {
  padding: 0 0.4rem;
  letter-spacing: -0.1em;
  text-align: center;
}
.comCarBox .textBox .txtUl li dl dd {
  margin-top: 0.2rem;
  flex: 1;
}
.comCarBox .textBox .btnBox {
  align-items: center;
}
.comCarBox .textBox .btnBox ul {
  margin-right: 3.2rem;
  padding: 0 3.5rem 0.7rem 0;
  border-right: 0.1rem solid #000;
}
.comCarBox .textBox .btnBox ul:first-of-type {
  flex: 0 0 74%;
}
.comCarBox .textBox .btnBox ul li {
  padding: 0 0.8rem;
  margin-top: 0.7rem;
  width: auto;
  height: 2.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem;
  text-align: center;
  border-radius: 0.3rem;
  border: 0.1rem solid #000;
}
.comCarBox .textBox .btnBox ul li:not(:last-child) {
  margin-right: 0.9rem;
}
.comCarBox .textBox .btnBox ul li span {
  font-size: 0.9rem;
  letter-spacing: -0.1em;
}
.comCarBox .textBox .btnBox ul li.mazdaB {
  font-weight: normal;
}
@media all and (max-width: 896px) {
  .comCarBox {
    margin-bottom: 4.5rem;
    display: block;
  }
  .comCarBox a {
    display: block;
  }
  .comCarBox .phototBox {
    width: 29.6rem;
  }
  .comCarBox .phototBox .slickUl li {
    /* height: 18.1rem; */
  }
  .comCarBox .phototBox .slickUl li img {
    height: 100%;
    object-fit: cover;
  }
  .comCarBox .textBox {
    width: auto;
  }
  .comCarBox .textBox .title {
    margin-bottom: 1.4rem;
    padding: 1.1rem 2.3rem 1rem;
    font-size: 2rem;
    position: relative;
  }
  .comCarBox .textBox .title .inn {
    margin-right: 0;
    position: absolute;
    left: 0;
    bottom: calc(100% + 1.3rem);
  }
  .comCarBox .textBox .title .sm {
    margin: 1rem 1.9rem 0 0;
  }
  .comCarBox .textBox .text {
    font-size: 1.6rem;
  }
  .comCarBox .textBox .subArea {
    margin-bottom: 1.8rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .comCarBox .textBox .priceBox {
    margin-bottom: 0;
    padding: 0;
    width: calc(100% - 31.8rem);
    display: block;
    border-bottom: none;
  }
  .comCarBox .textBox .priceBox .subBox {
    padding: 1rem 0 1.1rem 1.3rem;
    border-bottom: 0.1rem solid #000;
  }
  .comCarBox .textBox .priceBox .subBox .ttl {
    margin: 0 1.3rem 0 0 !important;
    font-size: 1.6rem;
    line-height: 1.3 !important;
  }
  .comCarBox .textBox .priceBox .subBox .ttl small {
    font-size: 1.4rem;
  }
  .comCarBox .textBox .priceBox .subBox .price {
    font-size: 3rem;
  }
  .comCarBox .textBox .priceBox .subBox .price span {
    font-size: 1.6rem;
  }
  .comCarBox .textBox .priceBox .subBox01 {
    padding: 0.7rem 0 0.8rem 1.3rem;
  }
  .comCarBox .textBox .priceBox .subBox01 .ttl {
    margin-right: 0;
  }
  .comCarBox .textBox .priceBox .subBox01 .price {
    font-size: 4.2rem;
  }
  .comCarBox .textBox .priceBox .subBox01 .price small {
    font-size: 3rem;
  }
  .comCarBox .textBox .priceBox .subBox01 .price span {
    font-size: 1.8rem;
  }
  .comCarBox .textBox .priceBox .subBox02 .price {
    font-size: 3rem;
  }
  .comCarBox .textBox .txtUl {
    margin-bottom: 1.1rem;
    padding-bottom: 1.7rem;
    gap: 1.7rem 0;
  }
  .comCarBox .textBox .txtUl li {
    min-width: inherit;
    /* width: 34.5%; */
  }
  .comCarBox .textBox .txtUl li:nth-child(4n-3) {
    width: inherit;
  }
  .comCarBox .textBox .txtUl li:nth-child(4n-2) {
    width: inherit;
  }
  .comCarBox .textBox .txtUl li:nth-child(4n-1) {
    width: inherit;
  }
  .comCarBox .textBox .txtUl li:nth-child(4n) {
    width: inherit;
  }
  .comCarBox .textBox .txtUl li:nth-child(3n-2) {
    width: 31%;
  }
  .comCarBox .textBox .txtUl li:nth-child(3n-1) {
    width: 34.5%;
  }
  .comCarBox .textBox .txtUl li:nth-child(3n) {
    width: 34.5%;
  }
  .comCarBox .textBox .txtUl li.wid100 {
    width: 100%;
  }
  .comCarBox .textBox .txtUl li dl dt {
    width: 7.8rem;
  }
  .comCarBox .textBox .btnBox {
    justify-content: space-between;
  }
  .comCarBox .textBox .btnBox ul {
    margin-right: 0;
    padding: 0 2.9rem 0.7rem 0;
  }
  .comCarBox .textBox .btnBox ul:first-of-type {
    flex: 0 0 62%;
  }
  .comCarBox .textBox .btnBox ul li {
    padding: 0 0.4rem;
    margin-top: 0.7rem;
  }
  .comCarBox .textBox .btnBox .btn {
    width: 17.6rem;
  }
}

/*------------------------------------------------------------
	comCtaBox
------------------------------------------------------------*/
.comCtaBox {
  background: url(../img/common/bg01.jpg) no-repeat center center/100% 100%;
}
.comCtaBox .lBox {
  width: calc(100% - 37.4rem);
}
.comCtaBox .lBox .ttl {
  padding-bottom: 0.7rem;
  width: 14.9rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
.comCtaBox .lBox .ttl::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #e5e5e5;
  mix-blend-mode: multiply;
  content: "";
}
.comCtaBox .lBox .detailInn {
  width: calc(100% - 18.4rem);
  align-items: center;
  position: relative;
  z-index: 1;
}
.comCtaBox .lBox .detailInn .txt {
  margin-top: -0.7rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.comCtaBox .lBox .detailInn .tel {
  margin-top: 0.3rem;
}
.comCtaBox .lBox .detailInn .tel a {
  padding-left: 4.3rem;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.15;
  background: url(../img/common/tel_icon.png) no-repeat left center;
  background-size: 3.3rem;
}
.comCtaBox .lBox .detailInn .tel a span {
  display: block;
  color: #6d0c16;
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: 0;
}
.comCtaBox ul {
  margin: 2.3rem 1.7rem 2.2rem 0;
  width: 33.2rem;
  gap: 1.2rem;
}
.comCtaBox ul li {
  width: 16rem;
}
@media all and (max-width: 896px) {
  .comCtaBox {
    padding-bottom: 2.7rem;
    display: block;
    background-image: url(../img/common/bg01_sp.jpg);
  }
  .comCtaBox .lBox {
    padding: 0.3rem 0 0.4rem;
    width: auto;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  .comCtaBox .lBox::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #e5e5e5;
    mix-blend-mode: multiply;
    content: "";
  }
  .comCtaBox .lBox .ttl {
    padding-bottom: 0;
    width: auto;
    display: block;
    letter-spacing: 0;
  }
  .comCtaBox .lBox .ttl::before {
    display: none;
  }
  .comCtaBox .lBox .detailInn {
    width: auto;
  }
  .comCtaBox .lBox .detailInn .txt {
    margin: 0 1.8rem;
    letter-spacing: 0;
  }
  .comCtaBox .lBox .detailInn .tel {
    margin-top: 0;
  }
  .comCtaBox .lBox .detailInn .tel a {
    padding-left: 0;
    display: block;
    color: #db0011;
    font-weight: 700;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 1.79722;
    background: none;
  }
  .comCtaBox ul {
    margin: 2.8rem 0 0;
    width: auto;
    gap: 2rem;
    justify-content: center;
  }
  .comCtaBox ul li {
    width: 24.2rem;
  }
}

/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
  margin-bottom: 11.4rem;
}
.comImgBox .textBox {
  width: 50rem;
}
.comImgBox .textBox p {
  font-size: 2rem;
  line-height: 1.8;
}
.comImgBox .textBox .title {
  margin-bottom: 4.1rem;
  padding: 3rem 0;
  font-size: 2.3rem;
  font-weight: 700;
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
}
.comImgBox .photoBox {
  width: 64.7rem;
}
.comImgBox .photoBox iframe {
  width: 100%;
  height: 36.9rem;
  vertical-align: top;
}

/*------------------------------------------------------------
	comMailForm
------------------------------------------------------------*/
.comMailForm .secBox {
  margin-bottom: 4.5rem;
  word-break: break-all;
}
.comMailForm .h3Ttl {
  margin-bottom: 5.2rem;
  padding: 0 2.4rem 1.7rem;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: 0.1em;
  border-bottom: 0.1rem solid #000;
}
.comMailForm .h3Ttl.mb01 {
  margin-bottom: 4.4rem;
}
.comMailForm .h3Ttl .note {
  margin-left: 0.5rem;
  font-size: 1.2rem;
  color: #DA0011;
}
.comMailForm input[type=text],
.comMailForm input[type=email],
.comMailForm input[type=tel] {
  width: 100%;
  height: 5.3rem;
  padding: 0 1.4em;
  font-size: 1.6rem;
  font-weight: 400;
  vertical-align: top;
  border-radius: 0;
  border: 0.1rem solid #8E8E8F;
  background: #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.comMailForm textarea {
  padding: 0.8em 1.4em;
  width: 100%;
  height: 14.7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  box-sizing: border-box;
  border-radius: 0;
  border: 0.1rem solid #8E8E8F;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  resize: vertical;
  vertical-align: top;
}
.comMailForm select {
  padding: 0 6.5rem;
  width: 100%;
  height: 5.3rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  text-align-last: center;
  background: #727272 url(../img/common/icon16.png) no-repeat right 3rem center/2.8rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #8E8E8F;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.comMailForm .radioList li {
  padding: 1.5rem 2.5rem;
  font-size: 1.6rem;
  background: #F2F2F2;
}
.comMailForm .radioList li:nth-child(2n) {
  background-color: transparent;
}
.comMailForm .radioList li label {
  display: block;
}
.comMailForm .radioList li input[type=radio] {
  display: none;
}
.comMailForm .radioList li input[type=radio] ~ span {
  display: inline-block;
  padding-left: 1.8rem;
  font-weight: 400;
  background: url(../img/common/check.png) no-repeat left center/1.4rem;
  cursor: pointer;
}
.comMailForm .radioList li input[type=radio]:checked ~ span {
  background-image: url(../img/common/checked.png);
}
.comMailForm .radioList li.detail {
  padding: 1.3rem 2.5rem 2.4rem;
  background: #F2F2F2;
}
.comMailForm .radioList li.detail .txt {
  margin-bottom: 1.3rem;
}
.comMailForm .txtarea {
  margin: 0 3.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.75;
  word-wrap: break-word;
}
.comMailForm .nameList {
  display: flex;
  justify-content: space-between;
}
.comMailForm .nameList li {
  width: 48.5%;
}
@media all and (min-width: 897px) {
  .comMailForm .nameList {
    justify-content: flex-start;
    gap: 2rem;
  }
  .comMailForm .nameList li {
    width: 32.8rem;
  }
}
.comMailForm .formList {
  margin: 0 2.4rem;
}
.comMailForm .formList dt {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
}
.comMailForm .formList dt .must {
  margin-left: 0.2em;
  color: #DC0011;
  font-size: 1.4rem;
  font-weight: 400;
}
.comMailForm .formList dd {
  margin-bottom: 3.1rem;
}
.comMailForm .formList dd:last-child {
  margin-bottom: 0;
}
.comMailForm .telList {
  display: flex;
  justify-content: space-between;
  gap: 0 3.4rem;
}
.comMailForm .telList li {
  position: relative;
}
.comMailForm .telList li::after {
  width: 1.3rem;
  height: 0.1rem;
  position: absolute;
  right: -2.4rem;
  top: 50%;
  background: #8E8E8F;
  content: "";
}
.comMailForm .telList li:last-child::after {
  display: none;
}
.comMailForm .submit {
  margin: 0 auto 4rem;
  width: 73%;
}
.comMailForm .submit li {
  margin-bottom: 2rem;
}
.comMailForm .submit li:last-child {
  margin-bottom: 0;
}
.comMailForm .submit li input {
  width: 100%;
  height: 5rem;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: 0.1em;
  border: none;
  border-radius: 0.5rem;
  background: #000;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.comMailForm .textBox {
  margin: 0 1rem 0 1.7rem;
}
.comMailForm .textBox p {
  margin-bottom: 1.1rem;
  font-size: 1.2rem;
  font-feature-settings: "palt";
  line-height: 1.82;
}
.comMailForm .textBox .link {
  display: flex;
}
.comMailForm .textBox .link .img {
  width: 8.8rem;
  display: inline-block;
}
.comMailForm .textBox .link .img img {
  width: 100%;
}
.comMailForm .textBox .link .txt {
  margin-top: -0.3rem;
  padding-left: 1.4rem;
  display: inline-block;
  max-width: calc(100% - 8.8rem);
  font-size: 1.2rem;
  line-height: 1.82;
}
@media all and (min-width: 897px) {
  .comMailForm {
    margin-bottom: 15.5rem;
    padding: 6rem 9.8rem 11.2rem;
    background: #D4D5D5;
  }
  .comMailForm .secBox {
    margin-bottom: 11.8rem;
  }
  .comMailForm .h3Ttl {
    margin-bottom: 2.9rem;
    padding: 0 3rem 1.2rem;
    font-size: 2rem;
    letter-spacing: 0;
    background: url(../img/common/icon06.png) no-repeat left 0.6rem top 0.3rem/1.7rem;
  }
  .comMailForm .h3Ttl .note {
    margin-left: 0.5rem;
    color: #DC0011;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .comMailForm .h3Ttl.mb01 {
    margin-bottom: 2.7rem;
  }
  .comMailForm input[type=text],
  .comMailForm input[type=email],
  .comMailForm input[type=tel] {
    max-width: 67.8rem;
    padding: 0 1.5rem;
  }
  .comMailForm input[type=text].wid01,
  .comMailForm input[type=email].wid01,
  .comMailForm input[type=tel].wid01 {
    max-width: 32.8rem;
  }
  .comMailForm input[type=text].wid02,
  .comMailForm input[type=email].wid02,
  .comMailForm input[type=tel].wid02 {
    max-width: 50rem;
  }
  .comMailForm textarea {
    padding: 1.3em 2em;
  }
  .comMailForm select {
    max-width: 50rem;
    cursor: pointer;
  }
  .comMailForm select option {
    cursor: pointer;
  }
  .comMailForm .radioList {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3.7rem;
  }
  .comMailForm .radioList li {
    padding: 0;
    font-weight: 500;
    background: transparent;
  }
  .comMailForm .radioList li.detail {
    padding: 4.2rem 0 0;
    width: 100%;
    background: transparent;
  }
  .comMailForm .radioList li.detail .txt {
    margin-bottom: 0.3rem;
  }
  .comMailForm .radioList li input[type=radio] ~ span {
    font-weight: 500;
  }
  .comMailForm .formList {
    margin: 0 0 13.5rem;
  }
  .comMailForm .formList dt .must {
    font-size: 1.2rem;
  }
  .comMailForm .formList dd {
    margin-bottom: 4.4rem;
  }
  .comMailForm .formList dd:last-child {
    margin-bottom: 0;
  }
  .comMailForm .telList {
    justify-content: flex-start;
    gap: 0 2.8rem;
  }
  .comMailForm .telList li {
    width: 10.7rem;
  }
  .comMailForm .telList li::after {
    width: 1rem;
    right: -1.9rem;
  }
  .comMailForm .telList li:last-child::after {
    display: none;
  }
  .comMailForm .telList li input[type=tel] {
    padding: 0 1.5rem;
  }
  .comMailForm .tips {
    padding: 4rem 0 2.1rem;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    border-top: 0.1rem solid #000;
  }
  .comMailForm .submit {
    margin: 0;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 4rem;
  }
  .comMailForm .submit li {
    margin: 0;
    width: 11rem;
  }
  .comMailForm .submit li input {
    height: 3.1rem;
    color: #000;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 0;
    background: #E6E6E6;
    border: 0.1rem solid #808080;
    cursor: pointer;
  }
  .comMailForm .submit li input[type=reset] {
    border-radius: 0.5rem;
  }
  .comMailForm .submit li input:hover {
    opacity: 0.7;
  }
  .comMailForm .textBox {
    margin: 0 0 4.7rem;
    display: flex;
    justify-content: space-between;
  }
  .comMailForm .textBox .left {
    width: 68rem;
  }
  .comMailForm .textBox .right {
    width: 29.5rem;
  }
  .comMailForm .textBox p {
    margin-bottom: 0;
  }
  .comMailForm .textBox .link {
    margin: 0.2rem -0.5rem 0 0;
  }
}
.comMailForm.confirm .secBox {
  margin-bottom: 5.2rem;
}
.comMailForm.confirm .formList {
  margin: 0 3.2rem;
}
@media all and (max-width: 896px) {
  .comMailForm.confirm .h3Ttl {
    margin-bottom: 2.6rem;
    padding: 0 0 1rem 3rem;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 0;
    background: url(../img/common/icon06.png) no-repeat left 0.3rem top/1.7rem;
  }
  .comMailForm.confirm .formList dt {
    margin-bottom: 1rem;
  }
  .comMailForm.confirm .formList dd {
    margin-bottom: 5.8rem;
    font-size: 2.3rem;
  }
  .comMailForm.confirm .formList dd:last-child {
    margin-bottom: 0;
  }
  .comMailForm.confirm .tips {
    padding: 4.2rem 0 2rem;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
  .comMailForm.confirm .submit {
    display: flex;
    justify-content: center;
  }
  .comMailForm.confirm .submit li {
    margin: 0;
    width: 11rem;
  }
  .comMailForm.confirm .submit li input {
    height: 3.1rem;
    color: #000;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 0;
    background: #E6E6E6;
    border: 0.1rem solid #808080;
    cursor: pointer;
  }
}
.comMailForm.thanks {
  padding: 11rem 9.8rem;
}
.comMailForm.thanks p {
  margin-bottom: 5rem;
  text-align: center;
}
@media all and (max-width: 896px) {
  .comMailForm.thanks {
    padding: 5rem 0;
  }
  .comMailForm.thanks p {
    margin-bottom: 3rem;
    font-size: 1.5rem;
  }
}

/*------------------------------------------------------------
	top
------------------------------------------------------------*/
#top {
  margin-top: -1.9rem;
}
#top .mainImg {
  margin-bottom: 0.9rem;
  position: relative;
}
#top .mainImg img {
  width: 100%;
}
@media all and (min-width: 897px) {
  #top .mainImg img {
    min-height: 64.7rem;
    object-fit: cover;
  }
  #top .mainImg .innerBox {
    padding: 2rem 0 1.6rem;
    width: 100%;
    max-width: 120rem;
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    transform: translate(-50%, -50%);
  }
  #top .mainImg .innerBox .txtBox01 {
    margin-top: 4.4rem;
    padding-left: 0.7rem;
    width: 42.5rem;
    font-weight: 400;
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 2.2;
  }
  #top .mainImg .innerBox .txtBox01 .txt01 {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0.7rem;
  }
  #top .mainImg .innerBox .txtBox01 .bold {
    font-weight: 700;
    font-size: 3.3rem;
    line-height: 1.9;
  }
  #top .mainImg .innerBox .txtBox02 {
    width: 63.8rem;
    min-height: 61.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  #top .mainImg .innerBox .txtBox02 .center {
    padding-top: 3.5rem;
    width: 43rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.28;
    border-radius: 50%;
    background: rgba(136, 24, 28, 0.3);
    aspect-ratio: 1;
  }
  #top .mainImg .innerBox .txtBox02 .center p {
    font-size: 5rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 2;
  }
  #top .mainImg .innerBox .txtBox02 .center p .mazdaB {
    font-weight: normal;
  }
  #top .mainImg .innerBox .txtBox02 .txt {
    position: absolute;
  }
  #top .mainImg .innerBox .txtBox02 .txt a {
    width: 21.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.466;
    letter-spacing: 0.05em;
    border-radius: 50%;
    background: rgba(136, 24, 28, 0.4);
    cursor: pointer;
    aspect-ratio: 1;
    transition: 0.3s;
    overflow: hidden;
  }
  #top .mainImg .innerBox .txtBox02 .txt a:hover {
    opacity: 1;
    background: rgb(129, 23, 28);
    box-shadow: 0.3rem 0.3rem 1rem 1rem rgba(255, 255, 255, 0.3), -0.3rem -0.3rem 1rem 1rem rgba(255, 255, 255, 0.3);
  }
  #top .mainImg .innerBox .txtBox02 .txt a > * {
    pointer-events: none;
    user-select: none;
  }
  #top .mainImg .innerBox .txtBox02 .txt .ttl {
    margin-bottom: 0.8rem;
    display: block;
    font-weight: 700;
    font-size: 2.3rem;
    letter-spacing: 0.1em;
    line-height: 1.39;
  }
  #top .mainImg .innerBox .txtBox02 .txt .ttl.mazdaB {
    font-weight: normal;
    line-height: 1.32;
  }
  #top .mainImg .innerBox .txtBox02 .txt.active a {
    background: rgb(129, 23, 28);
    box-shadow: 0.3rem 0.3rem 1rem 1rem rgba(255, 255, 255, 0.3), -0.3rem -0.3rem 1rem 1rem rgba(255, 255, 255, 0.3);
  }
  #top .mainImg .innerBox .txtBox02 .txt01 {
    padding-bottom: 0.8rem;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  #top .mainImg .innerBox .txtBox02 .txt02 {
    padding-bottom: 0.5rem;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
  }
  #top .mainImg .innerBox .txtBox02 .txt02 .ttl {
    margin-bottom: 1rem;
  }
  #top .mainImg .innerBox .txtBox02 .txt03 {
    padding-bottom: 0.5rem;
    right: 9rem;
    top: 82%;
    transform: translateY(-50%);
  }
  #top .mainImg .innerBox .txtBox02 .txt03 .ttl {
    margin-bottom: 1rem;
  }
  #top .mainImg .innerBox .txtBox02 .txt04 {
    padding-bottom: 0.5rem;
    left: 7.5rem;
    top: 82%;
    transform: translateY(-50%);
  }
  #top .mainImg .innerBox .txtBox02 .txt04 .ttl {
    margin-bottom: 1rem;
  }
  #top .mainImg .innerBox .txtBox02 .txt05 {
    padding-bottom: 0.5rem;
    left: -0.5rem;
    top: 42%;
    transform: translateY(-50%);
  }
  #top .mainImg .innerBox .txtBox02 .txt05 .ttl {
    margin-bottom: 1rem;
  }
}
#top .cars {
  margin-bottom: 8.5rem;
}
#top .cars .tabList {
  margin-bottom: 4.5rem;
  padding-bottom: 4.9rem;
  border-bottom: 0.3rem solid #000;
}
#top .cars .tabList li {
  margin: 0 1.2rem;
  width: 28.3rem;
  border: 0.1rem solid #808080;
}
#top .cars .tabList li a {
  padding-bottom: 0.3rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  opacity: 1;
}
@media all and (min-width: 897px) {
  #top .cars .tabList li a:hover {
    color: #fff;
    background: #000;
  }
}
#top .cars .tabList li.on a {
  color: #fff;
  background: #000;
}
#top .cars .tabBox .mapImg {
  padding-top: 0.7rem;
  text-align: center;
}
#top .cars .tabBox .comSearchBox .search .filterBox {
  display: block;
}
#top .cars .title {
  margin-bottom: 6.5rem;
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
}
#top .cars .title .inn {
  padding: 0 3rem;
  display: inline-block;
  vertical-align: top;
  background: url(../img/index/cars_title_bg01.png) no-repeat left center, url(../img/index/cars_title_bg02.png) no-repeat right center;
}
#top .cars .title .inn small {
  margin: 0 2.2rem 0 1.4rem;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
}
#top .cars .title .inn .num {
  font-size: 2.8rem;
}
#top .cars .title .inn .num span {
  margin-right: 0.3rem;
  display: inline-block;
  vertical-align: -0.3rem;
  font-size: 5.5rem;
  line-height: 1;
}
#top .cars .carsList {
  gap: 8.5rem 0.4rem;
}
#top .cars .carsList li {
  width: 23.4rem;
  font-size: 1.8rem;
  text-align: center;
}
#top .cars .carsList li:nth-of-type(13) .ttl, #top .cars .carsList li:nth-of-type(14) .ttl, #top .cars .carsList li:nth-of-type(15) .ttl {
  font-size: 2.3rem;
}
#top .cars .carsList li .ttl {
  height: 46px;
  font-size: 2.5rem;
  line-height: 1.35;
  display: inline-grid;
}
#top .cars .carsList li .ttl span {
  text-align: left;
  display: block;
}
#top .cars .carsList li .img {
  margin-bottom: 1.3rem;
  height: 11.8rem;
  position: relative;
}
#top .cars .carsList li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media all and (max-width: 896px) {
  #top .cars {
    margin-bottom: 5.5rem;
  }
  #top .cars .tabList {
    margin-bottom: 2.3rem;
    padding-bottom: 3rem;
    justify-content: space-between;
  }
  #top .cars .tabList li {
    margin: 0;
    width: calc((100% - 3rem) / 3);
  }
  #top .cars .tabList li a {
    padding-bottom: 0.2rem;
    height: 4.9rem;
    font-size: 2rem;
  }
  #top .cars .tabBox .mapImg {
    margin-right: -0.1rem;
    padding-top: 0.6rem;
  }
  #top .cars .tabBox .mapImg img {
    width: 100%;
  }
  #top .cars .title {
    margin-bottom: 5.5rem;
    font-size: 2rem;
  }
  #top .cars .title .inn {
    padding: 0 2.3rem;
    background-size: 1.2rem auto;
  }
  #top .cars .title .inn small {
    margin: 0 2.2rem 0 1.7rem;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #top .cars .title .inn .num {
    font-size: 2rem;
  }
  #top .cars .title .inn .num span {
    font-size: 4.1rem;
  }
  #top .cars .carsList {
    margin: 0 -0.4rem;
    gap: 4.6rem 0;
  }
  #top .cars .carsList li {
    width: 33.3333333333%;
    font-size: 1.7rem;
  }
  #top .cars .carsList li:nth-of-type(13) .ttl, #top .cars .carsList li:nth-of-type(14) .ttl, #top .cars .carsList li:nth-of-type(15) .ttl {
    font-size: 2rem;
  }
  #top .cars .carsList li .ttl {
    height: 30px;
    margin-bottom: -1rem;
    font-size: 2rem;
  }
  #top .cars .carsList li .img {
    margin: 0 0.3rem 0.5rem 0.1rem;
    height: 9.8rem;
  }
  #top .cars .comSearchBox select,
  #top .cars .comSearchBox input[type=text],
  #top .cars .comSearchBox input[type=email],
  #top .cars .comSearchBox input[type=tel] {
    height: 4.4rem;
    line-height: 1.1;
    font-size: 1.5rem;
  }
  #top .cars .comSearchBox select.wid01 {
    width: 18rem !important;
  }
  #top .cars .comSearchBox .ttl {
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    min-height: initial;
    display: block;
    text-align: left;
    background: none;
    font-size: 2.4rem;
  }
  #top .cars .comSearchBox .search {
    padding: 2.5rem;
  }
  #top .cars .comSearchBox .search .searchList > li {
    display: block;
  }
  #top .cars .comSearchBox .search .searchList > li:not(:last-child) {
    margin-bottom: 4rem;
  }
  #top .cars .comSearchBox .search .searchList > li dl {
    min-width: initial;
  }
  #top .cars .comSearchBox .search .searchList > li dl:not(:last-child) {
    margin: 0 0 2rem;
  }
  #top .cars .comSearchBox .search .searchList > li dl dt {
    width: 9rem;
    padding-top: 1.2rem;
  }
  #top .cars .comSearchBox .search .searchList > li dl.wid100 {
    display: block;
  }
  #top .cars .comSearchBox .search .searchList > li dl.wid100 dt {
    width: auto;
  }
  #top .cars .comSearchBox .search .searchList > li dl.wid100 dd .colorList {
    margin-top: 1.8rem;
  }
  #top .cars .comSearchBox .search .searchList > li dl.dl01 dt {
    padding-top: 0.6rem;
  }
  #top .cars .comSearchBox .search .filterBox table {
    border-bottom: 0.1rem solid #666666;
  }
  #top .cars .comSearchBox .search .filterBox th,
  #top .cars .comSearchBox .search .filterBox td {
    padding: 1rem 0.5rem;
    width: 100% !important;
    display: block;
    border: none;
    font-size: 1.5rem;
  }
  #top .cars .comSearchBox .search .filterBox th {
    border-top: 0.1rem solid #666666;
    border-bottom: 0.1rem solid #666666;
  }
  #top .cars .comSearchBox .search .filterBox td {
    border-top: none;
  }
  #top .cars .comSearchBox .search .filterBox td label {
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }
  #top .cars .comSearchBox .search .filterBox td label input {
    margin: 0 0.5rem 0 0;
  }
  #top .cars .comSearchBox .search .filterBox td .list_body,
  #top .cars .comSearchBox .search .filterBox td .ucar_search_condition_form {
    gap: 0.5rem;
  }
  #top .cars .comSearchBox .search .filterBox td .list_body li,
  #top .cars .comSearchBox .search .filterBox td .ucar_search_condition_form li {
    width: auto;
  }
  #top .cars .comSearchBox .search .filterBox td .list_body li label,
  #top .cars .comSearchBox .search .filterBox td .ucar_search_condition_form li label {
    margin: 0;
  }
  #top .cars .comSearchBox .search .btmBox {
    justify-content: center;
  }
  #top .cars .comSearchBox .search .btmBox .link {
    width: 100%;
  }
  #top .cars .comSearchBox .search .btmBox .rBox {
    margin-top: 2rem;
  }
  #top .cars .comSearchBox .sideFormRow {
    margin-top: 0;
  }
  #top .cars .comSearchBox .uiSlider__inner {
    margin: 0 4em 0 3.5em;
    width: auto;
  }
  #top .cars .comSearchBox .uiSlider {
    width: 100%;
  }
  #top .cars .comSearchBox .colorList li input[type=checkbox]:checked ~ span {
    border-radius: 0.8rem;
  }
  #top .cars .comSearchBox .colorList li input[type=checkbox]:checked ~ span::after {
    border-radius: 0.8rem;
    border-width: 0.4rem;
  }
}
#top .linkSec {
  padding: 5.8rem 0;
  position: relative;
  background: url(../img/index/bg01.jpg) no-repeat center center/cover;
}
#top .linkSec h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 10.4rem;
  line-height: 0.7;
  opacity: 0.5;
  letter-spacing: 0.02em;
  mix-blend-mode: soft-light;
}
#top .linkSec .btn {
  margin: 0 auto;
  width: 118.6rem;
  position: relative;
  background: #fff;
  z-index: 1;
}
#top .outlet-container {
  margin: 0 auto;
  width: 118.6rem;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 896px) {
  #top .outlet-container {
    width: 100%;
  }
}
#top .outlet-row {
  margin: 0 -15px;
  flex-wrap: wrap;
  display: flex;
}
#top .outlet-col {
  flex: 0 0 50%;
  padding: 0 15px;
}
@media all and (max-width: 896px) {
  #top .outlet-col {
    flex: 0 0 100%;
  }
}
@media all and (max-width: 896px) {
  #top .outlet-col:first-of-type {
    margin-bottom: 2.8rem;
  }
}
#top .outlet-image {
  width: 100%;
  height: auto;
  display: block;
}
#top .feature {
  margin-bottom: 8.2rem;
  padding: 7.4rem 0 11rem;
  background: #D9D9D9;
}
#top .feature h2 {
  margin-bottom: 2.3rem;
  padding-bottom: 1rem;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  border-bottom: 0.3rem solid #000;
}
#top .feature p {
  margin-bottom: 2.5rem;
  font-size: 2rem;
  text-align: center;
}
#top .feature .imgList {
  gap: 3.4rem;
}
#top .feature .imgList li {
  width: 27.1rem;
  border-radius: 0.9rem;
  overflow: hidden;
}
#top .feature .imgList li a {
  display: block;
}
@media all and (min-width: 897px) {
  #top .feature .imgList li a:hover {
    opacity: 0.7;
  }
}
#top .new {
  margin-bottom: 8.2rem;
}
#top .new .slideBox {
  margin: 0 auto;
  padding: 0 12.3rem 2.8rem;
  position: relative;
  max-width: 143.2rem;
  z-index: 1;
}
#top .new .slideBox::before {
  width: 100%;
  height: 32.3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #D9D9D9;
  content: "";
  z-index: -1;
}
#top .new .slideBox .slider li {
  margin: 0 1.4rem;
  width: 26.2rem !important;
  vertical-align: top;
}
#top .new .slideBox .slider li a {
  display: block;
  font-size: 1.5rem;
  background: #fff;
}
#top .new .slideBox .slider li .txtBox {
  padding: 0.9rem 2.5rem 1.7rem;
}
#top .new .slideBox .slider li .txtBox .ttl {
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  font-size: 2.2rem;
  border-bottom: 0.2rem solid #6D0C16;
  font-family: "mazdatype-bold";
}
#top .new .slideBox .slider li .txtBox .txt01 {
  margin-bottom: 1.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top .new .slideBox .slider li .txtBox .txt02 {
  line-height: 1.75;
}
#top .new .slideBox .slider li .txtBox .txt02 span {
  color: #6D0C16;
}
#top .new .slideBox .arrowList li {
  margin-bottom: 0.9rem;
  width: 3.9rem;
  position: absolute;
  left: 4.3rem;
  bottom: 14.2rem;
}
#top .new .slideBox .arrowList li.next {
  left: auto;
  right: 4.3rem;
}
#top .ranking {
  margin-bottom: 10rem;
}
#top .ranking .headLine01 {
  flex-direction: row-reverse;
}
#top .ranking .headLine01 .ttl {
  padding: 0.4rem 4rem 0.4rem 0.4rem;
  text-align: right;
}
#top .ranking .headLine01 small {
  margin: 0 2.8rem 1rem 0;
  letter-spacing: 0.1em;
}
#top .ranking .headLine01 .en {
  right: auto;
  left: 0;
}
#top .ranking .slideBox {
  margin: 0 auto;
  padding: 0 12.3rem;
  position: relative;
  max-width: 143.2rem;
  z-index: 1;
}
#top .ranking .slideBox .slider li {
  margin: 0 3rem !important;
  width: 37.6rem !important;
  vertical-align: top;
}
#top .ranking .slideBox .slider li a {
  padding-bottom: 2.8rem;
  display: block;
  color: #fff;
  background: #000;
}
#top .ranking .slideBox .slider li .ttl {
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  font-size: 2.2rem;
}
#top .ranking .slideBox .slider li .ttl .num {
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  width: 13rem;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.7rem;
  letter-spacing: 0.2em;
  background: #6D0C16;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
#top .ranking .slideBox .slider li .ttl .num span {
  margin-top: -0.4rem;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "mazdatype-bold";
}
#top .ranking .slideBox .slider li .ttl .en {
  margin-top: 0.5rem;
}
#top .ranking .slideBox .slider li .txt {
  margin: 0 2.2rem;
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top .ranking .slideBox .arrowList li {
  margin-top: -2rem;
  width: 3.9rem;
  position: absolute;
  top: 50%;
  left: 4.3rem;
  transform: translateY(-50%);
}
#top .ranking .slideBox .arrowList li.next {
  left: auto;
  right: 4.3rem;
}
#top .voice {
  margin: 0 auto 7.2rem;
  padding: 6rem 0 4.5rem;
  max-width: 143rem;
  background: url(../img/index/voice_bg01.png) no-repeat center top/100% 100%;
}
#top .voice h2 {
  margin-bottom: 2.6rem;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
}
#top .voice h2 .lrg {
  margin-right: 1.7rem;
  display: inline-block;
  vertical-align: -0.4rem;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
#top .voice h2 .lrg span {
  font-weight: 300;
}
#top .voice ul {
  margin-bottom: 4.5rem;
}
#top .voice ul li {
  position: relative;
}
#top .voice ul li:nth-child(2n-1)::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #e8e8e8;
  mix-blend-mode: multiply;
  opacity: 0.7;
  content: "";
  z-index: -1;
}
#top .voice ul li a {
  padding-right: 7.2rem;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
#top .voice ul li a .phoBox {
  padding: 0 3.3rem;
  width: 28.6rem;
  text-align: center;
}
#top .voice ul li a .phoBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#top .voice ul li a .txtBox {
  padding: 4.4rem 0 3.2rem;
  width: 82.4rem;
  font-size: 1.8rem;
}
#top .voice ul li a .txtBox .ttl {
  margin-bottom: 1.7rem;
  padding-bottom: 2.2rem;
  position: relative;
  border-bottom: 0.1rem solid #000;
}
#top .voice ul li a .txtBox .ttl .en {
  margin: -0.3rem 1rem 0 0;
  padding-left: 2.8rem;
  min-width: 14.6rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 2.2rem;
}
#top .voice ul li a .txtBox .ttl .en::before {
  width: 1.3rem;
  position: absolute;
  left: 0;
  top: 0.3rem;
  bottom: 0;
  background: #6d0c16;
  content: "";
}
#top .voice ul li a .txtBox .ttl .inn {
  font-weight: 700;
  letter-spacing: 0.1em;
}
#top .voice ul li a .txtBox .ttl .inn span {
  margin-right: 1.6rem;
  padding: 0 1.3rem 0.2rem 1.7rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 2.8rem;
  background: #6d0c16;
}
#top .voice ul li a .txtBox p {
  font-size: 1.7rem;
  line-height: 1.75;
}
#top .voice ul li a .txtBox p .arrow {
  color: #6d0c16;
  font-size: 1.7rem;
  font-weight: 700;
}
#top .btmSec {
  padding: 9.7rem 0 11.5rem;
  position: relative;
  background: #606060 url(../img/index/bg02.jpg) no-repeat center top/100% auto;
}
#top .btmSec .ttlBtn {
  margin-bottom: 6.2rem;
}
#top .btmSec .ttlBtn a {
  padding: 1.5rem;
  display: block;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(../img/index/open.png) no-repeat right 4.9rem center;
  background-color: rgba(109, 12, 22, 0.7);
  background-size: 4.3rem auto;
  font-family: "mazdatype-bold", "Noto Sans JP", sans-serif;
}
#top .btmSec .ttlBtn a.on {
  background-image: url(../img/index/close.png);
}
#top .btmSec .hiddenBox {
  height: 34.2rem;
  overflow: hidden;
}
#top .btmSec .hiddenBox.show {
  height: auto;
}
#top .btmSec .hiddenBox .topText {
  margin-bottom: 5.4rem;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1.9;
  text-align: center;
}
#top .btmSec .hiddenBox dl {
  padding: 8.6rem 0 5.8rem;
  color: #fff;
  border-top: 0.1rem solid #fff;
}
#top .btmSec .hiddenBox dl dt {
  margin-bottom: 1.8rem;
  position: relative;
  font-size: 2.5rem;
  font-weight: 100;
  letter-spacing: 0.1em;
  text-align: center;
}
#top .btmSec .hiddenBox dl dt strong {
  font-weight: 700;
}
#top .btmSec .hiddenBox dl dt span {
  margin-left: 1.2rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  font-size: 9.5rem;
  font-weight: 400;
  letter-spacing: 0.5em;
  line-height: 0.8;
  opacity: 0.3;
  mix-blend-mode: soft-light;
  transform: translateX(-50%);
}
#top .btmSec .hiddenBox dl dd {
  font-size: 1.8rem;
  letter-spacing: 0.075em;
  line-height: 1.8333333;
  text-align: center;
  font-family: "mazdatype-regular", "Noto Sans JP", sans-serif;
}
#top .btmSec .hiddenBox dl dd:not(:last-of-type) {
  margin-bottom: 8.9rem;
}
#top .btmSec .hiddenBox .logoBox {
  margin-bottom: 8.2rem;
  padding: 5.7rem 6rem 5.5rem;
  text-align: center;
  border: 0.1rem solid #fff;
}
#top .btmSec .hiddenBox .logoBox .title {
  margin-bottom: 4.4rem;
  position: relative;
}
#top .btmSec .hiddenBox .logoBox .title::before {
  width: 100%;
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 50%;
  background: #fff;
  content: "";
}
#top .btmSec .hiddenBox .logoBox .title .inn {
  padding: 0 3.5rem 0.2rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #000;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 4rem;
  background: #fff;
  z-index: 1;
}
#top .btmSec .hiddenBox .logoBox .title .inn span {
  display: inline-block;
  vertical-align: -0.2rem;
  font-size: 3.5rem;
  line-height: 1;
}
#top .btmSec .hiddenBox .logoBox ul {
  margin-bottom: 4.1rem;
  gap: 2.2rem 5.4rem;
}
#top .btmSec .hiddenBox .logoBox ul li {
  width: 26.5rem;
}
#top .btmSec .hiddenBox .logoBox ul li .txtBox p {
  margin: 1.7rem -2rem 0;
  color: #fff;
  font-size: 2.256rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.38;
  font-family: "mazdatype-bold", "Noto Sans JP", sans-serif;
}
#top .btmSec .hiddenBox .logoBox ul li .txtBox p span {
  font-size: 1.826rem;
}
#top .btmSec .hiddenBox .logoBox ul li .txtBox p small {
  margin-top: 0.2rem;
  display: block;
  font-size: 1.289rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-family: "mazdatype-regular", "Noto Sans JP", sans-serif;
}
#top .btmSec .hiddenBox .logoUl {
  margin-bottom: 6.5rem;
  gap: 1.3rem;
}
#top .btmSec .hiddenBox .logoUl li {
  width: 34.8rem;
}
#top .btmSec .hiddenBox .imgList > li {
  display: flex;
  justify-content: space-between;
  border: 0.1rem solid #fff;
}
#top .btmSec .hiddenBox .imgList > li:not(:last-child) {
  margin-bottom: 4.6rem;
}
#top .btmSec .hiddenBox .imgList > li .phoBox {
  width: 41.9rem;
}
#top .btmSec .hiddenBox .imgList > li .txtBox {
  padding: 2.8rem 3.3rem 0 0;
  width: 73rem;
  text-align: left;
}
#top .btmSec .hiddenBox .imgList > li .txtBox .ttlBox {
  margin-bottom: 1.5rem;
  align-items: center;
}
#top .btmSec .hiddenBox .imgList > li .txtBox .ttlBox .ttl {
  margin-top: -0.7rem;
  font-size: 2.7rem;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 1.3;
}
#top .btmSec .hiddenBox .imgList > li .txtBox .ttlBox ul {
  gap: 0.6rem;
}
#top .btmSec .hiddenBox .imgList > li .txtBox .ttlBox ul li {
  width: 16.1rem;
}
#top .btmSec .hiddenBox .imgList > li .txtBox p:not(.ttl) {
  font-size: 2.09rem;
  letter-spacing: 0;
  line-height: 1.687;
}
#top .btmSec .hiddenBox .searchList {
  margin-bottom: 9.8rem;
}
#top .btmSec .hiddenBox .searchList li {
  width: 38.3rem;
}
#top .btmSec .hiddenBox .searchList li a {
  padding: 2.2rem 2.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 1.675rem;
  letter-spacing: 0.1em;
  background: #797979;
}
#top .btmSec .hiddenBox .searchList li a img {
  width: 26.3rem;
}
#top .btmSec .hiddenBox01 {
  padding-top: 1.6rem;
  height: 25.3rem;
}
#top .btmSec .hiddenBox01 .topText {
  margin-bottom: 6.8rem;
}
#top .btmSec .hiddenBox01 dl {
  padding: 7.3rem 0 9.2rem;
}
#top .btmSec .hiddenBox01 dl dt {
  margin-bottom: 5.8rem;
}
@media all and (max-width: 896px) {
  #top {
    margin-top: -3.6rem;
  }
  #top .mainImg {
    margin-bottom: 0.7rem;
  }
  #top .linkSec {
    padding: 2.8rem 0;
    background-image: url(../img/index/bg01_sp.jpg);
  }
  #top .linkSec h2 {
    font-size: 6.1rem;
  }
  #top .linkSec .btn {
    width: auto;
  }
  #top .feature {
    margin-bottom: 6.2rem;
    padding: 3.2rem 0 6rem;
  }
  #top .feature p {
    margin-bottom: 2.7rem;
  }
  #top .feature .imgList {
    margin: 0 auto;
    max-width: 50.5rem;
    justify-content: space-between;
    gap: 2.5rem 0;
  }
  #top .feature .imgList li {
    width: calc((100% - 3rem) / 2);
    border-radius: 0.9rem;
  }
  #top .new {
    margin-bottom: 6.5rem;
  }
  #top .new .slideBox {
    padding: 1rem 5.5rem;
    max-width: inherit;
    background: #D9D9D9;
  }
  #top .new .slideBox::before {
    display: none;
  }
  #top .new .slideBox .slider li {
    margin: 0 1.5rem;
  }
  #top .new .slideBox .slider li a {
    font-size: 1.6rem;
  }
  #top .new .slideBox .slider li .txtBox {
    padding-bottom: 1.2rem;
  }
  #top .new .slideBox .slider li .txtBox .txt01 {
    margin-bottom: 0.8rem;
  }
  #top .new .slideBox .slider li .txtBox .txt02 {
    line-height: 1.75;
  }
  #top .new .slideBox .arrowList li {
    width: 3.5rem;
    left: 3.1rem;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  #top .new .slideBox .arrowList li.next {
    left: auto;
    right: 3.1rem;
  }
  #top .ranking {
    margin-bottom: 6.8rem;
  }
  #top .ranking .headLine01 .ttl {
    padding: 1.1rem 2.3rem 1.2rem;
  }
  #top .ranking .headLine01 small {
    margin: 0;
    letter-spacing: 0;
  }
  #top .ranking .headLine01 .en {
    right: auto;
    left: 0;
  }
  #top .ranking .slideBox {
    padding: 1rem 5.5rem;
    max-width: inherit;
    background: #D9D9D9;
  }
  #top .ranking .slideBox .slider li {
    margin: 0 1.5rem !important;
    width: 26.2rem !important;
  }
  #top .ranking .slideBox .slider li a {
    padding-bottom: 1.2rem;
  }
  #top .ranking .slideBox .slider li .ttl {
    margin-bottom: 0.6rem;
    font-size: 2.2rem;
  }
  #top .ranking .slideBox .slider li .ttl .num {
    margin-right: 1rem;
    padding-right: 0.5rem;
    width: 9rem;
    height: 3.1rem;
    font-size: 1.576rem;
    letter-spacing: 0.2em;
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
  }
  #top .ranking .slideBox .slider li .ttl .num span {
    margin-top: -0.2rem;
    font-size: 2.337rem;
  }
  #top .ranking .slideBox .slider li .ttl .en {
    margin-top: 0;
  }
  #top .ranking .slideBox .slider li .txt {
    margin: 0 1.6rem;
    font-size: 1.6rem;
  }
  #top .ranking .slideBox .arrowList li {
    margin-top: 0;
    width: 3.5rem;
    left: 3.1rem;
  }
  #top .ranking .slideBox .arrowList li.next {
    left: auto;
    right: 3.1rem;
  }
  #top .voice {
    margin: 0;
    padding: 4rem 0 5.8rem;
    max-width: inherit;
    background-image: url(../img/index/voice_bg01_sp.png);
  }
  #top .voice h2 {
    margin-bottom: 3rem;
  }
  #top .voice h2 .lrg {
    margin-right: 1rem;
    vertical-align: 0;
  }
  #top .voice ul {
    margin-bottom: 5.8rem;
  }
  #top .voice ul li a {
    padding-right: 0;
    display: block;
  }
  #top .voice ul li a .phoBox {
    margin: 1rem 3.1rem 0 0;
    padding: 0;
    width: 21.9rem;
    height: 11rem;
    float: right;
  }
  #top .voice ul li a .txtBox {
    padding: 3.1rem 2.4rem 2.6rem;
    width: auto;
    font-size: 1.8rem;
  }
  #top .voice ul li a .txtBox .ttl {
    margin-bottom: 1.1rem;
    padding-bottom: 1.5rem;
  }
  #top .voice ul li a .txtBox .ttl .en {
    margin: 0 0 2.5rem;
    min-width: inherit;
    display: block;
  }
  #top .voice ul li a .txtBox .ttl .en::before {
    top: 0.1rem;
    bottom: 0.2rem;
  }
  #top .voice ul li a .txtBox .ttl .inn span {
    margin: 0 0 0.8rem;
  }
  #top .voice ul li a .txtBox p {
    font-size: 1.6rem;
  }
  #top .voice ul li a .txtBox p .arrow {
    font-size: 1.6rem;
  }
  #top .btmSec {
    padding: 6.2rem 0 12.5rem;
    background-image: url(../img/index/bg02_sp.jpg);
  }
  #top .btmSec .ttlBtn {
    margin: 4rem 0 5rem;
  }
  #top .btmSec .ttlBtn a {
    padding: 1.2rem 7.5rem 0.8rem;
    background-position: right 2.4rem center;
  }
  #top .btmSec .hiddenBox {
    height: 9.3rem;
  }
  #top .btmSec .hiddenBox .topText {
    margin-bottom: 5.4rem;
    letter-spacing: 0.05em;
  }
  #top .btmSec .hiddenBox dl {
    padding: 6.5rem 0 3.5rem;
    position: relative;
    border: none;
  }
  #top .btmSec .hiddenBox dl::before {
    height: 0.1rem;
    position: absolute;
    top: 0;
    left: 2.4rem;
    right: 2.4rem;
    background: #fff;
    content: "";
  }
  #top .btmSec .hiddenBox dl dt {
    margin-bottom: 1.8rem;
  }
  #top .btmSec .hiddenBox dl dt span {
    margin-left: 0;
    font-size: 6.9rem;
    letter-spacing: 0.2em;
    line-height: 0.85;
  }
  #top .btmSec .hiddenBox dl dd {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 2.07;
  }
  #top .btmSec .hiddenBox dl dd:not(:last-of-type) {
    margin-bottom: 6.9rem;
  }
  #top .btmSec .hiddenBox .logoBox {
    margin-bottom: 4rem;
    padding: 3.8rem 2.5rem 3.5rem;
  }
  #top .btmSec .hiddenBox .logoBox .title {
    margin-bottom: 3.7rem;
  }
  #top .btmSec .hiddenBox .logoBox .title .inn {
    padding: 0 2.5rem 0.1rem;
    font-size: 2.3rem;
    line-height: 3.8rem;
  }
  #top .btmSec .hiddenBox .logoBox .title .inn span {
    font-size: 3.5rem;
  }
  #top .btmSec .hiddenBox .logoBox ul {
    margin-bottom: 3.9rem;
    gap: 2.5rem 1.9rem;
  }
  #top .btmSec .hiddenBox .logoBox ul li {
    width: 24.2rem;
  }
  #top .btmSec .hiddenBox .logoBox ul li .txtBox p {
    margin: 1.2rem -2rem 0;
    font-size: 2.06rem;
    letter-spacing: 0;
  }
  #top .btmSec .hiddenBox .logoBox ul li .txtBox p span {
    font-size: 1.67rem;
  }
  #top .btmSec .hiddenBox .logoBox ul li .txtBox p small {
    margin-top: 0.2rem;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  #top .btmSec .hiddenBox .logoUl {
    margin: 0 auto 4.8rem;
    width: 34.8rem;
    gap: 0;
    display: block;
  }
  #top .btmSec .hiddenBox .logoUl li:not(:last-child) {
    margin-bottom: 2.6rem;
  }
  #top .btmSec .hiddenBox .imgList {
    margin: 0 2.5rem 3.9rem;
  }
  #top .btmSec .hiddenBox .imgList > li {
    display: block;
  }
  #top .btmSec .hiddenBox .imgList > li:not(:last-child) {
    margin-bottom: 4.8rem;
  }
  #top .btmSec .hiddenBox .imgList > li .phoBox {
    width: auto;
    display: flex;
    justify-content: space-between;
  }
  #top .btmSec .hiddenBox .imgList > li .phoBox > img {
    width: 63%;
    object-fit: cover;
  }
  #top .btmSec .hiddenBox .imgList > li .phoBox ul {
    padding: 1.2rem;
    width: 37%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000;
  }
  #top .btmSec .hiddenBox .imgList > li .phoBox ul li:not(:last-child) {
    margin-bottom: 1rem;
  }
  #top .btmSec .hiddenBox .imgList > li .txtBox {
    padding: 2.2rem 2.5rem 1.7rem 3.2rem;
    width: auto;
  }
  #top .btmSec .hiddenBox .imgList > li .txtBox .ttlBox {
    margin-bottom: 0.7rem;
  }
  #top .btmSec .hiddenBox .imgList > li .txtBox .ttlBox .ttl {
    margin-top: 0;
    font-size: 2rem;
  }
  #top .btmSec .hiddenBox .imgList > li .txtBox p:not(.ttl) {
    font-size: 1.6rem;
    letter-spacing: -0.025em;
    line-height: 1.75;
  }
  #top .btmSec .hiddenBox .searchList {
    margin: 0 2.5rem 2.7rem;
    display: block;
  }
  #top .btmSec .hiddenBox .searchList li {
    width: auto;
  }
  #top .btmSec .hiddenBox .searchList li:not(:last-child) {
    margin-bottom: 2.8rem;
  }
  #top .btmSec .hiddenBox .searchList li a {
    padding: 3rem 3.6rem 3rem 3rem;
    font-size: 2rem;
  }
  #top .btmSec .hiddenBox .searchList li a img {
    width: calc(100% - 8.6rem);
  }
  #top .btmSec .hiddenBox01 {
    padding-top: 1.2rem;
    height: 16rem;
  }
  #top .btmSec .hiddenBox01 .topText {
    margin-bottom: 4rem;
  }
  #top .btmSec .hiddenBox01 dl {
    padding: 0;
  }
  #top .btmSec .hiddenBox01 dl::before {
    display: none;
  }
  #top .btmSec .hiddenBox01 dl dt {
    margin-bottom: 3.2rem;
  }
}

#top .topics {
  margin-bottom: 15.4rem;
  padding-bottom: 0.3rem;
  box-shadow: 0 0.85rem 0.6rem rgba(0, 0, 0, 0.07);
}
#top .topics .content {
  padding: 0 2rem;
  max-width: 173.2rem;
  width: auto;
}
#top .topics h2 {
  margin-bottom: -4.2rem;
  font-size: 3rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  text-align: center;
}
#top .topics .slideBox {
  padding: 0 3.8rem;
  position: relative;
}
#top .topics .slideBox .slider li {
  padding: 7.7rem 3.4rem;
  position: relative;
}
#top .topics .slideBox .slider li a {
  display: block;
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
#top .topics .slideBox .slider li .img {
  display: block;
  position: relative;
  box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  transform: scale(0.97);
}
#top .topics .slideBox .slider li .img::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(26, 19, 17, 0.5);
  content: "";
  z-index: 1;
  transition: 0.3s;
}
#top .topics .slideBox .slider li .txt {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}
#top .topics .slideBox .slider .slick-current li {
  z-index: 2;
}
#top .topics .slideBox .slider .slick-current li a {
  cursor: pointer;
  pointer-events: inherit;
}
@media all and (min-width: 897px) {
  #top .topics .slideBox .slider .slick-current li a:hover .img::before {
    opacity: 1;
  }
}
#top .topics .slideBox .slider .slick-current li .img {
  transform: scale(1.41);
}
#top .topics .slideBox .slider .slick-current li .img::before {
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
}
#top .topics .slideBox .slider .slick-current li span {
  opacity: 1;
}
#top .topics .slideBox .arrowList li {
  margin-top: -0.3rem;
  width: 4.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#top .topics .slideBox .arrowList li.next {
  left: auto;
  right: 0;
}
@media all and (max-width: 896px) {
  #top .topics {
    margin-bottom: 4.5rem;
    padding-bottom: 0.3rem;
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }
  #top .topics .content {
    margin: 0;
    padding: 0;
    max-width: inherit;
  }
  #top .topics h2 {
    margin-bottom: -3rem;
    font-size: 2.2rem;
  }
  #top .topics .slideBox {
    padding: 0;
  }
  #top .topics .slideBox .slider {
    margin: 0 -2rem;
  }
  #top .topics .slideBox .slider li {
    padding: 8.3rem 0;
  }
  #top .topics .slideBox .slider li .img {
    box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.5);
    transform: scale(1.8);
  }
  #top .topics .slideBox .slider li .txt {
    font-size: 1.6rem;
  }
  #top .topics .slideBox .slider .slick-current li .img {
    transform: scale(2.4);
  }
  #top .topics .slideBox .arrowList li {
    margin-top: -0.2rem;
    width: 3.6rem;
    left: 3rem;
  }
  #top .topics .slideBox .arrowList li img {
    width: 100%;
  }
  #top .topics .slideBox .arrowList li.next {
    left: auto;
    right: 3rem;
  }
}

/*------------------------------------------------------------
	uiSlider
------------------------------------------------------------*/
.sideFormRow {
  margin-top: -1.4rem;
}

.uiSlider {
  position: relative;
  width: 62.5rem;
}
.uiSlider__inner {
  width: 49rem;
  margin-left: 5.6rem;
  padding: 0;
}
.uiSlider__inner__graph {
  display: flex;
  align-items: flex-end;
  position: relative;
  top: 0.9rem;
  height: 2rem;
  line-height: 0;
  border-bottom: 0.1rem solid #eee;
  gap: 0.2rem;
}
.uiSlider__graph {
  display: inline-block;
  position: relative;
  width: 2.8rem;
  margin: 0;
  background-color: #B3B3B3;
}
.uiSlider .sliderWrap {
  display: block;
  position: relative;
  margin-top: 0.4rem;
  padding: 0.4rem 0;
}
.uiSlider .sliderWrap .slider {
  display: block;
  width: 100%;
  height: 0.3rem;
  margin-top: 0;
  background-color: #666666;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.uiSlider .sliderWrap .bar {
  position: absolute;
  width: 0.6rem;
  height: 1.5rem;
  border: 0 solid #a6a6a6;
  z-index: 10;
}
.uiSlider .sliderWrap .bar > span {
  position: absolute;
  top: -0.7rem;
  left: -1.1rem;
  width: 3rem;
  height: 3rem;
  border: none;
  border-radius: 50%;
  background: url(../img/common/icon15.png) no-repeat center center/100%;
  box-shadow: none;
  z-index: 15;
}
.uiSlider .reflectionWord {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
}
.uiSlider .reflectionWord__min,
.uiSlider .reflectionWord__max {
  position: absolute;
  bottom: 1rem;
  font-weight: bold;
  white-space: nowrap;
}
.uiSlider .reflectionWord__min {
  left: -1em;
}
.uiSlider .reflectionWord__max {
  right: 0;
}

/*------------------------------------------------------------
	comSearchBox
------------------------------------------------------------*/
.comSearchBox select,
.comSearchBox textarea,
.comSearchBox input[type=text],
.comSearchBox input[type=email],
.comSearchBox input[type=tel] {
  padding: 0 1.3rem;
  width: 35.5rem;
  height: 3.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 0.5rem;
  background: #fff;
  border: 0.1rem solid #8e8e8f;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.comSearchBox select.wid01,
.comSearchBox textarea.wid01,
.comSearchBox input[type=text].wid01,
.comSearchBox input[type=email].wid01,
.comSearchBox input[type=tel].wid01 {
  width: 15.5rem !important;
}
.comSearchBox select::-webkit-input-placeholder, .comSearchBox select::-webkit-input-placeholder,
.comSearchBox textarea::-webkit-input-placeholder,
.comSearchBox textarea::-webkit-input-placeholder,
.comSearchBox input[type=text]::-webkit-input-placeholder,
.comSearchBox input[type=text]::-webkit-input-placeholder,
.comSearchBox input[type=email]::-webkit-input-placeholder,
.comSearchBox input[type=email]::-webkit-input-placeholder,
.comSearchBox input[type=tel]::-webkit-input-placeholder,
.comSearchBox input[type=tel]::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}
.comSearchBox select:-moz-placeholder, .comSearchBox select:-moz-placeholder,
.comSearchBox textarea:-moz-placeholder,
.comSearchBox textarea:-moz-placeholder,
.comSearchBox input[type=text]:-moz-placeholder,
.comSearchBox input[type=text]:-moz-placeholder,
.comSearchBox input[type=email]:-moz-placeholder,
.comSearchBox input[type=email]:-moz-placeholder,
.comSearchBox input[type=tel]:-moz-placeholder,
.comSearchBox input[type=tel]:-moz-placeholder {
  opacity: 1;
  color: #000;
}
.comSearchBox select::-moz-placeholder, .comSearchBox select::-moz-placeholder,
.comSearchBox textarea::-moz-placeholder,
.comSearchBox textarea::-moz-placeholder,
.comSearchBox input[type=text]::-moz-placeholder,
.comSearchBox input[type=text]::-moz-placeholder,
.comSearchBox input[type=email]::-moz-placeholder,
.comSearchBox input[type=email]::-moz-placeholder,
.comSearchBox input[type=tel]::-moz-placeholder,
.comSearchBox input[type=tel]::-moz-placeholder {
  opacity: 1;
  color: #000;
}
.comSearchBox select:-ms-input-placeholder, .comSearchBox select:-ms-input-placeholder,
.comSearchBox textarea:-ms-input-placeholder,
.comSearchBox textarea:-ms-input-placeholder,
.comSearchBox input[type=text]:-ms-input-placeholder,
.comSearchBox input[type=text]:-ms-input-placeholder,
.comSearchBox input[type=email]:-ms-input-placeholder,
.comSearchBox input[type=email]:-ms-input-placeholder,
.comSearchBox input[type=tel]:-ms-input-placeholder,
.comSearchBox input[type=tel]:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}
.comSearchBox input[type=radio] {
  display: none;
}
.comSearchBox input[type=radio] + span {
  padding: 0.5rem 0 0.5rem 2.7rem;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  background: url(../img/lineup/radio_img01.png) no-repeat left center/2.1rem auto;
}
.comSearchBox input[type=radio]:checked + span {
  background-image: url(../img/lineup/radio_img02.png);
}
.comSearchBox .radioList li:not(:last-child) {
  margin-right: 2.2rem;
}
.comSearchBox .colorList {
  gap: 1.3rem;
  font-size: 0;
}
.comSearchBox .colorList li {
  font-size: 0;
  line-height: 0;
}
.comSearchBox .colorList li label {
  display: inline-block;
}
.comSearchBox .colorList li input[type=checkbox] {
  display: none;
}
.comSearchBox .colorList li input[type=checkbox] ~ span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  line-height: 0;
}
.comSearchBox .colorList li input[type=checkbox] ~ span::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.5rem;
  border: 0.2rem solid #D89E4C;
  box-sizing: border-box;
  content: "";
  opacity: 0;
}
.comSearchBox .colorList li input[type=checkbox]:checked ~ span {
  border-radius: 0.5rem;
  overflow: hidden;
}
.comSearchBox .colorList li input[type=checkbox]:checked ~ span::after {
  opacity: 1;
  border-radius: 0.5rem;
}
.comSearchBox .search {
  margin-bottom: 12.6rem;
  padding: 3.7rem 4.6rem 3rem;
  background: #ebebeb;
}
.comSearchBox .search .ttl {
  margin-bottom: 6.8rem;
  padding-bottom: 1.5rem;
  font-size: 3.4rem;
  border-bottom: 0.1rem solid #000;
}
.comSearchBox .search .searchList {
  margin-bottom: 3rem;
}
.comSearchBox .search .searchList > li {
  display: flex;
  align-items: flex-start;
}
.comSearchBox .search .searchList > li:not(:last-child) {
  margin-bottom: 6.5rem;
}
.comSearchBox .search .searchList > li:nth-child(2) {
  margin-bottom: 6rem;
}
.comSearchBox .search .searchList > li:nth-child(3) {
  margin-bottom: 4rem;
}
.comSearchBox .search .searchList > li dl {
  min-width: 44rem;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
}
.comSearchBox .search .searchList > li dl.dl01 {
  min-width: initial;
}
.comSearchBox .search .searchList > li dl.wid100 {
  width: 100%;
  min-width: inherit;
}
.comSearchBox .search .searchList > li dl:not(:last-child) {
  margin-right: 4.7rem;
}
.comSearchBox .search .searchList > li dl dt {
  width: 8.5rem;
  padding-top: 0.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: justify;
}
.comSearchBox .search .searchList > li dl dd {
  flex: 1;
}
.comSearchBox .search .searchList > li dl dd .bar {
  margin: 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.comSearchBox .search .filterBox {
  display: none;
}
.comSearchBox .search .filterBox table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.comSearchBox .search .filterBox table th, .comSearchBox .search .filterBox table td {
  padding: 0.5rem;
  vertical-align: middle;
  text-align: left;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 400;
  border-top: 0.1rem solid #666666;
  border-bottom: 0.1rem solid #666666;
  background: #fff;
}
.comSearchBox .search .filterBox table th {
  padding: 0.5rem 0;
  width: 10rem;
  text-align: center;
  border-bottom: 0.1rem solid #666666;
  background: #eeeeee;
}
.comSearchBox .search .filterBox table td select {
  width: 100%;
  max-width: 100%;
}
.comSearchBox .search .filterBox table td .list_body {
  display: flex;
  flex-wrap: wrap;
}
.comSearchBox .search .filterBox table td .list_body li {
  width: 25%;
}
.comSearchBox .search .filterBox table td .ucar_search_condition_form {
  display: flex;
  flex-wrap: wrap;
}
.comSearchBox .search .filterBox table td .ucar_search_condition_form li {
  width: 14.2857142857%;
}
.comSearchBox .search .btmBox {
  margin-top: 6rem;
  padding-top: 2.9rem;
  border-top: 1px solid #000;
  align-items: center;
}
.comSearchBox .search .btmBox .link a {
  padding-right: 3.3rem;
  font-size: 1.8rem;
  font-weight: 700;
  background: url(../img/lineup/icon02.png) no-repeat right top 0.3rem;
  background-size: 2.2rem;
}
.comSearchBox .search .btmBox .link a .txt02 {
  display: none;
}
.comSearchBox .search .btmBox .link a.on {
  background-image: url(../img/lineup/icon05.png);
}
.comSearchBox .search .btmBox .link a.on .txt01 {
  display: none;
}
.comSearchBox .search .btmBox .link a.on .txt02 {
  display: inline;
}
.comSearchBox .search .btmBox .rBox {
  align-items: center;
}
.comSearchBox .search .btmBox .rBox .clearBtn a {
  font-size: 1.8rem;
  font-weight: 700;
}
.comSearchBox .search .btmBox .rBox .btn {
  margin-left: 4.2rem;
  width: 31rem;
}
.comSearchBox .search .btmBox .rBox .btn a {
  padding: 0 2.7rem 0.9rem;
  height: 5.8rem;
  display: flex;
  align-items: flex-end;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 500;
  border-radius: 1rem;
  background: #6d0c16 url(../img/lineup/icon01.png) no-repeat right 2rem center;
  background-size: 2.1rem;
}
.comSearchBox .search .btmBox .rBox .btn a small {
  margin: 0 1.8rem 0.2rem 0;
  font-size: 1.7rem;
  font-weight: 700;
}
.comSearchBox .search .btmBox .rBox .btn a span {
  margin-right: 0.2rem;
  font-size: 3.7rem;
  line-height: 0.95;
}
@media all and (max-width: 896px) {
  .comSearchBox .ttl {
    margin-bottom: 3.1rem;
    min-height: 7.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    letter-spacing: 0.1em;
    text-align: center;
    background: url(../img/lineup/h2_bg.jpg) no-repeat center center/100% 100%;
    font-family: "mazdatype-regular", "Noto Sans JP", sans-serif;
  }
  .comSearchBox .btnList {
    margin-bottom: 2.5rem;
  }
  .comSearchBox .btnList li {
    width: calc((100% - 1rem) / 2);
    position: relative;
  }
  .comSearchBox .btnList li a,
  .comSearchBox .btnList li span {
    height: 5.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.75;
    text-align: center;
    border-radius: 1rem;
    background: #808080 url(../img/lineup/icon03.png) no-repeat right 1.3rem center/2.8rem auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .comSearchBox .btnList li select {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .comSearchBox .resultText {
    margin-bottom: 6.8rem;
  }
  .comSearchBox .colorList input[type=checkbox] ~ span::after {
    border-radius: 0.8rem;
  }
  .comSearchBox .colorList input[type=checkbox]:checked ~ span {
    border-radius: 0.8rem;
  }
}

.fixMenuBox {
  padding: 3.3rem 2.9rem 10rem;
  width: 70%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  transform: translateX(-100vw);
  transition: 0.3s;
  overflow: auto;
  border-right: 0.1rem solid #ddd;
  background: #fff;
  z-index: 100;
}
@media all and (min-width: 897px) {
  .fixMenuBox {
    display: none !important;
  }
}
.fixMenuBox.open {
  transform: translateX(0);
}
.fixMenuBox .close {
  margin: 0 0 1.1rem -1rem;
  width: 17.5rem;
  cursor: pointer;
}
.fixMenuBox .close span {
  padding: 1.4rem 1.6rem 1.8rem 5.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: right;
  border-radius: 0.5rem;
  border: 0.1rem solid #ddd;
  background-color: #F6F6F6;
  box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
}
.fixMenuBox .close span::before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 50%;
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  transform: translateY(-50%);
  background: url(../img/lineup/icon04.svg) no-repeat center center/68% auto;
  background-color: rgba(0, 0, 0, 0.3);
}
.fixMenuBox select,
.fixMenuBox textarea,
.fixMenuBox input[type=text],
.fixMenuBox input[type=email],
.fixMenuBox input[type=tel] {
  padding: 0 1.3rem;
  width: 35.5rem;
  height: 3.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 0.5rem;
  background: #fff;
  border: 0.1rem solid #8e8e8f;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.fixMenuBox select.wid01,
.fixMenuBox textarea.wid01,
.fixMenuBox input[type=text].wid01,
.fixMenuBox input[type=email].wid01,
.fixMenuBox input[type=tel].wid01 {
  width: 15.5rem !important;
}
.fixMenuBox select::-webkit-input-placeholder, .fixMenuBox select::-webkit-input-placeholder,
.fixMenuBox textarea::-webkit-input-placeholder,
.fixMenuBox textarea::-webkit-input-placeholder,
.fixMenuBox input[type=text]::-webkit-input-placeholder,
.fixMenuBox input[type=text]::-webkit-input-placeholder,
.fixMenuBox input[type=email]::-webkit-input-placeholder,
.fixMenuBox input[type=email]::-webkit-input-placeholder,
.fixMenuBox input[type=tel]::-webkit-input-placeholder,
.fixMenuBox input[type=tel]::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}
.fixMenuBox select:-moz-placeholder, .fixMenuBox select:-moz-placeholder,
.fixMenuBox textarea:-moz-placeholder,
.fixMenuBox textarea:-moz-placeholder,
.fixMenuBox input[type=text]:-moz-placeholder,
.fixMenuBox input[type=text]:-moz-placeholder,
.fixMenuBox input[type=email]:-moz-placeholder,
.fixMenuBox input[type=email]:-moz-placeholder,
.fixMenuBox input[type=tel]:-moz-placeholder,
.fixMenuBox input[type=tel]:-moz-placeholder {
  opacity: 1;
  color: #000;
}
.fixMenuBox select::-moz-placeholder, .fixMenuBox select::-moz-placeholder,
.fixMenuBox textarea::-moz-placeholder,
.fixMenuBox textarea::-moz-placeholder,
.fixMenuBox input[type=text]::-moz-placeholder,
.fixMenuBox input[type=text]::-moz-placeholder,
.fixMenuBox input[type=email]::-moz-placeholder,
.fixMenuBox input[type=email]::-moz-placeholder,
.fixMenuBox input[type=tel]::-moz-placeholder,
.fixMenuBox input[type=tel]::-moz-placeholder {
  opacity: 1;
  color: #000;
}
.fixMenuBox select:-ms-input-placeholder, .fixMenuBox select:-ms-input-placeholder,
.fixMenuBox textarea:-ms-input-placeholder,
.fixMenuBox textarea:-ms-input-placeholder,
.fixMenuBox input[type=text]:-ms-input-placeholder,
.fixMenuBox input[type=text]:-ms-input-placeholder,
.fixMenuBox input[type=email]:-ms-input-placeholder,
.fixMenuBox input[type=email]:-ms-input-placeholder,
.fixMenuBox input[type=tel]:-ms-input-placeholder,
.fixMenuBox input[type=tel]:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}
.fixMenuBox input[type=radio] {
  display: none;
}
.fixMenuBox input[type=radio] + span {
  padding: 0.5rem 0 0.5rem 2.7rem;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  background: url(../img/lineup/radio_img01.png) no-repeat left center/2.1rem auto;
}
.fixMenuBox input[type=radio]:checked + span {
  background-image: url(../img/lineup/radio_img02.png);
}
.fixMenuBox .radioList li:not(:last-child) {
  margin-right: 2.2rem;
}
.fixMenuBox .colorList {
  gap: 1.3rem;
}
.fixMenuBox .pageTtl {
  margin-bottom: 3.1rem;
  font-size: 2.1rem;
  line-height: 1.4;
}
.fixMenuBox .searchForm {
  margin-bottom: 2rem;
}
.fixMenuBox .searchForm dt {
  margin-bottom: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.fixMenuBox .searchForm dd {
  font-size: 2rem;
}
.fixMenuBox .searchForm dd:not(:last-of-type) {
  margin-bottom: 3rem;
}
.fixMenuBox .searchForm dd select,
.fixMenuBox .searchForm dd input[type=text],
.fixMenuBox .searchForm dd input[type=email],
.fixMenuBox .searchForm dd input[type=tel],
.fixMenuBox .searchForm dd input[type=password] {
  width: 44%;
  height: 3.85rem;
  font-size: 1.8rem;
}
.fixMenuBox .searchForm dd select.width_90p,
.fixMenuBox .searchForm dd input[type=text].width_90p,
.fixMenuBox .searchForm dd input[type=email].width_90p,
.fixMenuBox .searchForm dd input[type=tel].width_90p,
.fixMenuBox .searchForm dd input[type=password].width_90p {
  width: 90%;
}
.fixMenuBox .searchForm dd .colorList {
  gap: 0.7rem;
}
.fixMenuBox input[type=radio] + span {
  padding-bottom: 0.9rem;
  font-size: 1.8rem;
}
.fixMenuBox .submit {
  margin-bottom: 2.8rem;
}
.fixMenuBox .submit button {
  width: 100%;
  height: 5rem;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  border-radius: 0.5rem;
  border: none;
  background: #373737;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*------------------------------------------------------------
	comResultBox
------------------------------------------------------------*/
.comResultBox {
  margin-bottom: 6.5rem;
}
.comResultBox .tBox {
  margin-bottom: 1.2rem;
}
.comResultBox .tBox .lTitle {
  font-size: 1.4rem;
}
.comResultBox .tBox .lTitle span {
  color: #6d0c16;
  font-weight: 700;
}
.comResultBox .tBox .pageNavi {
  margin-top: -0.3rem;
}
.comResultBox .tBox .pageNavi li:not(:first-child) {
  margin-left: 1.4rem;
}
.comResultBox .tBox .pageNavi li a,
.comResultBox .tBox .pageNavi li span {
  font-size: 1.4rem;
}
.comResultBox .tBox .pageNavi li span, .comResultBox .tBox .pageNavi li.prev a, .comResultBox .tBox .pageNavi li.next a {
  color: #6d0c16;
  font-weight: 700;
}
.comResultBox .bBox {
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
}
.comResultBox .bBox dl {
  padding: 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
}
.comResultBox .bBox dl dt {
  margin-right: 3.2rem;
  width: 16.6rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.comResultBox .bBox dl dt::before {
  width: 0.1rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  content: "";
}
.comResultBox .bBox dl dd .txtList {
  gap: 2.1rem;
}
.comResultBox .bBox dl dd .txtList > li {
  width: 13.1rem;
}
.comResultBox .bBox dl dd .txtList > li .ttl {
  margin-bottom: 0.6rem;
  color: #fff;
  line-height: 2.6rem;
  text-align: center;
  background: #666;
}
.comResultBox .bBox dl dd .txtList > li ul {
  display: flex;
  justify-content: center;
  position: relative;
}
.comResultBox .bBox dl dd .txtList > li ul::before {
  width: 0.1rem;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  background: #000;
  content: "";
}
.comResultBox .bBox dl dd .txtList > li ul li {
  width: 50%;
  line-height: 1.1;
  text-align: center;
}
.comResultBox .bBox dl dd .txtList > li ul li.on a {
  color: #6d0c16;
}

/*------------------------------------------------------------
	comPageList
------------------------------------------------------------*/
.comPageList {
  margin: 0 -3rem;
  padding: 1rem 3rem;
  display: grid;
  grid-template-columns: 7rem 2.8rem auto 2.8rem 7rem;
  background: #808080;
}
.comPageList li {
  color: #fff;
  font-size: 2rem;
}
.comPageList li a {
  color: #fff;
}
.comPageList li.current {
  text-align: center;
}
.comPageList li.last {
  text-align: right;
}

/*------------------------------------------------------------
	lineup
------------------------------------------------------------*/
#lineup {
  margin-bottom: 28rem;
}
#lineup .comCarBox {
  margin-bottom: 1.7rem;
}
#lineup .comCtaBox {
  margin-bottom: 8.7rem;
}
@media all and (max-width: 896px) {
  #lineup {
    margin-bottom: 3.2rem;
  }
  #lineup .comCarBox {
    margin-bottom: 1.2rem;
  }
  #lineup .comCtaBox {
    margin-bottom: 10.9rem;
  }
  #lineup .comCtaBox01 {
    margin-bottom: 3.3rem;
  }
}

/*------------------------------------------------------------
	lineupDetail
------------------------------------------------------------*/
#lineupDetail {
  margin-bottom: 17rem;
}
@media all and (max-width: 896px) {
  #lineupDetail {
    margin-bottom: 4rem;
  }
}
#lineupDetail h2 {
  margin-bottom: 2.2rem;
  padding-bottom: 1.9rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-end;
  font-weight: 700;
  font-size: 2rem;
  border-bottom: 0.3rem solid #6D0C16;
}
#lineupDetail h2 .inImg {
  margin: 0 2rem 0.4rem 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 1rem;
}
#lineupDetail h2 .txt01 {
  padding: 0 1.7rem 0.5rem 0;
  line-height: 1;
}
#lineupDetail h2 .txt02 {
  font-size: 3.9rem;
  font-weight: normal;
  line-height: 0.95;
  letter-spacing: -0.01em;
}
@media all and (max-width: 896px) {
  #lineupDetail h2 {
    margin-bottom: 2rem;
    padding-bottom: 1.3rem;
  }
  #lineupDetail h2 .inImg {
    margin: 0 0 1.6rem;
    width: 100%;
  }
  #lineupDetail h2 .inImg img {
    width: auto;
    max-height: 3.1rem;
  }
  #lineupDetail h2 .txt01 {
    padding: 0 1.9rem 0.6rem 0.8rem;
  }
  #lineupDetail h2 .txt02 {
    font-size: 4rem;
    line-height: 1;
  }
}
#lineupDetail .intro {
  margin-bottom: 3.5rem;
  font-size: 1.8rem;
  line-height: 1.75;
}
@media all and (max-width: 896px) {
  #lineupDetail .intro {
    margin-bottom: 2.1rem;
    font-size: 1.6rem;
    line-height: 1.45;
  }
}
#lineupDetail .topBox {
  margin-bottom: 9rem;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 896px) {
  #lineupDetail .topBox {
    margin-bottom: 3.7rem;
    display: block;
  }
}
#lineupDetail .topBox .photoBox {
  width: 73rem;
}
#lineupDetail .topBox .photoBox .slickUl {
  margin-bottom: 3.3rem;
}
#lineupDetail .topBox .photoBox .slickUl li {
  display: block !important;
}
#lineupDetail .topBox .photoBox .slickUl li img {
  width: 100%;
}
#lineupDetail .topBox .photoBox .slickUl li .photo {
  margin-bottom: 0.9rem;
}
#lineupDetail .topBox .photoBox .slickUl li p {
  font-size: 1.5rem;
  word-break: break-all;
  word-wrap: break-word;
}
#lineupDetail .topBox .photoBox .slickUl .slick-arrow {
  padding: 0;
  width: 2.2rem;
  height: 7.8rem;
  position: absolute;
  top: 21rem;
  display: block;
  color: transparent;
  font-size: 0;
  line-height: 0;
  border: none;
  background: no-repeat center center/1.3rem auto;
  background-color: rgba(0, 0, 0, 0.8);
  outline: none;
  z-index: 1;
  cursor: pointer;
}
@media all and (min-width: 897px) {
  #lineupDetail .topBox .photoBox .slickUl .slick-arrow:hover {
    opacity: 0.7;
  }
}
#lineupDetail .topBox .photoBox .slickUl .slick-arrow.slick-prev {
  left: 0;
  background-image: url(../img/common/arrow07.png);
}
#lineupDetail .topBox .photoBox .slickUl .slick-arrow.slick-next {
  right: 0.1rem;
  background-image: url(../img/common/arrow08.png);
}
#lineupDetail .topBox .photoBox .slickNav {
  margin-bottom: 2.5rem;
  padding: 0 3.5rem;
}
#lineupDetail .topBox .photoBox .slickNav li {
  width: 10.3rem;
  display: block !important;
  cursor: pointer;
}
#lineupDetail .topBox .photoBox .slickNav li img {
  width: 100%;
  height: 7.8rem;
  object-fit: cover;
}
#lineupDetail .topBox .photoBox .slickNav li a {
  display: block;
}
#lineupDetail .topBox .photoBox .slickNav .slick-slide > div {
  margin: 0 0.4rem 0 0.3rem;
}
#lineupDetail .topBox .photoBox .slickNav .slick-arrow {
  padding: 0;
  width: 2.2rem;
  height: 7.8rem;
  position: absolute;
  top: 0;
  display: block;
  color: transparent;
  font-size: 0;
  line-height: 0;
  border: none;
  background: no-repeat center center/1.3rem auto;
  background-color: #808080;
  outline: none;
  z-index: 1;
  cursor: pointer;
}
@media all and (min-width: 897px) {
  #lineupDetail .topBox .photoBox .slickNav .slick-arrow:hover {
    opacity: 0.7;
  }
}
#lineupDetail .topBox .photoBox .slickNav .slick-arrow.slick-prev {
  left: 0;
  background-image: url(../img/common/arrow07.png);
}
#lineupDetail .topBox .photoBox .slickNav .slick-arrow.slick-next {
  right: 0;
  background-image: url(../img/common/arrow08.png);
}
@media all and (max-width: 896px) {
  #lineupDetail .topBox .photoBox {
    margin-bottom: 3.6rem;
    width: auto;
  }
  #lineupDetail .topBox .photoBox .slickUl {
    margin-bottom: 1.3rem;
  }
  #lineupDetail .topBox .photoBox .slickUl li p {
    font-size: 1.6rem;
  }
  #lineupDetail .topBox .photoBox .slickUl .slick-arrow {
    display: none;
  }
  #lineupDetail .topBox .photoBox .slickNav {
    margin-bottom: 0;
    padding: 0 3.9rem;
  }
  #lineupDetail .topBox .photoBox .slickNav li {
    width: 11.4rem;
  }
  #lineupDetail .topBox .photoBox .slickNav li img {
    height: auto;
    aspect-ratio: 114/85;
  }
  #lineupDetail .topBox .photoBox .slickNav .slick-slide > div {
    margin: 0 0.4rem 0 0.3rem;
  }
  #lineupDetail .topBox .photoBox .slickNav .slick-arrow {
    width: 2.4rem;
    height: 100%;
    background-position: center center;
    background-size: 1.4rem auto;
  }
}
#lineupDetail .topBox .textBox {
  width: 38rem;
}
#lineupDetail .topBox .textBox .priceBox {
  margin-bottom: 3.3rem;
  padding-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.4rem;
  border-bottom: 0.1rem solid #000;
}
#lineupDetail .topBox .textBox .priceBox .total {
  margin-bottom: 1rem;
  width: 100%;
  padding: 1.2rem 1rem 2.5rem;
  text-align: center;
  font-size: 2.8rem;
  line-height: 1;
  background: #E6E6E6;
}
#lineupDetail .topBox .textBox .priceBox .total span {
  vertical-align: bottom;
}
#lineupDetail .topBox .textBox .priceBox .total .txt01 {
  margin-right: 1rem;
  position: relative;
  display: inline-block;
  vertical-align: 0;
  font-weight: 700;
  font-size: 2.1rem;
  color: #DC0011;
}
#lineupDetail .topBox .textBox .priceBox .total .txt02 {
  position: absolute;
  left: 0;
  top: calc(100% + 0.7rem);
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
}
#lineupDetail .topBox .textBox .priceBox .total .txt03 {
  display: inline-block;
  vertical-align: -0.3rem;
  color: #DC0011;
  font-weight: 700;
  font-size: 6.2rem;
}
#lineupDetail .topBox .textBox .priceBox .total .txt03 .small {
  font-size: 4.5rem;
}
#lineupDetail .topBox .textBox .priceBox .sub01,
#lineupDetail .topBox .textBox .priceBox .sub02 {
  font-size: 1.8rem;
  line-height: 1;
}
#lineupDetail .topBox .textBox .priceBox .sub01 span,
#lineupDetail .topBox .textBox .priceBox .sub02 span {
  vertical-align: bottom;
}
#lineupDetail .topBox .textBox .priceBox .sub01 .txt01,
#lineupDetail .topBox .textBox .priceBox .sub02 .txt01 {
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: 0.1rem;
  position: relative;
  font-weight: 700;
  font-size: 2.1rem;
}
#lineupDetail .topBox .textBox .priceBox .sub01 .txt02,
#lineupDetail .topBox .textBox .priceBox .sub02 .txt02 {
  position: absolute;
  left: 0;
  top: calc(100% + 0.5rem);
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
}
#lineupDetail .topBox .textBox .priceBox .sub01 .txt03,
#lineupDetail .topBox .textBox .priceBox .sub02 .txt03 {
  display: inline-block;
  vertical-align: 0;
  font-size: 3.4rem;
  font-weight: 700;
}
#lineupDetail .topBox .textBox .priceBox .sub02 {
  margin-top: 1rem;
}
#lineupDetail .topBox .textBox .priceBox .sub02 .txt01 {
  margin-right: 0;
}
#lineupDetail .topBox .textBox .priceBox .sub02 .txt03 {
  font-size: 2.4rem;
}
#lineupDetail .topBox .textBox .subBox {
  margin-bottom: 2.7rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.1rem solid #000;
}
#lineupDetail .topBox .textBox .textList01 {
  margin-right: 1.4rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 0.1rem solid #000;
}
#lineupDetail .topBox .textBox .textList01 li {
  margin-bottom: 1.4rem;
  width: 50%;
  display: flex;
}
#lineupDetail .topBox .textBox .textList01 li:last-child {
  margin-bottom: 0;
}
#lineupDetail .topBox .textBox .textList01 li.wid100 {
  width: 100%;
}
#lineupDetail .topBox .textBox .textList01 li .ttl {
  margin-right: 0.8rem;
  padding: 0 0.8rem;
  width: 7.4rem;
  color: #fff;
  text-align: justify;
  text-align-last: justify;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
  letter-spacing: -0.05em;
  background: #666666;
}
#lineupDetail .topBox .textBox .textList01 li .text {
  flex: 1;
  line-height: 2.3rem;
  font-size: 1.4rem;
  font-weight: 400;
}
#lineupDetail .topBox .textBox .textList02 {
  margin-bottom: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
}
#lineupDetail .topBox .textBox .textList02 li {
  min-width: 5.9rem;
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  border: 0.1rem solid #000;
  border-radius: 0.5rem;
}
#lineupDetail .topBox .textBox .textList02 li .txt02 {
  font-size: 1rem;
  letter-spacing: -0.1em;
}
#lineupDetail .topBox .textBox .textList02 li .mazdaB {
  font-weight: normal;
}
#lineupDetail .topBox .textBox .infoTxt {
  margin-bottom: 1.3rem;
  font-size: 1.4rem;
  line-height: 1.85;
}
#lineupDetail .topBox .textBox .btn02 {
  margin-bottom: 1.2rem;
}
#lineupDetail .topBox .textBox .btn02:last-of-type {
  margin-bottom: 3.2rem;
}
#lineupDetail .topBox .textBox .btn02 a {
  padding: 1.2rem;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  border: 0.1rem solid #8E8E8F;
}
@media all and (max-width: 896px) {
  #lineupDetail .topBox .textBox {
    width: auto;
  }
  #lineupDetail .topBox .textBox .priceBox {
    margin-bottom: 1.8rem;
    padding-bottom: 2.2rem;
    gap: 0;
    justify-content: space-around;
    border-top: 0.1rem solid #000;
  }
  #lineupDetail .topBox .textBox .priceBox .total {
    margin-bottom: 1.7rem;
    padding: 0.4rem 0 1.3rem;
    background: transparent;
    border-bottom: 0.1rem solid #000;
  }
  #lineupDetail .topBox .textBox .priceBox .total .txt01 {
    margin-right: 1rem;
    font-size: 1.6rem;
    vertical-align: 0;
  }
  #lineupDetail .topBox .textBox .priceBox .total .txt02 {
    position: relative;
    left: auto;
    top: auto;
    font-size: 1.4rem;
  }
  #lineupDetail .topBox .textBox .priceBox .total .txt03 {
    vertical-align: -0.1rem;
    font-size: 5.2rem;
  }
  #lineupDetail .topBox .textBox .priceBox .total .txt03 .small {
    font-size: 4rem;
  }
  #lineupDetail .topBox .textBox .priceBox .sub01,
  #lineupDetail .topBox .textBox .priceBox .sub02 {
    margin: 0 1rem;
    font-size: 1.6rem;
  }
  #lineupDetail .topBox .textBox .priceBox .sub01 .txt01,
  #lineupDetail .topBox .textBox .priceBox .sub02 .txt01 {
    margin-right: 0.5rem;
    font-size: 1.6rem;
  }
  #lineupDetail .topBox .textBox .priceBox .sub01 .txt02,
  #lineupDetail .topBox .textBox .priceBox .sub02 .txt02 {
    left: auto;
    top: auto;
    position: relative;
    font-size: 1.4rem;
  }
  #lineupDetail .topBox .textBox .priceBox .sub01 .txt03,
  #lineupDetail .topBox .textBox .priceBox .sub02 .txt03 {
    font-size: 3rem;
    font-weight: 500;
  }
  #lineupDetail .topBox .textBox .priceBox .sub02 {
    margin-top: 0;
  }
  #lineupDetail .topBox .textBox .priceBox .sub02 .txt01 {
    margin-right: 0.5rem;
  }
  #lineupDetail .topBox .textBox .priceBox .sub02 .txt03 {
    font-size: 3rem;
  }
  #lineupDetail .topBox .textBox .subBox {
    margin-bottom: 0;
    padding-bottom: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: none;
  }
  #lineupDetail .topBox .textBox .textList01 {
    margin: 0 0 1.8rem;
    padding-bottom: 1.7rem;
    justify-content: flex-start;
    gap: 1.5rem 5%;
  }
  #lineupDetail .topBox .textBox .textList01 li {
    margin-bottom: 0;
    width: 29.2%;
  }
  #lineupDetail .topBox .textBox .textList01 li:first-child {
    order: 7;
  }
  #lineupDetail .topBox .textBox .textList01 li.wid100 {
    width: 100%;
  }
  #lineupDetail .topBox .textBox .textList01 li .ttl {
    margin-right: 0.9rem;
    padding: 0 1rem;
    width: 8rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    white-space: nowrap;
  }
  #lineupDetail .topBox .textBox .textList01 li .text {
    margin-right: -1em;
    line-height: 2.6rem;
  }
  #lineupDetail .topBox .textBox .textList02 {
    margin-bottom: 0;
    max-width: calc(100% - 20.5rem);
  }
  #lineupDetail .topBox .textBox .textList02 li {
    padding: 0.1rem 0 0.2rem;
    font-weight: normal;
    line-height: 1;
  }
  #lineupDetail .topBox .textBox .btn01 {
    margin-top: -0.4rem;
    width: 17.6rem;
    position: relative;
  }
  #lineupDetail .topBox .textBox .btn01::before {
    width: 0.1rem;
    height: 100%;
    position: absolute;
    left: -2.5rem;
    top: 0;
    background: #000;
    content: "";
  }
  #lineupDetail .topBox .textBox .infoBox {
    padding-bottom: 3.2rem;
    background: url(../img/common/bg01_sp.jpg) no-repeat center center/cover;
  }
  #lineupDetail .topBox .textBox .infoBox .tel {
    margin-bottom: 1.4rem;
    padding: 0.5rem 0.5rem 0.7rem;
    text-align: center;
    position: relative;
  }
  #lineupDetail .topBox .textBox .infoBox .tel::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
    background: #E6E6E6;
    content: "";
  }
  #lineupDetail .topBox .textBox .infoBox .tel .inTxt {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 1.8rem;
    font-weight: 400;
  }
  #lineupDetail .topBox .textBox .infoBox .tel .inTxt .fwBold {
    font-weight: 700;
  }
  #lineupDetail .topBox .textBox .infoBox .tel .inTxt a {
    color: #DB0011;
    font-weight: 700;
  }
  #lineupDetail .topBox .textBox .infoTxt {
    margin-bottom: 1.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 1.5rem;
    text-align: center;
  }
  #lineupDetail .topBox .textBox .btn02 {
    margin: 0 2.5rem 2.9rem;
  }
  #lineupDetail .topBox .textBox .btn02 a {
    padding: 0.9rem 1rem 1.1rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0;
  }
}
#lineupDetail .telBox {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  background: url(../img/common/bg01.jpg) no-repeat center center/100% 100%;
}
#lineupDetail .telBox .inTtl {
  width: 24.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
}
#lineupDetail .telBox .tel {
  text-align: center;
  flex: 1;
  border-left: 0.1rem solid #8E8E8F;
}
#lineupDetail .telBox .tel a {
  padding-left: 6.1rem;
  padding-bottom: 0.6rem;
  display: inline-block;
  font-size: 5rem;
  font-weight: 700;
  color: #6D0C16;
  line-height: 1;
  background: url(../img/common/icon09.png) no-repeat left center/4.8rem;
}
#lineupDetail .btnList {
  display: flex;
  justify-content: space-between;
}
#lineupDetail .btnList li {
  width: 18.2rem;
  height: 9.5rem;
}
#lineupDetail .btnList li a {
  padding-bottom: 0.3rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  background: #333333;
  border-radius: 1rem;
}
#lineupDetail .btnList li a.redBg {
  background: #DC0011;
}
#lineupDetail .btnList li .icon {
  width: 3.8rem;
}
@media all and (max-width: 896px) {
  #lineupDetail .btnList {
    margin: 0 2.3rem 0 2.8rem;
  }
  #lineupDetail .btnList li {
    width: calc(50% - 1rem);
    height: 7.8rem;
  }
  #lineupDetail .btnList li a {
    padding-bottom: 0;
    gap: 1.5rem;
    font-size: 1.8rem;
    border-radius: 1.5rem;
  }
  #lineupDetail .btnList li .icon {
    width: 4rem;
  }
}
#lineupDetail .linkList {
  margin-bottom: 7.6rem;
  padding-bottom: 2rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.9rem;
  border-bottom: 0.1rem solid #000;
}
#lineupDetail .linkList li {
  width: 19.8rem;
}
#lineupDetail .linkList li a {
  padding: 0 1.9rem 0.1rem;
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  line-height: 3.1rem;
  font-size: 1.9rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  background: #666666 url(../img/common/icon11.png) no-repeat right 0.8rem center/2.1rem;
}
#lineupDetail .secBox {
  margin-bottom: 11rem;
}
@media all and (max-width: 896px) {
  #lineupDetail .secBox {
    margin-bottom: 5.5rem;
  }
  #lineupDetail .secBox:last-child {
    margin-bottom: 0;
  }
}
#lineupDetail .secBox h3 {
  margin-bottom: 3.8rem;
  padding: 1.7rem 3.9rem 2rem;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
  background: url(../img/common/bg01.jpg) no-repeat center center/100% 100%;
}
#lineupDetail .secBox h3.mb01 {
  margin-bottom: 7.6rem;
}
#lineupDetail .secBox h3.mb02 {
  margin-bottom: 8.9rem;
}
@media all and (max-width: 896px) {
  #lineupDetail .secBox h3 {
    padding: 2rem 2.4rem 2.1rem;
    font-size: 3rem;
    letter-spacing: 0.1em;
  }
  #lineupDetail .secBox h3.mb01 {
    margin-bottom: 5.8rem;
  }
  #lineupDetail .secBox h3.mb02 {
    margin-bottom: 2.5rem;
  }
}
#lineupDetail .secBox .basicInfo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#lineupDetail .secBox .basicInfo .col {
  width: 58.2rem;
}
#lineupDetail .secBox .basicInfo .infoList {
  width: 100%;
}
#lineupDetail .secBox .basicInfo .infoList li {
  padding: 1.3rem 2.2rem;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  font-size: 1.8rem;
}
#lineupDetail .secBox .basicInfo .infoList li .text01 {
  font-weight: 700;
}
#lineupDetail .secBox .basicInfo .infoList li .text02 {
  text-align: right;
}
#lineupDetail .secBox .basicInfo .infoList li:nth-child(2n) {
  background: #EBEBEB;
}
#lineupDetail .secBox .basicInfo .infoList.infoList01 li:nth-child(2n-1) {
  background: #EBEBEB;
}
#lineupDetail .secBox .basicInfo .infoList.infoList01 li:nth-child(2n) {
  background: transparent;
}
@media all and (max-width: 896px) {
  #lineupDetail .secBox .basicInfo {
    display: block;
  }
  #lineupDetail .secBox .basicInfo .col {
    width: auto;
  }
  #lineupDetail .secBox .basicInfo .infoList li {
    padding: 1.4rem 2.4rem 1.3rem;
    font-size: 1.6rem;
    line-height: 1.63;
  }
  #lineupDetail .secBox .basicInfo .infoList li:nth-child(2n) {
    background: #F2F2F2;
  }
  #lineupDetail .secBox .basicInfo .infoList.infoList01 li {
    padding: 2.8rem 2.4rem;
    align-items: center;
  }
  #lineupDetail .secBox .basicInfo .infoList.infoList01 li:nth-child(2n-1) {
    background: #F2F2F2;
  }
  #lineupDetail .secBox .basicInfo .infoList.infoList01 li:nth-child(2n) {
    background: transparent;
  }
}
#lineupDetail .secBox .equipInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 5.6rem 3.5rem;
}
#lineupDetail .secBox .equipInfo .item {
  width: 27rem;
}
#lineupDetail .secBox .equipInfo .item .ttl {
  margin-bottom: 1.6rem;
  padding: 0 0.8rem 0.6rem;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  border-bottom: 0.2rem solid #000;
}
#lineupDetail .secBox .equipInfo .item .txtList li {
  margin-bottom: 1rem;
  padding: 0.4rem 0.5rem 0.4rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.48;
  border: 0.1rem solid #6D0C16;
  background: #FBE2D4;
}
#lineupDetail .secBox .equipInfo .item .txtList li:last-child {
  margin-bottom: 0;
}
#lineupDetail .secBox .equipInfo .item .txtList li.gray {
  color: #8E8E8F;
  background: transparent;
  border-color: #8E8E8F;
}
@media all and (max-width: 896px) {
  #lineupDetail .secBox .equipInfo {
    justify-content: space-between;
    gap: 5.2rem 0;
  }
  #lineupDetail .secBox .equipInfo .item {
    width: 48.5%;
  }
  #lineupDetail .secBox .equipInfo .item .txtList {
    margin-bottom: 4.5rem;
  }
  #lineupDetail .secBox .equipInfo .item .txtList:last-child {
    margin-bottom: 0;
  }
  #lineupDetail .secBox .equipInfo .item .txtList li {
    border-color: #6D0C16;
    background: #FBE2D4;
  }
  #lineupDetail .secBox .equipInfo .item .txtList li.gray {
    border-color: #8E8E8F;
  }
}
#lineupDetail .noteList {
  margin: 0 0.8rem 4.4rem;
}
#lineupDetail .noteList li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 2rem;
  line-height: 1.8;
}
#lineupDetail .btnBox {
  display: flex;
  justify-content: space-between;
}
#lineupDetail .btnBox .telBox {
  width: 72.8rem;
}
#lineupDetail .btnBox .btnList {
  width: 38rem;
}
#lineupDetail .retailerBox {
  margin-bottom: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#lineupDetail .retailerBox .textBox {
  width: 50rem;
}
#lineupDetail .retailerBox .textBox .ttl {
  margin-bottom: 4rem;
  padding: 3.4rem 0;
  font-size: 2.3rem;
  font-weight: 700;
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
}
#lineupDetail .retailerBox .textBox .infoList li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 2rem;
  line-height: 1.8;
}
#lineupDetail .retailerBox .mapBox {
  width: 65rem;
  position: relative;
  aspect-ratio: 646/370;
}
#lineupDetail .retailerBox .mapBox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media all and (max-width: 896px) {
  #lineupDetail .retailerBox {
    margin-bottom: 5rem;
    display: block;
  }
  #lineupDetail .retailerBox .textBox {
    width: auto;
  }
  #lineupDetail .retailerBox .textBox .ttl {
    margin-bottom: 1.7rem;
    padding: 0;
    font-size: 2rem;
    border: none;
  }
  #lineupDetail .retailerBox .textBox .subBox {
    margin: 0 0.3rem 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.1rem 0;
  }
  #lineupDetail .retailerBox .textBox .subBox .pho {
    padding-top: 0.8rem;
    width: 46%;
  }
  #lineupDetail .retailerBox .textBox .subBox .pho img {
    width: 100%;
  }
  #lineupDetail .retailerBox .textBox .subBox p {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  #lineupDetail .retailerBox .textBox .infoList {
    width: 50%;
  }
  #lineupDetail .retailerBox .textBox .infoList li {
    font-size: 1.6rem;
    line-height: 2.06;
  }
  #lineupDetail .retailerBox .mapBox {
    width: auto;
  }
}
#lineupDetail .imgBox {
  padding: 4rem 4.8rem 4.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2.5rem 0;
  background: #EBEBEB;
}
#lineupDetail .imgBox .photoBox {
  width: 60.2rem;
}
#lineupDetail .imgBox .textBox {
  margin-top: -1.2rem;
  width: 45.2rem;
}
#lineupDetail .imgBox .textBox p {
  font-size: 1.8rem;
  line-height: 2;
}
#lineupDetail .imgBox .imgList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
#lineupDetail .imgBox .imgList li {
  width: 34.6rem;
}
#lineupDetail .imgBox .imgList li .photo {
  margin-bottom: 1.7rem;
}
#lineupDetail .imgBox .imgList li p {
  text-align: justify;
  font-size: 1.6rem;
  line-height: 1.75;
}
#lineupDetail .carList {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7rem;
}
#lineupDetail .carList li {
  padding: 3.4rem 3.4rem 5.5rem;
  width: 37.7rem;
  border: 0.1rem solid #000;
}
#lineupDetail .carList li .photo {
  margin-bottom: 1.7rem;
}
#lineupDetail .carList li .name {
  margin-bottom: 2rem;
  padding-bottom: 1.8rem;
  font-size: 1.8rem;
  font-weight: 400;
  border-bottom: 0.1rem solid #000;
}
#lineupDetail .carList li .name .txt {
  margin-bottom: 0.4rem;
  display: block;
  font-size: 2.4rem;
  font-weight: normal;
}
#lineupDetail .carList li .price {
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 1;
}
#lineupDetail .carList li .price span {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 1;
}
#lineupDetail .carList li .price .txt01 {
  margin-right: 1rem;
  font-weight: 700;
  font-size: 2.1rem;
  color: #DC0011;
  vertical-align: 0.2rem;
}
#lineupDetail .carList li .price .txt02 {
  position: absolute;
  left: 0;
  top: calc(100% + 0.5rem);
  font-size: 1.2rem;
  font-weight: 400;
  color: #000;
}
#lineupDetail .carList li .price .txt03 {
  color: #DC0011;
  font-size: 6.2rem;
  font-weight: 700;
  vertical-align: 0;
}
#lineupDetail .carList li .price .txt03 .sm {
  font-size: 4.5rem;
  font-weight: 700;
}
@media all and (max-width: 896px) {
  #lineupDetail .carList {
    display: block;
  }
  #lineupDetail .carList li {
    padding: 2.5rem 2.7rem;
    width: auto;
    display: flex;
    border: none;
    background: #F2F2F2;
  }
  #lineupDetail .carList li:nth-child(2n) {
    background: transparent;
  }
  #lineupDetail .carList li .photo {
    margin-bottom: 0;
    width: 53.5%;
    max-width: 27rem;
  }
  #lineupDetail .carList li .photo img {
    width: 100%;
  }
  #lineupDetail .carList li .txtBox {
    margin: -0.5rem 0 -0.2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
  }
  #lineupDetail .carList li .name {
    margin-bottom: 2rem;
    padding-bottom: 0;
    border: none;
    font-size: 1.6rem;
  }
  #lineupDetail .carList li .name .txt {
    margin: -0.3rem 0 0.9rem;
    padding-bottom: 0.5rem;
    display: block;
    border-bottom: 0.3rem solid #6D0C16;
  }
  #lineupDetail .carList li .name .sm {
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
  }
  #lineupDetail .carList li .price {
    font-size: 1.8rem;
  }
  #lineupDetail .carList li .price span {
    font-size: 1.6rem;
  }
  #lineupDetail .carList li .price .txt01 {
    margin: 0 0 0.6rem;
    display: block;
    font-size: 1.6rem;
  }
  #lineupDetail .carList li .price .txt02 {
    position: relative;
    left: auto;
    top: auto;
    font-size: 1.4rem;
  }
  #lineupDetail .carList li .price .txt03 {
    font-size: 4.2rem;
  }
  #lineupDetail .carList li .price .txt03 .sm {
    font-size: 3rem;
  }
}

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
@media all and (max-width: 896px) {
  #contact {
    padding: 4.4rem 0 4.6rem;
  }
  #contact .comCarBox {
    margin-bottom: 1.2rem;
  }
  #contact .comCarBox .textBox .title {
    margin-bottom: 3.6rem;
    padding: 0.3rem 0.7rem 1.4rem;
    color: #000;
    background: transparent;
    border-bottom: 0.3rem solid #6D0C16;
  }
  #contact .comCarBox .textBox .text {
    display: none;
  }
  #contact .comCarBox .textBox .subArea {
    display: block;
  }
  #contact .comCarBox .textBox .priceBox {
    width: auto;
    display: flex;
    border-top: none;
  }
  #contact .comCarBox .textBox .priceBox .subBox {
    padding: 1.7rem 0 2.2rem;
    justify-content: center;
    width: 45%;
  }
  #contact .comCarBox .textBox .priceBox .subBox .ttl small {
    display: inline;
  }
  #contact .comCarBox .textBox .priceBox .subBox01 {
    padding: 0.4rem 0 1.3rem;
    width: 100%;
    justify-content: center;
  }
  #contact .comCarBox .textBox .priceBox .subBox01 .price {
    font-size: 5.2rem;
  }
  #contact .comCarBox .textBox .priceBox .subBox01 .price small {
    font-size: 4rem;
  }
  #contact .comCarBox .textBox .priceBox .subBox01 .price span {
    font-size: 2.8rem;
  }
  #contact .comCarBox .textBox .priceBox .subBox02 {
    width: 55%;
  }
  #contact .comCarBox .textBox .txtUl {
    gap: 1.7rem 3.5%;
  }
  #contact .comCarBox .textBox .txtUl li {
    width: 31%;
  }
  #contact .comCarBox .textBox .txtUl li.wid100 {
    width: 100%;
  }
  #contact .comCarBox .phototBox {
    width: auto;
  }
  #contact .comCarBox .phototBox .slickUl li {
    height: auto;
  }
  #contact .comCarBox .phototBox .slickUl li img {
    height: auto;
    aspect-ratio: 555/339;
    object-fit: cover;
  }
  #contact .comCtaBox {
    margin-bottom: 4.6rem;
    padding-bottom: 2rem;
    border-top: 0.1rem solid #000;
  }
  #contact .comCtaBox .txtBox {
    padding-top: 1.6rem;
    text-align: center;
  }
  #contact .comCtaBox .txtBox p {
    font-size: 1.4rem;
  }
  #contact .confirm .textBox {
    margin-bottom: 5rem;
  }
}

/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
  margin-bottom: 14.7rem;
  padding: 2.3rem 0;
  min-height: 24.5rem;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  background: #000;
}
.pageTitle .textBox {
  margin: 0 auto;
  width: 118.8rem;
}
.pageTitle .textBox h2 {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.47;
}
.pageTitle .photoBox {
  width: calc(50% - 0.3rem);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.pageTitle .photoBox img {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
}
@media all and (max-width: 896px) {
  .pageTitle {
    margin-bottom: 6.4rem;
    padding: 0;
    display: block;
    min-height: initial;
  }
  .pageTitle .textBox {
    padding: 3.9rem 3rem 5rem 5.6rem;
    width: auto;
  }
  .pageTitle .textBox h2 {
    font-size: 3rem;
    line-height: 1.54;
    letter-spacing: 0.1em;
  }
  .pageTitle .photoBox {
    width: 100%;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .pageTitle .photoBox img {
    position: relative;
    right: auto;
    top: auto;
  }
}

/*------------------------------------------------------------
	ucarInquiry
------------------------------------------------------------*/
#ucarInquiry .pageTitle {
  margin-bottom: 8rem;
}
#ucarInquiry .sec01 {
  padding: 9.9rem 5rem 9.1rem;
  background: url(../img/ucar_inquiry/bg01.png) repeat left top/auto 4.1rem;
}
#ucarInquiry .sec01 .innerBox {
  margin: 0 auto;
  max-width: 90.6rem;
}
#ucarInquiry .sec01 .innerBox .sub01 {
  margin-bottom: 6.3rem;
  padding: 5.2rem 2rem 5.3rem;
  position: relative;
}
#ucarInquiry .sec01 .innerBox .sub01::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #E8E8E8;
  mix-blend-mode: multiply;
  content: "";
}
#ucarInquiry .sec01 .innerBox .sub01 h3 {
  margin-bottom: 2.8rem;
  text-align: center;
  font-weight: 400;
  font-size: 3rem;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
#ucarInquiry .sec01 .innerBox .sub01 h3 .txt {
  margin-top: 1.9rem;
  padding: 0.4rem;
  min-width: 22.4rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
#ucarInquiry .sec01 .innerBox .sub01 h3 .txt::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(109, 12, 22, 0.8);
  background: #6D0C16;
  content: "";
  z-index: -1;
  mix-blend-mode: multiply;
}
#ucarInquiry .sec01 .innerBox .sub01 p {
  text-align: center;
  font-size: 2rem;
  line-height: 1.9;
  position: relative;
  z-index: 1;
}
#ucarInquiry .sec01 .innerBox .sub02 .imgtext {
  margin: 0 -0.1rem 3.6rem;
  text-align: center;
}
#ucarInquiry .sec01 .innerBox .sub02 h3 {
  margin-bottom: 2.7rem;
  text-align: center;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: 0.1em;
}
#ucarInquiry .sec01 .innerBox .sub02 p {
  text-align: center;
  font-size: 2rem;
  line-height: 1.87;
  position: relative;
  z-index: 1;
}
#ucarInquiry .comMailForm {
  margin-bottom: 10.2rem;
  padding-bottom: 6rem;
  background: #D4D5D5;
}
#ucarInquiry .comMailForm .textBox {
  margin-bottom: 7rem;
}
#ucarInquiry .comMailForm .h3Ttl {
  margin-bottom: 2.6rem;
}
#ucarInquiry .comMailForm .noteList {
  margin-bottom: 2.4rem;
}
#ucarInquiry .comMailForm .noteList li {
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
#ucarInquiry .comMailForm .secBox {
  margin-bottom: 10.5rem;
}
#ucarInquiry .comMailForm .secBox.secBox01 {
  margin-bottom: 7.1rem;
}
#ucarInquiry .comMailForm .formList {
  margin-bottom: 0;
}
#ucarInquiry .comMailForm .tips {
  border-color: rgba(0, 0, 0, 0.3);
}
@media all and (max-width: 896px) {
  #ucarInquiry {
    margin-top: -3.6rem;
  }
  #ucarInquiry .pageTitle {
    margin-bottom: 0;
  }
  #ucarInquiry .pageTitle .textBox {
    padding: 1.7rem 5.2rem 2.2rem;
  }
  #ucarInquiry .content {
    margin: 0;
  }
  #ucarInquiry .sec01 {
    padding: 0;
    background: none;
  }
  #ucarInquiry .sec01 .innerBox {
    max-width: initial;
  }
  #ucarInquiry .sec01 .innerBox .sub01 {
    margin-bottom: 3rem;
    padding: 2.9rem 3rem 4rem;
    background: #fff;
  }
  #ucarInquiry .sec01 .innerBox .sub01 h3 {
    margin-bottom: 2.7rem;
  }
  #ucarInquiry .sec01 .innerBox .sub01 h3 .txt {
    margin-top: 2.5rem;
    width: 43.4rem;
    min-width: initial;
    max-width: 100%;
  }
  #ucarInquiry .sec01 .innerBox .sub01 p {
    margin-bottom: 3rem;
  }
  #ucarInquiry .sec01 .innerBox .sub01 .imgtext {
    text-align: center;
  }
  #ucarInquiry .sec01 .innerBox .sub02 {
    margin: 0 3rem 3.5rem;
  }
  #ucarInquiry .sec01 .innerBox .sub02 h3 {
    margin-bottom: 2.6rem;
  }
  #ucarInquiry .comMailForm {
    margin-bottom: 0;
    padding: 3.5rem 3rem 10rem;
    background: #D2D3D3;
  }
  #ucarInquiry .comMailForm .textBox {
    margin: 0 0 10.8rem;
  }
  #ucarInquiry .comMailForm .h3Ttl {
    margin-bottom: 2.6rem;
    padding: 0 0 1rem 3rem;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 0;
    background: url(../img/common/icon06.png) no-repeat left 0.3rem top/1.7rem;
  }
  #ucarInquiry .comMailForm textarea {
    height: 28.8rem;
  }
  #ucarInquiry .comMailForm .secBox {
    margin-bottom: 3.6rem;
  }
  #ucarInquiry .comMailForm .secBox.secBox01 {
    margin-bottom: 7.1rem;
  }
  #ucarInquiry .comMailForm input[type=text],
  #ucarInquiry .comMailForm input[type=email] {
    padding: 0 1.2rem;
  }
  #ucarInquiry .comMailForm input[type=text].wid01,
  #ucarInquiry .comMailForm input[type=email].wid01 {
    width: 60%;
  }
  #ucarInquiry .comMailForm .formList {
    margin: 0;
  }
  #ucarInquiry .comMailForm .formList dd {
    margin-bottom: 4.4rem;
  }
  #ucarInquiry .comMailForm .telList {
    width: 68%;
  }
  #ucarInquiry .comMailForm .tips {
    padding: 4rem 0 2rem;
    text-align: center;
    border-top-width: 0.1rem;
    border-top-style: solid;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }
  #ucarInquiry .comMailForm .submit {
    margin: 0;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 4rem;
  }
  #ucarInquiry .comMailForm .submit li {
    margin: 0;
    width: 11rem;
  }
  #ucarInquiry .comMailForm .submit li input {
    height: 3.1rem;
    color: #000;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 0;
    background: #E6E6E6;
    border: 0.1rem solid #808080;
    cursor: pointer;
  }
  #ucarInquiry .comMailForm .submit li input[type=reset] {
    border-radius: 0.5rem;
  }
}
@media all and (max-width: 896px) and (max-width: 896px) {
  #ucarInquiry .comMailForm.confirm {
    padding-bottom: 6rem;
  }
  #ucarInquiry .comMailForm.confirm .secBox {
    margin-bottom: 5.2rem;
  }
  #ucarInquiry .comMailForm.confirm .formList {
    margin: 0 3.2rem;
  }
  #ucarInquiry .comMailForm.confirm .formList dt {
    margin-bottom: 1rem;
  }
  #ucarInquiry .comMailForm.confirm .formList dd {
    margin-bottom: 5.8rem;
    font-size: 2.3rem;
  }
  #ucarInquiry .comMailForm.confirm .formList dd:last-child {
    margin-bottom: 0;
  }
  #ucarInquiry .comMailForm.confirm .tips {
    padding-top: 4.2rem;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }
}

/*------------------------------------------------------------
	shop
------------------------------------------------------------*/
#shop {
  margin-bottom: 14rem;
}
#shop .pageTitle {
  margin-bottom: 5.8rem;
}
#shop .topTxt {
  margin-bottom: 5.7rem;
  text-align: center;
  font-size: 2rem;
}
#shop .tabBox .tabList {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
}
#shop .tabBox .tabList li {
  width: calc((100% - 4.2rem) / 4);
}
#shop .tabBox .tabList li a {
  padding: 0.4rem 0.5rem 0.3rem;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 0.1rem solid #808080;
}
@media all and (min-width: 897px) {
  #shop .tabBox .tabList li a:hover {
    color: #fff;
    border-color: #000;
    background: #000;
    opacity: 1;
  }
}
#shop .tabBox .tabList li.current a {
  color: #fff;
  border-color: #000;
  background: #000;
}
#shop .tabBox .tabInner .mapBox {
  margin-bottom: 9.7rem;
}
#shop .tabBox .tabInner .mapBox div.shop_area_map_tokyo,
#shop .tabBox .tabInner .mapBox div.shop_area_map_kanagawa,
#shop .tabBox .tabInner .mapBox div.shop_area_map_saitama,
#shop .tabBox .tabInner .mapBox div.shop_area_map_gunma {
  margin: 0 auto;
  position: relative;
  width: 100%;
  line-height: 1.2rem;
  aspect-ratio: 1186/600;
  background: no-repeat center center;
  background-size: cover;
}
#shop .tabBox .tabInner .mapBox div.shop_area_map_tokyo {
  background-image: url(../img/shop/shop_area_map_tokyo.jpg);
}
#shop .tabBox .tabInner .mapBox div.shop_area_map_kanagawa {
  background-image: url(../img/shop/shop_area_map_kanagawa.jpg);
}
#shop .tabBox .tabInner .mapBox div.shop_area_map_saitama {
  background-image: url(../img/shop/shop_area_map_saitama.jpg);
}
#shop .tabBox .tabInner .mapBox div.shop_area_map_gunma {
  background-image: url(../img/shop/shop_area_map_gunma.jpg);
}
#shop .tabBox .tabInner .mapBox li {
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  padding: 0;
  margin: 0;
}
#shop .tabBox .tabInner .mapBox li img {
  width: 100%;
}
#shop .tabBox .tabInner .mapBox li a {
  display: block;
}
#shop .tabBox .tabInner .mapBox li a:hover {
  opacity: 1;
}
#shop .tabBox .tabInner .mapBox li.shop_to_327 {
  top: 20.8rem;
  left: 97rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_364 {
  top: 27.9rem;
  left: 71.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_368 {
  top: 42.3rem;
  left: 74.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_341 {
  top: 20.2rem;
  left: 54.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_371 {
  top: 19.7rem;
  left: 61.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_369 {
  top: 29.9rem;
  left: 67.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_388 {
  top: 36.6rem;
  left: 40rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_354 {
  top: 17.5rem;
  left: 50.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_349 {
  top: 22rem;
  left: 57.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_393 {
  top: 49.6rem;
  left: 48.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_392 {
  top: 45.3rem;
  left: 43.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_363 {
  top: 42.2rem;
  left: 77.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_350 {
  top: 25.6rem;
  left: 49.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_330 {
  top: 13.2rem;
  left: 97rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_342 {
  top: 17.8rem;
  left: 76.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_383 {
  top: 24.5rem;
  left: 37.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_343 {
  top: 14.4rem;
  left: 51.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_381 {
  top: 28.8rem;
  left: 53rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_365 {
  top: 23.6rem;
  left: 65.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_345 {
  top: 18.8rem;
  left: 70.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_394 {
  top: 42.3rem;
  left: 47.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_384 {
  top: 35.1rem;
  left: 45.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_366 {
  top: 36.5rem;
  left: 75.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_326 {
  top: 26.9rem;
  left: 99.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_332 {
  top: 13.4rem;
  left: 84.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_389 {
  top: 31rem;
  left: 37.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_325 {
  top: 11.6rem;
  left: 91.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_385 {
  top: 29.9rem;
  left: 31.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_387 {
  top: 34.6rem;
  left: 43.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_367 {
  top: 40.3rem;
  left: 76.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_324 {
  top: 22rem;
  left: 92.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_344 {
  top: 23.7rem;
  left: 78.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_374 {
  top: 31.9rem;
  left: 60.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_386 {
  top: 12rem;
  left: 28.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_382 {
  top: 17.6rem;
  left: 31.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_329 {
  top: 28rem;
  left: 89.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_333 {
  top: 31.4rem;
  left: 97.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_331 {
  top: 18.8rem;
  left: 99.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_328 {
  top: 17.4rem;
  left: 95.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_347 {
  top: 11.9rem;
  left: 75rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_351 {
  top: 16.4rem;
  left: 63.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_372 {
  top: 34.6rem;
  left: 65.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_362 {
  top: 43.1rem;
  left: 76.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_370 {
  top: 26.4rem;
  left: 61.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_346 {
  top: 21.6rem;
  left: 51.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_390 {
  top: 46rem;
  left: 45.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_to_373 {
  top: 33.4rem;
  left: 52.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_441 {
  top: 36.6rem;
  left: 71rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_444 {
  top: 20.1rem;
  left: 62.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_451 {
  top: 24.5rem;
  left: 73.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_446 {
  top: 10.2rem;
  left: 68.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_448 {
  top: 47.3rem;
  left: 59.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_449 {
  top: 17.7rem;
  left: 37.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_450 {
  top: 18.1rem;
  left: 61.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_442 {
  top: 22.2rem;
  left: 52.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_443 {
  top: 20.1rem;
  left: 60rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_447 {
  top: 43.3rem;
  left: 60.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_445 {
  top: 9.1rem;
  left: 59.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_kana_452 {
  top: 37.7rem;
  left: 56.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_353 {
  top: 56.2rem;
  left: 84.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_621 {
  top: 41.8rem;
  left: 84.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_623 {
  top: 37.2rem;
  left: 84.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_627 {
  top: 41.1rem;
  left: 87.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_624 {
  top: 44.5rem;
  left: 85rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_681 {
  top: 28.7rem;
  left: 79.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_641 {
  top: 32.3rem;
  left: 85.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_648 {
  top: 19.4rem;
  left: 88.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_650 {
  top: 33.6rem;
  left: 96.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_652 {
  top: 28.9rem;
  left: 98.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_642 {
  top: 36.1rem;
  left: 91.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_645 {
  top: 48.2rem;
  left: 99.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_646 {
  top: 40.8rem;
  left: 99.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_647 {
  top: 43.9rem;
  left: 94.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_643 {
  top: 54rem;
  left: 106.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_626 {
  top: 47.8rem;
  left: 90.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_625 {
  top: 51.5rem;
  left: 89.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_629 {
  top: 53.8rem;
  left: 93.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_631 {
  top: 55.7rem;
  left: 94.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_632 {
  top: 54.2rem;
  left: 95.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_628 {
  top: 53.8rem;
  left: 90.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_661 {
  top: 43.49rem;
  left: 76.72rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_663 {
  top: 40.27rem;
  left: 76.23rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_664 {
  top: 45.6rem;
  left: 71.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_665 {
  top: 38.8rem;
  left: 71.8rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_668 {
  top: 43.5rem;
  left: 68.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_674 {
  top: 35.9rem;
  left: 61.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_675 {
  top: 38.6rem;
  left: 60.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_670 {
  top: 55.2rem;
  left: 69.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_669 {
  top: 54.8rem;
  left: 67.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_671 {
  top: 47.9rem;
  left: 61.1rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_673 {
  top: 46rem;
  left: 64.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_689 {
  top: 15.4rem;
  left: 83.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_688 {
  top: 25.7rem;
  left: 74.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_687 {
  top: 14.8rem;
  left: 64.7rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_686 {
  top: 9.2rem;
  left: 56.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_685 {
  top: 6.1rem;
  left: 49rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_684 {
  top: 0.6rem;
  left: 40.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_682 {
  top: 27.7rem;
  left: 31.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_683 {
  top: 25.9rem;
  left: 63.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_651 {
  top: 31.4rem;
  left: 99.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_661 {
  top: 54.7rem;
  left: 80.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_662 {
  top: 54.7rem;
  left: 80.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_667 {
  top: 37.5rem;
  left: 70.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_sai_672 {
  top: 46.3rem;
  left: 62.4rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_711 {
  top: 26.6rem;
  left: 61.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_712 {
  top: 23.3rem;
  left: 60.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_713 {
  top: 24.7rem;
  left: 59.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_714 {
  top: 15.9rem;
  left: 56.6rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_715 {
  top: 30rem;
  left: 58.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_716 {
  top: 27.3rem;
  left: 58.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_717 {
  top: 31.2rem;
  left: 60.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_718 {
  top: 34.6rem;
  left: 47.3rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_719 {
  top: 34.7rem;
  left: 58.5rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_720 {
  top: 28.9rem;
  left: 70.9rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_721 {
  top: 28.9rem;
  left: 73rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_722 {
  top: 29.5rem;
  left: 84.2rem;
}
#shop .tabBox .tabInner .mapBox li.shop_gun_723 {
  top: 23.2rem;
  left: 76.8rem;
}
#shop .tabBox .tabInner .listBox .item {
  margin-bottom: 11rem;
  display: flex;
  justify-content: space-between;
}
#shop .tabBox .tabInner .listBox .item:last-child {
  margin-bottom: 0;
}
#shop .tabBox .tabInner .listBox .item .photoBox {
  padding: 0 0.5rem;
  width: 31.2%;
}
#shop .tabBox .tabInner .listBox .item .photoBox img {
  width: 100%;
}
#shop .tabBox .tabInner .listBox .item .textBox {
  width: 67.2%;
}
#shop .tabBox .tabInner .listBox .item .textBox .ttl {
  margin-bottom: 2rem;
  padding: 1.6rem 3.3rem 1.5rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  background: #000;
}
#shop .tabBox .tabInner .listBox .item .textBox .infoBox {
  margin: 0 0.5rem 1.5rem;
  display: flex;
  justify-content: space-between;
}
#shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList {
  width: 49.2%;
  display: flex;
  flex-wrap: wrap;
  line-height: 2.1;
}
#shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dt {
  width: 6.15em;
  height: 3.2rem;
  text-align-last: justify;
  text-align: justify;
  word-break: break-all;
  overflow: hidden;
}
#shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dt::after {
  width: 100%;
  height: 0;
  display: inline-block;
  overflow: hidden;
  content: "";
}
#shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dd {
  padding-left: 2rem;
  width: calc(100% - 6.15em);
  position: relative;
}
#shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dd::before {
  position: absolute;
  left: 0.4rem;
  top: 0;
  content: "／";
}
#shop .tabBox .tabInner .listBox .item .textBox .btnList {
  display: flex;
  justify-content: space-between;
}
#shop .tabBox .tabInner .listBox .item .textBox .btnList li {
  width: 49%;
}
#shop .tabBox .tabInner .listBox .item .textBox .btnList li a {
  padding: 0.9rem;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  color: #fff;
  background: #666;
}
@media all and (max-width: 896px) {
  #shop {
    margin-top: -3.6rem;
    margin-bottom: 10rem;
  }
  #shop .pageTitle {
    margin-bottom: 1.9rem;
  }
  #shop .pageTitle .textBox {
    padding-bottom: 4.5rem;
  }
  #shop .topTxt {
    margin-bottom: 1.6rem;
    line-height: 1.9;
  }
  #shop .tabBox .tabList {
    margin-bottom: 1.5rem;
    gap: 1.3rem;
  }
  #shop .tabBox .tabList li {
    width: calc((100% - 3.9rem) / 4);
  }
  #shop .tabBox .tabList li a {
    padding: 1.4rem 0.3rem 1.5rem;
    font-size: 1.8rem;
    line-height: 1.45;
    letter-spacing: 0.08em;
  }
  #shop .tabBox .tabInner .mapBox {
    margin: 0 -3rem 7.9rem;
  }
  #shop .tabBox .tabInner .mapBox div.shop_area_map_tokyo,
  #shop .tabBox .tabInner .mapBox div.shop_area_map_kanagawa,
  #shop .tabBox .tabInner .mapBox div.shop_area_map_saitama,
  #shop .tabBox .tabInner .mapBox div.shop_area_map_gunma {
    aspect-ratio: 1230/730;
  }
  #shop .tabBox .tabInner .mapBox div.shop_area_map_tokyo {
    background-image: url(../img/shop/shop_area_map_tokyo_sp.png);
  }
  #shop .tabBox .tabInner .mapBox div.shop_area_map_kanagawa {
    background-image: url(../img/shop/shop_area_map_kanagawa_sp.png);
  }
  #shop .tabBox .tabInner .mapBox div.shop_area_map_saitama {
    background-image: url(../img/shop/shop_area_map_saitama_sp.png);
  }
  #shop .tabBox .tabInner .mapBox div.shop_area_map_gunma {
    background-image: url(../img/shop/shop_area_map_gunma_sp.png);
  }
  #shop .tabBox .tabInner .mapBox li {
    width: 1.55vw;
    height: 1.55vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_327 {
    top: 22.02vw;
    left: 89.86vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_364 {
    top: 28.5vw;
    left: 66.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_368 {
    top: 41.3vw;
    left: 69.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_341 {
    top: 21.4vw;
    left: 51.75vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_371 {
    top: 21vw;
    left: 58vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_369 {
    top: 30.1vw;
    left: 63.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_388 {
    top: 36.3vw;
    left: 38.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_354 {
    top: 19.1vw;
    left: 48vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_349 {
    top: 23vw;
    left: 54vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_393 {
    top: 48vw;
    left: 46.05vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_392 {
    top: 44vw;
    left: 41.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_363 {
    top: 41.25vw;
    left: 72.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_350 {
    top: 26.3vw;
    left: 46.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_330 {
    top: 15.1vw;
    left: 90vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_342 {
    top: 19.3vw;
    left: 71.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_383 {
    top: 25.4vw;
    left: 36.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_343 {
    top: 16.2vw;
    left: 48.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_381 {
    top: 29.2vw;
    left: 50.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_365 {
    top: 24.5vw;
    left: 61.7vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_345 {
    top: 20.1vw;
    left: 65.9vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_394 {
    top: 41.4vw;
    left: 45.3vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_384 {
    top: 35vw;
    left: 43.8vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_366 {
    top: 36.2vw;
    left: 70.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_326 {
    top: 27.4vw;
    left: 92.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_332 {
    top: 15.4vw;
    left: 79vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_389 {
    top: 31.3vw;
    left: 35.9vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_325 {
    top: 13.75vw;
    left: 85.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_385 {
    top: 30.2vw;
    left: 30.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_387 {
    top: 34.4vw;
    left: 41.3vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_367 {
    top: 39.6vw;
    left: 71.45vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_324 {
    top: 23.1vw;
    left: 86.05vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_344 {
    top: 24.7vw;
    left: 73vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_374 {
    top: 32vw;
    left: 57.05vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_386 {
    top: 14vw;
    left: 28.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_382 {
    top: 19.2vw;
    left: 30.9vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_329 {
    top: 28.55vw;
    left: 83.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_333 {
    top: 31.5vw;
    left: 90.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_331 {
    top: 20.1vw;
    left: 92.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_328 {
    top: 18.9vw;
    left: 88.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_347 {
    top: 14vw;
    left: 70.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_351 {
    top: 18vw;
    left: 59.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_372 {
    top: 34.5vw;
    left: 61.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_362 {
    top: 42.1vw;
    left: 71.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_370 {
    top: 27.05vw;
    left: 57.9vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_346 {
    top: 22.7vw;
    left: 49.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_390 {
    top: 44.8vw;
    left: 43.3vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_to_373 {
    top: 33.5vw;
    left: 50vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_441 {
    top: 30.95vw;
    left: 59.14vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_444 {
    top: 16.1vw;
    left: 51.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_451 {
    top: 20.1vw;
    left: 61.35vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_446 {
    top: 7.3vw;
    left: 56.85vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_448 {
    top: 40.7vw;
    left: 49.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_449 {
    top: 14vw;
    left: 29.15vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_450 {
    top: 14.3vw;
    left: 50.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_442 {
    top: 18vw;
    left: 42.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_443 {
    top: 16.1vw;
    left: 49.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_447 {
    top: 37.1vw;
    left: 49.94vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_445 {
    top: 6.15vw;
    left: 48.8vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_kana_452 {
    top: 32vw;
    left: 46vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_353 {
    top: 53.9vw;
    left: 62.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_621 {
    top: 41vw;
    left: 62vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_623 {
    top: 36.9vw;
    left: 62.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_627 {
    top: 40.4vw;
    left: 65.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_624 {
    top: 43.4vw;
    left: 62.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_681 {
    top: 29.2vw;
    left: 57.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_641 {
    top: 32.4vw;
    left: 63.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_648 {
    top: 20.8vw;
    left: 66.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_650 {
    top: 33.55vw;
    left: 73.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_652 {
    top: 29.35vw;
    left: 74.48vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_642 {
    top: 35.9vw;
    left: 68.7vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_645 {
    top: 46.8vw;
    left: 75.7vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_646 {
    top: 40.1vw;
    left: 75.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_647 {
    top: 42.9vw;
    left: 71.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_643 {
    top: 52vw;
    left: 82vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_626 {
    top: 46.4vw;
    left: 67.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_625 {
    top: 49.9vw;
    left: 66.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_629 {
    top: 51.8vw;
    left: 69.8vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_631 {
    top: 53.6vw;
    left: 70.8vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_632 {
    top: 52.2vw;
    left: 71.55vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_628 {
    top: 51.9vw;
    left: 67.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_664 {
    top: 44.4vw;
    left: 50.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_665 {
    top: 38.2vw;
    left: 50.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_668 {
    top: 42.5vw;
    left: 48vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_674 {
    top: 35.7vw;
    left: 41vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_675 {
    top: 38vw;
    left: 40.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_670 {
    top: 53vw;
    left: 48.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_669 {
    top: 52.7vw;
    left: 46.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_671 {
    top: 46.5vw;
    left: 40.85vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_673 {
    top: 44.8vw;
    left: 43.8vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_689 {
    top: 17.1vw;
    left: 61.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_688 {
    top: 26.5vw;
    left: 52.65vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_687 {
    top: 16.5vw;
    left: 44.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_686 {
    top: 11.6vw;
    left: 37.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_685 {
    top: 8.7vw;
    left: 30vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_684 {
    top: 3.8vw;
    left: 22.25vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_682 {
    top: 28.2vw;
    left: 14vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_683 {
    top: 26.6vw;
    left: 43vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_651 {
    top: 31.59vw;
    left: 75.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_662 {
    top: 52.6vw;
    left: 58.5vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_667 {
    top: 37vw;
    left: 49.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_sai_672 {
    top: 45vw;
    left: 42vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_711 {
    top: 27.9vw;
    left: 48.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_712 {
    top: 25vw;
    left: 48.1vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_713 {
    top: 26.2vw;
    left: 46.7vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_714 {
    top: 18.3vw;
    left: 44.2vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_715 {
    top: 31vw;
    left: 45.6vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_716 {
    top: 28.6vw;
    left: 45.7vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_717 {
    top: 32.2vw;
    left: 47.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_718 {
    top: 35.2vw;
    left: 35.8vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_719 {
    top: 35.4vw;
    left: 45.9vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_720 {
    top: 30.05vw;
    left: 57vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_721 {
    top: 30.05vw;
    left: 59vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_722 {
    top: 24.9vw;
    left: 62.4vw;
  }
  #shop .tabBox .tabInner .mapBox li.shop_gun_723 {
    top: 30.6vw;
    left: 69.1vw;
  }
  #shop .tabBox .tabInner .listBox .item {
    margin-bottom: 7.4rem;
    padding-bottom: 5.7rem;
    position: relative;
  }
  #shop .tabBox .tabInner .listBox .item:last-child {
    margin-bottom: 0;
  }
  #shop .tabBox .tabInner .listBox .item .photoBox {
    margin-left: -0.1rem;
    padding: 0;
    width: 37.22%;
  }
  #shop .tabBox .tabInner .listBox .item .textBox {
    width: 60.85%;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .ttl {
    margin-bottom: 0.4rem;
    padding: 1.2rem 0.5rem 1.2rem 1.3rem;
    font-size: 1.8rem;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .infoBox {
    margin: 0;
    display: block;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList {
    width: 100%;
    align-content: flex-start;
    align-items: flex-start;
    line-height: 1.9;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dt {
    width: 5.5em;
    height: 2.6rem;
    line-height: inherit;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dd {
    padding-left: 1.7rem;
    width: calc(100% - 5.5em);
    line-height: inherit;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .infoBox .infoList dd::before {
    left: 0.3rem;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .btnList {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #shop .tabBox .tabInner .listBox .item .textBox .btnList li a {
    padding: 1.2rem;
    font-size: 1.8rem;
  }
}

/*------------------------------------------------------------
	shopStock
------------------------------------------------------------*/
#shopStock {
  padding: 8.4rem 0 10rem;
}
#shopStock .ttlBox {
  position: relative;
}
#shopStock .ttlBox h2 {
  margin-bottom: 12.2rem;
  padding: 1rem 3rem;
  color: #fff;
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: 0.1em;
  background: #000;
}
#shopStock .ttlBox .link {
  padding: 0.9rem;
  width: 15.8rem;
  position: absolute;
  right: 1.1rem;
  top: 1rem;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0;
  background: #666;
}
#shopStock .comCarBox {
  margin-bottom: 1.7rem;
}
#shopStock .comCtaBox {
  margin-bottom: 8.7rem;
}
@media all and (max-width: 896px) {
  #shopStock {
    padding: 5.4rem 0 3rem;
  }
  #shopStock .ttlBox {
    margin-bottom: 1.5rem;
  }
  #shopStock .ttlBox h2 {
    margin-bottom: 1.7rem;
    padding: 2.1rem 3rem 2.5rem;
    color: #000;
    font-size: 2rem;
    text-align: center;
    background: url(../img/shop_stock/bg01.png) repeat left top/auto 1.5rem;
  }
  #shopStock .ttlBox .link {
    padding: 1.1rem 1rem 1.2rem;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    right: auto;
    top: auto;
    font-size: 1.8rem;
  }
  #shopStock .comCarBox {
    margin-bottom: 1.2rem;
  }
  #shopStock .comCtaBox {
    margin-bottom: 10.9rem;
  }
  #shopStock .comCtaBox01 {
    margin-bottom: 3.3rem;
  }
}

/*------------------------------------------------------------
	shopDetail
------------------------------------------------------------*/
#shopDetail {
  padding: 8.4rem 0 13.8rem;
}
#shopDetail h2 {
  margin-bottom: 5rem;
  padding: 1rem 3rem;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  background: #000;
}
#shopDetail .infoBox {
  margin-bottom: 12.3rem;
  display: flex;
  justify-content: space-between;
}
#shopDetail .infoBox .photoBox {
  width: 55%;
}
#shopDetail .infoBox .photoBox .sliderList li {
  display: block !important;
}
#shopDetail .infoBox .photoBox .sliderList li img {
  width: 100%;
}
#shopDetail .infoBox .photoBox .sliderList .slick-arrow {
  margin: 0;
  padding: 0;
  width: 3.9rem;
  height: 3.9rem;
  position: absolute;
  top: 50%;
  display: block;
  cursor: pointer;
  color: transparent;
  font-size: 0;
  line-height: 0;
  border: none;
  outline: none;
  background: no-repeat center center/100%;
  transform: translateY(-50%);
  z-index: 5;
}
@media all and (min-width: 897px) {
  #shopDetail .infoBox .photoBox .sliderList .slick-arrow:hover {
    opacity: 0.7;
  }
}
#shopDetail .infoBox .photoBox .sliderList .slick-prev {
  left: 2rem;
  background-image: url(../img/common/arrow03.png);
}
#shopDetail .infoBox .photoBox .sliderList .slick-next {
  right: 2rem;
  background-image: url(../img/common/arrow04.png);
}
#shopDetail .infoBox .photoBox .sliderList .slick-dots {
  position: absolute;
  left: 0;
  bottom: -4.8rem;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1.05rem;
  font-size: 0;
  line-height: 0;
}
#shopDetail .infoBox .photoBox .sliderList .slick-dots li {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #808080;
  cursor: pointer;
}
#shopDetail .infoBox .photoBox .sliderList .slick-dots li button {
  display: none;
}
#shopDetail .infoBox .photoBox .sliderList .slick-dots li.slick-active {
  opacity: 0.7;
}
#shopDetail .infoBox .textBox {
  width: 42%;
}
#shopDetail .infoBox .textBox p {
  font-size: 1.7rem;
  line-height: 1.75;
}
#shopDetail .infoBox .textBox .infoList {
  margin-bottom: 4.5rem;
  padding-bottom: 5.2rem;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.1rem solid #000;
}
#shopDetail .infoBox .textBox .infoList dt {
  margin-bottom: 1.3rem;
  padding: 0 1.9rem;
  width: 13.7rem;
  height: 3.5rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.75;
  text-align-last: justify;
  text-align: justify;
  word-break: break-all;
  overflow: hidden;
  background: #666666;
}
#shopDetail .infoBox .textBox .infoList dt::after {
  width: 100%;
  height: 0;
  display: inline-block;
  overflow: hidden;
  content: "";
}
#shopDetail .infoBox .textBox .infoList dt:last-of-type {
  margin-bottom: 0;
}
#shopDetail .infoBox .textBox .infoList dd {
  margin-bottom: 1.3rem;
  width: calc(100% - 13.7rem);
  padding-left: 1.2rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.75;
}
#shopDetail .infoBox .textBox .infoList dd:last-of-type {
  margin-bottom: 0;
}
#shopDetail .btn {
  margin: 0 auto 8.2rem;
  width: 39rem;
}
#shopDetail .btn a {
  padding: 0.9rem 1rem;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  background: #666666;
}
#shopDetail .mapBox {
  height: 41.4rem;
  position: relative;
}
#shopDetail .mapBox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media all and (max-width: 896px) {
  #shopDetail {
    padding: 5.4rem 0 5rem;
  }
  #shopDetail h2 {
    margin-bottom: 1.5rem;
    padding: 1.5rem 2.5rem;
    font-size: 2rem;
    letter-spacing: 0;
  }
  #shopDetail .infoBox {
    margin-bottom: 2.5rem;
    display: block;
  }
  #shopDetail .infoBox .photoBox {
    margin-bottom: 5.8rem;
    width: auto;
  }
  #shopDetail .infoBox .photoBox .sliderList .slick-arrow {
    margin-top: 0.1rem;
    width: 5.1rem;
    height: 5.1rem;
    background-size: 2.5rem;
    background-position: center center;
  }
  #shopDetail .infoBox .photoBox .sliderList .slick-prev {
    left: 0;
    background-image: url(../img/common/arrow03_sp.png);
  }
  #shopDetail .infoBox .photoBox .sliderList .slick-next {
    right: 0;
    background-image: url(../img/common/arrow04_sp.png);
  }
  #shopDetail .infoBox .photoBox .sliderList .slick-dots {
    bottom: -2.2rem;
    gap: 0.7rem;
  }
  #shopDetail .infoBox .photoBox .sliderList .slick-dots li {
    width: 0.6rem;
    height: 0.6rem;
  }
  #shopDetail .infoBox .textBox {
    width: auto;
  }
  #shopDetail .infoBox .textBox p {
    margin: 0 2.5rem;
    font-size: 1.6rem;
  }
  #shopDetail .infoBox .textBox .infoList {
    margin-bottom: 2.8rem;
    padding: 0 2.5rem 3.4rem;
  }
  #shopDetail .infoBox .textBox .infoList dt {
    margin-bottom: 0.9rem;
    padding: 0.2rem 1.3rem 0;
    width: 9.5rem;
    height: 2.5rem;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  #shopDetail .infoBox .textBox .infoList dt:last-of-type {
    margin-bottom: 0;
  }
  #shopDetail .infoBox .textBox .infoList dd {
    margin-bottom: 0.9rem;
    width: calc(100% - 9.5rem);
    padding-left: 0.8rem;
    font-size: 1.4rem;
  }
  #shopDetail .infoBox .textBox .infoList dd:last-of-type {
    margin-bottom: 0;
  }
  #shopDetail .btn {
    margin-bottom: 3rem;
    width: 27.2rem;
  }
  #shopDetail .btn a {
    padding: 1.2rem 1rem 1.2rem;
    font-size: 1.8rem;
  }
  #shopDetail .mapBox {
    margin: 0 -3rem;
    height: 38.4rem;
  }
}

/*------------------------------------------------------------
	voice
------------------------------------------------------------*/
#voice {
  margin-bottom: 10rem;
}
#voice .pageTitle {
  margin-bottom: 5.3rem;
}
#voice .topTxt {
  margin-bottom: 5.5rem;
  text-align: center;
  font-size: 2rem;
  line-height: 1.9;
}
#voice .listBox {
  padding: 13rem 0;
  position: relative;
}
#voice .listBox::before {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: url(../img/ucar_inquiry/bg01.png) repeat center center/auto 4.1rem;
  content: "";
}
#voice .listBox .item {
  margin-bottom: 8rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}
#voice .listBox .item::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #E8E8E8;
  opacity: 0.7;
  content: "";
  z-index: -1;
}
#voice .listBox .item .photo {
  padding-bottom: 0.5rem;
  width: 29rem;
  text-align: center;
}
#voice .listBox .item .inner {
  padding-bottom: 2.8rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#voice .listBox .item h3 {
  margin-bottom: 3rem;
  padding: 1.5rem 14rem 1.5rem 1.5rem;
  width: 100%;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  background: #000;
}
#voice .listBox .item h3 .txt01 {
  margin-right: 2.3rem;
  padding: 0.2rem 1.8rem;
  display: inline-block;
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  background: #6D0C16;
}
#voice .listBox .item h3 .txt03 {
  position: absolute;
  right: 2.9rem;
  top: 1.6rem;
  font-weight: 400;
}
#voice .listBox .item .photoBox {
  order: 1;
}
#voice .listBox .item .txtList {
  margin-bottom: 2.2rem;
  display: flex;
  justify-content: space-between;
}
#voice .listBox .item .txtList li {
  min-width: 35.4%;
  display: flex;
  font-weight: 400;
}
#voice .listBox .item .txtList li .txt01 {
  width: 15.5rem;
  padding: 0 1rem;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.7;
  background: #666666;
}
#voice .listBox .item .txtList li .txt02 {
  padding-left: 1.5rem;
  width: calc(100% - 15.5rem);
  font-size: 1.8rem;
  line-height: 1.7;
}
#voice .listBox .item .txtBox {
  margin-right: 3rem;
  font-size: 1.7rem;
  line-height: 1.75;
  order: 2;
}
@media all and (max-width: 896px) {
  #voice {
    margin: -3.6rem 0 5rem;
  }
  #voice .pageTitle {
    margin-bottom: 3rem;
  }
  #voice .pageTitle .textBox {
    padding-top: 3.6rem;
    padding-bottom: 4.4rem;
  }
  #voice .pageTitle .textBox h2 {
    font-size: 3.4rem;
  }
  #voice .topTxt {
    margin-bottom: 3.1rem;
  }
  #voice .content {
    margin: 0;
  }
  #voice .listBox {
    padding: 3rem;
  }
  #voice .listBox::before {
    width: 100%;
  }
  #voice .listBox .item {
    margin-bottom: 3.2rem;
    padding: 2.5rem 2.5rem 1.7rem;
    display: block;
  }
  #voice .listBox .item:last-child {
    margin-bottom: 0;
  }
  #voice .listBox .item .photo {
    padding: 0 1.5rem 0 0;
    width: 54.5%;
    border-right: 0.1rem solid #000;
  }
  #voice .listBox .item .inner {
    padding-bottom: 0;
    display: block;
  }
  #voice .listBox .item h3 {
    margin-bottom: 1rem;
    padding: 1.5rem 13rem 1.5rem 1.5rem;
    font-size: 2rem;
  }
  #voice .listBox .item h3 .txt01 {
    margin: 0 0 1rem;
    padding: 0.2rem 1.9rem;
    display: block;
    width: fit-content;
    font-size: 1.8rem;
  }
  #voice .listBox .item h3 .txt03 {
    position: absolute;
    right: 2.2rem;
    top: 1.6rem;
    font-weight: 400;
  }
  #voice .listBox .item .photoBox {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
  }
  #voice .listBox .item .txtList {
    margin-bottom: 0;
    display: block;
    width: 39.5%;
    padding-top: 0.5rem;
  }
  #voice .listBox .item .txtList li {
    margin-bottom: 1.2rem;
    min-width: initial;
    display: block;
  }
  #voice .listBox .item .txtList li:last-of-type {
    margin-bottom: 0;
  }
  #voice .listBox .item .txtList li .txt01 {
    margin-bottom: 0.3rem;
    max-width: 100%;
  }
  #voice .listBox .item .txtList li .txt02 {
    padding: 0 0.3rem;
    width: auto;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  #voice .listBox .item .txtBox {
    margin: 0;
    text-align: justify;
    font-size: 1.6rem;
  }
}

/*------------------------------------------------------------
	skyactiv
------------------------------------------------------------*/
#skyactiv {
  padding: 0 0 13.4rem;
}
#skyactiv .img01 {
  margin-bottom: 2.3rem;
}
#skyactiv .point h3 {
  margin-bottom: 2.4rem;
  text-align: center;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: 0.1em;
}
#skyactiv .point .img02 {
  margin: 0 -2.3rem 9.7rem -1.9rem;
}
#skyactiv .point .btn {
  text-align: center;
}
@media all and (max-width: 896px) {
  #skyactiv {
    margin-top: -3.6rem;
    padding: 0 0 6rem;
  }
  #skyactiv .content {
    margin: 0;
  }
  #skyactiv .img01 {
    margin-bottom: 1.8rem;
  }
  #skyactiv .img01 img {
    width: 100%;
  }
  #skyactiv .point h3 {
    margin-bottom: 1.7rem;
    letter-spacing: 0.01em;
  }
  #skyactiv .point .img02 {
    margin: 0 2.3rem 5.1rem 1.9rem;
  }
  #skyactiv .point .img02 img {
    width: 100%;
  }
  #skyactiv .point .btn {
    width: 43.4rem;
    margin: 0 auto;
  }
  #skyactiv .point .btn a {
    display: block;
  }
  #skyactiv .point .btn a img {
    width: 100%;
  }
}

#skyactivList {
  margin: 0 0 15.5rem;
}
#skyactivList .pageTitle {
  margin-bottom: 11.2rem;
}
#skyactivList .pageTitle .textBox h2 {
  font-size: 3.4rem;
  line-height: 1.4;
}
#skyactivList .pageTitle .textBox h2 .mazdaB {
  display: block;
  font-weight: normal;
  font-size: 5.6rem;
  letter-spacing: 0.02em;
}
#skyactivList .comCarBox {
  margin-bottom: 1.6rem;
}
#skyactivList .comCarBox .textBox .title {
  padding: 1.1rem 17rem 1.1rem 2.7rem;
}
#skyactivList .comCarBox .textBox .title .img03 {
  width: 16.2rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1A1311;
}
#skyactivList .comCarBox .textBox .title .img03 img {
  width: 14.2rem;
}
#skyactivList .comCtaBox {
  margin-bottom: 8.7rem;
}
@media all and (max-width: 896px) {
  #skyactivList {
    margin: -3.6rem 0 3.6rem;
  }
  #skyactivList .pageTitle {
    margin-bottom: 4.4rem;
  }
  #skyactivList .pageTitle .textBox {
    padding: 1.6rem 3rem 2.2rem 5.6rem;
  }
  #skyactivList .pageTitle .textBox h2 {
    font-size: 3rem;
    line-height: 1.32;
    letter-spacing: 0;
  }
  #skyactivList .pageTitle .textBox h2 .mazdaB {
    font-size: 4rem;
  }
  #skyactivList .comSearchBox {
    margin-bottom: 11.4rem;
  }
  #skyactivList .comSearchBox .topTxt {
    margin-bottom: 4.6rem;
    text-align: center;
    font-size: 2rem;
    line-height: 1.9;
  }
  #skyactivList .comCarBox {
    margin-bottom: 1.2rem;
  }
  #skyactivList .comCarBox .textBox .title {
    padding: 1.1rem 14rem 1.1rem 2.4rem;
  }
  #skyactivList .comCarBox .textBox .title .img03 {
    width: 12.2rem;
  }
  #skyactivList .comCarBox .textBox .title .img03 img {
    width: 10.6rem;
  }
  #skyactivList .comCtaBox {
    margin-bottom: 11.8rem;
  }
}

#skyplanList {
  margin: 0 0 15.5rem;
}
#skyplanList .pageTitle {
  margin-bottom: 4.4rem;
}
#skyplanList .pageTitle .textBox h2 {
  margin-bottom: 0.8rem;
  font-size: 3.4rem;
  line-height: 1.45;
}
#skyplanList .pageTitle .textBox h2 .txt {
  display: block;
  font-size: 5.6rem;
  letter-spacing: 0.1em;
}
#skyplanList .topTxt {
  margin-bottom: 1.7rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
}
#skyplanList .topTxt sup {
  vertical-align: 0.5rem;
  font-size: 60%;
}
#skyplanList .topTxt .note {
  margin-top: 0.4rem;
  display: block;
  font-size: 1.2rem;
}
#skyplanList .comCarBox {
  margin-bottom: 1.6rem;
}
#skyplanList .comCarBox .textBox .title {
  padding: 1.1rem 17rem 1.1rem 2rem;
}
#skyplanList .comCarBox .textBox .title .mark {
  width: 16.2rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  background: #1A1311;
}
#skyplanList .comCarBox .textBox .title .mark img {
  width: 14.2rem;
}
#skyplanList .comCtaBox {
  margin-bottom: 8.7rem;
}
@media all and (max-width: 896px) {
  #skyplanList {
    margin: -3.6rem 0 3.6rem;
  }
  #skyplanList .pageTitle {
    margin-bottom: 4.4rem;
  }
  #skyplanList .pageTitle .textBox {
    padding: 1.4rem 3rem 1.3rem 5.4rem;
  }
  #skyplanList .pageTitle .textBox h2 {
    font-size: 3rem;
    line-height: 1.39;
    letter-spacing: 0;
  }
  #skyplanList .pageTitle .textBox h2 .txt {
    font-size: 4rem;
    letter-spacing: 0.01em;
  }
  #skyplanList .topTxt {
    margin-bottom: 5rem;
    line-height: 1.92;
  }
  #skyplanList .topTxt .note {
    margin-top: 0.7rem;
    line-height: 1.88;
  }
  #skyplanList .comSearchBox {
    margin-bottom: 7rem;
  }
  #skyplanList .comCarBox {
    margin-bottom: 1.2rem;
  }
  #skyplanList .comCarBox .textBox .title {
    padding: 1.1rem 14rem 1.1rem 2.4rem;
  }
  #skyplanList .comCarBox .textBox .title .mark {
    width: 12.2rem;
    text-align: justify;
    text-align-last: justify;
  }
  #skyplanList .comCtaBox {
    margin-bottom: 11.8rem;
  }
}

/*------------------------------------------------------------
	guarantee
------------------------------------------------------------*/
#guarantee .pageTitle {
  margin-bottom: 5.8rem;
}
#guarantee .pageTitle .textBox h2 {
  letter-spacing: 0.1em;
}
#guarantee .pageTitle .textBox h2 span {
  font-size: 5.6rem;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
#guarantee .pageTitle .textBox h2 small {
  font-size: 2.9rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}
#guarantee .topText {
  margin-bottom: 5.6rem;
  font-size: 2rem;
  text-align: center;
}
#guarantee .area {
  margin-bottom: 6.4rem;
  padding: 4.8rem 4.5rem 4.4rem;
  background: url(../img/ucar_inquiry/bg01.png) repeat left top/auto 4.1rem;
}
#guarantee .area h3 {
  margin-bottom: 3rem;
  padding: 1.6rem 1rem 1.5rem;
  color: #fff;
  font-size: 3rem;
  letter-spacing: 0.1em;
  text-align: center;
  background: #6d0c16;
}
#guarantee .area h3 img {
  margin-right: 1.5rem;
  display: inline-block;
  vertical-align: -0.5rem;
  width: 21.6rem;
}
#guarantee .area .logo {
  margin-bottom: 2.2rem;
  text-align: center;
}
#guarantee .area p {
  margin-bottom: 3.6rem;
  font-size: 2rem;
  line-height: 1.9035;
  text-align: center;
}
#guarantee .area .textImg,
#guarantee .area .photo {
  text-align: center;
}
#guarantee .area .textImg {
  margin-bottom: 1rem;
}
#guarantee .area .noteList {
  margin-top: 0.8rem;
}
#guarantee .area .noteList li {
  font-size: 1.2rem;
}
#guarantee .area .noteList li:not(:last-child) {
  margin-bottom: -0.15rem;
}
#guarantee .area .noteList01 {
  margin-bottom: 3.2rem;
}
#guarantee .area .comBtn {
  margin-top: 3.9rem;
  width: 48rem;
}
#guarantee .area .comBtn a {
  padding-top: 0.4rem;
  height: 8rem;
  flex-direction: column;
}
#guarantee .area .comBtn a span {
  margin-bottom: -0.3rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
#guarantee .area01 {
  padding: 5.2rem 4.5rem 4.9rem;
}
#guarantee .area01 h3 {
  margin-bottom: 4rem;
}
#guarantee .area02 {
  margin-bottom: 7rem;
  padding-bottom: 5.5rem;
}
#guarantee .area02 h3 {
  margin-bottom: 3.9rem;
}
#guarantee .area02 .logo {
  margin-bottom: 1.8rem;
}
#guarantee .area02 .noteList01 {
  margin-bottom: 2rem;
}
#guarantee .area03 {
  margin-bottom: 18.8rem;
  padding-bottom: 6.3rem;
}
#guarantee .area03 h3 {
  margin-bottom: 1.9rem;
}
#guarantee .area03 h3.h3Ttl01 {
  margin-bottom: 6.4rem;
}
#guarantee .area03 .logo {
  margin-bottom: 0.3rem;
}
#guarantee .area03 p {
  margin-bottom: 4.2rem;
}
#guarantee .area03 .textImg {
  margin-bottom: 1.4rem;
}
#guarantee .area03 .noteList {
  margin-top: 0.5rem;
}
#guarantee .area03 .noteList01 {
  margin-bottom: 2.8rem;
}
#guarantee .area03 .noteList02 {
  margin-bottom: 3.7rem;
}
#guarantee .area03 .noteList03 {
  margin: 0.7rem 0 4rem;
}
#guarantee .area03 .comBtn {
  margin-top: 4.7rem;
}
@media all and (max-width: 896px) {
  #guarantee {
    margin-top: -3.6rem;
    padding-top: 0;
  }
  #guarantee .pageTitle {
    margin-bottom: 3.5rem;
  }
  #guarantee .pageTitle .textBox {
    padding: 1.5rem 2rem 2.6rem 6.2rem;
  }
  #guarantee .pageTitle .textBox h2 span {
    font-size: 4rem;
    letter-spacing: 0;
    line-height: 1.35;
  }
  #guarantee .pageTitle .textBox h2 small {
    margin-top: 0.3rem;
    display: block;
    font-size: 2rem;
  }
  #guarantee .topText {
    margin-bottom: 3.5rem;
  }
  #guarantee .content {
    margin: 0;
  }
  #guarantee .area {
    margin-bottom: 3rem;
    padding: 2rem 3rem 1.5rem;
    background-size: auto 2.2rem;
  }
  #guarantee .area h3 {
    margin-bottom: 2.1rem;
    padding: 0.6rem 1rem 1rem;
    font-size: 2.3rem;
    letter-spacing: 0;
  }
  #guarantee .area h3 img {
    margin: 1rem auto 0.4rem;
    width: 11.2rem;
    display: block;
  }
  #guarantee .area .logo {
    margin-bottom: 2.2rem;
  }
  #guarantee .area p {
    margin-bottom: 2.5rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  #guarantee .area .subBox {
    margin-right: 2rem;
    display: flex;
    justify-content: space-between;
  }
  #guarantee .area .subBox .logo {
    margin-bottom: 0;
    width: 18.2rem;
  }
  #guarantee .area .subBox p {
    margin-top: -0.7rem;
    width: calc(100% - 20.6rem);
    text-align: left;
  }
  #guarantee .area .textImg,
  #guarantee .area .photo {
    text-align: center;
  }
  #guarantee .area .photo {
    margin-left: -0.1rem;
  }
  #guarantee .area .textImg {
    margin-bottom: 1rem;
  }
  #guarantee .area .noteList li {
    line-height: 1.75;
  }
  #guarantee .area .noteList li:not(:last-child) {
    margin-bottom: -0.15rem;
  }
  #guarantee .area .noteList01 {
    margin-bottom: 1.3rem;
  }
  #guarantee .area .comBtn {
    margin-top: 2.2rem;
    width: 42rem;
  }
  #guarantee .area .comBtn a {
    padding-top: 0.2rem;
    height: 7rem;
    font-size: 1.5rem;
    letter-spacing: 0;
    border-radius: 1rem;
  }
  #guarantee .area .comBtn a span {
    margin-bottom: 0;
    font-size: 2rem;
    letter-spacing: 0;
  }
  #guarantee .area01 {
    padding: 2rem 3rem 1.8rem;
  }
  #guarantee .area01 h3 {
    margin-bottom: 3rem;
  }
  #guarantee .area02 {
    margin-bottom: 3rem;
    padding-bottom: 4rem;
  }
  #guarantee .area02 h3 {
    margin-bottom: 2.5rem;
  }
  #guarantee .area02 .subBox {
    margin-right: 0;
  }
  #guarantee .area02 .logo {
    margin: 0.3rem 0 0;
  }
  #guarantee .area02 .textImg {
    margin-bottom: 2rem;
  }
  #guarantee .area02 .noteList {
    margin-top: 1.1rem;
  }
  #guarantee .area02 .noteList01 {
    margin-bottom: 2rem;
  }
  #guarantee .area03 {
    margin-bottom: 0;
    padding: 2.5rem 3rem 3.8rem;
  }
  #guarantee .area03 h3 {
    margin-bottom: 1.8rem;
  }
  #guarantee .area03 h3.h3Ttl01 {
    margin-bottom: 3.5rem;
  }
  #guarantee .area03 .subBox {
    margin-bottom: 1.2rem;
    align-items: center;
  }
  #guarantee .area03 .subBox .logo {
    margin: 0 0 0 -1.7rem;
    width: 22.4rem;
  }
  #guarantee .area03 .subBox p {
    margin: 0;
    width: calc(100% - 22.2rem);
  }
  #guarantee .area03 .textImg {
    margin-bottom: 0.8rem;
  }
  #guarantee .area03 .noteList {
    margin-top: 0.8rem;
  }
  #guarantee .area03 .noteList01 {
    margin-bottom: 1.8rem;
  }
  #guarantee .area03 .noteList02 {
    margin-bottom: 4.8rem;
  }
  #guarantee .area03 .noteList03 {
    margin: 0.7rem 0 3rem;
  }
  #guarantee .area03 .comBtn {
    margin-top: 2.3rem;
  }
}

/*------------------------------------------------------------
	bestvalue
------------------------------------------------------------*/
#bestValue {
  padding: 0 0 16rem;
}
#bestValue .pageTitle {
  margin-bottom: 14.3rem;
}
#bestValue .img01 {
  margin-bottom: 7.3rem;
}
#bestValue .img01 img {
  width: 100%;
}
#bestValue .textSec {
  margin-bottom: 11.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#bestValue .textSec h3 {
  padding: 0 3rem 0.1rem 0.7rem;
  width: 42.1%;
}
#bestValue .textSec .textList {
  padding: 0 0 0.3rem 4.7rem;
  flex: 1;
  border-left: 0.1rem solid #000;
}
#bestValue .textSec .textList li {
  margin-bottom: 3rem;
  padding-left: 2.2rem;
  position: relative;
  font-size: 2rem;
  line-height: 1.77;
}
#bestValue .textSec .textList li:last-child {
  margin-bottom: 0;
}
#bestValue .textSec .textList li::before {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: 1.1rem;
  background: #6D0C16;
  content: "";
}
#bestValue .btn {
  text-align: center;
}
#bestValue .btn a {
  display: inline-block;
}
#bestValue .btn img {
  width: 52rem;
}
@media all and (max-width: 896px) {
  #bestValue {
    margin: -3.6rem 0 8.9rem;
    padding: 0;
  }
  #bestValue .pageTitle {
    margin-bottom: 0;
  }
  #bestValue .pageTitle .textBox {
    padding: 3.3rem 5.5rem 4rem;
  }
  #bestValue .pageTitle .textBox h2 img {
    width: 35.7rem;
  }
  #bestValue .content {
    margin: 0;
  }
  #bestValue .img01 {
    margin-bottom: 1.8rem;
  }
  #bestValue .textSec {
    margin: 0 auto 10.6rem;
    width: 81%;
    display: block;
  }
  #bestValue .textSec h3 {
    padding: 0 0 3.8rem;
    width: auto;
  }
  #bestValue .textSec h3 img {
    width: 44rem;
  }
  #bestValue .textSec .textList {
    padding: 4.3rem 0 0;
    border-top: 0.1rem solid #000;
    border-left: none;
  }
  #bestValue .textSec .textList li {
    margin: 0 -0.5em 3rem 0;
  }
  #bestValue .textSec .textList li:last-child {
    margin-bottom: 0;
  }
  #bestValue .btn a {
    width: 70.8%;
  }
  #bestValue .btn img {
    width: 100%;
  }
}

#bestResult {
  padding: 0 0 7.3rem;
}
#bestResult .pageTitle {
  margin-bottom: 11.3rem;
}
#bestResult .comCarBox {
  margin-bottom: 1.6rem;
}
#bestResult .comCtaBox {
  margin-bottom: 8.7rem;
}
@media all and (max-width: 896px) {
  #bestResult {
    margin: -3.6rem 0 3.2rem;
    padding: 0;
  }
  #bestResult .pageTitle {
    margin-bottom: 11.6rem;
  }
  #bestResult .pageTitle .textBox {
    padding: 3.3rem 5.5rem 4rem;
  }
  #bestResult .pageTitle .textBox h2 img {
    width: 35.7rem;
  }
  #bestResult .comCarBox {
    margin-bottom: 1.2rem;
  }
  #bestResult .comCtaBox {
    margin-bottom: 10.9rem;
  }
}

#certified {
  margin: 0 0 15.5rem;
}
#certified .pageTitle {
  margin-bottom: 5.7rem;
}
#certified .pageTitle .textBox h2 {
  margin-bottom: 0.5rem;
  padding-left: 12.8rem;
  position: relative;
  font-size: 3.4rem;
  line-height: 1.35;
  letter-spacing: 0.1em;
}
#certified .pageTitle .textBox h2 .txt {
  display: block;
  font-size: 5.6rem;
  letter-spacing: 0.1em;
}
#certified .pageTitle .textBox h2 .img {
  position: absolute;
  left: 0.4rem;
  top: 0.9rem;
  width: 9.2rem;
}
#certified .pageTitle .textBox h2 .img img {
  width: 100%;
}
#certified .topBox {
  margin-bottom: 7.3rem;
  text-align: center;
}
#certified .topBox .cTxt {
  margin-bottom: 2.9rem;
  font-size: 2rem;
}
#certified .comCarBox {
  margin-bottom: 1.6rem;
}
#certified .comCtaBox {
  margin-bottom: 8.7rem;
}
@media all and (max-width: 896px) {
  #certified {
    margin: -3.6rem 0 3.6rem;
  }
  #certified .pageTitle {
    margin-bottom: 5.9rem;
  }
  #certified .pageTitle .textBox {
    padding: 1.4rem 2rem 2rem 5rem;
  }
  #certified .pageTitle .textBox h2 {
    margin: 0;
    padding-left: 9.2rem;
    font-size: 3rem;
    line-height: 1.37;
    letter-spacing: 0;
  }
  #certified .pageTitle .textBox h2 .txt {
    font-size: 4rem;
    letter-spacing: 0;
  }
  #certified .pageTitle .textBox h2 .img {
    width: 6.9rem;
  }
  #certified .topBox {
    margin-bottom: 6.8rem;
  }
  #certified .topBox .cTxt {
    margin-bottom: 0;
    line-height: 1.86;
  }
  #certified .comCarBox {
    margin-bottom: 1.1rem;
  }
  #certified .comCtaBox {
    margin-bottom: 11.8rem;
  }
}

/*# sourceMappingURL=sass */
/*# sourceMappingURL=style.css.map */