@charset "UTF-8";

.ly_recruitTopPageIntro {
    position: relative;

    .bl_recruitTopPageIntro_inner {
        margin: 0 auto;
        max-width: 100.0rem;
        position: relative;
        width: 100%;

        @media screen and (min-width: 768px) {
            padding: 5.0rem 0 15.0rem;
        }

        /* イントロ文字列 */
        .bl_recruitTopPageIntro {
            box-sizing: border-box;
            margin: 0 auto;
            max-width: var(--recruit-container-max-width);
            padding: 0 2.0rem;
            text-align: center;
            width: 100%;
            z-index: 6;

            @media screen and (min-width: 768px) {
                text-align: left;
            }

            .el_recruitTopPageIntro_headding,
            .el_recruitTopPageIntro_text {
                color: var(--new-color-text);
                font-weight: var(--font-weight-medium);
                line-height: 1.5;
                text-align: center;
                text-shadow: var(--recruit-color-text-shadow-rgba);

                @media screen and (min-width: 768px) {
                    text-align: left;
                }
            }

            .el_recruitTopPageIntro_headding {
                font-size: 2.2rem;

                @media screen and (min-width: 481px) {
                    font-size: 2.5rem;
                }

                @media screen and (min-width: 768px) {
                    font-size: 2.8rem;
                }
            }

            .el_recruitTopPageIntro_text {
                font-size: 1.6rem;
                margin-top: 3.0rem;

                @media screen and (min-width: 481px) {
                    font-size: 1.7rem;
                }

                @media screen and (min-width: 768px) {
                    font-size: 1.8rem;
                }
            }
        }

        .el_recruitTopPageIntro_icon01 {
            img {
                display: block;
                left: auto;
                margin: 5.0rem auto 0;
                max-width: 35.0rem;
                position: relative;
                top: auto;
                transform: none;
                width: 100%;

                @media screen and (min-width: 768px) {
                    height: auto;
                    left: unset;
                    max-width: none;
                    position: absolute;
                    right: 2.0rem;
                    top: 20.0rem;
                    transform: translateY(-50%);
                    width: 50.0vw;
                    z-index: 5;
                }

                @media screen and (min-width: 1024px) {
                    width: 58.0rem;
                }
            }
        }
    }
}