@charset "utf-8";

.brand .brand-tit .img {width:42%;}
.brand .brand-tit .img img {width:100%; max-width:600px; position:sticky; top:120px}
.brand .brand-tit .txt {width:calc(58% - 100px);}
.brand .brand-tit .txt .tit-txt {line-height:1.4;}
.brand .brand-tit .txt .tit-txt span {display:block; font-size:24px; color:#000;}
.brand .brand-tit .txt .tit-txt p {font-size:36px; font-weight:700; color:#CA5400;}
.brand .brand-tit .txt .basic-txt {margin-top:50px; line-height:1.8; margin-top:30px; color:#333;}
.brand .brand-tit .txt .basic-txt p+p {margin-top:30px;}
.brand .brand-tit .txt .basic-txt p b {font-weight:600; color:#CA5400;}

.brand .flex-st {display:flex; gap:100px;}
.brand .flex-st .img-area {width:350px;}
.brand .flex-st .img-area img {width:100%; max-width:350px;}
.brand .flex-st .img-area img.sticky {position:sticky; top:120px;}
.brand .flex-st .txt-area {width:calc(100% - 450px);}

.brand .item-repre h3 {font-size:32px; font-weight:700; color:#000; line-height:1.2;}
.brand .item-repre .basic-txt {margin-top:20px; font-size:18px; color:#333; line-height:1.8;}
.brand .item-repre .basic-txt p+p {margin-top:30px;}

.brand .item-intro {padding-top:100px; margin-top:100px; border-top:1px solid var(--border1);}
.brand .item-intro h4 {font-size:32px;}
.brand .item-intro h4, .company .item-intro h5  {font-weight:700; line-height:1.2;}
.brand .item-intro.briltone h4 {color:#CB955E;}
.brand .item-intro.neutone h4 {color:#ACB477;}
.brand .item-intro.vinatone h4 {color:#B27018;}

.brand .item-intro .item-tit .sub-tit {font-size:18px; font-weight:600; color:#000; margin-top:10px;}
.brand .item-intro .item-tit p {margin-top:10px; color:#333; line-height:1.8;}
.brand .item-intro .item-tit p b {color:#000; font-weight:600;}

.brand .item-intro .item-feat {margin-top:30px;}
.brand .item-intro .item-feat h5 {display:inline-block; color:#fff; font-size:18px; border-radius:3rem; padding:12px 20px;}
.brand .item-intro.briltone h5 {background-color:#CB955E;}
.brand .item-intro.neutone h5 {background-color:#ACB477;}
.brand .item-intro.vinatone h5 {background-color:#B27018;}
.brand .item-intro .item-feat dl dt {color:#000; font-weight:700; line-height:1.6; margin-top:5px;}
.brand .item-intro .item-feat dl dd {color:#333; line-height:1.8; margin-top:5px;}

@media (max-width: 1199px) {

.brand .brand-tit .img {width:30%;}
.brand .brand-tit .txt {width:calc(70% - 80px);}
.brand .brand-tit .txt .tit-txt {line-height:1.4;}
.brand .brand-tit .txt .tit-txt p {font-size:30px;}
.brand .brand-tit .txt .tit-txt span {font-size:20px;}

.brand .flex-st {gap:80px;}
.brand .flex-st .img-area {width:280px;}
.brand .flex-st .txt-area {width:calc(100% - 360px);}
.brand .item-intro {padding-top:70px; margin-top:70px;}

.brand .item-repre h3 {font-size:28px;}
.brand .item-repre .basic-txt {font-size:17px;}
.brand .item-repre .basic-txt p+p {margin-top:25px;}

.brand .item-intro h4 {font-size:28px;}
}

@media (max-width: 767px) {

.brand .brand-tit .img {width:100%;}
.brand .brand-tit .img img {max-width:400px;}
.brand .brand-tit .txt {width:100%;}
.brand .brand-tit .txt .basic-txt {margin-top:25px;}
.brand .brand-tit .txt .basic-txt p+p {margin-top:20px;}
.brand .brand-tit .txt .tit-txt span {font-size:18px;}
.brand .brand-tit .txt .tit-txt p {font-size:24px;}

.brand .flex-st {flex-direction:column; gap:20px;}
.brand .flex-st .img-area {width:100%;}
.brand .flex-st .txt-area {width:100%;}
.brand .item-intro {padding-top:50px; margin-top:50px;}

.brand .item-repre h3 {font-size:24px;}
.brand .item-repre .basic-txt {font-size:16px;}
.brand .item-intro h4 {font-size:24px;}
.brand .item-intro .item-tit .sub-tit {font-size:17px;}
.brand .item-intro .item-feat h5 {font-size:16px;}

}


@media (max-width: 500px) {
.brand .item-intro {padding-top:40px; margin-top:40px;}






}