@charset "utf-8";

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


採用情報
recruit


---------------------------------------------- */
html,body {
    min-width: auto;
}

#main {
    max-width: none;
	padding-top: 8em;
}
.recruit {
    width: 80%;
    margin: 0 auto;
}
.recruit > .title {
    text-align: center;
}
@media screen and (min-width: 1024px) {
    .recruit {
        width: 90%;
        max-width: 1024px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1023px) {
	body {
		font-size: 1.5rem;
	}
	#main {
		padding-top: 6em;
	}
    .recruit {
        width: 86%;
        max-width: none;
    }
}
/* --------------------------------------------
recruitWrap
---------------------------------------------- */
.recruitWrap {
    position: relative;
    min-height: 500px;
}
@media screen and (max-width: 640px) {
    .recruitWrap {
        min-height: 40vh;
    }
}
/* --------------------------------------------
recruitMessage
---------------------------------------------- */
.recruitMessage {
    padding: 2em;
    text-align: center;
    font-size: var(--fz-l);
    font-weight: var(--fw-medium);
    letter-spacing: .2rem;
}

/* --------------------------------------------
recruit___block
---------------------------------------------- */
.recruit___block {
    width: 100%;
    margin: 4em auto;
    letter-spacing: .2rem;
}
.recruit___block dt {
    width: 100%;
    color: var(--c-blue);
    font-weight: var(--fw-medium);
}
@media screen and (min-width: 1024px) {
    .recruit___block dl {
        display: flex;
    }
    .recruit___block dt {
        width: 25%;
        padding: 3rem 0;
        border-bottom: 1px solid var(--c-blue);
    }
    .recruit___block dl:first-child dt {
        border-top: 1px solid var(--c-blue);
    }
    .recruit___block dd {
        width: 100%;
        padding: 3rem 3.6rem 3rem 3rem;
        border-bottom: 1px solid var(--c-gray);
    }
    .recruit___block dl:first-child dd {
        border-top: 1px solid var(--c-gray);
    }
}
@media screen and (max-width: 1023px) {
    .recruit___block dl {
        display: block;
        padding: 2.4rem 0 2.4rem;
        border-top: 1px solid var(--c-gray);
    }
    .recruit___block dl:last-child {
        border-bottom: 1px solid var(--c-gray);
    }
    .recruit___block dt {
        width: 100%;
        padding-bottom: .5rem;
        color: var(--c-blue);
        font-weight: var(--fw-medium);
        border-bottom: none;
    }
    .recruit___block dl:first-child dt {
        border-top: none;
    }
}
/* --------------------------------------------
illust
---------------------------------------------- */
.illust {
    width: 220px;
    margin-left: auto;
}


@media screen and (max-width: 640px) {
    .illust {
        margin: 0 auto;
    }
}