<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* ==============================================================================================
 Normalize
================================================================================================= */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*,
*::before,
*::after {
    box-sizing: border-box;
}

*:active,
*:hover {
    outline: none;
}

:root {
    font-size: 10px;
}

html {
    /* -webkit-text-size-adjust: 100%; */
    line-height: 1.15;
}

body {
    overflow-wrap: break-word;
    min-width: 320px;
    font-size: 1.4rem;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    color: #333;
    line-height: 1.7;
    margin: 0;
    word-wrap: break-word;
    background: #f3f3f3;
}

main {
    display: block;
}

h1 {
    margin: .67em 0;
    font-size: 2rem;
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0;
}

pre {
    font-size: 1.0rem;
    font-family: monospace, monospace;
}

a {
    background-color: transparent;
    color: #006bcd;
    text-decoration: none;
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    -webkit-text-decoration: underline dotted;
    border-bottom: none;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-size: 1.0rem;
    font-family: monospace, monospace;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    vertical-align: baseline;
    line-height: 0;
}

sub {
    bottom: -.25em;
}

sup {
    font-size: 1.2rem;
    top: -.5em;
}

img {
    border-style: none;
    max-width: 100%;
    vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    line-height: 1.15;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    word-break: break-all;
    white-space: normal;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: .35em .75em .625em;
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

main {
    display: block;
}

ul,
ol {
    list-style-type: none;
}

em {
    font-weight: bold;
    font-style: normal;
    color: #f57c31;
}

strong {
    color: #ec2b51;
}

i {
    font-style: italic;
}

p,
ul,
ol,
dl,
dt,
dd,
table,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
form {
    margin: 0;
    padding: 0;
}

dfn,
cite,
address {
    font-style: normal;
}

address {
    text-align: center;
}

small {
    font-size: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input,
select,
button,
textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    line-height: 1.7;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
}

select::-ms-expand {
    display: none;
}

input[type="reset"],
input[type="image"],
input[type="submit"],
input[type="button"],
button {
    cursor: pointer;
}

button {
    padding: 0;
    color: #006bcd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
}

tt {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}

/* ============================================================================
 * Header
 * ========================================================================= */
 #headerMain {
    position: relative;
}

.spUtility {
    position: absolute;
    top: 22px;
    right: 64px;
}

.spUtility .spEntry {
    display: flex;
    gap: 24px;
}

@media only screen and (max-width: 320px) {
    .spUtility {
        right: 56px;
    }

    .spUtility .spEntry {
        gap: 16px;
    }
}

.spEntry li a {
    display: block;
}

#innerHeader ul.spEntry li._icon-mcb a,
ul.spEntry li._icon-mcb a {
    background: url(../../resources/images/share/header/sp_menu-btn-19-20250331124358.svg) no-repeat;
    background-size: contain;
    background-position: center 0px;
    height: 25px;
    width: 25px;
}

#innerHeader ul.spEntry li._icon-mypage a,
ul.spEntry li._icon-mypage a {
    background: url(../../resources/images/icon/icon_user-20250203105254.svg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 22px;
    width: 22px;
}

#innerHeader ul.spEntry li._icon-internship-02 a,
#innerHeader ul.spEntry li._icon-search a,
#innerHeader ul.spEntry li._icon-search2 a,
ul.spEntry li._icon-internship-02 a,
ul.spEntry li._icon-search a,
ul.spEntry li._icon-search2 a {
    background: url(../../resources/images/icon/icon_search-20250203105254.svg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 22px;
    width: 22px;
}

.spBtn01 {
    position: absolute;
    top: 18px;
    right: 15px;
    transition: left .4s;
}

.spBtn01 button {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0;
    font-size: 0;
    background: transparent;
}

.spBtn01 &gt; button::before {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    display: block;
    width: 22px;
    height: 22px;
    background: url("../images/icon/icon_menu-20250203105254.svg") center no-repeat;
    background-size: contain;
    content: "";
}

#new-headerMain.is-open #headerMain .spBtn01 &gt; button::before {
    background-image: url("../images/icon/icon_close-20250203105254.svg");
    width: 18px;
    height: 18px;
    top: 7px;
    right: 7px;
}

.pcBtn {
    display: none;
}

#siteLogo {
    position: relative;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 18px 15px 16px;
    background: #fff;
}

#siteLogo h1 {
    font-size: 0;
}

#siteLogo .header-logo {
    width: 130px;
    height: 16px;
}

.new-menuBox01 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    transition: transform .4s ease;
    transform: translateY(-100%);
}

#new-headerMain.is-open + .new-menuBox01 {
    top: 65px;
    transform: translateY(0);
}

.menuBox01 {
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding-bottom: 65px;
    background: #f3f3f3;
}

.menuBox01 &gt; .hdg-nav {
    padding: 8px 15px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #fff;
    background: #00aaeb;
    border-right: none;
    border-left: none;
}

.menuBox01 &gt; .list-nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.menuBox01 &gt; .list-nav::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e6e6e6;
    content: "";
}

.menuBox01 &gt; .list-nav &gt; li {
    display: flex;
    width: 50%;
    border-bottom: 1px solid #e6e6e6;
}

.menuBox01 &gt; .list-nav &gt; li:nth-child(odd) {
    border-right: 1px solid #e6e6e6;
}

.menuBox01 &gt; .list-nav &gt; li &gt; a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-decoration: none;
}

.menuBox01 &gt; .list-nav &gt; li &gt; a::before {
    position: relative;
    display: block;
    margin: 0 8px 0 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
}

.menuBox01 .list-nav li a._icon-mypage::before {
    width: 23px;
    height: 25px;
    background-image: url("../images/icon/icon_user-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-event::before {
    width: 24px;
    height: 25px;
    background-image: url("../images/icon/icon_flag-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-seminer::before {
    width: 25px;
    height: 23px;
    background-image: url("../images/icon/icon_article-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-feature::before {
    width: 23px;
    height: 25px;
    background-image: url("../images/icon/icon_news-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-navi::before {
    width: 24px;
    height: 25px;
    background-image: url("../images/icon/icon_science-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-reserve::before {
    width: 23px;
    height: 25px;
    background-image: url("../images/icon/icon_diaryBook-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-reply::before {
    width: 25px;
    height: 18px;
    background-image: url("../images/icon/icon_mail-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-news::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_volume-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-scout::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_messages-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-editorial::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_editor-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-list::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_noteEdit-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-schedule::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_calendar-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-check::before {
    width: 25px;
    height: 23px;
    background-image: url("../images/icon/icon_checkbox-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-internship::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_buildingUser-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-company::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_buildingSearch-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-senior::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_userSearch-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-briefing::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_computerSearch-20250203105254.svg");
}

.menuBox01 .list-nav li a._icon-mycareer::before {
    width: 25px;
    height: 25px;
    background-image: url("../images/icon/icon_newsSearch-20250203105254.svg");
}

.menuBox01-inner {
    padding: 0 15px 20px;
}

.menuBox01-inner + * {
    border-top: 1px solid #e6e6e6;
}

.menuBox01-inner &gt; *:first-child {
    margin-top: 20px;
}

.menuBox01-inner &gt; .text-lead {
    font-size: 1.3rem;
    color: #859099;
}

.menuBox01-inner &gt; * + .btn-login {
    margin-top: 10px;
}

.menuBox01-inner &gt; .btn-login {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 10px;
}

.menuBox01-inner &gt; .btn-login::before {
    position: absolute;
    bottom: -20px;
    left: 0;
    display: block;
    width: calc(100% + 10px);
    height: 1px;
    background: #e6e6e6;
    content: "";
}

.menuBox01-inner &gt; .btn-login &gt; li {
    width: 50%;
}

.menuBox01-inner &gt; .btn-login &gt; li &gt; a {
    border-radius: 2px;
    display: block;
    padding: 11px 20px;
    text-align: center;
}

.menuBox01-inner .btn-login .register {
    color: #fff;
    background: #f57c31;
}

.menuBox01-inner .btn-login .login {
    background: #fff;
    border: 1px solid #b2b2b2;
}

.menuBox01-inner .btn-login .txt {
    position: relative;
    display: inline-block;
    padding-left: 28px;
}

.menuBox01-inner .btn-login .txt::before {
    content: "";
    display: block;
    position: absolute;
    transition: opacity .2s;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
}

.menuBox01-inner .register .txt::before {
    background: url("../images/icon/icon_enter-20250203105254.svg") center no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.menuBox01-inner .login .txt::before {
    background: url("../images/icon/icon_lock-20250203105254.svg") center no-repeat;
    background-size: contain;
}

.menuBox01-inner &gt; .col:not(.companySearch) {
    display: none;
}

.menuBox01-inner &gt; .col &gt; .title {
    display: none;
}

.menuBox01-inner &gt; .col &gt; * + .link {
    margin-top: 10px;
}

.menuBox01-inner &gt; .col &gt; .link a {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    font-size: 1.4rem;
}

.menuBox01-inner &gt; .col &gt; .link a::before,
.menuBox01-inner &gt; .col &gt; .link a::after {
    position: absolute;
    left: 0;
    display: block;
    width: 9px;
    height: 1px;
    background: #00aaeb;
    content: "";
}

.menuBox01-inner &gt; .col &gt; .link a::before {
    top: 7px;
    transform: rotate(43deg);
}

.menuBox01-inner &gt; .col &gt; .link a::after {
    top: 13px;
    transform: rotate(-43deg);
}

.menuBox01-inner &gt; .col &gt; * + .colInner,
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; * + .colInner {
    margin-top: 20px;
}

.menuBox01-inner &gt; .col &gt; .colInner,
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}

.menuBox01-inner &gt; .col &gt; .colInner [type="text"],
.menuBox01-inner &gt; .col &gt; .colInner [type="password"],
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner [type="text"],
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner [type="password"] {
    width: calc(100% - 76px);
    min-height: 48px;
    padding: 12px;
    background: #fff;
    border: none;
    box-shadow: 0 0 2.5px 0 rgb(0 0 0 / .25) inset;
    color: #333;
}

.menuBox01-inner &gt; .col &gt; .colInner &gt; .btn,
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner &gt; .btn {
    width: 76px;
}

.menuBox01-inner &gt; .col &gt; .colInner &gt; .btn &gt; .btn01.em,
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner &gt; .btn &gt; .btn01.em {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 12px 10px 12px 38px;
    font-size: 1.4rem;
    color: #fff;
    background: #f57c31;
    border-radius: 0 3px 3px 0;;
}

.menuBox01-inner &gt; .col &gt; .colInner &gt; .btn &gt; .btn01.em::before,
.menuBox01-inner &gt; .col &gt; .colInner &gt; .btn &gt; .btn01.em::after,
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner &gt; .btn &gt; .btn01.em::before,
.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner &gt; .btn &gt; .btn01.em::after {
    position: absolute;
    display: block;
    content: "";
}

.menuBox01-inner &gt; .col &gt; .colInner &gt; .btn &gt; .btn01.em::before {
    left: 8px;
    width: 20px;
    height: 20px;
    background: url("../images/icon/icon_search-20250203105254.svg") center no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.menuBox01-inner &gt; .col &gt; #comMenuSearchCorpListForm &gt; .colInner &gt; .btn &gt; .btn01.em::before {
    position: absolute;
    top: 12px;
    left: 10px;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon/icon_search-20250203105254.svg") center no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

#headerRight {
    display: none;
}

#headerUtility {
    display: none;
}

#siteLead {
    padding: 0 15px 10px;
    background: #fff;
    display: none;
}

#siteLead &gt; * + * {
    margin-top: 5px;
}

#siteLead &gt; p {
    font-size: 1.2rem;
    color: #333;
}

#siteLead &gt; .link &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.2rem;
}

#siteLead &gt; .link &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

#siteLead &gt; .link &gt; a::before {
    top: 9px;
}

#globalNavMain {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

#globalNavMain &gt; ul {
    display: flex;
}

#globalNavMain &gt; ul &gt; li {
    position: relative;
    display: flex;
    width: 100%;
}

#globalNavMain &gt; ul &gt; li::before {
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    width: 1px;
    height: calc(100% - 16px);
    background: #e6e6e6;
    content: "";
}

#globalNavMain &gt; ul &gt; li:last-child::before {
    opacity: 0;
}

#globalNavMain &gt; ul &gt; li &gt; a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 0;
    font-size: 1.2rem;
    color: #333;
}

.c02 #globalNavMain &gt; ul &gt; li.nav03 &gt; a,
.c03 #globalNavMain &gt; ul &gt; li.nav04 &gt; a,
.c04 #globalNavMain &gt; ul &gt; li.nav05 &gt; a,
.c05 #globalNavMain &gt; ul &gt; li.nav06 &gt; a,
.c06 #globalNavMain &gt; ul &gt; li.nav07 &gt; a,
.c07 #globalNavMain &gt; ul &gt; li.nav08 &gt; a,
.c08 #globalNavMain &gt; ul &gt; li.nav09 &gt; a,
.c09 #globalNavMain &gt; ul &gt; li.nav02 &gt; a,
.c10 #globalNavMain &gt; ul &gt; li.nav10 &gt; a {
    font-weight: bold;
    color: #00aaeb;
}

.c02 #globalNavMain &gt; ul &gt; li.nav03 &gt; a &gt; span,
.c03 #globalNavMain &gt; ul &gt; li.nav04 &gt; a &gt; span,
.c04 #globalNavMain &gt; ul &gt; li.nav05 &gt; a &gt; span,
.c05 #globalNavMain &gt; ul &gt; li.nav06 &gt; a &gt; span,
.c06 #globalNavMain &gt; ul &gt; li.nav07 &gt; a &gt; span,
.c07 #globalNavMain &gt; ul &gt; li.nav08 &gt; a &gt; span,
.c08 #globalNavMain &gt; ul &gt; li.nav09 &gt; a &gt; span,
.c09 #globalNavMain &gt; ul &gt; li.nav02 &gt; a &gt; span,
.c10 #globalNavMain &gt; ul &gt; li.nav10 &gt; a &gt; span {
    opacity: 1;
}

#globalNavMain &gt; ul &gt; .nav02 &gt; a {
    font-size: 1.0rem;
    letter-spacing: -1px;
}

#globalNavMain &gt; ul &gt; .nav02 &gt; a &gt; span {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
}

#globalNavMain &gt; ul &gt; .nav01,
#globalNavMain &gt; ul &gt; .nav05,
#globalNavMain &gt; ul &gt; .nav06,
#globalNavMain &gt; ul &gt; .nav07,
#globalNavMain &gt; ul &gt; .nav08,
#globalNavMain &gt; ul &gt; .nav09 {
    display: none;
}

.dropdown-lists {
    display: none;
}

.header {
    margin: 16px 0;
}

/* ▲Header */

/* ============================================================================
 * Structure
 * ========================================================================= */
 #contentsleft &gt; .navContainer:first-child {
    margin-top: 20px;
}

#contentsarea.bg-white {
    background: #f3f3f3;
}

#contentsright {
    margin-top: 40px;
    padding: 0 10px;
    margin-bottom: 40px;
}

.boxContentsRightSide + .link-list-01 {
    background: #fafafa;
    padding-bottom: 30px;
}

.recommendSideBox,
.boxContentsRightSide,
.content-box {
    padding: 3px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

#contentsright &gt; *:not(:first-child) {
    margin-top: 16px;
}

.boxContentsRightSide &gt; h4,
.recommendSideBox &gt; h4 {
    display: flex;
    align-items: flex-start;
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    color: #333;
    background: #e6e6e6;
}

.boxContentsRightSide &gt; .inner,
.recommendSideBox &gt; .inner {
    padding: 16px;
    background: #fff;
}

.boxContentsRightSide &gt; .inner &gt; * + *,
.recommendSideBox &gt; .inner &gt; * + * {
    margin-top: 15px;
}

.boxContentsRightSide &gt; .inner &gt; dl,
.recommendSideBox &gt; .inner &gt; dl {
    font-size: 1.2rem;
}

.boxContentsRightSide &gt; .inner &gt; dl &gt; dt,
.recommendSideBox &gt; .inner &gt; dl &gt; dt {
    font-weight: bold;
    color: #7b7b7b;
    margin-bottom: 5px;
}

.boxContentsRightSide &gt; .inner &gt; dl &gt; dd,
.recommendSideBox &gt; .inner &gt; dl &gt; dd {
    margin-bottom: 10px;
}

.boxContentsRightSide &gt; .inner &gt; .pickup + .pickup,
.recommendSideBox &gt; .inner &gt; .pickup + .pickup {
    margin-top: 10px;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2,
.recommendSideBox &gt; .inner &gt; .pickup.col2 {
    display: inline-block;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 15px;
    padding: 0;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; * a,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; * a {
    padding: 11px 11px 11px 0;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; h5,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; h5 {
    font-weight: normal;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; h5 &gt; a,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; h5 &gt; a {
    display: block;
    padding-right: 10px;
    padding-left: 20px;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; h5 &gt; a img,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; h5 &gt; a img {
    max-width: none;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; strong,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; strong {
    display: flex;
    width: 100%;
    font-weight: normal;
    font-size: 1.2rem;
    text-align: left;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; strong &gt; a,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; strong &gt; a {
    width: 100%;
}

.boxContentsRightSide &gt; .inner &gt; .pickup.col2 &gt; strong:only-child &gt; a,
.recommendSideBox &gt; .inner &gt; .pickup.col2 &gt; strong:only-child &gt; a {
    width: 100%;
    padding-left: 20px;
}

.boxContentsRightSide &gt; .inner &gt; ul &gt; .help + li,
.recommendSideBox &gt; .inner &gt; ul &gt; .help + li {
    margin-top: 5px;
}

.boxContentsRightSide &gt; .inner &gt; ul &gt; .help &gt; a:not(.link-01),
.recommendSideBox &gt; .inner &gt; ul &gt; .help &gt; a:not(.link-01) {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.boxContentsRightSide &gt; .inner &gt; ul &gt; .help &gt; a:not(.link-01)::before,
.recommendSideBox &gt; .inner &gt; ul &gt; .help &gt; a:not(.link-01)::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.boxContentsRightSide &gt; .inner &gt; form,
.recommendSideBox &gt; .inner &gt; form {
    margin-top: 0;
}

.boxContentsRightSide &gt; .inner &gt; form &gt; dl,
.recommendSideBox &gt; .inner &gt; form &gt; dl {
    font-size: 1.2rem;
}

.boxContentsRightSide &gt; .inner &gt; form &gt; dl &gt; dt,
.recommendSideBox &gt; .inner &gt; form &gt; dl &gt; dt {
    margin-bottom: 5px;
    font-weight: bold;
}

.boxContentsRightSide &gt; .inner &gt; form &gt; dl &gt; dd &gt; * + *,
.recommendSideBox &gt; .inner &gt; form &gt; dl &gt; dd &gt; * + * {
    margin-top: 10px;
}


.mainpagePnation.corp.back.bottom.last .center{
    margin: 15px 0 0 15px;
}

.mainpagePnation.corp.back.bottom.last a.link01 {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.mainpagePnation.corp.back.bottom.last a.link01::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.subpagePnation.bottom {
    margin-bottom: 32px;
}

.subpagePnation.theme.bottom {
    margin: 0 10px;
}

#contentsright .content-box &gt; .hdg-l3-01 {
    display: flex;
    align-items: flex-start;
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    background: #e6e6e6;
}

#contentsright .content-box &gt; .lyt-column {
    padding: 16px;
    background: #fafafa;
}

.recommendSideBox.history &gt; .inner &gt; div &gt; ul &gt; li {
    position: relative;
}

.recommendSideBox.history &gt; .inner &gt; div &gt; ul &gt; li + li {
    margin-top: 20px;
}

.recommendSideBox.history &gt; .inner &gt; div + * {
    margin-top: 20px;
}

.recommendSideBox .historyItem {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    min-height: 60px;
}

.recommendSideBox .historyItem .col {
    width: calc(100% - 115px);
    margin-top: -5px;
}

.recommendSideBox .historyItem .title {
    font-weight: normal;
}

.recommendSideBox .historyItem .title &gt; a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommendSideBox .historyItem .img {
    width: 100px;
    margin-right: 15px;
    text-align: center;
}

.recommendSideBox .historyItem .img img {
    vertical-align: top;
}

.recommendSideBox .historyItem &gt; a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    min-height: 60px;
}

.recommendSideBox .historyItem &gt; a .title {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding-left: 18px;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommendSideBox .historyItem &gt; a .title::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.searchHeader &gt; .inner {
    margin-bottom: 10px;
}

.searchHeader &gt; .inner &gt; .searchInput {
    position: relative;
    margin: 0 15px 10px;
    padding: 15px 13px;
    background: #fff;
}

.searchHeader.isInputWrap &gt; .inner &gt; .searchInput {
    padding: 15px 13px 10px;
}

.searchHeader:not(.is) &gt; .inner &gt; .searchInput::before {
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    content: "";
}

.searchHeader.isInputWrap &gt; .inner &gt; .searchInput::before {
    bottom: -5px;
    top: auto;
}

.topicPathWrapper_pc {
	display: none;
}

.topicPathWrapper_sp {
  padding: 10px;
}

.topicPathWrapper_sp .topicPath li {
  display: inline-block;
  margin-right: 16px;
  font-size: 1.2rem;
}

.topicPathWrapper_sp .topicPath li:last-child {
    margin-right: 0;
}

.topicPathWrapper_sp .topicPath li a {
  position: relative;
  font-size: 1.2rem;
}

.topicPathWrapper_sp .topicPath li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -16px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: url(../images/share/arrow_03-20250203105255.png) no-repeat top left;
  background-size: contain;
}

/* 3月企業エントリーに向けた新機能と今後の流れ */
.boxHeadNotice {
    background: #fdf8e5;
}

.boxHeadNotice .boxHeadNotice-inner {
    align-items: center;
    background: #fdf8e5;
    box-shadow: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    padding: 10px 20px;
}

.boxHeadNotice .boxHeadNotice-inner &gt; .link-01 &gt; a {
    font-size: 1.2rem;
    padding-left: 18px;
    position: relative;
}

.boxHeadNotice .boxHeadNotice-inner &gt; .link-01 {
    padding: 0;
    position: static;
}

.boxHeadNotice .boxHeadNotice-inner &gt; .link-01 &gt; a:before {
    content: "";
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    display: block;
    left: -3px;
    height: 12px;
    position: absolute;
    top: 8px;
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
    width: 12px;
}

.boxHeadNotice .boxHeadNotice-inner &gt; .link-01::before {
    content: none;
}

.boxHeadNotice .boxHeadNotice-inner &gt; .link-01 &gt; a &gt; span {
    color: #333;
    display: block;
}

/* ▲Structure */

/* ============================================================================
 * Footer
 * ========================================================================= */
#footer-wrapper {
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
}

#smartphone_footer_link a::before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px -10px 3px;
    vertical-align: middle;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

#footer &gt; address {
    padding: 30px 10px;
    text-align: center;
}

#footer-wrapper .leftRight {
    position: relative;
    display: flex;
    margin: 20px -5px 15px;
    justify-content: center;
    align-items: center;
}

#footer-wrapper .leftRight &gt; li:not(.back) {
    width: 50%;
    margin: 0 5px;
}

#footer-wrapper .leftRight &gt; li:not(.back) &gt; a,
#footer-wrapper .leftRight &gt; li:not(.back) &gt; span {
    position: relative;
}

#footer-wrapper .leftRight &gt; li:not(.back) &gt; a:not(.btn-01),
#footer-wrapper .leftRight &gt; li:not(.back) &gt; span {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#footer-wrapper .leftRight &gt; li:not(.back) &gt; a:not(.btn-01) {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

#footer-wrapper .leftRight &gt; li:not(.back) &gt; span {
    color: #fff;
    background: #b2b2b2;
    box-shadow: none;
}

#footer-wrapper .leftRight &gt; .left &gt; a::before,
#footer-wrapper .leftRight &gt; .left &gt; span::before,
#footer-wrapper .leftRight &gt; .back &gt; a::before,
#footer-wrapper .leftRight &gt; .back &gt; span::before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

#footer-wrapper .leftRight &gt; .left &gt; span::before,
#footer-wrapper .leftRight &gt; .back &gt; span::before {
    border-color: #fff;
}

#footer-wrapper .leftRight &gt; .left &gt; a,
#footer-wrapper .leftRight &gt; .left &gt; span {
    padding: 10px 20px 10px 23px;
}

#footer-wrapper .leftRight &gt; .right &gt; a,
#footer-wrapper .leftRight &gt; .right &gt; span {
    padding: 10px 23px 10px 20px;
}

#footer-wrapper .leftRight &gt; .right &gt; a::before,
#footer-wrapper .leftRight &gt; .right &gt; span::before {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

#footer-wrapper .leftRight &gt; .right &gt; span::before {
    border-color: #fff;
}

#footer-wrapper .leftRight &gt; .paging {
    display: none;
}

#footer-wrapper .btn-list-01 {
    margin: 15px 0 0;
}

#footer-wrapper .btn-list-01 &gt; li + li {
    margin-top: 10px;
}

.site-footer-copyright {
    padding: 30px 10px;
    text-align: center;
}

.pagetopLink.mt40.spOnly{
    margin: 40px 0 20px;
}

/* ============================================================================
 * Components
 * ========================================================================= */
/*-----------------------------------------------
  Heading
----------------------------------------------- */
/* title */
.searchHeader &gt; .inner &gt; h4,
.searchTopCorp:not(.free) &gt; h4,
.searchTopCorpIs:not(.free) &gt; h4 {
    padding: 15px 10px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
    background: #00aaeb;
}

.searchSelectBox &gt; h4,
.searchTopCorpArea .searchTopCorp &gt; h4,
.searchTopCorpArea .searchTopCorpIs &gt; h4,
.searchTopCorpArea .searchSelectBox &gt; .withNoCheckbox {
    padding: 15px 10px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #333;
    background: #fff;
}

.searchSelectBox &gt; .withNoCheckbox {
    margin: 0;
    padding-right: 45px;
    border-top: solid 1px #e6e6e6;
}

.searchHeader.is h4 {
    position: relative;
    margin: 10px 15px 0;
    padding: 15px 10px 15px 38px;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.searchHeader.is h4::before {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    width: 2px;
    height: 22px;
    background: #fff;
    content: "";
}

.searchTopCorpArea .searchTopCorp &gt; h4::before,
.searchTopCorpArea .searchTopCorp &gt; h4::after,
.searchTopCorpArea .searchTopCorpIs &gt; h4::before,
.searchTopCorpArea .searchTopCorpIs &gt; h4::after {
    content: none !important;
}

.contentsHeader &gt; h2.hdg01 {
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: 1px;
}

.contentsHeader {
    margin: 20px 0 30px;
    padding-right: 10px;
    padding-left: 10px;
}

.searchSelectBoxSub &gt; h5 {
    padding: 40px 0 10px;
    font-weight: bold;
    font-size: 1.4rem;
}

.searchSelectBoxSub &gt; h5:first-child {
    padding: 0 0 10px;
}

.searchSelectBoxSub &gt; h5:has(.js-tooltip) {
    display: flex;
}

.searchSelectBoxSub h5 .js-tooltip.is-open .js-tooltip-content {
    left: 0;
    width: 230px;
}

.searchSelectBoxSub h5 .js-tooltip-content::before {
    left: 12px;
}

.searchSelectBoxSub.check &gt; h5 {
    position: relative;
    padding: 5px 0 5px 30px;
}

.searchSelectBoxSub.check~ul {
    margin-bottom: 30px;
}

.searchSelectBoxSub.check~ul:last-child {
    margin-bottom: 0;
}

.searchSelectBoxSub &gt; h5.my.ind &gt; label::after,
.searchTopCorp.indpre .listInnerBody &gt; ul &gt; .eachInd.my .searchConditionHeading &gt; a::after {
    align-items: center;
    background: #3c91cc;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 1.2rem;
    height: 24px;
    line-height: 1;
    margin-left: 16px;
    padding: 1px 8px !important;
    white-space: nowrap;
    content: "\5FD7\671B\696D\7A2E";
}

.searchTopCorp .listInnerBody &gt; .searchSelectBoxSubHdg &gt; span,
.searchTopCorp .listInnerBody .js-ctrl-disp-content &gt; .searchSelectBoxSubHdg &gt; span {
    display: block;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #e6e6e6;
}

.companyInfo h2.dtHead {
    margin: 10px -10px 10px;
    padding: 16px 45px 16px 16px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #333;
}

.companyInfo .dtHead2 {
    margin: -15px -13px 14px;
    padding: 13px;
    font-weight: bold;
    font-size: 2rem;
    color: #333;
}

.internHeading01,
.companyInfo &gt; .heading01,
.companyInfo .box01 &gt; .hdg01 &gt; h2,
.companyInfo &gt; .companySec &gt; .dtHead2,
.companyInfo h2.hdg01 {
    color: #333;
    font-size: 1.6rem;
    padding: 13px 13px 0 13px;
}

.wrapperActivity.corpmypage &gt; .header &gt; h2 {
    font-size: 1.6rem;
    padding: 13px 0 0 0;
}

.hdg01 &gt; .noLink {
    font-size: 1.4rem;
    font-weight: normal;
}

.companyInfo &gt; .heading01::before {
    top: 16px;
    height: calc(100% - 31px);
}

.companyInfo &gt; .heading01::after {
    position: absolute;
    top: auto;
    bottom: -4px;
    left: 1px;
    z-index: 2;
    display: block;
    width: calc(100% - 2px);
    height: 5px;
    background: #fff;
    content: "";
}

.companyInfo &gt; .companySec &gt; .dtHead2:first-child,
.companyInfo &gt; .companySec .box01:first-child h2.hdg01 {
    padding: 16px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.companyInfo &gt; .companySec &gt; .dtHead2,
.companyInfo &gt; .companySec &gt; .dtHead {
    margin: 0;
    background: #fff;
    color: #333;
}

.companyInfo &gt; .companySec &gt; .dtHead2 {
    display:flex;
    flex-direction: column-reverse;
}

.companyInfo &gt; .companySec &gt; .dtHead.toggle-hook + .inner:before {
    position: relative;
    top: -16px;
    left: -12px;
    display: block;
    width: calc(100% + 24px);
    height: 5px;
    background: #fff;
    content: "";
}

.companyInfo &gt; .companySec &gt; .dtHead.toggle-hook.opened + .inner:before {
    opacity: 0;
}

.companyInfo &gt; .companySec &gt; .dtHead2 {
    padding: 5px 0 5px 24px;
}

.companyInfo.is &gt; .companySec &gt; .dtHead2::after {
    position: absolute;
    width: calc(100% + -3px);
    left: 1px;
}

.companyInfo.is .dtHead2.hasIcon {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

.companyInfo.is .dtHead2.hasIcon::before {
    display: none;
}

.companyInfo.is .dtHead2.hasIcon &gt; .txt {
    width: 100%;
    font-size: 1.6rem;
}

.companyInfo.is .dtHead2.hasIcon &gt; .icon {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-left: -8px;
}

.companyInfo.is .dtHead2.hasIcon &gt; .icon &gt; span {
    margin-left: 8px;
    line-height: 1;
}

.companyInfo.is .dtHead2.hasIcon &gt; .icon &gt; .labelBlock {
    margin-top: 0;
    margin-bottom: 0;
}

.companyInfo.is .dtHead2.hasIcon &gt; .icon &gt; .labelBlock &gt; span {
    padding-top: 5px;
    padding-bottom: 5px;
}

.companyInfo .box-wrap {
    background: #fff;
    margin-top: 30px;
}

#headerWrap + .companyInfo &gt; .heading01.v2 {
    margin-top: 0;
    padding: 20px 0 0 24px;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.boxexclude:not(.message) &gt; .contentsHeader &gt; strong {
    font-weight: normal;
    color: #fff;
}

.headingIcn {
    display: block;
}

.headingIcn tbody {
    display: block;
}

.headingIcn tr {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    padding: 15px 10px 0;
    background: #fff;
}

.headingIcn tr td {
    width: 100%;
}

.headingIcn tr &gt; td:first-child {
    display: none;
}

.headingIcn tr h3 {
    font-weight: normal;
    font-size: 1.6rem;
    margin: 0 -1px;
    padding:10px 25px;
    line-height: 1.4;
    letter-spacing: 1px;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.headingIcn tr h3 span::before {
    position: absolute;
    top: 15px;
    left: 10px;
    display: block;
    width: 2px;
    height: calc(100% - 28px);
    background: #00aaeb;
    content: "";
}

.headingIcn tr span[class^="txtIcon"] {
    display: none;
}

#boxHeaderSubEntry &gt; .inner &gt; h2 {
    position: relative;
    color: #333;
    background: transparent;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 15px;
    padding: 16px 15px;
}

#boxHeaderSubEntry &gt; .inner &gt; h2::before {
    position: absolute;
    top: 17px;
    left: -2px;
    display: block;
    width: 2px;
    height: calc(100% - 32px);
    background: #00aaeb;
    content: "";
}

#displaySeminarDispForm #boxHeaderSubEntry &gt; .inner &gt; h2 {
    margin: 0;
    padding: 14px 34px;
    background-color: #00aaeb;
    color: #fff;
    font-weight: normal;
    font-size: 1.6rem;
}

#displaySeminarDispForm #boxHeaderSubEntry &gt; .inner &gt; h2::before {
    top: 16px;
    left: 13px;
    background: #fff;
}

h3.dtHead {
    font-size: 1.6rem;
}

.companySec.addAct &gt; h3.dtHead,
.companySec.memo &gt; h3.dtHead {
    display: flex;
    align-items: flex-start;
    margin: 30px 0 20px;
    padding: 8px 30px 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #fff;
    text-align: left;
    line-height: 1.5;
    background: #e6e6e6;
    color: #333;
}

#startSalary .aright {
    margin: -5px 0;
}

#startSalary table .courseRow {
    border: 1px solid #e6e6e6;
    padding: 3px;
}

#startSalary table .courseRow:not(:last-child) {
    margin-bottom: 8px;
}

#startSalary table th {
    margin: auto;
}

#startSalary table .courseName {
    background: #e6e6e6;
    text-align: center;
    margin-bottom: 8px;
}

#startSalary table .courseData {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    align-items: center;
    margin: 0;
}

#startSalary table .courseData .header {
    background: #859099;
    border-radius: 3px;
    color: #fff;
    font-size: 1.2rem;
    padding: 4px;
    margin: 0;
}

#startSalary table .courseData:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}

#startSalary .sameSize {
    padding: 16px;
}

#startSalary .salaryBreakdown {
    margin: 8px 0 16px;
}

.tableText {
    margin: 8px 0 16px;
}

.tableText:last-child {
    margin-bottom: 0;
}

.companySec#editor &gt; .dtHead {
	box-shadow: none;
}

.companySec#editor &gt; .dtHead::before {
    right: 7px;
}

.companySec#editor &gt; .dtHead::after {
	right: 12px;
}

.companySec#editor &gt; .inner {
	position: relative;
}

.companySec#editor &gt; .inner::before {
    position: absolute;
    top: -1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: 5px;
    background: #fff;
    content: "";
}

.dataTable02 th,
.dataTable02 .heading {
    margin: 16px 0 0;
}

.dataTable02 .heading .c-label-list {
    margin-left: 16px;
}

.companySec.addAct &gt; h3.dtHead,
.companySec.memo &gt; h3.dtHead,
.box01.toggle &gt; .hdg01 &gt; h3 {
    margin: 0;
}

.companySec.memo &gt; h3.dtHead {
    padding: 8px 32px 8px 16px;
}

.companySec#editor &gt; .dtHead {
    margin: 0;
    padding: 8px 32px 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.5;
    background: #e6e6e6;
    color: #333;
}

.searchTopCorpArea .searchTopCorp h4,
.searchTopCorpArea .searchTopCorpIs h4 {
    position: relative;
    background: #00aaeb;
    margin: -30px -15px 15px;
    padding: 16px 0 16px 38px;
    font-weight: normal;
    color: #fff;
}

.searchTopCorpArea .searchTopCorp h4 span::before,
.searchTopCorpArea .searchTopCorpIs h4 span::before {
    position: absolute;
    top: 16px;
    left: 15px;
    display: block;
    width: 2px;
    height: calc(100% - 34px);
    background: #fff;
    content: "";
}

.searchTopCorpArea .searchTopCorp h4 span,
.searchTopCorpArea .searchTopCorpIs h4 span {
    text-align: left;
}

.searchTopCorpWrapper .searchTopCorp:not(.free) &gt; h4 span:before,
.searchTopCorpWrapper .searchTopCorpIs:not(.free) &gt; h4 span:before {
    position: absolute;
    top: 16px;
    left: 15px;
    display: block;
    width: 2px;
    height: calc(100% - 34px);
    background: #fff;
    content: "";
}

/* メッセージ */
.contents-notice-01 {
    background: #fdfde7;
}

.contents-notice-01 .contents-notice-inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 12px 10px;
}

.box-multi-maintenance .multi-maintenance-hdg {
    font-weight: normal;
    font-size: 1.4rem;
    position: relative;
    padding: 0 0 0 28px;
}

.box-multi-maintenance .multi-maintenance-hdg a {
    text-decoration: none;
}

.box-multi-maintenance .multi-maintenance-hdg::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_information-20250203105254.svg) center no-repeat;
    background-size: 100%;
    content: "";
}

/* ▲Heading */
/*-----------------------------------------------
  Text
----------------------------------------------- */
.companyLead {
    font-size: 1.6rem;
    line-height: 1.5;
}

.school {
    color: #333;
    background: linear-gradient(transparent 45%, #ffe00d 0);
}

.labelBlock {
    display: block;
    margin-top: 5px;
}

.dtHead2 .labelBlock {
    display: block;
    margin: -3px 0 5px;
}

.labelBlock &gt; span {
    display: inline-flex;
    margin-bottom: 1px;
    padding: 2px 10px;
    font-weight: normal;
    font-size: 1.2rem;
    vertical-align: bottom;
}

.labelBlock &gt; span + span {
    margin-left: 5px;
}

.labelBlock.isDeadline &gt; span {
    color: #fff;
    background: #ec2b51;
}

.labelBlock.isDeadline &gt; span + span {
    margin-left: -1px;
    padding-left: 1px !important;
}

.labelBlock.isDeadline &gt; span:not(:only-child):first-child {
    padding-right: 0;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
}

.labelBlock.isDeadline &gt; span:not(:only-child):last-child {
    padding-left: 0;
    border-radius: 0 8px 8px 0;
}

.labelBlock.end &gt; span {
    color: #fff;
    background: #ec2b51;
    border-radius: 8px;
}

.labelIconTxt01 {
    display: inline-block;
    padding: 1px 10px;
    font-size: 1.4rem;
    color: #fff;
    background: #3650b0;
    border-radius: 10px;
}

.labelIconTxt01 + *:not(.txt) {
    margin-top: 2px !important;
}

.text-marker {
    background: linear-gradient(to bottom, transparent 60%, #ffe00d 60%, #ffe00d 90%, transparent 100%);
}

/*-----------------------------------------------
  エントリー「予約」文言付与
----------------------------------------------- */
/* .footerFixedEntries02 &gt; ul &gt; li.entry .txt-res::after {
    content: "\4E88\7D04";
}

.boxSearchresultEach .listBtn01 .txt-res::after {
    content: "\4E88\7D04";
} */

/*-----------------------------------------------
  エントリー予約注釈
----------------------------------------------- */
.contents-reserve {
    margin: 10px;
}

.contents-reserve {
    margin: -10px 0 0;
}

.contents-reserve + #headerCorp {
    margin-top: 20px !important;
}

.contents-reserve ~ #contentsarea {
    padding-top: 0;
}

.contents-reserve &gt; .contents-reserve-inner {
    background: #fdfde7;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px;
    line-height: 1.5;
}

.contents-reserve &gt; .contents-reserve-inner &gt; p,
.contents-reserve &gt; .contents-reserve-inner &gt; .text-ques &gt; a {
    font-size: 1.1rem;
}

.contents-reserve &gt; .contents-reserve-inner &gt; .text-ques {
    margin-top: 5px;
}

/*-----------------------------------------------
  Image
----------------------------------------------- */
#personHead &gt; *:first-child:not(.noImage),
.lytCol01 &gt; *:first-child:not(.noImage):not(.internEachInnerText),
.box02 &gt; .inner &gt; *:first-child:not(.noImage) {
    text-align: center;
}

#personHead &gt; * + *,
.lytCol01 &gt; * + *,
.box02 &gt; .inner &gt; * + * {
    margin-top: 8px;
}

#personHead &gt; .txtR &gt; h2 {
    margin-bottom: 5px;
    font-size: 1.4rem;
}

.lytCol01 &gt; .internEachInnerImage &gt; p {
    margin-top: 8px;
    font-size: 1.2rem;
    color: #859099;
}

.internEachInnerImage {
    text-align: center;
}

.internEachInnerImage img {
    max-width: 240px;
    max-height: 240px;
}

.lytCol01 .internEachInnerText.none {
    display: none;
}

.lytCol01 .c-label-list {
    margin-bottom: 16px;
}

.lytImage {
    text-align: left;
    font-size: 1.4rem;
}

#footerWrap .lytImage,
.recomend .lytImage {
    border: none;
    padding: 0
}

.lytImage &gt; *:last-child,
.companySec#editor &gt; .inner &gt; *:last-child {
    text-align: center;
}

.lytImage &gt; * + *,
.companySec#editor &gt; .inner &gt; * + * {
    margin-bottom: 15px;
}

.lytImage .txtR *,
.companySec#editor &gt; .inner .txtR * {
    text-align: left;
}

.lytImage .image {
    display: flex;
    margin-top: 14px;
    justify-content: center;
}

.lytImage .image a {
    display: block;
}

.lytImage .image p {
    font-size: 1.4rem;
    text-align: left;
}

.lytImage .image a + p {
    width: 183px;
}

.lytImage .image p span {
    display: block;
}

.lytImage .image img {
    width: auto;
    margin-right: 16px;
}

#premiumInfoHeader + .inner .lytImage .image img {
    max-width: 80px;
    max-height: 60px;
}

.lytImage .c-label-list {
    justify-content: center;
    margin-bottom: 8px;
}

.linkList .js-add-examination-list {
    width: 48%;
    padding: 16px;
}

.linkList .js-add-examination-list:not(:last-child),
.linkList .js-add-examination-list:not(:nth-last-child(2)) {
    margin-bottom: 16px;
}

.linkList .js-add-examination-list:nth-child(odd) {
    margin-right: 12px;
}

.recomend .lytImage &gt; .image img {
    width: 100px;
}

.recomend .lytImage {
    margin-top: 32px;
}

.recomend .lytImage:has(.c-label-list) {
    margin-top: 16px;
}

.recomend .linkList.split .slideItem .lytImage &gt; .image img {
    max-width: 85px;
    max-height: 65px;
    border-bottom: 0;
    margin: 0 auto;
    padding: 0;
}

.recomend .lytImage &gt; .text {
    line-height: 1.4;
    text-align: center;
}

.recomend .lytImage &gt; .text &gt; a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recomend .lytImage &gt; .text &gt; a::before {
    top: 8px;
}

.recomend .lytImage &gt; .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
}

.recomend .linkList.split .slideItem .lytImage &gt; .text &gt; a::before {
    top: 10px;
}

.recomend .linkList.split .slideItem &gt; span + .lytImage {
    padding-bottom: 28px;
}

.recomend .linkList.split .slideItem .lytImage &gt; .text &gt; a {
    vertical-align: bottom;
}

.recomend .linkList.split .slideItem .lytImage &gt; .text &gt; a,
.recomend .linkList.split .slideItem .linkCategory {
    font-size: 1.4rem;
}

.pctL &gt; dd {
    margin-top: 8px;
    font-size: 1.2rem;
    color: #859099;
    text-align: left;
}

.mainImg {
    text-align: center;
}

.pct2c {
    margin-top: 24px;
}

.pct2c &gt; * + * {
    margin-top: 20px;
}

.pct2c dt {
    margin-bottom: 8px;
    text-align: center;
}

.pct2c dt img {
    max-width: 240px;
    max-height: 180px;
}

.headingPictWrapper {
    text-align: center;
}

.headingPictWrapper img {
    max-width: 160px;
    max-height: 240px;
}

.headingPictWrapper &gt; .txt {
    margin-top: 8px;
    font-size: 1.2rem;
    color: #859099;
}

.profile &gt; dt {
    margin-bottom: 5px;
}

.profile &gt; dt &gt; a {
    position: relative;
    display: inline-block;
    line-height: 1.5;
}

.qrcode &gt; dt {
    text-align: center;
}

.qrcode &gt; dd .em01,
.qrcode &gt; dd span {
    display: block;
    margin-top: 5px;
    font-weight: normal;
    font-size: 1.3rem;
    color: #859099;
}

.companyInfoSPHeader &gt; .inner &gt; .pic {
    margin-bottom: 8px;
    text-align: center;
}

.companyInfoSPHeader &gt; .inner &gt; .txt * + p {
    margin-top: 10px;
}

.companyInfoSPHeader &gt; .inner &gt; .txt &gt; .lead {
    font-weight: bold;
    letter-spacing: 1px;
}

.companyInfoSPCulum &gt; .body &gt; .pic {
    margin-bottom: 8px;
}

.companyInfoSPCulum &gt; .body &gt; .pic &gt; .inner &gt; .picImg {
    text-align: center;
}

.companyInfoSPCulum &gt; .body &gt; .pic &gt; .inner .picTxt {
    margin-top: 5px;
    font-size: 1.2rem;
    color: #859099;
}

#primary .wrapperActivity.corpmypage .body.white .txt img {
    display: block;
    float: none !important;
    margin: 10px auto;
}

#primary .wrapperActivity.corpmypage .body.white .txt br + img {
    margin-top: 0;
}

#boxSeminarAdvance &gt; .inner &gt; p img {
    display: block;
    float: none;
    margin: 10px auto;
}

.lytMedia {
    display: flex;
    flex-direction: column-reverse;
}

.lytMedia &gt; .item {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
}

.lytMedia &gt; .item &gt; .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 217px;
    height: 100%;
    margin: auto;
    background: rgb(0 0 0 / .5);
}

.lytMedia &gt; .item &gt; .overlay &gt; .txt {
    color: #fff;
}

/*-----------------------------------------------
  Icon
----------------------------------------------- */
.Wh01 {
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.Gr01 {
    filter: brightness(0) saturate(100%) invert(60%) sepia(21%) saturate(180%) hue-rotate(165deg) brightness(90%) contrast(88%);
}

.Gr03 {
    filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(3421%) hue-rotate(272deg) brightness(92%) contrast(79%);
}

.Cy07 {
    filter: brightness(0) saturate(100%) invert(71%) sepia(70%) saturate(312%) hue-rotate(163deg) brightness(96%) contrast(98%);
}

.Re02 {
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

/*-----------------------------------------------
  List
----------------------------------------------- */
.searchSelectBoxSubBodyInner &gt; ul &gt; li + li,
.searchSelectBoxSubBody &gt; ul &gt; li + li,
.searchSelectBoxInner &gt; ul &gt; li + li {
    margin-top: 10px;
}

.linkCategory {
    display: flex;
    flex-wrap: wrap;
}

.linkCategory &gt; * {
    line-height: 1.5;
}

.linkCategory &gt; dt {
    width: 3em;
    font-weight: bold;
}

.linkCategory &gt; dd {
    overflow: hidden;
    width: calc(100% - 3em);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.linkCategory &gt; dd a {
    color: #333;
}

.recommendSideBox.history .linkCategory {
    position: absolute;
    top: 20px;
    right: 0;
    width: calc(100% - 115px);
}

.linkCategory {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
}

.linkCategory &gt; dt {
    width: 3em;
    line-height: 2;
    color: #7b7b7b;
}

.linkCategory &gt; dd {
    overflow: hidden;
    width: calc(100% - 3em);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.4rem;
}

.linkCategory &gt; dt._em,
.linkCategory &gt; dd._em {
    color: #ec2b51;
}

.recomend .linkCategory {
    margin-top: auto;
    padding-top: 2px;
}

.listIcon01,
.listIcon02 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.listIcon04 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: column;
}

.listIcon01 &gt; li,
.listIcon02 &gt; li,
.listIcon04 &gt; li {
    font-size: 1.2rem;
    color: #fff;
    border-radius: 8px;
}

#courseTitle .listIcon01 &gt; li {
    margin-bottom: 1px;
}

.listIcon01:not(.seminor) &gt; li {
    padding: 1px 10px;
    border-radius: 8px;
    background: #87b65e;
}

.listIcon01 &gt; li.em3 {
    background: #ec2b51;
}

.listIcon01 &gt; li.em4 {
    background: #3650b0;
}

.listIcon01 &gt; li.em5 {
    color: #333;
    background: #fff url(../images/icons/icon_em5-20250203105254.png) no-repeat left 4px top 1px;
    border: 1px solid #e6e6e6;
    background-size: 23px;
    padding-left: 28px;
}

.box01 &gt; .inner &gt; .listIcon01:not(.seminor),
#senkoFeature .listIcon01:not(.seminor),
#taisho .listIcon01:not(.seminor),
#shokushu .listIcon01:not(.seminor),
#startSalary .listIcon01:not(.seminor),
#workLocation .listIcon01:not(.seminor),
#employmentStatus .listIcon01:not(.seminor),
#naiyou .listIcon01:not(.seminor),
#studentFeature .listIcon01:not(.seminor),
#recruitInfoFeature .listIcon01:not(.seminor),
#gakka .listIcon01:not(.seminor),
#boshuFeature .listIcon01:not(.seminor),
#feature .listIcon01:not(.seminor),
#kihonkyu .listIcon01:not(.seminor),
#school .listIcon01:not(.seminor) {
    margin-top: 8px;
    margin-bottom: 8px;
}

#courseTitle .listIcon01 {
    margin-left: 4px;
    margin-top: 1px;
}

#senkoFeature .listIcon01:not(.seminor) &gt; li,
#taisho .listIcon01:not(.seminor) &gt; li,
#shokushu .listIcon01:not(.seminor) &gt; li,
#startSalary .listIcon01:not(.seminor) &gt; li,
#workLocation .listIcon01:not(.seminor) &gt; li,
#workHour .listIcon01:not(.seminor):first-child &gt; li,
#employmentStatus .listIcon01:not(.seminor) &gt; li,
#courseTitle .listIcon01:not(.seminor) &gt; li,
#naiyou .listIcon01:not(.seminor) &gt; li,
#studentFeature .listIcon01:not(.seminor) &gt; li,
#recruitInfoFeature .listIcon01:not(.seminor) &gt; li,
#gakka .listIcon01:not(.seminor) &gt; li,
#boshuFeature .listIcon01:not(.seminor) &gt; li,
#feature .listIcon01:not(.seminor) &gt; li,
#kihonkyu .listIcon01:not(.seminor) &gt; li,
#school .listIcon01:not(.seminor) &gt; li,
.senpaiTable .listIcon01 &gt; li {
    background: #3c91cc;
}

#senkoFeature .listIcon01:not(.seminor) &gt; li.off,
#startSalary .listIcon01:not(.seminor) &gt; li.off,
#employmentStatus .listIcon01:not(.seminor) &gt; li.off,
#recruitInfoFeature .listIcon01:not(.seminor) &gt; li.off,
#boshuFeature .listIcon01:not(.seminor) &gt; li.off,
#feature .listIcon01:not(.seminor) &gt; li.off {
    border: 1px solid #3c91cc;
    background: #fff;
    color: #3c91cc;
}

.listIcon01.seminor &gt; li {
    padding: 1px 10px;
    font-size: 1.2rem;
    background: #3c91cc;
}

.heading .listIcon02,
.heading .listIcon04 {
    display: inline-flex;
    gap: 4px;
}

.listIcon02 &gt; li,
.listIcon04 &gt; li {
    padding: 0 10px;
    color: #fff;
    background: #3c91cc;
}

.companyInfo.activity .companySec:not(#editor) &gt; .dtHead + .inner {
    top: -1px;
}

.companySec:not(#editor) &gt; .inner.bg-white {
    padding: 20px 15px;
}

.listHistory &gt; li {
    display: flex;
    align-items: center;
}

.listHistory &gt; li &gt; * {
    display: table-cell;
    padding: 15px 0 15px 8px;
}

.listHistory &gt; li &gt; .year {
    flex-basis:80px;
}

.listHistory &gt; li &gt; ul {
    width: 70%;
}

.listHistory &gt; li &gt; ul li {
    border-left: 1px solid #b2b2b2;
    padding-left: 15px;
 }

.listHistory + p {
    padding: 15px 8px;
}

.internDefinitionList01 &gt; dt {
    margin-top: 15px;
    font-weight: bold;
}

.internDefinitionList01 .inner {
    display: flex;
    align-items: flex-start;
}

.internDefinitionList01 .inner dt {
    width: 7.0em;
    margin-right: 15px;
    color: #7b7b7b;
    margin-top: 20px;
    font-weight: bold;
    white-space: nowrap;
}

.internDefinitionList01 .inner + .inner dt {
    margin-top: 10px;
}

.internDefinitionList01 .inner dd {
    margin-top: 20px;
}

.internDefinitionList01 .inner + .inner dd {
    margin-top: 10px;
}

.flow01 &gt; li + li::before {
    display: block;
    width: 0;
    height: 0;
    margin: 7px auto -8px;
    border: 13px solid transparent;
    border-top-color: #b2b2b2;
    content: "";
}

.uList02 li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 4px;
    font-size: 1.4rem;
}

.uList02 li *:last-child {
    margin-bottom: 0;
}

.uList02 li::before {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    background: #859099;
    border-radius: 50%;
}

/*-----------------------------------------------
  Link
----------------------------------------------- */
.link-01 {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.2rem;
}

.link-01::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

#contentsarea .linkList &gt; li &gt; a {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 17px 20px;
    padding-left: 18px;
    margin-top: 10px;
    font-size: 1.4rem;
    color: #006bcd;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.boxSearchresultEach .link-01 {
    margin-top: 4px;
    padding-left: 16px;
    font-size: 1.2rem;
}

.recommendSideBox.history .more-01 .link-01::before,
.boxSearchresultEach .link-01::before {
    top: 10px;
}

.boxexcludeSearchResult .link-list-01 {
    position: relative;
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 5px 13px 13px;
}

.boxexcludeSearchResult .link-list-01:before {
    content: "";
    position: absolute;
    top: 0;
    left: 150px;
    margin-top: -32px;
    border: 15px solid transparent;
    border-bottom: 16px solid #e6e6e6;
}

.boxexcludeSearchResult .link-list-01:after {
    content: "";
    position: absolute;
    top: 0;
    left: 150px;
    margin-top: -30px;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

#contentsarea .back a {
    font-size: 1.2rem;
}

.link-arrow-left {
    position: relative;
    padding: 0 0 0 18px;
}

.link-arrow-left::before {
    position: absolute;
    top: 12px;
    left: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.more-01 {
    text-align: right;
    width: 100%;
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    color: #006bcd;
    text-align: center;
}

.more-01 a{
    text-align: center;
}
.more-01 a::before {
    display: none;
}

.recommendSideBox.history .more-01 a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    font-size: 1.4rem;
    color: #006bcd;
    text-align: center;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
}

.recommendList &gt; li + li {
    margin-top: 20px;
}

.recommendList &gt; li &gt; a {
    position: relative;
    display: inline-block;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
}

.recommendList &gt; li &gt; a &gt; .titleTxt {
    width: 100%;
}

.recommendList &gt; li &gt; a &gt; .recommendIcon img {
    max-width: 60px;
    margin-right: 10px;
}

#contentsright .lyt-column &gt; li + li {
    margin-top: 10px;
}

#contentsright .lyt-column &gt; li .lyt-image {
    position: relative;
    display: inline-block;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    padding: 16px 15px;
    padding: 0;
    font-size: 1.4rem;
    text-align: center;
    text-align: left;
    line-height: 1.5;
}

#contentsright .lyt-column &gt; li .lyt-image &gt; * a {
    display: block;
}

#contentsright .lyt-column &gt; li .lyt-image &gt; *:only-child a {
    padding: 11px 25px 11px 20px;
}

#contentsright .lyt-column &gt; li .lyt-image &gt; .item {
    width: 100%;
}

#contentsright .lyt-column &gt; li .lyt-image &gt; .item &gt; .hdg-l4-02 {
    height: 100%;
    font-weight: normal;
    font-size: 1.3rem;
}

#contentsright .lyt-column &gt; li .lyt-image &gt; .item a {
    height: 100%;
}

#contentsright .lyt-column &gt; li .lyt-image &gt; .img img {
    max-width: 50px;
    margin-right: 10px;
}

.link-list-01 &gt; li + li {
    margin-top: 5px;
}

#contentsright &gt; .link-list-01,
#contentsright &gt; form &gt; .link-list-01 {
    padding: 10px;
}

.searchHeader ol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 15px 10px;
    padding: 10px;
    background: #fff;
}

.searchHeader ol &gt; li {
    display: flex;
    width: calc(100% / 3 - 7px);
}

.searchHeader ol &gt; li &gt; a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 8px 5px;
    font-size: 1.3rem;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
    color: #006bcd;
    text-align: center;
    line-height: 1.4;
    background: #fff;
}

.listAnchor01 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
    margin-left: -30px;
}

.searchTopCorp .listAnchor01,
.searchTopCorpIs .listAnchor01 {
    margin-bottom: 0;
}

.listAnchor01 &gt; li {
    padding-bottom: 10px;
    padding-left: 30px;
}

.listAnchor01 &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.listAnchor01 &gt; li &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.listAnchor01 &gt; li &gt; a::before {
    top: 16px;
    left: -6px;
    transform: rotate(135deg) scale(.7) skew(-8deg, -8deg);
}

.window01::after,
.linkList &gt; li &gt; a:not(#bookmarkLink)::after,
.profile &gt; dt &gt; a[target="_blank"]::after,
#boxHelp &gt; .inner &gt; ul &gt; li &gt; a::after,
.tableSeminarCaption &gt; ul &gt; .transit &gt; a::after {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url(../images/icon/icon_tab-20250203105254.svg) no-repeat right 0px;
    background-size: contain;
    content: "";
    filter: brightness(0) saturate(100%) invert(60%) sepia(21%) saturate(180%) hue-rotate(165deg) brightness(90%) contrast(88%);

}

.linkList &gt; li:not(.link-arrow-left) &gt; a:not([class^="btn"]),
.listLink &gt; li:not(.link-arrow-left) &gt; a:not([class^="btn"]),
.link-list-01 &gt; li:not(.link-arrow-left) &gt; a:not([class^="btn"]),
#companyDetail .link-01 {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.linkList &gt; li:not(.link-arrow-left) &gt; a:not([class^="btn"])::before,
.listLink &gt; li:not(.link-arrow-left) &gt; a:not([class^="btn"])::before,
.link-list-01 &gt; li:not(.link-arrow-left) &gt; a:not([class^="btn"])::before,
#companyDetail .listLink &gt; li:not(.link-arrow-left) &gt; a::before,
#companyDetail .link-01::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.listLink &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.listLink.inline {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: -5px;
    margin-left: -30px;
}

.boxNotice .listLink.inline {
    margin-top: 20px;
}

.listLink.inline &gt; li {
    padding-bottom: 5px;
    padding-left: 30px;
}

.linkList {
   display: flex;
   flex-wrap: wrap;
}

.linkList &gt; li {
    height: auto !important;
    background: none;
    position: relative;
    width: 100%;
}

.listLink.aleft {
    margin-bottom: 24px;
}

#wrapper &gt; .listLink.aleft,
#wrapper &gt; form &gt; .listLink.aleft {
    margin: 24px 10px;
}
.listLink.aleft .link-01::before {
    left: -10px;
    transform: rotate(225deg) scale(.7) skew(-8deg, -8deg);
}

.linkList &gt; li:not(:last-child) {
    margin-bottom: 8px;
}

.linkList &gt; li .lytImage .image img {
    margin-right: 0;
}


.linkList &gt; li &gt; a:not(#bookmarkLink) {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.linkList &gt; li &gt; a:not(#bookmarkLink)::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.basicInfoWrapper .linkList &gt; li &gt; a:not(#bookmarkLink) {
    font-size: 1.3rem;
}

.basicInfoWrapper .linkList &gt; li &gt; a:not(#bookmarkLink)::before {
    top: 11px;
}

.boxSP .innerHeader .linkList &gt; li &gt; a:not(#bookmarkLink)::before,
.boxSP .innerHeader .linkList &gt; li &gt; a:not(#bookmarkLink)::after,
.boxTOK .innerHeader .linkList &gt; li &gt; a:not(#bookmarkLink)::before,
.boxTOK .innerHeader .linkList &gt; li &gt; a:not(#bookmarkLink)::after {
    content: none !important;
}

.linkList &gt; .entryDone a &gt; span {
    display: inline-flex;
    margin-right: 10px;
    padding: 0 10px;
    font-size: 1.2rem;
    color: #fff;
    background: #3650b0;
    border: 1px solid #3650b0;
    border-radius: 8px;
}

.linkList &gt; .entryDone &gt; p:first-child::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #b2b2b2;
    border-right: 1.5px solid #b2b2b2;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.linkList &gt; .entryDone p {
    font-size: 1.3rem;
}

.linkList &gt; .entryDone p:first-child {
    padding-left: 18px;
}

.recomend .linkList.split {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: calc(100% + 25px);
    margin: 0 0 0 -15px;
    padding: 0 0 0 15px;
}

.recomend .linkList.split .slideItem {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100% - 20px) / 2);
    padding: 20px 10px;
    margin-right: 10px;
    background: #fff;
}

@media all and (-ms-high-contrast: none) {
    .recomend .linkList.split .slideItem {
        width: calc((100% - 24px) / 2);
    }
}

.recomend .linkList.intent .lytImage {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
}

.recomend .lytImage .icon {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: fit-content;
    padding: 2px 6px;
    font-size: 1.0rem;
    color: #fff;
    text-align: center;
    background: #3650b0;
    border-radius: 8px;
    white-space: nowrap;
    right: 0;
    margin: 0 auto;
}

.recomend .lytImage .c-label {
    font-size: 1.1rem;
    position: absolute;
    top: 16px;
    left: calc((100% - 158px)/2);
}

/*-----------------------------------------------
  Input
----------------------------------------------- */
.c-input {
    display: block;
    width: 100%;
    padding: 12px;
    background: #fafafa;
    border: solid 1px #e6e6e6;
}

.c-input input:placeholder-shown {
    color: #859099;
}

.c-input-search {
    height: 56px;
}

/*-----------------------------------------------
  Checkbox
----------------------------------------------- */
.c-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

.c-checkbox {
    align-items: center;
    display: flex;
    width: 100%;
}

.c-checkbox label {
    align-items: center;
    display: flex;
}

.c-checkbox input::before {
    content: "";
    padding-left: 20px;
}

.c-checkbox input {
    background: url(../images/icons/alt_icon_checkbox-20250203105254.png) no-repeat 0 0;
    height: 20px;
    margin-right: 8px;
    opacity: 1;
    width: 20px;
}

.c-checkbox input:checked {
    background-image: url(../images/icons/alt_icon_checkbox_checked-20250203105254.png);
}

/*-----------------------------------------------
  RadioButton
----------------------------------------------- */
.c-radio-list {
    display: flex;
    gap: 16px;
}

.c-radio {
    position: relative;
}

.c-radio input {
    height: 22px;
    left: 30px;
    opacity: 0;
    width: 22px;
    position: absolute;
    top: 2px;
}

.c-radio label {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}

.c-radio label::before {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
}

.c-radio label::after {
    background: #00aaeb;
    border-radius: 50%;
    content: "";
    display: block;
    height: 12px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    width: 12px;
}

.c-radio input:checked + label::after {
    opacity: 1;
}

.footerFixedEntries02 .recruitStatus {
    text-align: center;
    width: 100%;
}

.footerFixedEntries02 .recruitStatus a span {
    display: flex;
    align-items: center;
}

.footerFixedEntries02 .recruitStatus .membersLeft {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
}

.footerFixedEntries02 .recruitStatus .membersLeft .membersEm {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 4px;
}

.link01 {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.2rem;
}

.link01::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
}

.link01::before {
    top: 10px;
}

.toPagetop {
    padding-top: 20px;
    text-align: right;
    border-top: 1px solid #e6e6e6;
    pointer-events: none;
}

#localNavi + .toPagetop {
    border-top: 0;
}

#wrapper + .toPagetop {
    padding-right: 10px;
    padding-left: 10px;
}

.companyInfo + #footerWrap &gt; .toPagetop:first-child {
    margin-top: 40px;
}

.toPagetop &gt; a {
    position: relative;
    display: inline-block;
    display: inline-block !important;
    padding-left: 18px;
    font-size: 1.4rem;
    opacity: 1 !important;
    pointer-events: auto;
}

.toPagetop &gt; a::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.toPagetop &gt; a::before {
    top: 14px;
    left: 0;
    border-right: 0;
    border-left: 1.5px solid #00aaeb;
    transform: rotate(45deg) scale(.7) skew(7deg, 7deg);
}

.listAnc {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.listAnc &gt; li {
    width: 50%;
}

.listAnc &gt; li {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.listAnc &gt; li:last-child {
    border-bottom: none;
}

.listAnc &gt; li:nth-child(2n) {
    border-right: none;
}

.listAnc &gt; li &gt; a {
    position: relative;
    display: block;
    padding: 10px 20px 22px;
    font-size: 1.3rem;
    text-align: center;
}

@media only screen and (max-width: 414px) {
    .listAnc &gt; li &gt; a {
        padding-right: 0;
        padding-left: 0;
    }
}

.listAnc &gt; li &gt; a::before {
    position: absolute;
    bottom: 2px;
    left: 46%;
    display: block;
    content: "\2193";
}

#boxHelp &gt; .inner &gt; ul &gt; li + li {
    margin-top: 5px;
}

#boxHelp &gt; .inner &gt; ul &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

#boxHelp &gt; .inner &gt; ul &gt; li &gt; a::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

#boxHelp &gt; .inner &gt; ul &gt; li &gt; a::before {
    top: 12px;
}

.link-underline {
    text-decoration: underline;
}

.link-arrow-right {
    position: relative;
    padding: 0 0 0 16px;
}

.link-arrow-right::before {
    position: absolute;
    top: 9px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

/*-----------------------------------------------
  Label
----------------------------------------------- */
/* 新ラベル定義 */
.c-label-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

* + .c-label-list {
    margin-top: 8px;
}

.c-label-list + * {
    margin-top: 8px;
}

.c-label {
    align-items: center;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: normal;
    height: 24px;
    line-height: 1;
    padding: 1px 8px !important;
    white-space: nowrap;
}

.c-label.mo {
    background: #fff;
    border: 1px solid;
}

.c-label-01 {
    background: #ec2b51;
}

.c-label-01.mo {
    color: #ec2b51;
}

.c-label-02 {
    background: #a765ca;
}

.c-label-02.mo {
    color: #a765ca;
}

.c-label-03 {
    background: #3c91cc;
}

.c-label-03.mo {
    color: #3c91cc;
}

.c-label-04 {
    background: #b2b2b2;
}

.c-label-04.mo {
    color: #b2b2b2;
}

.c-label-is {
    background: #0ea997;
}

.badge {
    background: #ec2b51;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    padding: 5px 7px;
    text-align: center;
}

.iconLabel {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1;
    }

.iconLabel.type01 {
    background-color: #3650ba;
}

.iconLabel.type02 {
    background-color: #ec2b51;
  }

.iconLabel.type03 {
    background-color: #b2b2b2;
}

.iconLabel01 {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 8px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: normal;
}

.iconLabel01.type01 {
    background-color: #ec2b51;
    color: #fff;
}

.courseClosed .iconLabel01 {
    background-color: #b2b2b2 !important;
}

.iconLabel01.type02 {
    background-color: #fef0f0;
    color: #ec2b51;
    font-weight: bold;
    border-radius: 0;
}

.courseLabel .iconLabel01.type02 {
    margin-left: 4px;
}

.courseLabel .iconLabel01.type02 .leftNum {
    display: inline-block;
    font-size: 1.4rem;
    margin-left: 4px;
}
.iconLabel01.type03 {
    background-color: #3c91cc;
    color: #fff;
}

.hdg01 &gt; .iconLabel01:nth-of-type(1) {
    margin-left: 16px;
}

.iconLabel03 {
    display: inline-block;
    margin-top: 4px;
    padding-top: 5px;
}

.iconLabel03 &gt; span {
    display: block;
    position: relative;
    padding: 4px 8px;
    background-color: #f3f3f3;
    text-align: center;
    font-size: 1.4rem;
}

.iconLabel03 &gt; span::before {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 5px 6px;
    border-color: transparent transparent #f3f3f3 transparent;
    content: "";
}

.iconLabel03.type01 &gt; span {
    background-color: #fef0f0;
}

.iconLabel03.type01 &gt; span::before {
    border-bottom-color: #fef0f0;
}

.iconLabel03.type02 &gt; span {
    background-color: #fdfde7;
}

.iconLabel03.type02 &gt; span::before {
    border-bottom-color: #fdfde7;
}

.iconLabel03.type03 &gt; span {
    background-color: #fef0f0;
    color: #ec2b51;
    font-weight: bold;
}

.iconLabel03.type03 &gt; span::before {
    border-bottom-color: #fef0f0;
}

.grayedOut {
    border-color: #b2b2b2;
    color: #b2b2b2;
}

.iconLabel05 {
    display: inline-block;
    padding: 6px 8px 5px;
    border: 1px solid #7b7b7b;
    background: #fff;
    color: #7b7b7b;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
}

/* ==============================================================================================
 * Margin
 * =============================================================================================== */
* + .companyLead {
    margin-top: 10px;
}

* + .companyMessage,
* + .listLink {
    margin-top: 24px;
}

#companyDetail * + .boxMessage01,
* + .flow01,
* + #boxHelp,
#companyDetail * + .subpagePnation {
    margin-top: 20px;
}

* + .themelistEach {
    margin-top: 25px;
}

* + .companyInfo,
* .companyInfo:first-child,
* + .companySec.addAct,
* + .companySec.memo,
#companyDetail * + .box01,
#companyDetail * + .btnList.has-bg,
.actionTable * + .dataTable {
    margin-top: 24px;
}

.companyInfo.seminar .companySec:first-child .inner {
    position: relative;
    padding: 15px 13px;
}

.companyInfo.seminar .companySec .internHeading01 + .seminarSenior .inner {
    padding: 0;
}

.is-scrollDisabled {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/*-----------------------------------------------
  Button
----------------------------------------------- */
/* 各ボタン共通 */
[class*="btn0"],
[class*="btn-0"],
[class*="btn0"].disabled,
[class*="btn-"].disabled,
[class*="btn0"].hidden,
[class*="btn-"].hidden,
.btn-a,
.button,
.btnBookmark {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    font-size: 1.3rem;
    height: 48px;
    justify-content: center;
    line-height: 1.2;
    padding: 2px 8px;
    text-align: center;
    white-space: initial;
    width: 100%;
}

.btn-01._small,
.btn-02._small,
.btn-03._small {
    width: auto;
    padding-right: 30px;
    padding-left: 30px;
}

.btn-01[class*="_icon"],
.btn-02[class*="_icon"],
.btn-03[class*="_icon"] {
    padding-left: 8px;
}

.btn-01[class*="_icon"] .txt,
.btn-02[class*="_icon"] .txt,
.btn-03[class*="_icon"] .txt {
    position: relative;
    display: inline-block;
    padding-left: 28px;
}

.btn-01[class*="_icon"] .txt::before,
.btn-02[class*="_icon"] .txt::before,
.btn-03[class*="_icon"] .txt::before {
    position: absolute;
    display: block;
    content: "";
    transition: opacity .2s;
}

.boxSearchresultEach .listBtn01 &gt; li &gt; a,
.boxSearchresultEach .listBtn01 &gt; li &gt; button,
.boxSearchresultEach .listBtn01 &gt; li &gt; span.button.btn-04 {
    font-size: 1.2rem;
}

.boxSearchresultEach .listBtn01 &gt; li &gt; span.button.btn-04 {
    background: #fff;
}

/* button */
.boxSearchresultEach .listBtn01 &gt; li &gt; .disabled {
    color: #fff !important;
    background: #b2b2b2 !important;
    box-shadow: none;
    font-size: 1.2rem;
}

.boxSearchresultEach .listBtn01 &gt; .entryStart &gt; .button {
    flex-wrap: wrap;
}

.allBookmark .button,
.allBookmark .btnBookmark,
.allEnry .button,
.allEnry .btnBookmark {
    border: 1px solid #b2b2b2;
    font-size: 1.2rem;
    background: #fff;
}

.boxCommonAllentry .allEnry .btnBookmark {
    border: 1px solid #b2b2b2;
    border-radius: 2px;
}

.headerScrTopWrap .allBookmark .button,
.headerScrTopWrap .allBookmark .btnBookmark,
.headerScrTopWrap .allEnry .button,
.headerScrTopWrap .allEnry .btnBookmark {
    height: 100%;
    padding: 5px;
    font-size: 1.3rem;
    line-height: 1.5;
}

.allBookmark .btnBookmark.checked,
.allEnry .btnBookmark.checked {
    color: #b2b2b2;
}

#companyDetail .btnBookmark,
#companyDetail #bookmarkLink {
    display: inline-block;
    width: 100%;
    padding: 16px 15px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
}

#companyDetail #bookmarkLink {
    margin-top: 15px;
}

.btnBookmark.checked,
.js-add-examination-list-complete-button,
.js-add-examination-list-reserve-button {
    border: 1px solid #e6e6e6;
    color: #b2b2b2;
}

.grayedOut .btnBookmark {
    background: #b2b2b2;
    border: none;
    color: #fff;
}

.headerScrTopWrap .allEnry .btnBookmark {
    border: none;
}

/* .btn01 */
.btn01 {
    background: #fff;
    border: 1px solid #b2b2b2;
    color: #006bcd;
}

.btn01.em:not(.hidden) {
    color: #fff;
    background: #f57c31;
    border: none;
}

.btn01.em {
    color: #fff;
    border: none;
    background: #f57c31;
    transition: background .2s;
}

.btn01.em:disabled {
    background: #b2b2b2;
}

.searchSelectBoxSub &gt; *:last-child .btn01.em {
    padding: 13px 20px 13px 35px;
    font-size: 1.6rem;
}

.searchSelectBoxSub &gt; .lytBtn {
    position: relative;
}

.searchSelectBoxSub &gt; .lytBtn::before {
    position: absolute;
    content: "";
    background-image: url(../images/icon/icon_search-20250203105254.svg) !important;
    background-size: contain;
    background-repeat: no-repeat !important;
    top: 14px;
    left: 5%;
    height: 20px;
    width: 20px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.searchInput .btn01,
.searchtopFree .btn01 {
    width: auto;
    min-width: auto;
    height: 56px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1.2rem;
    white-space: nowrap;
    box-shadow: none;
    border-radius: 0 3px 3px 0;
}

.searchInput .btn01 &gt; span,
.searchtopFree .btn01 &gt; span {
    padding-right: 0;
}

.searchInput .btn01 &gt; span::before,
.searchtopFree .btn01 &gt; span::before {
    top: 2px;
    right: 3px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
}

.searchInput .btn01 &gt; span::after,
.searchtopFree .btn01 &gt; span::after {
    top: 13px;
    right: 0;
    width: 6px;
    height: 2px;
}

.searchInput .btn01 &gt; span,
.searchtopFree .btn01 &gt; span {
    position: relative;
    display: inline-block;
}

.searchInput .btn01 &gt; span::before,
.searchInput .btn01 &gt; span::after,
.searchtopFree .btn01 &gt; span::before,
.searchtopFree .btn01 &gt; span::after {
    position: absolute;
    display: block;
    content: "";
}

.searchInput .btn01 &gt; span::before,
.searchtopFree .btn01 &gt; span::before {
    top: 2px;
    position: absolute;
    left: -25px;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_search-20250203105254.svg) center no-repeat;
    background-size: contain;
    border: 0;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.searchtopFree .btn01 &gt; span {
    padding-left: 20px;
}
.searchtopFree .btn01 &gt; span::before {
    left: 0;
}

.submit .btn01 {
    margin-top: 8px;
}

.submit .btn01.disabled:hover,
.submit .btn01.disabled:active,
.submit .btn01.disabled:focus {
    background-color: #b2b2b2;
}

.submit .btn01:not(.em):not(.disabled) {
    color: #b2b2b2;
}

.submit .btn01.disabled::before {
    display: none;
}

.btn01.done {
    color: #fff;
    background: #006bcd;
    box-shadow: none;
}

.btn01.large.reserved {
    color: #b2b2b2;
}

span.btn01.em:not(.hidden) {
    color: #fff;
    background: #b2b2b2;
    box-shadow: none;
}

.btn01.hidden b,
.btn01.disabled b
span.btn01.em:not(.hidden) b {
    font-weight: normal;
}

.footerFixedEntries02 .seminar &gt; .btn01.small:not(.hidden),
.footerFixedEntries02 .seminar &gt; .btn01.large:not(.hidden) {
    color: #f57c31;
    background: #fff;
    border: none;
}

.footerFixedEntries02 .btn01:not(.em),
.footerFixedEntries02 .seminar &gt; .btn01.large:not(.em) {
    color: #b2b2b2;
}

.btnList.mailUrl .btn01 {
    padding: 13px 15px;
    font-size: 1.3rem;
}

.entryBtns .nav02 &gt; .btn01.em {
    color: #006bcd;
    background: #fff;
}

.searchInput [type="text"] + .btn01 {
    padding-right: 8px;
    padding-left: 28px;
}

.searchInput [type="text"] + .btn01 span::before {
    left: -20px;
}

/* .btn-01 */
.btn-01 {
    background: #fff;
    border: 1px solid #b2b2b2;
    color: #006bcd;
}

.btn-01.em {
    color: #fff;
    border: none;
    background: #f57c31;
}

.btn-01:hover,
.btn-01:active,
.btn-01:focus {
    color: #349eff;
}

/* トップへ戻る */
.btn-top-01 {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 12;
}

.adjust-btn-top .btn-top-01 {
    bottom: 15px;
}

.btn-top-01 a {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    font-size: 0;
    color: transparent;
    background: rgba(0, 171, 235, .5);
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    transition: background .2s;
    z-index: 14;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
}

.btn-top-01 a::before,
.btn-top-01 a::after {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    display: block;
    width: 22px;
    height: 4px;
    margin: auto;
    background: #fff;
    border-radius: 2px;
    content: "";
}

.btn-top-01 a::before {
    left: -12px;
    transform: rotate(134deg);
}

.btn-top-01 a::after {
    left: 13px;
    transform: rotate(-134deg);
}

.btn-top-01 a:hover,
.btn-top-01 a:active,
.btn-top-01 a:focus {
    background: #00aaeb;
}

/* 検索 */
.btnSearch01 {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    font-size: 1.6rem;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    background: #f57c31;
    height: 48px;
}

.btnSearch01:disabled {
    background: #b2b2b2;
	pointer-events: none
}

.searchBtnfixed &gt; .inner &gt; .loadingSearch &gt; .btnSearch01 {
    width: 40%;
}

.btnSearch01 &gt; span::before {
    top: 3px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
}

.btnSearch01 &gt; span::after {
    top: 17px;
    right: -4px;
    width: 9px;
    height: 3px;
}

.btnSearch01 &gt; span {
    position: relative;
    display: inline-block;
}

.btnSearch01 &gt; span::before,
.btnSearch01 &gt; span::after {
    position: absolute;
    display: block;
    content: "";
}

.btnSearch01 &gt; span::before {
    top: 2px;
    position: absolute;
    left: -25px;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_search-20250203105254.svg) center no-repeat;
    background-size: contain;
    border: 0;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.lytBtn,
.searchSearchBtnbottom {
    margin: 15px 0;
    text-align: center;
}

.searchSearchBtnbottom {
    padding-right: 10px;
    padding-left: 10px;
}

#contentsleft &gt; .lytBtn,
#contentsleft &gt; .searchSearchBtnbottom {
    padding-right: 10px;
    padding-left: 10px;
}

.btnSmallActiveW20em {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    padding: 16px 15px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
}

/* btn02 */
.btn02 {
    display: inline-block;
    width: 100%;
    padding: 16px 15px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5;
    background: #fff;
}

.btn02.em:not(.hidden) {
    color: #fff;
    background: #f57c31;
    border: none;
    padding: 15px 10px;
}

.btn02.small {
    padding: 12px 15px;
    font-size: 1.2rem;
}

.btn02.done {
    color: #fff;
    background: #006bcd;
    box-shadow: none;
}

.btn02.hidden {
    color: #fff;
    background: #859099;
    box-shadow: none;
}

.btn02.hidden b {
    font-weight: normal;
}

/* btn-02 */
.btn-02 {
    background: #fff;
    border: 1px solid #b2b2b2;
    color: #f57c31;
}

.btn-02:hover &gt; span,
.btn-02:active &gt; span,
.btn-02:focus &gt; span {
    color: #faba92;
}

.bookmark &gt; .btn-02 {
    color: #006bcd;
    background: #fff;
}

.bookmark &gt; .btn-02:hover,
.bookmark &gt; .btn-02:active,
.bookmark &gt; .btn-02:focus {
    border-color: #e5e5e5;
    color: #349eff;
}

.bookmark &gt; .btn-02:hover span,
.bookmark &gt; .btn-02:active span,
.bookmark &gt; .btn-02:focus span {
    color: #349eff;
}

.submit .btn-02:not(.em) {
    color: #b2b2b2;
}

.submit .btn-02 {
    margin-top: 8px;
}

.footerFixedEntries02 .bookmark &gt; .btn-02:not(.inactive) &gt; span::before {
    width: 17px;
    height: 16px;
    margin: 0 5px -3px 0;
    background-size: 100% auto;
}

/* btn-03 */
.btn-03 {
    background: #f57c31;
    border: none;
    color: #fff;
}

.boxexcludeSearchResult .search .btn-03 {
    padding-left: 35px;
}

.boxexcludeSearchResult .search::before {
    background-image: url(../images/icon/icon_search-20250203105254.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
    top: 14px;
    left: 43%;
    width: 20px;
    height: 20px;
}

.boxexcludeSearchResult .search .btn-03:disabled {
    background: #b2b2b2;
    pointer-events: none;
}

.allBookmark .btn-03,
.allEnry .btn-03 {
    background: #f57c31;
    border: none;
}

.boxSearchresultEach.is .course .listBtn01 .btn-03 {
    color: #006bcd;
    background: #fff;
}

/* btn-04 */
.btn-04 {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #b2b2b2;
}

.btn-04.ecomode {
    background: #b2b2b2;
    color: #fff;
    pointer-events: none;
}

.btn-04.ecomode:active,
.btn-04.ecomode:focus,
.btn-04.ecomode:hover {
    background: #b2b2b2;
    border: none;
    color: #fff;
    cursor: initial;
}

.btn-04.ecomode:active span,
.btn-04.ecomode:focus span,
.btn-04.ecomode:hover span {
    color: #fff;
}

/* btn-05 */
.btn-05:not(.inactive) {
    color: #fff;
    background: #006bcd;
}

.allBookmark .btn-05,
.allEnry .btn-05 {
    background: #006bcd;
    border: none;
    color: #fff;
}

.navBookmark {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f3f3f3;
    display: none;
}

#headerWrap &gt; .navBookmark:last-child {
    padding-bottom: 0;
}

#wrapper &gt; .navBookmark {
    padding-right: 10px;
    padding-left: 10px;
}

.subpagePnation + .btnList {
    margin-top: 10px;
}

.btnList.has-bg {
    padding: 13px;
    background: #f3f3f3;
}

.btnList.has-bg &gt; li + li {
    margin-top: 10px;
}

.entryBtns {
    margin: 30px 0;
}

#headerWrap .entryBtns {
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    background: #f3f3f3;
}

.entryBtns &gt; .inner {
    padding: 13px;
    background: #f3f3f3;
}

.entryBtns &gt; .inner + .inner {
    margin-top: -5px;
    padding-top: 0;
}

.entryBtns &gt; .inner &gt; ul &gt; li + li {
    margin-top: 10px;
}

.entryBtns &gt; .inner &gt; ul &gt; .link &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.entryBtns &gt; .inner &gt; ul &gt; .link &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.entryBtns &gt; .inner &gt; ul + * {
    margin-top: 10px;
}

.entryBtns &gt; .inner &gt; .companyDetail + .companyDetail {
    margin-top: 15px;
}

.btnLink a {
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: left;
    width: 100%;
}

.recomendInner .btnLink {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.listBtn01 &gt; li {
    margin-top: 10px;
}

.listBtn01.js-add-examination-list {
    padding: 0;
    width: 100%;
}

.recomend .linkList &gt; li {
    background: #fff;
}

.listBtn01 &gt; li.hasIconSenior {
    position: relative;
    margin-top: 50px;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior {
    position: absolute;
    top: -40px;
    left: 0;
    display: block;
    width: 100%;
    padding: 4px;
    font-size: 1.2rem;
    color: #006bcd;
    text-align: center;
    background: #fff;
    border: 1px solid #006bcd;
    border-radius: 2px;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior::after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 10px;
    height: 7px;
    margin-left: -5px;
    background: url(../images/icons/icon_balloon_arrow-20250203105254.png) no-repeat 0 0;
    content: "";
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span {
    position: relative;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span::before {
    position: absolute;
    top: -3px;
    left: 0;
    display: block;
    content: "";
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver01 {
    padding-left: 22px;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver01::before {
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_user-20250203105254.svg) no-repeat 0 0;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver02 {
    padding-left: 30px;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver02::before {
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_users-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver03 {
    padding-left: 35px;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver03::before,
.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver04::before {
    top: -5px;
    left: -10px;
    width: 26px;
    height: 26px;
    background: url(../images/icon/icon_multipleUsers-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
}

.listBtn01 &gt; li.hasIconSenior .iconCountSenior &gt; span.ver04 {
    padding-left: 35px;
}

.recomend .listBtn01 &gt; li {
    width: calc(100% - 2px);
    margin-right: auto;
    margin-left: auto;
}

.footerFixedEntries02 a[class*="btn"],
.footerFixedEntries02 span[class*="btn"],
.footerFixedEntries02 button[class*="btn"] {
    border: none;
    box-shadow: none;
}

.footerFixedEntries02 button[class*="btn"].js-closeBtn,
.footerFixedEntries02 button[class*="btn"].js-closeBtnIs {
    font-size: 1.6rem;
}

/* disabled */
[class*="btn0"].disabled,
[class*="btn-"].disabled,
[class*="btn0"].hidden,
[class*="btn-"].hidden,
.button.disabled {
    background: #b2b2b2;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: default;
}

[class*="btn"].inactive {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #b2b2b2;
    text-decoration: none;
}

[class*="btn"].inactive:active,
[class*="btn"].inactive:focus,
[class*="btn"].inactive:hover {
    background: #fff;
    color: #e5e5e5;
}

.disabled:active span,
.disabled:focus span,
.disabled:hover span {
    color: #fff;
}

.inactive span {
    color: #b2b2b2;
    text-decoration: none;
}

.inactive:active span,
.inactive:focus span,
.inactive:hover span {
    color: #e5e5e5;
}

/*-----------------------------------------------
  Box
----------------------------------------------- */
/* box01 */
.companySec &gt; .inner .box01 {
    border: 0px;
    margin-top: 20px;
}

* + .box-wrap .box01 {
    border: 0px;
    margin-top: 20px;
}

.box01 {
    background: #fff;
}

.box01.toggle {
    padding: 3px;
}

.box01 &gt; .hdg01 &gt; h3 {
    display: flex;
    align-items: flex-start;
    margin: 30px 0 20px;
    padding: 16px 13px;
    font-size: 1.6rem;
    text-align: left;
    background: #fff;
}

.box01 &gt; .hdg03 &gt; h2 {
    padding: 13px 13px 0 13px;
    color: #fff;
}

.box01 &gt; .hdg03 &gt; h2::before {
    background: #fff;
}

.companyInfo &gt; .inner .box01.toggle {
    border: 1px solid #e6e6e6;
    padding: 3px;
}

.companyInfo &gt; .inner .box01.toggle .lytImage.separate.left {
    border: none;
    padding: 0;
}

.companyInfo &gt; .inner .box01.toggle .lytImage.separate.left .text .sameSize {
    font-size: 1.4rem;
    text-align: left;
}

.companyInfo.companyInfoSPEach .box01.toggle,
.companyInfo.seminar .box01.toggle {
    margin-bottom: 30px;
}

.box01 &gt; .inner {
    padding: 16px;
    background: #fff;
}

.box01:not(.toggle).v2 &gt; * + .inner {
    margin-top: 20px;
}

.companyInfo &gt; .box01.toggle + .box01.toggle {
    border-top-color: #e6e6e6;
}

/* box02 */
.box02 &gt; .hdg02 {
    display: flex;
    flex-direction: column-reverse;
}

.box02 &gt; .hdg02 &gt; .hdg &gt; .linkText {
    display: inline-block;
}

.box02 &gt; .hdg02 &gt; .hdg &gt; .linkNone {
    display: inline-block;
    font-weight: normal;
}

.box02 &gt; .hdg02 &gt; .hdg &gt; .linkText &gt; a {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: normal;
}

.box02 &gt; .hdg02 &gt; .hdg + .list {
    margin-bottom: 20px;
}

.box02 &gt; .hdg02 &gt; .list &gt; ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: -8px;
    margin-left: -16px;
}

.box02 &gt; .hdg02 &gt; .list &gt; ul &gt; li {
    margin-top: 8px;
    margin-left: 16px;
}

.box02 &gt; .hdg02 &gt; .list &gt; ul &gt; li &gt; .labelBlock {
    display: inline-block;
    position: static;
}

.box02 &gt; .hdg02 &gt; .list &gt; ul &gt; li &gt; .labelBlock:not(.ver02) {
    border: 1px solid #3650b0;
}

.box02 &gt; .hdg02 + * {
    margin-top: 16px;
}

.internList .box02 .hdg01 &gt; span + a {
    display: block;
    margin-top: 16px;
}

.box02 + .box02 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
}

.box02.courseClosed {
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    color: #b2b2b2;
    padding: 16px;
}

.box02 &gt; .hdg01 {
    margin-bottom: 10px;
}

.box02 &gt; .hdg01:only-child {
    margin-bottom: 0;
}

.box02 &gt; .hdg01 &gt; h2,
.box02 &gt; .hdg01 &gt; h3 {
    font-weight: normal;
    font-size: 1.4rem;
}

.box02 &gt; .hdg01 &gt; h2 &gt; a,
.box02 &gt; .hdg01 &gt; h3 &gt; a {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-left: 18px;
    font-weight: normal;
    font-size: 1.4rem;
}

.box02 &gt; .hdg01 &gt; h2 &gt; a::before,
.box02 &gt; .hdg01 &gt; h3 &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.box02 &gt; .hdg01 &gt; h3 &gt; a + a::before {
    display: none;
}

.box02 &gt; .hdg01 &gt; a {
    display: inline-block;
    max-width: 100%;
    font-weight: normal;
    font-size: 1.6rem;
}

.box02 &gt; .hdg01 &gt; span:not(.labelBlock):not(.noLink):not(.iconLabel01) {
    display: inline-block;
    margin: 0 10px 2px 0;
    padding: 1px 10px;
    font-size: 1.2rem;
    color: #fff;
    vertical-align: bottom;
    background: #3650ba;
    border-radius: 8px;
    font-weight: normal;
}

.box02 &gt; .hdg01 &gt; span.info01:not(.labelBlock) {
    background: #3c91cc;
}

.box02 &gt; .hdg01 &gt; span.info02:not(.labelBlock) {
    background: #87b65e;
}

.box02 &gt; .inner &gt; .innerText &gt; .inner {
    width: 100%;
    text-align: left;
}

.box02 &gt; .inner &gt; .innerText &gt; .inner tr + tr th,
.box02 &gt; .inner &gt; .innerText &gt; .inner tr + tr td {
    padding-top: 5px;
}

.box02 &gt; .inner &gt; .innerText &gt; .inner th,
.box02 &gt; .inner &gt; .innerText &gt; .inner td {
    padding: 0;
    vertical-align: top;
    word-break: break-all;
}

.box02 &gt; .inner &gt; .innerText &gt; .inner th {
    padding-right: 15px;
    white-space: nowrap;
}

.box02 &gt; .inner &gt; .innerText &gt; .inner td {
    width: 100%;
}

.internList .box02 &gt; .disabledText {
    text-align: center;
}

.internList .box02 &gt; .disabledText &gt; p {
    color: #b2b2b2;
    font-weight: bold;
    font-size: 1.4rem;
    margin: -6px 0;
}

/* boxEm02 */
.boxEm02 {
    font-size: 1.4rem;
    padding: 13px;
    margin-bottom: 24px;
    background: #fef0f0;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
}

.boxEm02 .ordinary {
    position: relative;
    padding-left: 27px;
}

.boxEm02 .ordinary::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_information-20250203105254.svg) center no-repeat;
    background-size: contain;
    content: "";
}

.courseList .boxEm02 {
    background: #fdfde7;
    margin: 8px 10px;
}

/* boxAttention01 */
#companyHead &gt; .boxAttention01 {
    margin-right: 10px;
    margin-left: 10px;
}

.subpagePnation + .boxAttention01 {
    margin-top: 30px;
}

.checkNotice .boxAttention01 &gt; p {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 1.4rem;
    color: #ec2b51;
}

.boxAttention01 {
    margin: 10px 0;
    background: #fdfde7;
}

.boxAttention01 &gt; p,
.boxAttention01 &gt; .inner {
    position: relative;
    padding: 13px 13px 13px 40px;
    font-size: 1.4rem;
    background: #fdfde7;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
}

.boxAttention01 &gt; p::before,
.boxAttention01 &gt; .inner::before {
    position: absolute;
    top: 13px;
    left: 13px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_information-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

.mainpagePnation.corp.upper + .boxAttention01 &gt; p,
.listLink.aleft + .boxAttention01 &gt; p,
#companyHead .boxAttention01 &gt; p,
.companyInfo.is .boxAttention01 &gt; p,
.boxexcludeSearchResult .boxAttention01 &gt; p,
.boxSearchresultEach .boxAttention01 &gt; p,
.companyInfo.activity .boxAttention01 &gt; .inner {
    background: #fef0f0;
}

.mainpagePnation.corp.upper + .boxAttention01 &gt; p::before,
.listLink.aleft + .boxAttention01 &gt; p::before,
#companyHead .boxAttention01 &gt; p::before,
.companyInfo.is .boxAttention01 &gt; p::before,
.boxexcludeSearchResult .boxAttention01 &gt; p::before,
.boxSearchresultEach .boxAttention01 &gt; p::before,
.companyInfo.activity .boxAttention01 &gt; .inner::before {
    background: url(../images/icon/icon_warning-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

.mainpagePnation.corp.upper + .boxAttention01 {
    margin: 10px;
}

.listLink.aleft + .boxAttention01 {
    margin-bottom: 24px;
}

/* boxAttention02 */
.boxAttention02 {
    margin: 20px 0;
}

#companyHead .boxAttention02 {
    margin-right: 10px;
    margin-left: 10px;
}

.boxAttention02 &gt; .inner {
    position: relative;
    padding: 13px 13px 13px 40px;
    font-size: 1.4rem;
    color: #333333;
    background: #fef0f0;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
}

.boxAttention02 &gt; .inner::before {
    position: absolute;
    top: 13px;
    left: 13px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_warning-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

/* boxAttention04 */
.boxAttention04 {
    background: #f3f3f3;
    color: #b2b2b2;
    padding: 12px;
}

.boxAttention04 .link-01 {
    display: block !important;
    font-size: 1.4rem !important;
}

* + .searchSelectBoxSubBodyInner {
    margin-top: 20px;
}

.searchSelectBoxSubBodyInner {
    padding: 15px;
    background: #f3f3f3;
}

.searchSelectBox {
    padding-right: 15px;
    padding-left: 15px;
}

.searchSelectBoxInner {
    margin: 0 0 15px;
    padding: 15px 13px;
    background: #fff;
}

.searchSelectBoxInner &gt; *:first-child,
.searchSelectBoxSub &gt; *:first-child {
    margin-top: 0 !important;
}

.searchSelectBoxInner &gt; *:last-child,
.searchSelectBoxSub &gt; *:last-child {
    margin-bottom: 0 !important;
}

.searchSelectBoxInner &gt; .check,
.searchSelectBoxSub &gt; .check {
    margin: 15px 0;
}

.detailContentInner &gt; dl &gt; div &gt; dt &gt; .check {
    margin: 6px 0 10px;
}

.detailContentInner &gt; dl &gt; div &gt; dt &gt; .check &gt; span,
.searchSelectBoxInner &gt; .check &gt; span,
.searchSelectBoxSub &gt; .check &gt; span {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e6e6e6;
}

.detailContentInner &gt; dl &gt; div &gt; dt &gt; .check &gt; span:last-child,
.searchSelectBoxInner &gt; .check &gt; span:last-child,
.searchSelectBoxSub &gt; .check &gt; span:last-child {
    border-right: 0;
}

.searchSelectBoxSub + .searchSelectBoxSub {
    margin-top: 30px;
}

.boxHint01 &gt; p,
.boxHint01 &gt; .inner {
    position: relative;
    padding: 10px 0 5px 30px;
    font-size: 1.2rem;
    background: #fff;
}

.boxHint01 &gt; p:before,
.boxHint01 &gt; .inner:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_bulb-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

#companyDetail #footerWrap .boxMessage01 {
    background: #fff;
    margin: 20px 10px 0;
}

#companyDetail .boxMessage01 {
    position: relative;
    padding: 13px 13px 13px 40px;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    font-size: 1.4rem;
}

#companyDetail .boxMessage01::before {
    position: absolute;
    top: 13px;
    left: 13px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_bulb-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

.modalContentInner #companyDetail .boxMessage01 {
    padding: 0;
}

/* 残り採用予定人数 */
#companyHead .boxMessage01 {
    display: none;
    color: #006bcd;
    text-align: center;
}

#companyHead .boxMessage01 b {
    font-size: 1.2rem;
}

.internList &gt; *:last-child {
    margin-bottom: 0;
}

.internList.splitIs,
.internList.splitEntry {
    padding: 15px 13px;
    background: #fff;
}

.internList.splitEntry {
    margin: 0 0 30px;
}

.internList.splitEntry .labelBlock {
    padding: 3px 10px;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    min-width: 120px;
    font-size: 1.2rem;
    color: #fff;
    background: #3650b0;
}

.internList.splitEntry .labelBlock.ver02 {
    color: #3c91cc;
    background: #fff;
    border: 1px #3c91cc solid;
}

.boxAnc + .internList.splitEntry {
    margin-top: 24px;
}

.companyMessage {
    padding: 16px;
    background: #fff;
}

.companyMessage &gt; h2 {
    font-size: 1.6rem;
}

.companyMessage &gt; h2 .date {
    font-weight: normal;
    font-size: 1.1rem;
}

.companyMessage &gt; * + * {
    margin-top: 14px;
}

.companyMessage &gt; .companyLead + #corpMessageTitle {
    margin-top: 24px;
    font-size: 1.4rem;
}

#companyMessage .inner .lytImage {
    display: flex;
    flex-direction: column-reverse;
}

#companyMessage .lytImage img {
    margin-right: 0;
}

.messageAreaContainer {
    position: relative;
}

.messageAreaContainer &gt; .btn {
    width: 100%;
    padding-top: 10px;
    text-align: center;
    pointer-events: none;
}

.messageAreaContainer &gt; .btn &gt; a {
    position: relative;
    display: block;
    font-size: 1.2rem;
    pointer-events: auto;
    color: #fff;
}

.messageAreaContainer &gt; .btn &gt; a::before {
    top: 6px;
    left: -6px;
    transform: rotate(-45deg) scale(.7) skew(-8deg, -8deg);
}

.messageAreaContainer.open &gt; .btn &gt; a {
    color: #333;
}

.messageAreaContainer.close &gt; .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    background: rgb(40 48 51 / .5);
}

.messageAreaContainer.close &gt; .btn &gt; a::before {
    top: 14px;
    transform: rotate(135deg) scale(.7) skew(-8deg, -8deg);
}

.messageAreaWrapper {
    padding: 20px 13px;
    background: #e6e6e6;
}

.messageAreaWrapper &gt; * + * {
    margin-top: 15px;
}

.messageAreaWrapper &gt; .pct {
    text-align: center;
}

.jsSlideToggleMessage.close .messageAreaWrapper {
    overflow-y: hidden;
    height: 195px !important;
}

.courseContents.limit {
    color: #ec2b51;
}

.infoBox01 {
    padding: 15px;
    background: #fdfde7;
}

.infoBox01 &gt; ul &gt; li + li {
    margin-top: 5px;
}

.infoBox01 &gt; ul &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
}

.infoBox01 &gt; ul &gt; li &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.infoBox01 &gt; ul &gt; li &gt; span {
    margin-left: 18px;
}

/*-----------------------------------------------
  Nav
----------------------------------------------- */
.navContainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
}

.navContainer .corpSearch &gt; ul &gt; li:first-child.now {
    z-index: 3;
}

.navContainer + .searchSearchPlink + .searchTopCorpWrapper {
    position: relative;
    z-index: 1;
}

.corpSearch &gt; ul {
    display: flex;
}

.corpSearch &gt; ul &gt; li {
    display: flex;
    width: calc(100% / 3);
}

.corpSearch &gt; ul &gt; li &gt; a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 10px;
    font-size: 1.4rem;
    color: #333;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -1px;
    background: #fff;
    border-top: 4px solid transparent;
    border-right: solid 1px #e6e6e6;
}

.corpSearch &gt; ul &gt; li.now &gt; a::before {
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: #fff;
    content: "";
    z-index: 999;
}

.corpSearch &gt; ul &gt; .now &gt; a {
    font-weight: bold;
    color: #00aaeb;
    border-top-color: #00aaeb;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

.corpSearch &gt; ul &gt; li:last-child &gt; a {
    border-right: none;
}

.corpSearch &gt; ul &gt; li + .now a,
.corpSearch &gt; ul &gt; .now + li a,
.corpSearch &gt; ul &gt; .now:first-child &gt; a,
.corpSearch &gt; ul &gt; .now:last-child &gt; a {
    border-left: none;
}

.themelist + .subpagePnation {
    margin-top: 30px;
}

.subpagePnation .leftRight {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.subpagePnation .leftRight &gt; li:not(.back) &gt; a,
.subpagePnation .leftRight &gt; li:not(.back) &gt; span,
.subpagePnation .leftRight &gt; li:not(.back) &gt; p {
    align-items: center;
    background: #fff;
    position: relative;
    display: inline-flex;
    width: 100%;
    margin-top: 10px;
    padding: 13px 15px;
    font-size: 1.3rem;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
    justify-content: center;
    height: 48px;
    text-align: center;
}

.subpagePnation .leftRight &gt; li:not(.back) &gt; span,
.subpagePnation .leftRight &gt; li:not(.back) &gt; p {
    color: #fff;
    background: #b2b2b2;
    box-shadow: none;
    border: none;
}

.subpagePnation .leftRight &gt; li:not(.back) &gt; .subpagePnationGrid {
    display: grid;
    padding: 5px 15px;
    line-height: 1.5;
}

.subpagePnation .leftRight &gt; li:not(.back) &gt; .subpagePnationGrid &gt; span {
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
}

.subpagePnation .leftRight &gt; .left,
.subpagePnation .leftRight &gt; .right {
    width: calc(50% - 5px);
}

.subpagePnation .leftRight &gt; .left:only-child,
.subpagePnation .leftRight &gt; .right:only-child {
    width: 100%;
}

.subpagePnation .leftRight &gt; .left &gt; a,
.subpagePnation .leftRight &gt; .left &gt; span,
.subpagePnation .leftRight &gt; .left &gt; p,
.subpagePnation .leftRight &gt; .right &gt; a,
.subpagePnation .leftRight &gt; .right &gt; span,
.subpagePnation .leftRight &gt; .right &gt; p {
    position: relative;
    width: 100%;
}

.subpagePnation .leftRight &gt; .left &gt; a::before,
.subpagePnation .leftRight &gt; .left &gt; span::before,
.subpagePnation .leftRight &gt; .left &gt; p::before,
.subpagePnation .leftRight &gt; .right &gt; a::before,
.subpagePnation .leftRight &gt; .right &gt; span::before,
.subpagePnation .leftRight &gt; .right &gt; p::before {
    position: absolute;
    top: 50%;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.subpagePnation .leftRight &gt; .left &gt; span::before,
.subpagePnation .leftRight &gt; .right &gt; span::before,
.subpagePnation .leftRight &gt; .left &gt; p::before,
.subpagePnation .leftRight &gt; .right &gt; p::before {
    border-color: #fff !important;
}

.subpagePnation .leftRight &gt; .left {
    order: 2;
}

.subpagePnation .leftRight &gt; .left &gt; a,
.subpagePnation .leftRight &gt; .left &gt; span,
.subpagePnation .leftRight &gt; .left &gt; p {
    padding-left: 30px !important;
}

.subpagePnation .leftRight &gt; .left &gt; a::before,
.subpagePnation .leftRight &gt; .left &gt; span::before,
.subpagePnation .leftRight &gt; .left &gt; p::before {
    left: 15px;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
}

.subpagePnation .leftRight &gt; .right {
    order: 3;
}

.subpagePnation .leftRight &gt; .right &gt; a,
.subpagePnation .leftRight &gt; .right &gt; span,
.subpagePnation .leftRight &gt; .right &gt; p  {
    padding-right: 30px !important;
}

.subpagePnation .leftRight &gt; .right &gt; a::before,
.subpagePnation .leftRight &gt; .right &gt; span::before,
.subpagePnation .leftRight &gt; .right &gt; p::before {
    right: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
}

.subpagePnation .leftRight &gt; .col1 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.subpagePnation .leftRight &gt; .center {
    order: 1;
    width: 100%;
}

.subpagePnation .leftRight &gt; .center:not(.back) {
    margin-bottom: 10px;
}

.subpagePnation .leftRight &gt; .center:not(.back):only-child {
    margin-bottom: 0;
}

.subpagePnation .leftRight &gt; .back {
    margin-bottom: 20px;
}

.subpagePnation .leftRight &gt; .back:only-child {
    margin-bottom: 0;
}

.subpagePnation .leftRight &gt; .back::before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px -10px 3px;
    vertical-align: middle;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.subpagePnation .leftRight &gt; * + .searchTop {
    margin-top: 10px;
}

.subpagePnation .leftRight &gt; .searchTop {
    order: 4;
    width: 100%;
}

.subpagePnation .leftRight &gt; .searchTop &gt; a {
    width: 100%;
}

.localNavi-list {
    background: #fff;
}

.localNavi-list.bottom {
    margin-bottom: 3px;
}

.localNavi-list &gt; ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.localNavi-list.bottom &gt; ul {
    border-bottom: none;
    border-top: none;
}

.localNavi-list &gt; ul:has(.ob, .theme, .corpmypage, .localNavi-history, .article) &gt; li:nth-child(-n+4) {
    border-bottom: 1px solid #e6e6e6;
}

.localNavi-list &gt; ul &gt; li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 53px;
    width: 100%;
    border-right: 1px solid #e6e6e6;
    line-height: 1.5;
}

.localNavi-list &gt; ul &gt; li:nth-child(4n) {
    border-right: 0;
}

.localNavi-list &gt; ul &gt; li &gt; a,
.localNavi-list &gt; ul &gt; li &gt; span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 5px 2px;
    color: #333;
    font-size: 1.1rem;
    line-height: 1.35;
    text-align: center;
}

.localNavi-list &gt; ul &gt; li.intern &gt; a,
.localNavi-list &gt; ul &gt; li.intern &gt; span {
    letter-spacing: -1.1px;
}

.localNavi-list &gt; ul &gt; .is-current {
    position: relative;
}

.localNavi-list &gt; ul &gt; .is-current::before {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #00aaeb;
    content: "";
    bottom: 0;
}

.localNavi-list &gt; ul &gt; .is-current &gt; a,
.localNavi-list &gt; ul &gt; .is-current &gt; span {
    color: #00aaeb;
    font-weight: bold;
}

.modeChange {
    margin: 20px 0;
}

.modeChange &gt; dl &gt; dt {
    display: none;
}

.modeChange &gt; dl &gt; dd &gt; ul {
    border: 1px solid #b2b2b2;
    display: flex;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li {
    width: 50%;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li &gt; a,
.modeChange &gt; dl &gt; dd &gt; ul &gt; li &gt; span {
    display: block;
    padding: 11px 10px;
    text-align: center;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
    background: #fff;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li &gt; .current {
    color: #fff;
    background: #859099;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li:nth-child(1) &gt; a,
.modeChange &gt; dl &gt; dd &gt; ul &gt; li:nth-child(1) &gt; span {
    border-radius: 3px 0 0 3px;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li:nth-child(2) &gt; a,
.modeChange &gt; dl &gt; dd &gt; ul &gt; li:nth-child(2) &gt; span {
    border-radius: 0 3px 3px 0;
}

.modeChange &gt; dl &gt; dd &gt; ul &gt; li:only-child {
    width: 100%;
}

/*-----------------------------------------------
  Layout
----------------------------------------------- */
.headerScrTop {
    z-index: 20;
}

.listDesc01 + * {
    margin-top: 16px;
}

.listDesc01 &gt; .list {
    display: table;
}

.listDesc01 &gt; .list &gt; div {
    display: table-row;
}

.listDesc01 &gt; .list &gt; div &gt; * {
    display: table-cell;
}

.listDesc01 &gt; .list &gt; div:not(:first-child) &gt; * {
    padding-top: 2px;
}

.listDesc01 &gt; .list &gt; div &gt; dt &gt; span {
    display: block;
    padding: 2px 6px;
    background: #e6e6e6;
    color: #7b7b7b;
    text-align: center;
    white-space: nowrap;
}

.courseClosed .listDesc01 &gt; .list &gt; div &gt; dt &gt; span {
    background: #e6e6e6;
    color: #b2b2b2;
}

.listDesc01 &gt; .list &gt; div &gt; dd {
    padding: 0 0 0 15px;
}

.listDesc01.flex {
    display: flex;
    flex-wrap: wrap;
}

.listDesc01.flex &gt; .list {
    display: flex;
    flex-wrap: wrap;
    margin: -2px 0 0 -30px;
}

.listDesc01.flex &gt; .list &gt; div {
    display: flex;
    align-items: flex-start;
    margin-top: 2px;
    margin-left: 30px;
}

.listDesc01.flex &gt; .list &gt; div &gt; * {
    display: block;
}

.listDesc01.flex &gt; .list &gt; div:not(:first-child) &gt; * {
    padding-top: 0;
}

.listDesc01.flex &gt; .list &gt; div &gt; dt {
    white-space: nowrap;
}

.listDesc01.flex &gt; .list &gt; div &gt; dt &gt; span {
    display: inline-block;
}

.listDesc01.flex &gt; .list &gt; div &gt; dd {
    width: 100%;
    margin: 2px 0 2px 15px;
    padding-left: 0;
}

.listDesc01.sp &gt; .list {
    display: block;
    margin-left: 0;
}

.listDesc01.sp &gt; .list &gt; div {
    display: block;
    margin-left: 0;
}

.listDesc01.sp &gt; .list &gt; div &gt; dd {
    margin-bottom: 0;
    margin-left: 0;
}

.listDesc01.type01 &gt; .list &gt; div:not(:first-child) &gt; * {
    padding-top: 8px;
}

.listDesc01.type01 &gt; .list &gt; div &gt; dt &gt; span {
    background-color: #e6e6e6;
    color: #7b7b7b;
}

/*-----------------------------------------------
  Table
----------------------------------------------- */
.dataTable + h3.dtHead {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    pointer-events: none;
}

.dataTable02 th,
.dataTable02 .heading {
    display: flex;
    align-items: flex-start;
    margin: 16px 0 0;
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #fff;
    text-align: left;
    line-height: 1.5;
    background: #e6e6e6;
    color: #333;
}

/*-----------------------------------------------
   Form
----------------------------------------------- */
input:placeholder-shown {
    color: #7b7b7b;
}

input::-webkit-input-placeholder {
    color: #7b7b7b;
    opacity: 1;
}

input::-moz-placeholder {
    color: #7b7b7b;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #7b7b7b;
    opacity: 1;
}

.isInput {
    display: block;
   	background: #fafafa;
}

.searchtopFree {
    display: flex;
    align-items: center;
}

.searchtopFree &gt; dt {
    width: 100%;
}

.subnavi2Wrapper .searchtopFree {
    display: none;
}

.searchTopCorpInput {
    display: block;
    width: 100%;
    height: 56px;
    padding: 12px;
    font-size: 1.2rem;
    background: #fafafa;
    border: none;
    box-shadow: 0 0 2.5px 0 rgb(0 0 0 / .25) inset;
}

.searchInput {
    display: flex;
    align-items: center;
}

.searchInput.is.pc-hide {
    display: block !important;
    align-items: center;
    border-top: solid 1px #e6e6e6;
}

.searchInput.is.pc-hide .srchErea {
    display: flex !important;
}

#shamei .searchInput,
#syusshin .searchInput {
    box-shadow: none;
}

.searchInput [type="text"] {
    border: 1px solid #e6e6e6;
    width: 100%;
    height: 56px;
    padding: 12px;
    font-size: 1.2rem;
    border-right: 0;
}

.saveMySearch &gt; * + * {
    margin-top: 10px;
}

.saveMySearch [type="text"] {
    display: block;
    width: 100%;
    padding: 14px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.selectWrapper {
    position: relative;
    overflow: hidden;
    height: 48px;
    background: #fafafa;
    border: solid 1px #e6e6e6;
}

.selectWrapper::before, .selectWrapper::after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 9px;
    height: 2px;
    margin: auto;
    background: #b2b2b2;
    content: "";
    pointer-events: none;
}

.selectWrapper::before {
    right: 19px;
    z-index: 1;
    transform: rotate(46deg);
}

.selectWrapper::after {
    right: 14px;
    transform: rotate(-46deg);
}

.selectWrapper select {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 12px 44px 12px 15px;
    text-align: center;
    background: #fff;
    border: none;
    cursor: pointer;
}

.selectWrapper select:disabled {
    cursor: default;
}

#dat .selectWrapper select {
    padding-right: 30px;
}

.datSelect {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.datSelect &gt; * {
    margin-bottom: 15px;
}

.datSelect &gt; dt {
    margin-right: 6px;
}

.datSelect &gt; dd {
    margin-right: 10px;
}

#dat .datSelect &gt; dd:last-child {
    margin-right: 0;
}

.withRadio,
:not(h4) &gt; .withCheckbox,
.withCheckBox {
    position: relative;
}

.withRadio &gt; input,
.withCheckbox &gt; input,
.withCheckBox &gt; input {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 22px;
    height: 22px;
    opacity: 0;
}

.withRadio.withLabel &gt; label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.withRadio.withLabel &gt; label:not([for]) {
    pointer-events: none;
}

.withRadio.withLabel &gt; label::before,
.withRadio.withLabel &gt; label::after {
    position: absolute;
    display: block;
    border-radius: 50%;
    content: "";
}

.withRadio.withLabel &gt; label::before {
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.withRadio.withLabel &gt; label::after {
    top: 6px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: #00aaeb;
    opacity: 0;
}

.withRadio.withLabel &gt; input:checked + label::after {
    opacity: 1;
}

.withRadio.withLink &gt; a,
.withRadio.withLink &gt; span,
.withCheckbox.withLink &gt; a,
.withCheckBox.withLink &gt; a {
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

.withRadio.withLink &gt; input + a::before,
.withRadio.withLink &gt; input + a::after,
.withRadio.withLink &gt; input + span::before,
.withRadio.withLink &gt; input + span::after,
.withCheckbox.withLink &gt; input + a::before,
.withCheckbox.withLink &gt; input + a::after,
.withCheckBox.withLink &gt; input + a::before,
.withCheckBox.withLink &gt; input + a::after,
.withCheckBox.withLink &gt; input ~ a::before,
.withCheckBox.withLink &gt; input ~ a::after {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
}

.withCheckbox.withLink &gt; input + a::before,
.withCheckBox.withLink &gt; input + a::before,
.withCheckBox.withLink &gt; input ~ a::before {
    top: 1px;
    left: -30px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.withCheckbox.withLink &gt; input + a::after,
.withCheckBox.withLink &gt; input + a::after,
.withCheckBox.withLink &gt; input ~ a::after {
    top: 6px;
    left: -25px;
    width: 12px;
    height: 7px;
    border-bottom: 1px solid #00aaeb;
    border-left: 1px solid #00aaeb;
    opacity: 0;
    transform: rotate(-45deg);
}

.withRadio.withLink &gt; input + a::before,
.withRadio.withLink &gt; input + span::before {
    top: 1px;
    left: -30px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
}

.withRadio.withLink &gt; input + a::after,
.withRadio.withLink &gt; input + span::after {
    top: 6px;
    left: -25px;
    width: 12px;
    height: 12px;
    background: #00aaeb;
    border-radius: 50%;
    opacity: 0;
}

.withRadio.withLink &gt; input:checked + a::after,
.withRadio.withLink &gt; input:checked + span::after,
.withCheckBox.withLink &gt; input:checked + a::after,
.withCheckBox.withLink &gt; input:checked ~ a::after {
    opacity: 1;
}

.withCheckBox.withLink &gt; input:disabled + a::after,
.withCheckBox.withLink &gt; input:disabled ~ a::after {
    border-color: #b2b2b2 !important;
}

.withCheckbox.withLabel &gt; label:not(:first-child),
.withCheckBox.withLabel &gt; label:not(:first-child) {
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

.withCheckbox.withLabel &gt; input + label:not(:first-child)::before,
.withCheckbox.withLabel &gt; input + label:not(:first-child)::after,
.withCheckBox.withLabel &gt; input + label:not(:first-child)::before,
.withCheckBox.withLabel &gt; input + label:not(:first-child)::after,
.withCheckBox.withLabel &gt; input ~ label:not(:first-child)::before,
.withCheckBox.withLabel &gt; input ~ label:not(:first-child)::after {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
}

.withCheckbox.withLabel &gt; input + label:not(:first-child)::before,
.withCheckBox.withLabel &gt; input + label:not(:first-child)::before,
.withCheckBox.withLabel &gt; input ~ label:not(:first-child)::before {
    top: 1px;
    left: -30px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.withCheckbox.withLabel &gt; input + label:not(:first-child)::after,
.withCheckBox.withLabel &gt; input + label:not(:first-child)::after,
.withCheckBox.withLabel &gt; input ~ label:not(:first-child)::after {
    top: 6px;
    left: -25px;
    width: 12px;
    height: 7px;
    border-bottom: 1px solid #00aaeb;
    border-left: 1px solid #00aaeb;
    opacity: 0;
    transform: rotate(-45deg);
}

.withCheckbox.withLabel &gt; input:checked + label::after,
.withCheckbox.withLabel &gt; input:checked ~ label::after,
.withCheckBox.withLabel &gt; input:checked + label::after,
.withCheckBox.withLabel &gt; input:checked ~ label::after {
    opacity: 1;
}

#displayCorpSearchByGenCondForm .btn-top-01 a {
    bottom: 80px;
}

.searchSearchExecution {
    position: relative;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

.searchSearchExecution.top {
    margin-top: 10px;
    margin-left: 5px;
    padding-left: 15px;
}

.searchSearchExecution &gt; label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.searchSearchExecution &gt; input + label::before,
.searchSearchExecution &gt; input + label::after {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
}

.searchSearchExecution &gt; input + label::before {
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.searchSearchExecution &gt; input + label::after {
    top: 6px;
    left: 5px;
    width: 12px;
    height: 7px;
    border-bottom: 1px solid #00aaeb;
    border-left: 1px solid #00aaeb;
    opacity: 0;
    transform: rotate(-45deg);
}

.searchSearchExecution &gt; [type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
    opacity: 0;
}

.searchSearchExecution &gt; [type="checkbox"]:checked + label::after {
    opacity: 1;
}

.contentsHeader + .searchSearchExecution {
    margin-top: -10px;
}

.searchSelectBoxInner &gt; .spacer &gt; * + * {
    margin-top: 15px;
}

.inputText,
textarea {
    display: block;
    width: 100%;
    padding: 14px 15px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
}

#freeMemo {
    max-width: 100%;
}

.companySec.addAct .inputText {
    margin-top: 15px;
}

#freeMemo + *,
.companySec.addAct .inputText + button {
    margin-top: 15px;
}

.selectItem {
    position: relative;
    width: calc(70vw * 100 / 320);
    background: #fff;
    border: 1px solid #e6e6e6;
}

.selectItem.w65 {
    width: calc(54vw * 100 / 320);
}

.selectItem::before {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    border-top: 1.5px solid #b2b2b2;
    border-right: 1.5px solid #b2b2b2;
    content: "";
    transform: rotate(135deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.selectItem select {
    display: block;
    width: 100%;
    padding: 15px 20px 15px 8px;
    background: #fff;
}

.companySec.addAct &gt; .inner &gt; .input {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.companySec.addAct &gt; .inner &gt; .input + .input {
    margin-top: 15px;
}

.companySec.addAct &gt; .inner &gt; .input .selectItem + span {
    margin-left: 8px;
}

.companySec.addAct &gt; .inner &gt; .input span + .selectItem {
    margin-left: 15px;
}

.companySec.addAct &gt; .inner &gt; .input &gt; label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.companySec.addAct &gt; .inner &gt; .input &gt; label::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
    content: "";
    pointer-events: none;
}

.companySec.addAct &gt; .inner &gt; .input &gt; label::after {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    display: none;
    width: 12px;
    height: 7px;
    border-bottom: 1px solid #00aaeb;
    border-left: 1px solid #00aaeb;
    content: "";
    transform: rotate(-45deg);
}

.companySec.addAct &gt; .inner &gt; .input &gt; [type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 0;
    opacity: 0;
}

.companySec.addAct &gt; .inner &gt; .input &gt; [type="checkbox"]:checked + label::after {
    display: block;
}

.actionTable #excludeinner {
    border: 1px solid #e6e6e6;
    display: block;
    padding: 3px;
    background: #fff;
}

.actionTable #excludeinner &gt; h4 {
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #333;
    background: #e6e6e6;
    text-align: center;
}

.actionTable #excludeinner &gt; ul {
    padding: 16px;
    width: 100%;
}

.actionTable #excludeinner &gt; ul &gt; li + li {
    margin-top: 10px;
}

.actionTable #excludeinner &gt; ul &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    color: #333;
}

.actionTable #excludeinner &gt; ul &gt; li &gt; a::before,
.actionTable #excludeinner &gt; ul &gt; li &gt; a::after {
    position: absolute;
    display: block;
    border-radius: 50%;
    content: "";
}

.actionTable #excludeinner &gt; ul &gt; li &gt; a::before {
    top: 2px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.actionTable #excludeinner &gt; ul &gt; li &gt; a::after {
    top: 7px;
    left: 5px;
    display: none;
    width: 12px;
    height: 12px;
    background: #00aaeb;
}

.actionTable #excludeinner &gt; ul &gt; li.now &gt; a::after {
    display: block;
}

/*-----------------------------------------------
  Checkbox
----------------------------------------------- */
.withCheckbox.withLink &gt; .checkNarrow + label {
    margin-left: 30px;
}

.checkNarrow {
    position: absolute;
    top: 0;
    left: 0;
}

.searchSearchExecution.top .checkNarrow {
    left: 10px;
}

.checkNarrow &gt; input {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/icons/alt_icon_checkbox-20250203105254.png) no-repeat 0 0;
}

.checkNarrow &gt; input:checked::before,
.checkNarrow &gt; input:checked::after,
.checkNarrow label &gt; input:checked::before,
.checkNarrow label &gt; input:checked::after {
    position: absolute;
    display: block;
    height: 1px;
    background: #00aaeb;
    content: "";
}

.checkNarrow &gt; input:checked::before,
.checkNarrow label &gt; input:checked::before {
    top: 13px;
    left: 2px;
    width: 8px;
    transform: rotate(54deg);
}

.checkNarrow &gt; input:checked::after,
.checkNarrow label &gt; input:checked::after {
    top: 11px;
    left: 6px;
    width: 15px;
    transform: rotate(-46deg);
}

.unselected .checkNarrow &gt; input:checked::before,
.unselected .checkNarrow &gt; input:checked::after,
.unselected .checkNarrow label &gt; input:checked::before,
.unselected .checkNarrow label &gt; input:checked::after {
    background: #b2b2b2;
}

.boxSearchresultEach .boxSearchresultEach_head .checkNarrow {
    top: 70px;
    left: 0px;
}

.boxSearchresultEach .boxSearchresultEach_head .withCheck &gt; .checkNarrow:first-child {
    position: absolute;
    top: -3px;
    left: 0;
}
.boxSearchresultEach .boxSearchresultEach_head .checkNarrow::before {
    display: block;
    width: 25px;
    height: 25px;
    content: "";
}

/* ▼AIリコメンド */
.aiRecomend .linkList.intent .c-label {
    left: 50%;
    transform : translateX(-50%);
    font-size: 1.0rem;
}


.aiRecomend .aiPickup{
    display: flex;
    align-items: top;
    margin-bottom: 20px;
}

.aiRecomend .aiPickup-img{
    height: 70px;
    margin-right: 20px;
    background-color: #fff;
}

.aiRecomend .aiPickup-img img{
    height: 100%;
    max-width: 100px;
    width: auto;
    margin: auto;
}

.aiRecomend .aiPickup-box{
    position: relative;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    padding: 12px 15px;
    display: inline-block;
    font-weight: bold;
}

.aiRecomend .aiPickup-box::before{
    content: '';
    position: absolute;
    z-index: 2;
    top: 20px;
    left: -9.5px;
    width: 10px; /* 三角形の幅 */
    height: 19px; /* 三角形の高さ */
    background: url(../images/icons/aiPickup-arrow-20250203105254.png) no-repeat center center / cover;
    transform: translateY(-50%);
}

.aiRecomend .icon{
    height: 18px;
    width: auto;
}

.aiRecomend .lytImage &gt; .image img{
    max-width: 100px;
    max-height: 75px;
    width: auto;
}
/* ▲AIリコメンド */

/* ============================================================================
 * JavaScript
 * ========================================================================= */
/*-----------------------------------------------
  Tooltip
----------------------------------------------- */
.jsToolTip {
    z-index: 1;
}

.text-ques {
    margin-top: 10px;
    text-align: right;
}

.text-ques &gt; a {
    display: inline-block;
    font-size: 1.4rem;
}

.text-ques &gt; a:before {
    content: "?";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fff;
    color: #00aaeb;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
}

.jsToolTipContainer {
    position: relative;
}

.jsToolTipContainer .jsToolTip {
    position: absolute;
    top: 107px;
    left: 0;
}

.saveTooltip .tooltipIn {
    position: relative;
    padding: 10px;
    background: #fef0f0;
}

.saveTooltip .tooltipIn::before {
    position: absolute;
    top: -30px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin: 0 0 0 -10px;
    border-top: 18px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 18px solid #fef0f0;
    border-left: 10px solid transparent;
    content: "";
}

.saveTooltip .tooltipIn &gt; p {
    font-size: 1.2rem;
}

.saveTooltip .tooltipIn &gt; p .hd {
    position: relative;
    color: #ec2b51;
}

.saveTooltip .tooltipIn &gt; p .hd::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(../images/icon/icon_information-20250203105254.svg) no-repeat;
    background-size: contain;
    content: "";
    vertical-align: text-top;
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);

}

/*-----------------------------------------------
  トグル
----------------------------------------------- */
.searchSelectBox &gt; h4,
.tgl-root-sp &gt; .tgl-hook,
.recommendSideBox &gt; .condition,
.boxContentsRightSide &gt; .condition,
.listInner &gt; h6[onclick],
.searchTopCorp:not(.free) &gt; h4,
.searchTopCorpIs:not(.free) &gt; h4,
#contentsright .content-box .hdg-l3-01 {
    position: relative;
    padding-right: 32px;
}

.searchSelectBox &gt; h4::before,
.searchSelectBox &gt; h4::after,
.tgl-root-sp &gt; .tgl-hook::before,
.tgl-root-sp &gt; .tgl-hook::after,
.recommendSideBox &gt; .condition::before,
.recommendSideBox &gt; .condition::after,
.boxContentsRightSide &gt; .condition::before,
.boxContentsRightSide &gt; .condition::after,
.listInner &gt; h6[onclick]::before,
.listInner &gt; h6[onclick]::after,
.searchTopCorp:not(.free) &gt; h4::before,
.searchTopCorp:not(.free) &gt; h4::after,
.searchTopCorpIs:not(.free) &gt; h4::before,
.searchTopCorpIs:not(.free) &gt; h4::after,
#contentsright .content-box .hdg-l3-01::before,
#contentsright .content-box .hdg-l3-01::after,
.searchSelectBox .searchSelectToggle li h5:before,
.searchSelectBox .searchSelectToggle li h5:after {
    position: absolute;
    top: 50%;
    display: block;
    background: #fff;
    content: "";
}

.recommendSideBox &gt; .condition::before,
.recommendSideBox &gt; .condition::after,
.boxContentsRightSide &gt; .condition::before,
.boxContentsRightSide &gt; .condition::after {
    background: #333;
}

.searchSelectBox &gt; h4::before,
.tgl-root-sp &gt; .tgl-hook::before,
.recommendSideBox &gt; .condition::before,
.boxContentsRightSide &gt; .condition::before,
.listInner &gt; h6[onclick]::before,
.searchTopCorp:not(.free) &gt; h4::before,
.searchTopCorpIs:not(.free) &gt; h4::before,
#contentsright .content-box .hdg-l3-01::before,
.searchSelectBox .searchSelectToggle li h5:before {
    right: 10px;
    width: 12px;
    height: 2px;
    margin-top: -1px;
    background: #333;
}

.searchSelectBox &gt; h4::after,
.tgl-root-sp &gt; .tgl-hook::after,
.recommendSideBox &gt; .condition::after,
.boxContentsRightSide &gt; .condition::after,
.listInner &gt; h6[onclick]::after,
.searchTopCorp:not(.free) &gt; h4::after,
.searchTopCorpIs:not(.free) &gt; h4::after,
#contentsright .content-box .hdg-l3-01::after,
.searchSelectBox .searchSelectToggle li h5:after {
    right: 15px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    background: #333;
}

.searchSelectBox &gt; h4::before {
    right: 21px;
    background: #00aaeb;
}

.searchSelectBox &gt; h4::after {
    right: 26px;
    background: #00aaeb;
}

.companyInfo &gt; .companySec &gt; .dtHead::before,
.searchTopCorp:not(.free) &gt; h4::before,
.searchTopCorpIs:not(.free) &gt; h4::before {
    right: 21px;
    background: #00aaeb;
    z-index: 1;
}

.searchTopCorpWrapper .searchTopCorp.indpre h4.opened::after,
.searchTopCorpWrapper .searchTopCorpIs.indpre h4.opened::after {
    display:none;
}

.companyInfo &gt; .companySec &gt; .dtHead::after,
.searchTopCorp:not(.free) &gt; h4::after,
.searchTopCorpIs:not(.free) &gt; h4::after {
    right: 26px;
    background: #00aaeb;
    z-index: 1;
}

.companyInfo.activity &gt; .companySec &gt; .dtHead::before,
.companyInfo.activity &gt; .companySec &gt; .dtHead::after {
    background: #333;
}

.searchSelectBox &gt; h4,
.searchTopCorp:not(.free) &gt; h4,
.searchTopCorpIs:not(.free) &gt; h4 {
    position: relative;
    background: #fff;
    color: #333;
    margin: 0 15px 20px;
    padding: 14px;
}

.companyInfo &gt; .companySec &gt; .dtHead span {
    margin: 37px 0 25px;
    font-weight: bold;
    font-size: 1.6rem;
}

.searchTopCorpArea .searchTopCorp h4 span,
.searchTopCorpArea .searchTopCorpIs h4 span {
    text-align: left;
}

.searchSelectBox &gt; h4,
.searchTopCorp:not(.indpre) &gt; h4,
.searchTopCorpIs:not(.indpre) &gt; h4 {
    margin: 0;
}

.searchSelectBox &gt; h4.opened,
.searchTopCorp:not(.indpre) &gt; h4.opened,
.searchTopCorpIs:not(.indpre) &gt; h4.opened {
    border-bottom: 0;
    margin: 0;
}

.searchTopCorpWrapper .searchTopCorp:not(.free) &gt; h4 span:before,
.searchTopCorpWrapper .searchTopCorpIs:not(.free) &gt; h4 span:before {
    position: absolute;
    top: 14px;
    left: 14px;
    display: block;
    width: 2px;
    height: calc(100% - 26px);
    background: #fff;
    content: "";
}

.searchTopCorp:not(.indpre) &gt; h4.opened + .searchTopCorpInner,
.searchTopCorpIs:not(.indpre) &gt; h4.opened + .searchTopCorpInner {
    margin:0 0 20px;
}

.searchTopCorpWrapper &gt; .searchTopCorp:last-child:not(.free):not(.indpre):not(.split1) &gt; h4,
.searchTopCorpWrapper &gt; .searchTopCorpIs:last-child:not(.free):not(.indpre):not(.split1) &gt; h4 {
    border-bottom: 0 !important;
}

.recommendSideBox &gt; .condition::after,
.boxContentsRightSide:not(.tgl-root-sp) &gt; .condition::after,
#contentsright .content-box .hdg-l3-01::after {
    opacity: 0;
}

.recommendSideBox &gt; .condition.opened,
.boxContentsRightSide:not(.tgl-root-sp) &gt; .condition.opened,
#contentsright .content-box .hdg-l3-01.opened {
    border-bottom: 1px solid #fff;
}

.recommendSideBox &gt; .condition.opened::after,
.boxContentsRightSide:not(.tgl-root-sp) &gt; .condition.opened::after,
#contentsright .content-box .hdg-l3-01.opened::after {
    opacity: 1;
}

.tgl-root-sp &gt; .tgl-hook {
    border-bottom: 1px solid #fff;
}

.tgl-root-sp.is-open &gt; .tgl-hook {
    border-bottom: 0;
}

.tgl-root-sp.is-open &gt; .tgl-hook::after {
    opacity: 0;
}

.listInner &gt; h6[onclick]::before,
.listInner &gt; h6[onclick]::after,
.searchSelectBox .searchSelectToggle li h5:before,
.searchSelectBox .searchSelectToggle li h5:after {
    background: #00aaeb;
}

.listInner &gt; h6[onclick].opened::after,
.searchSelectBox .searchSelectToggle li h5.opened:after {
    opacity: 0;
}

[data-script-enabled="true"] .searchSelectBoxInner {
    display: none;
}

.companySec &gt; .dtHead,
.box01.toggle &gt; .hdg01 &gt; h3,
.headingIcn h3,
.companySec#research .lead,
.companyInfoSPCulum &gt; .lead,
.boxexclude:not(.message) &gt; .contentsHeader {
    position: relative;
    padding-right: 40px;
}

.companySec &gt; .dtHead::before,
.companySec &gt; .dtHead::after,
.box01.toggle &gt; .hdg01 &gt; h3::before,
.box01.toggle &gt; .hdg01 &gt; h3::after,
.headingIcn h3::before,
.headingIcn h3::after,
.companySec#research .lead::after,
.companyInfoSPCulum &gt; .lead::before,
.companyInfoSPCulum &gt; .lead::after,
.boxexclude:not(.message) &gt; .contentsHeader::before,
.boxexclude:not(.message) &gt; .contentsHeader::after {
    position: absolute;
    top: 50%;
    display: block;
    background: #fff;
    content: "";
}

.box01.toggle &gt; .hdg01 &gt; h3::before,
.box01.toggle &gt; .hdg01 &gt; h3::after {
    background: #00aaeb;
}

.companySec &gt; .dtHead::before,
.box01.toggle &gt; .hdg01 &gt; h3::before,
.headingIcn h3::before,
.companySec#research .lead::before,
.companyInfoSPCulum &gt; .lead::before,
.boxexclude:not(.message) &gt; .contentsHeader::before {
    right: 10px;
    width: 12px;
    height: 2px;
    margin-top: -1px;
}

.companySec &gt; .dtHead::after,
.box01.toggle &gt; .hdg01 &gt; h3::after,
.headingIcn h3::after,
.companyInfoSPCulum &gt; .lead::after,
.boxexclude:not(.message) &gt; .contentsHeader::after {
    right: 15px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    opacity: 0;
}


.boxexclude:not(.message) &gt; .contentsHeader {
    position: relative;
    margin: 0;
    padding: 16px 16px 16px 34px;
    font-weight: normal;
    font-size: 1.6rem;
    background:#00aaeb;
}


.boxexclude:not(.message) &gt; .contentsHeader strong::before{
    position: absolute;
    top: 16px;
    left: 16px;
    display: block;
    width: 2px;
    height: calc(100% - 31px);
    background: #fff;
    content: "";
}

.companySec.actionTable &gt; .inner &gt; .boxexclude.corpAct {
    padding: 16px 13px;
}

.companyInfoSPCulum &gt; .lead.opened {
    margin-bottom: 1px;
}

.companySec &gt; .dtHead.opened::after,
.companyInfoSPCulum &gt; .lead.opened::after,
.companySec#research .lead.opened::after {
    opacity: 1;
}

.headingIcn h3 {
    padding-right: 20px;
}

.headingIcn h3::before {
    right: 10px;
}

.headingIcn h3::after {
    right: 15px;
}

.companySec#editor &gt; .dtHead {
    padding: 13px 24px 13px 13px;
}

.splitEntry .dtHead,
.companyInfoSPEach .companySec#editor &gt; .dtHead {
    margin: 0;
    background: #fff;
    color: #333;
    font-weight: bold;
}

.internList.splitEntry .dtHead {
    margin-bottom: 15px;
}

.companyInfoSPEach .lytImage,
.companyInfoSPEach #editor .inner {
    display: flex;
    flex-direction: column-reverse;
}

.companySec#editor .inner {
    display: flex;
    flex-direction: column-reverse;
}

.splitEntry .dtHead:not(:nth-of-type(1)) {
    margin-top: 24px;
}

.companyInfoSPEach .lytImage,
.companyInfoSPEach #editor .inner {
    display: flex;
    flex-direction: column-reverse;
}

.companySec#editor .inner {
    display: flex;
    flex-direction: column-reverse;
}

.companySec#editor &gt; .dtHead::before,
.companySec#editor &gt; .dtHead::after {
    background: #00aaeb;
}

.companySec#editor &gt; .dtHead.opened {
    border: 0;
}

.box01.toggle &gt; .hdg01.opened &gt; h3::after,
.headingIcn.opened h3::after {
    opacity: 1;
}

.headingIcn.opened {
    border-bottom: 1px solid #fff;
}

.boxContentsText &gt; .cSecIn:last-child .headingIcn.opened {
    border: 0;
}

.boxexclude:not(.message) &gt; .contentsHeader::after {
    opacity: 1;
}

.boxexclude:not(.message) &gt; .contentsHeader.opened::after {
    opacity: 0;
}

/*-----------------------------------------------
  汎用メッセージ表示
----------------------------------------------- */
.generalMessageWrapper {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    padding: 18px 0 18px 0;
    color: #fff;
    text-align: center;
    background: rgb(40 48 51 / .8);
    opacity: 1;
    z-index: 9999;
}

.generalMessageWrapper.show {
    top: 0;
    transition: top .2s linear;
}

.generalMessageWrapper.hide {
    opacity: 0;
    transition: opacity .6s linear;
}

/*-----------------------------------------------
  ログアウトのメッセージ表示
----------------------------------------------- */
.generalLogoutMessageWrapper {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 18px 0 18px 0;
    color: #fff;
    text-align: center;
    background: rgb(0 0 0 / .6);
    opacity: 1;
}

.generalLogoutMessageWrapper.show {
    top: 0;
    transition: top .2s linear;
}

.generalLogoutMessageWrapper.hide {
    opacity: 0;
    transition: opacity .6s linear;
}

/*.js-modal-slider slick.css */
/* Slider */
.js-modal-slider {
    margin-top: 20px;
}

.js-modal-slider .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.js-modal-slider .slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.js-modal-slider .slick-list:focus {
    outline: none;
}

.js-modal-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.js-modal-slider .slick-slider .slick-track,
.js-modal-slider .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.js-modal-slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: auto;
}

.js-modal-slider .slick-track:before,
.js-modal-slider .slick-track:after {
    display: table;
    content: '';
}

.js-modal-slider .slick-track:after {
    clear: both;
}

.js-modal-slider .slick-loading .slick-track {
    visibility: hidden;
}

.js-modal-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.js-modal-slider [dir='rtl'] .slick-slide {
    float: right;
}

.js-modal-slider .slick-slide img {
    display: block;
}

.js-modal-slider .slick-slide.slick-loading img {
    display: none;
}

.js-modal-slider .slick-slide.dragging img {
    pointer-events: none;
}

.js-modal-slider .slick-initialized .slick-slide {
    display: block;
}

.js-modal-slider .slick-initialized .slick-slide img {
    margin: auto;
}

.js-modal-slider._type-02 .slick-slide {
    width: 110px !important;
}

.js-modal-slider .slick-loading .slick-slide {
    visibility: hidden;
}

.js-modal-slider .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.js-modal-slider .slick-arrow.slick-hidden {
    display: none;
}


/* Slider */
.js-modal-slider .slick-loading .slick-list {
    background: #fff;
}

/* Icons */
.js-modal-slider @font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.js-modal-slider .slick-prev,
.js-modal-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.js-modal-slider .slick-prev:hover,
.js-modal-slider .slick-prev:focus,
.js-modal-slider .slick-next:hover,
.js-modal-slider .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.js-modal-slider .slick-prev:hover:before,
.js-modal-slider .slick-prev:focus:before,
.js-modal-slider .slick-next:hover:before,
.js-modal-slider .slick-next:focus:before {
    opacity: 1;
}

.js-modal-slider .slick-prev.slick-disabled:before,
.js-modal-slider .slick-next.slick-disabled:before {
    opacity: .25;
}

.js-modal-slider .slick-prev:before,
.js-modal-slider .slick-next:before {
    font-family: 'slick';
    font-size: 2rem;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.js-modal-slider .slick-prev {
    left: -25px;
}

.js-modal-slider [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.js-modal-slider .slick-prev:before {
    content: '←';
}

.js-modal-slider [dir='rtl'] .slick-prev:before {
    content: '→';
}

.js-modal-slider .slick-next {
    right: -95px;
}

.js-modal-slider [dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.js-modal-slider .slick-next:before {
    content: '→';
}

.js-modal-slider [dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.js-modal-slider .slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.js-modal-slider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.js-modal-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.js-modal-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.js-modal-slider .slick-dots li button:hover,
.js-modal-slider .slick-dots li button:focus {
    outline: none;
}

.js-modal-slider .slick-dots li button:hover:before,
.js-modal-slider .slick-dots li button:focus:before {
    opacity: 1;
}

.js-modal-slider .js-modal-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 0.6rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.js-modal-slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/* .js-modal-slider css*/
body.is-modal {
    height: 100vh;
    overflow-y: hidden;
    max-width: 100%;
}

body.is-modal::before {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: rgb(0 0 0 / 0.75);
    height: 100%;
    width: 100%;
    z-index: 50;
    overflow: hidden;
}

.js-modal-slider .slider-nav {
    position: relative;
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 10px 0 5px;
    box-shadow: none;
    border: 1px solid #e6e6e6;
}

.js-modal-slider.searchResult .slider-nav {
    padding: 5px 0;
}

.grayedOut .js-modal-slider .slider-nav {
    background: #e6e6e6;
    border: 1px solid #dddddd;
}

.js-modal-slider .slider-nav::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #7b7b7b;
    width: 65px;
    height: 160px;
}

.js-modal-slider .draggable {
    overflow: hidden;
    padding: 10px 0;
    margin: -10px 0;
}

.js-modal-slider .draggable div {
    display: flex;
}

.js-modal-slider .slick-prev::before,
.js-modal-slider .slick-next::before {
    color: blue !important;
    z-index: 40;
}

.js-modal-slider .slider-modal {
    max-width: calc(100% - 20px);
    margin: auto;
    position: absolute;
    top: 200px;
    padding: 30px 60px;
}

.boxSearchresultEach .js-modal-slider &gt; .slider-nav:not(.slick-slider) {
    height: 105px;
    overflow: hidden;
}

.companyInfo .js-modal-slider &gt; .slider-nav:not(.slick-slider) {
    height: 105px;
    overflow: hidden;
}

.js-modal-slider &gt; .slider-nav &gt; li {
    margin: 0 4px;
}

.js-modal-slider .slider-modal &gt; div img {
    position: relative;
    top: 0;
    width: 240px;
    margin: auto;
}

.js-modal-slider:has(.js-modal-movie) .slick-initialized .slick-slide {
    top: 100px !important;
}

.js-modal-slider .slick-initialized .slick-slide:has(.js-modal-movie) {
    top: 0 !important;
}

.js-modal-slider .slider-nav &gt; div img,
.js-modal-slider &gt; .slider-nav &gt; li &gt; button &gt; img,
.js-modal-slider._type-02 &gt; .slider-nav &gt; li &gt; a &gt; img {
    width: 95px;
    margin: auto;
}

.js-modal-slider &gt; .slider-nav &gt; li {
    display: inline-block;
}

.js-modal-slider .slider-modal &gt; div {
    display: block;
    width: 240px;
    margin: auto;
    z-index: 15;
}

.js-modal-slider .js-modal-outer {
    position: fixed;
    z-index: -30;
    opacity: 0;
}

.js-modal-slider .js-modal-outer.is-active {
    display: block;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    z-index: 80;
}

.js-modal-slider .js-modal-outer .slider-modal {
    display: flex;
    top: 0;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
}

.js-modal-slider .slick-slide {
    text-align: center;
}

.js-modal-slider .close-test {
    display: none;
}

.js-modal-slider &gt; .js-modal-outer.is-active &gt; .close-test {
    position: absolute;
    display: block;
    overflow: hidden;
    color: #00aaeb;
    line-height: 1;
    right: 0px;
    width: 40px;
    height: 40px;
    z-index: 101;
    font-size: 0;
    margin-top: 32px;
}

/* 左 */
.js-modal-slider .close-test::before {
    position: absolute;
    bottom: 12px;
    left: 13px;
    width: 4px;
    height: 24px;
    content: "";
    background: #fff;
    border-radius: 4px;
    transform: rotate(45deg);
}

/* 右 */
.js-modal-slider .close-test::after {
    position: absolute;
    top: 14px;
    left: 3px;
    border-radius: 4px;
    content: "";
    width: 24px;
    height: 4px;
    background: #fff;
    transform: rotate(225deg);
}

.js-modal-slider .slick-next::before {
    right: 60px;
    position: absolute
}

.js-modal-slider .slick-prev::before {
    right: 0;
    position: absolute
}

.js-modal-slider .slider-modal .slick-arrow {
    position: absolute;
    width: 36px;
    height: 36px;
    top:50%;
    font-size: 0.1rem;
    color: transparent;
    background: #7b7b7b;
    border-radius: 50%;
}

.js-modal-slider .slider-modal .slick-prev {
    left: 10px;
    position: absolute;
}

.js-modal-slider .slider-modal .slick-next {
    right: 10px;
}

.js-modal-slider .slider-nav .slick-next {
    right: -16px;
    z-index: 5;
}

.js-modal-slider .slider-nav .slick-next::before {
    right: 0;
}

.js-modal-slider .slider-nav .slick-prev {
    left: -40px;
    z-index: 5;
}

.js-modal-slider .slider-nav .slick-prev::before {
    left: 0;
}

.js-modal-slider .slick-prev:focus,
.js-modal-slider .slick-next:focus,
.js-modal-slider .slick-initialized .slick-slide:focus {
    outline: auto;
}

.js-modal-slider .slider-nav .slick-arrow {
    position: absolute;
    width: 36px;
    height: 36px;
    margin: auto;
    font-size: 0.1rem;
    color: transparent;
    background: #7b7b7b;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.js-modal-slider .slider-modal .slick-arrow[aria-disabled="true"],
.js-modal-slider .slider-nav .slick-arrow[aria-disabled="true"] {
    display: none !important;
}

.js-modal-slider .slider-modal .slick-arrow::before,
.js-modal-slider .slider-modal .slick-arrow::after,
.js-modal-slider .slider-nav .slick-arrow::before,
.js-modal-slider .slider-nav .slick-arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 2px;
    margin: auto;
    background: #fff;
    content: "";
}

.js-modal-slider .slider-nav .slick-prev {
    left: -16px;
}

.js-modal-slider .slider-nav .slick-prev::before {
    left: 0;
}

.js-modal-slider .slider-modal .slick-prev::after,
.js-modal-slider .slider-nav .slick-prev::after {
    left: 14px;
}

.js-modal-slider .slider-modal .slick-next::before,
.js-modal-slider .slider-modal .slick-next::after,
.js-modal-slider .slider-nav .slick-next::before,
.js-modal-slider .slider-nav .slick-next::after {
    right: 14px;
}

.js-modal-slider .slider-modal .slick-arrow::before,
.js-modal-slider .slider-nav .slick-arrow::before {
    transform: rotate(40deg);
}

.js-modal-slider .slider-modal .slick-arrow::after,
.js-modal-slider .slider-nav .slick-arrow::after {
    transform: rotate(-40deg);
}

.js-modal-slider .slider-modal .slick-prev::before,
.js-modal-slider .slider-modal .slick-next::after,
.js-modal-slider .slider-nav .slick-prev::before,
.js-modal-slider .slider-nav .slick-next::after {
    bottom: -4px;
}

.js-modal-slider .slider-modal .slick-prev::after,
.js-modal-slider .slider-modal .slick-next::before,
.js-modal-slider .slider-nav .slick-prev::after,
.js-modal-slider .slider-nav .slick-next::before {
    top: -4px;
}

.js-modal-slider .slider-modal .slick-prev::before {
    left: 0;
}

/*-----------------------------------------------
  モーダル（全画面共通）
----------------------------------------------- */
body.is-modalInit-open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal-a-wrap {
    margin: 20px 10px;
    font-family: "メイリオ", Meiryo, "�E��E� �E�ゴシチE��", sans-serif;
}

[data-script-enabled="true"] .modal-a-wrap {
    display: none;
    margin: 0;
}

[data-script-enabled="true"] body.is-modalInit-open .modal-a-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2001;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
}

.modal-a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

@media only screen and (max-height: 500px) {
    [data-script-enabled="true"] .modal-a {
        align-items: flex-start;
    }
    [data-script-enabled="true"] .modal-inner-a,
    [data-script-enabled="true"] .modal-inner-b {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

[data-script-enabled="true"] .modal-a {
    min-height: 316px;
    padding: 0 20px;
}

.modal-inner-a,
.modal-inner-b {
    width: 100%;
    border-radius: 4px;
}

.modal-inner-a {
    background: #f3f3f3;
}

.modal-inner-b {
    background: #e5f6fd;
}

body:not(.is-modalInit-open) #js-modal-init-overlay {
    display: none;
}

body.is-modalInit-open #js-modal-init-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: rgb(40 48 51 / .8);
}

.modal-inner-a &gt; .main &gt; p {
    margin-top: 0;
    font-weight: bold;
    font-size: 1.4rem;
    color: #7b7b7b;
}

.modal-inner-a &gt; .main &gt; .lead {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 124px;
    padding: 24px;
    font-size: 2.4rem;
    color: #ffe00d;
    line-height: 1.2;
    background: repeating-linear-gradient(-45deg, #1ab3ed 0, #1ab3ed 3px, #00aaeb 3px, #00aaeb 6px);
    border-radius: 4px 4px 0 0;
}

.modal-inner-a &gt; .main &gt; .lead &gt; b {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 10px;
}

.modal-inner-a &gt; .main &gt; .lead &gt; b::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    content: "";
}

.modal-inner-a &gt; .main &gt; .lead &gt; b::after {
    position: absolute;
    right: 0;
    bottom: -6px;
    display: block;
    border-width: 6px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: "";
    transform: rotate(130deg);
}

.modal-inner-a &gt; .main &gt; p:not(.lead) {
    padding: 20px 25px 8px;
    text-align: center;
}

.modal-inner-b &gt; .main {
    padding: 20px;
    color: #fff;
    background: #00aaeb;
    border-radius: 4px 4px 0 0;
}

.modal-inner-b &gt; .main:only-child {
    border-radius: 4px;
}

.modal-inner-b &gt; .main &gt; .lead {
    font-size: 1.4rem;
    text-align: center;
}

.modal-inner-b:not(.small) &gt; .main &gt; .lead {
    position: relative;
}

.modal-inner-b:not(.small) &gt; .main &gt; .lead::before {
    display: block;
    width: 43px;
    height: 43px;
    margin: 0 auto 10px;
    background: #fff;
    border-radius: 50%;
    content: "";
}

.modal-inner-b:not(.small) &gt; .main &gt; .lead::after {
    position: absolute;
    top: 14px;
    left: 50%;
    display: block;
    width: 16px;
    height: 10px;
    margin-left: -7px;
    border-bottom: 3px solid #00aaeb;
    border-left: 3px solid #00aaeb;
    content: "";
    transform: rotate(-45deg);
}

.modal-inner-b.small &gt; .main {
    padding: 28px 20px 30px;
}

.modal-inner-b.small &gt; .main &gt; .lead {
    font-size: 1.4rem;
    text-align: center;
}

.modal-inner-b.small &gt; .main &gt; .lead + * {
    margin-top: 20px;
}

.modal-inner-a &gt; .content {
    padding: 0 25px 25px;
}

.modal-inner-b &gt; .content {
    padding: 25px 20px;
}

.modal-inner-a &gt; .content &gt; .link-list-02 {
    margin-top: 20px;
    text-align: center;
}

.modal-inner-a &gt; .content &gt; .link-list-02 &gt; li &gt; .link-01 {
    position: relative;
    padding-left: 18px;
}

.modal-inner-a &gt; .content &gt; .link-list-02 &gt; li &gt; .link-01::before {
    position: absolute;
    top: 9px;
    left: -3px;
    display: block;
    margin-right: 9px;
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    content: "";
}

.modal-inner-b &gt; .content .sub {
    margin: 25px 0 15px;
    font-size: 1.4rem;
    color: #7b7b7b;
    text-align: center;
}

.list-entry-a {
    font-size: 1.4rem;
}

.list-entry-a &gt; div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

.list-entry-a &gt; div + div {
    margin-top: 5px;
}

.list-entry-a dt {
    margin-right: 10px;
}

.list-entry-a dd em {
    font-weight: bold;
    font-size: 1.6rem;
    color: #00aaeb;
}

.btn-a.type-a {
    color: #006bcd;
}

.btn-note {
    font-size: 1.2rem;
    color: #859099;
    margin: 16px 0 40px;
    text-align: center;
}

.btn-a:not(.type-b) {
    background: #fff;
    border: 1px solid #b2b2b2;
}

.btn-a.type-b {
    color: #fff;
    background: #f57c31;
}

.list-btn-a &gt; li + li {
    margin-top: 10px;
}

.list-btn-a .btn-a {
    padding: 12px 15px;
    font-size: 1.6rem;
}

.btn-lyt-a {
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
}

.list-form-a {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
    margin-left: -20px;
}

* + .list-form-a {
    margin-top: 15px;
}

.list-form-a &gt; li {
    padding-bottom: 10px;
    padding-left: 20px;
}

.form-checkbox-a {
    position: relative;
    display: inline-block;
    margin: 0;
}

.form-checkbox-a input {
    top: 15px;
    left: 0;
}

.form-checkbox-a input::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid 1px #e6e6e6;
    content: "";
}

.form-checkbox-a input:checked + a::before,
.form-checkbox-a input:checked + a::after,
.form-checkbox-a input:checked + span::before,
.form-checkbox-a input:checked + span::after,
.form-checkbox-a input:checked + input + span::before,
.form-checkbox-a input:checked + input + span::after {
    position: absolute;
    display: block;
    height: 1px;
    background: #00aaeb;
    content: "";
}

.form-checkbox-a input:checked + a::before,
.form-checkbox-a input:checked + span::before,
.form-checkbox-a input:checked + input + span::before {
    top: 10px;
    left: 2px;
    width: 7px;
    transform: rotate(54deg);
}

.form-checkbox-a input:checked + a::after,
.form-checkbox-a input:checked + span::after,
.form-checkbox-a input:checked + input + span::after {
    top: 9px;
    left: 6px;
    width: 12px;
    transform: rotate(-46deg);
}

.form-checkbox-a input + .txt {
    display: inline-block;
    padding: 0 0 0 25px;
}

.js-tooltip {
    position: relative;
    display: inline-block;
    padding-right: 38px !important;
}

.c-checkbox.js-tooltip {
    display: inline-flex;
    width: auto;
}

[data-script-enabled="true"] .js-tooltip-hook {
    position: absolute;
    top: -3px;
    right: 10px;
}

[data-script-enabled="true"] .js-tooltip-hook img {
    width: 20px;
    height: 20px;
}

.js-tooltip-content {
    position: relative;
    z-index: 2;
    width: calc(100% - 30px);
    margin-top: 5px;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.boxexcludeSearchResult &gt; .contents &gt; .inner &gt; .innerBody &gt; .innerContents &gt; .main &gt; ul &gt; li .js-tooltip-content {
    margin-top: 15px;
}

[data-script-enabled="true"] .js-tooltip-content {
    position: absolute;
    top: 100%;
    left: 30px;
    display: none;
    font-weight: normal;
}

.js-tooltip.is-close .js-tooltip-content {
    display: none !important;
}

.js-tooltip.is-open .js-tooltip-content {
    display: block !important;
}

.js-tooltip-content::before {
    position: absolute;
    top: -8px;
    right: 12px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    background: #f3f3f3;
    /* background: #e6e6e6; */
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    content: "";
    transform: rotate(45deg);
}

.js-tooltip-content &gt; p {
    position: relative;
    z-index: 3;
    padding: 10px 16px;
    font-size: 1.4rem;
    /* background: #e6e6e6; */
    background: #f3f3f3;
}

.js-tooltip-content &gt; p &gt; span {
    text-decoration: underline;
}

[data-script-enabled="true"] .js-ctrl-disp.is-close .detailContentInner,
[data-script-enabled="true"] .js-ctrl-disp:not(.is-close):not(.is-open) .detailContentInner,
[data-script-enabled="true"] .js-ctrl-disp:not(.is-close):not(.is-open) .sub,
[data-script-enabled="true"] .js-ctrl-disp.is-close .sub,
[data-script-enabled="true"] .js-ctrl-disp-content.is-close {
    display: none;
}

[data-script-enabled="true"] .js-ctrl-disp.is-open .detailContentInner,
[data-script-enabled="true"] .js-ctrl-disp.is-open .sub,
[data-script-enabled="true"] .js-ctrl-disp-content.is-open {
    display: block;
}

.js-ctrl-disp-content {
    margin-top: 0 !important;
    margin-bottom: 20px;
    position: relative;
}

.js-ctrl-disp .subInner dd a.iconQues {
    position: absolute;
    bottom: 0;
    right: 0;
}

.js-ctrl-disp .subInner {
    margin-bottom: -15px;
}

* + .detailContent {
    margin-top: 20px;
}

.detailContent &gt; dl &gt; dt {
    margin-bottom: 10px;
    font-weight: bold;
    color: #859099;
}

.detailContent &gt; dl &gt; dd + dt {
    margin-top: 25px;
}

.detailContentList &gt; li + li {
    margin-top: 10px;
}

.js-ctrl-cb.item-disabled .detailContentInner &gt; dl &gt; div &gt; dt &gt; .check a,
.detailContent input:disabled + a,
.detailContent input:disabled ~ a {
    color: #859099 !important;
    cursor: default;
    pointer-events: none;
}

[data-script-enabled="true"] .js-ctrl-disp.is-open .detailContentInner {
    display: block;
}

.detailContentInner {
    margin-top: 20px;
    padding: 20px 20px 5px;
    background: #e6e6e6;
}

.detailContentInner &gt; dl &gt; div &gt; dd &gt; ul &gt; li + li {
    margin-top: 10px;
}

.detailContent .withCheckBox &gt; input:disabled + a::before,
.detailContent .withCheckBox &gt; input:disabled ~ a::before {
    background: #f3f3f3 !important;
}

.listFlow01 {
    padding: 20px;
    font-size: 1.4rem;
    background: #e6e6e6;
}

* + .listFlow01,
.listFlow01 + * {
    margin-top: 16px;
}

.listFlow01 &gt; ol &gt; li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.listFlow01 &gt; ol &gt; li::after {
    margin-top: 7px;
    margin-bottom: -2px;
    border-width: 8px 7px;
    border-style: solid;
    border-color: #859099 transparent transparent transparent;
    content: "";
}

.listFlow01 &gt; ol &gt; li:last-child::after {
    display: none;
}

.listFlow01 &gt; ol &gt; li &gt; .inner {
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    background: #fff;
    line-height: 1.35;
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; span {
    padding-top: 5px;
    display: block;
}

.listFlow01 &gt; ol &gt; li &gt; #esSub &gt; span,
.listFlow01 &gt; ol &gt; li &gt; #esMcb &gt; span {
    color: #ec2b51;
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; p .note {
    font-weight: normal;
    font-size: 1.4rem;
    color: #859099;
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; p em {
    font-weight: normal;
    color: #ec2b51;
}

.listFlow01 &gt; ol &gt; .has-logo &gt; .inner {
    position: relative;
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; .logo {
    bottom: 12px;
    text-align: center;
    background: url(../images/logo_careerbox-20250203105257.png) no-repeat 0 0;
    content: "";
    display: block;
    width: 168px;
    height: 52px;
    background-size: 168px 52px;
    text-indent: -9999px;
    margin: auto;
    transform: scale(0.95);
}

.listFlow01 &gt; ol &gt; li &gt; .inner &gt; .logo &gt; img {
    width: 160px;
}

/* 以下カルーセル */
.contents-02 {
    overflow: hidden;
    background: #f3f3f3;
}

.contents-02 .contents-inner {
    padding: 36px 15px 40px;
}

.contents-02 .contents-inner &gt; :first-child {
    margin-top: 0;
}

.label-01 {
    display: inline-block;
    min-width: 50px;
    margin: 0 8px 0 0;
    padding: 5px 12px;
    font-size: 1.2rem;
    color: #006bcd;
    text-align: center;
    line-height: 1;
    border: solid 1px #006bcd;
    border-radius: 8px;
}

.label-02 {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 5px 10px;
    font-size: 1.2rem;
    color: #006bcd;
    text-align: center;
    line-height: 1;
    border: solid 1px #006bcd;
    border-radius: 8px;
}

.label-list-01 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -10px;
}

.label-list-01 &gt; li {
    padding: 0 0 0 10px;
}

.label-list-01 &gt; li [class^="label-"] {
    margin-right: 0;
}

.label-list-01._center {
    justify-content: center;
}


.list-desc-01 &gt; div {
    display: flex;
}

.list-desc-01 &gt; div + div {
    margin-top: 2px;
}

.list-desc-01 &gt; div dt {
    margin: 0 15px 0 0;
    color: #7b7b7b;
    white-space: nowrap;
}

.list-desc-01 &gt; div dd {
    overflow: hidden;
    width: 100%;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-desc-01 &gt; div._em dt, .list-desc-01 &gt; div._em dd {
    color: #f57c31;
}

.link-img-04 {
    padding: 15px 10px 13px;
    background: #fff;
}

.link-img-04 &gt; * + a {
    margin-top: 10px;
}

.link-img-04 &gt; a {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-decoration: none;
}

.link-img-04 &gt; a .txt {
    overflow: hidden;
    width: 100%;
    margin: 12px 0 0;
    padding: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link-img-04 &gt; a img {
    width: 80px;
}

.link-img-04 .contents {
    margin: 8px 0 0;
    padding: 12px 0 0;
    border-top: solid 1px #e6e6e6;
}

.link-img-04 .contents &gt; :first-child {
    margin-top: 0;
}

.link-img-04 .contents .list-desc-02 + [class^="btn-wrap-"] {
    margin-top: 15px;
}

.link-img-04 .contents [class^="btn-wrap-"] {
    margin-top: 10px;
}

.link-img-04 .contents [class^="btn-wrap-"] [class^="btn-"] {
    width: 100%;
    min-width: auto;
}

.link-img-04 .contents [class^="btn-wrap-"]:last-child {
    margin-bottom: 7px;
}

/*-----------------------------------------------
  js-swipe
----------------------------------------------- */
.js-swipe-01 {
    position: relative;
    z-index: 0;
}

.js-swipe-01 .icon-swipe-01 {
    position: absolute;
    top: 0;
    right: -22px;
    bottom: 0;
    z-index: 3;
    width: 50px;
    height: 50px;
    margin: auto;
    background: rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    border-radius: 50%;
    transition: opacity .2s;
    pointer-events: none;
}

.js-swipe-01 .icon-swipe-01 .txt {
    position: relative;
    display: block;
    width: 25px;
    height: 50px;
    font-size: 0;
    color: transparent;
}

.js-swipe-01 .icon-swipe-01 .txt::before,
.js-swipe-01 .icon-swipe-01 .txt::after {
    position: absolute;
    right: 1px;
    bottom: 0;
    display: block;
    width: 15px;
    height: 2px;
    margin: auto;
    background: #fff;
    border-radius: 2px;
    content: "";
}

.js-swipe-01 .icon-swipe-01 .txt::before {
    top: -9px;
    transform: rotate(43deg);
}

.js-swipe-01 .icon-swipe-01 .txt::after {
    top: 9px;
    transform: rotate(-43deg);
}

.js-swipe-01 .icon-swipe-01.is-hidden {
    opacity: 0;
}

.searchSelectBoxLyt.col2 {
    margin: 0 0 30px 30px;
}

.searchSelectBoxLyt &gt; .item + .item,
.col2.selectCol &gt; .item + .item {
    margin-top: 5px;
}

.lyt-link-04 {
    margin: 26px 0 0;
}

.lyt-link-04 &gt; .lyt-link-inner {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: calc(100% + 30px);
    margin: 0 0 0 -15px;
    padding: 0 0 0 15px;
}

.lyt-link-04 &gt; .lyt-link-inner &gt; .col {
    width: 202px;
}

.lyt-link-04 &gt; .lyt-link-inner &gt; .col + .col {
    margin-left: 10px;
}

.lyt-link-04 &gt; .lyt-link-inner &gt; .col &gt; * {
    height: 100%;
}

.js-swipe-01 .lyt-link-04 .lyt-link-inner &gt; :last-child {
    width: 217px;
    padding-right: 15px;
}

/* 追従ボタン微調整 */

/* @media screen and (max-width: 480px) {
    .footerFixedEntries02 &gt; ul &gt; li {
        min-height: 68px;
    }

    .footerFixedEntries02 &gt; ul &gt; li &gt; .btn01,
    .footerFixedEntries02 &gt; ul &gt; li &gt; .btn-02,
    .footerFixedEntries02 &gt; ul &gt; li &gt; .btn-05{
        display: flex;
        align-items: center;
        height: 68px;
    }


    .footerFixedEntries02 &gt; ul &gt; li.seminar &gt; .btn01::before,
    .footerFixedEntries02 &gt; ul &gt; li.entry &gt; .btn01::before,
    .footerFixedEntries02 &gt; ul &gt; li.reserve &gt; .btn-05.inactive::before,
    .footerFixedEntries02 &gt; ul &gt; li.bookmark &gt; .btn-02.inactive::before {
        position: relative;
        top: -4px;
    }

    .footerFixedEntries02 &gt; ul &gt; li &gt; .btn01::before,
    .footerFixedEntries02 .bookmark &gt; .btn-02:not(.inactive) &gt; span::before,
    .footerFixedEntries02 &gt; ul &gt; .entry .btn01::before,
    .footerFixedEntries02 .btn-05.inactive::before,
    .footerFixedEntries02 .btn-02.inactive::before {
        position: relative;
        top: 5px;
    }
} */

.checkedCompany .wide.bg-white {
    padding: 30px 10px;
    margin: 0 10px;
}

.recomend {
    padding: 10px 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.recomend + .recomend {
    margin-top: -10px;
    padding-top: 0;
}

#localNavi + .recomend {
    margin-top: 30px;
}

.companyInfo &gt; .recomend {
    margin-right: -10px;
    margin-left: -10px;
}

.companyInfo &gt; * + .recomend {
    margin-top: 30px;
}

.recomend &gt; dl &gt; dt,
.recomend &gt; div &gt; p {
    margin: 40px 0 15px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.5;
}

.recomend &gt; dl &gt; dt em {
    color: #333;
}

.recomend &gt; .sub &gt; .aright {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
    position: relative;
}

.recomend &gt; .sub &gt; .aright .link01::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.recomendInner {
    display: block;
}

.recomendInner tbody,
.recomendInner tr,
.recomendInner td {
    display: block;
}

.companyDetail.mailUrl {
    margin-top: 20px;
}

#companyDetail #footer {
    margin-top: 20px;
    padding: 15px 15px 24px;
    text-align: center;
}

#smartphone_footer_link {
    text-align: left;
}

#companyDetail #footer &gt; address {
    padding: 0;
    font-size: 1.0rem;
}

/*-----------------------------------------------
  Modal
----------------------------------------------- */
body.isOpenModal,
html.isOpenModal {
    height: 100%;
    overflow: hidden;
}

.modalContent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    display: none;
    width: calc(100% - 20px);
    background: #fff;
    transform: translate(-50%, -50%);
}

#modalSearch.modalContent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: transparent;
    transform: none;
    overflow: auto;
}

.modalContent.show {
    display: block;
}

.modalContent.fixed {
    position: fixed;
}

.modalContent.adjust {
    top: 40px;
    transform: translate(-50%,
    0);
}

#modalSearch.modalContent.adjust {
    top: 0;
    transform: none;
}

.modalContent [class^="modalContentInner"] {
    padding: 15px 20px;
    overflow-y: auto;
}

.modalContent.adjust [class^="modalContentInner"] {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#modalSearch .modalContentInner {
    padding: 0;
}

.modalContent .hdgModal {
    margin: 0 -11px 15px;
    padding: 10px 12px;
    font-size: 1.4rem;
    background: #f3f3f3;
    font-weight: normal;
}

.modalContent .listIndex {
    display: flex;
    margin-left: -5px;
}

.modalContent .listIndex &gt; li {
    margin-left: 5px;
}

.modalContent .listIndex &gt; li.separator {
    margin-left: 29px;
}

.modalContent .listIndex &gt; li &gt; ul {
    margin-top: -7px;
}

.modalContent .listIndex li &gt; ul &gt; li {
    width: 46px;
    height: 36px;
    margin-top: 7px;
}

.modalContent .listIndex li &gt; ul &gt; li &gt; a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.4rem;
    border: 1px solid #e6e6e6;
}

.modalContent .listIndex li &gt; ul &gt; li &gt; a:hover,
.modalContent .listIndex li &gt; ul &gt; li &gt; a:active,
.modalContent .listIndex li &gt; ul &gt; li &gt; a:focus {
    text-decoration: none;
}

.modalContent .listSchoolWrap {
    overflow-y: scroll;
    max-height: 300px;
    border: 1px solid #e6e6e6;
}

.modalContent * + .listSchoolWrap {
    margin-top: 20px;
}

.modalContent .hdgModal + .listSchoolWrap {
    margin-top: 15px;
}

.modalContent .listSchool li {
    border-bottom: 1px solid #e6e6e6;
}

.modalContent .listSchool li:last-child {
    border-bottom: 0;
}

.modalContent .listSchool li a {
    display: block;
    padding: 13px 20px 10px;
    font-size: 1.4rem;
}

.modalContent .listSchool li a:hover,
.modalContent .listSchool li a:active,
.modalContent .listSchool li a:focus {
    text-decoration: none;
}

.modalContent .listSchool li a:focus {
    outline: none;
}

.modalContent .modalClose {
    position: absolute;
    top: -30px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

#modalSearch.modalContent .modalClose {
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
}

.modalContent .modalClose:before,
.modalContent .modalClose:after {
    position: absolute;
    top: -2px;
    right: 14px;
    display: block;
    width: 3px;
    height: 26px;
    background: #fff;
    content: "";
}

#modalSearch.modalContent .modalClose:before,
#modalSearch.modalContent .modalClose:after {
    width: 1px;
    height: 30px;
}

.modalContent .modalClose:before {
    transform: rotate(45deg);
}

.modalContent .modalClose:after {
    transform: rotate(-45deg);
}

.modalContent .course {
    position: static;
    padding: 0;
    background: transparent;
}

.modalContentBody {
    max-height: 400px;
    height: 100%;
}

#modalSearch .modalContentBody {
    max-height: none;
    background-color: #F3F3F3;
}

.modalHeading {
    position: relative;
    padding: 15px;
    background: #006BCD;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}

.searchInputBox {
    padding: 24px 15px;
    margin-bottom: 10px;
    background: #fff;
}

.searchInputBox .searchTopCorpArea .searchTopCorp .radioList {
    margin-top: 15px;
}

.modalContent .searchTopCorpArea:not(.modalScrollContents) {
    margin: 0;
    padding: 25px 30px 100px;
    box-shadow: none;
}

.modalContent .searchInputBox .searchTopCorpArea {
    padding: 0;
}

.modalContent .searchTopCorp.indpre .list {
    border: none;
}

.modalContent .footerFixedEntries02 .searchButtonbox &gt; div {
    width: auto;
    flex-shrink: 0;
    margin-right: 20px;
}

.modalContent .js-searchTopCorp:last-child {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

#modalBlind {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99998;
    display: none;
    text-decoration: none;
    background-color: rgb(0 0 0 / .6);
}

#modalBlind.show {
    display: block;
}

.corpSearch &gt; ul.searchType {
    display: block;
}

.corpSearch &gt; ul.searchType &gt; li {
    display: block;
    width: 100%;
}

.searchTopCorpArea.headTab {
    padding: 0;
    margin-top: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.searchType .searchTypeContent {
    display: none;
    background-color: #fff;
}

.searchType .searchTypeContent.opened {
    display: block;
}

.searchTopCorpArea.headTab .searchTopCorp .searchTypeContent,
.searchTopCorpArea.headTab .searchTopCorpIs .searchTypeContent {
    padding: 15px;
}

.headTab .navContainer {
    padding: 0;
}

.searchTopCorpArea.headTab .searchTopCorp h4,
.searchTopCorpArea.headTab .searchTopCorpIs h4 {
    margin:  0;
}

.searchTopCorpArea .searchType .searchTopCorp + .searchTopCorp,
.searchTopCorpArea .searchType .searchTopCorpIs + .searchTopCorpIs {
    margin-top: 15px;
}

.searchType {
    background-color: #e6e6e6
}

.searchTopCorpArea.headTab {
    box-shadow:none;
    margin-bottom: 15px;
}

.corpSearch &gt; ul.searchType &gt; li {
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.searchTopCorp:not(.free) &gt; h4.searchTypeTrg::after,.searchTopCorp:not(.free) &gt; h4.searchTypeTrg::before,
.searchTopCorpIs:not(.free) &gt; h4.searchTypeTrg::after,.searchTopCorpIs:not(.free) &gt; h4.searchTypeTrg::before {
    content: "" !important;
}

.footerFixedEntriesContent {
    text-align: center;
}

.footerFixedEntriesText {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 10px;
    text-align: left;
    display: none;
}

.footerFixedEntriesText .type::before {
    content: '[';
    display: inline;
}

.footerFixedEntriesText .type::after {
    content: ']';
    display: inline;
}

.checkItem + .type {
    margin-left: 10px;
}

.searchTopCorpInner + .btn {
    margin-top: 20px;
}

.radioCircle {
    margin-top: 15px;
}

.searchSelectBoxSub {
    margin-bottom: 15px;
}

ul + .searchSelectBoxSub {
    margin-top: 15px;
}

.searchSelectBoxSubBodyInner + .searchSelectBoxSub {
    margin-top: 20px;
}

.radioCircle + ul {
    margin-top: 15px;
}

.remainingNum {
    display: flex;
    margin: 32px 0 13px;
}

.remainingNum.type01 &gt; .remainingNumRadio {
    width: 100%;
}

.remainingNum.type01 &gt; .remainingNumRadio &gt; li + li {
    margin-top: 5px;
}

.remainingNum.type01 &gt; .remainingNumRadio a {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.remainingNum.type01 &gt; .check,
.options &gt; .check {
    flex-shrink: 0;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #e6e6e6;
}

.options {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.innerContents .options {
    justify-content: flex-start;
}

/* ============================================================================
 * 会社概要系画面(STU_CRP_G_XXXXXA)
 * ========================================================================= */
/* ▼各画面共通 */
.boxHeadEntry {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    font-size: 1.4rem;
    background: #fdfde7;
}

.boxHeadEntry a {
    text-decoration: underline;
}

.boxHeadEntry p {
    margin-left: 28px;
    position: relative;
}

.boxHeadEntry p::before {
    position: absolute;
    display: block;
    top: 0;
    left: -28px;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_information-20250203105254.svg) center no-repeat;
    background-size: contain;
    content: "";
}

#headerWrap {
    padding-top: 20px;
    background: #fff;
}

#headerWrap &gt; *:first-child {
    margin-top: 0;
}

#headerWrap &gt; *:first-child &gt; *:first-child {
    margin-top: 0;
}

#headerWrap &gt; *,
#headerWrap + .biWrapper {
    padding-right: 10px;
    padding-left: 10px;
}

#boxHeaderSubEntry {
    margin-top: -20px !important;
    padding-bottom: 3px;
    background: #f3f3f3;
}

#headFree {
    margin-bottom: 20px;
    text-align: center;
}

#headerWrap &gt; #localNaviWrap {
    padding-right: 0;
    padding-left: 0;
}

#companyHead + #localNaviWrap {
    padding-top: 10px;
}

#footerWrap &gt; #localNaviWrap {
    padding-right: 0;
    padding-left: 0;
}

#headerCorp {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin: 15px 0 8px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
}

#headerCorp .header-logo {
    width: 145px;
    margin-bottom: 2px;
    vertical-align: middle;
}

#headerCorp .update {
    margin-left: auto;
    padding-left: 20px;
    font-size: 1.0rem;
    color: #859099;
    text-align: right;
}

#companyHead {
    padding: 0 0 10px;
    background: #fff;
}

#companyHead .heading1-content .heading1-inner-left,
#companyHead .heading1-content .heading1-inner-right {
    width: 100%;
}

#companyHead .heading1-content .heading1-inner-left h1 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 8px;
}

#companyHead .heading1-content.bottom {
    padding: 10px 5px;
    margin: 0;
}

#companyHead .labelList01 {
    display: flex;
    flex-wrap: nowrap;
    width: calc(100% - 160px);
    overflow: hidden;
}

#companyHead .optionalImg + .labelList01 {
    margin-left: 10px;
}

#companyHead .labelList01 &gt; li {
    box-sizing: border-box;
    align-items: center;
    width: calc((100% - 10px) / 2);
    height: 38px;
    font-size: 1.0rem;
}

#companyHead .labelList01 &gt; li img {
    display: none
}

#companyHead .labelList01 &gt; li + li {
    margin-left: 10px;
}

#companyHead .labelList01 &gt; li &gt; span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 38px;
    padding: 2px 3px;
    font-weight: bold;
    font-size: 1.1rem;
    color: #006bcd;
    text-align: center;
    letter-spacing: -0.2px;
    line-height: 1.1;
    border: solid 2px #006bcd;
    transition: border-color .2s, color .2s;
}

#companyHead .labelList01 &gt; li &gt; span &gt; em {
    color: #3c91cc;
    font-weight: bold;
}

@media screen and (max-width: 320px) {
    #companyHead .labelList01 &gt; li.senior &gt; span,
    #companyHead .labelList01 &gt; li.adopt &gt; span {
        font-size: 1.0rem;
    }

    #companyHead .labelList01 &gt; li.senior &gt; span &gt; br,
    #companyHead .labelList01 &gt; li.adopt &gt; span &gt; br {
        display: none;
    }
}

#companyHead .heading1-inner {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

#companyHead .typeId {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#companyHead .typeId::before,
#companyHead .typeId::after {
    display: table;
    content: "";
}

#companyHead .typeId::after {
    clear: both;
}

#companyHead .typeId * {
    font-size: 1.2rem;
}

#companyHead .typeId &gt; dl {
    float: left;
    margin-bottom: 3px;
}

#companyHead .typeId &gt; dl &gt; * {
    float: left;
}

#companyHead .typeId &gt; dl,
#companyHead .typeId &gt; ul &gt; li:not(.em):not(.em2) &gt; span {
    display: inline-block;
    padding: 1px 10px;
    letter-spacing: -1px;
    background: #3c91cc;
    color: #fff;
    border-radius: 8px;
    white-space: nowrap;
}

#companyHead .typeId &gt; ul {
    margin-left: -5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#companyHead .typeId &gt; ul &gt; li {
    padding-bottom: 5px;
    padding-left: 5px;
}

#companyHead .typeId &gt; ul &gt; .em &gt; span,
#companyHead .typeId &gt; ul &gt; .em2 &gt; span {
    display: inline-block;
    padding: 1px 10px;
    letter-spacing: -1px;
    color: #fff;
    border-radius: 8px;
}

#companyHead .typeId &gt; ul &gt; .em &gt; span {
    background: #87b65e;
}

#companyHead .typeId &gt; ul &gt; .em2 &gt; span {
    background: #0ea997;
}

#companyHead .heading1-inner &gt; h1 {
    padding: 20px 0;
    font-weight: normal;
    font-size: 2rem;
    color: #fff;
    line-height: 1.4;
}

#companyHead .heading1-inner &gt; p {
    margin-top: 8px;
    font-size: 1.2rem;
    color: #fff;
}

#companyHead &gt; * + * {
    margin-top: 10px;
}

#companyHead .heading2 {
    margin: 10px 10px 0;
    border: 1px solid #e6e6e6;
    padding: 3px;
}

#companyHead .heading2 &gt; .items &gt; li {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
}

#companyHead .heading2 &gt; .items &gt; li &gt; * {
    display: table-cell;
}

#companyHead .heading2 &gt; .place &gt; h2 {
    display: none;
}

#companyHead .heading2 &gt; .category {
    display: flex;
    flex-wrap: nowrap;
}

#companyHead .heading2 &gt; .category h2 {
    border-bottom: 1px solid #fff;
}

#companyHead .heading2 &gt; .category ul {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0 4px 16px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
}

#companyHead .heading2 &gt; .category ul li:not(:last-child):after {
    content: "、";
}

#companyHead &gt; .heading2 &gt; .place &gt; dl {
    display: flex;
    padding: 0 10px 10px;
}

#companyHead &gt; .heading2 &gt; .place &gt; dl &gt; dt {
    margin-right: 15px;
    font-weight: bold;
    color: #7b7b7b;
}

#companyHead &gt; .heading2 &gt; .place &gt; .placeItem &gt; dl {
    display: flex;
}

#companyHead &gt; .heading2 &gt; .place &gt; .placeItem &gt; dl.recruitStatus {
    align-items: center;
}

#companyHead .heading2 &gt; .category h2,
#companyHead &gt; .heading2 &gt; .place .placeItem &gt; dl dt {
    background: #e6e6e6;
    padding: 8px;
    min-width: 60px;
    display: flex;
    font-size: 1.1rem;
    font-weight: normal;
    white-space: nowrap;
    line-height: 1.35;
}

#companyHead &gt; .heading2 &gt; .place .placeItem &gt; dl dt {
    max-width: 60px;
    white-space: normal;
}

#companyHead &gt; .heading2 &gt; .place dl:not(:last-child) &gt; dt {
    border-bottom: 1px solid #fff;
}

#companyHead &gt; .heading2 &gt; .place .placeItem &gt; dl dd {
    padding: 4px 0 4px 16px;
    flex: 1;
}

#companyHead &gt; .heading2 &gt; .place dl:not(:last-child) &gt; dd {
    border-bottom: 1px solid #e6e6e6;
}

#companyHead &gt; .heading2 &gt; .place &gt; .placeItem .highlight {
    flex: inherit;
    margin-left: 16px;
    padding: 0;
    position: relative;
    z-index: 100;
}

#companyHead &gt; .heading2 &gt; .place &gt; .placeItem .highlight::before {
    background: linear-gradient(transparent 45%, #ffe00d 0);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 100%;
    z-index: -1;
}

#wrapper .biWrapper {
    padding-top: 24px;
    background: #f3f3f3;
}

#wrapper #footerWrap .biWrapper {
    padding-top: 0;
}

#wrapper #localNavi + .basicInfoWrapper table:first-child {
    margin-top: 24px;
}

#headerWrap .basicInfoWrapper &gt; .basicInfo.eventInfo tbody,
#footerWrap .basicInfoWrapper &gt; .basicInfo.eventInfo tbody th,
#footerWrap .basicInfoWrapper:not(.eventInfo):not(.noticeInfo) th[onclick].opened + td {
    border-bottom: 1px solid #e6e6e6;
}

#headerWrap .basicInfoWrapper &gt; .basicInfo.eventInfo th.opened,
#footerWrap .basicInfoWrapper &gt; .basicInfo.eventInfo th.opened {
    border-bottom: 1px solid #fff;
}

.basicInfoWrapper &gt; .basicInfo tbody,
.basicInfoWrapper &gt; .basicInfo tr,
.basicInfoWrapper &gt; .basicInfo th,
.basicInfoWrapper &gt; .basicInfo td {
    display: block;
    width: 100%;
    text-align: left;
}

.basicInfoWrapper &gt; .basicInfo th[onclick] {
    position: relative;
}

.basicInfoWrapper &gt; .basicInfo th[onclick]::before,
.basicInfoWrapper &gt; .basicInfo th[onclick]::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
}

.basicInfoWrapper &gt; .basicInfo th[onclick]::before {
    right: 10px;
    width: 12px;
    height: 2px;
    margin-top: -1px;
}

.basicInfoWrapper &gt; .basicInfo th[onclick]::after {
    right: 15px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
}

.basicInfoWrapper &gt; .basicInfo th[onclick].opened::after {
    opacity: 0;
}

.basicInfoWrapper &gt; .basicInfo th[onclick] + td {
    visibility: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    transition: padding-top .1s,
    padding-bottom .1s,
    height 0s,
    opacity 0s;
}

.basicInfoWrapper &gt; .basicInfo th[onclick].opened + td {
    visibility: visible;
    height: 100%;
    opacity: 1;
    transition: padding-top .3s,
    padding-bottom .3s,
    height .3s,
    opacity .3s;
}

.basicInfoWrapper.eventInfo th,
.basicInfoWrapper.noticeInfo th {
    padding: 14px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #333;
    line-height: 1.5;
    background: #fff;
}

.basicInfoWrapper.eventInfo th::before,
.basicInfoWrapper.eventInfo th::after,
.basicInfoWrapper.noticeInfo th::before,
.basicInfoWrapper.noticeInfo th::after {
    background: #00aaeb;
}

.basicInfoWrapper.eventInfo th[onclick],
.basicInfoWrapper.noticeInfo th[onclick] {
    padding-right: 30px;
}

.basicInfoWrapper.eventInfo th &gt; span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.basicInfoWrapper.eventInfo th &gt; span::before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 2px;
    height: calc(100% - 6px);
    background: #00aaeb;
    content: "";
}

.basicInfoWrapper.noticeInfo td,
.basicInfoWrapper .basicInfo tr:not(:last-child) td {
    padding: 13px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.basicInfoWrapper.eventInfo th[onclick] + td,
.basicInfoWrapper.noticeInfo th[onclick] + td {
    padding-top: 0;
    padding-bottom: 0;
}

.basicInfoWrapper.eventInfo th[onclick].opened + td,
.basicInfoWrapper.noticeInfo th[onclick].opened + td {
    padding-top: 13px;
    padding-bottom: 13px;
}

.basicInfoWrapper:not(.noticeInfo) tbody {
    background: #fff;
}

.basicInfoWrapper:not(.eventInfo):not(.noticeInfo) th {
    padding: 14px 16px;
    font-weight: normal;
}

.basicInfoWrapper:not(.eventInfo) .basicInfo tr:not(:last-child) th:not(.opened) {
    border-bottom: 1px solid #e6e6e6;
}

.basicInfoWrapper:not(.eventInfo):not(.noticeInfo) th::before,
.basicInfoWrapper:not(.eventInfo):not(.noticeInfo) th::after {
    background: #00aaeb;
}

.basicInfoWrapper:not(.eventInfo):not(.noticeInfo) th[onclick] &gt; span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.basicInfoWrapper:not(.eventInfo):not(.noticeInfo) th[onclick] &gt; span::before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 2px;
    height: calc(100% - 6px);
    background: #00aaeb;
    content: "";
}

.basicInfoWrapper:not(.noticeInfo) td {
    padding: 5px 13px 18px;
}

.basicInfoWrapper:not(.noticeInfo) th[onclick] + td {
    padding-top: 0;
    padding-bottom: 0;
}

.basicInfoWrapper:not(.noticeInfo) th[onclick].opened + td {
    padding-top: 5px;
    padding-bottom: 18px;
}

.heading1-inner-right {
    display: flex;
    margin-top: 8px;
}

.boxSearchresultEach &gt; .optionalImg {
    margin: 8px 0 12px;
}

.optionalImg &gt; ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
	margin-left: 5px;
}

.optionalImg &gt; ul &gt; li &gt; img {
    min-width: 150px;
    max-width: 150px;
}

.companyInfo {
    margin-right: 10px;
    margin-left: 10px;
}

.companyInfo &gt; .inner {
    background: #fff;
    padding: 25px 15px;
}

#headerWrap &gt; .companyInfo.activity{
    background: #fff;
}

.companyInfo .welcome {
    position: relative;
    margin-bottom: 30px;
    padding: 15px 13px 15px 45px;
    font-weight: bold;
    font-size: 1.4rem;
    background: #f3f3f3;
}

.companyInfo .welcome::before {
    position: absolute;
    top: 14px;
    left: 12px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/icon/icon_user-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

.companyInfoSPHeader,
.companyInfoSPCulum &gt; .body {
    margin: 0 0 30px;
    padding: 16px;
    background: #fff;
}

.companyInfoSPHeader &gt; .inner &gt; .pic,
.companyInfoSPCulum &gt; .body &gt; .inner &gt; .pic {
    margin-bottom: 10px;
    text-align: center;
}

.companyInfoSPHeader &gt; .inner &gt; .txt * + p,
.companyInfoSPCulum &gt; .body &gt; .inner &gt; .txt * + p {
    margin-top: 10px;
}

.companyInfoSPHeader &gt; .inner &gt; .txt &gt; h4,
.companyInfoSPCulum &gt; .body &gt; .inner &gt; .txt &gt; h4 {
    letter-spacing: 1px;
}

.companyInfoSPHeader &gt; .inner &gt; .txt &gt; .lead,
.companyInfoSPCulum &gt; .body &gt; .inner &gt; .txt &gt; .lead {
    font-weight: bold;
    letter-spacing: 1px;
}

.companyInfoSPHeader .c-label-list {
    margin-bottom: 24px;
}

.wrapperActivity:not(.corpmypage) {
    margin-bottom: 30px;
    padding: 15px 13px;
    background: #f3f3f3;
}

.wrapperActivity:not(.corpmypage) &gt; .header * {
    font-size: 1.4rem;
}

.wrapperActivity:not(.corpmypage) &gt; .header &gt; h3 {
    position: relative;
    margin-bottom: 13px;
    padding-left: 35px;
}

.wrapperActivity:not(.corpmypage) &gt; .header &gt; h3::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/icon/icon_user-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

.wrapperActivity:not(.corpmypage) &gt; .header &gt; .body &gt; .txt &gt; * + .linkList {
    margin-top: 15px;
}

.wrapperActivity.corpmypage &gt; .body {
    margin: 10px 0 30px;
    padding: 15px 0;
    background: #fff;
}

.wrapperActivity.corpmypage &gt; .body &gt; .txt &gt; * + * {
    margin-top: 20px;
}

.wrapperActivity:has(.header):not(:has(h3)):not(:has(.body)) {
    display: none;
}

#wrapper {
    margin-bottom: 20px;
    background: #f3f3f3;
}

*:not(.companySec) + .companySec {
    margin-top: 30px;
}

.companySec {
    background: #fff;
    margin-bottom: 24px;
}

.companyInfo.seminar .seminarListInner .companySec:first-child .inner {
    padding: 0;
}

.seminarListInner .companySec,
#personHead,
#research,
.boxContentsText {
    box-shadow: none;
}

.companySec .linkArea {
    text-align: center;
    padding: 24px 0;
}

.companySec .linkArea a {
    position: relative;
    display: inline-block;
}

.companySec .linkArea a::before {
    position: absolute;
    top: 12px;
    left: -20px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

*:not(.companySec) + .companySec .dtHead2{
    margin-top: 30px;
}

.companyLead + * {
    margin-top: 10px;
}

.companySec:not(#editor) &gt; .dtHead + .inner,
.companySec:not(#editor) &gt; .dtHead2 + .inner,
.companySec .internHeading01 + .inner,
#displayObogListForm .companySec .inner,
#displayObogForm .companySec .inner {
    position: relative;
    padding: 16px;
}

.companySec:not(#editor) &gt; .dtHead + .inner + .inner {
    padding: 0 16px 16px;
}

.companyInfo.activity .companySec:not(#editor) &gt; .dtHead + .inner::before {
    display: none;
}

.companySec &gt; .inner &gt; *:first-child {
    margin-top: 0;
}

.companySec &gt; .inner &gt; *:first-child tr:first-child &gt; *:first-child {
    margin-top: 0;
}

.companySec#editor {
    margin-bottom: 30px;
}

.companySec#editor &gt; * + .inner {
    margin-top: 0;
}

.companySec#editor &gt; .inner {
    padding: 16px;
}

.inner .companySec#research {
    flex-direction: column-reverse;
}

.companySec + .companySec#research {
    margin-top: 30px;
}

.companySec#research .boxContentsPics {
    margin: 8px 0 24px;
    border: 1px #e6e6e6 solid;
    padding: 3px;
}

.companySec#research .boxContentsPics &gt; h3 {
    position: relative;
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    background: #e6e6e6;
}

.companySec#research .boxContentsPics &gt; dl {
    padding: 16px;
}

.companySec#research .boxContentsPics &gt; dl &gt; dt {
    margin-bottom: 15px;
    text-align: center;
}

.companySec#research .boxContentsPics &gt; dl &gt; dd + dt {
    margin-top: 20px;
}

.companySec#research &gt; .boxContentsText &gt; .cSecIn &gt; .inner:has(*) {
    position: relative;
    margin: 0 0 30px;
    padding: 16px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.companySec#research &gt; .boxContentsText &gt; .cSecIn:last-child &gt; .inner:not(.opened) {
    margin-bottom: 0;
}

.companySec.addAct + .companySec.addAct,
.companySec.addAct + .companySec.memo,
.companySec.memo + .companySec.addAct,
.companySec.memo + .companySec.memo {
    margin-top: 0;
}

.companySec.addAct &gt; .inner,
.companySec.memo &gt; .inner {
    margin-top: 0;
}

.companySec:has(.dtHead + .inner):not(:has(.dtHead + .inner &gt; *)),
.companySec:has(.dtHead + .inner &gt; table):not(:has(.dtHead + .inner &gt; table &gt; *)) {
    display: none;
}

.dataTable {
    display: block;
}

.dataTable .c-label-list li {
    line-height: 1;
}

.dataTable .c-label-list .c-label {
    white-space: normal;
    height: 28px;
}

.dataTable tbody,
.dataTable tr,
.dataTable th,
.dataTable td {
    display: block;
}

.dataTable.dataTable02:not(.has-bg) &gt; tbody {
    padding: 3px;
    border: 1px solid #e6e6e6;
}

.dataTable.dataTable02:not(.has-bg) + .dataTable.dataTable02:not(.has-bg) &gt; tbody {
    border-top: 1px solid #fff;
    margin-top: -1px;
}

.dataTable.dataTable02:not(.has-bg) &gt; tbody tr:first-child th {
    margin: 0;
}

.dataTable th + *,
.dataTable .heading + * {
    margin: 16px 0;
}

.dataTable.personList tr + tr {
    margin-top: 30px;
}

.dataTable.personList .heading {
    text-align: center;
}

.dataTable:not(.dataTable02).personList .listIcon01 {
    margin-left: -10px;
}

.dataTable:not(.dataTable02).personList .listIcon01 &gt; li {
    margin-left: 10px;
    background: #3c91cc;
}

.dataTable.personList .personText &gt; h2,
.dataTable.personList td &gt; .detail {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.dataTable.personList .personText &gt; :not(.senpai) + h2 {
    margin-top: 10px;
}

.dataTable.personList .senpai {
    display: inline-block;
    margin: 0 0 10px;
    padding: 1px 10px;
    font-size: 1.4rem;
    color: #fff;
    background: #3c91cc;
    border-radius: 8px;
}

#displayObogListForm .dataTable.personList tr:has(.heading),
.inner:not(.bg-white) .dataTable.personList tr:has(.heading) {
    border: 1px solid #e6e6e6;
}

#displayObogListForm .dataTable.personList tr .heading + td,
.inner:not(.bg-white) .dataTable.personList tr .heading + td {
    margin-top: 0;
    padding: 20px 16px;
}

#displayObogListForm .dataTable.personList tr td h2 a,
#displayObogForm .dataTable.personList tr td h2 {
    font-weight: bold;
    font-style: normal;
    font-size: 1.6rem;
}

.dataTable02 .sameSize &gt; * + * {
    margin-top: 10px;
}

.dataTable02 .sameSize {
    background: #fff;
    padding: 16px;
    margin: 0;
}

.dataTable02 .noInfo .sameSize {
    padding: 16px 16px 8px;
}

.dataTable02 .sameSize .title {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
    width: 100%;
}

#companyData + .inner .dataTable02 .sameSize {
    overflow-x: hidden;
}

.dataTable02.ver02 tr {
    flex-direction: column;
}

.dataTable02.ver02 th,
.dataTable02.ver02 .heading {
    color: #333;
    background: #e6e6e6;
}

.dataTable02.ver02 .sameSize {
    background: #fff;
}

.flow.undisclosed .pre_sample {
    background: url(../images/company/sample_flow_sp-20250203105254.png) no-repeat center center;
    background-size: 100% 100%;
    min-height: 392px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 16px;
}

.days_required.undisclosed .pre_sample {
    background: url(../images/company/sample_days_required-20250203105254.png) no-repeat 0;
    background-size: 168px 23px;
    width: 168px;
    height: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.tableLyt01 &gt; thead &gt; tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tableLyt01 &gt; thead &gt; tr,
.tableLyt01 &gt; tbody &gt; tr {
    border-left: 1px solid #e6e6e6;
}

.tableLyt01 &gt; thead &gt; tr &gt; th {
    display: table-cell;
    margin: 0 !important;
    padding: 0 12px 10px;
    font-size: 1.4rem;
    color: #333;
    vertical-align: middle;
    text-align: center;
    border-radius: 0;
}

.tableLyt01 &gt; thead &gt; tr &gt; th &gt; .label {
    display: inline-block;
    padding: 6px 6px 5px 6px;
    font-size: 1.4rem;
}

.tableLyt01 &gt; thead &gt; tr &gt; td {
    display: table-cell;
    width: 90px;
}

.tableLyt01 &gt; tbody &gt; tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tableLyt01 &gt; tbody &gt; tr &gt; th {
    display: table-cell;
    width: 90px;
    margin: 0 !important;
    padding: 12px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
    border-left: 1px solid #e6e6e6;
}

.tableLyt01 &gt; tbody &gt; tr &gt; td {
    display: table-cell;
    padding: 12px;
    text-align: center;
}

.tableLyt01 &gt; tbody &gt; tr:nth-child(even) &gt; th,
.tableLyt01 &gt; tbody &gt; tr:nth-child(even) td {
    background: #f3f3f3;
}

.labelSystem {
    width: 100%;
    padding: 10px;
    background: #e6e6e6;
}

.labelSystem + p {
    margin: 10px 10px 0;
}

.labelSystem.noSystem {
    color: #b2b2b2;
}

.sidemenu {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 3px;
}

.sidemenu:not(:first-child) {
    margin-top: 16px;
}

.sidemenu &gt; dt {
    position: relative;
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
    background: #e6e6e6;
}

.sidemenu &gt; dd {
    padding: 16px;
}

.sidemenu + .sidemenu &gt; dt {
    border-radius: 0;
}

#secondary &gt; .menuInfo {
    position: relative;
    margin-bottom: 15px;
    padding: 5px 15px;
    font-size: 1.2rem;
    text-align: center;
    color: #00aaeb;
    background: #fff;
    border: 1px solid #00aaeb;
}

#secondary &gt; .menuInfo::before {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -9px;
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-top: 1px solid #00aaeb;
    border-right: 1px solid #00aaeb;
    content: "";
    transform: rotate(135deg) skew(-10deg, -10deg);
}

#secondary &gt; .menuInfo em {
    font-weight: normal;
    color: #00aaeb;
}

/* Theme */
.themelist {
    padding: 15px;
    background: #fff;
}

.themelistEach &gt; h2 {
    position: relative;
    padding: 16px 16px 16px 55px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #333;
    margin: 0 -15px 15px;
}

.themelistEach:first-child &gt; h2 {
    margin-top: -15px;
}

.themelistEach &gt; h2::before {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
    background: #00aaeb;
    content: "Q";
}

.themelistEach .listLink {
    text-align: center;
    margin-bottom: 24px;
}

.themelistEach &gt; .inner &gt; .item &gt; .title {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 17px 40px;
    font-weight: normal;
    font-size: 1.6rem;
}

.themelistEach &gt; .inner &gt; .item &gt; .title::before {
    position: absolute;
    top: -4px;
    left: -6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #00aaeb;
    border: 2px #00aaeb solid;
    content: "A";
}

/* 企業フッター */
#footerWrap {
    margin-top: 30px;
    overflow: hidden;
}

#footerWrap &gt; *,
#footerWrap &gt; #localNaviWrap &gt; * {
    padding-right: 10px;
    padding-left: 10px;
}

#footerWrap .btnList {
    margin-top: 24px;
}

.footerFixedEntries02 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: rgba(40, 48, 51, .8);
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    display: flex;
    flex-wrap: wrap;
}

.footerFixedEntries02 &gt; ul {
    display: flex;
    /* flex-wrap: wrap; JSPでコメントアウト外す*/
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

.footerFixedEntries02 ul li {
    width: 100%;
}

@media all and (-ms-high-contrast: none) {
    .footerFixedEntries02 ul li {
        margin: 0 4px;
    }
}

#wrapper &gt; #localNavi &gt; .inner {
    padding: 0 10px;
}

/* .footerFixedEntries02 &gt; ul &gt; li.entry,
.footerFixedEntries02 &gt; ul &gt; li.reserve {
    width: 36%;
    order: 2;
}

.footerFixedEntries02 &gt; ul &gt; li.entry:first-child,
.footerFixedEntries02 &gt; ul &gt; li.reserve:first-child {
    width: 60%;
}

.footerFixedEntries02 &gt; ul &gt; li.seminar {
    width: 36%;
    order: 1;
}

.footerFixedEntries02 &gt; ul &gt; li.bookmark {
    width: 28%;
    order: 3;
}

.footerFixedEntries02 &gt; ul &gt; li.entry.non:first-child ~ li.bookmark {
    width: 60%;
} */

/* ▼企業情報（会社概要）(STU_CRP_G_07010A) */
/* 企業のここがポイント */
.companyPointList.colorlistbox {
    border: 1px solid #3c91cc;
    padding: 3px;
}

.companyPointList h3 {
    background: #3c91cc;
    color: #fff;
    font-size: 1.6rem;
    padding: 8px;
    text-align: center;
    width: 100%;
}

.companyPointList h3 span {
    color: #fff;
    cursor: default;
    padding-left: 26px;
    pointer-events: none;
    position: relative;
}

.companyPointList h3 span::before {
    background: url(../images/icon/icon_bulb-20250203105254.svg) top left / cover no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
}

.companyPointList ul li {
    font-size: 1.4rem;
    margin: 0 8px;
    padding: 8px 0;
}

.companyPointList ul li:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}

.companyPointList ul li h4 {
    margin-bottom: 4px;
}

/* 働き方データ、採用実績共通 */
.workstyleDataItem .workstyleText:not(:last-child),
.recruitDataItem .recruitText:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}

.workstyleDataItem.noInfo .workstyleScore,
.recruitDataItem.noInfo .recruitScore {
    background: #fafafa;
}

.workstyleDataItem .workstyleText .yearNone,
.workstyleDataItem .yearNone,
.recruitDataItem .recruitText .yearNone {
    font-weight: normal;
    padding-right: 3px;
    font-size: 1.2rem;
}

/* 働き方データ */
.workstyleDataItem {
    border: 1px solid #e6e6e6;
    padding: 3px;
    position: relative;
}

.workstyleDataItem.noInfo {
    background: #fafafa;
}


.workstyleDataItem:not(:last-of-type) {
    margin-bottom: 24px;
}

.workstyleDataItem .row {
    background-color: #e6e6e6;
    padding: 8px 16px;
    text-align: center;
}

.workstyleDataItem .workstyleScore {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.workstyleDataItem .workstyleScore.workstyleTable {
    padding: 16px 5px;
}

.workstyleDataItem .workstyleText span:not(.wsLabel):not(.year):not(.yearNone) {
    font-size: 2.4rem;
    line-height: 1;
    margin: 4px;
}

.workstyleDataItem .workstyleText.tableDetail span:not(.wsLabel):not(.year):not(.yearNone) {
    font-size: 2rem;
}

.workstyleDataItem .workstyleText .year,
.workstyleDataItem .year {
    color: #859099;
    font-size: 1.2rem;
}

.workstyleDataItem .workstyleYear {
    font-size: 1.2rem;
    font-weight: normal;
    margin-top: 30px;
    display: block;
}

.workstyleDataItem .workstyleText {
    font-size: 1.2rem;
    text-align: center;
    max-width: 180px;
}

.workstyleDataItem .wsLabel {
    display: inline-block;
    padding: 3px 8px;
    letter-spacing: -1px;
    color: #333;
    font-size: 1.2rem;
    background: #e6e6e6;
}

.workstyleDataItem table {
    text-align: center;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
}

.workstyleDataItem th {
    padding-bottom: 5px;
    vertical-align: bottom;
}

.workstyleDataItem .workstyleText td {
    padding: 8px 0;
}

.workstyleDataItem .workstyleIcon {
    margin-right: 24px;
}

.workstyleDataItem .workstyleIcon img {
    max-width: 48px;
}

.workstyleScore .pieChart {
    width: 50%;
    text-align: center;
}

.workstyleScore .pieChart p {
    font-size: 1.7rem;
    margin-bottom: 5px;
    font-weight: bold;
}

.workstyleScore .pieChartDetail {
    font-size: 1.2rem;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
}

.workstyleDataItem.noInfo .pieChartDetail {
    background-image: conic-gradient(#e6e6e6 0deg 100%);
}

.workstyleScore .pieChartDetail::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.workstyleScore .pieChartDetail &gt; div {
    position: absolute;
    content: "";
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.workstyleScore .pieChartDetail span {
    font-size: 2rem;
    font-weight: bold;
}

.noInfo .workstyleScore .pieChartDetail span {
    padding-right: 3px;
}

.workstyleScore &gt; .year {
    position: absolute;
    content: "";
    top: 75px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
}

#research &gt; .inner .image img {
    max-height: 80px;
    max-width: 80px;
}


 /* 採用実績 */
.recruitDataItem {
    border: 1px solid #e6e6e6;
    margin-top: 16px;
    padding: 3px;
}

#recruitRecord &gt; .inner &gt; .dataTable:not(:has(*)) + .recruitData &gt; .recruitDataItem:first-child {
    margin-top: 0px;
}

.recruitDataItem.noInfo {
    background: #fafafa;
}

.recruitDataItem .row {
    background-color: #e6e6e6;
    padding: 8px 16px;
    text-align: center;
}

.recruitScore {
    /* margin: 0px auto;
    align-items: center;
    display: flex;
    justify-content: center; */
    padding: 16px 5px 8px;
}

.recruitScore th {
    padding-bottom: 8px;
    vertical-align: bottom;
}

.recruitDataItem table {
    text-align: center;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    /* width: auto; */
}

.recruitDataItem .recruitText {
    text-align: center;
    max-width: 180px;
}

.recruitDataItem .recruitText td {
    padding: 8px 0;
    min-width: 60px;
    font-size: 1.2rem;
}

.recruitDataItem .recruitText td:first-child {
    width: 44px;
}

.recruitDataItem .recruitScore .year {
    color: #7b7b7b;
    font-size: 1.2rem;
}

.recruitDataItem .recruitText span:not(.year):not(.yearNone) {
    font-size: 2.4rem;
    line-height: 1;
    margin: 4px;
}

.recruitDataItem .recruitText.tableDetail span:not(.year):not(.yearNone) {
    font-size: 2rem;
}

.recruitDataItem .recruitIcon {
    margin-right: 24px;
}

.recruitDataItem .recruitIcon img {
    max-width: 100px;
}

.recruitDataItem .rdLabel {
    display: inline-block;
    padding: 3px 8px;
    letter-spacing: -1px;
    color: #333;
    font-size: 1.2rem;
    background: #e6e6e6;
    font-weight: normal;
}

.recruitDataItem .rdLabel.rd01 {
    background: #3c91cc;
}

.recruitDataItem .rdLabel.rd02 {
    background: #87b65e;
}

#contentsright .boxContentsRightSide02 .btn-01.large.full {
    margin-top: 10px;
}

.dataTable.dataTable02 .jsSlideToggleMessage-02 {
    position: relative;
    overflow-y: hidden;
    padding-bottom: 45px;
}

.dataTable.dataTable02 .jsSlideToggleMessage-02 &gt; .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
}

.dataTable.dataTable02 .jsSlideToggleMessage-02 &gt; .btn &gt; a {
    position: relative;
    display: block;
    padding: 10px 0;
    font-size: 1.2rem;
    pointer-events: auto;
}

.dataTable.dataTable02 .jsSlideToggleMessage-02.close &gt; .btn {
    background: rgba(255, 255, 255, .8);
}

.dataTable.dataTable02 #school &gt; th {
    display: flex;
    align-items: center;
}

.companySec#research .lead {
    display: flex;
    color: #333;
    flex-direction: column;
    margin-top: 30px;
    padding: 13px 13px 13px 0;
}

.companySec#research .lead opened{
	margin-bottom: 20px;
}

.companySec#research .lead.num {
    flex-direction: row;
    padding: 13px 13px 13px 0;
}

.companySec#research .lead.num h3::before {
    content: none;
}

.companySec#research .lead.num &gt; span {
    margin-right: 12px;
}

.companySec#research .lead + .body {
	position: relative;
}

.companySec#research .lead + .body::before {
    position: absolute;
    top: -5px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: 5px;
    background: #fff;
    content: "";
}

.companySec#research .lead.opened + .body::before {
    content: none;

}

[class^="txtIcon"]:not(.txtIcon31):not(.txtIcon32):not(.txtIcon33):not(.txtIcon34):not(.txtIcon35):not(.txtIcon36):not(.txtIcon37):not(.txtIcon38):not(.txtIcon39):not(.txtIcon40):not(.txtIcon44):not(.txtIcon45):not(.txtIcon46):not(.txtIcon47):not(.txtIcon48) {
    position: relative;
    display: flex;
    height: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #859099;
    white-space: nowrap;
}

span.txtIcon01:after {
    content: "\5165\793e\0031\5e74\76ee";
}

span.txtIcon02:after {
    content: "\5165\793e\0032\5e74\76ee";
}

span.txtIcon03:after {
    content: "\5165\793e\0033\5e74\76ee";
}

span.txtIcon04:after {
    content: "\5165\793e\0034\5e74\76ee";
}

span.txtIcon05:after {
    content: "\5165\793e\0035\5e74\76ee";
}

span.txtIcon06:after {
    content: "\5165\793e\0036\5e74\76ee";
}

span.txtIcon07:after {
    content: "\5165\793e\0037\5e74\76ee";
}

span.txtIcon08:after {
    content: "\5165\793e\0038\5e74\76ee";
}

span.txtIcon09:after {
    content: "\5165\793e\0039\5e74\76ee";
}

span.txtIcon10:after {
    content: "\5165\793e\0031\0030\5e74\76ee";
}

span.txtIcon11:after {
    content: "\5165\793e\0031\0031\5e74\76ee";
}

span.txtIcon12:after {
    content: "\5165\793e\0031\0032\5e74\76ee";
}

span.txtIcon13:after {
    content: "\5165\793e\0031\0033\5e74\76ee";
}

span.txtIcon14:after {
    content: "\5165\793e\0031\0034\5e74\76ee";
}

span.txtIcon15:after {
    content: "\5165\793e\0031\0035\5e74\76ee";
}

span.txtIcon16:after {
    content: "\5165\793e\0031\0036\5e74\76ee";
}

span.txtIcon17:after {
    content: "\5165\793e\0031\0037\5e74\76ee";
}

span.txtIcon18:after {
    content: "\5165\793e\0031\0038\5e74\76ee";
}

span.txtIcon19:after {
    content: "\5165\793e\0031\0039\5e74\76ee";
}

span.txtIcon20:after {
    content: "\5165\793e\0032\0030\5e74\76ee";
}

span.txtIcon21:after {
    content: "\5165\793e\0032\0031\5e74\76ee";
}

span.txtIcon22:after {
    content: "\5165\793e\0032\0032\5e74\76ee";
}

span.txtIcon23:after {
    content: "\5165\793e\0032\0033\5e74\76ee";
}

span.txtIcon24:after {
    content: "\5165\793e\0032\0034\5e74\76ee";
}

span.txtIcon25:after {
    content: "\5165\793e\0032\0035\5e74\76ee";
}

span.txtIcon26:after {
    content: "\5165\793e\0032\0036\5e74\76ee";
}

span.txtIcon27:after {
    content: "\5165\793e\0032\0037\5e74\76ee";
}

span.txtIcon28:after {
    content: "\5165\793e\0032\0038\5e74\76ee";
}

span.txtIcon29:after {
    content: "\5165\793e\0032\0039\5e74\76ee";
}

span.txtIcon30:after {
    content: "\5165\793e\0033\0030\5e74\76ee";
}

span.txtIcon31:after {
    content: "\0031";
}

span.txtIcon32:after {
    content: "\0032";
}

span.txtIcon33:after {
    content: "\0033";
}

span.txtIcon34:after {
    content: "\0034";
}

span.txtIcon35:after {
    content: "\0035";
}

span.txtIcon36:after {
    content: "\0031";
}

span.txtIcon37:after {
    content: "\0032";
}

span.txtIcon38:after {
    content: "\0033";
}

span.txtIcon39:after {
    content: "\0034";
}

span.txtIcon40:after {
    content: "\0035";
}

span.txtIcon41:after {
    content: "\0054\004f\0050\0049\0043\0053";
}

span.txtIcon42:after {
    content: "\004e\0045\0057\0053";
}

span.txtIcon43:after {
    content: "\004b\0045\0059\0020\0050\0045\0052\0053\004f\004e";
}

span.txtIcon49:after {
    content: "\6708\66dc\65e5";
}

span.txtIcon50:after {
    content: "\706b\66dc\65e5";
}

span.txtIcon51:after {
    content: "\6c34\66dc\65e5";
}

span.txtIcon52:after {
    content: "\6728\66dc\65e5";
}

span.txtIcon53:after {
    content: "\91d1\66dc\65e5";
}

span.txtIcon54:after {
    content: "\571f\66dc\65e5";
}
span.txtIcon55:after {
    content: "\65e5\66dc\65e5";
}

.txtIcon31,
.txtIcon32,
.txtIcon33,
.txtIcon34,
.txtIcon35,
.txtIcon36,
.txtIcon37,
.txtIcon38,
.txtIcon39,
.txtIcon40 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin: 5px 0 -5px;
    white-space: nowrap;
}

.txtIcon31,
.txtIcon32,
.txtIcon33,
.txtIcon34,
.txtIcon35,
.txtIcon36,
.txtIcon37,
.txtIcon38,
.txtIcon39,
.txtIcon40 {
    color: #fff;
    background: #00aaeb;
}

.txtIcon44,
.txtIcon45,
.txtIcon46,
.txtIcon47,
.txtIcon48 {
    position: relative;
    display: flex;
    height: 100%;
    padding-top: 3px;
    padding-left: 5px;
    font-size: 1.4rem;
    color: #3650b0;
    white-space: nowrap;
}

/* モーダル内のショートムービー*/
.js-modal-movie {
    padding-bottom: 178.25%;
    height: 0;
    overflow: hidden;
}

.js-modal-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thumbnail-movie {
    position: relative;
}

.thumbnail-movie img {
    object-fit: contain;
}

.js-modal-slider._type-02 .thumbnail-movie span {
    right: 7px;
    width: 105%;
}

.thumbnail-movie span {
    position: absolute;
    background: #000000CC;
    color: #fff;
    font-size: 12px;
    bottom: 1px;
    right: 0;
    padding-left: 16px;
    padding-right: 4px;
}

.thumbnail-movie span::before {
    position: absolute;
    content:"\025b6";
    color: #fff;
    bottom: 0;
    right: 70%;
}

/* ▼企業情報（採用データ）(STU_CRP_G_08010A) */
/* 勤務時間 */
#workHour .workHour-list &gt; li {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6e6e6;
}

#workHour .workHour-list &gt; li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#workHour .workHour-list .listIcon01 {
    margin-bottom: 8px;
}

#workHour .workHour-list p {
    margin-top: 8px;
}

/* 待遇・福利厚生・社内制度 */
#fukuri .listIcon01 {
    gap: 0;
}

#fukuri ul {
    margin: 8px -8px -20px;
}

#fukuri .listIcon01:not(.seminor) &gt; li {
    background: none;
    color: #7B7B7B;
    font-size: 10px;
    padding: 56px 8px 20px 8px;
    text-align: center;
    width: calc(100% / 4);
}

@media only screen and (max-width: 320px) {
    #fukuri .listIcon01:not(.seminor) &gt; li {
        width: calc(100% / 3);
    }
}

#fukuri .listIcon01:not(.seminor) &gt; li span {
    display: flex;
    font-weight: bold;
    justify-content: center;
    line-height: 1.35;
    position: relative;
}

#fukuri .listIcon01:not(.seminor) &gt; li span::before {
    content: "";
    height: 42px;
    left: 50%;
    position: absolute;
    top: -56px;
    transform: translateX(-50%);
    width: 42px;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1810::before {
    background: url("../images/icons/treatment_icon_1810-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1820::before {
    background: url("../images/icons/treatment_icon_1820-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1830::before {
    background: url("../images/icons/treatment_icon_1830-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1840::before {
    background: url("../images/icons/treatment_icon_1840-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1850::before {
    background: url("../images/icons/treatment_icon_1850-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1860::before {
    background: url("../images/icons/treatment_icon_1860-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1870::before {
    background: url("../images/icons/treatment_icon_1870-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1880::before {
    background: url("../images/icons/treatment_icon_1880-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1890::before {
    background: url("../images/icons/treatment_icon_1890-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1900::before {
    background: url("../images/icons/treatment_icon_1900-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1910::before {
    background: url("../images/icons/treatment_icon_1910-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1920::before {
    background: url("../images/icons/treatment_icon_1920-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1930::before {
    background: url("../images/icons/treatment_icon_1930-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1940::before {
    background: url("../images/icons/treatment_icon_1940-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1950::before {
    background: url("../images/icons/treatment_icon_1950-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1960::before {
    background: url("../images/icons/treatment_icon_1960-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1970::before {
    background: url("../images/icons/treatment_icon_1970-20250203105254.svg") no-repeat center / cover;
}

#fukuri .listIcon01:not(.seminor) &gt; li span#serviceListCorpDispText\.corpFeatureTxt1980::before {
    background: url("../images/icons/treatment_icon_1980-20250203105254.svg") no-repeat center / cover;
}

/* ▲企業情報（採用データ）(STU_CRP_G_08010A) */

/* ▼企業情報（先輩情報詳細）(STU_CRP_G_10010A) */
.currentJob &gt; li {
    margin-bottom: 14px;
}

.currentJob &gt; li:last-child {
    margin-bottom: 0;
}

.currentJob &gt;li div {
    margin-bottom: 5px;
    padding:0 8px;
    background: #e6e6e6;
    color: #7b7b7b;
}

.currentJob &gt; li p {
    padding: 0 6px;
}

.workHistory h3 {
    position: relative;
    margin-bottom: 10px;
    padding-left: 16px;
    font-weight: normal;
    font-size: 1.8rem;
}

.workHistory h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 26px;
    background: #00aaeb;
    content: "";
    transform: translateY(-50%);
}

.workHistory .membershipAppeal {
    min-height: 256px;
    margin: 0 -16px;
    background: url("../images/company/work_history_sp-20250203105254.png") no-repeat center / 100% 100%;
}

.workHistory .membershipAppeal &gt; div {
    padding-top: 15px;
}

.workHistory .membershipAppeal p {
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

.workHistory .membershipAppeal ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.workHistory .membershipAppeal ul &gt; li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.workHistory .membershipAppeal ul &gt; li:first-child {
    margin-bottom: 25px;
}

.workHistory .membershipAppeal ul &gt; li span {
    margin-bottom: 5px;
}

.workHistory .membershipAppeal ul &gt; li .registration {
    background: #f57c31;
    border: none;
    color: #fff;
}

.workExperience {
    margin-right: -16px;
    padding-left: 16px;
}

.workExperience &gt; li {
    position: relative;
    margin-bottom: 20px;
}

.workExperience &gt; li:last-child {
    margin-bottom: 0;
}

.workExperience &gt; li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: -30px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #333;
}

.workExperience &gt; li::after {
    content: "";
    position: absolute;
    top: 16px;
    left: -26px;
    width: 4px;
    height: calc(100% + 9px);
    background: #333;
}

.workExperience &gt; li:last-child::after {
    content: none;
}

.workExperience &gt; li &gt; p {
    margin-bottom: 8px;
    font-weight: bold;
}

.workExperience .workExperience-box {
    font-size: 1.3rem;
    padding: 16px;
    background: #e6e6e6;
}

.workExperience .workExperience-box &gt; p {
    margin-bottom: 8px;
    font-weight: bold;
}

.workExperience .workExperience-box .experience-dotList &gt; li {
    margin-bottom: 12px;
}

.workExperience .workExperience-box .experience-dotList &gt; li:last-child {
    margin-bottom: 0;
}

#workSchedule dl {
    display: flex;
    align-items: center;
    margin: 0 0 8px;
    padding: 10px 0;
}

#workSchedule dl:last-child {
    margin-bottom: 0;
}

#workSchedule dl &gt; dt {
    min-width: 60px;
    margin-right: 15px;
    text-align: right;
}

#workSchedule dl &gt; dd {
    position: relative;
    flex-grow: 1;
    padding-left: 15px
}

#workSchedule dl &gt; dd::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: calc(100% + 20px);
    background: #b2b2b2;
    transform: translateY(-50%);
}

/* ▲企業情報（先輩情報詳細）(STU_CRP_G_10010A) */

/* ▼企業情報（インターンシップ一覧）(STU_CRP_G_21010A) */
.internList.courseList {
    background: #fff;
    margin-top: 24px;
    padding-bottom: 16px;
}

.internList.internHelplink {
    margin-top: 24px;
}

.internList.internHelplink span {
    color: #7b7b7b;
    display: flex;
    justify-content: flex-end;
}

.finishCourse .internList.courseList {
    background: #fff;
    box-shadow: none;
    margin-top: 0px;
    padding-bottom: 0px;
}

.internList.courseList h2.dtHead {
    padding: 16px 13px 0 13px;
    margin: 0;
}

.internList.courseList h2.dtHead::before {
    height: 27px;
    top: 50%;
    transform: translateY(-50%);
}

.internList.courseList .course {
    margin: 16px 13px;
}

.internList.courseList .list {
    margin-bottom: 8px;
}

.finishCourse .internList .course.grayedOut {
    height: 0;
    transition: ease-in .3s;
    display: none;
}

.finishCourse .internList.open .course.grayedOut {
    background: #f3f3f3;
    height: 100%;
    display: block;
}

.finishCourse .internList {
    height: 0;
    opacity: 0;
    transition: ease-in .1s;
}

.finishCourse .internList.open {
    height: 100%;
    opacity: 1;
    transition: ease-in .3s;
}


.finishCourseContent {
    text-align: right;
}

.finishCourseText {
    display: inline-block;
    position: relative;
    padding: 0px 40px 0 0;
    transition: all .3s ease;
}

.finishCourseText::before,
.finishCourseText::after {
    position: absolute;
    top: 12px;
    display: inline-block;
    width: 9px;
    height: 1px;
    background: #006bcd;
    content: "";
}

.finishCourseText::before {
    transform: rotate(134deg);
    right: 14px;
}

.finishCourseText::after {
    transform: rotate(-134deg);
    right: 20px;
}

.finishCourseText.open::before {
    transform: rotate(-134deg);
}

.finishCourseText.open::after {
    transform: rotate(134deg);
}

.listAnc.internListAnc &gt; li.openCompanyCourse &gt; a {
    line-height: 1.3;
}


/* ▲企業情報（インターンシップ一覧）(STU_CRP_G_21010A) */

/* ▼企業情報（インターンシップ詳細）(STU_CRP_G_22010A) */
.courseList h3.dtHead {
    padding: 16px 16px 16px 0;
}

.courseList:not(:first-child) h3.dtHead {
    margin-top: 24px;
}

/* ▲企業情報（インターンシップ詳細）(STU_CRP_G_22010A) */

/* ============================================================================
 * 検索系画面(STU_CSR_G_XXXXXA)
 * ========================================================================= */
 .searchBtnfixed {
    position: fixed;
    width: 100%;
    padding: 10px;
    background: rgba(40, 48, 51, .8);
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    bottom: 0;
    left: 0;
    visibility: visible;
    z-index: 2;
}

.searchBtnfixed &gt; .inner &gt; .col {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchBtnfixed &gt; .inner &gt; .col &gt; div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 60%;
}

.js-clearBtn.searchSem a, .js-clearBtn.searchInd a {
    border-bottom: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0%;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 0px;
    position: relative;
    width: 100%;
}

.searchBtnfixed &gt; .inner &gt; .col &gt; div &gt; p {
    color: #fff;
    display: inline-flex;
}

.searchBtnfixed .btnSearch01 {
    max-width: 160px;
}

 .noticeHeader {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    background: #00aaeb;
}

.noticeHeader &gt; * + * {
    margin-top: 10px;
}

.noticeHeader .listConditions &gt; li + li {
    position: relative;
    margin-top: 20px;
}

.noticeHeader .listConditions &gt; li + li::before,
.noticeHeader .listConditions &gt; li + li::after {
    position: absolute;
    top: -16px;
    left: 50%;
    display: block;
    width: 2px;
    height: 12px;
    margin-left: -6px;
    background: #fff;
    border-radius: 3em;
    content: "";
}

.noticeHeader .listConditions &gt; li + li::before {
    transform: rotate(45deg);
}

.noticeHeader .listConditions &gt; li + li::after {
    transform: rotate(135deg);
}

.boxexcludeSearchResult #searchResultkensuuRef {
    margin-left: 5px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #00aaeb;
    line-height: 1.4;
}

.boxexcludeSearchResult #searchResultkensuuRef &gt; * {
    font-weight: normal;
    font-size: 1rem;
    color: #333;
}

#boxRelatedsearch {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 13px;
}

#boxRelatedsearch &gt; .title {
    margin-right: 10px;
    font-weight: bold;
}

#boxRelatedsearch &gt; ul &gt; li + li {
    margin-right: 10px;
}

#boxRelatedsearch &gt; ul &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
    color: #006bcd;
}

#boxRelatedsearch &gt; ul &gt; li &gt; a:before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.boxexcludeSearchResult .currentSearchConditionWrapper {
    display: none;
}

.boxexcludeSearchResult {
    padding-right: 10px;
    padding-left: 10px;
}

.boxexcludeSearchResult &gt; * + * {
    margin-top: 20px;
}

.boxexcludeSearchResult .contentsHeaderSearch {
    margin: 20px 0;
}

.boxexcludeSearchResult .contentsHeaderSearch .refinement {
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 1px;
    padding-top: 16px;
}

.boxexcludeSearchResult .contentsHeader {
    position: relative;
    margin-right: -10px;
    margin-bottom: 0;
    margin-left: -10px;
    padding: 15px 10px;
    padding-right: 30px;
    background: #006bcd;
}

.boxexcludeSearchResult .contentsHeader::before,
.boxexcludeSearchResult .contentsHeader::after {
    position: absolute;
    top: 50%;
    display: block;
    background: #fff;
    content: "";
}

.boxexcludeSearchResult .contentsHeader::before {
    right: 10px;
    width: 12px;
    height: 2px;
    margin-top: -1px;
}

.boxexcludeSearchResult .contentsHeader::after {
    right: 15px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
}

.boxexcludeSearchResult .contentsHeader.opened {
    border-bottom: 1px solid #fff;
}

.boxexcludeSearchResult .contentsHeader.opened::after {
    opacity: 0;
}

.boxexcludeSearchResult .contentsHeader .hdg02 {
    font-weight: normal;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.4;
    letter-spacing: 1px;
}

.boxexcludeSearchResult .contentsHeader + .contents {
    margin-top: 0;
}

.boxexcludeSearchResult &gt; .contents {
    display: none;
    margin-right: -10px;
    margin-left: -10px;
}

.boxexcludeSearchResult .contents .searchBtnWrap {
    margin: 10px;
}

.boxexcludeSearchResult .contents .searchBtnWrap &gt; p {
    text-align: center;
    position: relative;
}

.boxexcludeSearchResult .inner &gt; h4 {
    position: relative;
    padding: 13px 30px 13px 10px;
    font-weight: normal;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.5;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.boxexcludeSearchResult .inner &gt; h4::before,
.boxexcludeSearchResult .inner &gt; h4::after {
    position: absolute;
    top: 50%;
    display: block;
    background: #00aaeb;
    content: "";
}

.boxexcludeSearchResult .inner &gt; h4::before {
    right: 10px;
    width: 12px;
    height: 2px;
    margin-top: -1px;
}

.boxexcludeSearchResult .inner &gt; h4::after {
    right: 15px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
}

.boxexcludeSearchResult .inner &gt; h4.opened{
    border-bottom: 1px solid #fff;
    font-weight: bold;
}

.boxexcludeSearchResult .inner &gt; h4.opened::after {
    opacity: 0;
}

.boxexcludeSearchResult .inner .innerBody {
    display: none;
    width: 100%;
    padding: 0 13px 30px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.boxexcludeSearchResult .innerContents &gt; * + *,
.boxexcludeSearchResult .has-options .options {
    margin-top: 15px;
}

.boxexcludeSearchResult .innerContents .check {
    margin-bottom: 10px;
}

.boxexcludeSearchResult .innerContents .check &gt; span {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e6e6e6;
}

.boxexcludeSearchResult .innerContents .check &gt; span:last-child {
    border-right: 0;
}

.boxexcludeSearchResult .inner.preInner .main &gt; ul {
    display: flex;
    flex-wrap: wrap;
}

.boxexcludeSearchResult .innerContents .main &gt; ul li {
    position: relative;
}

.boxexcludeSearchResult .inner.preInner .main &gt; ul li {
    width: 50%;
}

.boxexcludeSearchResult .inner:not(.preInner) .main ul:not(.linkText) li + li {
    margin-top: 10px;
}

.boxexcludeSearchResult .inner.preInner .main ul:not(.linkText) li:nth-child(n+2) + li {
    margin-top: 10px;
}

.boxexcludeSearchResult .main &gt; ul:not(.linkText) li a {
    display: inline-block;
    margin-left: 33px;
}

.boxexcludeSearchResult .main &gt; ul.linkText {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
    margin-left: -10px;
}

.boxexcludeSearchResult .main &gt; ul.linkText li {
    padding-bottom: 10px;
    padding-left: 10px;
}

.boxexcludeSearchResult .main &gt; ul.linkText li::after {
    display: inline-block;
    margin-left: 10px;
    content: "/";
}

.boxexcludeSearchResult .main &gt; ul.linkText li:last-child::after {
    content: none;
}

.boxexcludeSearchResult .options .freeradio li {
    position: relative;
}

.boxexcludeSearchResult .options .freeradio li + li {
    margin-top: 10px;
}

.boxexcludeSearchResult .options .freeradio li [type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(../images/icons/alt_icon_radio-20250203105254.png) no-repeat 0 0;
}

.boxexcludeSearchResult .options .freeradio li [type="radio"]:checked {
    background-image: url(../images/icons/alt_icon_radio_checked-20250203105254.png);
}

.boxexcludeSearchResult .options .freeradio li label {
    display: inline-block;
    padding-left: 33px;
}

.boxexcludeSearchResult .main [type="text"] {
    display: block;
    width: 100%;
    padding: 14px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.boxexcludeSearchResult .sub {
    padding: 15px;
    background: #f3f3f3;
}

.boxexcludeSearchResult .main &gt; * + .subHdg,
.boxexcludeSearchResult .main dl.list dd + dt,
.boxexcludeSearchResult .sub .detail + .detail {
    margin-top: 20px;
}

.boxexcludeSearchResult .main .subHdg,
.boxexcludeSearchResult .main dl.list dt,
.boxexcludeSearchResult .sub .detail dt {
    margin-bottom: 10px;
    color: #859099;
}

.boxexcludeSearchResult .main .subHdg {
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.7;
}

.boxexcludeSearchResult .main .inner &gt; span,
.boxexcludeSearchResult .main dl.list dd &gt; span:not(.mainList),
.boxexcludeSearchResult .sub .detail dd &gt; span {
    position: relative;
    display: block;
}

.boxexcludeSearchResult .main .check.cc &gt; span {
    display: inline-block;
}

.boxexcludeSearchResult .main .inner &gt; span + span,
.boxexcludeSearchResult .main dl.list dd &gt; span + span,
.boxexcludeSearchResult .sub .detail dd &gt; span + span {
    margin-top: 10px;
}

.boxexcludeSearchResult .main .inner &gt; span &gt; .text,
.boxexcludeSearchResult .main .inner &gt; span &gt; a,
.boxexcludeSearchResult .main .inner &gt; span &gt; label,
.boxexcludeSearchResult .main dl.list dd &gt; span &gt; a,
.boxexcludeSearchResult .main dl.list dd &gt; span &gt; label,
.boxexcludeSearchResult .sub .detail dd &gt; span &gt; a {
    display: inline-block;
    margin-left: 33px;
}

.boxexcludeSearchResult .main .inner &gt; span &gt; a {
    color: #006bcd !important;
}

.boxexcludeSearchResult .main .unselected .inner &gt; span &gt; a {
    color: #859099 !important;
    pointer-events: none;
}

.boxexcludeSearchResult .main .check.cc &gt; span:last-child &gt; a {
    margin-left: 0;
}

.boxexcludeSearchResult .main .now a,
.boxexcludeSearchResult .sub .now a {
    color: #333;
}

.boxexcludeSearchResult .main .mainList {
    display: block;
    width: 100%;
}

.boxexcludeSearchResult .main .mainList.has-bg {
    margin: 15px 0 0;
    padding: 15px;
    background: #f3f3f3;
}

.boxexcludeSearchResult .options .text {
    color: #859099;
}

.boxexcludeSearchResult .options &gt; * + * {
    margin-top: 20px;
}

.boxexcludeSearchResult .options .check {
    margin-top: 0;
}

.boxexcludeSearchResult .options .detail dd &gt; ul li {
    position: relative;
}

.boxexcludeSearchResult .options .detail dd &gt; ul li + li {
    margin-top: 10px;
}

.boxexcludeSearchResult .options .detail dd &gt; ul span {
    position: absolute;
    top: 0;
    left: 0;
}

.boxexcludeSearchResult .options .detail dd &gt; ul span &gt; [type="radio"] {
    width: 22px;
    height: 22px;
    background: url(../images/icons/alt_icon_radio-20250203105254.png) no-repeat 0 0;
}

.boxexcludeSearchResult .options .detail dd &gt; ul span &gt; [type="radio"]:checked {
    background-image: url(../images/icons/alt_icon_radio_checked-20250203105254.png);
}

.boxexcludeSearchResult .options .detail &gt; dd &gt; ul a,
.boxexcludeSearchResult .options .detail &gt; dd &gt; ul label,
.boxexcludeSearchResult .options .detail &gt; dd &gt; span label,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul a,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul label {
    display: inline-block;
    padding-left: 33px;
}

.boxexcludeSearchResult .options &gt; ul li,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul li {
    position: relative;
}

.boxexcludeSearchResult .options &gt; ul li + li,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul li + li {
    margin-top: 10px;
}

.boxexcludeSearchResult .options &gt; ul span,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul span {
    position: absolute;
    top: 0;
    left: 0;
}

.boxexcludeSearchResult .options &gt; ul span &gt; input,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul span &gt; input {
    width: 22px;
    height: 22px;
    background: url(../images/icons/alt_icon_radio-20250203105254.png) no-repeat 0 0;
}

.boxexcludeSearchResult .options &gt; ul span &gt; input:checked,
.boxexcludeSearchResult .main [type="text"] + .options &gt; ul span &gt; input:checked {
    background-image: url(../images/icons/alt_icon_radio_checked-20250203105254.png);
}

.boxexcludeSearchResult .main [type="text"] + .options &gt; ul span &gt; input:focus {
    outline: none;
}

.boxexcludeSearchResult .options &gt; ul a,
.boxexcludeSearchResult .options &gt; ul label {
    display: inline-block;
    margin-left: 33px;
}

.boxexcludeSearchResult .freeWordInner .main &gt; * + * {
    margin-top: 15px;
}

/* 説明会・セミナー検索結果 */
.boxexcludeSearchResult .jsSlideToggleSeminar .main &gt; ul .js-tooltip-content {
    margin-top: 15px;
}

.boxexcludeSearchResult .contentsHeader.semContentsHeader {
    background: #7b7b7b;
}

.boxexcludeSearchResult .jsSlideToggleSeminar {
    margin-top: 0;
    display: none;
    margin-right: -10px;
    margin-left: -10px;
}

.boxexcludeSearchResult .jsSlideToggleSeminar .calInner .innerContents &gt; * &gt; :first-child {
    margin-top: 0;
}

.boxexcludeSearchResult .jsSlideToggleSeminar .calInner .innerContents .sub {
    padding: 0;
    background: transparent;
}

.linkRadio02 &gt; li &gt; span,
.radioMark {
    position: absolute;
    top: 0;
    left: 0;
}

.linkRadio02 &gt; li label {
    margin-left: 33px;
}

.linkRadio02 &gt; li &gt; span &gt; input,
.radioMark &gt; input {
    width: 23px;
    height: 23px;
    background: url(../images/icons/alt_icon_radio-20250203105254.png) no-repeat 0 0;
}

.linkRadio02 &gt; li &gt; span &gt; input:checked,
.radioMark &gt; input:checked {
    background-image: url(../images/icons/alt_icon_radio_checked-20250203105254.png);
}

.unselected .radioMark + span,
.unselected .withRadio.withLabel &gt; label,
.unselected .checkNarrow + span {
    color: #b2b2b2;
    cursor: default;
}

.unselected .withRadio.withLabel &gt; label::after {
    background: #b2b2b2;
}

.unselected .radioMark &gt; input:checked {
    background-image: url(../images/icons/alt_icon_radio_checked2-20250203105254.png);
}

.secBox {
    margin: 20px 10px;
}

.secBox &gt; * + * {
    margin-top: 10px;
}

.secBox &gt; .secBoxInner {
    height: auto !important;
}

.secBox &gt; .secBoxInner p &gt; span:not(:first-child) {
    margin-left: 15px;
}

.secBox * {
    font-size: 1.2rem;
}

.secBox .btn {
    pointer-events: none;
}

.secBox .link-02 {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    pointer-events: all;
}

.secBox .link-02::before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(7deg, 7deg);
    transform-origin: 100% 0;
}

.secBox.close p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.secBox.close .link-02::before {
    top: 7px;
    left: -10px;
    transform: rotate(-135deg) scale(.7) skew(7deg, 7deg);
}

.boxCommonAllentry {
    margin: 20px 10px;
}

.boxCommonAllentry &gt; .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
    margin: 0 -10px;
    background: #f3f3f3;
}

.boxCommonAllentry &gt; .inner &gt; * + * {
    margin-top: 10px;
}

.boxCommonAllentry &gt; .inner &gt; .checkbox {
    width: 100%;
    text-align: center;
}

.boxCommonAllentry &gt; .inner &gt; .allBookmark,
.boxCommonAllentry &gt; .inner &gt; .allEnry {
    display: flex;
    width: 50%;
    padding: 0 5px;
}

.boxCommonAllentry &gt; .inner &gt; .allBookmark &gt; *,
.boxCommonAllentry &gt; .inner &gt; .allEnry &gt; * {
    display: flex;
    width: 100%;
    font-size: 1.2rem;
}

.boxCommonAllentry &gt; .inner .check {
    margin-bottom: 10px;
    line-height: 1.1;
}

.boxCommonAllentry &gt; .inner .check &gt; span {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e6e6e6;
}

.boxCommonAllentry &gt; .inner .check &gt; span:last-child {
    border-right: 0;
}

#contentsarea .mainpagePnation.corp {
    position: relative;
    margin: 25px 0;
}

.mainpagePnation.corp &gt; * + * {
    margin-top: 10px;
}

.mainpagePnation.corp &gt; *:not(.inner) {
    margin: 30px 10px 0;
}

#contentsarea .mainpagePnation.corp .leftRight {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-right: 10px;
    margin-left: 10px;
}

.mainpagePnation.corp .leftRight &gt; li.left {
    width: 40%;
    order: 2;
}

.mainpagePnation.corp .leftRight &gt; li.right {
    width: 40%;
    order: 3;
}

.mainpagePnation.corp .leftRight &gt; li:not(.back) &gt; a,
.mainpagePnation.corp .leftRight &gt; li:not(.back) &gt; span {
    position: relative;
}

#contentsarea .mainpagePnation.corp .leftRight &gt; li:not(.back) &gt; a:not(.btn-01),
#contentsarea .mainpagePnation.corp .leftRight &gt; li:not(.back) &gt; span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

#contentsarea .mainpagePnation.corp .leftRight &gt; li:not(.back) &gt; a:not(.btn-01) {
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
}

.mainpagePnation.corp .leftRight &gt; li:not(.back) &gt; span {
    color: #fff;
    background: #b2b2b2;
    border-radius: 2px;
    box-shadow: none;
}

.mainpagePnation.corp .leftRight &gt; .left &gt; a::before,
.mainpagePnation.corp .leftRight &gt; .left &gt; span::before,
.mainpagePnation.corp .leftRight &gt; .back &gt; a::before,
.mainpagePnation.corp .leftRight &gt; .back &gt; span::before {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.mainpagePnation.corp .leftRight &gt; .left &gt; span::before,
.mainpagePnation.corp .leftRight &gt; .back &gt; span::before {
    border-color: #fff;
}

.mainpagePnation.corp .leftRight &gt; .left &gt; a,
.mainpagePnation.corp .leftRight &gt; .left &gt; span {
    height: 38px;
    min-height: 38px;
    padding: 5px 5px 5px 15px;
    font-size: 1.2rem;
}

.mainpagePnation.corp .leftRight &gt; .right &gt; a,
.mainpagePnation.corp .leftRight &gt; .right &gt; span {
    height: 38px;
    padding: 5px 15px 5px 5px;
    font-size: 1.2rem;
}

.mainpagePnation.corp .leftRight &gt; .right &gt; a::before,
.mainpagePnation.corp .leftRight &gt; .right &gt; span::before {
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.mainpagePnation.corp .leftRight &gt; .right &gt; span::before {
    border-color: #fff;
}

.mainpagePnation.corp .leftRight &gt; li.paging {
    width: 100%;
    order: 1;
    margin-bottom: 10px;
}

.mainpagePnation.corp .leftRight &gt; li.paging &gt; ul.pagingLink {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -3px -6px;
}

.mainpagePnation.corp .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li {
    margin: 0 3px 6px;
}

.mainpagePnation.corp .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li &gt; a,
.mainpagePnation.corp .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li &gt; span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 35px;
    background: #fff;
    font-size: 10px;
    line-height: 1.0;
}

.mainpagePnation.corp.bottom .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li &gt; a,
.mainpagePnation.corp.bottom .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li &gt; span {
    font-size: 11px;
}

.mainpagePnation.corp .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li &gt; a {
    background: #fff;
    border: 1px solid #b2b2b2;
}

.mainpagePnation.corp .leftRight &gt; li.paging &gt; ul.pagingLink &gt; li &gt; span {
    color: #fff;
    background: #00aaeb;
}

.mainpagePnation.corp .count {
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}

.mainpagePnation.corp .count &gt; .txt1 {
    margin-right: 3px;
}

.mainpagePnation.corp .count &gt; .num1 {
    font-weight: bold;
    color: #00aaeb;
}

.mainpagePnation.corp .count &gt; .txt2 + * {
    margin-left: 20px;
}

.mainpagePnation.semSearch + * {
    margin-top: 20px;
}

.mainpagePnation.semSearch .leftRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mainpagePnation.semSearch .leftRight &gt; li.black {
    margin: 0 5px;
    text-align: center;
}

.mainpagePnation.semSearch .leftRight &gt; li &gt; * {
    border-radius: 2px;
    display: inline-block;
}

.mainpagePnation.semSearch .leftRight &gt; li:not(.black) &gt; * {
    position: relative;
    font-size: 1.4rem;
    text-align: center;
}

.mainpagePnation.semSearch .leftRight &gt; li:not(.black) &gt; *::before {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.mainpagePnation.semSearch .leftRight &gt; li.right &gt; * {
    padding: 5px 26px 6px 15px;
}

.mainpagePnation.semSearch .leftRight &gt; li.right &gt; *::before {
    right: 10px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
}

.mainpagePnation.semSearch .leftRight &gt; li.left &gt; * {
    padding: 5px 15px 6px 26px;
}

.mainpagePnation.semSearch .leftRight &gt; li.left &gt; *::before {
    left: 10px;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
}

.mainpagePnation.semSearch .leftRight &gt; li:not(.black) &gt; a {
    background: #fff;
    border: 1px solid #b2b2b2;
}

.mainpagePnation.semSearch .leftRight &gt; li.noLink &gt; span {
    color: #fff;
    background: #b2b2b2;
}

.mainpagePnation.semSearch .leftRight &gt; li.noLink &gt; span::before {
    border-color: #fff;
}

.mainpagePnation.semSearch .leftRight &gt; li.center &gt; span {
    font-size: 1.6rem;
    color: #00aaeb;
    text-align: center;
}

.boxSearchresultEach {
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    padding: 10px 15px 20px;
    background: #fff;
}

.boxSearchresultEach &gt; * + * {
    margin-top: 10px;
}

.boxSearchresultEach .boxSearchresultEach_head .withCheck {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
}

.boxSearchresultEach .boxSearchresultEach_head input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #e6e6e6;
    content: "";
    background: none;
    background: #fff;
}

.boxSearchresultEach .boxSearchresultEach_head,
.boxSearchresultEach.is .boxSearchresultEach_head {
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 10px;
}

.boxSearchresultEach &gt; .boxSearchresultEach_head input:checked + .txt &gt; span::before, .boxSearchresultEach .boxSearchresultEach_head input:checked + .txt &gt; span::after {
    position: absolute;
    display: block;
    height: 1px;
    background: #00aaeb;
    content: "";
}

.boxSearchresultEach &gt; .boxSearchresultEach_head input:checked + .txt &gt; span::before {
    top: 11px;
    left: -33px;
    width: 7px;
    transform: rotate(54deg);
}

.boxSearchresultEach &gt; .boxSearchresultEach_head input:checked + .txt &gt; span::after {
    top: 10px;
    left: -29px;
    width: 12px;
    transform: rotate(-46deg);
}

.boxSearchresultEach_head h3 .c-label {
    margin-left: 8px;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList01 {
    margin: 5px -5px 0 0;
    display: block;
    width: 100%;
    overflow: hidden;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList01 &gt; li {
    width: 50%;
    float: left;
    padding: 5px 5px 0 0;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList01 &gt; li.em3 {
    display: none;
    /* 活動状況フラグ（～6/1は通常アイコンになるため非表示） */
    width: 100%;
    padding-right: 0;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList01 &gt; li span {
    width: 100%;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList01 &gt; li.adopt:nth-child(2),
.boxSearchresultEach .boxSearchresultEach_head .labelList01 &gt; li.adopt:nth-child(3) {
    padding-right: 0;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList02 {
    max-width: 130px;
    margin: 0 0 7px auto;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList03 {
    margin: -50px 0 5px 0;
}

.sem + #contentsleft .boxSearchresultEach .boxSearchresultEach_head h3 .labelList03 {
    margin: -80px 0 5px 30px;
}

.boxSearchresultEach .boxSearchresultEach_head .labelList01 &gt; .deleted {
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 10px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    color: #7b7b7b;
    border: solid 1px #7b7b7b;
}

.boxSearchresultEach .labelList01 &gt; li span {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    padding: 4px 14px 4px 32px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #006bcd;
    line-height: 1.4;
    border: solid 1px #006bcd;
    transition: border-color .2s, color .2s;
}

.boxSearchresultEach .labelList01 &gt; li[class^="em"] span {
    color: #ec2b51;
    border: solid 1px #ec2b51;
    padding: 10px 20px 10px 40px;
}

.boxSearchresultEach .labelList01 &gt; li span:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0 auto 10px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.boxSearchresultEach .labelList01 &gt; li.internplan span:before {
    background-image: url(../images/icons/alt-icon-internplan-sp-20250203105254.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.boxSearchresultEach .labelList01 &gt; li.senior span:before {
    background-image: url(../images/icon/icon_user-20250203105254.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
}

.boxSearchresultEach .labelList01 &gt; li.adopt span:before {
    background-image: url(../images/icon/icon_school-20250203105254.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
}

.boxSearchresultEach .labelList01 &gt; li.em3 span:before {
    background-image: url(../images/icon/icon_megaphone-20250203105254.svg);
    width: 28px;
    height: 23px;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

.boxSearchresultEach &gt; input + .iconList01 {
    padding-left: 35px;
}

.mediaLay02 &gt; .txt .catchTxt {
    line-height: 1.4;
    margin: 15px 0 10px;
}

.mediaLay02 &gt; .txt .iconList01 {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    gap: 4px;
}

.mediaLay02 &gt; .txt .iconList01 &gt; li &gt; span {
    display: inline-block;
    padding: 1px 10px;
    font-size: 1.1rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type01 {
    background: #3c91cc;
}

.mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type02 {
    background: #87b65e;
}

.mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type03 {
    background: #3650b0;
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type04 {
    background: #a765ca;
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type05 {
    background: #0ea997;
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type06 {
    background: #a765ca;
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type07 {
    background: #e76faa;
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type08 {
    background: #ec2b51;
    /* display: none; */
    /* 活動状況フラグ（6/1～は強調アイコンになるため非表示） */
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type09 {
    background: #b2b2b2;
}

.boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type10 {
    color: initial;
    background: #fff url(../images/icons/icon_em5-20250203105254.png) no-repeat left 8px top 3px;
    border: 1px solid #e6e6e6;
    background-size: 13px;
    padding-left: 25px;
}

@media all and (-ms-high-contrast: none) {
        .boxSearchresultEach .mediaLay02 &gt; .txt .iconList01 &gt; li &gt; .type10 {
        color: #333;
    }
}

.boxSearchresultEach &gt; h3 {
    font-size: 1.6rem;
    line-height: 1.5;
}

.boxSearchresultEach .boxSearchresultEach_head h3 &gt; a {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.4;
}

.boxSearchresultEach.is .boxSearchresultEach_head h3 .optionalImg {
    margin-left: auto;
    margin-top: 4px;
}
.boxSearchresultEach .boxSearchresultEach_head h3 {
    margin-top: 0;
    padding-left: 35px;
}

.boxSearchresultEach.is .boxSearchresultEach_head h3 {
    display: block;
    padding-left: 0;
}
.sem + #contentsleft .boxSearchresultEach .boxSearchresultEach_head h3 {
    margin: 10px 0;
    padding-left: 0;
}

.boxSearchresultEach .boxSearchresultEach_head .head_block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.boxSearchresultEach.is .boxSearchresultEach_head .head_block {
    margin-bottom: 10px;
}

.boxSearchresultEach .boxSearchresultEach_head .date {
    text-align: right;
    margin-bottom: 5px;
    color: #859099;
    font-size: 1.0rem;
    margin-left: auto;
}

.boxSearchresultEach .boxSearchresultEach_head .head_block .label {
    color: #b2b2b2;
    border: solid 1px #b2b2b2;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 1.2rem;
}

.boxSearchresultEach.grayedOut .boxSearchresultEach_head .date {
    color: #b2b2b2;
}

.boxSearchresultEach .boxSearchresultEach_head h3 .iconNew,
.listInfoCourse01 .courseName .iconNew {
    display: inline-block;
    margin: -4px 0 0 4px;
    padding: 3px 4px;
    font-size: 1.0rem;
    color: #006bcd;
    line-height: 1;
    border: solid 1px #006bcd;
    border-radius: 4px;
    transition: border-color .2s, color .2s;
    vertical-align: middle;
}

.boxSearchresultEach .boxSearchresultEach_head h3 .iconReserve {
    display: inline-block;
    margin: -4px 0 0 6px;
    padding: 3px 4px;
    font-size: 1.0rem;
    color: #f57c31;
    line-height: 1;
    border: solid 1px #f57c31;
    border-radius: 4px;
    transition: border-color .2s, color .2s;
    vertical-align: middle;
    white-space: nowrap;
}

.boxSearchresultEach .boxSearchresultEach_head h3 .iconReserve + .iconReserve {
    display: none;
}

.boxSearchresultEach &gt; .labelList01 {
    display: flex;
    flex-wrap: wrap;
}

.boxSearchresultEach &gt; .labelList01 &gt; li {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
    min-height: 38px;
    padding: 6px 10px 6px 40px;
    font-size: 1.1rem;
    line-height: 1.3;
    border: 1px solid #e6e6e6;
}

.boxSearchresultEach &gt; .labelList01 &gt; li::before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
}

.boxSearchresultEach &gt; .labelList01 &gt; li:nth-child(1) {
    border-radius: 3px 0 0 3px;
}

.boxSearchresultEach &gt; .labelList01 &gt; li:nth-child(2) {
    border-radius: 0 3px 3px 0;
}

.boxSearchresultEach &gt; .labelList01 &gt; li:nth-child(3) {
    position: relative;
    border-radius: 0 0 3px 3px;
}

.boxSearchresultEach &gt; .labelList01 &gt; li:nth-child(3)::after {
    position: absolute;
    top: -10px;
    left: -1px;
    display: block;
    width: 10px;
    height: 10px;
    background: #ffe00d;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    content: "";
}

.boxSearchresultEach &gt; .labelList01 &gt; li:nth-child(even) {
    border-left: 0;
}

.boxSearchresultEach &gt; .labelList01 &gt; li:nth-child(n + 3) {
    border-top: 0;
}

.boxSearchresultEach &gt; .labelList01 &gt; li:only-child {
    border: 1px solid #e6e6e6;
}

.boxSearchresultEach &gt; .labelList01 &gt; li &gt; span {
    display: block;
}

.boxSearchresultEach &gt; .labelList01 &gt; .internplan {
    background: #ffe00d;
}

.boxSearchresultEach &gt; .labelList01 &gt; .delated {
    background: #ffe00d;
}

.boxSearchresultEach .linkCtg,
.course .linkCtg {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.6;
}

.boxSearchresultEach .linkCtg .highlight,
.course .linkCtg .highlight {
    font-weight: bold;
}

.boxSearchresultEach .linkCtg .deadline,
.course .linkCtg .deadline {
    color: #ec2b51;
    font-weight: bold;
}

.boxSearchresultEach.is .linkCtg.courseList,
.course .linkCtg.courseList {
    border: 1px solid #e6e6e6;
    border-bottom: none;
}

.boxSearchresultEach.is .linkCtg.courseList &gt; div,
.course .linkCtg.courseList &gt; div {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.boxSearchresultEach.is .linkCtg.courseList &gt; div:not(:last-child) dt,
.course .linkCtg.courseList &gt; div:not(:last-child) dt {
    border-bottom: 1px solid #fff;
}

.boxSearchresultEach.is .linkCtg.courseList &gt; div &gt; dt,
.course .linkCtg.courseList &gt; div &gt; dt {
    min-width: 64px;
    background: #e6e6e6;
    color: #7b7b7b;
    padding: 4px 8px;
}

.boxSearchresultEach.is .linkCtg.courseList &gt; div &gt; dd,
.course .linkCtg.courseList &gt; div &gt; dd {
    padding: 4px 8px;
    word-break: break-all;
}

.boxSearchresultEach .linkCtg &gt; li,
.course .linkCtg &gt; li {
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boxSearchresultEach .linkCtg &gt; li + li:before,
.course .linkCtg &gt; li + li:before {
    position: absolute;
    display: inline-block;
    left: -15px;
    color: #b2b2b2;
}

.boxSearchresultEach .linkCtg &gt; li &gt; span.ttl,
.course .linkCtg &gt; li &gt; span.ttl {
    display: inline-block;
    color: #7b7b7b;
    background: #e6e6e6;
    font-size: 1.2rem;
    text-align: center;
    padding: 1px 3px;
    margin: 0 8px 0 0;
}

.boxSearchresultEach.grayedOut .linkCtg &gt; li &gt; span.ttl {
    color: #7b7b7b;
}

.boxSearchresultEach .linkCtg &gt; li &gt; span.highlight,
.boxSearchresultEach .linkCtg &gt; li &gt; span.core_job,
.course .linkCtg &gt; li &gt; span.highlight,
.course .linkCtg &gt; li &gt; span.core_job {
    font-weight: bold;
    font-size: 1.4rem;
}

.boxSearchresultEach .linkCtg &gt; li &gt; em,
.course .linkCtg &gt; li &gt; em {
    display: inline-block;
    padding: 1px 10px;
    font-size: 1.2rem;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.boxSearchresultEach .linkCtg &gt; li &gt; .type10,
.course .linkCtg &gt; li &gt; .type10 {
    color: inherit;
    background: #fff url(../images/icons/icon_em5-20250203105254.png) no-repeat left 8px top 3px;
    border: 1px solid #e6e6e6;
    background-size: 13px;
    padding-left: 25px;
}
.boxSearchresultEach .linkCtg + *,
.course .linkCtg + * {
    margin-top: 10px;
}

.boxSearchresultEach .courseList .c-label {
    margin-top: 0;
    margin-left: 8px;
}

.boxSearchresultEach .course .linkCtg &gt; div &gt; dd &gt; em,
.course .linkCtg &gt; div &gt; dd &gt; em {
    display: inline-block;
    padding: 1px 10px;
    font-size: 1.1rem;
    background: #ec2b51;
    color: #fff;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.course.grayedOut .linkCtg &gt; div &gt; dd &gt; em {
    background: #b2b2b2;
}

.boxSearchresultEach .course .linkCtg &gt; div &gt; dd &gt; span+em,
.course .linkCtg &gt; div &gt; dd &gt; span+em {
    margin-left: 5px;
}

.boxSearchresultEach .course .linkCtg &gt; div &gt; dd &gt; span:not(.last)::after,
.course .linkCtg &gt; div &gt; dd &gt; span:not(.last)::after {
    content: "\3001";
}

.boxSearchresultEach .course .linkCtg &gt; div &gt; dd &gt; span:last-child::after,
.course .linkCtg &gt; div &gt; dd &gt; span:last-child::after {
    content: none;
}

.course + .course {
    margin-top: 16px;
}

.course.grayedOut,
.course.grayedOut .linkCtg.courseList &gt; div {
    background: #f3f3f3;
    color: #b2b2b2;
    text-align: left;
}

.course.grayedOut .linkCtg.courseList &gt; div dt {
    background: #e6e6e6;
    color: #b2b2b2;
}

.course.grayedOut .lytCourseItem &gt; .item &gt; h4 &gt; a {
    font-weight: normal;
}

.boxSearchresultEach .mediaLay01 &gt; .img,
.boxSearchresultEach .mediaLay01 &gt; .Adoption,
.boxSearchresultEach .mediaLay02 &gt; .img,
.boxSearchresultEach .mediaLay02 &gt; .Adoption {
    text-align: center;
}

.boxSearchresultEach .mediaLay01 {
    display: flex;
    align-items: center;
}

.boxSearchresultEach .mediaLay01 &gt; .Adoption {
    margin-right: 10px;
}

.boxSearchresultEach .mediaLay01 &gt; .img {
    margin-right: 10px;
    width: 30%;
}

.boxSearchresultEach .mediaLay01 &gt; .Adoption img {
    max-width: none;
}

.boxSearchresultEach .mediaLay01 &gt; .img img, {
    width: 100%;
}

.boxSearchresultEach .mediaLay01 &gt; .Adoption &gt; .img {
    width: 45px;
    height: 44px;
    background-position: left center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.boxSearchresultEach .mediaLay01 &gt; .Adoption &gt; .prmerit01 {
    background-image: url(../images/icon/icon_multipleUsersUp-20250203105254.svg);
}

.boxSearchresultEach .mediaLay01 &gt; .txt {
    width: 70%;
    font-size: 1.2rem;
}

.boxSearchresultEach .mediaLay01 &gt; .txt p,
.announceBox01 p {
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.boxSearchresultEach .mediaLay01 &gt; .txt p span {
    font-weight: bold;
    padding-right: 8px;
}

.boxSearchresultEach .mediaLay01 &gt; .txt a{
    position: relative;
    margin-top: 10px;
    font-size: 1.2rem;
}

.boxSearchresultEach .mediaLay01.vertical {
    flex-direction: column;
}

.boxSearchresultEach .mediaLay01.vertical &gt; .img {
    margin-right: 0;
    margin-bottom: 10px;
}

.boxSearchresultEach .mediaLay02 &gt; * + * {
    margin-top: 10px;
}

.boxSearchresultEach .mediaLay02 &gt; .txt &gt; .lead &gt; b {
    font-weight: normal;
}

.boxSearchresultEach .internship_deadline {
    display: flex;
    margin-top: 5px;
    font-size: 1.4rem;
    color: #f57c31;
}

.boxSearchresultEach .internship_deadline .title {
    width:6em;
}

.boxSearchresultEach &gt; .course + .internship_deadline {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.boxSearchresultEach .internship_deadline &gt; .title::after {
    content: "\FF1A";
}

.boxSearchresultEach &gt; .course,
.companyInfo .course {
    position: relative;
    padding: 10px;
    /* background: #e5f6fd; */
    background: #f5f9ff;
}

.boxSearchresultEach &gt; .course .labelBlock,
.course .labelBlock {
    position: absolute;
    top: 0;
    left: -7px;
}

.boxSearchresultEach &gt; .course .labelBlockInner,
.course .labelBlockInner {
    position: relative;
    display: flex;
    padding: 2px 20px 2px 10px;
    font-size: 1.2rem;
    color: #fff;
    letter-spacing: 1px;
    background: #87b65e;
}

.boxSearchresultEach &gt; .course .labelBlockInner::before,
.boxSearchresultEach &gt; .course .labelBlockInner::after,
.course .labelBlockInner::before,
.course .labelBlockInner::after {
    position: absolute;
    display: block;
    content: "";
}

.boxSearchresultEach &gt; .course .labelBlockInner::before,
.course .labelBlockInner::before {
    bottom: -14px;
    left: 0;
    border-width: 7px 0 7px 7px;
    border-style: solid;
    border-color: #87b65e transparent transparent transparent;
}

.boxSearchresultEach &gt; .course .labelBlockInner::after,
.course .labelBlockInner::after {
    top: 3px;
    right: -9px;
    width: 18px;
    height: 18px;
    background: #e5f6fd;
    transform: rotate(45deg);
}

.boxSearchresultEach &gt; .course .labelBlock + .lytCourseItem,
.course .labelBlock + .lytCourseItem {
    margin-top: 25px;
}

.boxSearchresultEach &gt; .course .lytCourseItem,
.course .lytCourseItem {
    display: flex;
    flex-direction: column-reverse;
}

.boxSearchresultEach &gt; .course .lytCourseItem &gt; .item &gt; h4,
.course .lytCourseItem &gt; .item &gt; h4 {
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
}

.boxSearchresultEach &gt; .course .lytCourseItem &gt; .item &gt; h4 &gt; a,
.course .lytCourseItem &gt; .item &gt; h4 &gt; a {
    display: inline-block;
    font-size: 1.4rem;
	font-weight: bold;
}

.boxSearchresultEach &gt; .course .lytCourseItem &gt; .item + .image,
.course .lytCourseItem &gt; .item + .image {
    margin-bottom: 10px;
}

.boxSearchresultEach &gt; .course .lytCourseItem &gt; .image,
.course .lytCourseItem &gt; .image {
    text-align: center;
}

.course .lytCourseItem &gt; .image img {
    max-width: 80px;
    max-height: 80px;
}

.boxSearchresultEach &gt; .course .lytCourseItem + *,
.course .lytCourseItem + * {
    margin-top: 10px;
}

.course .lytCourseItem .list li:has([class^="iconLabel"]) {
    display: inline-block;
    margin-top: 4px;
}

.course .lytCourseItem .list li:not(:first-child) {
    margin-left: 8px;
}

.boxSearchresultEach &gt; .othercourse {
    font-size: 1.2rem;
	text-align: center;
}

.boxSearchresultEach &gt; .othercourse &gt; ul &gt; li + li {
    margin-top: 2px;
}

.boxSearchresultEach &gt; .othercourse &gt; ul &gt; .more &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.2rem;
}

.boxSearchresultEach &gt; .othercourse &gt; ul &gt; .more &gt; a::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.boxSearchresultEach &gt; .othercourse &gt; ul &gt; .more &gt; a::before {
    top: 10px;
}

.boxSearchresultEach .listBtn01 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
}

.listBtn01.empty {
    background: transparent;
    display: none !important;
}

.boxSearchresultEach .internship_deadline + .listBtn01 {
    margin-top: 5px;
}

.boxSearchresultEach .listBtn01 &gt; li {
    line-height: 1;
    width: 100%;
}

@media all and (-ms-high-contrast: none) {
    .boxSearchresultEach .listBtn01 &gt; li {
    margin: 0 4px;
}
}

.boxSearchresultEach .listBtn01 .entry {
    order: 1;
}

.boxSearchresultEach .listBtn01 &gt; li.reserve + li.entry.non,
#footerFixedEntries02 .js-add-reserve-list .entry.non,
.footerFixedEntries02 &gt; ul &gt; li.entry.non {
    display: none;
}

.boxSearchresultEach .listBtn01 &gt; li.entry.non:first-child {
    opacity: 0;
    display: none;
}

/* .boxSearchresultEach .listBtn01 &gt; li.bookmark {
    order: 2;
    width: 65%;
} */

.boxSearchresultEach .listBtn01 &gt; li &gt; .btn-05 {
    color: #fff;
    background: #006bcd;
}

.boxSearchresultEach .listBtn01 &gt; li &gt; .btn-05.inactive {
    color: #e5e5e5;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.boxSearchresultEach .listBtn01 .btnBookmark {
    border: 1px solid #b2b2b2;
    background: #fff;
    color: #006bcd;
}

.boxSearchresultEach .listBtn01 .btnBookmark.checked {
    border: 1px solid #e6e6e6;
    color: #b2b2b2;
}

.boxSearchresultEach &gt; .catchTxt {
    font-size: 1.4rem;
    line-height: 1.5;
}

.boxSearchresultEach + .boxSearchresultEach {
    margin-top: 25px;
}

.boxReserveAlert {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
    border: 1px solid #e6e6e6;
    /* display: none; */
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 20px 16px;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: 101;
}

.boxReserveAlert &gt; .inner &gt; .hdg {
    margin: 0 0 16px;
    font-size: 1.4rem;
}

.boxReserveAlert &gt; .inner &gt; .list-btn {
    display: flex;
    justify-content: center;
}

.boxReserveAlert button {
    height: 40px;
    font-size: 1.3rem;
    min-height: 40px;
    min-width: 100px;
    width: 100px;
    display: block;
}

.boxReserveAlert .agree {
    background: #006bcd;
    border: none;
    color: #fff;
}

.boxReserveAlert .disagree {
    margin-left: 10px;
}

.boxReserveAlert .agree:active,
.boxReserveAlert .agree:focus,
.boxReserveAlert .agree:hover {
    background: #349eff;
}

.alertBlind {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgb(255 255 255 / .4);
}

.alert .alertBlind {
    display: block;
    position: fixed;
    top:0;
    left: 0;
    right:0;
    bottom:0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
}

.boxSearchresultEach.alert .boxReserveAlert,
.boxSearchresultEach.alert .alertBlind {
    display: block;
}

.boxArticle01 {
    padding: 10px;
    background: #e5f6fd;
    font-size: 1.2rem;
}

.boxArticle01 &gt; h4 {
    font-size: 1.4rem;
    line-height: 1.5;
}

.boxArticle01 &gt; h4 &gt; a {
    display: inline-block;
}

.boxArticle01 &gt; h4 + * {
    margin-top: 10px;
}

.boxArticle01 p + p {
    margin-top: 5px;
}

.boxArticle01 &gt; .mediaLay01 &gt; .img.common {
    width: 100px;
}

.boxArticle01 &gt; .mediaLay01 &gt; .img.common &gt; img {
    width: 100px;
    height: auto;
}

.announceBox01 {
    padding: 10px;
    font-size: 1.2rem;
    background: #e5f6fd;
}

.announceBox01 .date {
    display: block;
    margin-top: 5px;
    text-align: right;
}

.tablink {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0 0 -30px;
}

.tablink &gt; li {
    padding-left: 30px;
}

.tablink &gt; li &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.2rem;
}

.tablink &gt; li &gt; a::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.tablink &gt; li &gt; a::before {
    top: 10px;
}

.tablink &gt; li &gt; .new::after {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 5px;
    padding: 1px 4px;
    font-size: 1.1rem;
    color: #006bcd;
    line-height: 1;
    border: solid 1px #006bcd;
    border-radius: 6px;
    content: "new";
    transition: border-color .2s, color .2s;
}

.headerScrTopWrap {
    height: 0 !important;
}

.headerScrTopWrap &gt; .headerScrTop {
    display: none;
    position: fixed;
    width: 100%;
    background: rgba(40, 48, 51, .8);
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    visibility: visible;
    top: 0;
    left: 0;
    z-index: 1100;
}

.headerScrTopWrap &gt; .headerScrTop &gt; .headerScrTopInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 30px;
}

.headerScrTopWrap &gt; .headerScrTop &gt; .headerScrTopInner &gt; .col .count {
    white-space: nowrap;
    color: #fff;
    margin-right: 30px;
}

.headerScrTop .headerScrTopInner .text {
    display: none;
}

.headerScrTop .headerScrTopInner dl {
    display: none;
}

.headerScrTopWrap &gt; .headerScrTop &gt; .headerScrTopInner .button {
    width: 210px;
    color: #006BCD;
    border: solid 2px #006BCD;
    font-weight: bold;
    position: relative;
    padding-left: 35px;
}

.headerScrTopWrap &gt; .headerScrTop &gt; .headerScrTopInner .button:hover {
    border: solid 2px #349eff;
    color: #349eff;
}

.headerScrTopWrap &gt; .headerScrTop &gt; .headerScrTopInner .button::before {
    position: absolute;
    top: 50%;
    left: 45px;
    transform: translateY(-8.5px);
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/icon/icon_search-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

.headerScrTopWrap &gt; .headerScrTop &gt; .headerScrTopInner .button:hover::before {
    opacity: .8;
}

.headerScrBottom {
    background-color: rgba(40,48,51,.8);
    bottom: 0;
    left: 0;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1100;
}

.headerScrBottom .check {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-bottom: 10px;
}

.headerScrBottom .checkbox .check a {
    color: #fff;
}

.headerScrBottom .checkbox .check span:first-child {
    padding-right: 24px;
    border-right: 1px solid #fff;
}

.headerScrBottomInnerContent {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.headerScrBottomInnerContent button{
    font-size: 1.2rem;
}

.hasMenuFixed {
    padding-bottom: 117px;
}

#searchResulJyokenRef {
    font-size: 1.3rem;
}

#searchResulJyokenRef &gt; dl &gt; dt {
    font-weight: bold;
}

#searchResulJyokenRef &gt; dl &gt; dd + dt {
    margin-top: 5px;
}

.lytMovie01 {
    width: 100%;
}

.lytMovie01 &gt; .inner {
    position: relative;
}

.lytMovie01 &gt; .inner &gt; iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.lytMovie01.aspectRatio01 &gt; .inner {
    padding-top: 56.333333333%;
}

.formList01 {
    margin: 20px 0 0;
}

.formList01 &gt; .list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -30px;
}

.formList01 &gt; .list &gt; li {
    margin: 10px 0 0 30px;
}

.formCheck01 {
    position: relative;
    padding-left: 32px;
}

.formCheck01::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    content: "";
}

.formCheck01 input {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/icons/alt_icon_checkbox-20250203105254.png) no-repeat 0 0;
    opacity: 1;
}

.formCheck01 input:checked {
    background-image: url(../images/icons/alt_icon_checkbox_checked-20250203105254.png);
}

/* tbl-seminar-calendar */
.tbl-seminar-calendar + * {
    margin-top: 13px;
}

.tbl-seminar-calendar th,
.tbl-seminar-calendar td {
    padding: 0;
}

.tbl-seminar-calendar thead &gt; tr &gt; th {
    font-weight: normal;
    color: #7b7b7b;
}

.tbl-seminar-calendar thead &gt; tr &gt; .sat {
    color: #3c91cc;
}

.tbl-seminar-calendar thead &gt; tr &gt; .sun {
    color: #ec2b51;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td {
    font-size: 1.2rem;
    border-left: 1px solid #e6e6e6;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td:last-child {
    border-right: 1px solid #e6e6e6;
}

.tbl-seminar-calendar tbody &gt; tr:first-child &gt; td:not(.week) {
    border-top: 1px solid #e6e6e6;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td:not(.week) {
    border-bottom: 1px solid #e6e6e6;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td:not(.week) &gt; * {
    display: block;
    height: 38px;
    padding-top: 13px;
    color: #333;
    text-align: center;
    line-height: 1;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .today &gt; a {
    color: #333;
    background: #fdfde7;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .selected &gt; a {
    color: #fff;
    background: #00aaeb;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .sat:not(.selected) &gt; a {
    color: #3c91cc;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .sun:not(.selected) &gt; a {
    color: #ec2b51;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .week {
    width: 75px;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td:not(.week) &gt; span {
    color: #7b7b7b;
    background-image: repeating-linear-gradient(45deg, #e6e6e6, #e6e6e6 6%, #f3f3f3 0, #f3f3f3 17%);
    background-size: 9px 9px;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td:not(.week) .lastMonth,
.tbl-seminar-calendar tbody &gt; tr &gt; td:not(.week) .nextMonth {
    color: #e6e6e6;
}

.tbl-seminar-calendar tbody &gt; tr &gt; td:not(.week) .nextMonth {
    background-image: none;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .week &gt; * {
    display: inline-block;
    margin-left: 5px;
    padding: 6px 8px 6px 12px;
    text-align: center;
    line-height: 1;
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.tbl-seminar-calendar tbody &gt; tr &gt; .week &gt; span {
    color: #fff;
    background-image: url("../images/bg_label_02-20250203105257.png");
}

.tbl-seminar-calendar tbody &gt; tr &gt; .week &gt; a {
    padding-top: 7px;
    padding-bottom: 7px;
    background-image: url("../images/bg_label_01-20250203105257.png");
}

.vertical li + li {
    margin-top: 12px;
}

.vertical a.iconQues {
    margin-left: 12px;
    width: 16px;
}

.vertical .iconQues img {
    vertical-align: text-top;
}

/* 企業検索条件入力(STU_CSR_G_04030A - 04100A) */
.corpSearch.corp {
    margin: 20px 15px 0;
}

.corpSearch.corp.obogSearchTab {
    margin: 0;
}

.corpSearch.corp.split2,
.corpSearch.corp .searchTopCorpArea {
    margin: 0;
}

.corpSearch.corp .searchTopCorpArea {
    border-top: solid 1px #e6e6e6;
}

.modalScrollContents .searchTopFree {
    background: #fff;
    padding: 25px 25px 0;
}

.modalScrollContents .searchTopFree &gt; *:last-child {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 25px;
}

.searchTopFree .c-radio-list {
    margin-top: 16px;
}

.searchTopFree.option {
    margin-top: 16px;
}

.searchTopFree .c-input {
    padding-left: 40px;
}

.searchTopFree .c-input-section {
    position: relative;
}

.searchTopFree .c-input-section::before {
    top: 50%;
    left: 16px;
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_search-20250203105254.svg) center no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(3421%) hue-rotate(272deg) brightness(92%) contrast(79%);
}

.corpSearch.corp .searchTop-tab .now a::before{
    z-index: 10;
}

.searchTypeOuter {
    border-top: 1px solid #b2b2b2;
    margin-top: 16px;
    padding-top: 16px;
}

#contentsarea .corpSearch .boxMessage01 {
    margin-top: 24px;
    background: #ffffff;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
}

#contentsarea .corpSearch .boxMessage01 p {
    margin: 0;
    position: relative;
    font-size: 1.4rem;
}

#contentsarea .corpSearch .boxMessage01 p::before {
    position: absolute;
    top: 13px;
    left: 13px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_bulb-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
}

.searchTopCorpArea:not(.modalScrollContents) {
    margin-right: 15px;
    margin-bottom: 20px;
    margin-left: 15px;
    padding: 30px 15px 20px;
    background: #fff;
    position: relative;
}

.searchTopCorpWrapper {
    margin: 0 10px;
}

.searchTopCorpWrapper .searchTopCorp,
.searchTopCorpWrapper .searchTopCorpIs {
    margin: 0 0 10px;
}

.searchTopCorpWrapper .searchTopCorp.cal,
.searchTopCorpWrapper .searchTopCorpIs.cal {
    margin: 0 5px 10px;
}

.searchTopCorpWrapper .searchTopCorp.cal:first-child,
.searchTopCorpWrapper .searchTopCorpIs.cal:first-child {
    border-top: solid 1px #e6e6e6;
}

.searchTopCorpArea + .searchTopCorpWrapper &gt; .options {
    margin-top: -30px;
}

.btnSub &gt; .options &gt; ul {
    margin: 0 0 20px;
}

.btnSub &gt; .options &gt; ul &gt; li &gt; a {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    padding: 12px 20px;
    font-size: 1.4rem;
    color: #006bcd;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.searchTopCorpWrapper .searchTopCorp.indpre &gt; h4,
.searchTopCorpWrapper .searchTopCorpIs.indpre &gt; h4 {
    margin: 0 5px 0;
    padding: 15px 40px 15px 25px;
}

.searchTopCorpWrapper .searchTopCorp.indpre &gt; h4.opened span::after,
.searchTopCorpWrapper .searchTopCorpIs.indpre &gt; h4.opened span::after {
    position: absolute;
    top: auto;
    bottom: -5px;
    left: 1px;
    z-index: 2;
    display: block;
    width: calc(100% - 2px);
    height: 5px;
    background: #fff;
    content: "";
}

.searchTopCorp:not(.free) .searchTopCorpInner,
.searchTopCorpIs:not(.free) .searchTopCorpInner {
    display: none;
    margin: 0;
    padding: 15px 13px;
    background: #fff;
}

.searchSelectBox &gt; h4.opened,
.searchTopCorp:not(.indpre) &gt; h4.opened
.searchTopCorpIs:not(.indpre) &gt; h4.opened {
    position: relative;
}

.searchSelectBox &gt; h4.opened::after,
.searchTopCorp:not(.indpre) &gt; h4.opened::after,
.searchTopCorpIs:not(.indpre) &gt; h4.opened::after {
    position: absolute;
    bottom: -4px;
    top: auto;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    content: "";
}

.searchTopCorp:not(.indpre) &gt; h4.opened::after,
.searchTopCorpIs:not(.indpre) &gt; h4.opened::after {
    z-index: 1;
}

.searchTopCorp.indpre .searchTopCorpInner,
.searchTopCorpIs.indpre .searchTopCorpInner {
    display: block;
    margin: 0 5px;
}

.searchTopCorpArea .searchTopCorp .searchTopCorpInner,
.searchTopCorpArea .searchTopCorpIs .searchTopCorpInner {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.searchTopCorpArea .searchTopCorp + .searchTopCorp,
.searchTopCorpArea .searchTopCorpIs + .searchTopCorpIs {
    margin-top: 30px;
}

.searchTopCorpArea .searchTopCorp &gt; h4,
.searchTopCorpArea .searchTopCorpIs &gt; h4 {
    margin-bottom: 15px;
    font-size: 1.6rem;
    line-height: 1.4;
}

.searchTopCorp .searchTopCorpInnerInner &gt; h5,
.searchTopCorpIs .searchTopCorpInnerInner &gt; h5 {
    padding: 20px 0 10px;
    font-weight: normal;
    font-size: 1.6rem;
}

.searchTopCorp .searchTopCorpInner &gt; .searchTopCorpInnerInner &gt; h5,
.searchTopCorpIs .searchTopCorpInner &gt; .searchTopCorpInnerInner &gt; h5 {
    margin: 20px -13px;
    padding: 12px 28px;
    color: #333;
    background: #e6e6e6;
}

.searchTopCorp .searchTopCorpInner &gt; .searchTopCorpInnerInner:first-child &gt; h5,
.searchTopCorpIs .searchTopCorpInner &gt; .searchTopCorpInnerInner:first-child &gt; h5 {
    margin: 0 -13px 20px;
}

.searchTopCorp .listAnchor01 + .searchTopCorpInner,
.searchTopCorpIs .listAnchor01 + .searchTopCorpInner {
    margin-top: 20px;
}

.searchTopCorp.free &gt; h4,
.searchTopCorpIs.free &gt; h4 {
    display: none;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option {
    margin: 15px 0;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul {
    padding: 15px;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .optionInd &gt; ul,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .optionInd &gt; ul {
    background-color: #f3f3f3;
    padding: 15px;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li {
    position: relative;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li + li,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li + li {
    margin-top: 10px;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::before,
.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::after,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::before,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::after {
    position: absolute;
    display: block;
    border-radius: 50%;
    content: "";
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::before,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::before {
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::after,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; label::after {
    top: 6px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: #00aaeb;
    opacity: 0;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; input,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; input {
    position: absolute;
    top: 2px;
    left: 30px;
    width: 22px;
    height: 22px;
    opacity: 0;
}

.searchTopCorp.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; input:checked + label::after,
.searchTopCorpIs.indpre .searchTopCorpInnerInnerInner &gt; .option &gt; ul &gt; li &gt; input:checked + label::after {
    opacity: 1;
}

.searchTopCorp.indpre .list,
.searchTopCorpIs.indpre .list {
    border: 1px solid #e6e6e6;
    padding: 15px 13px;
    padding: 0;
    background: #fff;
}

.searchTopCorp.indpre .searchMySelect + .list,
.searchTopCorpIs.indpre .searchMySelect + .list {
    margin-top: 15px;
}

.searchTopCorp.indpre .list &gt; .listInner:last-child h6,
.searchTopCorpIs.indpre .list &gt; .listInner:last-child h6 {
    border-bottom: 0 !important;
}

.searchTopCorp.indpre h6,
.searchTopCorpIs.indpre h6 {
    padding: 15px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
}

.searchTopCorp.indpre h6:not(.opened),
.searchTopCorpIs.indpre h6:not(.opened) {
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
}

.searchTopCorp.indpre h6.selected,
.searchTopCorpIs.indpre h6.selected {
    display: flex;
    align-items: center;
}

.searchTopCorp.indpre h6.selected span,
.searchTopCorpIs.indpre h6.selected span {
    background: #00aaeb;
    border-radius: 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    margin-left: 10px;
    width: 55px;
}

.searchTopCorp.indpre .listInnerBody,
.searchTopCorpIs.indpre .listInnerBody {
    display: none;
    padding: 10px 15px 30px;
}

.searchTopCorp.indpre .listInnerBody.opened,
.searchTopCorpIs.indpre .listInnerBody.opened {
    border-bottom: 1px solid #e6e6e6;
}

.searchTopCorp.indpre .listInnerBody &gt; *:first-child,
.searchTopCorpIs.indpre .listInnerBody &gt; *:first-child {
    margin-top: 0 !important;
}

.searchTopCorp.indpre .listInnerBody &gt; .check,
.searchTopCorpIs.indpre .listInnerBody &gt; .check,
.searchTopCorp.indpre .listInnerBody .searchConditionList .eachArea &gt; .check {
    margin: 13px 0;
	display: none;
}

.searchTopCorp.indpre .listInnerBody.opened &gt; .check,
.searchTopCorpIs.indpre .listInnerBody.opened &gt; .check {
    display: block;
}

.searchTopCorp.indpre .listInnerBody &gt; .check &gt; span,
.searchTopCorpIs.indpre .listInnerBody &gt; .check &gt; span,
.remainingNum .remainingNumRadio a,
.searchTopCorp.indpre .listInnerBody .searchConditionList .eachArea &gt; .check &gt; span {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e6e6e6;
}

.searchTopCorp.indpre .listInnerBody &gt; .check &gt; span:last-child,
.searchTopCorpIs.indpre .listInnerBody &gt; .check &gt; span:last-child,
.searchTopCorp.indpre .listInnerBody .searchConditionList .eachArea &gt; .check &gt; span:last-child {
    border-right: 0;
}

.searchTopCorp.indpre [id^="areaGroup"]:not(#areaGroup8) .listInnerBody &gt; ul,
.searchTopCorpIs.indpre [id^="areaGroup"]:not(#areaGroup8) .listInnerBody &gt; ul {
    display: flex;
    flex-wrap: wrap;
}

.searchTopCorp.indpre .listInnerBody &gt; ul + ul,
.searchTopCorpIs.indpre .listInnerBody &gt; ul + ul {
    margin-top: 15px;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li {
    position: relative;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox &gt; li,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox &gt; li {
    width: 100%;
    margin-bottom: 20px;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox &gt; li &gt; a,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox &gt; li &gt; a {
    margin-left: 30px;
    padding-left: 0;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(2) &gt; li,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(2) &gt; li {
    margin-bottom: 40px;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content .searchSelectBoxSubHdg &gt; span,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content .searchSelectBoxSubHdg &gt; span,
.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content ul:not(.mainCheckbox),
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content ul:not(.mainCheckbox) {
    margin: 15px 0 20px 30px;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox .secCheckbox,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox .secCheckbox {
    margin-top: 15px;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox .secCheckbox &gt; li,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox .secCheckbox &gt; li,
.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content ul:not(.mainCheckbox) &gt; li,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content ul:not(.mainCheckbox) &gt; li {
    position: relative;
    margin: 0 0 5px 30px;
    padding-left: 30px;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content ul:not(.mainCheckbox) &gt; li,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox:nth-of-type(n+3) ~.js-ctrl-disp-content ul:not(.mainCheckbox) &gt; li {
    margin-left: 0;
}

#contentsarea .searchTopCorp.indpre .listInnerBody &gt; .topRadioCircle {
    background-color: #f3f3f3;
    padding: 15px;
}

.searchTopCorp.indpre [id^="areaGroup"]:not(#areaGroup8) .listInnerBody &gt; ul &gt; li,
.searchTopCorpIs.indpre [id^="areaGroup"]:not(#areaGroup8) .listInnerBody &gt; ul &gt; li {
    width: 50%;
}

.searchTopCorp.indpre .searchTopCorpInnerInner .listInnerBody &gt; ul &gt; li + li,
.searchTopCorpIs.indpre .searchTopCorpInnerInner .listInnerBody &gt; ul &gt; li + li {
    margin-top: 5px;
}

.searchTopCorp.indpre [id^="areaGroup"]:not(#areaGroup8) .listInnerBody &gt; ul &gt; li:nth-child(-n+2),
.searchTopCorpIs.indpre [id^="areaGroup"]:not(#areaGroup8) .listInnerBody &gt; ul &gt; li:nth-child(-n+2) {
    margin-top: 0;
}

#isCourseRegion .searchSelectBoxSubBody &gt; ul,
#isCourseOpenTime .searchSelectBoxInner &gt; ul,
#isCourseDaysCtg .searchSelectBoxSubBody &gt; ul,
#isCourseCloseDay .searchSelectBoxInner &gt; ul,
#isCourseFieldCtg .searchSelectBoxInner &gt; ul,
#isCourseInternship .searchSelectBoxSubBody &gt; ul,
#isCoursePerson .searchSelectBoxInner &gt; ul {
    display: flex;
    flex-wrap: wrap;
}

#isCourseRegion .searchSelectBoxSubBody &gt; ul &gt; li,
#isCourseOpenTime .searchSelectBoxInner &gt; ul &gt; li,
#isCourseDaysCtg .searchSelectBoxSubBody &gt; ul &gt; li,
#isCourseCloseDay .searchSelectBoxInner &gt; ul &gt; li,
#isCourseFieldCtg .searchSelectBoxInner &gt; ul &gt; li,
#isCourseInternship .searchSelectBoxSubBody &gt; ul &gt; li,
#isCoursePerson .searchSelectBoxInner &gt; ul &gt; li {
    width: 50%;
}

#isCourseRegion .searchSelectBoxSubBody &gt; ul &gt; li + li,
#isCourseOpenTime .searchSelectBoxInner &gt; ul &gt; li + li,
#isCourseDaysCtg .searchSelectBoxSubBody &gt; ul &gt; li + li,
#isCourseCloseDay .searchSelectBoxInner &gt; ul &gt; li + li,
#isCourseFieldCtg .searchSelectBoxInner &gt; ul &gt; li + li,
#isCourseInternship .searchSelectBoxSubBody &gt; ul &gt; li + li,
#isCoursePerson .searchSelectBoxInner &gt; ul &gt; li + li {
    margin-top: 5px;
}

#isCourseRegion .searchSelectBoxSubBody &gt; ul &gt; li:nth-child(-n+2),
#isCourseOpenTime .searchSelectBoxInner &gt; ul &gt; li:nth-child(-n+2),
#isCourseDaysCtg .searchSelectBoxSubBody &gt; ul &gt; li:nth-child(-n+2),
#isCourseCloseDay .searchSelectBoxInner &gt; ul &gt; li:nth-child(-n+2),
#isCourseFieldCtg .searchSelectBoxInner &gt; ul &gt; li:nth-child(-n+2),
#isCourseInternship .searchSelectBoxSubBody &gt; ul &gt; li:nth-child(-n+2),
#isCoursePerson .searchSelectBoxInner &gt; ul &gt; li:nth-child(-n+2) {
    margin-top: 0;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li &gt; a,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li &gt; a {
    display: inline-block;
    margin-left: 33px;
    padding-left: 10px;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li &gt; span,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li &gt; span,
.searchTopCorp.indpre .listInnerBody .js-ctrl-disp-content &gt; ul &gt; li &gt; span,
.searchTopCorpIs.indpre .listInnerBody .js-ctrl-disp-content &gt; ul &gt; li &gt; span {
    display: inline-block;
    margin-left: 33px;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li input,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li input,
.searchTopCorp.indpre .listInnerBody .js-ctrl-disp-content&gt; ul &gt; li input,
.searchTopCorpIs.indpre .listInnerBody .js-ctrl-disp-content &gt; ul &gt; li input,
.searchMySelect input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid 1px #e6e6e6;
    content: "";
}

.searchTopCorp.indpre .listInnerBody &gt; ul li input:disabled,
.searchTopCorpIs.indpre .listInnerBody &gt; ul li input:disabled,
.searchMySelect input:disabled {
    background: url(../images/icons/alt_icon_checkbox_disabled-20250203105254.png) no-repeat 0 0;
    border: none;
}

.searchTopCorp.indpre .listInnerBody &gt; .searchSelectBoxSub input,
.searchTopCorpIs.indpre .listInnerBody &gt; .searchSelectBoxSub input {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-10px);
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid 1px #e6e6e6;
    content: "";
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li a:not(.iconQues),
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li a:not(.iconQues) {
    display: inline-block;
    margin-left: 20px;
    padding-left: 10px;
    color: #006bcd;
}

.searchTopCorp.indpre .listInnerBody li.eachArea &gt; .searchConditionHeading &gt; a:not(.iconQues),
.searchTopCorpIs.indpre .listInnerBody li.eachArea &gt; .searchConditionHeading &gt; a:not(.iconQues),
.searchTopCorp.indpre .listInnerBody li.eachArea &gt; .check a:not(.iconQues),
.searchTopCorpIs.indpre .listInnerBody li.eachArea &gt; .check a:not(.iconQues) {
    margin-left: 0;
}

.searchTopCorp.indpre .listInnerBody &gt; .mainCheckbox .secCheckbox &gt; li a,
.searchTopCorpIs.indpre .listInnerBody &gt; .mainCheckbox .secCheckbox &gt; li a {
    margin-left: 0;
    padding-left: 0;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; .pastMonth &gt; a:not(.iconQues),
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; .pastMonth &gt; a:not(.iconQues) {
    color: #859099;
}

.searchTopCorp.indpre .listInnerBody &gt; ul:not(.radioCircle) &gt; li &gt; label,
.searchTopCorpIs.indpre .listInnerBody &gt; ul:not(.radioCircle) &gt; li &gt; label {
    margin-left: 25px;
    padding-left: 10px;
}
.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li &gt; a:hover,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li &gt; a:hover {
    color: #7b7b7b;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li &gt; .iconQues,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li &gt; .iconQues {
    display: inline;
    margin: 0 0px 0px 10px;
    padding: 0;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; li &gt; .iconQues &gt; img,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; li &gt; .iconQues &gt; img {
    width: 18px;
    height: 18px;
}

.searchTopCorp.indpre .listInnerBody ul &gt; li input:checked::before,
.searchTopCorp.indpre .listInnerBody ul &gt; li input:checked::after,
.searchTopCorpIs.indpre .listInnerBody ul &gt; li input:checked::before,
.searchTopCorpIs.indpre .listInnerBody ul &gt; li input:checked::after,
.searchTopCorp.indpre .listInnerBody &gt; .searchSelectBoxSub input:checked::before,
.searchTopCorpIs.indpre .listInnerBody &gt; .searchSelectBoxSub input:checked::after,
.searchMySelect input:checked::before,
.searchMySelect input:checked::after {
    position: absolute;
    display: block;
    height: 1px;
    background: #00aaeb;
    content: "";
}

.searchTopCorp.indpre .listInnerBody ul &gt; li input:checked::before,
.searchTopCorpIs.indpre .listInnerBody ul &gt; li input:checked::before,
.searchTopCorp.indpre .listInnerBody &gt; .searchSelectBoxSub input:checked::before,
.searchMySelect input:checked::before {
    top: 10px;
    left: 1px;
    width: 7px;
    transform: rotate(54deg);
}

.searchTopCorp.indpre .listInnerBody ul &gt; li input:checked::after,
.searchTopCorpIs.indpre .listInnerBody ul &gt; li input:checked::after,
.searchTopCorpIs.indpre .listInnerBody &gt; .searchSelectBoxSub input:checked::after,
.searchMySelect input:checked::after {
    top: 8px;
    left: 5px;
    width: 12px;
    transform: rotate(-46deg);
}

.searchTopCorp.indpre .listInnerBody &gt; ul li &gt; input:disabled + a,
.searchTopCorpIs.indpre .listInnerBody &gt; ul li &gt; input:disabled + a,
.checkNarrow.disabled + a {
    color: #859099;
    cursor: default;
}

.searchTopCorp.indpre .eachArea &gt; .searchInnerList &gt; .my &gt; a,
.searchTopCorpIs.indpre .eachArea &gt; .searchInnerList &gt; .my &gt; a {
    position: relative;
    display: inline-block;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; .my::after,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; .my::after,
.searchTopCorp.indpre .my &gt; a::after,
.searchTopCorpIs.indpre .my &gt; a::after {
    display: inline-block;
    margin-bottom: 1px;
    margin-left: 10px;
    padding: 0 7px;
    font-size: 1.2rem;
    color: #fff;
    vertical-align: bottom;
    border-radius: 4px;
    background: #3c91cc;
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; .eachInd.my::after,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; .eachInd.my::after {
    /* 志望業種 */
    content: "\5FD7\671B\696D\7A2E";
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; .eachArea.my::after,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; .eachArea.my::after,
.searchTopCorp.indpre .eachArea &gt; .searchInnerList &gt; .my &gt; a::after,
.searchTopCorpIs.indpre .eachArea &gt; .searchInnerList &gt; .my &gt; a::after {
    /* 希望勤務地 */
    content: "\5E0C\671B\52E4\52D9\5730";
}

.searchTopCorp.indpre .listInnerBody &gt; ul &gt; .eachOcc.my::after,
.searchTopCorpIs.indpre .listInnerBody &gt; ul &gt; .eachOcc.my::after {
    /* 希望職種 */
    content: "\5FD7\671B\8077\7A2E";
}

.searchTopCorp.indpre .listInnerBody tt,
.searchTopCorpIs.indpre .listInnerBody tt {
    display: none;
}

.searchTopCorp.indpre .listInnerBody tt {
    display: none;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList {
    display: block;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li {
    width: auto;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading {
    position: relative;
    padding: 12px 0;
    cursor: pointer;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading::before {
    content: "";
    position: absolute;
    top: 23px;
    right: 22px;
    width: 12px;
    height: 2px;
    margin-top: -1px;
    background: #00aaeb;
    transition: 0.3s all;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 27px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    background: #00aaeb;
    transition: 0.3s all;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading.is-open::after {
    content: none;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading &gt; input,
.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li &gt; input {
    position: absolute;
    top: 12px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid 1px #e6e6e6;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading &gt; input:checked::before,
.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading &gt; input:checked::after,
.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li &gt; input:checked::before,
.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li &gt; input:checked::after
 {
    position: absolute;
    display: block;
    height: 1px;
    background: #00aaeb;
    content: "";
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading &gt; input:checked::before,
.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li &gt; input:checked::before {
    top: 10px;
    left: 1px;
    width: 7px;
    transform: rotate(54deg);
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading &gt; input:checked::after,
.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li &gt; input:checked::after {
    top: 8px;
    left: 5px;
    width: 12px;
    transform: rotate(-46deg);
}

.searchTopCorp.indpre .listInnerBody .searchConditionList &gt; li .searchConditionHeading &gt; input:disabled + a,
.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li &gt; input:disabled + a {
    color: #859099;
    cursor: default;
}

.searchTopCorp.indpre .listInnerBody &gt; ul.searchConditionList &gt; .my::after {
    content: none;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList {
    display: block;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #f3f3f3;
    opacity: 0;
    transition: 0.6s all;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList .searchConditionHeading.is-open ~ .searchInnerList {
    opacity: 1;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li {
    position: relative;
    padding-left: 30px;
    padding: 12px 0 0 0;
}

.searchTopCorp.indpre .listInnerBody .searchConditionList .searchInnerList &gt; li:last-child {
    padding-bottom: 12px;
}

.searchTopCorpInner &gt; .link &gt; ul {
    display: flex;
    flex-direction: column;
    margin-top: -10px;
}

.searchTopCorpInner &gt; .link &gt; ul &gt; li {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-top: 10px;
    font-size: 1.4rem;
}
.searchTopCorpInner &gt; .link &gt; ul &gt; li::before {
    position: absolute;
    top: 11px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.searchTopCorpInner &gt; .link &gt; ul &gt; li:last-child::after {
    content: none;
}

.searchTopCorpInner &gt; .other {
    margin: 20px 0;
    text-align: right;
}

.searchTopCorpInner &gt; .other &gt; a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-size: 1.4rem;
    width: 100%;
    padding: 12px 20px;
    color: #006bcd;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.searchTopCorpInner &gt; .btnSub,
.searchTopCorpInner &gt; .btn {
    margin: 20px 0;
    text-align: center;
}

.searchTopCorpInner &gt; .btnSub + .searchTopCorpInnerInner {
    margin-top: -10px;
}

/* 検索条件UI(23K～) */
.searchTopCorpArea.js-corpSearch {
    padding-top: 16px;
}

.js-searchTypeTrg {
    font-size: 1.6rem;
    font-weight: bold;
}

.js-searchConditionBtn,
.js-searchConditionBtnIs {
    color: #333;
    display: block;
}

.js-searchTopCorp {
    position: relative;
}

.js-searchTopCorp {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.js-searchTopCorp:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.js-searchConditionNone {
    color: #B2B2B2;
    font-size: 1.2rem;
}

span.js-closeBtn,
span.js-closeBtnIs {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 14px;
    right: 16px;
}

span.js-closeBtn::before,
span.js-closeBtn::after,
span.js-closeBtnIs::before,
span.js-closeBtnIs::after { /* 共通設定 */
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px; /* 棒の幅（太さ） */
    height: 30px; /* 棒の高さ */
    background: #fff;
}

span.js-closeBtn::before,
span.js-closeBtnIs::before {
    transform: translate(-50%,-50%) rotate(45deg);
}

span.js-closeBtn::after,
span.js-closeBtnIs::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

div.js-closeBtn,
div.js-closeBtnIs {
    font-size: 1.6rem;
    max-width: 220px;
}

@media only screen and (max-width: 320px) {
    div.js-closeBtn,
    div.js-closeBtnIs {
    max-width: 160px;
}

}

.js-corpSearch .searchTopCorp.indpre .searchTopCorpInner,
.js-corpSearch .searchTopCorpIs.indpre .searchTopCorpInner {
    margin: 0;
    padding: 0 0 80px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 1010;
    width: 100%;
}

.js-corpSearch .searchTopCorp.indpre .list,
.js-corpSearch .searchTopCorpIs.indpre .list {
    box-shadow: none;
    border-bottom: 1px solid #e6e6e6;
}

.js-corpSearchHeader {
    position: relative;
    margin-bottom: 0;
    padding: 15px 24px;
    background: #006bcd;
}

.js-corpSearchTitle {
    font-weight: normal;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: 1px;
}

.js-corpSearch .option,
.js-corpSearch .options {
    padding-left: 15px;
    padding-right: 15px;
}

.js-fixedBtn {
    align-items: center;
    height: 68px;
    padding: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
}

.js-clearBtn a,
.js-clearBtnIs a {
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 100%;
    color: #e6e6e6;
    display: flex;
    font-weight: bold;
    justify-content: center;
    line-height: 16px;
    padding-bottom: 2px;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
}

.js-confirmBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f57c31;
    color: #fff;
    box-shadow: none;
    width: 100%;
}

#contentsarea .boxMessage01 &gt; p {
    margin: 0 15px;
    padding: 13px 13px 13px 40px;
}

.modalContent .boxMessage01 &gt; p {
    margin: 0;
}

.searchTopCorpArea .searchTopCorp .radioList,
.searchInput.is.pc-hide .radioList {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li,
.searchInput.is.pc-hide .radioList &gt; li {
    position: relative;
    margin-right: 30px;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li:last-child,
.searchInput.is.pc-hide .radioList &gt; li:last-child {
    margin-right: 0;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; input,
.searchInput.is.pc-hide .radioList &gt; li &gt; input {
    position: absolute;
    top: 2px;
    left: 30px;
    width: 22px;
    height: 22px;
    opacity: 0;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; label,
.searchInput.is.pc-hide .radioList &gt; li &gt; label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; label::before,
.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; label::after,
.searchInput.is.pc-hide .radioList &gt; li &gt; label::before,
.searchInput.is.pc-hide .radioList &gt; li &gt; label::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; label::before,
.searchInput.is.pc-hide .radioList &gt; li &gt; label::before {
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
}
.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; label::after,
.searchInput.is.pc-hide .radioList &gt; li &gt; label::after {
    top: 6px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: #00aaeb;
    opacity: 0;
}

.searchTopCorpArea .searchTopCorp .radioList &gt; li &gt; input:checked + label::after,
.searchInput.is.pc-hide .radioList &gt; li &gt; input:checked + label::after {
    opacity: 1;
}

.footerFixedEntries02 .infoBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


.footerFixedEntries02 .searchButtonbox &gt; div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 16px;
    width: calc(100% - 136px);
}

.footerFixedEntries02 .infoBox .js-clearBtn a,
.footerFixedEntries02 .infoBox .js-clearBtnIs a {
    position: static;
    border: none;
    color: #fff;
    font-weight: normal;
    padding: 0;
    width: auto;
}

.footerFixedEntries02 .searchButtonbox .clearLink {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
}

.footerFixedEntries02 .infoBox .clearLink.disabled {
    display: none;
}

.footerFixedEntries02 .infoBox .companyNumber {
    width: 107px;
    display: flex;
    margin-right: 24px;
    color: #fff;
    font-size: 1.4rem;
    text-align: right;
}

.footerFixedEntries02 .searchButtonbox .companyNumber {
    width: auto;
}

.footerFixedEntries02 .searchButtonbox .companyNumber {
    margin-right: 0;
}

.loading-icon {
    margin-right: 8px;
}

.footerFixedEntries02 .infoBox button.btnSearch01 {
    max-width: 220px;
}

.footerFixedEntries02 .searchButtonbox button.btnSearch01 {
    max-width: 120px;
}

.footerFixedEntries02 .searchButtonbox button.btnSearch01 &gt; span {
    padding-left: 20px;
}

.footerFixedEntries02 .searchButtonbox button &gt; span::before {
    left: -5px;
}

.searchFaq {
    text-align: right;
}

.boxMessage01 + .searchFaq {
    margin-top: 8px;
}

.searchFaq a {
    align-items: center;
    display: inline-flex;
}

.searchFaq img {
    margin-right: 5px;
    width: 20px;
}

/* 企業検索結果一覧（一般検索）（会員）(STU_CSR_G_06020A) */
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._recruit:before {
    background-image: url(../images/icon/icon_clipboardList-20250203105254.svg);
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(59%) sepia(13%) saturate(0%) hue-rotate(288deg) brightness(101%) contrast(93%);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._recruit:before {
    background-image: url(../images/icon/icon_clipboardList-20250203105254.svg);
    background-size: contain;
    filter: none;
}

.companyTable h4._recruit:before {
    background-image: url(../images/icon/icon_clipboardList-20250203105254.svg);
}

.grayedOut .companyTable h4._recruit:before {
    filter: brightness(0) saturate(100%) invert(60%) sepia(21%) saturate(180%) hue-rotate(165deg) brightness(90%) contrast(88%);
}

.boxexcludeSearchResult &gt; .contentsHeaderSearch.withCheckBox &gt; .checkBox {
    margin: 16px 0 0;
}

.listInfoCourse01 {
    width: 100%;
}

.listInfoCourse01 &gt; li {
    border: 1px solid #dddddd;
    padding: 16px;
}

.listInfoCourse01 &gt; li:not(:last-child) {
    margin-bottom: 16px;
}

.listInfoCourse01 .courseTitle + * {
    margin-top: 8px;
}

.listInfoCourse01 .courseClosed {
    background: #f3f3f3;
    color: #b2b2b2;
}

.courseTable {
    margin-bottom: 12px;
}

.courseClosed .courseTable {
    background: none;
}

.listInfoCourse01 .courseName {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.listInfoCourse01 .courseName a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    width: 100%;
}

.listInfoCourse01 .courseClosed .courseName a {
    font-weight: normal;
}

.listInfoCourse01 .courseName + .courseLabel {
    margin: 2px 0 0 0;
}

.listInfoCourse01 .courseLabel .list {
    display: flex;
    flex-wrap: wrap;
    margin: -3px 0 0 -6px;
}

.listInfoCourse01 .courseLabel .list li {
    margin: 3px 0 0 6px;
}

.listInfoCourse01 li &gt; ul li {
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 8px 4px 0;
    padding-left: 20px;
    position: relative;
}

.listInfoCourse01 li &gt; ul li::before {
    background: url(../images/icon/icon_check-20250203105254.svg) center no-repeat;
    background-size: contain;
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 4px;
}

.listInfoCourse01 .courseClosed &gt; ul li::before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(3421%) hue-rotate(272deg) brightness(92%) contrast(79%);
}

.listInfoCourse01 li &gt; ul:last-child li {
    margin-bottom: 0;
}

.courseClosed .courseTable dt {
    background: #e6e6e6;
    border-top-color: #f3f3f3;
}

.courseClosed .courseTable dd {
    background: #f3f3f3;
}

/* grayedout */
.boxSearchresultEach.grayedOut {
    border: 1px solid #e6e6e6;
    background:#f3f3f3;
    color: #7b7b7b;
    position: relative;
    z-index: 0;
    padding: 15px;
    box-shadow: none;
}

.boxSearchresultEach.grayedOut .boxArticle01 {
    background: #dddddd;
}

.boxSearchresultEach.grayedOut div.right,
.boxSearchresultEach.grayedOut .linkCtgWrap &gt; .linkCatItem,
.boxSearchresultEach.grayedOut dl.linkCategory,
.boxSearchresultEach.grayedOut .boxAlert01 {
    background: #e6e6e6 !important;
}

.boxSearchresultEach.grayedOut .boxAlert01 &gt; p::before {
    opacity: .1;
}

.boxSearchresultEach.grayedOut .considerHook {
    z-index: 2;
}

.boxSearchresultEach.grayedOut .label-important-02.is-active {
    padding: 22px 17px;
    background: #e6e6e6;
    border-top: 0;
}

.boxSearchresultEach.grayedOut .label-important-02.is-active:before {
    top: 0;
    background: url(../images/icons/icon_flag_02-20250203105254.png) no-repeat;
}

.boxSearchresultEach.grayedOut .link-01:before {
    border-left: 4px solid #e6e6e6;
}

.boxSearchresultEach.grayedOut .js-toggle.v2 .toggle-hook::before {
    border-color: #e6e6e6;
}

.boxSearchresultEach.grayedOut div.right .checkbox .check-mark:before {
    opacity: 0 !important;
}

.boxSearchresultEach.grayedOut div.right .checkbox .check-mark:after {
    background: #e6e6e6;
}

.boxSearchresultEach.grayedOut .js-toggle .toggle-txt {
    display: none;
}

.boxSearchresultEach.grayedOut div.right h3 span.icons span.icon_em {
    color: #e6e6e6 !important;
}

.searchSelectBox.companyInfoSelect &gt; h4 {
    vertical-align: middle;
    font-size: 1.6rem;
    padding: 10px 15px;
}
.searchSelectBox.companyInfoSelect &gt; h4 label::before {
    content: none;
}

.searchSelectBox.companyInfoSelect {
    padding: 0;
    margin-bottom: 20px;
    background: #fff;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody p {
    color: #859099;
    margin-bottom: 15px;
    text-align: center;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px 0;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody ul li {
    width: 50%;
    padding: 0 10px 10px 0;
    margin: 0;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input {
    display: none;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
    line-height: 1.4;
    color: #b2b2b2;
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div {
    color: #006bcd;
    border: 2px #006bcd solid;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span {
    position: relative;
    padding-left: 40px;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-size: 27px;
    background-repeat: no-repeat;
    margin: auto;
    content: "";
}

.companyTable h4:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(15%) hue-rotate(70deg) brightness(97%) contrast(93%);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._stoc:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._stoc:before {
    background-image: url(../images/icon/icon_chart-20250203105254.svg);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._treatment:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._treatment:before {
    background-image: url(../images/icon/icon_dollar-20250203105254.svg);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._holiday:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._holiday:before {
    background-image: url(../images/icon/icon_calendarOneMonth-20250203105254.svg);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._workstyle:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._workstyle:before {
    background-image: url(../images/icon/icon_employee-20250203105254.svg);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._stoc:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._treatment:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._holiday:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input + div span._workstyle:before {
    filter: brightness(0) saturate(100%) invert(59%) sepia(13%) saturate(0%) hue-rotate(288deg) brightness(101%) contrast(93%);
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._stoc:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._treatment:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._holiday:before,
.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody input:checked ~ div span._workstyle:before  {
    filter: none;
}

.companyTable h4._stoc:before {
    background-image: url(../images/icon/icon_chart-20250203105254.svg);
}

.companyTable h4._treatment:before {
    background-image: url(../images/icon/icon_dollar-20250203105254.svg);
}

.companyTable h4._holiday:before {
    background-image: url(../images/icon/icon_calendarOneMonth-20250203105254.svg);
}

.companyTable h4._workstyle:before {
    background-image: url(../images/icon/icon_employee-20250203105254.svg);
}

.grayedOut .companyTable h4._stoc:before,
.grayedOut .companyTable h4._treatment:before,
.grayedOut .companyTable h4._holiday:before,
.grayedOut .companyTable h4._workstyle:before {
    filter: brightness(0) saturate(100%) invert(60%) sepia(21%) saturate(180%) hue-rotate(165deg) brightness(90%) contrast(88%);
}

.boxSearchresultEach .listBtnWrap {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.listBtn01:has(.entry.non) {
    display: none;
}

.listBtn01:has(.entry):has(.seminar) {
    width: calc(100% / 3 * 2);
}

.listBtn01:has(.entry):has(.seminar) + .listBtn01:has(.bookmark) {
    width: calc(100% / 3);
}

.listBtn01:has(.entry.non):has(.seminar) {
    display: block;
    width: 50%;
}

.listBtn01:has(.entry.non):has(.reserve) {
    width: 100%;
    display: flex;
}

.listBtn01:has(.entry.non):has(.seminar) + .listBtn01:has(.bookmark) {
    width: 50%;
}

.listBtn01:has(.entry):has(.seminar):has(.bookmark) {
    width: 100%;
}

.listBtn01:has(.entry.non) + .listBtn01:has(.bookmark) {
    width: 100%;
}

.boxSearchresultEach .listBtnWrap .listBtn01 &gt; li.bookmark br {
    display: none;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody .withCheckbox {
    padding: 10px 5px;
    border-top: 1px #e6e6e6 solid;
    margin: 0;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxSubBody .withCheckbox:first-child {
    border-top: none;
}

 .searchSelectBox.companyInfoSelect .searchSelectBoxSub &gt; *:last-child .btn01.em {
    padding: 10px;
    background-position: top 12px left 20px !important;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxInner {
    padding: 20px 10px;
    background: #E5F6FD;
    box-shadow: none;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    margin: 0;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxInner &gt; .companyInfoSelectTitle {
    color: #fff;
    background-color: #00AAEB;
    border-radius: 90px;
    padding: 5px 0 5px 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxInner &gt; .companyInfoSelectTitle .js-tooltip-hook{
    top: -14px;
    right: 12px;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxInner &gt; .companyInfoSelectTitle .js-tooltip-content{
    top: -90px;
    width: 300px;
    left: -255px;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxInner &gt; .companyInfoSelectTitle .js-tooltip-content &gt; p{
    color: #333333;
    background: #f3f3f3;
    padding: 8px;
    text-align: left;
}

.searchSelectBox.companyInfoSelect .searchSelectBoxInner &gt; .companyInfoSelectTitle .js-tooltip-content::before{
    background: #f3f3f3;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
    0 1px 3px 1px rgb(66 66 66 / 0.16);
    content: "";
    transform: rotate(45deg);
    top: 54px;
    right: 21px;
}

.companyTable h4 {
    margin-bottom: 4px;
    padding-left: 28px;
    position: relative;
}

.companyTable &gt; div {
    color: #333;
    margin-bottom: 16px;
}

.grayedOut .companyTable &gt; div {
    color: #b2b2b2;
}

.companyTable dl {
    background: #f3f3f3;
    border: 1px solid #e6e6e6;
    width: 100%;
    font-size: 0;
    vertical-align: top;
}

.grayedOut .companyTable dl {
    background: #ddd;
    border: 1px solid #ddd;
}

.companyTable dl div {
    display: flex;
}

.companyTable dt {
    background: #e6e6e6;
    border-top: 1px solid #fff;
    display: inline-block;
    font-size: 1.2rem;
    padding: 4px 8px;
    position: relative;
    vertical-align: top;
    width: 50%;
}

.grayedOut .companyTable dt {
    background: #dddddd;
    border-top: 1px solid #e6e6e6;
}

.companyTable dd {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 1.2rem;
    padding: 4px 8px;
    width: 50%;
}

.grayedOut .companyTable dd {
    background: #e6e6e6;
}

.companyTable dt:first-of-type,
.companyTable dd:first-of-type {
    border: none;
}

.grayedOut .companyTable dt:first-of-type,
.grayedOut .companyTable dd:first-of-type {
    border: none;
}

.companyTable dt + dd:after {
    content: "\A";
    white-space: pre;
}

.companyTable dd &gt; span {
    display: flex;
}

.companyTable .table_gd {
    height: 50px;
}

.companyTable .table_ph {
    height: auto;
}

@media only screen and (max-width: 320px) {
    .companyTable .table_gd {
        height: 70px;
}

    .companyTable .table_ph {
        height: 50px;
}
}

.boxSearchresultEach_head .boxMessage01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.boxSearchresultEach_head .boxMessage01 .labelList03 {
    display: flex;
    align-items: center;
}

.boxSearchresultEach_head .boxMessage01 p {
    position: relative;
    font-size: 1.1rem;
    color: #ec2b51;
    background-color: #fef0f0;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / .08),
                0 1px 3px 1px rgb(66 66 66 / 0.16);
    text-align: center;
    padding: 1px 7px;
    margin: -10px 0 5px 0;
}

.boxSearchresultEach_head .boxMessage01 p.en {
    color: #fff;
    background-color: #3650b0;
    margin-left: -58px;
    padding: 3px 15px;
}

.boxSearchresultEach_head .boxMessage01 p:not(.en) {
    display: none;
    /* 残り採用予定人数（～6/1非表示） */
}

.boxSearchresultEach_head .boxMessage01 p:not(.en):only-child {
    margin-left: -52px;
}

.boxSearchresultEach_head .boxMessage01 p.en + p {
    margin-left: 5px;
}

.boxSearchresultEach_head .boxMessage01 p:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 5px;
    border: 6px solid transparent;
    border-top: 6px solid #fef0f0;
}

.boxSearchresultEach_head .boxMessage01 p.en:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 8px #3650b0;
}

.boxSearchresultEach_head .boxMessage01 p:not(.en):before {
    left: 25px;
    border: 8px solid transparent;
    border-top: 8px solid #fef0f0;
}

.boxSearchresultEach_head .boxMessage01 b {
    font-size: 1.2rem;
}

.mediaLay02 &gt; .txt .boxMessage01 {
    color: #006bcd;
    text-align: center;
    margin-bottom: 20px;
}

.mediaLay02 &gt; .txt .boxMessage01 p {
    padding: 20px;
    line-height: 1;
    background: #e6e6e6;
}

.boxSearchresultEach .mediaLay02.movie &gt; .img {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}

.mediaLay02 &gt; .txt .boxMessage01 b {
    font-size: 1.2rem;
}

.empty {
    height: 60px;
    background: #fff;
}

/* セミナー検索条件入力（セミナー日程）(STU_CSR_G_07060A) */
.indpre .webSeminar .withRadio:has(.iconQues) {
    display: flex;
}

/* セミナー検索結果一覧（会員）(STU_CSR_G_08020A) */
.formLyt01 {
    display: flex;
    margin: 20px 0 0;
}

.formLyt01 &gt; * &gt; :first-child {
    margin-top: 0;
}

.formLyt01 + .listDesc01 {
    margin-top: 20px;
}

.formLyt01.filter &gt; .item01 {
    width: 100%;
    margin: 0 20px 0 0;
}

.formLyt01.filter &gt; .item02 {
    flex-shrink: 0;
}

.formLyt01.sp {
    display: block;
}

.formLyt01.sp &gt; .item01 + .item02 {
    margin-top: 20px;
}

.linkList03 {
    margin: 20px 0 0;
}

.linkList03 &gt; .list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -15px;
}

.linkList03 &gt; .list &gt; li {
    margin: 10px 0 0 15px;
    padding: 0 15px 0 0;
    border-right: 1px solid #e6e6e6;
}

.linkList03 &gt; .list &gt; li:last-child {
    border-right: none;
}

.linkList03 &gt; .list &gt; li &gt; span + span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0 0 0 14px;
}

.linkList03 &gt; .list &gt; li &gt; span + span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: #e6e6e6;
    transform:rotate(30deg);
}

.linkList03 + * {
    margin-top: 20px;
}

.searchTopCorpWrapper + .btn {
    margin: 20px 15px 0;
}

.tbl-seminar-calendar-nav &gt; .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; li &gt; * {
    display: inline-block;
    position: relative;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; :not(.black) &gt; * {
    font-size: 1.4rem;
    text-align: center;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; :not(.black) &gt; a {
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; :not(.black) &gt; *::before {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -1px;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .left &gt; * {
    padding: 5px 15px 6px 26px;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .right &gt; * {
    padding: 5px 26px 6px 15px;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .left &gt; * {
    margin: 0 5px 0 0;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .left &gt; *::before {
    left: 10px;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .right &gt; * {
    margin: 0 0 0 5px;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .right &gt; *::before {
    right: 10px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .noLink &gt; span {
    color: #fff;
    background: #b2b2b2;
    border-radius: 2px;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .noLink &gt; span::before {
    border-color: #fff;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .black {
    margin: 0 20px;
}

.tbl-seminar-calendar-nav &gt; .nav &gt; .black &gt; span {
    color: #00aaeb;
    font-size: 1.6rem;
}

.tbl-seminar-calendar-nav + .tbl-seminar-calendar {
    margin-top: 20px;
}

.boxexcludeSearchResult &gt; .contents &gt; .calInner &gt; .innerBody &gt; .innerContents &gt; * &gt; :first-child {
    margin-top: 0;
}

.boxexcludeSearchResult &gt; .contents &gt; .calInner &gt; .innerBody &gt; .innerContents &gt; .sub {
    padding: 0;
    background: transparent;
}

#contentsarea .sub a {
    padding: 0;
    background: transparent;
}

.listDesc02 {
    margin: 20px 0 0;
}

.listDesc02 &gt; .list &gt; div + div {
    margin: 10px 0 0;
}

.listDesc02 &gt; .list &gt; div &gt; dt &gt; span {
    display: inline-block;
    padding: 2px 6px;
    background: #e6e6e6;
    color: #7b7b7b;
    text-align: center;
    white-space: nowrap;
}

.listDesc02 &gt; .list &gt; div &gt; dt + dd {
    margin: 5px 0 0;
}

.tbl02 {
    margin: 10px 0 0;
}

.tbl02 &gt; .tbl {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

.tbl02 &gt; .tbl &gt; thead &gt; tr &gt; *,
.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; * {
    text-align: center;
}

.tbl02 &gt; .tbl &gt; thead &gt; tr &gt; th,
.tbl02 &gt; .tbl &gt; thead &gt; tr &gt; td {
    padding: 4px 8px;
    border-right: 1px solid #e6e6e6;
    background: #e6e6e6;
    color: #7b7b7b;
    font-weight: normal;
    width: 100px;
}

.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th.sat,
.boxSearchresultEach.grayedOut .tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th.sat {
    color: #3c91cc;
}

.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th.sun,
.boxSearchresultEach.grayedOut .tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th.sun {
    color: #ec2b51;
}

.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th,
.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; td {
    padding: 4px 8px;
}

.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th {
    background: #e6e6e6;
    color: #333;
    font-weight: normal;
    width: 115px;
}


.tbl02 &gt; .tbl &gt; tbody &gt; tr:not(:last-child) &gt; th {
    border-bottom: 1px solid #fff;
}

.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; td {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.boxSearchresultEach.grayedOut .tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; th {
    background: #f3f3f3;
    color: #7b7b7b;
}

.tbl02 &gt; .tbl &gt; tbody &gt; tr &gt; td &gt; .inner {
    line-height: 1;
}

.tbl02 &gt; .note {
    margin: 10px 0 0;
    text-align: right;
}

.tbl02.fixed &gt; .tbl {
    table-layout: fixed;
}

.iconMark01 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 2.1rem;
    height: 2.1rem;
    color: transparent;
    font-size: 2rem;
    vertical-align: middle;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.iconMark01::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.iconMark01.circle::before {
    content: '\0025cb';
    color: #00aaeb;
    text-shadow: 0 0 1px #00aaeb;
}

.iconMark01.triangle::before {
    content: '\0025b3';
    color: #ec2b51;
    text-shadow: 0 0 1px #ec2b51;
}

.searchBtnWrap &gt; div {
    text-align: center;
}

.searchBtnWrap &gt; div &gt; p {
    text-align: center;
    display: inline-flex;
}

.searchBtnWrap &gt; div &gt; p &gt; span {
    padding: 0 3px;
    font-weight: bold;
    color: #00aaeb;
}

/* ▼公開回答一覧(STU_CSR_G_12010A) */
.checkedCompany .topicPathWrapper {
    padding: 10px;
}

.checkedCompany .topicPathWrapper .topicPath li {
    display: inline-block;
    margin-right: 16px;
    font-size: 1.2rem;
}

.checkedCompany .topicPathWrapper .topicPath li a {
    position: relative;
    text-decoration: underline;
    font-size: 1.2rem;
}

.checkedCompany .topicPathWrapper .topicPath li a::before {
    position: absolute;
    top: 50%;
    right: -16px;
    display: block;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: url(../images/share/arrow_03-20250203105255.png) no-repeat top left;
    background-size: contain;
    content: "";
}

.checkedCompany .boxPageTitleCompanyQAWrapper {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.checkedCompany .boxPageTitleCompanyQA {
    margin: 0;
    padding: 0;
}

.checkedCompany .boxPageTitleCompanyQA &gt; .image {
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.checkedCompany .boxPageTitleCompanyQA &gt; .image &gt; img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.checkedCompany .boxQuestionCompanyQAWrapper {
    margin: 10px 0 0 0;
    line-height: 1.5;
}

.checkedCompany .boxQuestionCompanyQA {
    margin: 0;
    padding: 0;
    color: #00aaeb;
}

.checkedCompany .boxQuestionCompanyQA &gt; .text {
    position: relative;
    padding: 0 0 20px 55px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
}

.checkedCompany .boxQuestionCompanyQA &gt; .text::before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 1.6rem;
    background: #00aaeb;
    color: #fff;
    content: "Q";
}

.checkedCompany .boxErrorCompanyQAWrapper {
    margin: 10px 0;
    padding: 0;
}

.checkedCompany .boxErrorCompanyQA {
    margin: 0;
    padding: 13px;
    background: #fef0f0;
    color: #333333;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
}

.checkedCompany .boxErrorCompanyQA &gt; .text {
    margin: 0;
    padding: 0 0 0 27px;
    min-height: 17px;
    background: url("../images/icon/icon_warning-20250203105254.svg") 0 0 no-repeat;
    background-size: 20px;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: normal;
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

.checkedCompany .boxErrorCompanyQA &gt; .text &gt; strong {
    color: inherit;
    font-style: normal;
    font-weight: normal;
}

.checkedCompany .boxAnswerCompanyQAWrapper {
    margin: 20px 0 0 0;
    padding: 0;
}

.checkedCompany .boxAnswerCompanyQAWrapper + .boxAnswerCompanyQAWrapper {
    margin-top: 20px;
}

.checkedCompany .boxAnswerCompanyQA {
    margin: 0;
    padding: 15px 10px 20px 10px;
    background: #fff;
}

.checkedCompany .boxAnswerCompanyQA &gt; .answer {
    position: relative;
    padding: 0 20px 5px 55px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #006bcd;
}

.checkedCompany .boxAnswerCompanyQA &gt; .answer::before {
    position: absolute;
    top: -2px;
    left: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #00aaeb;
    border: 2px #00aaeb solid;
    content: "A";
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper {
    margin: 15px 0 0 0;
    padding: 0 0 12px 0;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin: 0;
    padding: 15px 15px 10px 15px;
    position: relative;
    background: #e5f6fd;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons::after {
    content: "";
    border-width: 12px 14px 0 14px;
    border-style: solid;
    border-color: #e5f6fd transparent transparent transparent;
    display: block;
    position: absolute;
    bottom: -12px;
    left: 41px;
    width: 28px;
    height: 12px;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons &gt; .imageContainer {
    order: 0;
    flex: 0 0 auto;
    align-self: auto;
    margin: 0 15px 0 0;
    padding: 0;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons &gt; .imageContainer &gt; .imageWrapper {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons &gt; .imageContainer &gt; .imageWrapper &gt; .image {
    display: inline-block;
    max-width: 100%;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons &gt; .textContainer {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    margin: 0;
    padding: 0;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons &gt; .textContainer &gt; .textWrapper {
    margin: 0;
    padding: 0;
}

.checkedCompany .boxAnswerCompanyQA &gt; .balloonsWrapper &gt; .balloons &gt; .textContainer &gt; .textWrapper &gt; .text {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.checkedCompany .boxAnswerCompanyQA &gt; .company {
    margin: 5px 0 0 0;
    padding: 0 0 0 25px;
    position: relative;
    min-height: 20px;
    line-height: 1.5;
    background: url("../images/icon/icon_employee-20250203105254.svg") 0 2px no-repeat;
    background-size: 20px;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper {
    margin: 13px 0 0 0;
    padding: 0;
    line-height: 1.5;
    font-size: 1.4rem;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations {
    margin: 0;
    padding: 0;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item {
    margin: 12px 0 0 0;
    padding: 14px 15px 11px 15px;
    background: #f3f3f3;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item &gt; .list {
    margin: 0;
    padding: 0;
    display: table;
    table-layout: auto;
    width: 100%;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item &gt; .list &gt; * {
    margin: 0;
    padding: 0;
    display: table-row;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item &gt; .list &gt; * &gt; .title {
    padding: 0 16px 0 0;
    display: flex;
    justify-content: space-between;
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
    color: #7b7b7b;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item:first-child &gt; .list &gt; li &gt; .title {
    margin-right: -1em;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item &gt; .list &gt; * &gt; .text {
    padding: 0 0 0 0;
    display: table-cell;
    width: 100%;
}

.checkedCompany .boxAnswerCompanyQA &gt; .informationsWrapper &gt; .informations &gt; .item &gt; .list &gt; * &gt; .text &gt; em {
    color: #00aaeb;
    font-style: normal;
    font-weight: bold;
}

.checkedCompany .boxAnswerCompanyQA &gt; .buttonWrapper {
    margin: 20px 0 0 0;
    text-align: center;
}

.checkedCompany .boxBottomPagenationCompanyQA {
    margin-bottom: 22px;
}

.checkedCompany .leftRight {
    color: #859099;
    margin-top: 20px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.checkedCompany .mainpagePnation &gt; .left {
    top: 8px;
    left: 0;
    line-height: 1;
}

.checkedCompany .mainpagePnation &gt; .left &gt; .count {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}

.checkedCompany .mainpagePnation &gt; .left &gt; .count &gt; .num1 {
    margin: 0 3px;
    font-weight: bold;
    font-size: 2rem;
    color: #00aaeb;
}

.checkedCompany .mainpagePnation &gt; .left &gt; .count &gt; .num2 {
    margin-left: 10px;
}

.checkedCompany .leftRight li:only-child {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.checkedCompany .leftRight li.right &gt; *,
.checkedCompany .leftRight li.left &gt; * {
    position: relative;
    display: block;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 3px;
}

.checkedCompany .leftRight li.left &gt; *::before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 10px -10px 3px;
    vertical-align: middle;
    border-bottom: 1.5px solid #00aaeb;
    border-left: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.checkedCompany .leftRight li.right &gt; *::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 -10px 12px;
    vertical-align: middle;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.checkedCompany .leftRight li.right &gt; a,
.checkedCompany .leftRight li.left &gt; a {
    display: inline-flex;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #b2b2b2;
    background: #fff;
    color: #006bcd;
    font-size: 1.2rem;
    height: 38px;
    min-height: 38px;
    padding: 5px 5px 5px 15px;
}

.checkedCompany .leftRight li.right &gt; a:hover,
.checkedCompany .leftRight li.right &gt; a:active,
.checkedCompany .leftRight li.right &gt; a:focus {
    color: #349eff;
    text-decoration: none;
}

.checkedCompany .leftRight li.left &gt; a:hover,
.checkedCompany .leftRight li.left &gt; a:active,
.checkedCompany .leftRight li.left &gt; a:focus {
    color: #349eff;
    text-decoration: none;
}

.checkedCompany .leftRight li.right &gt; a:hover &gt; span,
.checkedCompany .leftRight li.right &gt; a:active &gt; span,
.checkedCompany .leftRight li.right &gt; a:focus &gt; span {
    text-decoration: none;
}

.checkedCompany .leftRight li.left &gt; a:hover &gt; span,
.checkedCompany .leftRight li.left &gt; a:active &gt; span,
.checkedCompany .leftRight li.left &gt; a:focus &gt; span {
    text-decoration: none;
}

.checkedCompany .leftRight li.right &gt; span,
.checkedCompany .leftRight li.left &gt; span {
    color: #b2b2b2;
    padding: 0;
}

.checkedCompany .leftRight li.right &gt; * {
    padding: 0;
}

.checkedCompany .leftRight li.right &gt; *::after {
    right: 3px;
}

.checkedCompany .leftRight li.right &gt; span::before {
    border-left-color: #e6e6e6;
}

.checkedCompany .leftRight li.left &gt; * {
    padding: 0;
}

.checkedCompany .leftRight li.left.noLink &gt; *::before,
.checkedCompany .leftRight li.right.noLink &gt; *::after {
    display: none;
}

.checkedCompany .leftRight li.back &gt; a:hover,
.checkedCompany .leftRight li.back &gt; a:active,
.checkedCompany .leftRight li.back &gt; a:focus {
    color: #349eff;
    text-decoration: none;
}

.checkedCompany .leftRight li.back &gt; a:hover &gt; span,
.checkedCompany .leftRight li.back &gt; a:active &gt; span,
.checkedCompany .leftRight li.back &gt; a:focus &gt; span {
    text-decoration: none;
}

.checkedCompany .boxContentsRightSide &gt; .condition,
.checkedCompany .boxContentsRightSide &gt; .tgl-hook {
    padding: 10px 15px;
    font-weight: normal;
    font-size: 1.4rem;
    background: #f3f3f3;
}

.boxContentsRightSide02 {
    padding: 3px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.checkedCompany .boxContentsRightSide02 &gt; .condition,
.checkedCompany .boxContentsRightSide02 &gt; .tgl-hook {
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    background: #e6e6e6;
}

.checkedCompany .boxContentsRightSide02 &gt; .inner {
    padding: 16px;
}

/* ▼企業情報（特集情報）(STU_CSR_G_12040A) */
.companyInfoSPCulum &gt; .lead {
    padding: 14px 16px 14px 34px;
    background: #00aaeb;
}

.companyInfoSPCulum &gt; .lead {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding: 16px 30px 16px 16px;
    color: #333;
    background: #fff;
}

.companyInfoSPCulum &gt; .lead opened{
	margin-bottom: 20px;
}

.companyInfoSPCulum &gt; .lead.num {
    flex-direction: row;
    padding: 16px 30px 16px 16px;
}

.companyInfoSPCulum &gt; .lead.num h3::before {
    content: none;
}

.companyInfoSPCulum &gt; .lead.num &gt; span {
margin-right: 15px;
}

.companyInfoSPCulum &gt; .lead + .body {
	position: relative;
}

.companyInfoSPTitle {
    padding: 15px 15px 0 15px;
    background: #fff;
}

.companyInfoSPHeader {
    position: relative;
}

.companyInfoSPHeader::before {
    position: absolute;
    top: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    content: "";
}

.companyInfoSPCulum &gt; .lead + .body {
	position: relative;
}

.companyInfoSPCulum &gt; .lead + .body::before {
    position: absolute;
    top: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    content: "";
}

.companyInfoSPTitle + .companyInfoSPHeader {
    position: relative;
}

.companyInfoSPTitleInner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.companyInfoSPTitleInner &gt; .cat01 {
    position: relative;
    padding-right: 30px;
    color: #00aaeb;
    font-size: 1.2rem;
    font-weight: bold;
}

.companyInfoSPTitleInner &gt; .cat01::before {
    position: absolute;
    top: 3px;
    right: 15px;
    display: block;
    width: 1px;
    height: calc(100% - 7px);
    background: #00aaeb;
    content: "";
}

.companyInfoSPTitleInner &gt; h2 {
    color: #00aaeb;
    font-weight: bold;
    font-size: 1.2rem;
}

.companyInfoSPTitleInner &gt; h3 {
    width: 100%;
    font-weight: bold;
    font-size: 1.6rem;
}

.companyInfoSPTitleInner &gt; * + h3 {
    margin-top: 5px;
}

.companyInfoSPTitleInner &gt; .icon {
    display: inline-block;
    margin-top: 10px;
    padding: 1px 10px;
    font-size: 1.2rem;
    color: #fff;
    background: #3650b0;
    border-radius: 6px;
}

.companyInfoSPCulum &gt; .lead &gt; h3 {
    font-weight: bold;
    font-size: 1.6rem;
}

#personHead &gt; .txtR &gt; .profile {
    font-weight: bold;
}

/* ▼インターンシップ検索条件入力(STU_CSR_G_13000A) */
@media only screen and (max-width: 320px) {
    #new-headerMain #headerMain div#globalNavMain li.nav02:after {
        transform: translateX(-50%) scale(0.8,0.8);
    }
}

#contentsleft.is-close {
    position: relative;
    width: 100%;
    min-height: calc(100vw * 1432 / 750);
}

#contentsleft.is-close &gt; form,
#contentsleft.is-close ~ #companyDetail,
#contentsleft.is-close &gt; div {
    display: none;
}

.searchMySelect {
    align-items: center;
    display: inline-flex;
    margin: 15px 15px 0;
    position: relative;
}

.searchMySelect label {
    padding-left: 30px;
}

/* ▼先輩検索条件入力(STU_CSR_G_16010A) */
.searchSelectBox .searchSelectToggle {
    border: 1px solid #E6E6E6;
}

.searchSelectBox .searchSelectToggle &gt; li {
    border-bottom: 1px solid #E6E6E6;
}

.searchSelectBox .searchSelectToggle &gt; li + li {
    margin-top: 0;
}

.searchSelectBox .searchSelectToggle li:last-child  {
    border-bottom: none;
}

.searchSelectBox .searchSelectToggle li h5 {
    position: relative;
    padding: 15px;
    font-size: 1.4rem;
    font-weight: normal;
}

.searchSelectBox .searchSelectToggle li h5::before {
    right: 15px;
}

.searchSelectBox .searchSelectToggle li h5::after {
    right: 20px;
}

.searchSelectBox .searchSelectToggle .searchSelectToggleContent {
    display: none;
    padding: 10px 15px 30px;
}

.searchSelectBox .searchSelectToggle .searchSelectToggleContent .check {
    margin-bottom: 13px;
}

.searchSelectBox .searchSelectToggle .searchSelectToggleContent .check &gt; span {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e6e6e6;
}

.searchSelectBox .searchSelectToggle .searchSelectToggleContent .check &gt; span:last-child {
    border-right: none;
}

.searchSelectBox .searchSelectToggle .searchSelectToggleContent &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -30px;
}

.searchSelectBox .searchSelectToggle .searchSelectToggleContent &gt; ul &gt; li {
    width: calc(50% - 30px);
    margin-top: 10px;
    margin-left: 30px;
}

/* ▼先輩検索結果一覧(STU_CSR_G_17010A) */
* + .boxSearchTermsObOg {
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 40px 10px;
    padding: 3px;
}

.boxSearchTermsObOg &gt; .title {
    display: flex;
    align-items: flex-start;
    padding: 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    color: #333;
    background: #e6e6e6;
}

.boxSearchTermsObOg &gt; .terms {
    padding: 16px;
    background: #fff;
}

.boxSearchTermsObOg &gt; .terms &gt; li {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
}

.boxSearchTermsObOg &gt; .terms &gt; li + li {
    margin-top: 10px;
}

.boxSearchTermsObOg &gt; .terms &gt; li &gt; *:not(.text) {
    font-weight: bold;
}

.boxSearchTermsObOg &gt; .terms &gt; li &gt; .text {
    width: 100%;
}

.boxSearchLinkListObOg {
    padding: 0 10px;
}

.boxSearchLinkListObOg .link-list-01 li {
    margin-top: 10px;
}

.boxSearchErrorObOgWrapper {
    margin: 10px 0;
    background: #fdfde7;
}

.boxSearchErrorObOg {
    padding: 13px;
    color: #333333;
    background: #fef0f0;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
}

.boxSearchErrorObOg &gt; .title {
    font-size: 1.4rem;
    background: url("../images/icon/icon_warning-20250203105254.svg") 0 2px no-repeat;
    background-size: 20px;
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

.boxSearchErrorObOg &gt; .messages {
    margin: 15px 0 0 20px;
}

.boxSearchErrorObOg &gt; .messages &gt; * {
    margin-top: 9px;
    list-style-type: disc;
    font-size: 1.4rem;
}

.boxSearchErrorObOg &gt; .messages &gt; *:first-of-type {
    margin-top: 0;
}

.boxSearchErrorObOg &gt; .messages &gt; *::before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: #f3f3f3;
    border-radius: 50%;
    content: "";
}

.boxSearchResultObOgWrapper {
    position: relative;
    width: 100%;
    padding: 0 10px;
}

.companySec .boxSearchResultObOgWrapper {
    padding: 0;
}

.boxSearchResultObOg {
    position: relative;
}

.boxSearchResultObOg &gt; .item {
    position: relative;
    margin-top: 20px;
    background: #fff;
}

.boxSearchResultObOg &gt; .item:first-of-type {
    margin-top: 0;
}

.boxSearchResultObOg &gt; .item &gt; a {
    text-decoration: none;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .imageWrapper {
    text-align: center;
    line-height: 1;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .imageWrapper &gt; img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents {
    position: relative;
    padding: 20px 16px;
    line-height: 1.5;
}

.boxSearchResultObOg &gt; .item:has(.buttonWrapper) &gt; a &gt; .contents {
    padding: 20px 16px 5px;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .end {
    position: absolute;
    top: -30px;
    left: 50%;
    width: calc(100% - 50px);
    margin: 0;
    padding: 12px 14px 11px 14px;
    font-size: 1.4rem;
    text-align: center;
    background: #b2b2b2;
    transform: translateX(-50%);
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .end &gt; em {
    font-weight: normal;
    font-style: normal;
    color: #fff;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .title {
    font-weight: bold;
    font-style: normal;
    font-size: 1.6rem;
}

.boxSearchResultObOg &gt; .item &gt; a:hover &gt; .contents &gt; .title {
    text-decoration: underline;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations {
    position: relative;
    margin: 12px 0 0 0;
    font-size: 1.4rem;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; *,
.boxSearchResultObOg &gt; .item &gt; a .person li,
.personData .personText .person li {
    overflow-y: visible;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0 0 0 28px;
    color: #333;
    text-overflow: ellipsis;
    background-color: transparent;
    background-attachment: scroll;
    background-position: 0 0;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: no-repeat;
    line-height: 1.6;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; * {
    margin: 8px 0 0 0;
    min-height: 20px;
    overflow-x: hidden;
    white-space: nowrap;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; *:first-of-type,
.personData .personText .person li:first-of-type {
    margin-top: 0;
}

#displayObogListForm .personData .personText .person li:first-of-type,
.boxSearchResultObOg &gt; .item &gt; a .person li:first-of-type {
    margin: 10px 0 0 0;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; .company {
    background: url("../images/icon/icon_building-20250203105254.svg") top 1px left / 20px no-repeat;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; .name,
.boxSearchResultObOg &gt; .item &gt; a .person li.name,
.personData .personText .person .name {
    background: url("../images/icon/icon_user-20250203105254.svg") top 1px left / 20px no-repeat;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; .graduate,
.boxSearchResultObOg &gt; .item &gt; a .person li.graduate,
.personData .personText .person .graduate {
    background: url("../images/icon/icon_graduationCap-20250203105254.svg") top 1px left / 20px no-repeat;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; .department,
.boxSearchResultObOg &gt; .item &gt; a .person li.department,
.personData .personText .person .department {
    background: url("../images/icon/icon_pencil-20250203105254.svg") top 1px left / 20px no-repeat;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; .work,
.boxSearchResultObOg &gt; .item &gt; a .person li.work,
.personData .personText .person .work {
    background: url("../images/icon/icon_bag-20250203105254.svg") top 1px left / 20px no-repeat;
}

.boxSearchResultObOg &gt; .item &gt; a &gt; .contents &gt; .informations &gt; .time,
.boxSearchResultObOg &gt; .item &gt; a .person li.time,
.personData .personText .person .time {
    background: url("../images/icon/icon_clock-20250203105254.svg") top 1px left / 20px no-repeat;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper {
    position: relative;
    margin: 17px 0 0 0;
    text-align: center;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper {
    position: relative;
    padding: 0 16px 20px;
    text-align: center;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper &gt; .btn-01 {
    width: 100%;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior {
    position: relative;
    margin-top: 50px;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior {
    position: absolute;
    top: -40px;
    display: block;
    width: 91%;
    padding: 4px;
    font-size: 1.2rem;
    color: #006bcd;
    text-align: center;
    background: #fff;
    border: 1px solid #006bcd;
    border-radius: 2px;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior::after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 10px;
    height: 7px;
    margin-left: -5px;
    background: url(../images/icons/icon_balloon_arrow-20250203105254.png) no-repeat 0 0;
    content: "";
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span {
    position: relative;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span::before {
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    content: "";
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver01 {
    padding-left: 22px;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver01::before {
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_user-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver02 {
    padding-left: 30px;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver02::before {
    width: 20px;
    height: 20px;;
    background: url(../images/icon/icon_users-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver03 {
    padding-left: 28px;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver03::before {
    top: -5px;
    left: -10px;
    width: 26px;
    height: 26px;
    background: url(../images/icon/icon_multipleUsers-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver04 {
    padding-left: 35px;
}

.boxSearchResultObOg &gt; .item &gt; .buttonWrapper.hasIconSenior .iconCountSenior &gt; span.ver04::before {
    top: -5px;
    width: 26px;
    height: 26px;
    background: url(../images/icon/icon_multipleUsers-20250203105254.svg) no-repeat 0 0;
    background-size: contain;
}

.boxResultPageObOg .obogBanner {
    width: 95%;
    margin: 20px auto 0;
    box-sizing: border-box;
}

.boxResultPageObOg .obogBanner img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

/* ▼企業情報（取材情報一覧）(STU_CRP_G_23010A) */
/* .boxSP, .boxTOK */
.boxSP &gt; .inner &gt; .innerHeader,
.boxTOK &gt; .inner &gt; .innerHeader {
    color: #333;
    margin: 30px 0 0;
    padding: 13px;
    background: #fff;
}

.boxSP &gt; .inner &gt; .innerHeader h2,
.boxTOK &gt; .inner &gt; .innerHeader h2 {
    font-weight: bold;
    font-size: 1.6rem;
}

.boxSP &gt; .inner &gt; .innerHeader a:not(#bookmarkLink),
.boxTOK &gt; .inner &gt; .innerHeader a:not(#bookmarkLink) {
    display: block;
    margin-top: 15px;
    padding: 5px;
    font-size: 1.2rem;
    text-align: center;
    background: #fff;
    box-shadow: none;
    border-radius: 2px;
    max-width: 160px;
    border: 1px solid #b2b2b2;
}

.boxSP &gt; .inner &gt; .innerBody,
.boxTOK &gt; .inner &gt; .innerBody {
    position: relative;
    padding: 15px 13px;
    background: #fff;
}

.boxSP &gt; .inner &gt; .innerBody::before,
.boxTOK &gt; .inner &gt; .innerBody::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    content: "";
}

.boxSP &gt; .inner &gt; .innerBody .boxImg,
.boxTOK &gt; .inner &gt; .innerBody .boxImg {
    margin-bottom: 15px;
    text-align: center;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt &gt; * + *,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt &gt; * + * {
    margin-top: 10px;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt &gt; h3,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt &gt; h3 {
    font-weight: normal;
    letter-spacing: 1px;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt &gt; h3 &gt; a,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt &gt; h3 &gt; a {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt &gt; h3.new &gt; a,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt &gt; h3.new &gt; a {
    padding-left: 56px;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt &gt; h3.new &gt; a::before,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt &gt; h3.new &gt; a::before {
    align-items: center;
    border: solid 1px #ec2b51;
    border-radius: 4px;
    color: #ec2b51;
    content: "NEW";
    display: inline-flex;
    font-size: 1.2rem;
    height: 24px;
    left: 0;
    line-height: 1;
    padding: 1px 8px !important;
    position: absolute;
    white-space: nowrap;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt &gt; h4,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt &gt; h4 {
    letter-spacing: 1px;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt tt + a,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt tt + a {
    display: inline-block;
    margin-left: 5px;
    font-size: 1.4rem;
}

.boxSP &gt; .inner &gt; .innerBody .boxTxt .icon,
.boxTOK &gt; .inner &gt; .innerBody .boxTxt .icon {
    display: inline-block;
    padding: 2px 10px;
    font-size: 1.2rem;
    color: #fff;
    background: #3c91cc;
    border-radius: 8px;
}

.boxSP &gt; .inner &gt; .innerBody + .innerBody,
.boxTOK &gt; .inner &gt; .innerBody + .innerBody {
    margin-top: 30px;
}

/* ============================================================================
 * セミナー系画面(STU_SEM_G_XXXXXA)
 * ========================================================================= */
/* 各画面共通 */
.seminarListInner {
    padding: 15px 13px;
    background: #fff;
}

.tableSeminar {
    display: block;
}

.tableSeminar + .tableSeminar {
    margin-top: 20px;
}

.modalContent .boxAttention01 + .tableSeminar {
    margin-top: 15px;
}

.tableSeminar tbody,
.tableSeminar tr,
.tableSeminar td {
    display: block;
}

.tableSeminar th {
    display: none;
}

.tableSeminar th,
.tableSeminar td {
    padding: 0;
}

.tableSeminar tr {
    background: #fff;
}

/* セミナーのテーブルレイアウト変更(22H受け入れテスト対応分) */
.tableSeminar tr:not(:first-child) {
    padding: 0 16px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.tableSeminar tbody,
.tableSeminar tr,
.tableSeminar td {
    display: block;
}

.tableSeminar tr:not(:first-child) .date {
    margin: 3px -13px 16px;
    padding: 8px 16px;
    text-align: center;
    background: #e6e6e6;
}

.tableSeminar tr:not(:first-child) td:not(.date) {
    padding-top: 8px;
    padding-bottom: 8px;
}

.tableSeminar tr:not(:first-child) td.time {
    padding-top: 0px;
}

.tableSeminar tr:not(:first-child) td.submit {
    padding-bottom: 16px;
}

.tableSeminar tr:not(:first-child) td::before {
    display: inline-block;
    margin: -1px 10px 2px 0;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 1.2rem;
    color: #fff;
    vertical-align: top;
    background: #859099;
}

.tableSeminar tr:not(:first-child) td:not(.date) + td {
    border-top: 1px solid #e6e6e6;
}

.tableSeminar tr:not(:first-child) + tr {
    margin-top: 20px;
}

.tableSeminar tr td br + * {
    margin-top: 5px;
}

.tableSeminar tr td .linkList {
    margin-top: 10px;
}

/* .tableSeminar tr .date::before { */
    /* 開催日 */
    /* content: "\958b\50ac\65e5"; */
/* } */

.tableSeminar tr .time::before {
    /* 時間 */
    content: "\6642\9593";
}

.tableSeminar tr .area::before {
    /* 地区 */
    content: "\5834\6240";
}

.tableSeminar tr .place::before {
    /* 備老E��会場など�E�E*/
    content: "\5099\8003\FF08\4F1A\5834\306A\3069\FF09";
}

.tableSeminar tr .target::before {
    /* 対象 */
    content: "\5BFE\8C61";
}

.tableSeminar tr .submit::before {
    /* 予約 */
    content: "\4e88\7d04";
}

.tableSeminar tr .company::before {
    /* 企業名 */
    content: "\4f01\696d\540d";
}

.tableSeminar tr .event::before {
    /* 企業名 */
    content: "\30a4\30d9\30f3\30c8\540d";
}

.tableSeminar tr .senior::before {
    /* 会える先輩 */
    content: "\4f1a\3048\308b\5148\8f29";
}

.tableSeminar tr .submit.full {
    padding-bottom: 12px;
    color: #ec2b51;
    text-align: left;
}

/* WEBセミナー注釈 */
.seminar_btn {
    background: #fdfde7;
    padding: 10px;
}

.seminar_annotation {
    margin-top: 10px;
}

/* セミナー情報一覧（会員）(STU_SEM_G_01020A_sp) */
.slideToggle01 .slideToggle01Btn {
    display: inline-block;
    margin-top: 24px;
    text-align: center;
    width: 100%;
}

.slideToggle01Btn &gt; span {
    border: 1px solid #b2b2b2;
    border-radius: 2px;
    color: #006bcd;
    display: block;
    font-size: 1.3rem;
    margin: 0 auto;
    padding: 8px;
    position: relative;
}

.slideToggle01Btn &gt; span::before,
.slideToggle01Btn &gt; span::after {
    position: absolute;
    top: 18px;
    display: inline-block;
    width: 9px;
    height: 1px;
    background: #006bcd;
    content: "";
}

.slideToggle01Btn &gt; span::before {
    right: 12px;
}

.slideToggle01Btn &gt; span::after {
    right: 18px;
}

.slideToggle01.close .slideToggle01Btn &gt; span::before,
.slideToggle01.open .slideToggle01Btn &gt; span::after {
    transform: rotate(134deg);
}

.slideToggle01.close .slideToggle01Btn &gt; span::after,
.slideToggle01.open .slideToggle01Btn &gt; span::before {
    transform: rotate(-134deg);
}

/* ▼セミナー情報（会員）(STU_SEM_G_02020A_sp) */
.boxSeminarText1 {
    margin-bottom: 0;
}

.seminarListInner .tableSeminar .modalContent .tableSeminar td {
    background-color: #fff;
}

.seminarSenior {
    padding: 16px;
}

.internHeading01 + .seminarSenior {
    padding: 0 16px 16px;
}

.companyInfo.seminar .internHeading01 {
    padding: 16px;
}

.sliderSenior {
    overflow: hidden;
    padding: 10px;
}

.sliderSenior &gt; .inner {
    display: flex;
    overflow-x: auto;
}

.sliderSenior &gt; .inner &gt; .item {
    min-width: 263px;
}

.sliderSenior &gt; .inner &gt; .item + .item {
    margin-left: 10px;
}

.sliderSenior &gt; .inner &gt; .item &gt; .link {
    display: block;
    position: relative;
}

.sliderSenior &gt; .inner &gt; .item  &gt; .link:hover,
.sliderSenior &gt; .inner &gt; .item  &gt; .link:active,
.sliderSenior &gt; .inner &gt; .item  &gt; .link:focus {
    opacity: .8;
}

.sliderSenior &gt; .inner &gt; .item &gt; .link &gt; .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px 10px;
    background: rgb(0 0 0 / .25);
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
}

.link-01.error::after {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    background: url(../images/icon/icon_warning-20250203105254.svg) no-repeat 0 0;
    background-size: cover;
    content: "";
    filter: brightness(0) saturate(100%) invert(26%) sepia(53%) saturate(3284%) hue-rotate(329deg) brightness(94%) contrast(98%);
}

.text-center {
    text-align: center !important;
}

.tableSeminarCaption {
    margin-top: 15px;
}

.tableSeminarCaption &gt; ul &gt; li + li {
    margin-top: 5px;
}

.tableSeminarCaption &gt; ul &gt; .transit {
    text-align: right;
}

.tableSeminarCaption &gt; ul &gt; .transit &gt; a {
    position: relative;
    display: inline-block;
}

.tableSeminarCaption &gt; ul &gt; .transit &gt; a::before {
    position: absolute;
    top: 11px;
    left: -20px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

/* ============================================================================
 * ユーザー系画面(STU_USR_G_XXXXXA)
 * ========================================================================= */
/* 活動記録(STU_USR_G_34010A) */
.actionTable .dataTable {
    display: block;
    padding: 15px 13px;
    background: #fff;
}

.actionTable .dataTable + .actionTable .dataTable {
    margin-top: 20px;
}

.actionTable .dataTable tbody,
.actionTable .dataTable tr,
.actionTable .dataTable td {
    display: block;
}

.actionTable .dataTable .header {
    display: none;
}

.actionTable .dataTable th,
.actionTable .dataTable td {
    margin: 0;
    padding: 0;
}

.actionTable .dataTable tr:not(.header) {
    padding: 0 16px;
    border: 1px solid #e6e6e6;
}

.actionTable .dataTable tr:not(.header) + tr {
    margin-top: 20px;
}

.actionTable .dataTable tr:not(.header) td:not(.date) {
    padding-top: 16px;
    padding-bottom: 16px;
}

.actionTable .dataTable tr:not(.header) td:not(.date) + td:not(.none) {
    border-top: 1px solid #e6e6e6;
}

.actionTable .dataTable .messageTitle {
    display: inline-block;
    margin-top: 4px;
}

.actionTable .dataTable tr:not(.header) td &gt; * + * {
    margin-top: 10px;
}

.actionTable .dataTable tr:not(.header) td &gt; * + .btn {
    margin-top: 20px;
}

.actionTable .dataTable tr:not(.header) td &gt; .btn &gt; li + li {
    margin-top: 10px;
}

.actionTable .dataTable tr:not(.header) .none {
    padding: 0 !important;
}

.actionTable .dataTable tr:not(.header) .date {
    margin: 3px -13px;
    padding: 8px 16px;
    text-align: center;
    color: #333;
    background: #e6e6e6;
    font-weight: normal;
}

.actionTable .dataTable .map {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    padding-left: 18px;
    font-size: 1.4rem;
}

.actionTable .dataTable .map::before {
    position: absolute;
    top: 12px;
    left: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid #00aaeb;
    border-right: 1.5px solid #00aaeb;
    content: "";
    transform: rotate(45deg) scale(.7) skew(-8deg, -8deg);
    transform-origin: 100% 0;
}

.actionTable .dataTable .notRead,
.actionTable .dataTable .read,
.actionTable .dataTable .reply {
    display: inline-block;
    margin: -1px 8px 0 0;
    padding: 1px 8px;
    font-weight: normal;
    vertical-align: middle;
}

.actionTable .dataTable .notRead::before,
.actionTable .dataTable .read::before,
.actionTable .dataTable .reply::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 0;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}

.actionTable .dataTable .notRead {
    color: #00aaeb;
    font-weight: bold;
}

.actionTable .dataTable .notRead::before,
.actionTable .dataTable .read::before {
    background-image: url(../images/icon/icon_check-20250203105254.svg);
}

.actionTable .dataTable .read {
    color: #859099;
}

.actionTable .dataTable .read::before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(3421%) hue-rotate(272deg) brightness(92%) contrast(79%);
}

.actionTable .dataTable .cancel {
    color: #ec2b51;
}

.actionTable .dataTable .reply {
    color: #859099;
}

.actionTable .dataTable .reply::before {
    background-image: url(../images/icon/icon_reply-20250203105254.svg);
}

.actionTable .dataTable .attachment01,
.actionTable .dataTable .attachment02,
.actionTable .dataTable .attachment03 {
    position: relative;
    padding-right: 20px;
}

.actionTable .dataTable .attachment01::after,
.actionTable .dataTable .attachment02::after,
.actionTable .dataTable .attachment03::after {
    content: "";
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 6px;
    vertical-align: bottom;
}

.actionTable .dataTable .attachment01::after {
    width: 14px;
    background: url(../images/icon/clipUser.svg) 0 0 no-repeat;
    background-size: 14px auto;
}

.actionTable .dataTable .attachment02::after {
    width: 14px;
    background: url(../images/icon/clipBuilding.svg) 0 0 no-repeat;
    background-size: 14px auto;
}

.actionTable .dataTable .attachment03::after {
    background: url(../images/icon/clipUser.svg) 0 0 / 18px no-repeat, url(../images/icon/clipBuilding.svg) left 20px top 0 / 18px no-repeat;
    width: 34px;
    background-size: 14px auto;
}

.actionTable .dataTable .cancel {
    color: #ec2b51;
}

.actionTable .dataTable .notRead::before, .actionTable .dataTable .read::before, .actionTable .dataTable .reply::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 0;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}

.actionTable &gt; .inner &gt; .entrySec &gt; .inner {
    padding-bottom: 16px;
}

.actionTable &gt; .inner &gt; .entrySec &gt; .inner &gt; p {
    background: #fafafa;
    margin: -38px 16px 0;
    padding: 16px;
}

.actionTable .statusSelect {
    box-shadow: none;
    border: 1px solid #e6e6e6;
    margin: 0 13px 15px;
}

.actionTable .statusSelect &gt; h3 {
    margin: 3px;
    padding: 8px 30px 8px 16px;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: left;
    background: #e6e6e6;
}

.actionTable .statusSelect &gt; h3::before,
.actionTable .statusSelect &gt; h3::after {
    background: #333;
}

.actionTable .statusSelect .statusSelectBox {
    display: flex;
    align-items: center;
    position: relative;
}

.actionTable .statusSelect .statusSelectBox::before {
    position: absolute;
    top: 18px;
    right: 13px;
    z-index: 1;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    content: "";
    transform: rotate(135deg);
    pointer-events: none;
}

.actionTable .statusSelect .statusSelectBox select {
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    padding: 10px 30px 10px 10px;
    min-height: 48px;
    width: 100%;
    margin-bottom: 10px;
}

/*----------------------------------------
 AIGENT RECOMMENDER
----------------------------------------*/
#companyDetail .dv_recommend_wrap &gt; .dv_recommend_heading {
    position: relative;
    margin: 37px 0 13px;
    padding: 0 15px 0;
    font-weight: normal;
    font-size: 2rem;
}

#companyDetail .dv_recommend_wrap &gt; .dv_recommend_heading::before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 2px;
    height: calc(100% - 6px);
    background: #00aaeb;
    content: "";
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend {
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: calc(100% + 25px);
    margin: 0 0 0 -15px;
    padding: 0 0 0 15px;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100% - 20px) / 2);
    padding: 20px 10px;
    margin-right: 10px;
    background: #fff;
}
@media all and (-ms-high-contrast: none) {
    #companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items {
        width: calc((100% - 24px) / 2);
    }
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items:not(:last-child),
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items:not(:nth-last-child(2)) {
    margin-bottom: 16px;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; a &gt; .dv_rc_txt {
    line-height: 1.4;
    text-align: center;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; a &gt; .dv_rc_txt &gt; .dv_rc_name {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; a &gt; .dv_rc_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
    margin-top: 14px;
    margin-bottom: 15px;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; a &gt; .dv_rc_img &gt; img {
    max-width: 85px;
    max-height: 65px;
    border-bottom: 0;
    margin: 0 auto;
    padding: 0;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .dv_rc_industry,
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .dv_rc_address {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .dv_rc_industry &gt; dt,
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .dv_rc_address &gt; dt {
    width: 3em;
    line-height: 2;
    color: #7b7b7b;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .dv_rc_industry &gt; dd,
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .dv_rc_address &gt; dd {
    overflow: hidden;
    width: calc(100% - 3em);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.4rem;
}
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; p {
    width: calc(100% - 2px);
    margin: 10px auto 0;
}

#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .entry,
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .bookmark {
    /* display: none; */
}

#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .entry &gt; .btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 46px;
    padding: 8px 20px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
    background: #f67e28;
    border: none;
}

/* 先行期間ではエントリーボタンを非表示 */
/* #companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .entry &gt; .btn01 {
    display: none;
} */

#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .bookmark &gt; .btn02 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    color: #006bcd;
    background: #fff;
    border: 1px solid #b2b2b2;
}

#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .reserve &gt; .btn03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 46px;
    padding: 8px 20px;
    font-size: 0;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background: #006bcd;
}

/* 全機能期間では予約リストを非表示 */
#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .reserve &gt; .btn03 {
    display: none;
}

#companyDetail .dv_recommend_wrap &gt; .dv_recommend &gt; .dv_rc_items &gt; .btn-wrap &gt; .reserve &gt; .btn03:after {
    content: "\4E88\7D04\30EA\30B9\30C8\8FFD\52A0";
    color: #fff;
    font-size: 1.2rem;
}

/* ==============================================================================================
  Adjust
================================================================================================= */
.aright {
    text-align: right;
}

.sp-hide,
.pcBtn,
.searchSearchPlink,
.searchSearchBtn,
#searchResultbanner,
#box_design,
.pcOnly {
    display: none !important;
}

.aright {
    text-align: right !important;
}

.aLeft {
    text-align: left !important;
}

.acenter {
    text-align: center !important;
}

.mt10 {
    margin-top: 10px !important;
}

.disp-sp-none {
    display: none;
}

.disp-block {
    display: block !important;
}

.txtDeadline {
    color: #ec2b51;
}

.w10pct {
    width: 10% !important;
}

.w20pct {
    width: 20% !important;
}

.w30pct {
    width: 30% !important;
}

.w40pct {
    width: 40% !important;
}

.w50pct {
    width: 50% !important;
}

.w60pct {
    width: 60% !important;
}

.w70pct {
    width: 70% !important;
}

.w80pct {
    width: 80% !important;
}

.w90pct {
    width: 90% !important;
}

.w100pct {
    width: 100% !important;
}

.hr_clear,
.site-top,
.toSitetop,
.pcOnly,
#box_design {
    display: none !important;
}

/*
 * z-index
** ------------------------------------------------------ */
#headerMain .spUtility {
    z-index: 1001;
}

#headerMain .spBtn01 {
    z-index: 1002;
}

#siteLogo {
    z-index: 1001;
}

.new-menuBox01 {
    z-index: 1030;
}

.boxHeadEntry {
    z-index: 100;
}

.footerFixedEntries02 {
    z-index: 1015;
}

.js-fixedBtn {
    z-index: 1020;
}


/* ==============================================================================================
「予約リスト登録なし」かつ「検討リスト登録あり」の場合のエントリー受付企業一覧モーダル
================================================================================================= */
.entry-modal-consider {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
}

.entry-modal-consider-inner {
    position: relative;
    max-height: calc(100vh - 100px);
    background: #fff;
}

.entry-modal-consider-hdg {
    margin-bottom: 10px;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}

.entry-modal-consider-lead {
    color: #fff;
    margin: 0;
    text-align: center;
}

.entry-modal-consider-slider-item {
    padding: 15px 15px 0 15px;
    background: #00aaeb;
    max-height: calc(100vh - 100px);
}

.entry-modal-consider-nav {
    display: flex;
    font-size: 1.2rem;
    justify-content: flex-start;
    margin: 20px 0 15px;
}

.entry-modal-consider-nav &gt; li {
    padding: 0 15px 0 0;
}

.entry-modal-consider-nav &gt; li:not(:first-child) {
    border-left: 1px solid #e2e2e2;
    padding: 0 15px;
}

.entry-modal-consider-nav &gt; li &gt; button {
    color: #fff;
    text-decoration: underline;
}

.entry-modal-consider-nav &gt; li &gt; a {
    color: #b2b2b2;
    cursor: default;
}

.entry-modal-consider-box {
    margin: 15px 0 0;
}

.entry-modal-consider-box.scroll &gt; .inner {
    height: 150px;
    overflow-y: scroll;
}

.entry-modal-consider-box.scroll ~ .entry-modal-consider-box.scroll {
    margin-bottom: 24px;
}

.entry-modal-consider-box.wide.scroll &gt; .inner {
    max-height: 400px;
    height: auto;
}

@media only screen and (max-width: 320px) {
    .entry-modal-consider-box.wide.scroll &gt; .inner {
        max-height:288px;
    }
}

.entry-modal-consider-form-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 0;
    margin-bottom: 115px;
}

@media only screen and (max-width: 320px) {
    .entry-modal-consider-form-list {
        margin-bottom: 110px;
    }
}

.entry-modal-consider-form-list &gt; li {
    margin: 0;
    width: calc(50% - 4px);
}

.entry-modal-consider-form-list &gt; li:nth-child(-n+3) {
    margin-top: 0;
}

.entry-modal-consider-form-check {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.entry-modal-consider-form-check &gt; .input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.entry-modal-consider-form-check &gt; .content {
    display: block;
    position: relative;
    padding: 40px 10px 10px 10px;
    height: 100%;
    box-shadow: 0 0 5px 0 rgb(0, 0, 0, .25);
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

.entry-modal-consider-form-check &gt; .content::before,
.entry-modal-consider-form-check &gt; .content::after {
    content: "";
    display: block;
    position: absolute;
}

.entry-modal-consider-form-check &gt; .content::before {
    top: 12px;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border: 1px solid #ccc;
    background: #fff;
}

.entry-modal-consider-form-check &gt; .content::after {
    top: 14px;
    left: 50%;
    width: 5px;
    height: 10px;
    margin-left: -2.5px;
    border-right: 1px solid #00aaeb;
    border-bottom: 1px solid #00aaeb;
    transform: rotate(45deg);
    opacity: 0;
}

.entry-modal-consider-form-check &gt; .content &gt; span {
    display: block;
    text-align: center;
}

.entry-modal-consider-form-check &gt; .content &gt; .img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.entry-modal-consider-form-check &gt; .content &gt; .img &gt; img {
    display: inline;
    vertical-align: bottom;
    max-width: 80px;
    max-height: 80px;
}

.entry-modal-consider-form-check &gt; .content &gt; .txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 10px;
    font-size: 1.2rem;
}

.entry-modal-consider-form-check &gt; .input:checked + .content {
    background-color:#fff9ce;
    border-color: #00aaeb;
    box-shadow: none;
}

.entry-modal-consider-form-check &gt; .input:checked + .content::after {
    opacity: 1;
}

.entry-modal-fixed-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    background: rgb(40 48 51 / .8);
    z-index: 9999;
}

.entry-modal-fixed-nav &gt; p {
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    margin: 0 0 5px;
}

.entry-modal-fixed-nav &gt; p span {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 5px;
}

.entry-modal-fixed-nav &gt; .entry-modal-consider-btn-lyt &gt; .btn-02 {
    background-color: #f57c31;
    border: none;
    color: #fff;
    cursor: default;
}

.entry-modal-fixed-nav &gt; .entry-modal-consider-btn-lyt &gt; .btn-02:hover,
.entry-modal-fixed-nav &gt; .entry-modal-consider-btn-lyt &gt; .btn-02:active,
.entry-modal-fixed-nav &gt; .entry-modal-consider-btn-lyt &gt; .btn-02:focus {
    background: #f79b62;
}

.entry-modal-fixed-nav &gt; .entry-modal-consider-btn-lyt &gt; .btn-02:disabled {
    background-color: #b2b2b2;
    color: #fff;
    cursor: default;
}

.entry-modal-Close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.entry-modal-Close:before,
.entry-modal-Close:after {
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
    width: 2px;
    height: 20px;
    background:#fff;
    content: "";
}

.entry-modal-Close:before {
    transform: rotate(45deg);
}

.entry-modal-Close:after {
    transform: rotate(-45deg);
}</pre></body></html>