/* グローバルヘッダーのpositionをfixedからstickyに変更 */
.global-header {
    position: sticky;
}

.wrapper {
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 10px;
    margin: 0 auto;
    width: 1000px;
}

.wrapper * {
    box-sizing: border-box;
    letter-spacing: .05em;
}

.page-hdr {
    margin-top: 2em;
}

.page-ttl {
    align-items: center;
    display: flex;
    font-size: 2.4em;
}

.page-ttl::before,
.page-ttl::after {
    background: linear-gradient(#98bfe7, #307fcf);
    border: 1px solid #2663a1;
    box-shadow: 1px 1px 2px 0 rgba(38, 99, 161, .3);
    content: "";
    display: block;
    height: 1em;
    width: 1em;
}

.page-ttl::before {
    margin-right: .25em;
}

.page-ttl::after {
    margin-left: .25em;
}

.page-catch {
    font-size: 1.8em;
    margin: .5em auto 0;
    width: 96%;
}

.saiyo-logo {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    margin: 2em auto 0 20px;
}

.saiyo-logo-item-link {
    display: inline-block;
}

.main-ctr {
    margin: 5em auto 0;
    width: 96%;
}

.section-ctr {
    margin-top: 4em;
}

.section-ttl {
    font-size: 2em;
    margin: 0;
}

.recruit-list {
    border: 1px solid #333;
    font-size: 1.8em;
    margin: .75em auto 0;
    width: 96%;
}

.recruit-list-group {
    display: grid;
    grid-template-columns: 12em auto;
}

.recruit-list-item,
.recruit-list-dtl {
    border: 1px solid #333;
    padding: .5em .75em;
}

.recruit-list-dtl .recruit-list-dtl-txt {
    letter-spacing: .013em;
}

.recruit-list-item {
    background-color: #f0f0f0;
    font-weight: 600;
}

.recruit-list-dtl-hdr {
    margin-bottom: 1em;
}

.recruit-list-dtl-txt:not(:first-of-type),
.recruit-list-dtl-hdr+.recruit-list-dtl-txt {
    margin-top: 1em;
}

.recruit-flow {
    margin: .5em auto;
    text-align: center;
    width: 65%;
}

.recruit-flow-item {
    background-color: #e7ebf1;
    padding: .5em 0;
    position: relative;
}

.recruit-flow-item:not(:last-of-type) {
    margin-bottom: 1.5em;
}

.recruit-flow-item:not(:last-of-type)::after {
    align-items: center;
    bottom: 0;
    content: "▼";
    display: flex;
    height: 1.5em;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 100%);
}

.flow-item-anotation {
    display: block;
    font-size: .8em;
}

.dtl-table {
    margin: .5em auto;
    width: auto;
}

.dtl-table .dtl-table-head,
.dtl-table .dtl-table-data {
    border: 1px solid #333;
    padding: .3em 1.8em;
    text-align: center;
}

.dtl-table-head {
    background-color: #e7ebf1;
}

.dtl-list {
    margin-top: .2em;
}

.dtl-list-item {
    padding-left: 1em;
    text-indent: -1em;
}

.dtl-list-item::before {
    content: "・";
    display: inline-block;
    margin-left: 1em;
}

.annotation-txt {
    padding-left: 1em;
    text-indent: -1em;
}

.section-sub-ttl {
    background-color: #f0f0f0;
    border: 2px solid #333;
    border-bottom: 0;
    font-size: 1.8em;
    margin: .75em auto 0;
    padding: .7em 0;
    text-align: center;
    width: 96%;
}

.section-sub-ttl+.recruit-list {
    margin-top: 0;
}

.recruit-list-annotation {
    font-size: 1.6em;
    margin: .5em auto 0;
    width: 96%;
}

.apply .recruit-list-item {
    background-color: #e7ebf1;
}