/* ヒーロー：パンくず・.containers と同じカラム幅に揃える */
body.market-content-page.how-to-trade-forex-page
    .learn-to-trade-main
    > .mx-auto
    > .learn-to-trade-hero {
    max-width: var(--learn-to-trade-column-width, 60%);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

body.market-content-page.how-to-trade-forex-page
    .learn-to-trade-main
    .learn-to-trade-hero
    .learn-to-trade-lead {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

@media screen and (max-width: 600px) {
    body.market-content-page.how-to-trade-forex-page
        .learn-to-trade-main
        > .mx-auto
        > .learn-to-trade-hero {
        max-width: var(--learn-to-trade-column-width, 90%);
    }
}

/* ステップ見出し（h3.candlesticks-forcus-step） */
body.market-content-page.how-to-trade-forex-page .learn-to-trade-main h3.candlesticks-forcus-step {
    position: static;
    background: none;
    border: none;
    width: 100%;
    max-width: 100%;
    margin: 2rem 0 0.75rem;
    padding: 0;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
}

body.market-content-page.how-to-trade-forex-page
    .learn-to-trade-main
    h2.candlesticks-forcus
    + h3.candlesticks-forcus-step {
    margin-top: 1.5rem;
}

/* 取引例の図 */
body.market-content-page.how-to-trade-forex-page .learn-to-trade-main .containers img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 1.5rem auto 2.5rem;
}

@media screen and (min-width: 601px) {
    body.market-content-page.how-to-trade-forex-page .learn-to-trade-main .containers img {
        max-width: 800px;
    }
}

@media screen and (max-width: 600px) {
    body.market-content-page.how-to-trade-forex-page .learn-to-trade-main h3.candlesticks-forcus-step {
        font-size: 1.125rem;
        margin-top: 1.75rem;
    }
}