/* 学校ページ共通。追加デザインも同じHTMLとデータを使う。 */
.school-top-document {
    scroll-behavior: smooth;
}
.school-top-page {
    --school-accent: #0065b3;
    --school-line: #d6e3ef;
    --school-muted: #526879;
    --school-list-background: #eaf1f8;
    --school-list-dot: rgba(18, 99, 162, 0.11);
    margin: 0;
    background: #fff;
    color: #263336;
    font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    overflow-x: hidden;
}
.school-top-page * {
    box-sizing: border-box;
}
.school-top-page #main {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.school-top-page .school-page-inner {
    position: relative;
    z-index: 0;
    padding: 44px 44px 24px;
}
.school-top-page .school-top-outline {
    padding-bottom: 32px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--school-line);
}
.school-top-page .school-overview-frame {
    position: relative;
}
/* 背景だけを上・左右へ広げ、下の要素を押し下げない。 */
.school-top-page .school-overview-background {
    position: absolute;
    top: -240px;
    left: 50%;
    width: calc(100vw + 96px);
    max-width: none;
    height: calc(100% + 240px);
    transform: translateX(-50%);
    object-fit: cover;
    z-index: -1;
}
.school-top-page .school-overview-frame > .school-layout {
    position: relative;
}
.school-top-page .school-overview-frame.has-image > .school-layout {
    background: rgba(245, 245, 245, 0.9);
}
.school-top-page .school-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
    padding: 30px 34px;
    background: #f5f5f5;
}
.school-top-page .school-name {
    margin: 0 0 16px;
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
}
/* ロゴ未設定時は従来の見出しを使い、設定時だけ名称の左に添える。 */
.school-top-page .school-identity {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    min-width: 0;
}
.school-top-page .school-identity .school-name {
    margin: 0;
    min-width: 0;
    flex: 1;
}
.school-top-page .school-logo {
    display: block;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    object-fit: contain;
}
.school-top-page .school-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 16px;
}
.school-top-page .school-tags span {
    padding: 1px 9px;
    border: 1px solid var(--school-accent);
    border-radius: 3px;
    background: var(--school-accent);
    color: #fff;
    font-size: 11px;
}
.school-top-page .school-details {
    margin: 0;
    padding-left: 26px;
    border-left: 1px solid #b8c9d5;
    font-size: 12px;
    overflow-wrap: anywhere;
}
.school-top-page .school-details > div {
    margin-bottom: 7px;
}
.school-top-page .school-subject {
    margin-top: 18px;
    color: var(--school-muted);
}
.school-top-page .school-details a {
    color: var(--school-accent);
    text-underline-offset: 3px;
}
.school-top-page .school-map {
    /* 情報の2列の下に配置し、学校情報ボックスの内側に収める。 */
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    min-width: 0;
    height: 300px;
    margin: 0;
    border: 0;
}
/* 一覧の幅を変えず、背景だけを画面の左右へ広げる。 */
.school-top-page .school-top-clubs {
    position: relative;
    z-index: 0;
}
.school-top-page .school-top-clubs::before {
    content: '';
    position: absolute;
    top: -24px;
    bottom: -24px;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: var(--school-list-background);
    background-image: radial-gradient(var(--school-list-dot) 1px, transparent 1px);
    background-size: 24px 24px;
    z-index: -1;
}
.school-top-page .school-list-heading {
    margin-bottom: 24px;
    padding: 18px 22px;
    border-left: 5px solid var(--school-accent);
    border-radius: 0 8px 8px 0;
    background: rgba(255, 255, 255, 0.72);
}
.school-top-page .school-list-heading h2 {
    margin: 0;
    font-size: 26px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.school-top-page .school-list-heading p {
    margin: 0 0 2px;
    color: var(--school-accent);
    font-size: 11px;
    letter-spacing: 0.16em;
}
.school-top-page .school-club-list {
    display: grid;
    gap: 18px;
}
.school-top-page .school-club-index {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 24px;
}
.school-top-page .school-club-index a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--school-line);
    border-left: 3px solid var(--club-accent);
    border-radius: 4px;
    background: #fff;
    color: #263746;
    font-size: 12px;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.school-top-page .school-club-index a::after {
    content: '↓';
    flex-shrink: 0;
    color: var(--club-accent);
}
.school-top-page .school-club-index a:hover {
    border-color: var(--club-accent);
}
.school-top-page .school-club {
    color: #263336;
    text-decoration: none;
    border: 1px solid var(--school-line);
    border-left: 4px solid var(--club-accent);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(38, 74, 103, 0.04);
    transition: border-color 0.2s, box-shadow 0.2s;
    scroll-margin-top: 24px;
}
.school-top-page .school-club:hover,
.school-top-page .school-club:focus-visible {
    border-color: var(--club-accent);
    box-shadow: 0 6px 22px rgba(var(--club-shadow), 0.25);
}
.school-top-page .school-club:hover .club-title,
.school-top-page .school-club:focus-visible .club-title {
    color: var(--club-accent);
}
.school-top-page .club-media {
    width: 100%;
    align-self: start;
    overflow: hidden;
    border-radius: 6px;
    background: #e7eded;
}
.school-top-page .club-media img {
    display: block;
    width: 100%;
    height: auto;
}
.school-top-page .club-content {
    min-width: 0;
}
.school-top-page .club-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.02em;
    overflow-wrap: anywhere;
}
.school-top-page .school-type {
    display: inline-block;
    margin-bottom: 9px;
    padding: 1px 9px;
    border: 1px solid var(--school-line);
    border-radius: 16px;
    background: #f0f6fb;
    color: var(--school-accent);
    font-size: 11px;
    line-height: 1.7;
}
.school-top-page .club-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 7.4em;
    overflow: hidden;
    color: var(--school-muted);
    font-size: 13px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}
.school-top-page .club-link-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--school-line);
    border-radius: 24px;
    background: #f0f6fb;
    color: var(--school-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}
.school-top-page .club-link-label b {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    background: var(--school-accent);
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
}
.school-top-page a:focus-visible {
    outline: 3px solid #df941d;
    outline-offset: 4px;
}
.school-top-page .school-page-footer {
    padding: 28px 24px;
    border-top: 1px solid var(--school-line);
    background: #fff;
    color: #263746;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
/* 標準一覧 */
.school-style-standard {
    --school-outline-space: 64px;
}
.school-style-standard .school-page-inner {
    padding-top: var(--school-outline-space);
}
.school-style-standard .school-top-outline {
    padding-bottom: var(--school-outline-space);
    margin-bottom: 24px;
    border-bottom: 0;
}
.school-style-standard .school-overview-background {
    top: calc(-1 * var(--school-outline-space));
    width: 100vw;
    height: calc(100% + 2 * var(--school-outline-space));
}
.school-style-standard .school-club-list {
    grid-template-columns: 1fr;
}
.school-style-standard .school-club {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 20px;
}
.school-style-standard .club-link-label {
    align-self: center;
    justify-self: end;
}
/* カード一覧 */
.school-style-cards {
    --school-photo-space: 208px;
    --school-photo-top: 44px;
    --school-accent: #236d62;
    --school-line: #dce5dd;
    --school-muted: #5a7069;
    --school-list-background: #f5f4ee;
    background: #f5f4ee;
}
.school-style-cards .school-overview-frame.has-image {
    padding-top: var(--school-photo-space);
}
.school-style-cards .school-overview-background {
    top: calc(-1 * var(--school-photo-top));
    /* 概要の上の写真用余白を補正し、地図を含む概要ボックスの中央で写真を切り替える。 */
    height: calc(50% + var(--school-photo-space) / 2 + var(--school-photo-top));
}
.school-style-cards .school-overview-frame > .school-layout {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 35px rgba(36, 72, 56, 0.08);
}
.school-style-cards .school-overview-frame.has-image > .school-layout {
    background: #fff;
}
.school-style-cards .school-page-inner::before {
    /* 写真より下の背景を学校概要と部活一覧でつなげ、境目の地色をなくす。 */
    content: '';
    position: absolute;
    inset: 0 auto 0 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: var(--school-list-background);
    background-image: radial-gradient(ellipse at 100% 0, rgba(217, 230, 217, 0.4), transparent 55%);
    z-index: -1;
}
.school-style-cards .school-top-clubs::before {
    background: none;
}
.school-style-cards .school-list-heading {
    padding: 0 0 16px;
    border-left: 0;
    border-bottom: 1px solid #d1ddd4;
    border-radius: 0;
    background: transparent;
}
.school-style-cards .school-list-heading p {
    letter-spacing: 0.2em;
}
.school-style-cards .school-club-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}
.school-style-cards .school-club {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid var(--school-line);
    border-top: 4px solid var(--club-accent);
    border-radius: 10px;
}
.school-style-cards .club-media {
    border-radius: 0;
}
.school-style-cards .school-type,
.school-style-cards .club-link-label {
    background: #eef5ef;
}
.school-style-cards .club-content {
    padding: 20px;
}
.school-style-cards .club-title {
    font-size: 19px;
}
.school-style-cards .club-link-label {
    align-self: flex-end;
    margin: auto 20px 20px;
}
/* コンパクト2列 */
.school-style-compact {
    --school-accent: #365571;
    --school-line: #dce3e9;
    --school-muted: #5c6c7a;
    --school-list-background: #f2f5f8;
}
.school-style-compact .school-overview-frame.has-image {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 29%;
    column-gap: 7%;
    align-items: start;
}
.school-style-compact .school-overview-background {
    position: static;
    display: block;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: auto;
    transform: none;
    object-fit: contain;
    border-radius: 6px;
    z-index: auto;
}
.school-style-compact .school-layout {
    grid-column: 1;
    grid-row: 1;
    display: block;
    padding: 0;
    background: transparent;
}
.school-style-compact .school-overview-frame.has-image > .school-layout {
    background: transparent;
}
.school-style-compact .school-map {
    /* コンパクト型の情報ボックスはgridを使わないため、地図の前に余白を取る。 */
    margin-top: 24px;
}
.school-style-compact .school-name {
    font-size: 28px;
}
.school-style-compact .school-logo {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
}
.school-style-compact .school-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin-top: 16px;
    padding: 12px 0 0;
    border-top: 1px solid var(--school-line);
    border-left: 0;
    font-size: 11px;
}
.school-style-compact .school-details > div:first-child {
    grid-column: 1 / -1;
}
.school-style-compact .school-subject {
    margin-top: 10px;
    font-size: 12px;
}
.school-style-compact .school-list-heading {
    display: flex;
    align-items: baseline;
    gap: 14px;
    padding: 0 0 14px;
    border-left: 0;
    border-bottom: 2px solid var(--school-line);
    border-radius: 0;
    background: transparent;
}
.school-style-compact .school-list-heading p {
    order: 1;
    margin: 0;
    font-size: 10px;
}
.school-style-compact .school-list-heading h2 {
    font-size: 22px;
}
.school-style-compact .school-top-clubs::before {
    background-image: none;
}
.school-style-compact .school-club-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.school-style-compact .school-club {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    align-items: start;
    gap: 10px 16px;
    padding: 16px;
    border-radius: 5px;
    box-shadow: none;
}
.school-style-compact .club-media {
    grid-column: 1;
    grid-row: 1 / 3;
    border-radius: 3px;
}
.school-style-compact .club-content {
    grid-column: 2;
    grid-row: 1;
}
.school-style-compact .club-title {
    font-size: 17px;
}
.school-style-compact .club-description {
    font-size: 12px;
}
.school-style-compact .club-link-label {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 10px;
}
.school-style-compact .club-link-label b {
    width: 19px;
    height: 19px;
    font-size: 16px;
}
@media screen and (max-width: 850px) {
    .school-style-standard {
        --school-outline-space: 32px;
    }
    .school-top-page .school-page-inner {
        padding: 32px;
    }
    .school-top-page .school-layout {
        gap: 24px;
        padding: 24px;
    }
    .school-style-standard .school-club {
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 14px 20px;
    }
    .school-style-standard .club-media {
        grid-row: span 2;
    }
    .school-style-standard .club-content {
        grid-column: 2;
        grid-row: 1;
    }
    .school-style-standard .club-link-label {
        grid-column: 2;
        justify-self: end;
        grid-row: 2;
    }
    .school-style-cards .school-club-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .school-style-compact .school-club-list {
        grid-template-columns: 1fr;
    }
    .school-style-compact .school-club {
        grid-template-columns: 136px minmax(0, 1fr);
    }
}
@media screen and (max-width: 580px) {
    .school-style-standard {
        --school-outline-space: 26px;
    }
    .school-top-page .school-page-inner {
        padding: 26px 20px 32px;
    }
    .school-top-page .school-layout {
        grid-template-columns: 1fr;
    }
    .school-top-page .school-name {
        font-size: 25px;
    }
    .school-top-page .school-identity {
        gap: 12px;
    }
    .school-top-page .school-logo {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }
    .school-top-page .school-details {
        padding: 16px 0 0;
        border-top: 1px solid #b8c9d5;
        border-left: 0;
    }
    .school-top-page .school-club-index {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .school-top-page .school-list-heading h2 {
        font-size: 21px;
    }
    .school-top-page .club-description {
        font-size: 14px;
    }
    .school-style-standard .school-club {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 16px;
    }
    .school-style-standard .club-media {
        grid-row: auto;
    }
    .school-style-standard .club-content {
        grid-column: auto;
        grid-row: auto;
    }
    .school-style-standard .club-link-label {
        grid-column: auto;
        grid-row: auto;
    }
    .school-style-cards .school-club-list {
        grid-template-columns: 1fr;
    }
    .school-style-cards {
        --school-photo-space: 192px;
        --school-photo-top: 26px;
    }
    .school-style-compact .school-club {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 10px 12px;
        padding: 14px;
    }
    .school-style-compact .club-media {
        grid-column: 1;
        grid-row: 1 / 3;
    }
    .school-style-compact .club-title {
        font-size: 16px;
    }
    .school-style-compact .school-overview-frame.has-image {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .school-style-compact .school-overview-background {
        grid-column: 1;
        grid-row: 1;
        border-radius: 0;
    }
    .school-style-compact .school-layout {
        grid-column: 1;
        grid-row: 2;
        padding: 0;
    }
    .school-style-compact .school-details {
        grid-template-columns: 1fr;
    }
    .school-style-compact .school-list-heading {
        display: block;
        padding-bottom: 12px;
    }
    .school-style-compact .club-description {
        font-size: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .school-top-document {
        scroll-behavior: auto;
    }
    .school-top-page .school-club {
        transition: none;
    }
}

/*.wrap > #main{*/
    /*width: 100%;*/
    /*margin: 0;*/
/*}*/
/*.info_title{*/
    /*font-size: 140%;*/
    /*font-weight: 600;*/
/*}*/
/*.info_content{*/
    /*position: relative;*/
    /*font-size: 110%;*/
    /*padding: 30px 20px;*/
    /*font-family: 'Osaka-Mono';*/
/*}*/
/*.school_name{*/
    /*font-size: 270%;*/
    /*margin: 0 auto;*/
    /*font-weight: 900;*/
/*}*/
/*.info > div{*/
    /*width: 100%;*/
    /*height: auto;*/
    /*margin-bottom: 30px;*/
/*}*/
/*.school_logo{*/
    /*height: 60px;*/
    /*margin-right: 10px;*/
    /*vertical-align: text-bottom;*/
/*}*/
/*.school_logo > img{*/
    /*height: 100%;*/
/*}*/
/*.school_title > div{*/
    /*display: inline-block;*/
/*}*/
/*.school_title{*/
    /*margin: 50px 0 70px 0;*/
    /*text-align: center;*/
/*}*/

/*!*schooledit****************************!*/
/*.school_info{*/
    /*padding: 0 11%;*/
/*}*/
/*.schooledit_star_image{*/
    /*width: 250px;*/
    /*height: 250px;*/
    /*line-height: 250px;*/
    /*text-align: center;*/
    /*display: inline-block;*/
    /*vertical-align: top;*/
/*}*/
/*.schooledit_star_image > img{*/
    /*width: auto;*/
    /*height: auto;*/
    /*max-width: 250px;*/
    /*max-height: 250px;*/
    /*vertical-align: middle;*/
/*}*/
/*.schooledit_star_info{*/
    /*display: inline-block;*/
    /*padding: 0 31px;*/
    /*width: 655px;*/
/*}*/
/*.schooledit_school_movie{*/
    /*max-width: 100%;*/
/*}*/
/*.schooledit_school_movie_div{*/
    /*text-align: center;*/
/*}*/
/*.info_title.location{*/
    /*position: relative;*/
/*}*/
/*.info_title.star:before{*/
    /*position: absolute;*/
    /*font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;*/
    /*content: '\f005\ スター';*/
    /*background: #80c8d1;*/
    /*color: #fff;*/
    /*left: 0;*/
    /*bottom: 100%;*/
    /*border-radius: 5px 5px 0 0;*/
    /*padding: 5px 7px 3px;*/
    /*font-size: 0.7em;*/
    /*line-height: 1;*/
    /*letter-spacing: 0.05em;*/
/*}*/
/*.info_title.star{*/
    /*position: relative;*/
    /*border-top: solid 2px #80c8d1;*/
    /*border-bottom: solid 2px #80c8d1;*/
    /*background: #f4f4f4;*/
    /*line-height: 1.4;*/
    /*padding: 0.4em 0.5em;*/
    /*margin: 2em 0 0.5em;*/
/*}*/
/*.info_title.movie {*/
    /*position: relative;*/
    /*border-top: solid 2px #80c8d1;*/
    /*border-bottom: solid 2px #80c8d1;*/
    /*background: #f4f4f4;*/
    /*line-height: 1.4;*/
    /*padding: 0.4em 0.5em;*/
    /*margin: 2em 0 0.5em;*/
/*}*/

/*.info_title.movie:before{*/
    /*position: absolute;*/
    /*font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;*/
    /*content: '\f03d\ ムービー';*/
    /*background: #80c8d1;*/
    /*color: #fff;*/
    /*left: 0px;*/
    /*bottom: 100%;*/
    /*border-radius: 5px 5px 0 0;*/
    /*padding: 5px 7px 3px;*/
    /*font-size: 0.7em;*/
    /*line-height: 1;*/
    /*letter-spacing: 0.05em;*/
/*}*/
/*!*.info_title.movie {*/
    /*position: relative;*/
    /*padding: 10px 0;*/
    /*text-align: center;*/
    /*margin: 1.5em 0;*/
/*}*/
/*.info_title.movie:before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: -8px;*/
    /*left: 50%;*/
    /*width: 150px;*/
    /*height: 58px;*/
    /*border-radius: 50%;*/
    /*border: 5px solid #a6ddb0;*/
    /*border-left-color: transparent;*/
    /*border-right-color: transparent;*/
    /*-moz-transform: translateX(-50%);*/
    /*-webkit-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
/*}*!*/
/*.info_title.under_line{*/
    /*position: relative;*/
    /*padding: 0.25em 0;*/
/*}*/
/*.info_title.under_line:after {*/
    /*content: "";*/
    /*display: block;*/
    /*height: 4px;*/
    /*background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);*/
    /*background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);*/
    /*background: linear-gradient(to right, rgb(230, 90, 90), transparent);*/
/*}*/

/*.info_title.location,*/
/*.info_title.phone,*/
/*.info_title.info_title_top{*/
    /*position: relative;*/
    /*background: #f4f4f4;*/
    /*padding: 2px 5px 2px 20px;*/
    /*border-radius: 0 10px 10px 0;*/
/*}*/

/*.info_title.location:before {*/
    /*font-family: FontAwesome;*/
    /*content: "\f041";*/
    /*display: inline-block;*/
    /*line-height: 40px;*/
    /*position: absolute;*/
    /*padding: 0em;*/
    /*color: white;*/
    /*background: #ff6363;*/
    /*font-weight: normal;*/
    /*width: 40px;*/
    /*text-align: center;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*left: -24px;*/
    /*top: 50%;*/
    /*-moz-transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*border-radius: 50%;*/
    /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);*/
/*}*/

/*.info_title.free {*/
    /*position: relative;*/
    /*border-top: solid 2px #80c8d1;*/
    /*border-bottom: solid 2px #80c8d1;*/
    /*background: #f4f4f4;*/
    /*line-height: 1.4;*/
    /*padding: 0.4em 0.5em;*/
    /*margin: 2em 0 0.5em;*/
/*}*/

/*.info_title.free:before{*/
    /*position: absolute;*/
    /*font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;*/
    /*content: '\f0a7\ CHECK';*/
    /*background: #80c8d1;*/
    /*color: #fff;*/
    /*left: 0px;*/
    /*bottom: 100%;*/
    /*border-radius: 5px 5px 0 0;*/
    /*padding: 5px 7px 3px;*/
    /*font-size: 0.7em;*/
    /*line-height: 1;*/
    /*letter-spacing: 0.05em;*/
/*}*/
/*.info_title.info,*/
/*.info_title.url{*/
    /*position: relative;!*相対位置*!*/
    /*padding-left: 1.2em;!*アイコン分のスペース*!*/
    /*line-height: 1.4;!*行高*!*/
/*}*/

/*.info_title.info:before{*/
    /*font-family: FontAwesome;!*忘れずに*!*/
    /*content: "\f1b0";!*アイコンのユニコード*!*/
    /*position: absolute;!*絶対位置*!*/
    /*font-size: 1em;!*サイズ*!*/
    /*left: 0;!*アイコンの位置*!*/
    /*top: 0;!*アイコンの位置*!*/
    /*color: #ff938b; !*アイコン色*!*/
/*}*/
/*.star_info_dept {*/
    /*position: relative;!*相対位置*!*/
    /*line-height: 1.4;!*行高*!*/
    /*display: inline-block;*/
/*}*/

/*.star_info_dept:before,.star_info_dept:after{*/
    /*position: relative;*/
    /*font-family: FontAwesome;*/
    /*display: inline-block;*/
    /*font-size: 1.0em;*/
    /*color: #ff6a6a;*/
/*}*/
/*.star_info_dept:before{*/
    /*content:"\f053";!*アイコン種類*!*/
    /*padding-right: 0.5em*/
/*}*/
/*.star_info_dept:after{*/
    /*content:"\f054";!*アイコン種類*!*/
    /*padding-left: 0.5em*/
/*}*/
/*.star_info_first{*/
    /*text-align: center;*/
/*}*/
/*.star_content{*/
    /*position: relative;*/
    /*padding: 0.25em 1em;*/
    /*border-top: solid 2px black;*/
    /*border-bottom: solid 2px black;*/
/*}*/
/*.star_content:before, .star_content:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: -7px;*/
    /*width: 2px;*/
    /*height: -webkit-calc(100% + 14px);*/
    /*height: calc(100% + 14px);*/
    /*background-color: black;*/
/*}*/
/*.star_content:before {left: 7px;}*/
/*.star_content:after {right: 7px;}*/
/*.info_title.phone:before {*/
    /*font-family: FontAwesome;*/
    /*content: "\f095";*/
    /*display: inline-block;*/
    /*line-height: 40px;*/
    /*position: absolute;*/
    /*padding: 0em;*/
    /*color: white;*/
    /*background: #ff6363;*/
    /*font-weight: normal;*/
    /*width: 40px;*/
    /*text-align: center;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*left: -24px;*/
    /*top: 50%;*/
    /*-moz-transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*border-radius: 50%;*/
    /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);*/
/*}*/
/*.info_title_top:before{*/
    /*font-family: FontAwesome;*/
    /*content: "\f129";*/
    /*display: inline-block;*/
    /*line-height: 40px;*/
    /*position: absolute;*/
    /*padding: 0em;*/
    /*color: white;*/
    /*background: #ff6363;*/
    /*font-weight: normal;*/
    /*width: 40px;*/
    /*text-align: center;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*left: -24px;*/
    /*top: 50%;*/
    /*-moz-transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*border-radius: 50%;*/
    /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);*/
/*}*/
/*.info_title.url:before{ font-family: FontAwesome;!*忘れずに*!*/
    /*content: "\f127";!*アイコンのユニコード*!*/
    /*position: absolute;!*絶対位置*!*/
    /*font-size: 1em;!*サイズ*!*/
    /*left: 0;!*アイコンの位置*!*/
    /*top: 0;!*アイコンの位置*!*/
    /*color: #ff938b; !*アイコン色*!*/
/*}*/

/*.top_title {*/
    /*position: relative;*/
    /*line-height: 1.4;*/
    /*display: inline-block;*/
    /*font-size: 160%;*/
    /*font-weight: 600;*/
    /*margin-top: 60px;*/
    /*margin-bottom: 60px;*/
    /*width: 100%;*/
    /*text-align: center;*/
/*}*/

/*.top_title:before,.top_title:after{*/
    /*position: relative;*/
    /*font-family: FontAwesome;*/
    /*display: inline-block;*/
    /*font-size: 1.0em;*/
    /*color: #ff6a6a;*/
/*}*/
/*.top_title:before{*/
    /*content:"\f053";!*アイコン種類*!*/
    /*padding-right: 0.5em*/
/*}*/
/*.top_title:after{*/
    /*content:"\f054";!*アイコン種類*!*/
    /*padding-left: 0.5em*/
/*}*/
/*!******************************************!*/


/*!*recruitment_list**************************!*/
/*.category_ind{*/
    /*display: inline-block;*/
    /*margin: 15px 30px;*/
    /*width: 325px;*/
    /*cursor: pointer;*/
/*}*/
/*.category_ind:hover{*/
    /*opacity: 0.8;*/
/*}*/
/*.category_ind > .occupation{*/
    /*text-align: center;*/
    /*font-size: 145%;*/
    /*padding: 1px;*/
    /*border-radius: 4px 4px 0 0;*/
/*}*/
/*.category_ind > .contents{*/
    /*padding: 15px 20px;*/
    /*text-align: center;*/
    /*font-weight: 600;*/
/*}*/
/*.category_ind > .contents > p{*/
    /*margin: 0;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
/*}*/
/*.info_title.flow {*/
    /*position: relative;*/
    /*border-top: solid 2px #80c8d1;*/
    /*border-bottom: solid 2px #80c8d1;*/
    /*background: #f4f4f4;*/
    /*line-height: 1.4;*/
    /*padding: 0.4em 0.5em;*/
    /*margin: 2em 0 0.5em;*/
/*}*/

/*.info_title.flow:before{*/
    /*position: absolute;*/
    /*font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;*/
    /*content: '\f160\ フロー';*/
    /*background: #80c8d1;*/
    /*color: #fff;*/
    /*left: 0px;*/
    /*bottom: 100%;*/
    /*border-radius: 5px 5px 0 0;*/
    /*padding: 5px 7px 3px;*/
    /*font-size: 0.7em;*/
    /*line-height: 1;*/
    /*letter-spacing: 0.05em;*/
/*}*/
/*.preview_div.recr{*/
    /*padding: 0 11%;*/
/*}*/
/*.preview_div.recr > .preview_info > div{*/
    /*margin-bottom: 30px;*/
/*}*/

/*.category_ind{*/
    /*position: relative;*/
    /*padding: 0.25em 1em;*/
    /*border-top: solid 2px black;*/
    /*border-bottom: solid 2px black;*/
/*}*/
/*.category_ind:before, .category_ind:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: -7px;*/
    /*width: 2px;*/
    /*height: -webkit-calc(100% + 14px);*/
    /*height: calc(100% + 14px);*/
    /*background-color: black;*/
/*}*/
/*.category_ind:before {left: 7px;}*/
/*.category_ind:after {right: 7px;}*/
/*.occupation.recrt {*/
    /*color: #364e96;!*文字色*!*/
    /*border-bottom: solid 3px #364e96;!*下線*!*/
/*}*/
/*.info_title.category {*/
    /*position: relative;*/
    /*padding-left: 25px;*/
/*}*/

/*.info_title.category:before {*/
    /*position: absolute;*/
    /*content: '';*/
    /*bottom: -3px;*/
    /*left: 0;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border: none;*/
    /*border-left: solid 15px transparent;*/
    /*border-bottom: solid 15px rgb(119, 195, 223);*/
/*}*/
/*.info_title.category:after {*/
    /*position: absolute;*/
    /*content: '';*/
    /*bottom: -3px;*/
    /*left: 10px;*/
    /*width: 100%;*/
    /*border-bottom: solid 3px rgb(119, 195, 223);*/
/*}*/
/*#recr_contents{*/
    /*padding: 0 6%;*/
/*}*/
/*!*******************************************!*/


/*!*member************************************!*/
/*.member_de > .info_content{*/
    /*padding: 60px 30px;*/
/*}*/
/*.member_de > .info_title{*/
    /*position: relative;*/
    /*z-index: 1;*/
    /*margin-bottom: 35px;*/
    /*margin-top: 130px;*/
/*}*/
/*.member_img_div{*/
    /*border-radius: 10%;*/
    /*overflow: hidden;*/
    /*width: 30%;*/
    /*display: inline-block;*/
    /*margin-right: 20px;*/
    /*vertical-align: top;*/
    /*position: relative;*/
/*}*/
/*.member_img_div > img{*/
    /*width: 100%;*/
/*}*/
/*.member_contents_info{*/
    /*width: 55%;*/
    /*display: inline-block;*/
    /*position: relative;*/
    /*margin-left: 50px;*/
/*}*/
/*.member_contents_info > div{*/
    /*margin-bottom: 40px;*/
/*}*/
/*.member_info_title{*/
    /*font-size: 140%;*/
    /*font-weight: 600;*/
    /*color: #000000;*/
    /*padding-bottom: 5px;*/
    /*border-bottom: 1px solid #ca2420;*/
/*}*/
/*.member_info_contents{*/
    /*padding: 30px 20px;*/
    /*font-size: 100%;*/
    /*font-family: 'Yu Gothic';*/
    /*font-weight: 500;*/
/*}*/
/*.members_div{*/
    /*width: fit-content;*/
    /*margin: 0 auto;*/
/*}*/
/*.members_div > div{*/
    /*width: 1200px;*/
    /*margin: 0 auto;*/
/*}*/
/*.members_div > div > div{*/
    /*display: inline-block;*/
    /*width: 310px;*/
    /*height: 385px;*/
    /*overflow: hidden;*/
    /*position: relative;*/
    /*margin: 43px;*/
/*}*/
/*.member_img_box{*/
    /*position: absolute;*/
    /*width: fit-content;*/
    /*width: -moz-fit-content;*/
    /*height: 100%;*/
    /*overflow: hidden;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0);*/
/*}*/
/*@keyframes mm {50% {transform:scale(1.1,1.1);}}*/
/*@-webkit-keyframes mm{50% {-webkit-transform:scale(1.1,1.1);}}*/
/*.member_img_box > img{*/
    /*height: 100%;*/
    /*max-width: none;*/
/*}*/
/*.img_con{*/
    /*color: #FFFFFF;*/
    /*text-align: center;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*display: none;*/
/*}*/
/*.name_div{*/
    /*position: absolute;*/
    /*background-color: #FFFFFF;*/
    /*height: 65px;*/
    /*bottom: 9%;*/
    /*left: 0;*/
    /*width: 84%;*/
/*}*/
/*.name_div > div{*/
    /*position: relative;*/
    /*width: 100%;*/
    /*padding: 10px 18px;*/
/*}*/
/*.name_div > div > div{*/
    /*position: absolute;*/
    /*top: -21px;*/
    /*left: -1px;*/
    /*color: #FFFFFF;*/
    /*width: 90%;*/
    /*padding: 3px 20px;*/
    /*font-size: 80%;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*font-weight: 600;*/
/*}*/
/*.member_bg{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*filter: blur(14px) contrast(75%);*/
    /*z-index: 0;*/
    /*background-size: cover;*/
    /*opacity: 0.4;*/
/*}*/
/*.real_name{*/
    /*font-size: 135%;*/
    /*font-family: 'Yu Gothic';*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*padding-right: 16px;*/
/*}*/
/*.name_div > div > .real_dept{*/
    /*font-size: 75%;*/
    /*margin-bottom: -6px;*/
    /*font-weight: 600;*/
/*}*/
/*.invisible_div{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*opacity: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 2;*/
    /*cursor: pointer;*/
/*}*/
/*.transition {*/
    /*animation:mm 0.5s;*/
    /*-webkit-animation:mm 1s;*/
    /*opacity: 0.8;*/
/*}*/
/*.name_div > .white_arrow{*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*height: 65px;*/
    /*background-color: #FFFFFF;*/
    /*right: 0;*/
    /*width: 48px;*/
    /*padding: 0;*/
/*}*/
/*.name_div > .white_arrow > img{*/
    /*width: 25px;*/
    /*position: absolute;*/
    /*right: 10px;*/
    /*bottom: 10px;*/
    /*box-shadow: none;*/
/*}*/
/*.mem.effect {*/
    /*display: inline-block;*/
    /*position: relative;*/
    /*overflow: hidden; !* 불필요한 부분 가리기 *!*/
    /*padding: 6px; !* 6px정도 이미지 밖으로 표현 *!*/
/*}*/

/*.mem.effect:before,*/
/*.mem.effect:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*width: 97px;*/
    /*height: 50px;*/
    /*background: #fff; !* 배경색과 같은 색 *!*/
    /*transform: rotate(-30deg);*/
/*}*/
/*!* 왼쪽 위 *!*/
/*.mem.effect:before {*/
    /*box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);*/
    /*top: -24px;*/
    /*bottom: auto;*/
    /*right: auto;*/
    /*left: -26px;*/

/*}*/
/*!* 오른쪽 아래 *!*/
/*.mem.effect:after {*/
    /*box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);*/
    /*top: auto;*/
    /*bottom: -22px;*/
    /*right: -25px;*/
    /*left: auto;*/
/*}*/
/*.info_title.member_title{*/
    /*color: #6cb4e4;*/
    /*text-align: center;*/
    /*padding: 0.25em;*/
    /*border-top: solid 2px #6cb4e4;*/
    /*border-bottom: solid 2px #6cb4e4;*/
    /*background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);*/
    /*background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);*/
/*}*/
/*!*******************************************!*/


/*!*benefit***********************************!*/
/*.ben_img_div{*/
    /*width: 29%;*/
    /*display: inline-block;*/
    /*margin-right: 20px;*/
    /*vertical-align: top;*/
/*}*/
/*.ben_contents_info{*/
    /*width: 60%;*/
    /*display: inline-block;*/
    /*margin-left: 50px;*/
    /*padding: 30px 20px;*/
    /*font-size: 100%;*/
    /*font-family: 'Yu Gothic';*/
    /*font-weight: 500;*/
/*}*/
/*.ben_contents_info:first-letter {*/
    /*font-size: 150%;*/
    /*color: #7172ac;;*/
/*}*/
/*.bene.effect {*/
    /*display: inline-block;*/
    /*position: relative;*/
/*}*/
/*.bene.effect:after {*/
    /*position: absolute;*/
    /*display: block;*/
    /*content: "";*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*box-shadow:*/
            /*inset 0 0 20px #fff !* 배경과 같은 색 *!,*/
            /*inset 0 0 20px #fff,*/
            /*inset 0 0 20px #fff,*/
            /*inset 0 0 20px #fff;*/
/*}*/
/*.info_title.bene{*/
    /*margin-top: 130px;*/
    /*margin-bottom: 30px;*/
/*}*/
/*.info_content.bene{*/
    /*padding: 60px 30px;*/
/*}*/
/*!*******************************************!*/

/*!*entry*************************************!*/
/*.in_entry,*/
/*.out_entry{*/
    /*width: fit-content;*/
    /*width: -moz-fit-content;*/
    /*margin: 0 auto;*/
/*}*/
/*.in_entry > div,*/
/*.out_entry > div{*/
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
/*}*/
/*.in_entry > div > div,*/
/*.out_entry > div > div{*/
    /*width: 214px;*/
    /*display: inline-block;*/
    /*text-align: right;*/
    /*vertical-align: middle;*/
    /*padding-right: 40px;*/
/*}*/
/*.in_entry > .button,*/
/*.out_entry > .button,*/
/*#entry > .button{*/
    /*text-align: center;*/
    /*margin: 0 auto;*/
    /*margin-top: 40px;*/
/*}*/
/*.in_entry > .button > input,*/
/*.out_entry > .button > input,*/
/*#entry > .button > input{*/
    /*margin: 20px;*/
/*}*/
/*.in_entry .chosen-container-single .chosen-single,*/
/*.out_entry .chosen-container-single .chosen-single{*/
    /*height: 35px;*/
    /*background: linear-gradient(#ffffff -10%, #f6f6f6 20%, #eeeeee 52%, #f4f4f4 100%);*/
/*}*/
/*.in_entry .chosen-container-single .chosen-single span,*/
/*.out_entry .chosen-container-single .chosen-single span{*/
    /*height: 35px;*/
    /*line-height: 35px;*/
    /*vertical-align: middle;*/
    /*font-size: 15px;*/
/*}*/
/*.in_entry .chosen-container-single .chosen-single div,*/
/*.out_entry .chosen-container-single .chosen-single div{*/
    /*margin-top: 4px;*/
/*}*/
/*.in_entry .chosen-container,*/
/*.out_entry .chosen-container{*/
    /*padding: 0;*/
    /*text-align: left;*/
/*}*/
/*.entry_menu{*/
    /*width: 1100px;*/
    /*color: #FFFFFF;*/
    /*cursor: pointer;*/
    /*margin: 0 auto;*/
    /*margin-bottom: 50px;*/
/*}*/
/*.entry_menu > div{*/
    /*display: inline-block;*/
    /*font-size: 160%;*/
    /*width: 547.7px;*/
    /*text-align: center;*/
    /*padding: 3px;*/
/*}*/
/*.out_entry{*/
    /*display: none;*/
/*}*/
/*.out_entry > div > div > div{*/
    /*font-size: 70%;*/
    /*margin-top: -2px;*/
    /*margin-right: 7px;*/
/*}*/
/*.out_entry .chosen-container-single .chosen-single span{*/
    /*font-size: 12px;*/
/*}*/
/*.in_entry > .margin_bottom_zero,*/
/*.out_entry > .margin_bottom_zero{*/
    /*margin-bottom: 0;*/
/*}*/
/*.in_entry > .margin_top_zero,*/
/*.out_entry > .margin_top_zero{*/
    /*margin-top: 0;*/
/*}*/
/*.in_entry > .margin_top_10,*/
/*.out_entry > .margin_top_10{*/
    /*margin-top: 10px;*/
/*}*/
/*.in_entry > .margin_bottom_10,*/
/*.out_entry > .margin_bottom_10{*/
    /*margin-bottom: 10px;*/
/*}*/
/*.entry_preview{*/
    /*width: fit-content;*/
    /*width: -moz-fit-content;*/
    /*margin: 0 auto;*/
/*}*/
/*.entry_preview > div > div{*/
    /*display: inline-block;*/
/*}*/
/*.entry_preview > div{*/
    /*margin: 10px 0;*/
/*}*/
/*.entry_preview .title{*/
    /*width: 230px;*/
    /*text-align: right;*/
    /*padding-right: 40px;*/
    /*vertical-align: top;*/
/*}*/
/*!*******************************************!*/