@charset "UTF-8";

    /* デフォcss削除 */
    .temp_page_box {
        margin: 0 auto;
        max-width: 480px;
        float: none;
    }

    /* パンくず */
#breadcrumb li, #breadcrumb li a {
    color: #fff !important;
  }

    /* meinスタイル */
    .input_title_text {
        display: none;
    }

    .temp_page_box {
        margin: 0 auto;
        background: #fff;
    max-width: 100%;
    }

    .m1 {
        margin-bottom: 1rem;
    }

    img {
        max-width: 100%;
        width: auto;
    }

    .container {
        position: relative;
    }


    .temp_page_box .temp_page_txt {
        max-width: 480px;
        margin: 2rem auto;
        float: unset;
        clear: unset;
    }


    .title-container h2 {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
    }

    .title-container h2 span {
        display: block;
        width: 35%;
        margin: 0 auto;
        font-weight: 300;
        font-size: 34px;
        position: relative;
        z-index: 10;
    }

    .title-container h2 span::first-letter {
        font-size: 60px;
    }

    .title-container h2 span:after {
        content: "";
        position: absolute;
        width: 100%;
        display: block;
        border-bottom: 7px solid #fdf001;
        bottom: 20%;
        left: 0;
        z-index: -1;
    }

    /* スクロールで下からフェードイン */
    .step {
        margin: 1rem 0 4rem;
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .step.slide_fade_in {
        opacity: 1;
        transform: translateY(0);
    }

    /* //スクロールで下からフェードイン */

    .step_box {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        box-sizing: border-box;
        height: 100%;
        gap: 0.5rem;
    }


    .step_box_title h2 {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 20px;
        font-weight: bold;
    }

    .img_step {
        width: 30%;
    }

    .step_box_title h2 span img {
        width: 100%;
        max-width: 126px;
    }

    .step_box_title h2 span.text {
        display: inline-block;
        margin-left: 1rem;
    }

    .step_box .step_box_title {
        width: 58%;
    }

    .step_box img {
        width: 40%;
    }

    .step_box_title p {
        font-weight: bold;
        font-size: 14px;
        margin: 0.5rem 0;
        line-height: 2;
    }

    .step>p {
        background-color: #000000;
        border-radius: 0.5rem;
    }

    .step p a {
        display: block;
        text-decoration: none;
        color: #fff !important;
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        padding: 0.5rem 0;
    }

    /* その後は・・・ */
    .after_step {
        margin-bottom: 5rem;
    }

    .after_step-triangle {
        width: 12%;
        margin: 0 auto 1rem;
    }

    .triangle {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-top: 20px solid #fdf001;
        border-bottom: 0;
    }

    p.after_step-text {
        text-align: center;
        font-weight: bold;
    }





    /* レスポンシブデザイン */
    @media (max-width: 768px) {
        .card {
            padding: 1rem;
        }

        .card p {
            font-size: 12px;
            text-align: justify;
        }
    }