.headline h1 {font-size:5.5vw;}
.headline__img img {
    color: var(--colors-brand-sub);
    height: 100%;
    margin-left: -200px;
}

.column2 .column2__img iframe { width:100%;height:auto;aspect-ratio: 16 / 9;}

.halfCols {
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
    padding-top: var(--section-spacing);
    padding-bottom: var(--section-spacing);
}
.halfCols .basic__inner h1 {font-size:4vw;}
.halfCols__inner {
    display: flex;
    gap: 40px;
}
.halfCols__inner .halfCols__column {
    width: 50%;
}
.halfCols__inner .halfCols__column figure img {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.threeCols {
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
    padding-top: var(--section-spacing);
    padding-bottom: var(--section-spacing);
}
.threeCols .basic__inner h1 {font-size:4vw;}
.threeCols__inner {
    display: flex;
    gap: 40px;
}
.threeCols__inner .threeCols__column {
    width: 33.3333%;
}
.threeCols__inner .threeCols__column figure img {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.fourCols {
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
    padding-top: var(--section-spacing);
    padding-bottom: var(--section-spacing);
}
.fourCols .basic__inner h1 {font-size:4vw;}
.fourCols__inner {
    display: flex;
    gap: 40px;
}
.fourCols__inner .fourCols__column {
    width: 25%;
}
.fourCols__inner .fourCols__column figure img {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.basicHSB .basic__inner h1 {text-align:left;}
.basicHSB .basic__inner p {text-align:left;}
.basicHB .basic__inner ul, .basicHSB .basic__inner ul {justify-content:left;}

.basicHB .basic__inner ul, .basicHSB .basic__inner ul li a {
    background-color: var(--colors-brand);
    color: var(--colors-white);
}

@media only screen and (min-width: 769px) {
    .sp {display:none!important;}
}
@media only screen and (max-width: 1024px) {
    .headline__img img {
        height: initial;
    }
}

@media only screen and (max-width: 768px) {
    .pc {display:none!important;}
    .headline h1 {font-size:12vw;}
    .headline__img img {
        margin-left: -120px;
        height: initial;
    }
    .column2 .basic__inner h1 {font-size:8vw;}
    .column2 .column2__txt h2 {font-size:5vw;}
    .halfCols .basic__inner h1 {font-size:8vw;}
    .halfCols {width:100%;}
    .halfCols .halfCols__inner {display:block;}
    .halfCols__inner .halfCols__column {width:100%;padding-bottom:5rem; }
    .threeCols .threeCols__inner {display:block;}
    .threeCols__inner .threeCols__column {width:100%;padding-bottom:5rem; }
    .fourCols .fourCols__inner {display:block;}
    .fourCols__inner .fourCols__column {width:100%;padding-bottom:5rem; }

}

.collaborationarea {}
.collaborationarea h1 {font-size:8rem;margin-bottom:1em;}
.collaborationarea h2 {color:var(--colors-black);font-size:5rem;margin-bottom:0.3em;line-height:1.5em; }
.collaborationarea strong {font-weight:bold;}
@media only screen and (max-width: 768px) {
}

.howitworks {background:var(--colors-black);padding:10vw 5vw;}
.howitworks h1 {color:var(--colors-white);font-size:7rem;}
.howitworks .column2__inner {margin:7vh 0;}
.howitworks .column2__inner.inner02 {flex-direction:row-reverse;}
.howitworks.column2 .column2__txt h3 {color:var(--colors-white);font-weight:normal;}
.howitworks.column2 .column2__txt h2 {color:var(--colors-white);font-size:4.0rem;margin-bottom:1rem; }
.howitworks.column2 .column2__txt p {color:var(--colors-white);font-size:1.8rem;}
.howitworks.column2 .column2__txt dt {color:var(--colors-white);font-size:2.4rem;padding: 1em 1.2em 1em 0em;
background:url(../../images/product/lumion-cloud/arrow.png) no-repeat right center;background-size:0.8em auto;}
.howitworks.column2 .column2__txt dd {color:var(--colors-white);font-size:1.8rem;border-bottom:solid var(--colors-white) 1px; }
.howitworks.column2 .column2__txt dd span {display:none;}
.basicHSB.text-center .basic__inner h1 {text-align:center;}
.basicHSB.text-center .basic__inner p {text-align:center;}
.basicHB.text-center .basic__inner ul, .basicHSB .basic__inner ul {justify-content:center;}
@media only screen and (max-width: 768px) {
    .howitworks.column2 .column2__txt h3 {}
    .howitworks.column2 .column2__txt h2 {font-size:2.0rem;}
    .howitworks.column2 .column2__txt p {font-size:var(--body-standard);}
    .howitworks.column2 .column2__txt dt {font-size:var(--body-standard);}
    .howitworks.column2 .column2__txt dd {font-size:var(--body-standard);}
}

.designarea {width:80%;margin:0 auto; }
.designarea h1 {margin-bottom:1em;}

.messagearea h1 {font-size:4.5vw;}
.messagearea p {font-size:1.2vw;}

.connectarea a.button {
    background-color: var(--colors-brand);
    color: var(--colors-white);
    display:inline-block;
    width:38%;
    min-width:20rem; 
    margin-bottom:0.5rem;
}

.reason {background:var(--colors-black);padding:10vw 5vw;}
.reason h1 {color:var(--colors-white);text-align:left;margin-bottom:0.6em;font-size:4vw;}
.reason h2 {color:var(--colors-white);margin-bottom:0.6em;}
.reason p {color:var(--colors-white);}

.faqarea {padding:10vw 25vw;}
.faqarea h1 {color:var(--colors-black);}
.faqarea dt {font-size:2.4rem;padding: 1em 1.2em 1em 0em;color:var(--colors-black);
background:url(../../images/product/lumion-cloud/arrow_black.png) no-repeat right center;background-size:0.8em auto;}
.faqarea dd {font-size:1.8rem;border-bottom:solid var(--colors-black) 1px;color:var(--colors-black);}
.faqarea dd span {display:none;}
.faqarea a {text-decoration:underline;}

.discoverarea a {}
.discoverarea a:hover h2 {opacity:0.4; }
.discoverarea a:hover p {opacity:0.4; }
@media only screen and (max-width: 768px) {
    .designarea {width:100%;}
    .designarea.threeCols .basic__inner h1 {font-size:3rem;}
    .designarea h2 {line-height:1.5em;margin-bottom:0.5em;}
    .messagearea h1 {font-size:2.4rem;}
    .messagearea.basicHSB .basic__inner p {font-size:var(--body-standard);}
    .connectarea a.button {width:100%;}
    .reason h1 {font-size:3.5rem;text-align:center;line-height:1.5em;}
    .faqarea {padding:10vw 0vw;}
    .faqarea dt {font-size:var(--body-standard);}
    .faqarea dd {font-size:var(--body-standard);}
    .discoverarea.threeCols .basic__inner h1 {font-size:3.5rem;text-align:left;}
    .discoverarea.threeCols .basic__inner {padding:0;}
    .discoverarea h2 {font-size:1.5rem;}
}