﻿.TechnologyItem .Wapper .Title {
    margin: 0 0 20px 0;
    font-size: 45px;
    line-height: 45px;
    font-weight: normal;
    letter-spacing: 0.05em;
    background-position: left center;
}

.TechnologyItem .Wapper .Title strong {
    font-weight: bolder;
}

.TechnologyItem:nth-child(1),
.TechnologyItem:nth-child(2)::before {
    background-image: url(../../_Image/technology/design_1.png);
}

.TechnologyItem:nth-child(2) {
    background-image: url(../../_Image/technology/design_2.jpg);
}

.TechnologyItem:nth-child(3),
.TechnologyItem:nth-child(4)::before {
    background-image: url(../../_Image/technology/design_3.png);
}

.TechnologyItem:nth-child(4) {
    background-image: url(../../_Image/technology/design_4.jpg);
}

.TechnologyItem:nth-child(5),
.TechnologyItem:nth-child(6)::before {
    background-image: url(../../_Image/technology/design_5.png);
}

.TechnologyItem:nth-child(6) {
    background-image: url(../../_Image/technology/design_6.jpg);
}

.TechnologyItem:nth-child(7),
.TechnologyItem:nth-child(8)::before {
    background-image: url(../../_Image/technology/design_7.jpg);
}

.TechnologyItem:nth-child(8) {
    min-height: 300px;
}

#Design .Top {
    background-image: url(../../_Image/technology/banner_design.jpg);
}

/* 客製 */
.TechnologyItem:nth-child(6) .Wapper .FeatureList:nth-child(2) {
    width: 260px;
}

.TechnologyItem:nth-child(6) .Wapper .FeatureList:nth-child(3) {
    width: 340px;
}

@media screen and (max-width:1439px) {
    .TechnologyItem:nth-child(5) .Wapper .Title .Nowrap {
        display: block;
        margin: .2em 0 0 0;
    }
}

@media screen and (max-width:1249px) {
    .TechnologyItem:not(:nth-child(8)) .Wapper {
        padding: 100px 0;
    }

    .TechnologyItem .Wapper .Title .Nowrap {
        display: block;
        margin: .2em 0 0 0;
    }

    .TechnologyItem:nth-child(2) {
        background-image: url(../../_Image/technology/design_2_m.jpg);
    }

    .TechnologyItem:nth-child(3) {
        background-image: url(../../_Image/technology/design_3_m.jpg);
    }

    .TechnologyItem:nth-child(4) {
        background-image: url(../../_Image/technology/design_4_m.jpg);
    }

    .TechnologyItem:nth-child(6) {
        background-image: url(../../_Image/technology/design_6_m.jpg);
    }
}

@media screen and (max-width:1023px) {

    .TechnologyItem:nth-child(1) .Wapper,
    .TechnologyItem:nth-child(2) .Wapper,
    .TechnologyItem:nth-child(3) .Wapper,
    .TechnologyItem:nth-child(4) .Wapper,
    .TechnologyItem:nth-child(5) .Wapper,
    .TechnologyItem:nth-child(6) .Wapper,
    .TechnologyItem:nth-child(7) .Wapper {
        padding: 100px 100px 400px 100px;
        transform: none;
        width: 100%;
    }

    .TechnologyItem:nth-child(8) {
        min-height: 150px;
    }
}

@media screen and (max-width:767px) {
    .TechnologyItem:nth-child(odd) {
        background-position: 10% calc(100% + (3 *12vw));
        background-size: auto calc(10 *12vw);
    }

    .TechnologyItem:nth-child(even) {
        background-size: auto clamp(100px, 90vw, 600px);
    }

    .TechnologyItem:nth-child(6) {
        background-position: 78% bottom;
    }

    .TechnologyItem:nth-child(7) {
        background-position: 10% calc(100% + (3 *15vw));
        background-size: auto calc(10 *15vw);
    }

    .TechnologyItem:nth-child(1) .Wapper {
        padding: 18vw 9.3vw 62vw 9.3vw;
    }

    .TechnologyItem:nth-child(2) .Wapper {
        padding: 18vw 9.3vw calc(100vw - 50px) 9.3vw;
    }

    .TechnologyItem:nth-child(3) .Wapper {
        padding: 18vw 9.3vw calc(100vw - 90px) 9.3vw;
    }

    .TechnologyItem:nth-child(4) .Wapper {
        padding: 18vw 9.3vw calc(72vw + 20px) 9.3vw;
    }

    .TechnologyItem:nth-child(5) .Wapper {
        padding: 18vw 9.3vw calc(100vw - 90px) 9.3vw;
    }

    .TechnologyItem:nth-child(6) .Wapper {
        padding: 18vw 9.3vw 72vw 9.3vw;
    }

    .TechnologyItem:nth-child(7) .Wapper {
        padding: 18vw 9.3vw calc(100vw - 50px) 9.3vw;
    }

    .TechnologyItem .Wapper .Title,
    .TechnologyItem:nth-child(2n) .Wapper .Title {
        margin: 0 0 20px 0;
    }

    .TechnologyItem .Wapper .Title {
        font-size: 35px;
        line-height: 1em;
    }

    .TechnologyItem .Wapper .FeatureList,
    .TechnologyItem:nth-child(6) .Wapper .FeatureList:nth-of-type(1),
    .TechnologyItem:nth-child(6) .Wapper .FeatureList:nth-of-type(2) {
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    .TechnologyItem:nth-child(5) .Container .Wapper .Title {
        font-size: 22px;
    }
}