/* Default & Reset */
.start-1 .item-wrap,
.start-2 .item-wrap {
    padding: 4em 1em;
}
.start-1 h2 {
    font-size: 58px;
}
.start-1 img {
    max-height: 270px;
}
.start-2 img {
    max-height: 176px;
}
.start-1 img,
.start-2 img {
    width: auto;
    margin: 0 auto;
}
.start-1 .t-a-c {
    font-size: var(--h2);
}
.start-2 .grid-item {
    grid-gap: 3em;
}
.start-slider {
    margin: 0 0 6em 0;
}
.start-slider a {
    margin: 1em 0 0 0;
}
.slider.grid-item {
    grid-gap: 0;
}
.slider.grid-item .s-2 {
    height: 28vw;
    overflow: hidden;
    max-height: 580px;
    position: relative;
}
.slider.grid-item .s-2::after {
    top: 2em;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: 0 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    left: calc(100% - 60px - 2em);
    background-image: url(/load/images/d2p.svg);
}
.slider.grid-item .s-2 img {
    width: 100%;
    height: auto;
    position: relative;
    transform: translatey(-10%);
}
.slider.grid-item .s-1 img {
    width: auto;
    height: auto;
    margin: 1em auto 0;
}
.slider.grid-item .s-1 img.img-1 {
    max-width: 15%;
    max-height: 15%;
}
.slider.grid-item .s-1 img.img-2 {
    max-width: 25%;
    max-height: 90px;
}
.slider.grid-item .s-1 .flex {
    flex-direction: column;
}
.slider.grid-item .s-1 .flex b {
    display: block;
    font-size: 58px;
    padding: 1rem 0;
    font-weight: 600;
    line-height: 1.25;
    font-family: 'Montserrat SemiBold', serif;
}
.slider.grid-item .s-1 .flex div.t {
    width: 100%;
    max-width: 475px;
    font-size: var(--h2);
}
.slider.b {
    background-color: #00a5ff;
}
.slider.y {
    background-color: #fff500;
}
.slider.m {
    background-color: #ff00a5;
}
.items {
    display: grid;
    grid-gap: 1em;
    margin: 0 0 2em;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
}
.items .item {
    min-height: 207px;
    position: relative;
    flex-direction: column;
}
.items .item div {
    bottom: 0;
    position: absolute;
}
.items .item div b {
    background: linear-gradient(currentColor,currentColor) 0 100% no-repeat;
    background-size: 0 .0625rem;
    transition: background .2s ease;
}
.items .item:hover b {
    background-size: 100% .0625rem;
}
.items.h {
    grid-gap: calc(1em + 2px);
    grid-template-columns: repeat(auto-fit, minmax(217px, 217px));
}
:root {
    --f-carousel-dot-radius: 0;
    --f-carousel-dot-width: 20px;
    --f-carousel-dot-height: 20px;
    --f-carousel-dots-width: 30px;
    --f-carousel-dots-height: 30px;
    --f-carousel-dot-opacity: 1;
    --f-carousel-dot-hover-opacity: 1;
}
.f-carousel__nav {
    display: none;
}
.f-carousel__dots {
    bottom: -3em;
}
.f-carousel__dot {
    border: 2px solid #000000;
    background-color: #ffffff;
}
.is-current .f-carousel__dot {
    background-color: #000000;
}
@keyframes f-crossfadeOut{100%{opacity:0}}
@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}
.f-crossfadeIn{animation:1s ease-out both f-crossfadeIn;z-index:2}
.f-crossfadeOut{animation:.5s linear .25s both f-crossfadeOut;z-index:1}
@media only screen and (max-width: 109em) {
    /* bis 1744 px */
}
@media only screen and (max-width: 96em) {
    /* bis 1568 px */
    .slider.grid-item .s-1 .flex b {
        font-size: var(--h1);
    }
    .slider.grid-item .s-1 .flex div.t {
        font-size: var(--t1);
    }
}
@media only screen and (max-width: 86em) {
    /* bis 1376 px */
}
@media only screen and (max-width: 80em) {
    /* bis 1280 px */
}
@media only screen and (max-width: 76em) {
    /* bis 1216 px */
    .slider.grid-item .s-2 {
        height: 30vw;
    }
    .slider.grid-item .s-2 img {
        transform: translatey(-8%);
    }
}
@media only screen and (max-width: 68em) {
    /* bis 1088 px */
}
@media only screen and (max-width: 66em) {
    /* bis 1056 px */
    .slider.grid-item .s-1 .flex b {
        padding: .5rem 0;
    }
    .slider.grid-item .s-1 img.img-1 {
        max-width: 10%;
        max-height: 10%;
    }
    .slider.grid-item .s-1 img.img-2 {
        max-width: 20%;
        max-height: 20%;
    }
}
@media only screen and (max-width: 64em) {
    /* bis 1024 px */
}
@media only screen and (max-width: 63.9375em) {
    /* bis 1023 px */
    .start-1 .grid-item {
        grid-template-columns: 1fr;
    }
    .slider.grid-item .s-2 {
        height: 32vw;
    }
    .slider.grid-item .s-2 img {
        transform: translatey(-2%);
    }
}
@media only screen and (max-width: 48em) {
    /* bis 768 px */
    img.i-r {
        max-height: 100px;
    }
    .items .item {
        min-height: 230px;
    }
    .start-2 .grid-item {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .slider.grid-item .s-2 {
        order: 1;
        height: 40vw;
    }
    .slider.grid-item .s-1 {
        order: 2;
        padding: 2em 0;
        min-height: 340px;
    }
    .slider.grid-item .s-2 img {
        transform: translatey(-15%);
    }
}
@media only screen and (max-width: 47.9375em) {
    /* bis 767 px */
    .start-1 img {
        width: 90%;
        height: auto;
        max-height: unset;
    }
    .start-2 .grid-item {
        grid-template-columns: 1fr;
    }
    .slider.grid-item .s-2 {
        height: 50vw;
    }
    .slider.grid-item .s-1 {
        min-height: 380px;
    }
    .items.h {
        grid-gap: calc(1em + 2px);
        grid-template-columns: repeat(auto-fit, minmax(150px, 150px));
    }
}