@charset "utf-8";

#productRow {padding: 0 5rem;}
#productRow .item > a {
position: relative;
z-index: 3;
}
#productRow::after {
content: "";
position: absolute;
top: -1.25rem;
left: 3.75rem;
z-index: -1;
width: calc(100% - (3.75rem * 2));
height: calc(100% + (1.25rem * 2));
border: var(--border1);
padding: var(--padding2);
background-color: #fff;
opacity: 0.75;
pointer-events: none;
}
#productRow .TXT {padding-top: 0.9375rem;}
#productRow .owl-nav {
width: 100%;
left: 0;
}

@media (max-width: 767px) {
#productRow {padding: 0;}
#productRow::after {display: none;}
#productRow .item {
border: var(--border1);
padding: var(--padding2);
background-color: rgba(255, 255, 255, 0.75);
}
#productRow .owl-nav {
width: 120px;
height: auto;
position: relative;
bottom: initial;
left: initial;
margin: 0.75rem auto 0;
}
}

/* ======== */
/* ▼ .i_qaAccordion1 */
body > section.i_qaAccordion1 > .bg {
width: 100%;
background-size: auto 100%;
background-position: 0% 50%;
}
.i_qaAccordion1 .container-fluid.max-c-f {
padding-top: 5.5rem;
padding-bottom: 5rem;
}
.i_qaAccordion1 .container-fluid.max-c-f::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 88%;
height: 100%;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
.i_qaAccordion1 .container-fluid.max-c-f > div {
position: relative;
z-index: 3;
}
.i_qaAccordion1 .title2 {
width: calc(50% - 0.9375rem);
margin-left: auto;
}
.i_qaAccordion1 .title2 h4 {
color: #fff;
text-shadow: 1px 1px 3px var(--bs-gray-300), 0 1px 3px var(--bs-gray-900);
font-family: sans-serif;
font-size: 2.85rem;
line-height: 1.25;
letter-spacing: 1px;
padding: 0 0 0.75rem 5rem;
position: relative;
}
.i_qaAccordion1 .title2 h4::after {
content: "";
position: absolute;
top: 1.5rem;
left: 0;
width: 3.5rem;
height: 1px;
background-color: var(--bs-gray-700);
}
#faqAccordion {
width: calc(50% - 0.9375rem);
margin: 0 0 0 auto;
}

@media (max-width: 1199px) {
body > section.i_qaAccordion1 > .bg {
top: 0;
bottom: initial;
width: 100%;
height: 80%;
background-position: 50% 100%;
opacity: 0.15;
}
.i_qaAccordion1 .container-fluid.max-c-f {
padding-top: 100px;
padding-bottom: 24px;
}
.i_qaAccordion1 .container-fluid.max-c-f::after {
width: 100%;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.i_qaAccordion1 .title2, #faqAccordion {width: 100%;}
.i_qaAccordion1 .title2 h4 {
font-size: 2.25rem;
padding: 0 0 0.75rem 3.5rem;
}
.i_qaAccordion1 .title2 h4::after {width: 2rem;}
}

@media (max-width: 767px) {
.i_qaAccordion1 .title2 h4 {
font-size: 1.85rem;
padding: 0 0 0.75rem 2.5rem;
}
.i_qaAccordion1 .title2 h4::after {
width: 1.5rem;
top: 1rem;
}
}
/* ======== */
/* ▼ .i_albumGRID1 */
#i_albumGRID1 .TXT h4 {text-align: center;}

#productRow {}
#productRow .TXT h4 {text-align: center;}
#productRow .TXT h4 + p {justify-content: center;}

#i_productROW1 #productRow::after {display: none;}

#i_productGRID1 .item {background-color: #fff;}
#i_productGRID1 .TXT h4 {text-align: center;}
#i_productGRID1 .TXT h4 + p {justify-content: center;}