@charset "UTF-8";
/* =====================
MV
===================== */
.mv {
background-image: url('/assets/img/works/bg.png');
}
.mv::after {
background-image: url('/assets/img/works/mv.png');
}
/* =====================
代表挨拶
===================== */
.article[data-id='1'] {
padding-top: 95px;
padding-bottom: 120px;
}
.article[data-id='1'] .works-list {
margin-top: 64px;
}
.article[data-id='1'] .works-list ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px 40px;
}
.article[data-id='1'] .works-list ul h3{
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 28.8px */
margin-top: 16px;
letter-spacing: 0.48px;
}
/* =====================
Palarax
===================== */
.js-pallarax {
opacity: 0;
transition: all 1000ms ease 0ms;
filter: blur(1rem);
scale: 0.99;
}
.js-pallarax.on {
opacity: 1;
filter: blur(0);
scale: 1;
}
.work-document{
margin-top: 96px;
}
.work-document h3 {
color: #002a87;
border: 1px solid currentColor;
width: fit-content;
font-weight: bold;
letter-spacing: 1.92px;
line-height: 1;
padding-block: 16.5px;
padding-inline: 22px;
font-size: 24px;
}
.work-document ul{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
margin-top: 32px;
}
.work-document li{
background: white;
}
.work-document li a{
color: var(--text-main, #131518);
font-size: 16px;
text-decoration: underline;
width: 100%;
display: flex;
padding-inline: 24px;
padding-block: 19px;
align-items: center;
}
@media ( any-hover: hover ) {
.work-document li:hover{
opacity: 0.8;
}
}
.work-document li a::before{
content: '';
display: block;
width: 6px;
height: 6px;
flex-shrink: 0;
mask-repeat: no-repeat;
margin-right: 8px;
mask-size: contain;
mask-position: center;
mask-image: url('data:image/svg+xml,');
background-color: #618BE9;
}
.work-document li a::after{
content: '';
display: block;
width: 15px;
aspect-ratio: 1 / 1;
flex-shrink: 0;
mask-repeat: no-repeat;
margin-left: 5px;
mask-size: contain;
mask-position: center;
mask-image: url('data:image/svg+xml,');
background-color: #002A87;
}