@charset "UTF-8";

@media print, screen and (max-width:1199px) {

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

#kvCopy {
position: absolute;
width: 72vw;
z-index: 1;
left: 10px;
top: 130px;
}

/**/

#beginning {
display: none;
}

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

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

.indexTitleWrap {
width: auto;
margin: 0 auto;
margin-bottom: 30px;
display: table;
line-height: 1.3;
}

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

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

.indexTitleEn {
font-family: var(--font-copperplate);
font-size: 4rem;
font-weight: 500;
text-align: left;
margin-top: 5px;
letter-spacing: 0;
line-height: 1;
}

.wrap {
position: relative;
width: 88%;
margin: 0 auto;
}

#wrapBrandSp {
position: relative;
width: 100%;
}

.indexNewsWrap {
position: relative;
width: 100%;
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: 20px;
transition: .3s;
}

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

.indexNewsFlex {
width: 100%;
padding: 20px 5px;
}

.indexNewsL {
width: 100%;
margin-bottom: 5px;
}

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

.indexNewsR {
width: 100%;
padding-right: 40px;
}

.btnBlack,
.btnWhite {
position: relative;
background: #fff;
font-family: var(--font-primary);
width: 100%;
height: 50px;
font-size: 1.3rem;
font-weight: 700;
text-align: center;
color: var(--txtColor);
margin-top: 30px;
cursor: pointer;
border: 1px solid #000200;
letter-spacing: .2em;
}

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

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

#brandWrap {
background: #000200 url("../img/brand_bg_sp.png") no-repeat center 60px;
background-size: 100%;
width: 100%;
text-align: left;
color: #fff;
padding: 90px 0 60px;
}

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

#wrapBrandSp .indexTitle {
width: 88%;
margin: 0 auto;
margin-bottom: 45%
}

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

.indexTitle span {
font-family: var(--font-copperplate);
font-size: 4rem;
font-weight: 500;
display: block;
letter-spacing: 0;
}

#brandWrap p {
font-family: var(--font-mincho);
width: 70%;
font-size: 1.4rem;
font-weight: 500;
text-align: justify;
margin: 0 auto;
margin-bottom: 40px;
}

#brandBgBottom {
width: 120%;
margin-bottom: 40px;
}

#brandFlex {
width: 88%;
margin: 0 auto;
}

.brand {
width: 100%;
text-align: center;
margin-bottom: 20px;
}

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

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

#brandBtnWrap {
width: 88%;
text-align: center;
margin: 0 auto;
margin-top: -20px;
}

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

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

.tabWrap {
width: 100%;
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: 10px 5px;
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: 100%;
font-size: 1.1rem;
margin: 0 auto;
padding: 20px;
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: 100%;
padding: 15px 10px;
}

#brandSearch {
margin-bottom: 20px;
}

#brandSearch input[type="checkbox"],
#typeSearch 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: 47%;
height: 70px;
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: cover;
}

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

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

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

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

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

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

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

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


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

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

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

#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: #000200;
font-family: var(--font-primary);
width: 95%;
height: 50px;
font-size: 1.3rem;
font-weight: 700;
color: #fff;
cursor: pointer;
margin-top: 10px;
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: 47%;
height: 70px;
font-size: 1.2rem;
font-weight: 700;
margin: 2px;
border: 2px solid #e3e3e3;
display: inline-block;
line-height: 70px;
}

#budgetSearch .feas_clevel_01 {
color:  var(--themeColor);
}

#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: 155%;
}

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

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

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

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

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

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

/**/

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

#reservationWrap p {
width: 90%;
margin: 20px auto;
margin-bottom: 60px;
}

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

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

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

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

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

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

.showroomLogo {
background-color: #fff;
width: 100px;
height: 100px;
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: 60px;
margin: 0 auto;
padding: 0;
}

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

.showroomFlex ul {
width: 80%;
padding-left: 15px;
}

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

#showroomFlex {
}

.showroom {
width: 100%;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 30px;
letter-spacing: .15em;
}

.showroom:last-child {
margin-bottom: 0;
}

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

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

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

.btnSearch::after,
.btnShowroomIndex::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;
}

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

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

#aboutFlex {
position: relative;
width: 88%;
margin: 0 auto;
z-index: 1;
}

#aboutL {
width: 88%;
font-weight: 700;
text-align: justify;
margin: 0 auto;
margin-bottom: 30px;
letter-spacing: .15em;
}

#aboutL .indexTitle {
width: auto;
display: table;
margin: 0 auto;
}

#aboutL h3 {
font-size: 2rem;
margin: 20px auto;
line-height: 1.5;
}

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

#aboutR {
width: 100%;
}

#serviceFlex {
width: 100%;
}

.service {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
}

.service h3 {
position: absolute;
font-family: var(--font-syne);
font-size: 2.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.3rem;
font-weight: 600;
display: block;
margin-top: 20px;
}

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

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

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

#ownerSupportFlex {
width: 80%;
margin: 0 auto;
}

.ownerSupport {
background: rgba(0,0,0,.7);
width: 100%;
height: 160px;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
padding: 30px 10px;
}

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

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

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

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

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

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

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

.recruitInnerWrap {
width: 88%;
margin: 0 auto;
}

#recruitWrap .indexTitleWrap {
display: block;
}

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

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

#recruitPhoto img {
width: 100%;
}

#contactBottomWrap {
position: relative;
width: 88%;
margin: 0 auto;
padding: 60px 0;
}

.indexTitleBlack {
position: relative;
font-size: 1.2rem;
font-weight: 700;
text-align: left;
color: var(--txtColor);
display: table;
margin: 0 auto;
padding-top: 15px;
}

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

.indexTitleBlack span {
font-family: var(--font-copperplate);
font-size: 4rem;
font-weight: 500;
text-align: left;
margin-top: 5px;
display: block;
letter-spacing: 0;
line-height: 1;
}

.contactBtnWrap {
position: relative;
width: 100%;
line-height: 1.6;
margin-top: 30px;
}

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

/**/

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

#titleWrap2 {
position: relative;
width: 100%;
height: 240px;
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: 88%;
font-size: 1.2rem;
font-weight: 700;
text-align: left;
margin: 0 auto;
padding-top: 10px;
top: 80%;
left: 50%;
transform: translateY(-80%) translateX(-50%);
}

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

#contentsTitle span {
font-family: var(--font-copperplate);
font-size: 3.6rem;
font-weight: 500;
display: block;
margin-top: 5px;
letter-spacing: 0;
line-height: 1;
}

#contentsTitle2 {
position: absolute;
width: 88%;
font-size: 2rem;
text-align: left;
margin: 0 auto;
top: 60%;
left: 50%;
transform: translateY(-60%) translateX(-50%);
line-height: 1.5;
}

.contentsWrapColor {
background-color: #f5f5f5;
}

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

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

.wrapCo,
.wrapCoS {
position: relative;
width: 88%;
text-align: justify;
margin: 0 auto;
padding: 40px 0 60px;
}

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

/*事業概要*/

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

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

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

.featuresFlex {
margin-bottom: 30px;
}

.features {
background-color: #fff;
width: 100%;
height: 60px;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
display: table;
line-height: 1.5;
}

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

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

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

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

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

.featuresFlex .btnSearch {
margin-bottom: -30px !important;
}

.featuresFlex .btnSearch:last-of-type {
margin-bottom: 20px !important;
}

#assessmentFllowWrap {
background-color: #d8ddd8;
font-size: 2rem;
font-weight: 700;
text-align: center;
padding: 30px;
line-height: 1;
}

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

.businessOverviewBtnWrap {
text-align: center;
}

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

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

.parallaxContainer {
background-color: #000200;
}

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

#aboutCoWrap #breadcrumb {
position: absolute;
width: 88%;
font-size: 1rem;
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: 50px 0;
}

#missionStatement .inner {
font-family: var(--font-mincho);
width: 80%;
font-size: 1.3rem;
text-align: justify;
margin: 0 auto;
line-height: 2;
}

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

#missionStatement h2 span {
font-family: var(--font-primary);
font-size: 1.4rem;
display: block;
margin-top: 5px;
}

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

#philosophyWrap {
font-family: var(--font-mincho);
width: 80%;
font-size: 1.3rem;
margin: 0 auto;
padding: 60px 0;
line-height: 2;
}

#philosophyWrap p {
margin-bottom: 0;
}

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

.aboutTitle span {
font-family: var(--font-primary);
font-size: 1.4rem;
display: block;
margin-top: 5px;
}

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

.imgWide img {
width: 100%;
}

#wrapTopMessage {
font-family: var(--font-mincho);
width: 80%;
font-size: 1.3rem;
text-align: justify;
margin: 0 auto;
padding: 60px 0;
line-height: 1.7;
}

#wrapTopMessage .inner {
width: 90%;
margin: 0 auto;
margin-top: 30px;
}

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

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

#commitmentFlex {
width: 90%;
margin: 0 auto;
}

.commitment {
width: 100%;
text-align: justify;
margin-bottom: 30px;
}

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

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

.promiseFlex {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
}

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

.promisePhoto {
width: 100%;
margin-bottom: 20px;
}

.promiseTxt {
width: 100%;
text-align: justify;
}

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

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

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

#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: 80%;
margin: 0 auto;
padding: 60px 0 30px;
line-height: 2;
}

#ownerSupportKv .inner h2 {
font-family: var(--font-mincho);
font-size: 2.8rem;
margin-bottom: 30px;
line-height: 1.5;
}

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

#ownerSupportNav {
margin-bottom: 30px;
}

#ownerSupportNav ul {
}

#ownerSupportNav ul li {
position: relative;
width: 100%;
font-weight: 700;
padding: 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: 14px;
}

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

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

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

#supportColorLi {
margin-bottom: 15px;
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 10px 10px 0;
padding: 5px 8px;
}

#coatingFlex {
}

#coating {
width: 100%;
}

#coatingPhoto {
width: 100%;
margin-bottom: 15px;
}

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

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

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

#tireFlex {
margin-bottom: 30px;
}

#tire {
width: 100%;
}

#tireImg {
width: 100%;
}

#membershipTypeFlex {
margin-top: 10px;
margin-bottom: 30px;
}

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

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

.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: 2rem;
}

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

/*拠点案内*/

#showroomFlex {
width: 88%;
margin: 0 auto;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #7b7e7b;
}

#showroomArea {
width: 100%;
font-weight: 700;
margin-bottom: 30px;
}

#showroomArea ul {
display: flex;
justify-content: flex-start;
}

#showroomArea li {
margin-right: 30px;
}

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

#showroomR {
width: 100%;
}

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

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

.showroomCo {
width: 100%;
margin-bottom: 30px;
}

.showroomPhoto {
width: 100%;
height: 210px;
overflow: hidden;
margin-bottom: 10px;
}

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

.showroomCo h4 {
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 15px;
}

.showroomCo .specialty,
.wrapPost .specialty {
position: relative;
background-color: var(--txtColor);
height: 20px;
font-size: 1rem;
text-align: center;
color: #fff;
display: table;
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: 10px 0;
padding-bottom: 6px;
cursor: pointer;
border: 1px solid var(--txtColor);
transition: .3s;
}

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

.btnShowroom {
position: relative;
background-color: #fff;
font-family: var(--font-primary);
width: 100%;
height: 58px;
font-size: 1.3rem;
font-weight: 700;
text-align: left;
color: var(--txtColor);
margin-top: -5px;
padding: 0 20px;
cursor: pointer;
border: 1px solid var(--txtColor);
transition: .3s;
}

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

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

.showroomTitle {
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 10px;
letter-spacing:  .2rem;
}

.showroomPhotoCo {
width: 100%;
margin: 10px auto;
margin-bottom: 0;
}

.showroomPhotoCo img {
width: 100%;
}

#postShowroomFlex {
}

#postShowroomTxt {
width: 100%;
margin-bottom: 20px;
}

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

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

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

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

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

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

#showroomStaff h3 {
font-family: var(--font-copperplate);
font-size: 2rem;
font-weight: 500;
margin-bottom: 20px;
line-height: 1.2;
}

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

#showroomStaff .staff {
width: 48%;
text-align: center;
margin-bottom: 20px;
}

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

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

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

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

#showroomStaff .staffComment {
width: 100%;
text-align: center;
margin: 0 auto;
}

.btnReservationBlack {
position: relative;
background-color: var(--txtColor);
font-family: var(--font-primary);
width: 100%;
height: 50px;
font-size: 1.3rem;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
cursor: pointer;
border: 1px solid #fff;
letter-spacing: .2em;
}

/*サービス概要*/

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

.wrapOwnerSupport {
padding: 10px 0 60px;
}

.wrapBusinessOverview h2,
.wrapOwnerSupport h2,
.wrapService h2,
.wrapService2 h2,
.wrapService3 h2 {
position: relative;
font-size: 2rem;
font-weight: 700;
margin: 60px auto;
margin-bottom: 50px;
letter-spacing: .2em;
line-height: 1.3;
z-index: 1;
}

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

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

.carSalesBtnWrap {
margin: 30px auto;
margin-bottom: 60px;
}

.carSalesBtnWrap div {
width: 100%;
margin-bottom: 10px;
}

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

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

#carSales350items {
background-color: #fff;
text-align: center;
margin: 30px auto;
padding: 26px 20px 26px;
}

#carSales350items h4 {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: .1em;
line-height: 1.5;
}

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

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

#guaranteeFlex {
}

.guarantee {
width: 100%;
line-height: 1.5;
}

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

.guaranteeTitle02 {
background-color: #d8ddd8;
}

.guarantee table {
width: 100%;
font-size: 1.2rem;
margin-bottom: 20px;
}

.guarantee th {
background-color: var(--txtColor);
width: 90px;
font-weight: 700;
color: #fff;
padding: 5px 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 16px;
}

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

#guaranteeR {
margin: 10px auto;
}

#otherOwnerWrap {
position: relative;
background: url("../img/car_sales_img04.jpg") no-repeat center;
background-size: cover;
width: 100%;
height: 200px;
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #fff;
margin-top: 30px;
padding: 30px;
line-height: 1.5;
}

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

/**/

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

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

.purchase {
width: 78%;
}

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

#purchaseFllowWrap {
background-color: #d8ddd8;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
margin-bottom: 80px;
padding: 30px 10px;
line-height: 1;
}

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

/**/

.maintenanceFlex {
margin-bottom: 20px;
}

.maintenance {
position: relative;
width: 100%;
z-index: 2;
}

.maintenance h3 {
font-size: 1.8rem;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #7b7e7b;
}

.maintenancePhoto {
position: relative;
width: 100%;
margin-bottom: 20px;
z-index: 1;
}

.maintenancePhotoBgR,
.maintenancePhotoBgL {
position: absolute;
background-color: #fff;
width: 190px;
height: 130px;
z-index: -1;
right: -60px;
bottom: -30px;
}

/*会社概要*/

#wrapCompany {
width: 80%;
margin: 0 auto;
padding: 30px 0 60px;
}

#outline {
width: 100%;
text-align: justify;
margin: 0 auto;
margin-bottom: 30px;
}

#outline table {
width: 100%;
}

#outline th,
#outline td {
width: 100%;
display: block;
padding: 10px 15px;
border: 1px solid #d8ddd8
}

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

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

#companyL {
width: 100%;
text-align: left;
}

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

#companyR {
background: #ccc;
width: 100%;
height: 210px;
margin-bottom: 20px;
}

.googleMap {
position: relative;
width: 100%;
padding-top: 56.25%;
height: 0;
margin-bottom: 30px;
}

.googleMap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*中古車を探す*/

#wrapStockCarFlex {
width: 80%;
margin: 0 auto;
padding: 30px 0 40px;
}

.stockCarLrFlex {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #7b7e7b;
}

#wrapStockCarL {
width: 100%;
text-align: left;
margin-bottom: 30px;
}

#wrapStockCarL h3 {
font-size: 1.3rem;
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.2rem;
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: 1.5rem;
font-weight: 600;
margin-bottom: 30px;
padding: 7px 0 23px;
border-top: 1px solid #7b7e7b;
border-bottom: 1px solid #7b7e7b;
line-height: 1;
}

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

.feas-submit-button {
background-color: var(--txtColor);
width: 100%;
height: 60px;
font-size: 1.3rem;
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: -10px;
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: 2px;
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.3rem;
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: 100%;
font-size: 1.2rem;
}

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

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

#stockCarLIndex {
width: 100%;
height: 220px;
overflow: hidden;
margin-bottom: 30px;
}

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

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

/**/

#wrapStockCar {
width: 80%;
margin: 0 auto;
padding: 30px 0 40px;
}

#stockCarLrFlex {
margin-bottom: 40px;
}

#stockCarL {
width: 100%;
margin-bottom: 30px;
}

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

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

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

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

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

#stockCarR h1 {
font-size: 1.6rem;
margin-bottom: 30px;
line-height: 1.6;
}

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

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

.stockCarDetailTable th {
width: 60px;
}

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

.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.2rem;
margin: 30px 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: 3rem;
}

#stockCarPriceR {
width: 50%;
}

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

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

#btnTelContactFlex {
margin-top: 30px;
}

.btnStockTel {
background-color: #fff;
width: 100%;
height: 80px;
font-size: 1.4rem;
color:  var(--txtColor);
margin-bottom: 20px;
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: 100%;
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: 30px;
}

#recommendedPointsL {
position: relative;
width: 100%;
text-align: center;
padding-bottom: 25px;
margin-bottom: 20px;
border-bottom:  1px solid #ccc;
line-height: 1.4;
}

#recommendedPointsL h2 {
font-family: var(--font-copperplate);
font-size: 2.6rem;
font-weight: 600;
}

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

#recommendedPointsR {
width: 100%;
font-weight: 600;
text-align: justify;
}

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

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

.stockCarDetailTableW table {
width: 100%;
font-size: 1.1rem;
text-align: left;
margin-bottom: 30px;
border-bottom: 1px solid #d8ddd8;
}

.stockCarDetailTableW th,
.stockCarDetailTableW td {
position: relative;
width: 100%;
padding: 5px 10px;
border-left: 1px solid #d8ddd8;
border-top: 1px solid #d8ddd8;
border-right: 1px solid #d8ddd8;
display: block;
}

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

.stockCarDetailTableW td {
}

.chartBoxFlex {
margin: 0 auto;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.chartBox,
.chartBoxWide {
background-color: #fff;
width: 49%;
height: 28px;
font-size: 1rem;
font-weight: 600;
color: #c9c9c9;
text-align: center;
margin-bottom: 5px;
line-height: 26px;
}

.chartBoxWide {
width: 100%;
}

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

#warrantyFlex {
font-size: 1.1rem;
margin-top: 20px;
line-height: 1.5;
}

#warrantyL {
background-color: var(--txtColor);
width: 100%;
font-weight: 600;
text-align: center;
color: #fff;
padding: 10px;
}

#warrantyR {
background-color: #fff;
width: 100%;
text-align: justify;
padding: 15px 20px;
}

/*よくある質問*/

.accordion {
position: relative;
width: 90%;
margin: 0 auto;
}

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

.accordion li {
position: relative;
width: 100%;
margin-bottom: 30px;
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: 46px;
height: 46px;
font-size: 3rem;
font-weight: 300;
text-align: center;
line-height: 44px;
}

.toggle dd {
padding: 10px 25px 0 60px;
}

.toggle dd h3 {
position: relative;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
}

.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: 46px;
height: 46px;
font-size: 3rem;
font-weight: 300;
text-align: center;
color: #fff;
line-height: 44px;
}

.faqDetail dd {
font-size: 1.2rem;
padding: 20px 30px 20px 60px;
}

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

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

/*お知らせ*/

.contentsTitleTop {
width: 90%;
margin: 0 auto;
font-size: 1.6rem;
font-weight: 700;
}

.categoryNav {
width: 90%;
margin: 30px auto;
margin-top: 20px;
}

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

.categoryNav li {
width: 49%;
}

.categoryNav li a {
background-color: #fff;
width: 100%;
height: 22px;
font-size: 1.2rem;
text-align: center;
display: block;
margin-bottom: 5px;
border: 1px solid var(--txtColor);
border-radius: 5px;
line-height: 20px;
}

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

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

.newsCoFlex {
}

.newsCo {
width: 90%;
font-size: 1.2rem;
margin: 0 auto;
margin-bottom: 30px;
transition: .3s;
}

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

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

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

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

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

.wrapPost {
width: 80%;
text-align: justify;
margin: 0 auto;
padding: 30px 0 60px;
}

.postDateFlex {
display: flex;
justify-content: flex-start;
align-items: center;
}

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

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

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

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

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

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

.btnPrev,
.btnNext {
position: relative;
background: transparent;
width: 80px;
height: 25px;
font-size: 0;
text-align: left;
text-indent: -1000px;
color: var(--txtColor);
border: none;
cursor: pointer;
}

.btnPrev {
text-align: right;
}

.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 .circle {
position: absolute;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid var(--txtColor);
margin: auto;
right: 0;
top: 0;
bottom: 0;
transition: .5s;
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: .5s;
transform: scale(1);
}

/**/

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

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

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

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

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

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

.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 .previouspostslink::after {
position: absolute;
width: 8px;
height: 8px;
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: 8px;
height: 8px;
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;
}

/*お問い合わせ*/

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

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

.formWrap p {
margin-bottom: 0;
}

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

.formInput dt {
padding: 5px 0 5px;
}

.formInput dd {
padding: 0 0 5px;
}

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

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

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

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

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

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

.formNote {
font-size: 1.1rem;
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.2rem;
color: var(--txtColor);
padding: 0 15px;
border: 1px solid #d8ddd8;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.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: 20px;
}

.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;
}

.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: 0px;
}

.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;
top: 12px;
}

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

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

.wpcf7-submit {
background-color: var(--txtColor);
font-family: var(--font-primary);
width: 100%;
height: 78px;
font-size: 1.3rem;
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: 10px;
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: 24px;
transition: .3s;
}

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

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

/**/

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

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

.availableAt {
background-color: #fff;
width: 100%;
height: 120px;
font-family: var(--font-inter);
font-size: 2.8rem;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
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.2rem;
font-weight: 400;
text-align: left;
margin-bottom: 5px;
}

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

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

.wrapCo1024 h2 {
font-size: 1.6rem;
font-weight: 600;
margin-top: 30px;
margin-bottom: 25px;
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: 22px; 
}

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

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

.antisocial ol.wp-block-list li {
position: relative;
font-size: 1.4rem;
font-weight: 700;
list-style-type: decimal !important;
margin-left: 22px;
margin-bottom: 5px;
line-height: 1.5;
}

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

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

/**/

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

footer a {
color: #fff !important;
}

#footerWrap {
width: 100%;
margin: 0 auto;
}

#footerL {
display: none;
}

#footerR {
width: 100%;
padding-bottom: 30px;
}

.footerNavWrap {
min-width: 135px;
text-align: left;
margin: 0 auto;
display: table;
white-space: nowrap;
}

.footerNav h4 {
font-size: 1.3rem;
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.1rem;
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.2rem;
text-align: center;
margin: 0 auto;
margin-top: 30px;
line-height: 1.5;
}


#policyWrap li {
text-align: center ;
margin-bottom: 10px;
}

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

#footerBottomNav li {
background-color: #989898;
width: 50%;
}

#footerBottomNav li:nth-of-type(1){
border-right: 1px solid var(--txtColor);
border-bottom: 1px solid var(--txtColor);
}

#footerBottomNav li:nth-of-type(2) {
border-bottom: 1px solid var(--txtColor);
}

#footerBottomNav li:nth-of-type(3){
border-right: 1px solid var(--txtColor);
}

#footerBottomNav li a {
height: 35px;
font-size: 1.2rem;
font-weight: 500;
color: var(--txtColor) !important;
display: block;
line-height: 33px;
}

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

.snsWrap a {
color: #fff;
}

.snsWrap i {
margin: 0 3px;
}

#copyRight {
position: relative;
width: 100%;
font-size: 1rem;
margin: 0 auto;
margin-top: 20px;
}

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

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

#pagetop::after {
position: absolute;
width: 10px;
height: 10px;
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);
}

.orderBox { 
display: flex;
flex-direction: column;
}

.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.order4 { order: 4; }
.order5 { order: 5; }

.alignright,
.alignleft,
.aligncente {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

}