img {
    width: 100%;
    height: auto;
}

#mv {}

.mv-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: min(884px, 100vw*(767/750));
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.prius .mv-inner {
    background-image: url("../img/style-mv-prius-sp.jpg");
}

.crowncrossover .mv-inner {
    background-image: url("../img/style-mv-crowncrossover-sp.jpg");
}

.landcruiser .mv-inner {
    background-image: url("../img/style-mv-lc-sp.jpg");
}

.alphard .mv-inner {
    background-image: url("../img/style-mv-alphard-sp.jpg");
}

.camry .mv-inner {
    background-image: url("../img/style-mv-camry-sp.jpg");
}

.rx .mv-inner {
    background-image: url("../img/style-mv-rx-sp.jpg");
}

.nx .mv-inner {
    background-image: url("../img/style-mv-nx-sp.jpg");
}

@media only screen and (min-width: 768px) {
    #mv {}

    .mv-inner {
        align-items: flex-start;
        justify-content: flex-start;
        height: min(600px, 100vw*(600/1920));
    }

    .prius .mv-inner {
        background-image: url("../img/style-mv-prius-pc.jpg");
    }

    .crowncrossover .mv-inner {
        background-image: url("../img/style-mv-crowncrossover-pc.jpg");
    }

    .landcruiser .mv-inner {
        background-image: url("../img/style-mv-lc-pc.jpg");
    }

    .alphard .mv-inner {
        background-image: url("../img/style-mv-alphard-pc.jpg");
    }

    .camry .mv-inner {
        background-image: url("../img/style-mv-camry-pc.jpg");
    }

    .rx .mv-inner {
        background-image: url("../img/style-mv-rx-pc.jpg");
    }

    .nx .mv-inner {
        background-image: url("../img/style-mv-nx-pc.jpg");
    }
}

.mv-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min(152px, 100vw*(152/750));
    position: relative;
    z-index: 0;
}

.mv-title:after {
    content: "";
    display: block;
    width: 100%;
    height: min(152px, 100vw*(152/750));
    background: rgba(0, 0, 0, 0.5);
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.mv-title h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(562px, 100vw*(562/750));
    height: min(64px, 100vw*(64/750));
    border-bottom: 1px solid #005a29;
}

.mv-title p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(58px, 100vw*(58/750));
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: min(23px, 100vw*(23/750));
    letter-spacing: 0.025em;
    line-height: 1;
    text-align: center;
}

.prius .mv-title h1 img {
    width: min(372px, 100vw*(372/750));
}

.prius .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

.crowncrossover .mv-title h1 img {
    width: min(342px, 100vw*(342/750));
}

.crowncrossover .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

.landcruiser .mv-title h1 img {
    width: min(392px, 100vw*(392/750));
}

.landcruiser .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

.alphard .mv-title h1 img {
    width: min(485px, 100vw*(485/750));
}

.alphard .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

.camry .mv-title h1 img {
    width: min(402px, 100vw*(402/750));
}

.camry .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

.rx .mv-title h1 {
    height: min(70px, 100vw*(70/750));
    padding-bottom: min(6px, 100vw*(6/750));
}

.rx .mv-title h1 img {
    width: min(90px, 100vw*(90/750));
}

.rx .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

.nx .mv-title h1 {
    height: min(70px, 100vw*(70/750));
    padding-bottom: min(6px, 100vw*(6/750));
}

.nx .mv-title h1 img {
    width: min(90px, 100vw*(90/750));
}

.nx .mv-title p img {
    width: min(188px, 100vw*(188/750));
}

@media only screen and (min-width: 768px) {
    .mv-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        width: min(854px, 100vw*(854/1920));
        height: min(120px, 100vw*(120/1920));
        margin-top: min(44px, 100vw*(44/1920));
        position: relative;
        z-index: 0;
    }

    .mv-title:after {
        content: "";
        display: block;
        width: 100%;
        height: min(120px, 100vw*(120/1920));
        background: rgba(0, 0, 0, 0.5);
        mix-blend-mode: multiply;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .mv-title h1 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: min(490px, 100vw*(490/1920));
        height: min(48px, 100vw*(48/1920));
        border-bottom: 1px solid #005a29;
    }

    .mv-title p {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: min(490px, 100vw*(490/1920));
        height: min(48px, 100vw*(48/1920));
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: min(23px, 100vw*(23/1920));
        letter-spacing: 0.025em;
        line-height: 1;
        text-align: center;
    }

    .prius .mv-title h1 img {
        width: min(338px, 100vw*(338/1920));
    }

    .prius .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }

    .crowncrossover .mv-title h1 img {
        width: min(298px, 100vw*(298/1920));
    }

    .crowncrossover .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }

    .landcruiser .mv-title h1 img {
        width: min(358px, 100vw*(358/1920));
    }

    .landcruiser .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }

    .alphard .mv-title h1 img {
        width: min(360px, 100vw*(360/1920));
    }

    .alphard .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }

    .camry .mv-title h1 img {
        width: min(320px, 100vw*(320/1920));
    }

    .camry .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }

    .rx .mv-title h1 {
        height: min(54px, 100vw*(54/1920));
        padding-bottom: min(6px, 100vw*(6/1920));
    }

    .rx .mv-title h1 img {
        width: min(76px, 100vw*(76/1920));
    }

    .rx .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }

    .nx .mv-title h1 {
        height: min(54px, 100vw*(54/1920));
        padding-bottom: min(6px, 100vw*(6/1920));
    }

    .nx .mv-title h1 img {
        width: min(76px, 100vw*(76/1920));
    }

    .nx .mv-title p img {
        width: min(150px, 100vw*(150/1920));
    }
}

#content {
    padding: 0;
}

.content-style-item {
    padding-top: min(100px, 100vw*(100/750));
    padding-bottom: min(50px, 100vw*(50/750));
}

.style-item-title {
    margin-bottom: min(60px, 100vw*(60/750));
    padding-bottom: min(50px, 100vw*(50/750));
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: min(50px, 100vw*(50/750));
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: calc(68/50);
    text-align: center;
}

.style-item-title:after {
    content: "";
    display: block;
    width: min(132px, 100vw*(132/750));
    height: 1px;
    background-color: #00833b;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.style-item-title h2 {
    margin-bottom: min(20px, 100vw*(20/750));
    font-family: "Montserrat", sans-serif;
    font-size: min(36px, 100vw*(36/750));
    font-weight: 400;
    letter-spacing: 0.037em;
    line-height: 1;
}

.neo_advanced_style {
    width: min(375px, 100vw*(375/750));
}

.elegant_ice_style {
    width: min(359px, 100vw*(359/750));
}

.crowncrossover_wheel {
    width: min(537px, 100vw*(537/750));
    position: absolute;
    bottom: max(-80px, 100vw*(-80/750));
    right: min(20px, 100vw*(20/750));
}

@media only screen and (min-width: 768px) {
    #content {
        padding: 0;
        background-image: url("/brand/asset/img/bg_grid.png");
        background-position: center top;
        background-repeat: repeat;
        background-size: auto;
    }

    .content-style-item {
        width: max-content;
        padding-top: min(100px, 100vw*(100/1920));
        padding-bottom: min(50px, 100vw*(50/1920));
    }

    .content-style-item:nth-of-type(2n+1) {
        margin-left: auto;
    }

    .content-style-item:nth-of-type(2n) {
        margin-right: auto;
    }

    .style-item-title {
        display: flex;
        flex-direction: column;
        width: max-content;
        margin-bottom: min(25px, 100vw*(25/1920));
        padding-bottom: min(10px, 100vw*(10/1920));
        position: relative;
        font-family: "Montserrat", sans-serif;
        font-size: min(34px, 100vw*(34/1920));
        font-weight: 400;
        letter-spacing: 0.075em;
        line-height: calc(54/34);
        text-align: left;
    }

    .style-item-title:after {
        content: "";
        display: block;
        width: min(700px, 100vw*(700/1920));
        height: 1px;
        background-color: #00833b;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateX(0);
    }

    .content-style-item:nth-of-type(2n) .style-item-title {
        margin-left: auto;
    }

    .content-style-item:nth-of-type(2n) .style-item-title:after {
        left: auto;
        right: 0;
    }

    .content-style-item:nth-of-type(2n) .style-item-title h3 {
        width: min(440px, 100vw*(440/1920));
    }

    .style-item-title h2 {
        margin-bottom: min(20px, 100vw*(20/1920));
        font-size: min(29px, 100vw*(29/1920));
    }

    .neo_advanced_style {
        width: min(392px, 100vw*(392/1920));
    }

    .elegant_ice_style {
        width: min(328px, 100vw*(328/1920));
    }

    .crowncrossover_wheel {
        width: min(590px, 100vw*(590/1920));
        position: absolute;
        bottom: max(-100px, 100vw*(-100/1920));
        right: max(-60px, 100vw*(-60/1920));
    }
}

.style-item-text {
    margin-bottom: min(60px, 100vw*(60/750));
}

.style-item-text p {
    margin-left: min(20px, 100vw*(20/750));
    margin-right: min(20px, 100vw*(20/750));
    font-family: "Montserrat", sans-serif;
    font-size: min(20px, 100vw*(20/750));
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: calc(33/20);
    text-align: center;
}

.style-item-image {
    position: relative;
}

@media only screen and (min-width: 768px) {
    .style-item-wrap {
        display: flex;
        grid-gap: min(50px, 100vw*(50/1920));
    }

    .content-style-item:nth-of-type(2n) .style-item-wrap {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .style-item-image {
        width: min(1066px, 100vw*(1066/1920));
        position: relative;
    }

    .style-item-text {
        width: min(440px, 100vw*(440/1920));
        margin-bottom: min(90px, 100vw*(90/1920));
    }

    .style-item-text p {
        margin-left: 0;
        margin-right: 0;
        font-family: "Montserrat", sans-serif;
        font-size: min(16px, 100vw*(16/1920));
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: calc(35/16);
        text-align: left;
        /*
        text-align: justify;
        text-justify: inter-ideograph;
        */
    }

    .style-item-text p:not(.btn) {
        margin-top: -0.5em;
    }
}

.btn {
    margin-top: min(75px, 100vw*(75/750));
    text-align: center;
}

.btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(252px, 100vw*(252/750));
    height: min(58px, 100vw*(58/750));
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: min(21px, 100vw*(21/750));
    font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1;
    text-align: center;
    border: 1px solid #000;
}

.btn a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

@media only screen and (min-width: 768px) {
    .btn {
        margin-top: min(50px, 100vw*(50/1920));
        text-align: left;
    }

    .btn a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: min(168px, 100vw*(168/1920));
        height: min(36px, 100vw*(36/1920));
        color: #000;
        font-family: "Montserrat", sans-serif;
        font-size: min(14px, 100vw*(14/1920));
        font-weight: 700;
        letter-spacing: 0.075em;
        line-height: 1;
        text-align: center;
        border: 2px solid #000;
    }
}