/* Sass Document */
.p-guideline {
padding-block: 10rem 12rem;
}
@media screen and (max-width: 767.98px) {
.p-guideline {
padding-block: 6rem 8rem;
}
}
.c-content__ttl .u-jp {
margin-left: 0.5rem;
}
@media screen and (max-width: 767.98px) {
.c-content__ttl .u-jp {
margin-left: 0.2rem;
}
}
.c-heading__txt {
font-size: 1.8rem;
color: #000;
font-weight: 500;
}
@media screen and (max-width: 767.98px) {
.c-heading__txt {
font-size: 1.4rem;
line-height: 1.75;
}
}
.p-guideline__block {
margin-top: 10rem;
}
@media screen and (max-width: 767.98px) {
.p-guideline__block {
margin-top: 4.4rem;
}
}
.p-guideline__block .c-ttl {
font-size: 3.2rem;
font-weight: 700;
padding-left: 3.2rem;
position: relative;
letter-spacing: 0.02em;
}
@media screen and (max-width: 767.98px) {
.p-guideline__block .c-ttl {
font-size: 2rem;
line-height: 1.25;
padding-left: 1.2rem;
}
}
.p-guideline__block .c-ttl::before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
background-color: rgb(216, 235, 245);
height: 100%;
content: "";
}
.p-guideline__block + .p-guideline__block {
margin-top: 10.2rem;
}
@media screen and (max-width: 767.98px) {
.p-guideline__block + .p-guideline__block {
margin-top: 4rem;
}
}
.p-guideline__link-list {
padding-left: 1.5rem;
margin-top: 6rem;
}
@media screen and (max-width: 767.98px) {
.p-guideline__link-list {
margin-top: 2rem;
}
}
.p-guideline__link-item {
font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
.p-guideline__link-item {
font-size: 1.4rem;
}
}
.p-guideline__link-item + .p-guideline__link-item {
margin-top: 2rem;
}
.p-guideline__link-item a {
display: inline-block;
position: relative;
color: currentColor;
text-decoration: none;
padding-bottom: 0.3rem;
color: #000;
transition: 0.3s color;
}
.p-guideline__link-item a.c-link-pdf {
padding-left: 3rem;
}
.p-guideline__link-item a.c-link-pdf::before {
content: "";
position: absolute;
left: 0;
right: 0;
width: 1.5rem;
height: 1.5rem;
background-color: rgb(66, 168, 244);
-webkit-mask: url('data:image/svg+xml;utf-8,') no-repeat center/contain;
mask: url('data:image/svg+xml;utf-8,') no-repeat center/contain;
}
@media (any-hover: hover) {
.p-guideline__link-item a:hover {
color: rgb(66, 168, 244);
}
.p-guideline__link-item a:hover::after {
transform: scale(1, 1);
transform-origin: left center;
}
}
.p-guideline__link-item a::after {
transition: 0.3s transform;
content: "";
position: absolute;
bottom: 0;
left: 3rem;
right: 0;
height: 1px;
background-color: rgb(66, 168, 244);
transform: scale(0, 1);
transform-origin: right center;
}
/*# sourceMappingURL=guideline.css.map */