@charset "UTF-8";
/* CSS Document */

.l-footer {
    background: #373737;
    position: relative
}
.l-footer__pagetop {
    position: absolute;
    right: 0;
    top: 0
}
.l-footer__pagetop a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .2);
    padding: 2.5641025641vw 7.4358974359vw;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.5897435897vw;
    -moz-column-gap: 2.5641025641vw;
    column-gap: 2.5641025641vw;
    transition: background .3s ease
}
.l-footer__pagetop a::before {
    content: "";
    display: block;
    width: 1.7948717949vw;
    height: 3.0769230769vw;
    background: url("../images/icon_arrow.svg") no-repeat;
    background-size: contain;
    transform: rotate(-90deg)
}
.l-footer-inner {
    padding: 16.1538461538vw 8.9743589744vw 11.2820512821vw
}
.l-footer dl + dl {
    margin-top: 9.2307692308vw
}
.l-footer dl dt {
    font-weight: 500;
    font-size: 3.8461538462vw;
	color: #fff;
}
.l-footer dl dd {
    margin-top: 5.1282051282vw;
}
.l-footer dl dd ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3.8461538462vw 5.1282051282vw
}
.l-footer dl dd ul li a {
    color: var(--color-00-white);
    font-size: 3.0769230769vw;
    display: flex;
    -moz-column-gap: 2.8205128205vw;
    column-gap: 2.8205128205vw;
    align-items: center;
	color: #fff;
}
.l-footer dl dd ul li a::after {
    content: "";
    display: block;
    width: 1.2820512821vw;
    position: relative;
    height: 2.0512820513vw;
    background: url("../images/icon_arrow.svg") no-repeat;
    background-size: contain
}
.l-footer p {
    font-size: 2.8205128205vw;
    color: #adadad;
    margin-top: 11.2820512821vw
}
.l-footer-copy {
    margin-top: 7.4358974359vw;
    font-size: 2.5641025641vw;
    color: #adadad
}

@media print, screen and (max-width:767px) {
    .pc {
        display: none !important
    }
}
@media print, screen and (min-width:768px) {

    .sp {
        display: none !important
    }
    .l-footer {
        padding: 0 clamp(10.6666666667px, 1.3888888889vw, 20px)
    }
    .l-footer__pagetop a {
        padding: clamp(5.8666666667px, 0.7638888889vw, 11px) clamp(15.4666666667px, 2.0138888889vw, 29px);
        font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
        -moz-column-gap: clamp(5.8666666667px, 0.7638888889vw, 11px);
        column-gap: clamp(5.8666666667px, 0.7638888889vw, 11px);
		color: #fff;
    }
    .l-footer__pagetop a:hover {
        background: #000
    }
    .l-footer__pagetop a::before {
        width: clamp(3.2px, 0.4166666667vw, 6px);
        height: clamp(6.4px, 0.8333333333vw, 12px);
    }
    .l-footer-inner {
        padding: clamp(40.5333333333px, 5.2777777778vw, 76px) 0 clamp(27.7333333333px, 3.6111111111vw, 52px);
        position: relative;
        max-width: 1200px;
        margin: 0 auto
    }
    .l-footer dl {
        display: flex;
        -moz-column-gap: clamp(32px, 4.1666666667vw, 60px);
        column-gap: clamp(32px, 4.1666666667vw, 60px);
        align-items: center
    }
    .l-footer dl + dl {
        margin-top: clamp(16px, 2.0833333333vw, 30px)
    }
    .l-footer dl dt {
        font-size: clamp(9.6px, 1.25vw, 18px);
        width: clamp(50.6666666667px, 6.5972222222vw, 95px)
    }
    .l-footer dl dd {
        margin-top: 0
    }
    .l-footer dl dd ul {
        -moz-column-gap: clamp(16px, 2.0833333333vw, 30px);
        column-gap: clamp(16px, 2.0833333333vw, 30px)
    }
    .l-footer dl dd ul li a {
        font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
        -moz-column-gap: clamp(4.8px, 0.625vw, 9px);
        column-gap: clamp(4.8px, 0.625vw, 9px)
    }
    .l-footer dl dd ul li a::after {
        width: clamp(2.1333333333px, 0.2777777778vw, 4px);
        height: clamp(4.2666666667px, 0.5555555556vw, 8px);
        top: clamp(1.0666666667px, 0.1388888889vw, 2px)
    }
    .l-footer p {
        margin-top: clamp(30.9333333333px, 4.0277777778vw, 58px);
        font-size: clamp(5.8666666667px, 0.7638888889vw, 11px)
    }
    .l-footer-copy {
        font-size: clamp(5.8666666667px, 0.7638888889vw, 11px);
        margin-top: clamp(16px, 2.0833333333vw, 30px)
    }
}
/*# sourceMappingURL=style.css.map*/