@charset "UTF-8";

@media print, screen and (min-width:1200px) {

#kvWrap {
position: relative;
width: 100vw;
height: 100vh;
}

#kvCopy {
position: absolute;
width: 37vw;
z-index: 1;
left: 60px;
bottom: 60px;
}

#kvCopy img {
width: 100vw;
}

/**/

#beginning {
background-color: #090e14;
font-family: var(--font-mincho);
width: 100%;
font-size: 2.4rem;
font-weight: 500;
color: #fff;
padding: 110px 0;
line-height: 2.2;
}

#beginning p {
margin-bottom: 0;
}

.wrapWide01 {
position: relative;
width: 100%;
padding: 110px 0;
}

.wrapWide01::after {
position: absolute;
background-color: #f0f0f0;
width: 60%;
height: 100%;
content:  "";
z-index: -1;
right: 0;
top: 0;
}

.indexTitleWrap {
width: 1200px;
margin: 0 auto;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1;
}

.indexTitleWrap h2 {
position: relative;
font-size: 2rem;
font-weight: 700;
text-align: left;
padding-top: 15px;
}

.indexTitleWrap h2::before {
position: absolute;
background-color: #010802;
width: 42px;
height: 5px;
content:  "";
left: 0;
top: 0;
}

.indexTitleEn {
font-family: var(--font-copperplate);
font-size: 9.5rem;
font-weight: 500;
text-align: right;
letter-spacing: 0;
}

.wrap,
#wrapBrandSp {
position: relative;
width: 1200px;
margin: 0 auto;
}

.indexNewsWrap {
position: relative;
width: 100%;
font-size: 1.5rem;
text-align: justify;
border-top: 1px solid #d8ddd8;
transition: .3s;
}

.indexNewsWrap::after {
position: absolute;
width: 10px;
height: 10px;
content: "";
margin: auto;
border-top: 1px solid #000200;
border-right: 1px solid #000200;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 30px;
transition: .3s;
}

.indexNewsWrap:last-of-type {
border-bottom: 1px solid #d8ddd8;
}

.indexNewsWrap:hover {
background-color: #000200;
}

.indexNewsWrap:hover::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
right: 25px;
}

.indexNewsFlex {
width: 100%;
padding: 20px;
display: flex;
justify-content: space-between;
}

.indexNewsL {
width: 250px;
}

.indexNewsWrap:hover .indexNewsL {
color: #fff;
}

.indexNewsL .category {
position: relative;
background-color: #000200;
width: 124px;
height: 25px;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
color: #fff;
margin-left: 20px;
display: inline-block;
border-radius: 5px;
line-height: 23px;
top: -1px;
}

.indexNewsWrap:hover .category {
background-color: #fff;
color: #000200;
}

.indexNewsR {
width: 930px;
padding-right: 50px;
}

.indexNewsWrap:hover .indexNewsR {
color: #fff;
}

.btnBlack {
position: relative;
background: transparent;
font-family: var(--font-primary);
width: 140px;
font-size: 1.5rem;
font-weight: 700;
text-align: left;
color: var(--txtColor);
margin-top: 50px;
cursor: pointer;
border: 0;
letter-spacing: .2em;
}

.btnBlack::before {
position: absolute;
background-color: #000200;
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 0;
transition: .3s;
}

.btnBlack::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 14px;
transition: .3s;
}

.btnBlack:hover::before {
right: -5px;
}

.btnBlack:hover:after {
right: 9px;
}

#brandWrap {
background: #000200 url("../img/brand_bg.png") no-repeat right top;
background-size: 850px;
width: 100%;
text-align: left;
color: #fff;
padding: 110px 0;
}

.indexTitle {
position: relative;
font-size: 2rem;
font-weight: 700;
text-align: left;
color: #fff;
padding-top: 15px;
}

.indexTitle::before {
position: absolute;
background-color: #fff;
width: 42px;
height: 5px;
content:  "";
left: 0;
top: 0;
}

.indexTitle span {
font-family: var(--font-copperplate);
font-size: 9.5rem;
font-weight: 500;
display: block;
margin-top: -15px;
letter-spacing: 0;
}

#brandBgBottom {
display: none;
}

#brandFlex {
display: flex;
justify-content: space-between;
}

.brand {
width: 48.5%;
font-size: 1.5rem;
text-align: center;
}

.brand h3 {
background-color: #000200;
height: 36px;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 10px;
border: 1px solid #fff;
}

.brand img {
margin-bottom: 10px;
}

#brandBtnWrap {
text-align: center;
}

.btnWhite {
position: relative;
background: transparent;
font-family: var(--font-primary);
width: 140px;
font-size: 1.5rem;
font-weight: 700;
text-align: left;
color: #fff;
margin-top: 50px;
cursor: pointer;
border: 0;
letter-spacing: .2em;
}

.btnWhite::before {
position: absolute;
background-color: #fff;
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 0;
transition: .3s;
}

.btnWhite::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid #000200;
border-right: 1px solid #000200;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 14px;
transition: .3s;
}

.btnWhite:hover::before {
right: -5px;
}

.btnWhite:hover:after {
right: 9px;
}

.wrapWide02 {
position: relative;
width: 100%;
padding: 110px 0;
}

.wrapWide02::after {
position: absolute;
background-color: #f0f0f0;
width: 60%;
height: 100%;
content:  "";
z-index: -1;
left: 0;
top: 0;
}

.tabWrap {
width: 946px;
margin: 0 auto;
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--txtColor);
}

.tabWrap li {
position: relative;
background-color: var(--txtColor);
width: 33%;
font-weight: 700;
text-align: center;
color: #fff;
padding: 20px 35px;
cursor: pointer;
border-left: 1px solid var(--txtColor);
border-top: 1px solid var(--txtColor);
border-right: 1px solid var(--txtColor);
top: 1px;
}

.tabWrap li.select {
background-color: #fff;
background-size: 10px;
color: var(--txtColor);
}

.tabContentsDetail {
position: relative;
background-color: #fff;
width: 946px;
font-size: 1.3rem;
margin: 0 auto;
padding: 40px 60px;
border-left: 1px solid var(--txtColor);
border-bottom: 1px solid var(--txtColor);
border-right: 1px solid var(--txtColor);
}

.contentArea {
display: none;
}

.contentArea.show {
display: block;
}

#brandSearch,
#typeSearch,
#budgetSearch {
background-color: #e3e3e3;
width: 810px;
margin: 0 auto;
padding: 30px;
}

#brandSearch {
margin-bottom: 20px;
}

#brandSearch input[type="checkbox"] {
margin: 0;
padding: 0;
background: none;
border-radius: 0;
outline: none;
appearance: none;
border: none;
}

#brandSearch label,
#typeSearch label,
#budgetSearch label {
cursor: pointer;
}

#brandSearch label:has(:checked)::after {
content: "";
}

#brandSearch label::before,
#brandSearch label:has(:checked)::after {
display: none !important;
}

#brandSearch .feas_clevel_01 {
position: relative;
background-color: #fff;
width: 180px;
height: 94px;
margin: 2px;
border: 2px solid #e3e3e3;
display: inline-flex;
}

#brandSearch .feas_clevel_01 span,
#typeSearch .feas_clevel_01 span {
display: none;
}

#brandSearch .feas_clevel_01:nth-of-type(1) {
background: url("../img/search_brand01.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(2) {
background: url("../img/search_brand02.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(3) {
background: url("../img/search_brand03.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(4) {
background: url("../img/search_brand04.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(5) {
background: url("../img/search_brand05.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(6) {
background: url("../img/search_brand06.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(7) {
background: url("../img/search_brand07.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(8) {
background: url("../img/search_brand08.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(9) {
background: url("../img/search_brand09.png") no-repeat center;
background-size: 176px;
}


#brandSearch .feas_clevel_01:nth-of-type(10) {
background: url("../img/search_brand10.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(11) {
background: url("../img/search_brand11.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(12) {
background: url("../img/search_brand12.png") no-repeat center;
background-size: 176px;
}

#brandSearch .feas_clevel_01:nth-of-type(13),
#brandSearch .feas_clevel_01:nth-of-type(14),
#brandSearch .feas_clevel_01:nth-of-type(15),
#brandSearch .feas_clevel_01:nth-of-type(16),
#brandSearch .feas_clevel_01:nth-of-type(17),
#brandSearch .feas_clevel_01:nth-of-type(18),
#brandSearch .feas_clevel_01:nth-of-type(19),
#brandSearch .feas_clevel_01:nth-of-type(20) {
display: none;
}

#brandSearch .feas_clevel_01:has(:checked) {
border: 2px solid var(--themeColor);
}

#brandSearch .feas-submit-button,
#typeSearch .feas-submit-button,
#budgetSearch .feas-submit-button  {
position: relative;
background-color: var(--txtColor);
font-family: var(--font-primary);
width: 336px;
height: 78px;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
cursor: pointer;
margin: 0 auto;
margin-top: 20px;
border: 1px solid #000200;
letter-spacing: .2em;
}

/**/

#typeSearch input[type="radio"],
#budgetSearch input[type="radio"] {
opacity: 0;
visibility: hidden;
position: absolute;text-align: center;
}

#typeSearch .feas_clevel_01,
#budgetSearch .feas_clevel_01 {
position: relative;
background-color: #fff;
font-family: "Number";
width: 243px;
height: 94px;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
margin: 2px;
border: 2px solid #e3e3e3;
display: inline-block;
line-height: 100px;
}

#budgetSearch .feas_clevel_01 {
color:  var(--themeColor);
font-size: 1.6rem;
}

#typeSearch .feas_clevel_01:has(:checked),
#budgetSearch .feas_clevel_01:has(:checked) {
border: 2px solid var(--themeColor);
}

@font-face {
font-family: "Number";
src: local("Arial");
unicode-range: U+0030-0039; /* 0-9 */
size-adjust: 170%;
}

#typeSearch .feas_clevel_01:nth-of-type(1) {
background: url("../img/body_type01.png") no-repeat center;
background-size: 243px;
}

#typeSearch .feas_clevel_01:nth-of-type(2) {
background: url("../img/body_type02.png") no-repeat center;
background-size: 243px;
}

#typeSearch .feas_clevel_01:nth-of-type(3) {
background: url("../img/body_type03.png") no-repeat center;
background-size: 243px;
}

#typeSearch .feas_clevel_01:nth-of-type(4) {
background: url("../img/body_type04.png") no-repeat center;
background-size: 243px;
}

#typeSearch .feas_clevel_01:nth-of-type(5) {
background: url("../img/body_type05.png") no-repeat center;
background-size: 243px;
}

#typeSearch .feas_clevel_01:nth-of-type(6) {
background: url("../img/body_type06.png") no-repeat center;
background-size: 243px;
}

/**/

#reservationWrap {
position: relative;
background: url("../img/reservation_bg.jpg") no-repeat center;
background-size: cover;
width: 100%;
color: #fff;
text-align: left;
padding: 110px 0;
}

.btnReservation {
position: relative;
background-color: #fff;
font-family: var(--font-primary);
width: 387px;
height: 78px;
font-size: 1.5rem;
font-weight: 700;
color: var(--txtColor);
cursor: pointer;
border: 1px solid #fff;
letter-spacing: .2em;
}

.btnReservation::before {
position: absolute;
background-color: var(--txtColor);
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 20px;
transition: .3s;
}

.btnReservation::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 34px;
transition: .3s;
}

.btnReservation:hover::before {
right: 15px;
}

.btnReservation:hover:after {
right: 29px;
}

#showroomWrap {
widows: 100%;
text-align: left;
}

#showroomWrap h3 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #7b7e7b;
}

#showroomWrap h3:last-of-type {
margin-top: 60px;
}

.showroomLogo {
background-color: #fff;
width: 130px;
height: 130px;
display: table;
border: 1px solid #ddd;
}

.showroomLogo .inner {
text-align: center;
padding: 0;
display: table-cell;
vertical-align: middle;
line-height: 1;
}

.showroomLogo .inner img {
width: 80px;
margin: 0 auto;
padding: 0;
}

.showroomFlex {
width: 400px;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.showroomFlex ul {
width: 250px;
}

#showroomAllFlex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.showroom {
width: 47%;
font-size: 2.3rem;
font-weight: 700;
letter-spacing: .15em;
}

.showroom img {
margin-bottom: 15px;
}

.btnSearch,
.btnShowroomIndex {
position: relative;
background-color: #000200;
font-family: var(--font-primary);
width: 336px;
height: 78px;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
cursor: pointer;
margin-top: 50px;
border: 1px solid #000200;
letter-spacing: .2em;
}

.btnSearch::before,
.btnShowroomIndex::before {
position: absolute;
background-color: #fff;
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 20px;
transition: .3s;
}

.btnSearch::after,
.btnShowroomIndex::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid #000200;
border-right: 1px solid #000200;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 34px;
transition: .3s;
}

.btnSearch:hover::before,
.btnShowroomIndex:hover::before {
right: 15px;
}

.btnSearch:hover::after,
.btnShowroomIndex:hover:after {
right: 29px;
}

#aboutWrap {
position: relative;
background-color: #010802;
width: 100%;
color: #fff;
padding: 140px 0;
}

#aboutWrap::before {
position: absolute;
background-color: #2C3139;
width: 50%;
height: 700px;
content: "";
left: -500px;
top: 70px;
z-index: 0;
}

#aboutFlex {
position: relative;
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
z-index: 1;
}

#aboutL {
width: 410px;
font-weight: 700;
text-align: justify;
letter-spacing: .15em;
}

#aboutL h3 {
font-size: 2.4rem;
margin-top: -20px;
margin-bottom: 20px;
}

#aboutL button {
margin-top: 30px;
}

#aboutR {
width: 700px;
}

#serviceFlex {
width: 100%;
display: flex;
justify-content: space-between;
}

.service {
position: relative;
width: 34%;
height: 430px;
overflow: hidden;
}

.service h3 {
position: absolute;
font-family: var(--font-syne);
font-size: 3.5rem;
font-weight: 500;
color: #fff;
white-space: nowrap;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
line-height: 1;
z-index: 1;
}

.service h3 span {
font-size: 1.6rem;
font-weight: 600;
display: block;
margin-top: 20px;
}

.service img {
width: 100%;
height: 430px;
object-fit: cover;
transition: .3s ease-in-out;
}

.service img:hover {
transform: scale(1.1);
}

#ownerSupportWrap {
background: url("../img/owner_support_bg.jpg") no-repeat center;
background-size: cover;
width: 100%;
color: #fff;
padding: 110px 0;
}

#ownerSupportWrap .indexTitleWrap h2::before {
position: absolute;
background-color: #fff;
width: 42px;
height: 5px;
content:  "";
left: 0;
top: 0;
}

#ownerSupportWrap p {
margin-bottom: 60px;
}

#ownerSupportFlex {
width: 900px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.ownerSupport {
background: rgba(0,0,0,.7);
width: 292px;
height: 205px;
font-size: 1.8rem;
font-weight: 700;
padding: 30px 10px;
}

.ownerSupport img {
width: auto;
height: 90px;
margin-bottom: 15px;
}

#ownerSupportWrap .indexTitleWrap {
margin-bottom: 40px;
}

.btnWhite400 {
position: relative;
background-color: #fff;
font-family: var(--font-primary);
width: 400px;
height: 78px;
font-size: 1.5rem;
font-weight: 700;
color: var(--txtColor);
cursor: pointer;
margin-top: 50px;
border: 1px solid #fff;
letter-spacing: .2em;
}

.btnWhite400::before {
position: absolute;
background-color: var(--txtColor);
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 20px;
transition: .3s;
}

.btnWhite400::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 34px;
transition: .3s;
}

.btnWhite400:hover::before {
right: 15px;
}

.btnWhite400:hover:after {
right: 29px;
}

#recruitWrap {
position: relative;
background-color: #000200;
width: 100%;
color: #fff;
padding: 110px 0;
z-index: 0;
}

#recruitWrap::after {
position: absolute;
background-color: #2C3139;
width: 30%;
height: 100%;
content:  "";
z-index: -1;
left: 0;
top: 0;
}

#recruitWrap .indexTitleWrap h2::before {
position: absolute;
background-color: #fff;
width: 42px;
height: 5px;
content:  "";
left: 0;
top: 0;
}

#recruitWrap p {
margin-bottom: 80px;
}

#recruitPhoto img {
width: 100%;
}

#contactBottomWrap {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 110px 0;
display: flex;
justify-content: space-between;
}

.indexTitleBlack {
position: relative;
font-size: 2rem;
font-weight: 700;
text-align: left;
color: var(--txtColor);
padding-top: 15px;
}

.indexTitleBlack::before {
position: absolute;
background-color: var(--txtColor);
width: 42px;
height: 5px;
content:  "";
left: 0;
top: 0;
}

.indexTitleBlack span {
font-family: var(--font-copperplate);
font-size: 9.5rem;
font-weight: 500;
display: block;
margin-top: -15px;
letter-spacing: 0;
}

.contactBtnWrap {
position: relative;
width: 310px;
font-size: 1.4rem;
margin-top: -4px;
line-height: 1.6;
}

.contactBtnWrap:first-of-type {
right: -10px;
}

.contactBtnWrap:last-of-type {
margin-top: 28px;
}

.btnContact {
position: relative;
background-color: var(--txtColor);
font-family: var(--font-primary);
width: 100%;
height: 80px;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
margin: 15px auto;
cursor: pointer;
border: 1px solid var(--txtColor);
letter-spacing: .2em;
transition: .3s;
}

.btnContact:hover {
background-color: #fff;
color: var(--txtColor);
}

/**/

#titleWrap {
position: relative;
background: url("../img/title_bg.png") no-repeat left top;
background-size: 308px;
width: 1280px;
height: 372px;
margin: 0 auto;
}

#titleWrap2 {
position: relative;
width: 100%;
height: 372px;
margin: 0 auto;
}

#titleWrap2::after {
position: absolute;
background-color: #f5f5f5;
width: 50%;
height: 100px;
content: "";
left: 0;
bottom: 0;
z-index: -1;
}

#contentsTitle {
position: absolute;
width: 1200px;
font-size: 1.4rem;
font-weight: 700;
text-align: left;
margin: 0 auto;
padding-top: 15px;
top: 80%;
left: 50%;
transform: translateY(-80%) translateX(-50%);
}

#contentsTitle::before {
position: absolute;
background-color: var(--txtColor);
width: 30px;
height: 3px;
content:  "";
left: 0;
top: 0;
}

#contentsTitle span {
font-family: var(--font-copperplate);
font-size: 8.3rem;
font-weight: 500;
display: block;
margin-top: -15px;
letter-spacing: 0;
}

#contentsTitle2 {
position: absolute;
width: 1200px;
font-size: 4rem;
text-align: left;
margin: 0 auto;
top: 78%;
left: 50%;
transform: translateY(-78%) translateX(-50%);
}

.contentsWrapColor {
background-color: #f5f5f5;
}

#breadcrumb {
width: 1200px;
font-size: 1.2rem;
text-align: justify;
margin: 0 auto;
padding-top: 30px;
}

#breadcrumb2 {
position: absolute;
width: 1200px;
font-size: 1.2rem;
text-align: justify;
margin: 0 auto;
top: 90%;
left: 50%;
transform: translateY(-90%) translateX(-50%);
}

.wrapCo {
position: relative;
width: 1200px;
text-align: justify;
margin: 0 auto;
padding: 60px 0 110px;
}

.wrapCoS {
position: relative;
width: 1024px;
text-align: justify;
margin: 0 auto;
padding: 60px 0 110px;
}

.wrapCo1024 {
position: relative;
width: 1024px;
text-align: justify;
margin: 0 auto;
padding: 80px 0;
}

/*事業概要*/

#businessTitle {
font-family: var(--font-mincho);
font-size: 4.5rem;
margin-bottom: 60px;
line-height: 1.5;
letter-spacing: .15em;
}

#oneStopSystem {
background-color: #fff;
width: 100%;
height: 540px;
font-size: 3rem;
font-weight: 600;
text-align: center;
margin: 60px auto;
padding: 200px 30px;
letter-spacing: .2em;
}

.featuresTitle {
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: .2em;
}

.featuresFlex {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
}

.features {
background-color: #fff;
width: 336px;
height: 90px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
display: table;
line-height: 1.5;
}

.features span {
font-size: 1.5rem;
display: block;
}

.features .inner {
display: table-cell;
vertical-align: middle;
}

.brandCo {
width: 48.5%;
font-size: 1.5rem;
text-align: center;
}

.brandCo h3 {
height: 36px;
font-size: 1.7rem;
margin-bottom: 10px;
border: 1px solid #000200;
}

.brandCo img {
margin-bottom: 10px;
}

.featuresFlex .btnSearch {
margin: 30px 0; 
}

#assessmentFllowWrap {
background-color: #d8ddd8;
font-size: 3rem;
font-weight: 700;
text-align: center;
padding: 50px 40px 60px;
line-height: 1;
}

#assessmentFllowWrap h3 {
margin-bottom: 30px;
}

.businessOverviewBtnWrap {
text-align: center;
}

.businessOverviewBtnWrap button {
margin: 20px auto;
margin-bottom: 40px;
}

/*アクセルについて*/

.parallaxContainer {
background-color: #000200;
perspective: 1px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}

.parallaxLayer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.parallax-layer--back {
transform: translateZ(-6px) scale(7);
}

.parallax-layer--front {
transform: translateZ(0);
}

#aboutCoWrap {
background: url("../img/about_bg.jpg") no-repeat center;
background-size: cover;
width: 100vw;
height: 120vh;
}

#aboutCoWrap #breadcrumb {
position: absolute;
width: 1200px;
font-size: 1.2rem;
text-align: justify;
color: #fff;
margin: 0 auto;
top: 15%;
left: 50%;
transform: translateY(-15%) translateX(-50%);
}

#aboutCoWrap #breadcrumb a {
color: #fff;
}

#aboutCoWrap #contentsTitle {
color: #fff;
top: 30%;
left: 50%;
transform: translateY(-30%) translateX(-50%);
}

#aboutCoWrap #contentsTitle::before {
background-color: #fff;
}

#missionStatementWrap {
width: 100%;
}

#missionStatement {
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
width: 100%;
color: #fff;
padding-bottom: 110px;
}

#missionStatement .inner {
font-family: var(--font-mincho);
width: 740px;
font-size: 1.5rem;
text-align: justify;
margin: 0 auto;
line-height: 2.5;
}

#missionStatement h2 {
font-family: var(--font-copperplate);
font-size: 4rem;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
line-height: 1.7;
}

#missionStatement h2 span {
font-family: var(--font-primary);
font-size: 1.6rem;
display: block;
}

#missionStatement h3 {
font-family: var(--font-mincho);
font-size: 4.5rem;
font-weight: 700;
text-align: center;
margin-bottom: 80px;
line-height: 1.5;
}

#philosophyWrap {
font-family: var(--font-mincho);
width: 1200px;
font-size: 1.5rem;
margin: 0 auto;
padding: 110px 0;
line-height: 2.5;
}

#philosophyWrap p {
margin-bottom: 0;
}

.aboutTitle {
font-family: var(--font-copperplate);
font-size: 4rem;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
line-height: 1.7;
}

.aboutTitle span {
font-family: var(--font-primary);
font-size: 1.6rem;
display: block;
}

.wrapColorEa {
background-color: #eaeaea;
width: 100%;
}

.imgWide img {
width: 100%;
}

#wrapTopMessage {
font-family: var(--font-mincho);
width: 810px;
font-size: 1.5rem;
text-align: justify;
margin: 0 auto;
padding: 110px 0;
line-height: 1.7;
}

#wrapTopMessage .inner {
width: 740px;
margin: 0 auto;
margin-top: 50px;
}

#wrapTopMessage .inner h3 {
margin-top: 50px;
margin-bottom: 20px;
padding-top: 10px;
border-top: 1px solid #7b7e7b;
}

.wrapColorD8 {
background-color: #d8ddd8;
width: 100%;
}

#commitmentFlex {
display: flex;
justify-content: space-between;
}

.commitment {
width: 380px;
text-align: justify;
}

.commitment h3 {
font-size: 2rem;
font-weight: 700;
margin: 15px auto;
}

.promiseFlex {
width: 1076px;
margin: 0 auto;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
}

.promiseFlex:last-of-type {
margin-bottom: 0;
}

.promisePhoto {
width: 520px;
}

.promiseTxt {
width: 520px;
text-align: justify;
}

.promiseTxt .number {
font-family: var(--font-copperplate);
font-size: 4.2rem;
font-weight: 500;
text-align: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #7b7e7b;
line-height: 1;
}

.promiseTxt h3 {
font-size: 2rem;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}

/*オーナーサポート*/

#ownerSupportKv {
background: url("../img/owner_support_kv.jpg") no-repeat center;
background-size: cover;
width: 100%;
text-align: left;
color: #fff;
}

#ownerSupportKv a {
color: #fff;
}

#ownerSupportKv .inner {
width: 1024px;
margin: 0 auto;
padding: 100px 0 120px;
line-height: 2.5;
}

#ownerSupportKv .inner h2 {
font-family: var(--font-mincho);
font-size: 4.5rem;
margin-bottom: 60px;
line-height: 1.5;
letter-spacing: .2em;
}

.ownerSupportTitleCe {
font-size: 3rem;
font-weight: 700;
text-align: center;
margin: 60px auto;
margin-top: 80px;
letter-spacing: .2em;
}

#ownerSupportNav {
margin-bottom: 30px;
}

#ownerSupportNav ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#ownerSupportNav ul li {
position: relative;
width: 320px;
font-weight: 700;
margin-bottom: 20px;
padding: 0 0 10px 20px;
border-bottom: 1px solid #d8ddd8
}

#ownerSupportNav ul li::before {
position: absolute;
width: 10px;
height: 10px;
content: "";
margin: auto;
border-right: 2px solid var(--txtColor);
border-bottom: 2px solid var(--txtColor);
transform: rotate(45deg);
left: 0;
top: 7px;
}

.ownerSupportTitle {
font-size: 2.5rem;
margin-top: 40px;
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid #7b7e7b;
letter-spacing: .2em;
}

.supportColorWrap {
background-color: #d8ddd8;
margin-bottom: 30px;
padding: 20px 26px;
}

.supportColorWrap h5 {
font-weight: 700;
margin-bottom: 5px;
}

#supportColorLi {
margin-bottom: 30px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
line-height: 1;
}

#supportColorLi li {
background-color: #d8ddd8;
font-weight: 700;
text-align: center;
margin: 0 12px 12px 0;
padding: 8px 12px;
}

#coatingFlex {
display: flex;
justify-content: space-between;
}

#coating {
width: 670px;
}

#coatingPhoto {
width: 309px;
}

.ownerSupportSubTitle {
font-size: 2rem;
font-weight: 700;
margin-bottom: 5px;
letter-spacing: .15em;
}

.wrapOwnerSupport .carSalesSubTitle {
font-size: 2rem;
font-weight: 700;
margin-top: 60px;
margin-bottom: 0;
border-bottom: 0;
}

.wrapOwnerSupport #guaranteeFlex {
margin-bottom: 30px;
}

#tireFlex {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}

#tire {
width: 330px;
}

#tireImg {
width: 644px;
}

#membershipTypeFlex {
margin-top: 10px;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}

.membershipType {
width: 315px;
font-size: 1.4rem;
padding-bottom: 20px;
border-bottom: 1px solid #d8ddd8;
}

.membershipType h6 {
background-color: var(--txtColor);
width: 100%;
height: 64px;
font-size: 1.8rem;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 62px;
}

.membershipTypeTitle {
background-color: #fff;
width: 100%;
height: 28px;
font-size: 1.4rem;
text-align: center;
margin: 20px auto;
border-radius: 100px;
}

.membershipType .price {
font-weight: 700;
text-align: center;
line-height: 1;
}

.membershipType .price span {
font-size: 2.4rem;
}

.membershipType .priceS {
font-size: 1.4rem;
font-weight: 400;
text-align: center;
margin-top: 5px;
}

/*拠点案内*/

#showroomFlex {
width: 100%;
margin-top: 40px;
padding-top: 30px;
display: flex;
justify-content: space-between;
border-top: 1px solid #7b7e7b;
}

#showroomArea {
width: 200px;
font-weight: 700;
}

#showroomArea li {
margin-bottom: 20px;
}

#showroomArea h3 {
font-family: var(--font-copperplate);
font-size: 2.5rem;
font-weight: 500;
margin-bottom: 20px;
}

#showroomR {
width: 950px;
}

#showroomR .areaTitle {
font-size: 2rem;
}

.showroomRFlex {
width: 100%;
margin-top: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.showroomCo {
width: 450px;
margin-bottom: 60px;
}

.showroomPhoto {
width: 450px;
height: 320px;
overflow: hidden;
margin-bottom: 15px;
}

.showroomPhoto img {
width: 100%;
height: 320px;
object-fit: cover;
}

.showroomCo h4 {
font-size: 2rem;
font-weight: 500;
display: inline-block;
margin-right: 10px;
}

.showroomCo .specialty,
.wrapPost .specialty {
position: relative;
background-color: var(--txtColor);
height: 20px;
font-size: 1.2rem;
text-align: center;
color: #fff;
display: inline-block;
padding: 0 15px;
border-radius: 3px;
line-height: 18px;
top: -4px;
}

.btnGoogleMap {
background-color: #fff;
font-family: var(--font-primary);
width: 182px;
height: 48px;
font-size: 1.2rem;
color: var(--txtColor);
margin: 15px 0;
padding-bottom: 6px;
cursor: pointer;
border: 1px solid var(--txtColor);
transition: .3s;
}

.btnGoogleMap i {
position: relative;
font-size: 2rem;
top: 3px;
}

.btnGoogleMap:hover {
background-color: var(--txtColor);
color: #fff;
}

.btnShowroom {
position: relative;
background-color: #fff;
font-family: var(--font-primary);
width: 450px;
height: 58px;
font-size: 1.4rem;
font-weight: 700;
color: var(--txtColor);
padding-right: 45px;
cursor: pointer;
border: 1px solid var(--txtColor);
transition: .3s;
}

.btnShowroom::before {
position: absolute;
background-color: #000200;
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 120px;
transition: .3s;
}

.btnShowroom::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 134px;
transition: .3s;
}

.btnShowroom:hover::before {
right: 115px;
}

.btnShowroom:hover::after {
right: 129px;
}

.showroomTitle {
font-size: 2.5rem;
font-weight: 500;
display: inline-block;
letter-spacing:  .2rem;
}

.wrapPost .specialty {
margin-left: 20px;
}

.showroomPhotoCo {
width: 700px;
margin: 30px auto;
}

.showroomPhotoCo img {
width: 100%;
}

#postShowroomFlex {
display: flex;
justify-content: space-between;
}

#postShowroomTxt {
width: 500px;
}

#ifYouCome {
background-color: #fff;
width: 500px;
padding: 30px;
border: 1px solid var(--txtColor);
}

#ifYouCome p {
padding-left: 34px;
}

#ifYouCome p:last-of-type {
margin-bottom: 0;
}

#iconCar {
background: url("../img/icon_car.png") no-repeat left;
background-size: 26px;
padding-left: 34px;
}

#iconTrain {
background: url("../img/icon_train.png") no-repeat left;
background-size: 22px;
padding-left: 34px;
}

#showroomStaff {
background-color: #d8ddd8;
width: 100%;
text-align: center;
margin-top: 60px;
padding: 36px 30px 40px;
}

#showroomStaff h3 {
font-family: var(--font-copperplate);
font-size: 2.5rem;
font-weight: 500;
margin-bottom: 30px;
}

#showroomStaff #staffFlex {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

#showroomStaff .staff {
width: 180px;
text-align: center;
}

#showroomStaff .staffPhoto {
background-color: #fff;
width: 120px;
height: 120px;
margin: 0 auto;
margin-bottom: 10px;
overflow: hidden;
border: 1px solid #707070;
border-radius: 120px;
}

#showroomStaff .staffPhoto img {
width: 100%;
height: 120px;
object-fit: cover;
}

#showroomStaff .staff h4 {
font-size: 1.2rem;
}

#showroomStaff .staff h4 span {
font-size: 1.5rem;
display: block;
}

#showroomStaff .staffComment {
width: 90%;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}

.btnReservationBlack {
position: relative;
background-color: var(--txtColor);
font-family: var(--font-primary);
width: 387px;
height: 78px;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
cursor: pointer;
margin-top: 60px;
margin-bottom: 10px;
border: 1px solid var(--txtColor);
letter-spacing: .2em;
transition: .3s;
}

.btnReservationBlack:hover {
background-color: #fff;
color: var(--txtColor);
}

/*サービス概要*/

.wrapBusinessOverview,
.wrapOwnerSupport,
.wrapService,
.wrapService2,
.wrapService3 {
position: relative;
width: 1024px;
text-align: justify;
margin: 0 auto;
padding: 80px 0 110px;
}

.wrapOwnerSupport {
padding: 30px 0 110px;
}

.wrapService2 {
width: 1112px;
}

.wrapService3 {
padding: 0px 0 110px;
}

.wrapBusinessOverview h2,
.wrapOwnerSupport h2,
.wrapService h2,
.wrapService2 h2,
.wrapService3 h2 {
position: relative;
font-size: 3rem;
font-weight: 700;
margin: 80px auto;
margin-top: 110px;
letter-spacing: .25em;
line-height: 1;
z-index: 1;
}

.wrapBusinessOverview h2::before,
.wrapOwnerSupport h2::before,
.wrapService h2::before,
.wrapService2 h2::before,
.wrapService3 h2::before {
position: absolute;
background-color: #fff;
width: 3000px;
height: 100px;
content: "";
margin: auto;
z-index: -1;
top: 0;
bottom: 0;
left: -2950px;
}

.carSalesTitle {
width: 100%;
height: 52px;
font-size: 2.5rem;
text-align: center;
margin-bottom: 30px;
border: 1px solid var(--txtColor);
}

.carSalesBtnWrap {
width: 49%;
margin: 60px auto;
margin-bottom: 130px;
}

.carSalesBtnWrap div {
width: 100%;
}

.carSalesSubTitle {
font-size: 2.5rem;
padding-bottom: 15px;
margin-bottom: 40px;
border-bottom: 1px solid #7b7e7b;
line-height: 1.5;
}

.carSalesSubSubTitle {
font-size: 2rem;
font-weight: 700;
margin-bottom: 10px;
}

#carSales350items {
background-color: #fff;
text-align: center;
margin: 40px auto;
padding: 36px 40px 40px;
}

#carSales350items h4 {
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 30px;
letter-spacing: .1em;
}

#carSalesMoreover {
background-color: #fff;
text-align: center;
margin: 40px auto;
padding: 36px 40px 40px;
}

#carSalesMoreover h4 {
font-size: 3rem;
font-weight: 700;
margin-bottom: 30px;
letter-spacing: .25em;
}

#guaranteeFlex {
display: flex;
justify-content: space-between;
}

.guarantee {
width: 472px;
line-height: 1.5;
}

.guaranteeTitle01,
.guaranteeTitle02 {
background-color: #fff;
width: 100%;
height: 34px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
line-height: 32px;
}

.guaranteeTitle02 {
background-color: #d8ddd8;
}

.guarantee table {
width: 100%;
font-size: 1.4rem;
}

.guarantee th {
background-color: var(--txtColor);
width: 146px;
font-weight: 700;
color: #fff;
padding: 8px 15px;
vertical-align: middle;
border: 1px solid #d8ddd8;
}

.guarantee td {
padding: 10px;
border-top: 1px solid #d8ddd8;
border-bottom: 1px solid #d8ddd8;
}

.guarantee dt {
float: left;
padding: 3px 0;
}

.guarantee dd {
padding: 3px 0 3px 20px;
}

#guaranteeR th {
background-color: #d8ddd8;
color: var(--txtColor);
}

#guaranteeR {
margin: 15px auto;
}

#otherOwnerWrap {
position: relative;
background: url("../img/car_sales_img04.jpg") no-repeat;
background-size: contain;
width: 100%;
height: 260px;
font-size: 2.8rem;
font-weight: 700;
text-align: center;
color: #fff;
margin-top: 80px;
padding-top: 50px;
}

#otherOwnerWrap .btnWhite400 {
margin-top: 30px;
}

/**/

.purchaseFlex {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}

.purchaseFlex .number {
font-family: var(--font-copperplate);
font-size: 7rem;
font-weight: 500;
line-height: 1.5;
}

.purchase {
width: 854px;
}

.purchase h3 {
font-size: 2.5rem;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #7b7e7b;
}

#purchaseFllowWrap {
background-color: #d8ddd8;
font-size: 3rem;
font-weight: 700;
text-align: center;
margin-bottom: 150px;
padding: 50px 40px 60px;
line-height: 1;
}

#purchaseFllowWrap h3 {
margin-bottom: 30px;
letter-spacing: .2em;
}

/**/

.maintenanceFlex {
margin-bottom: 150px;
display: flex;
justify-content: space-between;
}

.maintenance {
width: 504px;
}

.maintenance h3 {
font-size: 2.2rem;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #7b7e7b;
}

.maintenancePhoto {
position: relative;
width: 560px;
z-index: 1;
}

.maintenancePhotoBgR,
.maintenancePhotoBgL {
position: absolute;
background-color: #fff;
width: 248px;
height: 180px;
z-index: -1;
right: -80px;
bottom: -80px;
}

.maintenancePhotoBgL {
left: -80px;
}

/*会社概要*/

#wrapCompany {
width: 1024px;
margin: 0 auto;
padding: 60px 0 100px;
}

#outline {
width: 100%;
text-align: justify;
}

#outline table {
width: 100%;
margin-bottom: 110px;
}

#outline th,
#outline td {
padding: 10px 20px;
border: 1px solid #d8ddd8
}

#outline th {
background-color: #000200;
width: 270px;
font-weight: 700;
color: #fff;
}

#companyFlex {
margin-bottom: 110px;
display: flex;
justify-content: space-between;
}

#companyL {
width: 400px;
text-align: left;
}

#companyL h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
}

#companyR {
background: #ccc;
width: 600px;
height: 420px;
}

.googleMap {
position: relative;
width: 100%;
margin-bottom: 110px;
}

/*中古車を探す*/

#wrapStockCarFlex {
width: 1200px;
margin: 0 auto;
padding: 60px 0 120px;
display: flex;
justify-content: space-between;
}

.stockCarLrFlex {
margin-bottom: 50px;
padding-bottom: 50px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #7b7e7b;
}

/*検索*/

#wrapStockCarL {
width: 260px;
font-size: 1.4rem;
text-align: left;
}

#wrapStockCarL h3 {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 20px;
border-bottom: 1.5px solid #7b7e7b;
}

#wrapStockCarL h4 {
width: 100%;
margin-bottom: 10px;
}

#wrapStockCarL select,
#wrapStockCarL label {
display: block;
}

#wrapStockCarL select {
background-color: #fff;
width: 100%;
height: 36px;
font-size: 1.4rem;
padding: 0 5px;
margin-bottom: 10px;
display: block;
border: 1px solid #d8ddd8;
border-radius: 5px;
}

.selectFlex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.selectFlex select {
width: 43% !important;
}

.selectFlex .kara {
position: relative;
top: 5px;
}

.resultsWrap {
font-size: 2rem;
font-weight: 600;
margin-bottom: 50px;
padding: 12px 0 30px;
border-top: 1px solid #7b7e7b;
border-bottom: 1px solid #7b7e7b;
line-height: 1;
}

.resultsWrap em {
position: relative;
font-size: 4rem;
color: var(--themeColor);
line-height: 1;
top: 6px;
}

.feas-submit-button {
background-color: var(--txtColor);
width: 100%;
height: 60px;
font-size: 1.4rem;
font-weight: 600;
color: #fff;
margin-top: 20px;
cursor: pointer;
letter-spacing: .2em;
border: 0;
}

.checkColorWrap {
margin-bottom: 15px;
display: flex;
justify-content: space-between;
}

.checkColorWrap label span {
display: none;
}

.checkColorWrap input[type="checkbox"] {
margin: 0;
padding: 0;
background: none;
border-radius: 0;
outline: none;
appearance: none;
display: flex;
flex-wrap: wrap;
gap: .5em 2em;
border: none;
}

.checkColorWrap label {
cursor: pointer;
}

.checkColorWrap label:has(:checked)::after {
content: "";
}

.checkColorWrap label::before,
.checkColorWrap label:has(:checked)::after {
display: none !important;
}

.checkColorWrap .feas_clevel_01 {
position: relative;
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid #d8ddd8;
display: block;
}

.checkColorWrap .feas_clevel_01:nth-of-type(1) {
background-color: #fff;
}

.checkColorWrap .feas_clevel_01:nth-of-type(2) {
background-color: #e70012;
}

.checkColorWrap .feas_clevel_01:nth-of-type(3) {
background-color: #203dcc;
}

.checkColorWrap .feas_clevel_01:nth-of-type(4) {
background-color: #2caf1d;
}

.checkColorWrap .feas_clevel_01:nth-of-type(5) {
background-color: #9a3400;
}

.checkColorWrap .feas_clevel_01:nth-of-type(6) {
background-color: #9d1551;
}

.checkColorWrap .feas_clevel_01:nth-of-type(7) {
background-color: #808080;
}

.checkColorWrap .feas_clevel_01:nth-of-type(8) {
background-color: #000000;
}

.checkColorWrap .feas_clevel_01:nth-of-type(9) {
background-image: linear-gradient(#eaeaea, #808080);
}

.checkColorWrap .feas_clevel_01:has(:checked) {
border: 2px solid var(--themeColor);
}

.tenpoWrap {
margin-bottom: 15px;
}

#wrapStockCarL input[type="checkbox"] {
margin: 0;
padding: 0;
background: none;
border-radius: 0;
outline: none;
appearance: none;
display: flex;
flex-wrap: wrap;
border: none;
}

#wrapStockCarL label {
position: relative;
display: flex !important;
align-items: center;
cursor: pointer;
margin-bottom: 5px;
}

#wrapStockCarL label::before,
#wrapStockCarL label:has(:checked)::after {
content: '';
}

#wrapStockCarL label::before {
position: relative;
background-color: #fff;
width: 20px;
height: 20px;
margin-right: 5px;
border-radius: 3px;
border: 1px solid #d8ddd8;
display: block;
}

#wrapStockCarL label:has(:checked)::before {
background-color: var(--themeColor);
}

#wrapStockCarL label:has(:checked)::after {
position: absolute;
top: 4px;
left: 6px;
transform: rotate(45deg);
width: 8px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
}

#wrapStockCarL .accordion {
width: 100%;
margin-bottom: 20px !important;
padding-bottom: 10px;
border-bottom: 1px solid #d8ddd8;
}

#wrapStockCarL .accordionTitle {
position: relative;
cursor: pointer;
line-height: 1;
}

#wrapStockCarL .accordionTitle .accordion_icon {
display: inline-block;
transition: all .3s;
box-sizing: border-box;
}

#wrapStockCarL .accordionTitle .accordion_icon {
position: absolute;
width: 10px;
height: 10px;
margin: auto;
top: 8px;
bottom: 0;
right: 0;
}

#wrapStockCarL .accordionTitle .accordion_icon span {
position: absolute;
background-color: var(--txtColor);
width: 100%;
height: 1.5px;
transition: all .3s;
}

#wrapStockCarL .accordionTitle .accordion_icon span:nth-of-type(1) {
transform: rotate(0deg);
}

#wrapStockCarL .accordionTitle .accordion_icon span:nth-of-type(2) {
transform: rotate(90deg);
}

#wrapStockCarL .accordionTitle .accordion_icon.active span:nth-of-type(1) {
display:none;
}

#wrapStockCarL .accordionTitle .accordion_icon.active span:nth-of-type(2) {
transform: rotate(180deg);
}

#wrapStockCarL .accordionDetails {
display: none;
}

#wrapStockCarL .moreDetailBtn {position: relative;
background-color: var(--txtColor);
width: 100%;
height: 48px;
font-size: 1.4rem;
font-weight: 600;
color: #fff;
text-align: center;
margin: 20px auto;
cursor: pointer;
letter-spacing: .2em;
line-height: 45px;
}

#wrapStockCarL .moreDetailBtn .accordion_icon {
display: inline-block;
transition: all .3s;
box-sizing: border-box;
}

#wrapStockCarL .moreDetailBtn .accordion_icon {
position: absolute;
width: 10px;
height: 10px;
margin: auto;
top: 8px;
bottom: 0;
right: 20px;
}

#wrapStockCarL .moreDetailBtn .accordion_icon span {
position: absolute;
background-color: #fff;
width: 100%;
height: 1.5px;
transition: all .3s;
}

#wrapStockCarL .moreDetailBtn .accordion_icon span:nth-of-type(1) {
transform: rotate(0deg);
}

#wrapStockCarL .moreDetailBtn .accordion_icon span:nth-of-type(2) {
transform: rotate(90deg);
}

#wrapStockCarL moreDetailBtn .accordion_icon.active span:nth-of-type(1) {
display:none;
}

#wrapStockCarL .moreDetailBtn .accordion_icon.active span:nth-of-type(2) {
transform: rotate(180deg);
}

#wrapStockCarL .moreDetail {
display: none;
}

/**/

#wrapStockCarR {
width: 860px;
font-size: 1.4rem;
}

.vjafabWrap {
background-color: #eee;
text-align: center;
margin-bottom: 40px;
padding: 10px;
}

#wrapStockCarR h2 {
margin-bottom: 30px;
}

#wrapStockCarR h2 a:hover {
color: var(--themeColor);
}

#stockCarLIndex {
width: 360px;
height: 270px;
overflow: hidden;
}

#stockCarLIndex img {
width: 100%;
height: 270px;
object-fit: cover;
}

#stockCarRIndex {
width: 468px;
text-align: justify;
}

/**/

#wrapStockCar {
width: 1200px;
margin: 0 auto;
padding: 60px 0 80px;
}

#stockCarLrFlex {
margin-bottom: 70px;
display: flex;
justify-content: space-between;
}

#stockCarL {
width: 616px;
}

#stockCarR {
width: 536px;
text-align: justify;
}

#stockCarTagFlex {
margin-bottom: 30px;
display: flex;
justify-content: flex-start;
align-items: center;
}

.stockCarTag {
background-color: var(--txtColor);
width: auto;
height: 28px;
font-size: 1.2rem;
font-weight: 600;
color: #fff;
text-align: center;
margin-right: 20px;
padding: 0 20px;
display: inline-flex;
line-height: 26px;
}

.stockCarUpdate {
font-size: 1.4rem;
color: #5d5b5b;
}

.stockCarUpdate span {
font-family: var(--font-inter);
}

#stockCarR h1 {
font-size: 2rem;
margin-bottom: 40px;
line-height: 1.7;
}

.stockCarDetailTable table {
width: 100%;
font-size: 1.4rem;
}

.stockCarDetailTable th,
.stockCarDetailTable td {
position: relative;
padding: 10px 0;
border-top: 1px solid #d8ddd8;
border-bottom: 1px solid #d8ddd8;
}

.stockCarDetailTable th {
width: 80px;
}

.stockCarDetailTable td {
padding-left: 20px;
}

.stockCarDetailTable th::after {
position: absolute;
height: 20px;
content: "";
margin: auto;
border-right: 1px solid #d8ddd8;
top: 0;
bottom: 0;
right: 0;
}

#stockCarPriceFlex {
font-size: 1.4rem;
margin: 37px auto;
display: flex;
justify-content: space-between;
line-height: 1;
}

#stockCarPriceL {
width: 50%;
}

#stockCarPriceL h2 {
margin-bottom: 10px;
}

#stockCarPriceL span {
font-family: var(--font-inter);
font-size: 5rem;
}

#stockCarPriceR {
width: 50%;
}

#stockCarPriceR h2 {
margin-bottom: 26px;
}

#stockCarPriceR span {
font-family: var(--font-inter);
font-size: 3.2rem;
}

#btnTelContactFlex {
margin-top: 32px;
display: flex;
justify-content: space-between;
}

.btnStockTel {
background-color: #fff;
width: 47%;
height: 80px;
font-size: 1.4rem;
color: var(--txtColor);
cursor: pointer;
border: 1px solid var(--txtColor);
transition: .3s;
}

.btnStockTel:hover {
opacity: .5;
}

.btnStockTel img {
position: relative;
width: 12px;
margin-right: 8px;
top: -3px;
}

.btnStockTel span {
font-family: var(--font-inter);
font-size: 2.2rem;
display: block;
}

.btnStockContact {
background-color: var(--txtColor);
width: 47%;
height: 80px;
font-size: 1.4rem;
color: #fff;
padding-bottom: 5px;
cursor: pointer;
border: 1px solid var(--txtColor);
transition: .3s;
}

.btnStockContact:hover {
opacity: .7;
}

.btnStockContact img {
width: 16px;
margin-bottom: 5px;
}

.btnStockContact span {
display: block;
}

#recommendedPoints {
background-color: #eee;
padding: 40px 40px 40px 20px;
display: flex;
justify-content: space-between;
}

#recommendedPointsL {
position: relative;
width: 220px;
text-align: center;
display: table;
border-right: 1px solid #ccc;
line-height: 1.4;
top: -5px;
}

#recommendedPointsL h2 {
font-family: var(--font-copperplate);
font-size: 3rem;
font-weight: 600;
display: table-cell;
vertical-align: middle;
}

#recommendedPointsL h2 span {
font-family: var(--font-primary);
font-size: 1.5rem;
display: block;
}

#recommendedPointsR {
width: 865px;
font-weight: 600;
text-align: justify;
}

.stockCarDetailTableW {
width: 100%;
font-size: 1.6rem;
text-align: left;
margin: 60px auto;
}

.stockCarDetailTableW h2 {
font-weight: 600;
margin-bottom: 10px;
}

.stockCarDetailTableW table {
width: 100%;
font-size: 1.4rem;
text-align: left;
margin-bottom: 60px;
}

.stockCarDetailTableW th,
.stockCarDetailTableW td {
position: relative;
padding: 10px 15px;
border: 1px solid #d8ddd8;
}

.stockCarDetailTableW th {
background-color: var(--txtColor);
width: 146px;
font-weight: 600;
color: #fff;
}

.stockCarDetailTableW td {
width: 480px;
}

.chartBoxFlex {
margin: 30px auto;
margin-bottom: 60px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.chartBox,
.chartBoxWide {
background-color: #fff;
width: 190px;
height: 28px;
font-size: 1.2rem;
font-weight: 600;
color: #c9c9c9;
text-align: center;
margin-right: 12px;
margin-bottom: 12px;
line-height: 26px;
}

.chartBoxWide {
width: 392px;
}

.chartBox:nth-of-type(5),
.chartBox:nth-of-type(11),
.chartBox:nth-of-type(17),
.chartBox:nth-of-type(23) {
margin-right: 0;
}

.activeBox  {
background-color: var(--txtColor);
color: #fff;
}

#warrantyFlex {
font-size: 1.4rem;
margin-top: 20px;
display: flex;
justify-content: space-between;
line-height: 1.5;
}

#warrantyL {
background-color: var(--txtColor);
width: 150px;
height: 68px;
font-weight: 600;
text-align: center;
color: #fff;
line-height: 66px;
}

#warrantyR {
background-color: #fff;
width: 1050px;
height: 68px;
text-align: justify;
padding: 12px 20px;
}

/*お知らせ*/

.contentsTitleTop {
font-size: 1.8rem;
font-weight: 700;
}

.categoryNav {
width: 100%;
margin: 50px auto;
margin-top: 40px;
}

.categoryNav ul {
display: flex;
justify-content: flex-start;
}

.categoryNav li a {
background-color: #fff;
width: 125px;
height: 22px;
font-size: 1.2rem;
text-align: center;
margin-right: 10px;
border: 1px solid var(--txtColor);
border-radius: 5px;
line-height: 20px;
transition: .3s;
}

.categoryNav li a {
color: var(--txtColor);
display: block;
transition: .3s;
}

.categoryNav li a:hover,
.categoryNav li a.active {
background-color: var(--txtColor);
color: #fff;
}

.newsCoFlex {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.newsCo {
width: 360px;
font-size: 1.4rem;
margin-right: 60px;
margin-bottom: 60px;
transition: .3s;
}

.newsCo:nth-of-type(3n) {
margin-right: 0;
}

.newsCo:hover {
opacity: .6;
}

.newsCoPhoto {
background-color: #fff;
width: 360px;
height: 240px;
margin-bottom: 20px;
overflow: hidden;
border: 1px solid var(--txtColor);
}

.newsCoPhoto img {
width: 100%;
height: 240px;
object-fit: cover;
}

.newsCo .category {
background-color: var(--txtColor);
width: 125px;
height: 22px;
font-size: 1.2rem;
text-align: center;
color: #fff;
margin: 15px 0;
border-radius: 5px;
line-height: 20px;
}

.newsCo h3 {
margin-bottom: 10px;
}

.newsCo .postDate {
font-size: 1.3rem;
color: #5d5b5b;
}

.wrapPost {
width: 1024px;
text-align: justify;
margin: 0 auto;
padding: 40px 0 110px;
}

.postDateFlex {
margin-bottom: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
}

.postDateFlex .postDate {
position: relative;
width: 120px;
font-size: 1.3rem;
color: #5d5b5b;
margin: 20px 0;
top: -5px;
}

.wrapPost h1 {
font-size: 2.5rem;
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 1px solid #7b7e7b;
line-height: 1.6;
}

.wrapPost img {
margin-bottom: 30px;
}

#prevNextWrap {
margin-top: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}

.btnBackToList {
background-color: #fff;
font-family: var(--font-primary);
width: 200px;
height: 60px;
font-size: 1.4rem;
font-weight: 700;
color: var(--txtColor);
cursor: pointer;
padding-bottom: 3px;
border: 1px solid var(--txtColor);
border-radius: 100px;
transition: .3s;
}

.btnBackToList:hover {
background-color: var(--txtColor);
color: #fff;
}

.btnPrevWrap,
.btnNextWrap {
width: 100px;
}

.btnPrev,
.btnNext {
position: relative;
background: transparent;
width: 110px;
height: 25px;
font-size: 1.4rem;
font-weight: 700;
text-align: left;
color: var(--txtColor);
border: none;
cursor: pointer;
}

.btnPrev {
text-align: right;
}

.btnNext:hover::before,
.btnPrev:hover::before {
background-color: #fff;
}

.btnPrev::after {
position: absolute;
width: 10px;
height: 10px;
content: "";
margin: auto;
border-top: 1px solid var(--txtColor);
border-left: 1px solid var(--txtColor);
transform: rotate(-45deg);
left: 17px;
top: 0;
bottom: 0;
}

.btnNext::after {
position: absolute;
width: 10px;
height: 10px;
content: "";
margin: auto;
border-top: 1px solid var(--txtColor);
border-right: 1px solid var(--txtColor);
transform: rotate(45deg);
z-index: 10;
right: 17px;
top: 0;
bottom: 0;
}

.btnNext:hover::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}

.btnPrev:hover::after {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

.btnNext .circle {
position: absolute;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid var(--txtColor);
margin: auto;
right: 0;
top: 0;
bottom: 0;
transition: .3s;
transform: scale(1);
}

.btnPrev .circle {
position: absolute;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid var(--txtColor);
margin: auto;
left: 0;
top: 0;
bottom: 0;
transition: .3s;
}

.btnPrev:hover .circle,
.btnNext:hover .circle {
background-color: var(--txtColor);
}

/**/

.pageNavi {
margin: 0 auto;
margin-top: 30px;
}

.wp-pagenavi {
position: relative;
font-size: 1.4rem;
text-align: center;
margin: 0 auto;
display: flex;
justify-content: center;
line-height: 40px;
}

.wp-pagenavi .pages {
display: none;
}

.wp-pagenavi .page {
margin: 0 -1px;
}

.wp-pagenavi .current {
background-color: var(--txtColor);
width: 45px;
height: 45px;
color: #fff;
margin: 0 -3px;
display: block;
border: 1px solid var(--txtColor) !important;
}

.wp-pagenavi a,
.wp-pagenavi .extend {
background-color: #fff;
width: 45px;
height: 45px;
display: block;
border: 1px solid var(--txtColor) !important;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
display: none;
}

.wp-pagenavi a:hover {
background-color: var(--txtColor);
color: #fff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
position: relative;
font-size: 0;
margin: 0;
text-indent: -1000px;
border-radius: 5px 0 0 5px;
}

.wp-pagenavi .nextpostslink {
border-radius: 0 5px 5px 0;
}

.wp-pagenavi a:hover.previouspostslink,
.wp-pagenavi a:hover.nextpostslink {
background-color: #fff;
}

.wp-pagenavi .previouspostslink::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid var(--txtColor);
border-left: 1px solid var(--txtColor);
transform: rotate(-45deg);
left: 0;
right: -2px;
top: 0;
bottom: 0;
}

.wp-pagenavi .nextpostslink::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid var(--txtColor);
border-right: 1px solid var(--txtColor);
transform: rotate(45deg);
left: -2px;
right: 0;
top: 0;
bottom: 0;
}

/*よくある質問*/

.accordion {
position: relative;
width: 100%;
margin: 0 auto;
z-index: 1;
}

.accordion ul {
margin: 0 auto;
padding: 0;
}

.accordion li {
position: relative;
width: 100%;
margin-bottom: 60px;
transition: .3s;
}

.accordion li p:last-child {
margin-bottom: 0;
}

.accordion li:last-child {
margin-bottom: 0;
border-radius: 5px 5px 5px 30px;
}

.accordion a {
position: relative;
color: var(--txtColor);
display: block;
text-decoration: none;
cursor: pointer;
transition: .3s;
}

.accordion li .accordion_icon {
position: absolute;
width: 12px;
height: 12px;
margin: auto;
top: 0;
bottom: 0;
right: 0;
}

.accordion li .accordion_icon span {
position: absolute;
background-color: var(--txtColor);
width: 12px;
height: 1.5px;
margin: auto;
transition: all .3s;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.accordion li .accordion_icon span:nth-of-type(1) {
transform: rotate(0deg);
}

.accordion li .accordion_icon span:nth-of-type(2) {
transform: rotate(90deg);
}

.accordion li .accordion_icon.active span:nth-of-type(1) {
display:none;
}

.accordion li .accordion_icon.active span:nth-of-type(2) {
transform: rotate(180deg);
}

.toggle dt {
float: left;
background-color: #fff;
font-family: var(--font-copperplate);
width: 56px;
height: 56px;
font-size: 4rem;
font-weight: 300;
text-align: center;
line-height: 54px;
}

.toggle dd {
padding: 8px 50px 0 80px;
}

.toggle dd h3 {
position: relative;
font-size: 2rem;
font-weight: 700;
}

.faqDetail {
background-color: #fff;
width: 100%;
display: none;
overflow: hidden;
}

.faqDetail img {
margin-bottom: 30px;
}

.faqDetail dt {
float: left;
background-color: var(--txtColor);
font-family: var(--font-copperplate);
width: 56px;
height: 56px;
font-size: 4rem;
font-weight: 300;
text-align: center;
color: #fff;
line-height: 54px;
}

.faqDetail dd {
font-size: 1.5rem;
padding: 30px 30px 30px 80px;
}

.faqDetail dd .step dt {
float: left;
background-color: #fff;
font-family: var(--font-copperplate);
width: 110px;
height: 20px;
font-size: 2rem;
font-weight: 500;
text-align: left;
color: var(--txtColor);
padding: 10px 0;
line-height: 1.5;
}

.faqDetail dd .step dd {
font-size: 1.5rem;
padding: 10px 0 10px 110px;
}

/*お問い合わせ*/

.formTitle {
font-size: 3rem;
font-weight: 700;
letter-spacing: .2em;
}

.formWrap {
background-color: #fff;
width: 100%;
margin: 20px auto;
margin-bottom: 60px;
padding: 60px;
}

.formWrap p {
margin-bottom: 0;
}

#formRequired {
font-size: 1.4rem;
margin-bottom: 30px;
}

.formInput dt {
float: left;
padding: 12px 0;
}

.formInput dd {
padding: 12px 0 12px 250px;
}

.formInput .pa {
margin-top: 11px;
}

.wpcf7-date {
background-color: #fff;
font-family: var(--font-primary);
width: 320px;
height: 48px;
font-size: 1.6rem;
margin-left: 10px;
padding: 0 15px;
display: inline-block;
margin-bottom: 10px;
border: 1px solid #d8ddd8;
border-radius: 5px;
}

.formWrap .inputS {
background-color: #fff;
font-family: var(--font-primary);
width: 320px;
height: 48px;
font-size: 1.6rem;
padding: 0 15px;
border: 1px solid #d8ddd8;
border-radius: 5px;
transition: .3s;
}

.formWrap .inputSs {
background-color: #fff;
font-family: var(--font-primary);
width: 80px;
height: 48px;
font-size: 1.6rem;
margin: 0 10px;
padding: 0 15px;
display: inline-block;
border: 1px solid #d8ddd8;
border-radius: 5px;
transition: .3s;
}

.formWrap .inputW {
background-color: #fff;
font-family: var(--font-primary);
width: 100%;
height: 48px;
font-size: 1.6rem;
padding: 0 15px;
border: 1px solid #d8ddd8;
border-radius: 5px;
transition: .3s;
}

.formWrap .inputS:hover,
.formWrap .inputSs:hover,
.formWrap .inputW:hover {
background-color: #fff;
border: 1px solid var(--txtColor);
}

.formWrap textarea {
background-color: #fff;
font-family: var(--font-primary);
width: 100%;
height: 230px;
font-size: 1.6rem;
color: var(--txtColor);
padding: 15px;
border: 1px solid #d8ddd8;
border-radius: 5px;
transition: .3s;
}

.formWrap textarea:hover {
background-color: #fff;
border: 1px solid var(--txtColor);
}

.formNote {
font-size: 1.4rem;
color: #c9c9c9;
margin-top: 5px;
}

.formSelect {
position: relative;
}

.formSelect select {
position: relative;
background-color: #fff;
font-family: var(--font-primary);
width: 100%;
height: 48px;
font-size: 1.6rem;
color: var(--txtColor);
padding: 0 15px;
border: 1px solid #d8ddd8;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.formSelect select:hover {
background-color: #fff;
border: 1px solid var(--txtColor);
}

.formSelect::after {
position: absolute;
width: 10px;
height: 10px;
content: "";
border-right: 1px solid var(--txtColor);
border-bottom: 1px solid var(--txtColor);
margin: auto;
transform: rotate(45deg);
z-index: 1;
top: -8px;
bottom: 0;
right: 30px;
}

.formWrap input[type="radio"] {
opacity: 0;
visibility: hidden;
position: absolute;
}

.formWrap .wpcf7-list-item {
display: inline-block;
}

.formR .wpcf7-list-item.first {
margin-left: 0;
}

.formWrap .radioWrap span.wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
margin-left: -15px;
margin-right: 20px;
}

.formWrap .radioWrap span.wpcf7-list-item-label::before {
display: block;
content: "";
border-radius: 50%;
border: 1px solid #d8ddd8;
width: 18px;
height: 18px;
margin-right: 5px;
margin-top: 3px;
}

.formWrap .radioWrap span.wpcf7-list-item-label::after {
position: absolute;
content: "";
border-radius: 50%;
width: 8px;
height: 8px;
background-color: #fff;
left: 5px;
top: 50%;
transform: translateY(-50%);
display: none;
margin-top: 1.5px;
}

.formWrap .radioWrap input[type="radio"]:checked + span.wpcf7-list-item-label::after {
display: block;
}

.formWrap .radioWrap input[type="radio"]:checked + span.wpcf7-list-item-label::before {
display: block;
background-color: var(--txtColor);
}

.checkWrap .wpcf7-list-item {
display: inline-block;
}

.checkWrap .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
gap: 0 .3em;
cursor: pointer;
left: -12px;
}

.checkWrap input[type="checkbox"] {
margin: 0;
padding: 0;
background: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: flex;
flex-wrap: wrap;
gap: .5em 2em;
border: none;
}

.checkWrap .wpcf7-list-item {
display: inline-block;
}

.checkWrap .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
gap: 0 .3em;
cursor: pointer;
left: -12px;
}

.checkWrap .wpcf7-list-item label::before,
.checkWrap .wpcf7-list-item label:has(:checked)::after {
content: '';
}

.checkWrap .wpcf7-list-item label::before {
position: relative;
background-color: #fff;
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #d8ddd8;
top: 1px;
}

.checkWrap .wpcf7-list-item label:has(:checked)::before {
background-color: var(--txtColor);
}

.checkWrap .wpcf7-list-item label:has(:checked)::after {
position: absolute;
top: 6px;
left: 6px;
transform: rotate(45deg);
width: 8px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
}

.submitWrap {
position: relative;
width: 100%;
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}

.wpcf7-submitWrap {
position: relative;
width: 520px;
margin: 60px auto;
margin-top: 30px;
}

.wpcf7-submit {
background-color: var(--txtColor);
font-family: var(--font-primary);
width: 520px;
height: 78px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
padding-bottom: 5px;
cursor: pointer;
transition: .3s;
border: 1px solid var(--txtColor);
}

/*
.wpcf7-submitWrap::before {
position: absolute;
background-color: #fff;
width: 35px;
height: 35px;
content: "";
margin: auto;
border-radius: 35px;
top: 0;
bottom: 0;
right: 20px;
transition: .3s;
}

.wpcf7-submitWrap::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid var(--txtColor);
border-right: 1px solid var(--txtColor);
transform: rotate(45deg);
top: 0;
bottom: 0;
right: 34px;
transition: .3s;
}

.wpcf7-submitWrap:hover::before {
right: 15px;
}

.wpcf7-submitWrap:hover:after {
right: 29px;
}
*/

/**/

.contactSubTitle {
font-size: 3rem;
font-weight: 700;
margin-top: 40px;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid var(--txtColor);
letter-spacing: .2em;
}

.availableAtFlex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.availableAt {
background-color: #fff;
width: 492px;
height: 150px;
font-family: var(--font-inter);
font-size: 3.2rem;
font-weight: 500;
text-align: center;
margin-bottom: 30px;
border: 1px solid #707070;
}

.availableAt a {
width: 100%;
height: 100%;
padding: 15px 20px;
display: block;
}

.availableAt h3 {
font-family: var(--font-primary);
font-size: 1.6rem;
font-weight: 400;
text-align: left;
margin-bottom: 15px;
}

.availableAt img {
position: relative;
width: 22px;
display: inline-block;
margin-right: 20px;
top: -10px;
}

/*プライバシーポリシー*/

.wrapCo1024 h2 {
font-size: 2rem;
font-weight: 600;
margin-top: 50px;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #7b7e7b;
letter-spacing: .15em;
}

.wrapCo1024 ol.wp-block-list li {
position: relative;
list-style-type: none;
margin-left: 26px; 
}

.wrapCo1024 ol.wp-block-list li:before {
position: absolute;
right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
content: "(" counter(list-item) ")";
}

.antisocial ol {
margin-bottom: 30px;
}

.antisocial ol.wp-block-list li {
position: relative;
font-size: 2rem;
font-weight: 700;
list-style-type: decimal;
margin-left: 22px; 
margin-bottom: 7px;
line-height: 1.5;
letter-spacing: .025em;
}

.antisocial ol.wp-block-list li:before {
display: none !important;
}

.wrapCo1024 ul.wp-block-list li {
position: relative;
list-style-type: disc;
margin-left: 20px; 
}

/**/

footer {
position: relative;
background-color: #000200;
width: 100%;
color: #fff;
margin: 0 auto;
padding: 120px 0 80px;
}

footer a {
color: #fff !important;
}

#footerWrap {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

#footerL {
position: relative;
width: 190px;
}

#footerR {
width: 1010px;
margin-bottom: 100px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.footerNavWrap {
width: 170px;
text-align: left;
margin-left: 70px;
}

.footerNav h4 {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #7b7b7b;
}

.footerNav h4 a {
transition: .3s;
}

.footerNav h4 a:hover {
opacity: .6;
}

.footerNav ul {
font-size: 1.3rem;
margin-bottom: 30px;
line-height: 28px;
}

.footerNav ul li a {
transition: .3s;
}

.footerNav ul li a:hover {
opacity: .6;
}

#policyWrap {
width: 100%;
font-size: 1.4rem;
text-align: left;
margin-top: 50px;
margin-left: 50px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
line-height: 1.5;
}

#policyWrap li {
margin-top: 10px;
padding: 0 20px;
border-right: 1px solid #7b7b7b;
}

#policyWrap li:nth-of-type(3),
#policyWrap li:nth-of-type(4) {
border-right: 0;
}

#policyWrap li a {
transition: .3s;
}

#policyWrap li a:hover {
opacity: .6;
}

#footerBottomNav {
display: none;
}

.snsWrap {
font-size: 2.4rem;
display: flex;
justify-content: center;
}

.snsWrap i {
margin: 0 3px;
}

#copyRight {
position: relative;
width: 1200px;
font-size: 1.2rem;
margin: 0 auto;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #7b7b7b;
}

#pagetop {
position: fixed;
background-color: var(--txtColor);
width: 50px;
height: 50px;
border-radius: 50px;
bottom: -50px;
right: 20px;
transition: .3s;
z-index: 500;
}

#pagetop:hover {
background-color: #fff;
}

#pagetop::after {
position: absolute;
width: 14px;
height: 14px;
content: "";
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(-45deg);
left: 0;
right: 0;
top: 0;
bottom: 0;
}

#pagetop:hover::after {
border-top: 1px solid var(--txtColor);
border-right: 1px solid var(--txtColor);
}

.alignright {
float: right;
margin: 0 0 50px 50px;
}

.alignleft {
float: left;
margin: 0 50px 50px 0;
}

.aligncenter {
display: block;
margin: 0 auto;
}

}