.detail-pages {
padding: 73px 243px;
}
.detail-pages ul.breadcrumbs {
display: flex;
align-items: center;
padding: 20px 0;
white-space: nowrap;
overflow-x: auto;
}
.detail-pages ul.breadcrumbs::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
border-radius: 5px;
}
.detail-pages ul.breadcrumbs::-webkit-scrollbar {
width: 1px;
height: 2px;
background-color: #f5f5f5;
border-radius: 5px;
}
.detail-pages ul.breadcrumbs::-webkit-scrollbar-thumb {
border: 2px solid var(--primary-color);
background-color: var(--primary-color);
border-radius: 5px;
}
.detail-pages ul.breadcrumbs li {
margin-right: 15px;
}
.detail-pages ul.breadcrumbs li a {
color: var(--text-soft-400);
font-size: 14px;
font-weight: 600;
letter-spacing: -0.5px;
}
.detail-pages ul.breadcrumbs li:last-child a {
color: var(--text-soft-main);
}
.detail-pages ul.breadcrumbs li:is(:first-child, :last-child) a{
cursor: default;
}
.detail-pages ul.breadcrumbs li:is(:first-child, :nth-child(2)) a:hover{
color: var(--text-soft-main);
}
.detail-pages ul.breadcrumbs li+li:before {
margin-right: 12px;
padding: 3px;
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_right_detail.svg) no-repeat center/cover;
content: "";
}
.detail-pages-content {
margin-top: 20px;
}
.detail-pages-ttl {
line-height: 1.15;
font-size: 40px;
font-weight: 800;
text-align: left;
letter-spacing: -0.5px;
}
.detail-pages-content img {
width: 100%;
margin: 25px 0;
}
.detail-pages-content p {
line-height: 1.47;
margin-bottom: 25px;
font-size: 16px;
font-weight: 400;
text-align: left;
letter-spacing: -0.2px;
}
.detail-pages-content ul li {
font-size: 16px;
font-weight: 400;
}
.others-announcement {
padding-top: 31px;
}
.others-announcement h2 {
font-size: 40px;
font-weight: 800;
text-align: left;
letter-spacing: -0.5px;
}
.others-announcement .row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-top: 49px;
}
.others-announcement .detail-boxes {
width: 31.5%;
margin-right: 29px;
margin-bottom: 60px;
}
.others-announcement .detail-boxes:nth-child(3n+0) {
margin-right: 0;
}
.others-announcement .detail-boxes .detail-info {
padding-top: 20px;
}
.others-announcement .detail-boxes .detail-info h3 {
line-height: 1.2;
color: var(--txt-color2);
font-size: 24px;
font-weight: 800;
text-align: left;
letter-spacing: -0.5px;
}
.others-announcement .detail-boxes:hover  .detail-info h3 {
color: var(--primary-color);
}
.others-announcement .detail-boxes .detail-info .date {
line-height: 1.5;
padding-top: 26px;
color: var(--txt-color2);
font-size: 14px;
font-weight: 600;
text-align: left;
letter-spacing: -0.3px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.detail-pages {
padding: 5.703vw 18.984vw;
}
.detail-pages ul.breadcrumbs li {
margin-right: 1.172vw;
}
.detail-pages ul.breadcrumbs li a {
font-size: 1.094vw;
letter-spacing: -0.039vw;
}
.detail-pages ul.breadcrumbs li+li:before {
margin-right: 0.938vw;
padding: 0.234vw;
}
.detail-pages-content {
margin-top: 1.563vw;
}
.detail-pages-ttl {
line-height: 1.15;
font-size: 3.125vw;
letter-spacing: -0.039vw;
}
.detail-pages-content img {
width: 100%;
margin: 1.953vw 0;
}
.detail-pages-content p {
line-height: 1.47;
margin-bottom: 1.953vw;
font-size: 1.25vw;
letter-spacing: -0.016vw;
}
.detail-pages-content ul li {
font-size: 1.25vw;
}
.others-announcement {
padding-top: 2.422vw;
}
.others-announcement h2 {
font-size: 3.125vw;
letter-spacing: -0.039vw;
}
.others-announcement .row {
padding-top: 3.828vw;
}
.others-announcement .detail-boxes {
width: 31.5%;
margin-right: 2.344vw;
margin-bottom: 4.688vw;
}
.others-announcement .detail-boxes .detail-info {
padding-top: 1.563vw;
}
.others-announcement .detail-boxes .detail-info h3 {
line-height: 1.2;
font-size: 1.875vw;
letter-spacing: -0.039vw;
}
.others-announcement .detail-boxes .detail-info .date {
line-height: 1.5;
padding-top: 2.031vw;
font-size: 1.094vw;
letter-spacing: -0.023vw;
}
} @media all and (max-width:767.9px) {
.detail-pages {
padding: 2.667vw;
}
.detail-pages ul.breadcrumbs li {
margin-right: 4vw;
}
.detail-pages ul.breadcrumbs li a {
font-size: 3.733vw;
letter-spacing: -0.133vw;
}
.detail-pages ul.breadcrumbs li+li:before {
margin-right: 3.2vw;
padding: 0.8vw;
}
.detail-pages-content {
margin-top: 5.333vw;
}
.detail-pages-ttl {
font-size: 7.467vw;
letter-spacing: -0.133vw;
}
.detail-pages-content img {
width: 100%;
margin: 6.667vw 0;
}
.detail-pages-content p {
line-height: 1.47;
margin-bottom: 6.667vw;
font-size: 3.2vw;
letter-spacing: -0.053vw;
}
.detail-pages-content ul li {
font-size: 3.2vw;
}
.others-announcement {
padding-top: 8.267vw;
}
.others-announcement h2 {
font-size: 5.333vw;
letter-spacing: -0.133vw;
}
.others-announcement .row {
flex-direction: column;
padding-top: 13.067vw;
}
.others-announcement .detail-boxes {
width: 100%;
margin-right: 0;
margin-bottom: 10.667vw;
}
.others-announcement .detail-boxes .detail-info {
padding-top: 5.333vw;
}
.others-announcement .detail-boxes .detail-info h3 {
line-height: 1.2;
font-size: 4.333vw;
letter-spacing: -0.133vw;
}
.others-announcement .detail-boxes .detail-info .date {
padding-top: 2.667vw;
font-size: 3.733vw;
letter-spacing: -0.08vw;
}
}