@charset "utf-8";

.test-philo {padding-top:50px;}
.test-philo .brand-tit .img {width:42%;}
.test-philo .brand-tit .img img {position:static; top:100px; width:100%; max-width:600px;}
.test-philo .brand-tit .txt {width:calc(58% - 100px);}
.test-philo .brand-tit .txt .tit-txt {line-height:1.4;}
.test-philo .brand-tit .txt .tit-txt span {display:block; font-size:var(--fs24); color:#000;}
.test-philo .brand-tit .txt .tit-txt p {font-size:36px; font-weight:700; color:#CA5400;}
.test-philo .brand-tit .txt .tit-txt p.small {color:#000; font-size:var(--fs24); font-weight:400;}
.test-philo .brand-tit .txt .tit-txt p.small b {font-weight:600;}
.test-philo .brand-tit .txt .basic-txt {margin-top:50px; line-height:1.8; margin-top:30px; color:#333;}
.test-philo .brand-tit .txt .basic-txt p+p {margin-top:30px;}
.test-philo .brand-tit .txt .basic-txt p b {font-weight:600; color:#CA5400;}
.test-philo .brand-tit .sub-txt+.sub-txt {border-top:1px solid var(--border1); padding-top:50px; margin-top:50px;}


.test-philo .flex-st {display:flex; gap:100px;}
.test-philo .flex-st .txt-area {width:calc(100% - 450px);}

.test-philo .step-txt dl dt {display:flex; align-items:center; gap:10px;}
.test-philo .step-txt dl dt span {color:var(--base5); font-size:var(--fs18); font-weight:600;}
.test-philo .step-txt dl dt .i-step {display:block; background:var(--base5); color:#fff; padding:12px 20px; line-height:1; font-size:var(--fs16); border-radius:100px;}
.test-philo .step-txt dl+dl {margin-top:40px;}
.test-philo .step-txt dl dd {color:#333; margin-top:15px; line-height:1.8;}
.test-philo .step-txt dl ul {margin:15px 0; padding-left:0;}
.test-philo .step-txt dl ul li {list-style:none; font-weight:600;}

.test-philo .hype-txt dt {color:var(--base5); font-weight:600; font-size:var(--fs18);}
.test-philo .hype-txt dd {margin-top:15px; line-height:1.8; color:#333;}

.test-philo .final-txt dt {color:#000; font-size:var(--fs24); font-weight:600; padding-left:30px; position:relative;}
.test-philo .final-txt dt:before {content:""; display:block; width:10px; height:33px; position:absolute; left:0; top:-4px; background:#000;}
.test-philo .final-txt dd {margin-top:30px; line-height:1.8; color:#333;}
@media (max-width: 1199px) {
.test-philo {padding-top:30px;}
.test-philo .brand-tit .img {width:30%;}
.test-philo .brand-tit .txt {width:calc(70% - 80px);}
.test-philo .brand-tit .txt .tit-txt {line-height:1.4;}
.test-philo .brand-tit .txt .tit-txt p {font-size:30px;}
.test-philo .brand-tit .txt .tit-txt span {font-size:20px;}

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

.test-philo .brand-tit .sub-txt+.sub-txt {margin-top:40px; padding-top:40px;}
.test-philo .step-txt dl+dl {margin-top:30px;}
}

@media (max-width: 767px) {

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

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

.test-philo .brand-tit .sub-txt+.sub-txt {margin-top:30px; padding-top:30px;}
}


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

}