.embedding_2 {
    width: 100%;
    height: 109.2rem;
    background-color: #000000;
}



/* 会社概要ーーー共通 */
.back_color_2 {
    width: 128rem;
    margin: 0 auto;
    background-color: #000000;
}

/* -------------⓵------------- */
/* 自己紹介 */
.self_introduction {
    display: flex;
}

/* 社長の画像 */
.self_img {
    width: 51.5rem;
    height: 42rem;
    /* padding-top: 6rem; */
}

/* 文章部分 */
.top_imgtext {
    margin-left: 3.5rem;
    margin-right: 5rem;
}

/* タイトル */
.top_message {
    /* font-family: Noto Serif JP; */
    font-size: 3.5rem;
    color: #FFFFFF;
    /* margin-top: 9.4rem; */
}

/*　詳細 */
.top_detail {
    width: 68rem;
    font-family: Noto Serif JP;
    font-size: 1.6rem;
    color: #FFFFFF;
    padding-top: 3rem;
}



/* -------------⓶------------- */
/* 会社説明 */
.company_description {
    position: relative;
    display: flex;
    margin-top: 10rem;
    justify-content: space-between;
    /* padding-left: 5rem; */
}

.company_imgtext{
    margin-left: 5rem;
}

/* タイトル */
.company_text {
    /* font-family: Noto Serif JP; */
    font-size: 3.5rem;
    color: #FFFFFF;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 4rem 0;
}

/* テキスト */
.company_about {
    display: flex;
    border-bottom: 1px solid #ffffff;
    padding: 2rem 2rem 2rem 2rem;
    gap: 2rem;
}

/* テキスト */
.about_text {
    width: 21rem;
    text-align: left;
    font-family: Noto Serif JP;
    color: #FFFFFF;
    font-size: 1.6rem;
    /* padding-right: 7.3rem; */
    flex-shrink: 0;
}

/* テキスト詳細 */
.description_text {
    text-align: left;
    font-family: Noto Serif JP;
    color: #FFFFFF;
    font-size: 1.6rem;

}

/* テキストの下線空白部分 */
.description_text::after {
    content: "";
    /* padding-right: 40rem; */
}

/* 社内画像 */
.company_img {
    margin-left: 5rem;
    /* width: 51.5rem;
    height: 50rem; */
    width: 45.5rem;
    height: 44rem;

}

.history{
    padding: 6rem 5rem;
}

/* タイトル */
.top_fireworks {
    font-family: Noto Serif JP;
    font-size: 3.5rem;
    color: #FFFFFF;
}

/* 1つの記事 */
.make_fireworks {
    display: flex;
    position: relative;
    margin-top: 2rem;
}

.recipe{
    position: relative;
}

/* 画像 */
.imggggg_fireworks {
    width: 45rem;
    height: 30rem;
    margin-top: 4rem;
    margin-left: 6.55rem;
    margin-bottom: 4rem;
}



/* タイトル１（上右側） */
.fireworks_text {
    position: absolute;
    font-size: 4rem;
    color: #FFFFFF;
    text-align: left;
    top: 0.5rem;
    /* padding-left: 48rem; */
    /* 文字を縦にする */
    display: flex;
    right: -2.8rem;
    align-items: center;
    flex-direction: column;
}

/* タイトル１（上右側）＿数字だけ縦 */
.number_special {
    /* font-family: Noto Serif JP; */
    font-size: 4rem;
    color: #FFFFFF;
    /* -webkit-text-combine: horizontal; */
    -ms-text-combine-horizontal: all;
    /* text-combine-upright: all; */
    padding-bottom: 1rem;
    width: 1em;
}

.text_vertical{
    writing-mode: vertical-rl;
}

/* タイトル２（下左側） */
.fireworks_text_2 {
    position: absolute;
    font-family: Noto Serif JP;
    font-size: 4rem;
    color: #FFFFFF;
    text-align: left;
    top: 31rem;
    left: 4.4rem;
}

/* 説明文 */
.process_text {
    font-family: Noto Serif JP;
    font-size: 1.6rem;
    color: #FFFFFF;
    text-align: left;
    width: 60rem;
    padding-top: 3.5rem;
    padding-left: 5.2rem;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* --------------------------------------------------- */
@media screen and (max-width: 699.98px) {


    /* --------------------------------------------------- */
    /* 会社概要ーーー共通 */
    .embedding_2 {
        width: 100%;
        height: 141.1rem;
        background-color: #000000;
    }

    /* -------------⓵------------- */
    /* 自己紹介 */
    .self_introduction {
        display: block;
    }

    /* 社長の画像 */
    .self_img {
        width: 21rem;
        height: 27.5rem;

    }

    /* top_messageの全体 */
    .top_imgtext {
        /* margin-left: 1.2rem; */
        text-align: left;
        padding: 0 1.5rem;
        margin: 0;
    }

    /* タイトル */
    .top_message {
        font-size: 3rem;
        margin-top: 3rem;
    }

    /* 詳細 */
    .top_detail {
        width: auto;
        /* height: 32.3rem; */
        padding-top: 2rem;
    }



    /* -------------⓶------------- */
    /* 会社説明 */
    .company_description {
        /* display: block; */
        position: relative;
        /* margin: 4.5rem 0rem 0 1rem; */
        flex-direction: column-reverse;
        gap: 4rem;
        align-items: flex-end;
    }

    /* 右側空間 */
    .company_imgtext {
        /* margin-right: 1rem; */
        padding: 0 1.5rem;
        margin-left: auto;
    }

    /* タイトル */
    .company_text {
        /* font-family: Noto Serif JP; */
        font-size: 3rem;
        color: #FFFFFF;
        border-bottom: 1px solid #ffffff;
        /* padding-top: 31rem; */
    }

    /* テキスト */
    .company_about {
        padding: 1rem 3rem 1rem 1rem;

    }

    /* テキスト */
    .about_text {
        width: 15rem;
        padding-right: 1rem;
        font-size: 1.5rem;
        flex-shrink: 0;
    }


    /* テキストの下線空白部分 */
    .description_text::after {
        content: "";
        /* padding-right: 1rem; */
    }

    /* 社内画像 */
    .company_img {
        /* position: absolute; */
        width: 21rem;
        height: 27.5rem;
        margin-left: auto;
    }


        /* 全体 */
    .back_color_3 {
        width: 37.5rem;
        height: 212.1rem;
        padding: 0;
        padding-left: 1rem;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }


    /* タイトル */
    .top_fireworks {
        font-size: 3rem;
    }

    .history{
        padding: 0 1.5rem;
    }


    /* 1つの記事 */
    .make_fireworks {
        display: block;
        position: relative;
        margin-top: 4.2rem;
    }

    /* 画像 */
    .imggggg_fireworks {
        width: 34.5rem;
        height: 23rem;
        margin: 0;
        padding-top: 0;
    }




    /* タイトル１（上右側） */
    .fireworks_text {
        font-size: 3rem;
        top: -2.5rem;
        /* padding-left: 31.5rem; */
        right: 0;
    }

    /* タイトル1（上右側）数字だけ縦 */
    .number_special {
        font-size: 3rem;
    }

    /* タイトル２（下左側） */
    .fireworks_text_2 {
        font-size: 3rem;
        top: 20.8rem;
        left: 0rem;
    }

    /* 説明文 */
    .process_text {
        width: 35.5rem;
        padding-top: 3.2rem;
        padding-left: 0.5rem;
        padding-bottom: 5rem;
    }

}



/* ----------------------------------------------- */