.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

.nav-tabs>li>a {
    font-size: 16px
}

a:active,
a:hover,
a:link,
a:visited {
    /*202505デザイン調整 start*/
    /* color: #ae0013; */
    color: #CB050C;
     /*202505デザイン調整 end*/
    text-decoration: none
}

.navbar .nav>li>a {
    float: none;
    padding: 12px 15px;
    color: #fff
}

.navbar .nav>li>a,
.navbar .nav>li>a:hover {
    text-decoration: none;
    text-shadow: 0 1px 0 #c80f1e
}

.navbar .nav>li>a:hover {
    background-color: #ae0013
}

#header .navbar {
    background-color: #c80f1e
}

#header .navbar .navbar-header .navbar-brand {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0
}

#header .navbar .navbar-header .navbar-brand h1 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 44px;
    color: #fff
}

#header .navbar .nav li a {
    padding: 15px;
    text-shadow: none
}

#header .navbar .nav>.open>a,
#header .navbar .nav>.open>a:focus,
#header .navbar .nav>.open>a:hover {
    background-color: #df2020;
    color: #fff
}

#header .navbar .nav>.open>a .caret,
#header .navbar .nav>.open>a:focus .caret,
#header .navbar .nav>.open>a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

#header .navbar .nav>.active>a,
#header .navbar .nav>.active>a:focus,
#header .navbar .nav>.active>a:hover {
    font-weight: 700;
    color: #b30000;
    text-decoration: none;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

#header .navbar .nav>.active>a .caret,
#header .navbar .nav>.active>a:focus .caret,
#header .navbar .nav>.active>a:hover .caret {
    border-top-color: #b30000;
    border-bottom-color: #b30000
}

#header .navbar .btn {
    margin: 10px 0;
    padding: 0 10px;
    height: 30px;
    border: 0;
    background: #e65a5a;
    color: #fff;
    line-height: 30px;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px
}

#header .navbar .btn:hover {
    background: #f00000
}

.alert strong {
    color: #b62635
}

.alert-info strong {
    color: #3a87ad
}

.alert a {
    margin: 0 10px;
    text-decoration: underline
}

.btn .fa-chevron-up {
    display: none
}

.btn .fa-chevron-down,
.btnActive .fa-chevron-up {
    display: inline-block
}

.btnActive .fa-chevron-down {
    display: none
}

.absolute {
    position: absolute
}

.text-normal {
    color: #000
}

.bgLtGray {
    background: #f5f5f5
}

.nowrap {
    white-space: nowrap
}

.widthFull {
    width: 100%
}

.width20 {
    width: 20%
}

.absoluteTop {
    top: 0
}

.absoluteLeft {
    left: 0
}

.absoluteRight {
    right: 0
}

.mt0 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml40 {
    margin-left: 40px !important
}

.mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mh15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mh25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.ph15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ph25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.borderNone {
    border: 0 !important
}

.minHeightNone {
    min-height: 0 !important
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .container-fluid {
        font-size: 13px;
    }
    .mobWidth100 {
        width: 100%
    }

    .mb20 {
        margin-bottom: 10px !important
    }

    .mb30 {
        margin-bottom: 15px !important
    }

    .mb40 {
        margin-bottom: 20px !important
    }

    .mobStatic {
        position: static
    }

    .mobBlock {
        display: block
    }

    .mobInlineBlock {
        display: inline-block
    }

    .mobWidthAuto {
        width: auto
    }

    .mobWidthFull {
        width: 100%
    }

    .mobTextLeft {
        text-align: left
    }

    .mobTextRight {
        text-align: right
    }

    .mobTextCenter {
        text-align: center
    }

    .mobm0 {
        margin: 0 !important
    }

    .mobmb0 {
        margin-bottom: 0 !important
    }

    .mobmb10 {
        margin-bottom: 10px !important
    }

    .mobmb20 {
        margin-bottom: 20px !important
    }

    .mobmr15 {
        margin-right: 15px !important
    }

    .mobmh0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mobmh10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mobph0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mobph10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .mobpv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mobspan1 {
        width: 8.333333333333332% !important
    }

    .mobspan1,
    .mobspan2 {
        float: left !important
    }

    .mobspan2 {
        width: 16.666666666666664% !important
    }

    .mobcol-md-3 {
        float: left !important;
        width: 24.999999999999996% !important
    }

    .mobspan4 {
        width: 33.33333333333333% !important
    }

    .mobspan4,
    .mobspan5 {
        float: left !important
    }

    .mobspan5 {
        width: 41.66666666666666% !important
    }

    .mobspan6 {
        width: 49.99999999999999% !important
    }

    .mobspan6,
    .mobspan7 {
        float: left !important
    }

    .mobspan7 {
        width: 58.33333333333333% !important
    }

    .mobspan8 {
        float: left !important;
        width: 66.66666666666666% !important
    }

    .mobcol-md-9 {
        float: left !important;
        width: 74.99999999999999% !important
    }

    .mobspan10 {
        float: left !important;
        width: 83.33333333333331% !important
    }

    .mobspan11 {
        float: left !important;
        width: 91.66666666666666% !important
    }

    .mobfs12 {
        font-size: 12px
    }

    .input-mini-select {
        width: 60px !important
    }
    .nav-tabs>li>a {
        font-size: 14px;
    }
}

body {
    position: relative;
    padding-top: 50px;
    background: #f5f0ea;
    word-break: break-all;
    overflow-y: scroll
}

form {
    margin: 0
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    body {
        padding-top: 0;  /*20250424 importanat外す*/
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    body {
        padding: 0
    }
    /*202504デザイン調整*/
    /*input[type=password],
    input[type=text],
    select,
    textarea {
        font-size: 16px
    }*/
}

/*202504デザイン調整 start*/
.form-control{
    height:50px;
    font-size:16px;
    border-radius: 0%;
}
/*selectの矢印マーク調整用スタイル*/
select{
    position: relative;
    padding-right: 40px !important;  
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

  /*矢印を表示*/
.select-wrapper {
    position: relative;
}

.select-wrapper:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 23px;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--primary-Red300);
    border-left: 2px solid var(--primary-Red300);
    transform: translateY(-50%) rotate(-135deg);
    font-size: 16px;
    pointer-events: none;
}

/*202504デザイン調整 end*/


#header .subHeader {
    padding: 10px 0;
    border-bottom: 1px solid #ecc7c7;
    background: #ffe7e7;
    font-size: 12px;
    height: 40px
}

#header .subHeader .row-fluid {
    margin: 0 auto;
    width: 960px
}

#header .subHeader .row-fluid .span12 {
    min-height: 0 !important
}

#header .subHeader .name {
    display: inline-block;
    float: left;
    font-weight: 700;
    color: #b62635
}

#header .subHeader .remindPassword {
    display: inline-block;
    float: right
}

#header .subHeader .remindPassword strong {
    color: #b62635
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    #header .subHeader {
        margin-top: 50px;
        margin-bottom: 20px;
        padding-top: 0;
        background: #ffe7e7;
        font-size: 12px
    }

    #header .subHeader .row-fluid {
        width: auto
    }

    #header .subHeader .row-fluid .col-md-12 {
        min-height: 0 !important
    }

    #header .subHeader .remindPassword strong {
        color: #b62635
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    #header .subHeader .name,
    #header .subHeader .remindPassword {
        display: block;
        float: none;
        text-align: center
    }
}

#content .contentHeader {
    background: #fff;
    z-index: 4
}

#content .contentHeader .row-fluid {
    margin: 0 auto;
    max-width: 960px
}

#content .contentHeader h2 {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    line-height: 72px;
    color: #000
}

#content .contentHeader .btn-primary {
    margin: 9px 0;
    height: 44px;
    line-height: 44px;
    border-radius: 2px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    #content .contentHeader {
        margin-top: -20px;
        background: #fff;
        width: auto
    }

    #content .contentHeader h2 {
        display: inline-block;
        margin: 0 0 0 10px
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    #content .contentHeader {
        margin: -20px 0 0;
        text-align: center
    }

    #content .contentHeader h2 {
        margin: 0
    }

    #content .contentHeader .btn-primary {
        float: none
    }

    #content .contentHeader .pageMenu ul {
        display: block;
        margin: 10px 10px 20px;
        border-top: 1px solid #e5d9ca;
        border-left: 1px solid #e5d9ca;
        border-radius: 5px
    }

    #content .contentHeader .pageMenu li {
        width: 100%;
        text-align: left
    }

    #content .contentHeader .pageMenu li a {
        display: block;
        padding: 10px;
        border-right: 1px solid #e5d9ca;
        border-bottom: 1px solid #e5d9ca;
        text-decoration: none;
        background-color: #fdfcfb;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbf8f4));
        background-image: linear-gradient(180deg, #fff, #fbf8f4);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 255, 255)", endColorstr="rgba(255, 251, 248, 0.95686)", GradientType=0)
    }

    #content .contentHeader .pageMenu li a:hover {
        color: #ae0013;
        background-color: #f7f1e9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f4ece1), to(#fbf8f4));
        background-image: linear-gradient(180deg, #f4ece1, #fbf8f4);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 244, 236, 0.88235)", endColorstr="rgba(255, 251, 248, 0.95686)", GradientType=0)
    }

    #content .contentHeader .pageMenu li.active a {
        font-weight: 700;
        background: #fff
    }

    #content .contentHeader .pageMenu li.active a .icon-chevron-right {
        display: none
    }

    #content .contentHeader .pageMenu li:first-child a {
        border-radius: 5px 5px 0 0
    }

    #content .contentHeader .pageMenu li:last-child a {
        border-radius: 0 0 5px 5px
    }
}

#content .contentNotice {
    margin: 20px auto;
    max-width: 960px
}

#content .contentNotice .alert strong {
    margin-right: 10px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    #content .contentNotice {
        margin: 0 10px
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    #content .contentNotice {
        margin: 0 10px
    }
}

#content .contentMain {
    margin: 20px auto 0;
    max-width: 960px;
    background: #fff
}

#content .contentMain .contentBody {
    position: relative;
    background: #fff
}

#content .contentMain .contentBody .inner {
    padding: 0;
    min-height: 720px;
    border-left: 1px solid #f5f0ea;
    border-right: 1px solid #f5f0ea
}

.noAffix .contentMain .contentBody .inner {
    min-height: 0 !important;
    padding-bottom: 1px !important
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    #content .contentMain {
        margin-top: 0;
        border-top: 1px solid #f5f0ea
    }

    #content .contentMain .contentBody .inner {
        min-height: 0 !important
    }

    #content .contentMain .affixHeader .editBlock:first-child {
        padding: 0 !important
    }

    #content .contentMain .affixHeader .inner h4 {
        position: static !important
    }
}

#content .contentSub {
    margin: 20px auto;
    max-width: 960px;
    background: #fff
}

#content .contentSub .error {
    padding: 8px 8px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    border: 1px solid #e9dabd;
    background: #fffade;
    font-size: 12px;
    color: #c09853;
    color: #000;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    margin: 0;
    padding: 10px 20px;
    line-height: 30px;
    font-weight: 700
}

#content .contentSub .error .desc {
    float: left;
    margin: 0
}

#content .contentSub .error .desc i {
    margin-right: 10px
}

#content .contentSub .error .btn {
    float: right;
    margin: 0
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    #content .contentSub {
        margin: 0
    }

    #content .contentSub .error {
        padding: 20px;
        border: 0;
        line-height: 1.6;
        border-radius: 0
    }

    #content .contentSub .error .desc {
        float: none
    }

    #content .contentSub .error .btn {
        margin: 20px 0 0;
        padding: 10px;
        display: block;
        float: none
    }
}

#content .contentMain .sidebarMain .inner {
    padding-top: 20px
}

#content .contentMain .sidebarMain .innerWrap {
    margin: 0 20px 20px;
    padding: 0 0 120px;
    text-align: center
}

#content .contentMain .sidebarMain .innerWrap hr {
    margin: .5em 0
}

#content .contentMain .sidebarMain .innerWrap .staffPhoto {
    position: relative;
    margin-bottom: 10px
}

#content .contentMain .sidebarMain .innerWrap .staffPhoto img {
    width: 145px;
    height: 180px
}

#content .contentMain .sidebarMain .innerWrap .staffPhoto .btn-group {
    position: absolute;
    top: 75%;
    left: 50%
}

#content .contentMain .sidebarMain .innerWrap .staffPhoto .btn-group .btn {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

#content .contentMain .sidebarMain .innerWrap .staffPhoto .btn-group .btn i {
    margin-right: 5px
}

#content .contentMain .sidebarMain .innerWrap .staffPhoto .btn-group .btn .caret {
    margin-left: 5px
}

#content .contentMain .sidebarMain .innerWrap .staffNameKanji {
    margin: 0;
    line-height: 1.3
}

#content .contentMain .sidebarMain .innerWrap .staffNameKana {
    margin: 0 0 15px;
    line-height: 1.3
}

#content .contentMain .sidebarMain .innerWrapNoMargin {
    margin: -20px 0 0 !important
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    #content .contentMain .sidebarMain .innerWrap hr {
        margin-left: -10px;
        margin-right: -10px
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .sidebarMain .inner {
        width: auto !important;
        height: auto !important
    }

    #content .sidebarMain .innerWrap {
        padding-bottom: 0 !important;
        height: auto !important
    }

    #content .sidebarMain .innerWrap .hint {
        margin-top: 10px;
        color: #000
    }

    #content .contentMain .sidebarMain .innerWrap hr {
        margin: 0
    }
}

#content .contentMain .sidebarSub .innerWrap {
    padding: 20px 20px 120px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    #content .contentMain .sidebarSub .innerWrap {
        padding: 10px
    }

    #content .contentMain .sidebarSub .innerWrap hr {
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    #content .contentMain .sidebarSub .innerWrap .widget {
        margin: 0 -10px
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    #content .sidebarSub .innerWrap {
        padding-bottom: 0 !important;
        height: auto !important
    }

    #content .contentMain .sidebarSub .innerWrap .widget {
        margin: 0
    }

    #content .sidebarSub .banner {
        margin: 20px 0
    }

    #content .contentMain .sidebarSub .innerWrap hr {
        margin: 0
    }

    #content .sidebarSub hr {
        display: none
    }
}

#content .contentMain .sidebarMain .innerWrap .btnAction,
#content .contentMain .sidebarSub .innerWrap .btnAction {
    margin: 40px 0 10px
}

#content .contentMain .sidebarMain .innerWrap .alert,
#content .contentMain .sidebarSub .innerWrap .alert {
    margin: 20px 0 10px;
    padding-right: 8px;
    font-size: 11.9px;
    color: #000
}

#content .contentMain .sidebarMain .innerWrap .widget,
#content .contentMain .sidebarSub .innerWrap .widget {
    margin: 0 -20px;
    border-bottom: 1px solid #f5f0ea
}

#content .contentMain .sidebarMain .innerWrap .widget h5,
#content .contentMain .sidebarSub .innerWrap .widget h5 {
    margin: 0 20px 10px
}

#content .contentMain .sidebarMain .innerWrap .widget ul,
#content .contentMain .sidebarSub .innerWrap .widget ul {
    margin: 0 20px 20px;
    list-style: none
}

#content .contentMain .sidebarMain .innerWrap .widget ul li,
#content .contentMain .sidebarSub .innerWrap .widget ul li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

#content .contentMain .sidebarMain .innerWrap .widget ul li.last,
#content .contentMain .sidebarSub .innerWrap .widget ul li.last {
    border-bottom: 0
}

#content .contentMain .sidebarMain .innerWrap .widget .more,
#content .contentMain .sidebarSub .innerWrap .widget .more {
    margin: 0 20px 20px;
    text-align: right
}

#content .contentMain .sidebarMain .innerWrap .banner,
#content .contentMain .sidebarSub .innerWrap .banner {
    margin: 20px 0
}

#content .contentMain .sidebarMain .innerWrap .pageMenu,
#content .contentMain .sidebarSub .innerWrap .pageMenu {
    border-top: 1px solid #e5d9ca;
    border-left: 1px solid #e5d9ca;
    border-radius: 5px
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li a,
#content .contentMain .sidebarSub .innerWrap .pageMenu li a {
    position: relative;
    display: block;
    padding: 10px 20px 10px 10px;
    border-right: 1px solid #e5d9ca;
    border-bottom: 1px solid #e5d9ca;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #fdfcfb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbf8f4));
    background-image: linear-gradient(180deg, #fff, #fbf8f4);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 255, 255)", endColorstr="rgba(255, 251, 248, 0.95686)", GradientType=0)
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li a:hover,
#content .contentMain .sidebarSub .innerWrap .pageMenu li a:hover {
    color: #ae0013;
    background-color: #f8f3ed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbf8f4), to(#f4ece1));
    background-image: linear-gradient(180deg, #fbf8f4, #f4ece1);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 251, 248, 0.95686)", endColorstr="rgba(255, 244, 236, 0.88235)", GradientType=0)
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li.active a,
#content .contentMain .sidebarSub .innerWrap .pageMenu li.active a {
    font-weight: 700;
    background: #fff
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li.active a .icon-chevron-right,
#content .contentMain .sidebarSub .innerWrap .pageMenu li.active a .icon-chevron-right {
    display: none
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li:first-child a,
#content .contentMain .sidebarSub .innerWrap .pageMenu li:first-child a {
    border-radius: 5px 5px 0 0
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li:last-child a,
#content .contentMain .sidebarSub .innerWrap .pageMenu li:last-child a {
    border-radius: 0 0 5px 5px
}

#content .contentMain .sidebarMain .innerWrap .pageMenu li a i,
#content .contentMain .sidebarSub .innerWrap .pageMenu li a i {
    position: absolute;
    right: 6.666666666666667px;
    top: 50%;
    margin-top: -7px
}

#content .contentMain .sidebarMain .innerWrap hr,
#content .contentMain .sidebarSub .innerWrap hr {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #f5f0ea
}

#footer {
    padding: 20px;
    color: #000;
    font-size: 11.9px
}

#footer .subfooter {
    float: none;
    margin: 0 auto;
    max-width: 960px;
    min-height: 0 !important;
    text-align: right
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    #footer {
        margin-left: 0;
        margin-right: 0
    }

    #footer .subfooter {
        text-align: right
    }
}

.contentBlock,
.editBlock,
.viewBlock {
    padding: 0
}

.contentBlock h4,
.editBlock h4,
.viewBlock h4 {
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
    height: 3em;
    background: #e5d9ca;
    color: #000;
    line-height: 3em;
    border-bottom: 1px solid #e5d9ca;
    border-bottom: 1px solid #d4c0a8
}

.contentBlock h4 .command img,
.editBlock h4 .command img,
.viewBlock h4 .command img {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    width: 16px;
    height: 16px
}

.contentBlock h4 .btnEdit,
.contentBlock h4 .command .btnCancel,
.contentBlock h4 .command .btnDouble,
.contentBlock h4 .command .btnSave,
.contentBlock h4 .command .btnSingle,
.editBlock h4 .btnEdit,
.editBlock h4 .command .btnCancel,
.editBlock h4 .command .btnDouble,
.editBlock h4 .command .btnSave,
.editBlock h4 .command .btnSingle,
.viewBlock h4 .btnEdit,
.viewBlock h4 .command .btnCancel,
.viewBlock h4 .command .btnDouble,
.viewBlock h4 .command .btnSave,
.viewBlock h4 .command .btnSingle {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -19px;
    padding: 0 20px;
    height: 36px;
    line-height: 36px
}

.contentBlock h4 .btnEdit i,
.contentBlock h4 .command .btnSave i,
.editBlock h4 .btnEdit i,
.editBlock h4 .command .btnSave i,
.viewBlock h4 .btnEdit i,
.viewBlock h4 .command .btnSave i {
    margin-right: 10px
}

.contentBlock h4 .command .btnCancel,
.contentBlock h4 .command .btnDoubleSub,
.editBlock h4 .command .btnCancel,
.editBlock h4 .command .btnDoubleSub,
.viewBlock h4 .command .btnCancel,
.viewBlock h4 .command .btnDoubleSub {
    right: 115px
}

.contentBlock .iframe,
.editBlock .iframe,
.viewBlock .iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.contentBlock .iframe iframe,
.editBlock .iframe iframe,
.viewBlock .iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock h4,
    .editBlock h4,
    .viewBlock h4 {
        padding-left: 10px
    }

    .editBlock h4 {
        height: auto
    }

    .editBlock h4.affixHeader {
        position: static
    }

    .editBlock h4 .command {
        margin: 0;
        padding: 10px 0;
        border-top: 1px solid #d4c0a8;
        display: block;
        text-align: center
    }

    .editBlock h4 .command img {
        position: static
    }

    .editBlock h4 .command .btnCancel,
    .editBlock h4 .command .btnDouble,
    .editBlock h4 .command .btnSave,
    .editBlock h4 .command .btnSingle {
        margin-top: 0;
        position: static;
        width: 32%
    }

    .editBlock h4 .command .btnDouble,
    .editBlock h4 .command .btnSave {
        margin-right: 2%
    }

    .editBlock h4 .command .btnSingle {
        margin: 0 10px 0 0;
        display: block;
        width: auto
    }
}

.progressBlock h4 {
    margin: 0;
    font-size: 11.9px
}

.progressBlock .progressPercentage {
    margin: 5px 0;
    font-size: 17.5px;
    font-weight: 700;
    color: #c00
}

.progressBlock .progress {
    margin: 0 0 5px;
    background: #e2dcd6;
    border-radius: 2px
}

.progressBlock .progress .bar {
    background: #c00;
    -webkit-filter: none;
    filter: none;
    border-radius: 2px
}

.progressBlock .progress-striped .bar-success,
.progressBlock .progress-success.progress-striped .bar {
    background-color: #62c462 !important;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent) !important
}

.progressBlock .progressTutorial {
    margin: 0;
    padding: 0;
    font-size: 11.9px;
    border-radius: 2px;
    text-align: left
}

.progressBlock .progressTutorial a {
    color: #0064cd;
    text-decoration: underline
}

.uploadBlock {
    margin-bottom: 10px
}

.uploadBlock .notice {
    font-size: 11.9px
}

.uploadBlock .btn i {
    margin-right: 5px
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .uploadBlock .btn {
        margin-bottom: 10px
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .commandBlock {
        margin-top: -40px;
        margin-bottom: 20px;
        padding: 20px 10px
    }

    .commandBlock .btn-primary {
        display: inline-block;
        margin-bottom: 10px;
        padding: 0;
        height: 36px;
        line-height: 36px;
        -webkit-box-sizing: content-box !important;
        box-sizing: content-box !important
    }

    .commandBlock .btn-primary i {
        margin-right: 10px
    }
}

.contentBlock fieldset,
.editBlock fieldset,
.viewBlock fieldset {
    margin: 12.360939431396785px
}

/* 20230327 Terrasky Hsato 画面改修　UAT18 Modify Start */
.viewBlock .form-horizontal .submitButton fieldset.sp-full {
    margin: 0;
}
/* 20230327 Terrasky Hsato 画面改修　UAT18 Modify End */

.contentBlock fieldset legend,
.editBlock fieldset legend,
.viewBlock fieldset legend {
    margin: 0;
    text-indent: 5px;
    font-size: 16.8px;
    font-weight: 700
}

.contentBlock .field,
.editBlock .field,
.viewBlock .field {
    padding: 12.360939431396785px;
    border-bottom: 1px solid #f5f0ea;
    margin-bottom: 20px
}

.contentBlock .field:last-child,
.editBlock .field:last-child,
.viewBlock .field:last-child {
    border: 0
}

.contentBlock .field div.col-md-3,
.contentBlock .field div.col-md-9,
.contentBlock .field div.span4,
.contentBlock .field div.span5,
.editBlock .field div.col-md-3,
.editBlock .field div.col-md-9,
.editBlock .field div.span4,
.editBlock .field div.span5,
.viewBlock .field div.col-md-3,
.viewBlock .field div.col-md-9,
.viewBlock .field div.span4,
.viewBlock .field div.span5 {
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.contentBlock .field .checkbox,
.editBlock .field .checkbox,
.viewBlock .field .checkbox {
    padding-right: 5px;
    padding-bottom: 5px
}

.contentBlock .field a.firstStep,
.editBlock .field a.firstStep,
.viewBlock .field a.firstStep {
    color: #0064cd;
    text-decoration: underline
}

.contentBlock .field .fieldTitle,
.editBlock .field .fieldTitle,
.viewBlock .field .fieldTitle {
    margin: 0 0 0 auto;
    padding: 0 10px 0 0;
    width: auto;
    border: 0;
    text-align: right;
    line-height: 16px;
    font-size: 11.9px;
    color: #737373;
    cursor: default
}

.contentBlock .field .fieldTitleRequired,
.editBlock .field .fieldTitleRequired,
.viewBlock .field .fieldTitleRequired {
    font-weight: 700
}

.editBlock .field {
    padding: 12.360939431396785px 0
}

.editBlock .field .controlSet {
    padding: 15px 10px 10px;
    background: #f9f9f9;
    border: 1px solid #d0d0d0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 2px 3px #f0f0f0;
    box-shadow: 0 2px 3px #f0f0f0
}

.editBlock .field .controlSet>.row-fluid {
    margin-bottom: 20px
}

.editBlock .field .controlSet>.row-fluid:last-child {
    margin-bottom: 10px
}

.editBlock .field .controlSet h6 {
    margin: 0 0 10px
}

.editBlock .field .controlSet hr {
    margin: 10px 0;
    border-top: 1px solid #ddd
}

.editBlock .field .controlSet .radio {
    width: 30%
}

.editBlock .field .controlSet .checkbox {
    width: 45%
}

.editBlock .field .controlSet .btnAdd {
    margin: 0
}

.editBlock .field .controlSet .btnAdd label {
    margin: 0;
    line-height: 36px
}

.editBlock .field .resultSet {
    margin: 0 0 10px;
    padding: 20px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px
}

.editBlock .field .multiSelectPicklistTable {
    width: 100%
}

.editBlock .field .multiSelectPicklistTable td {
    text-align: center
}

.editBlock .field .multiSelectPicklistTable select {
    width: 100%
}

.editBlock .field .help-block {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 11.9px;
    color: #999
}

.editBlock .field .importantItem {
    border: 1px solid #c00 !important;
    font-size: 20px !important
}

.editBlock .field div.requiredBlock,
.editBlock .field div.requiredInput {
    display: inline
}

.editBlock .field .errorMsg {
    margin: 10px 0 0;
    padding: 8px 8px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    border: 1px solid #e9dabd;
    background: #fffade;
    font-size: 12px;
    color: #c09853;
    color: #000;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.editBlock .field .itemListTitle {
    margin: 0;
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.editBlock .field .itemList {
    margin: 0 0 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px
}

.editBlock .field .itemList .item,
.editBlock .field .itemList li {
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    padding: 0;
    border: 0
}

.editBlock .field .itemList .item a,
.editBlock .field .itemList li a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #f1d5d8;
    color: #ae0013;
    border-radius: 5px
}

.editBlock .field .itemList .item a:hover,
.editBlock .field .itemList li a:hover {
    background: #fff5f6;
    text-decoration: none
}

.editBlock .field .itemList .item a .icon-remove,
.editBlock .field .itemList li a .icon-remove {
    margin-left: 20px;
    background-color: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
    -ms-filter: alpha(opacity=25)
}

.editBlock .field .itemList .item a:hover .icon-remove,
.editBlock .field .itemList li a:hover .icon-remove {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.editBlock .fieldError .fieldTitle {
    color: #ae0013
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .viewBlock .field .fieldTitle {
        text-align: left;
        line-height: 20px
    }

    .editBlock fieldset legend {
        text-indent: 0;
        font-weight: 700
    }

    .editBlock .field .fieldTitle {
        text-align: left;
        line-height: 20px;
        color: #000
    }

    .editBlock .field .fieldTitle br,
    .viewBlock .field .fieldTitle br {
        display: none
    }

    .editBlock .field input[type=text] {
        margin-bottom: 10px
    }

    .editBlock .field input[type=text]+.help-block {
        margin-top: -10px
    }

    .editBlock .resultSet .fieldTitle,
    .viewBlock .resultSet .fieldTitle {
        font-size: 14px
    }

    .editBlock .resultSet strong,
    .viewBlock .resultSet strong {
        font-size: 17.5px
    }

    .editBlock .field .controlSet .radio {
        width: 45%
    }
}

.contentBlock .element,
.editBlock .element,
.viewBlock .element {
    padding: 12.360939431396785px
}

.contentBlock .criteria,
.editBlock .criteria,
.viewBlock .criteria {
    margin: 10px;
    padding: 15px;
    border: 1px solid #ddd;
    background: #f8f8f8
}

.contentBlock .criteria h5,
.editBlock .criteria h5,
.viewBlock .criteria h5 {
    margin-top: 0;
    margin-bottom: 15px
}

.contentBlock .criteria .item,
.contentBlock .criteria li,
.editBlock .criteria .item,
.editBlock .criteria li,
.viewBlock .criteria .item,
.viewBlock .criteria li {
    background: #fff
}

.contentBlock .criteria .itemList .item,
.contentBlock .criteria .itemList li,
.editBlock .criteria .itemList .item,
.editBlock .criteria .itemList li,
.viewBlock .criteria .itemList .item,
.viewBlock .criteria .itemList li {
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    padding: 0;
    border: 0
}

.contentBlock .criteria .itemList .item a:hover,
.contentBlock .criteria .itemList li a:hover,
.editBlock .criteria .itemList .item a:hover,
.editBlock .criteria .itemList li a:hover,
.viewBlock .criteria .itemList .item a:hover,
.viewBlock .criteria .itemList li a:hover {
    border: 1px solid #c87f87;
    background: #fff;
    text-decoration: none
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .criteria,
    .editBlock .criteria,
    .viewBlock .criteria {
        margin: 10px;
        padding: 10px
    }
}

.commandBlock {
    font-size: 17.5px
}

.commandBlock .command {
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
    height: 3em;
    background: #e5d9ca;
    color: #000;
    line-height: 3em;
    border-bottom: 1px solid #e5d9ca;
    border-bottom: 1px solid #d4c0a8
}

.commandBlock .command .btnCancel,
.commandBlock .command .btnEdit,
.commandBlock .command .btnSave {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -19px;
    padding: 0 20px;
    height: 36px;
    line-height: 36px
}

.commandBlock .command .btnEdit i,
.commandBlock .command .btnSave i {
    margin-right: 10px
}

.commandBlock .command .btnCancel {
    right: 115px
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .commandBlock {
        padding-left: 10px
    }

    .commandBlock .command {
        margin: 0 0 0 -20px;
        padding: 10px 0;
        border-top: 1px solid #d4c0a8;
        display: block;
        text-align: center
    }

    .commandBlock .command .btnCancel,
    .commandBlock .command .btnSave {
        margin-top: 0;
        position: static;
        width: 32%
    }

    .commandBlock .command .btnSave {
        margin-right: 2%
    }
}

.editBlock .message {
    padding: 8px 8px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    border: 1px solid #e9dabd;
    background: #fffade;
    font-size: 12px;
    color: #c09853;
    color: #000;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    margin: 10px;
    padding: 8px 14px;
    background: #fff
}

.editBlock .message .messageTable {
    width: 100%
}

.editBlock .message td {
    display: none
}

.editBlock .message td.messageCell {
    display: table-cell
}

.editBlock .message h4 {
    display: none
}

.editBlock .message .messageText {
    margin: 0;
    padding: 3.3333333333333335px;
    font-weight: 700
}

.contentBlock .topicList,
.editBlock .topicList,
.viewBlock .topicList {
    margin: 12.360939431396785px
}

.contentBlock .topicList .topic,
.editBlock .topicList .topic,
.viewBlock .topicList .topic {
    position: relative;
    border-bottom: 1px solid #f5f0ea
}

.contentBlock .topicList .topic:last-child,
.editBlock .topicList .topic:last-child,
.viewBlock .topicList .topic:last-child {
    border-bottom: 0 !important
}

.contentBlock .topicList .topic a,
.editBlock .topicList .topic a,
.viewBlock .topicList .topic a {
    display: block;
    padding: 10px;
    color: #000
}

.contentBlock .topicList .topic a:hover,
.editBlock .topicList .topic a:hover,
.viewBlock .topicList .topic a:hover {
    text-decoration: none;
    background: #f5f5f5 !important
}

.contentBlock .topicList .topic .collapsed,
.editBlock .topicList .topic .collapsed,
.viewBlock .topicList .topic .collapsed {
    background: #fff
}

.contentBlock .topicList .topic>a,
.editBlock .topicList .topic>a,
.viewBlock .topicList .topic>a {
    background: #f5f5f5
}

.contentBlock .topicList .topic .summary .date,
.editBlock .topicList .topic .summary .date,
.viewBlock .topicList .topic .summary .date {
    min-height: 0
}

.contentBlock .topicList .topic .summary .title,
.editBlock .topicList .topic .summary .title,
.viewBlock .topicList .topic .summary .title {
    padding-right: 30px;
    font-weight: 700;
    min-height: 0
}

.contentBlock .topicList .topic .summary .title .badge,
.editBlock .topicList .topic .summary .title .badge,
.viewBlock .topicList .topic .summary .title .badge {
    margin-top: 5px
}

.contentBlock .topicList .topic .collapse,
.editBlock .topicList .topic .collapse,
.viewBlock .topicList .topic .collapse {
    position: static !important
}

.contentBlock .topicList .topic .fa-chevron-up,
.editBlock .topicList .topic .fa-chevron-up,
.viewBlock .topicList .topic .fa-chevron-up {
    display: block
}

.contentBlock .topicList .topic .collapsed .fa-chevron-up,
.contentBlock .topicList .topic .fa-chevron-down,
.editBlock .topicList .topic .collapsed .fa-chevron-up,
.editBlock .topicList .topic .fa-chevron-down,
.viewBlock .topicList .topic .collapsed .fa-chevron-up,
.viewBlock .topicList .topic .fa-chevron-down {
    display: none
}

.contentBlock .topicList .topic .collapsed .fa-chevron-down,
.editBlock .topicList .topic .collapsed .fa-chevron-down,
.viewBlock .topicList .topic .collapsed .fa-chevron-down {
    display: block
}

.panel-group .panel .collspsed .fa-chevron-up {
    display: none
}

.panel-group .panel .collspsed .fa-chevron-down,
.panel-group .panel .fa-chevron-up {
    display: block
}

.panel-group .panel .fa-chevron-down {
    display: none
}

.contentBlock .topicList .topic .detail .accordion-inner,
.editBlock .topicList .topic .detail .accordion-inner,
.viewBlock .topicList .topic .detail .accordion-inner {
    padding: 0 10px
}

.contentBlock .topicList .topic .detail .content,
.editBlock .topicList .topic .detail .content,
.viewBlock .topicList .topic .detail .content {
    margin-top: 10px;
    margin-bottom: 10px
}

.contentBlock .topicList .topic .detail .content a,
.editBlock .topicList .topic .detail .content a,
.viewBlock .topicList .topic .detail .content a {
    padding: 0;
    color: #ae0013
}

.contentBlock .topicList .topic .detail .content a:hover,
.editBlock .topicList .topic .detail .content a:hover,
.viewBlock .topicList .topic .detail .content a:hover {
    background: none !important
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .topicList,
    .editBlock .topicList,
    .viewBlock .topicList {
        margin: 0
    }

    .contentBlock .topicList .topic a,
    .editBlock .topicList .topic a,
    .viewBlock .topicList .topic a {
        padding-left: 10px;
        padding-right: 10px
    }

    .contentBlock .topicList .topic .detail .accordion-inner,
    .editBlock .topicList .topic .detail .accordion-inner,
    .viewBlock .topicList .topic .detail .accordion-inner {
        padding: 0 10px 20px
    }
}

.contentBlock .itemList,
.editBlock .itemList,
.viewBlock .itemList {
    margin: 0
}

.contentBlock .itemList .item,
.contentBlock .itemList li,
.editBlock .itemList .item,
.editBlock .itemList li,
.viewBlock .itemList .item,
.viewBlock .itemList li {
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #ebc2c7;
    color: #ae0013;
    background: #fff;
    border-radius: 5px
}

.contentBlock .itemList .item a,
.contentBlock .itemList li a,
.editBlock .itemList .item a,
.editBlock .itemList li a,
.viewBlock .itemList .item a,
.viewBlock .itemList li a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #f1d5d8;
    color: #ae0013;
    border-radius: 5px
}

.contentBlock .itemList .item a:hover,
.contentBlock .itemList li a:hover,
.editBlock .itemList .item a:hover,
.editBlock .itemList li a:hover,
.viewBlock .itemList .item a:hover,
.viewBlock .itemList li a:hover {
    background: #fff5f6;
    text-decoration: none
}

.contentBlock .itemList .item a .icon-remove,
.contentBlock .itemList li a .icon-remove,
.editBlock .itemList .item a .icon-remove,
.editBlock .itemList li a .icon-remove,
.viewBlock .itemList .item a .icon-remove,
.viewBlock .itemList li a .icon-remove {
    margin-left: 20px;
    background-color: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
    -ms-filter: alpha(opacity=25)
}

.contentBlock .itemList .item a:hover .icon-remove,
.contentBlock .itemList li a:hover .icon-remove,
.editBlock .itemList .item a:hover .icon-remove,
.editBlock .itemList li a:hover .icon-remove,
.viewBlock .itemList .item a:hover .icon-remove,
.viewBlock .itemList li a:hover .icon-remove {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.contentBlock .menuList,
.editBlock .menuList,
.viewBlock .menuList {
    margin: 0;
    padding: 10px;
    border: 1px solid #eee;
    list-style: none
}

.contentBlock .menuList .menuItem,
.contentBlock .menuList li,
.editBlock .menuList .menuItem,
.editBlock .menuList li,
.viewBlock .menuList .menuItem,
.viewBlock .menuList li {
    line-height: 1.5 !important
}

.contentBlock .menuList .menuItem a,
.contentBlock .menuList li a,
.editBlock .menuList .menuItem a,
.editBlock .menuList li a,
.viewBlock .menuList .menuItem a,
.viewBlock .menuList li a {
    color: #0064cd;
    text-decoration: underline
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .menuList,
    .editBlock .menuList,
    .viewBlock .menuList {
        margin: 0;
        padding: 0 10px;
        border: 1px solid #ddd;
        list-style: none;
        border-radius: 5px
    }

    .contentBlock .menuList .menuItem,
    .contentBlock .menuList li,
    .editBlock .menuList .menuItem,
    .editBlock .menuList li,
    .viewBlock .menuList .menuItem,
    .viewBlock .menuList li {
        line-height: 1.5 !important
    }

    .contentBlock .menuList .menuItem a,
    .contentBlock .menuList li a,
    .editBlock .menuList .menuItem a,
    .editBlock .menuList li a,
    .viewBlock .menuList .menuItem a,
    .viewBlock .menuList li a {
        display: block;
        padding: 10px;
        text-decoration: none;
        border-bottom: 1px solid #ddd
    }

    .contentBlock .menuList .menuItem a:active,
    .contentBlock .menuList li a:active,
    .editBlock .menuList .menuItem a:active,
    .editBlock .menuList li a:active,
    .viewBlock .menuList .menuItem a:active,
    .viewBlock .menuList li a:active {
        background: #eee
    }

    .contentBlock .menuList .last a,
    .contentBlock .menuList li.last a,
    .editBlock .menuList .last a,
    .editBlock .menuList li.last a,
    .viewBlock .menuList .last a,
    .viewBlock .menuList li.last a {
        border-bottom: 0
    }
}

.contentBlock .blockMenuList,
.editBlock .blockMenuList,
.viewBlock .blockMenuList {
    margin: 0;
    padding: 10px;
    list-style: none;
    letter-spacing: -.4em;
    border-bottom: 1px solid #f5f0ea
}

.contentBlock .blockMenuList .menuItem,
.editBlock .blockMenuList .menuItem,
.viewBlock .blockMenuList .menuItem {
    display: inline-block;
    width: 33.3%;
    line-height: 1.5 !important;
    letter-spacing: normal;
    vertical-align: top
}

.contentBlock .blockMenuList .menuItem a,
.editBlock .blockMenuList .menuItem a,
.viewBlock .blockMenuList .menuItem a {
    position: relative;
    display: block;
    height: 75px;
    border-right: 1px solid #f5f0ea;
    border-bottom: 1px solid #f5f0ea;
    padding: 10px 10px 0
}

.contentBlock .blockMenuList .menuItem a:hover,
.editBlock .blockMenuList .menuItem a:hover,
.viewBlock .blockMenuList .menuItem a:hover {
    background: #f5f5f5;
    text-decoration: none;
    color: #b62635
}

.contentBlock .blockMenuList .menuItem a img,
.editBlock .blockMenuList .menuItem a img,
.viewBlock .blockMenuList .menuItem a img {
    position: absolute;
    margin: 0 10px 0 0
}

.contentBlock .blockMenuList .menuItem a h5,
.editBlock .blockMenuList .menuItem a h5,
.viewBlock .blockMenuList .menuItem a h5 {
    margin: 0 0 5px 63px
}

.contentBlock .blockMenuList .menuItem a.outerLink h5,
.editBlock .blockMenuList .menuItem a.outerLink h5,
.viewBlock .blockMenuList .menuItem a.outerLink h5 {
    padding-right: 23px;
    background: url(edb990d4462499d7.png) 100% no-repeat
}

.contentBlock .blockMenuList .menuItem a p,
.editBlock .blockMenuList .menuItem a p,
.viewBlock .blockMenuList .menuItem a p {
    margin: 0 0 0 63px;
    font-size: 11px;
    line-height: 1.3 !important;
    color: #000
}

.contentBlock .blockMenuList .three a,
.editBlock .blockMenuList .three a,
.viewBlock .blockMenuList .three a {
    border-right: 0
}

.contentBlock .blockMenuList .large-last a,
.editBlock .blockMenuList .large-last a,
.viewBlock .blockMenuList .large-last a {
    border-bottom: 0
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {

    .contentBlock .blockMenuList .menuItem,
    .editBlock .blockMenuList .menuItem,
    .viewBlock .blockMenuList .menuItem {
        width: 50%
    }

    .contentBlock .blockMenuList .menuItem a,
    .editBlock .blockMenuList .menuItem a,
    .viewBlock .blockMenuList .menuItem a {
        padding: 10px 20px 0 10px
    }

    .contentBlock .blockMenuList .three a,
    .editBlock .blockMenuList .three a,
    .viewBlock .blockMenuList .three a {
        border-right: 1px solid #f5f0ea
    }

    .contentBlock .blockMenuList .even a,
    .editBlock .blockMenuList .even a,
    .viewBlock .blockMenuList .even a {
        border-right: 0
    }

    .contentBlock .blockMenuList .large-last a,
    .editBlock .blockMenuList .large-last a,
    .viewBlock .blockMenuList .large-last a {
        border-bottom: 1px solid #f5f0ea
    }

    .contentBlock .blockMenuList .middle-last a,
    .editBlock .blockMenuList .middle-last a,
    .viewBlock .blockMenuList .middle-last a {
        border-bottom: 0
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .blockMenuList,
    .editBlock .blockMenuList,
    .viewBlock .blockMenuList {
        padding: 0
    }

    .contentBlock .blockMenuList .menuItem a,
    .editBlock .blockMenuList .menuItem a,
    .viewBlock .blockMenuList .menuItem a {
        padding: 10px 5px 0 10px;
        height: 73px
    }

    .contentBlock .blockMenuList .menuItem a img,
    .editBlock .blockMenuList .menuItem a img,
    .viewBlock .blockMenuList .menuItem a img {
        width: 30px
    }

    .contentBlock .blockMenuList .menuItem a h5,
    .editBlock .blockMenuList .menuItem a h5,
    .viewBlock .blockMenuList .menuItem a h5 {
        margin: 0 0 5px 40px;
        font-weight: 700
    }

    .contentBlock .blockMenuList .menuItem a.outerLink h5,
    .editBlock .blockMenuList .menuItem a.outerLink h5,
    .viewBlock .blockMenuList .menuItem a.outerLink h5 {
        padding-right: 18px;
        background: url(202eb95a5dec72a0.png) 100% no-repeat
    }

    .contentBlock .blockMenuList .menuItem a p,
    .editBlock .blockMenuList .menuItem a p,
    .viewBlock .blockMenuList .menuItem a p {
        margin: 0 0 0 40px
    }
}

.contentBlock .jobList,
.editBlock .jobList,
.viewBlock .jobList {
    margin: 0 0 20px;
    list-style: none
}

.contentBlock .jobList .about .accordion-toggle,
.editBlock .jobList .about .accordion-toggle,
.viewBlock .jobList .about .accordion-toggle {
    padding: 0 10px
}

.contentBlock .jobList .about .accordion-toggle:hover,
.editBlock .jobList .about .accordion-toggle:hover,
.viewBlock .jobList .about .accordion-toggle:hover {
    background: #eee !important
}

.contentBlock .jobList .collapsed,
.editBlock .jobList .collapsed,
.viewBlock .jobList .collapsed {
    background: #fff
}

.contentBlock .jobList .about h5,
.editBlock .jobList .about h5,
.viewBlock .jobList .about h5 {
    margin: 0 0 5px
}

.contentBlock .jobList .about .meta,
.editBlock .jobList .about .meta,
.viewBlock .jobList .about .meta {
    margin: 0;
    font-size: 11px;
    line-height: 1.5
}

.contentBlock .jobList .about .desc,
.editBlock .jobList .about .desc,
.viewBlock .jobList .about .desc {
    font-size: 12px
}

.contentBlock .jobList .about .featureList,
.editBlock .jobList .about .featureList,
.viewBlock .jobList .about .featureList {
    margin: 0;
    list-style: none
}

.contentBlock .jobList .about .featureList .featureItem,
.contentBlock .jobList .about .featureList li,
.editBlock .jobList .about .featureList .featureItem,
.editBlock .jobList .about .featureList li,
.viewBlock .jobList .about .featureList .featureItem,
.viewBlock .jobList .about .featureList li {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2.5px 10px;
    border: 1px solid #ae0013;
    background: #fff;
    color: #ae0013;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px
}

.contentBlock .jobList .detail,
.editBlock .jobList .detail,
.viewBlock .jobList .detail {
    padding: 0 10px
}

.contentBlock .jobList .detail .accordion-inner,
.editBlock .jobList .detail .accordion-inner,
.viewBlock .jobList .detail .accordion-inner {
    padding: 0;
    border: 0
}

.contentBlock .jobList .detail table,
.editBlock .jobList .detail table,
.viewBlock .jobList .detail table {
    margin: 0 0 10px;
    border-collapse: collapse
}

.contentBlock .jobList .detail table tr th,
.editBlock .jobList .detail table tr th,
.viewBlock .jobList .detail table tr th {
    padding: 5px;
    width: 150px;
    border-top: 1px solid #ddd;
    vertical-align: top;
    text-align: left
}

.contentBlock .jobList .detail table tr td,
.editBlock .jobList .detail table tr td,
.viewBlock .jobList .detail table tr td {
    padding: 5px;
    border-top: 1px solid #ddd;
    font-size: 12px
}

.contentBlock .jobList .fa-chevron-down,
.editBlock .jobList .fa-chevron-down,
.viewBlock .jobList .fa-chevron-down {
    display: none
}

.contentBlock .jobList .collapsed .fa-chevron-down,
.contentBlock .jobList .fa-chevron-up,
.editBlock .jobList .collapsed .fa-chevron-down,
.editBlock .jobList .fa-chevron-up,
.viewBlock .jobList .collapsed .fa-chevron-down,
.viewBlock .jobList .fa-chevron-up {
    display: block
}

.contentBlock .jobList .collapsed .fa-chevron-up,
.editBlock .jobList .collapsed .fa-chevron-up,
.viewBlock .jobList .collapsed .fa-chevron-up {
    display: none
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .jobList .about h5,
    .editBlock .jobList .about h5,
    .viewBlock .jobList .about h5 {
        margin: 0 0 5px
    }

    .contentBlock .jobList .about .meta,
    .editBlock .jobList .about .meta,
    .viewBlock .jobList .about .meta {
        margin: 0;
        font-size: 11px
    }

    .contentBlock .jobList .about .btnStar,
    .editBlock .jobList .about .btnStar,
    .viewBlock .jobList .about .btnStar {
        position: absolute;
        right: 0;
        bottom: 10px
    }

    .contentBlock .jobList .about .featureList,
    .editBlock .jobList .about .featureList,
    .viewBlock .jobList .about .featureList {
        margin: 0 120px 0 0
    }

    .contentBlock .jobList .about .featureList .featureItem,
    .contentBlock .jobList .about .featureList li,
    .editBlock .jobList .about .featureList .featureItem,
    .editBlock .jobList .about .featureList li,
    .viewBlock .jobList .about .featureList .featureItem,
    .viewBlock .jobList .about .featureList li {
        margin: 0 0 5px;
        padding: 2.5px 5px
    }

    .contentBlock .jobList .detail,
    .editBlock .jobList .detail,
    .viewBlock .jobList .detail {
        padding: 0 10px
    }

    .contentBlock .jobList .detail table tr th,
    .editBlock .jobList .detail table tr th,
    .viewBlock .jobList .detail table tr th {
        padding: 5px;
        width: 90px;
        vertical-align: top;
        text-align: right;
        font-size: 11px
    }

    .contentBlock .jobList .detail table tr td,
    .editBlock .jobList .detail table tr td,
    .viewBlock .jobList .detail table tr td {
        padding: 5px;
        font-size: 12px
    }
}

.contentBlock .shortJobList,
.editBlock .shortJobList,
.viewBlock .shortJobList {
    list-style: none;
    letter-spacing: -.4em
}

.contentBlock .shortJobList .job,
.editBlock .shortJobList .job,
.viewBlock .shortJobList .job {
    position: relative;
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid #f5f0ea;
    letter-spacing: normal;
    vertical-align: top
}

.contentBlock .shortJobList .job a,
.editBlock .shortJobList .job a,
.viewBlock .shortJobList .job a {
    display: block;
    padding: 15px 10px;
    min-height: 150px;
    color: #000
}

.contentBlock .shortJobList .job a:hover,
.editBlock .shortJobList .job a:hover,
.viewBlock .shortJobList .job a:hover {
    text-decoration: none;
    background: #f5f5f5 !important
}

.contentBlock .shortJobList .job h5,
.editBlock .shortJobList .job h5,
.viewBlock .shortJobList .job h5 {
    margin: 0
}

.contentBlock .shortJobList .job h5 .icon-new,
.editBlock .shortJobList .job h5 .icon-new,
.viewBlock .shortJobList .job h5 .icon-new {
    margin-left: 10px
}

.contentBlock .shortJobList .job .station,
.editBlock .shortJobList .job .station,
.viewBlock .shortJobList .job .station {
    margin: 0;
    font-size: 12px
}

.contentBlock .shortJobList .job .fee,
.editBlock .shortJobList .job .fee,
.viewBlock .shortJobList .job .fee {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 12px
}

.contentBlock .shortJobList .job .date,
.editBlock .shortJobList .job .date,
.viewBlock .shortJobList .job .date {
    display: inline-block;
    margin: 0;
    font-size: 12px
}

.contentBlock .shortJobList .job .desc,
.editBlock .shortJobList .job .desc,
.viewBlock .shortJobList .job .desc {
    margin: 10px 0 0;
    color: #777;
    font-size: 12px
}

.contentBlock .shortJobList .job .icon-chevron-right,
.editBlock .shortJobList .job .icon-chevron-right,
.viewBlock .shortJobList .job .icon-chevron-right {
    top: 5px;
    right: 0
}

.contentBlock .shortJobList .one a,
.editBlock .shortJobList .one a,
.viewBlock .shortJobList .one a {
    border-right: 1px solid #f5f0ea
}

.contentBlock .shortJobList .large-last,
.editBlock .shortJobList .large-last,
.viewBlock .shortJobList .large-last {
    border-bottom: 0
}

/* @media (max-width:800px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 800px→991px */
@media (max-width:991px) {
    .shortJobList .job a {
        min-height: 155px !important
    }

    .shortJobList .job .desc {
        margin-top: 5px !important;
        line-height: 1.4
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .shortJobList,
    .editBlock .shortJobList,
    .viewBlock .shortJobList {
        margin: 0 -12.360939431396785px
    }

    .contentBlock .shortJobList .job,
    .editBlock .shortJobList .job,
    .viewBlock .shortJobList .job {
        width: 100%
    }

    .contentBlock .shortJobList .job a,
    .editBlock .shortJobList .job a,
    .viewBlock .shortJobList .job a {
        min-height: 0 !important
    }

    .contentBlock .shortJobList .one a,
    .editBlock .shortJobList .one a,
    .viewBlock .shortJobList .one a {
        border-right: 0
    }

    .contentBlock .shortJobList .large-last,
    .editBlock .shortJobList .large-last,
    .viewBlock .shortJobList .large-last {
        border-bottom: 1px solid #f5f0ea
    }

    .contentBlock .shortJobList .job:last-child,
    .editBlock .shortJobList .job:last-child,
    .viewBlock .shortJobList .job:last-child {
        border-bottom: 0
    }
}

.contentBlock .stepVerticalList .stepItem,
.contentBlock .stepVerticalList li,
.editBlock .stepVerticalList .stepItem,
.editBlock .stepVerticalList li,
.viewBlock .stepVerticalList .stepItem,
.viewBlock .stepVerticalList li {
    position: relative;
    padding: 0 0 0 6em
}

.contentBlock .stepVerticalList .stepItem .stepVerticalTitle,
.contentBlock .stepVerticalList li .stepVerticalTitle,
.editBlock .stepVerticalList .stepItem .stepVerticalTitle,
.editBlock .stepVerticalList li .stepVerticalTitle,
.viewBlock .stepVerticalList .stepItem .stepVerticalTitle,
.viewBlock .stepVerticalList li .stepVerticalTitle {
    position: absolute;
    display: inline-block;
    left: 0;
    font-size: 13px;
    color: #00f
}

.contentBlock .commonStepList,
.editBlock .commonStepList,
.viewBlock .commonStepList {
    margin: 0;
    border: 1px solid #ddd;
    list-style: none;
    font-size: 0
}

.contentBlock .commonStepList .stepItem,
.contentBlock .commonStepList li,
.editBlock .commonStepList .stepItem,
.editBlock .commonStepList li,
.viewBlock .commonStepList .stepItem,
.viewBlock .commonStepList li {
    position: relative;
    display: inline-block;
    height: 60px;
    font-size: 12px;
    vertical-align: top
}

.contentBlock .commonStepList .stepItemCurrent,
.editBlock .commonStepList .stepItemCurrent,
.viewBlock .commonStepList .stepItemCurrent {
    background: url(76acf0937061dc87.png) 100% no-repeat;
    color: #fff
}

.contentBlock .commonStepList .stepItemLast,
.editBlock .commonStepList .stepItemLast,
.viewBlock .commonStepList .stepItemLast {
    background: #ffe5e5;
    color: #dc9191;
    text-align: center
}

.contentBlock .commonStepList .stepItemLastDisable,
.editBlock .commonStepList .stepItemLastDisable,
.viewBlock .commonStepList .stepItemLastDisable {
    background: #fff;
    color: #000
}

.contentBlock .commonStepList .stepItemInner,
.editBlock .commonStepList .stepItemInner,
.viewBlock .commonStepList .stepItemInner {
    margin-right: 15px;
    padding: 10px 0
}

.contentBlock .commonStepList .stepItem .number,
.contentBlock .commonStepList li .number,
.editBlock .commonStepList .stepItem .number,
.editBlock .commonStepList li .number,
.viewBlock .commonStepList .stepItem .number,
.viewBlock .commonStepList li .number {
    display: block;
    padding-left: 70px;
    line-height: 20px;
    font-weight: 700
}

.contentBlock .commonStepList .stepItemLast .number,
.editBlock .commonStepList .stepItemLast .number,
.viewBlock .commonStepList .stepItemLast .number {
    padding-left: 0
}

.contentBlock .commonStepList .stepItem .title,
.contentBlock .commonStepList li .title,
.editBlock .commonStepList .stepItem .title,
.editBlock .commonStepList li .title,
.viewBlock .commonStepList .stepItem .title,
.viewBlock .commonStepList li .title {
    display: block;
    padding-left: 70px;
    line-height: 20px
}

.contentBlock .commonStepList .stepItemLast .title,
.editBlock .commonStepList .stepItemLast .title,
.viewBlock .commonStepList .stepItemLast .title {
    padding-left: 0;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700
}

.contentBlock .commonStepList .stepItemDtoD,
.editBlock .commonStepList .stepItemDtoD,
.viewBlock .commonStepList .stepItemDtoD {
    background: url(6c04267b485bf117.png) 100% no-repeat
}

.contentBlock .commonStepList .stepItemAtoD,
.editBlock .commonStepList .stepItemAtoD,
.viewBlock .commonStepList .stepItemAtoD {
    background: url(76acf0937061dc87.png) 100% no-repeat;
    color: #fff
}

.contentBlock .commonStepList .stepItemVtoA,
.editBlock .commonStepList .stepItemVtoA,
.viewBlock .commonStepList .stepItemVtoA {
    background: url(5831159865487a40.png) 100% no-repeat;
    color: #dc9191
}

.contentBlock .commonStepList .stepItemVtoV,
.editBlock .commonStepList .stepItemVtoV,
.viewBlock .commonStepList .stepItemVtoV {
    background: url(60b0ca2d296c4757.png) 100% no-repeat;
    color: #dc9191
}

.contentBlock .commonStepList .stepItem .icon,
.contentBlock .commonStepList li .icon,
.editBlock .commonStepList .stepItem .icon,
.editBlock .commonStepList li .icon,
.viewBlock .commonStepList .stepItem .icon,
.viewBlock .commonStepList li .icon {
    position: absolute;
    display: block;
    top: 13px;
    left: 12px;
    width: 42px;
    height: 33px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {

    .contentBlock .commonStepList .stepItem .number,
    .contentBlock .commonStepList li .number,
    .editBlock .commonStepList .stepItem .number,
    .editBlock .commonStepList li .number,
    .viewBlock .commonStepList .stepItem .number,
    .viewBlock .commonStepList li .number {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center
    }

    .contentBlock .commonStepList .stepItem .title,
    .contentBlock .commonStepList li .title,
    .editBlock .commonStepList .stepItem .title,
    .editBlock .commonStepList li .title,
    .viewBlock .commonStepList .stepItem .title,
    .viewBlock .commonStepList li .title {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        font-weight: 700
    }

    .contentBlock .commonStepList .stepItemLast .title,
    .editBlock .commonStepList .stepItemLast .title,
    .viewBlock .commonStepList .stepItemLast .title {
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }

    .contentBlock .commonStepList .iconMail .stepItemInner,
    .editBlock .commonStepList .iconMail .stepItemInner,
    .viewBlock .commonStepList .iconMail .stepItemInner {
        background: url(0ebb44710b344c6b.png) 50% no-repeat
    }

    .contentBlock .commonStepList .stepItem .icon,
    .contentBlock .commonStepList li .icon,
    .editBlock .commonStepList .stepItem .icon,
    .editBlock .commonStepList li .icon,
    .viewBlock .commonStepList .stepItem .icon,
    .viewBlock .commonStepList li .icon {
        display: none
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {

    .contentBlock .commonStepList .stepItem .number,
    .contentBlock .commonStepList li .number,
    .editBlock .commonStepList .stepItem .number,
    .editBlock .commonStepList li .number,
    .viewBlock .commonStepList .stepItem .number,
    .viewBlock .commonStepList li .number {
        line-height: 40px;
        font-size: 24px
    }

    .contentBlock .commonStepList .iconMail .stepItemInner,
    .editBlock .commonStepList .iconMail .stepItemInner,
    .viewBlock .commonStepList .iconMail .stepItemInner {
        background: url(0ebb44710b344c6b.png) 50% no-repeat;
        -ms-background-size: 46px auto;
        background-size: 46px auto
    }
}

/* @media (max-width:360px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 360px→991px */
@media (max-width:991px) {

    .contentBlock .commonStepList .iconMail .stepItemInner,
    .editBlock .commonStepList .iconMail .stepItemInner,
    .viewBlock .commonStepList .iconMail .stepItemInner {
        -ms-background-size: 40px auto;
        background-size: 40px auto
    }
}

.btnScrollTop a {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 18px 20px;
    text-align: center;
    background: #bbb;
    border-radius: 10px;
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    z-index: 3
}

.btnScrollTop a i {
    margin: 0
}

.contentBlock .btnStar,
.editBlock .btnStar,
.viewBlock .btnStar {
    font-size: 12px;
    font-weight: 700;
    color: #b0b0b0
}

.contentBlock .btnStar i,
.editBlock .btnStar i,
.viewBlock .btnStar i {
    display: inline-block;
    margin: 0;
    width: 16px;
    height: 15px;
    background: url(386f5f387f49be44.png) -23px -46px no-repeat
}

.contentBlock .btnStarActive,
.editBlock .btnStarActive,
.viewBlock .btnStarActive {
    color: #feaa2e
}

.contentBlock .btnStarActive i,
.editBlock .btnStarActive i,
.viewBlock .btnStarActive i {
    background: url(386f5f387f49be44.png) -44px -46px no-repeat
}

i.icon-new {
    width: 31px;
    height: 12px;
    background: url(386f5f387f49be44.png) -22px -20px no-repeat
}

.widgetProfile {
    margin: 0 -20px;
    border-bottom: 1px solid #f5f0ea
}

.widgetProfile .userBlock {
    margin: 0 20px
}

.widgetProfile .userBlock img {
    float: left;
    width: 40px;
    padding: 0 10px 10px 0
}

.widgetProfile .userBlock h4 {
    margin: 0;
    font-size: 11.9px
}

.widgetProfile .userBlock .progressPercentage {
    margin: 5px 0;
    font-size: 17.5px;
    font-weight: 700;
    color: #c00
}

.widgetProfile .progressBlock {
    margin: 0 20px;
    clear: both
}

.widgetProfile .progressBlock .progress {
    margin: 0 0 5px;
    background: #e2dcd6;
    border-radius: 2px
}

.widgetProfile .progressBlock .progress .bar {
    background: #c00;
    -webkit-filter: none;
    filter: none;
    border-radius: 2px
}

.widgetProfile .progressBlock .progress-striped .bar-success,
.widgetProfile .progressBlock .progress-success.progress-striped .bar {
    background-color: #62c462 !important;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent) !important
}

.widgetProfile .progressBlock .progressTutorial {
    margin: 0;
    padding: 0;
    font-size: 11.9px;
    border-radius: 2px;
    text-align: left
}

.widgetProfile .progressBlock .progressTutorial a {
    color: #0064cd;
    text-decoration: underline
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    .widgetProfile {
        margin: 0 -10px
    }

    .widgetProfile .progressBlock,
    .widgetProfile .userBlock {
        margin: 0 10px
    }
}

.widgetFavorite {
    margin: 0 -20px;
    padding: 20px 0;
    border-bottom: 1px solid #f5f0ea
}

.widgetFavorite h4 {
    margin: 0;
    font-size: 11.9px;
    text-align: center
}

.widgetFavorite .alert {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.widgetFavorite .jobList {
    margin: 0 20px 10px
}

.widgetFavorite .jobList .job {
    position: relative;
    border-bottom: 1px solid #f5f0ea
}

.widgetFavorite .jobList .job:last-child {
    border-bottom: 0
}

.widgetFavorite .jobList .job a {
    display: block;
    padding: 5px;
    color: #000
}

.widgetFavorite .jobList .job a:hover {
    background: #f5f5f5;
    text-decoration: none
}

.widgetFavorite .jobList .job h5 {
    margin: 0;
    font-size: 12px
}

.widgetFavorite .jobList .job p {
    margin: 0;
    font-size: 11px;
    line-height: 1.5
}

.widgetFavorite .jobList .job .date,
.widgetFavorite .jobList .job .fee {
    display: inline-block
}

.widgetFavorite .jobList .job .fee {
    margin: 0 10px 0 0
}

.widgetFavorite .jobList .job .icon-chevron-right {
    top: 5px;
    right: 5px
}

.widgetFavorite .more {
    margin: 0 20px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    .widgetFavorite {
        margin: 0 -10px
    }

    .widgetFavorite .alert {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .widgetFavorite .jobList {
        margin: 0 10px 10px
    }

    .widgetFavorite .more {
        margin: 0 10px
    }
}

.loginContent .contentMain {
    margin-top: 60px !important
}

.loginContent .contentMain .contentBody .inner {
    min-height: 0 !important;
    padding: 0 !important
}

.loginContent .btn-back {
    position: absolute;
    top: -45px
}

.loginContent .contentTitle {
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
    height: 3em;
    background: #e5d9ca;
    color: #000;
    line-height: 3em;
    border-bottom: 1px solid #e5d9ca;
    border-bottom: 1px solid #d4c0a8
}

.loginContent .contentTitle .command img {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    width: 16px;
    height: 16px
}

.loginContent .contentTitle .btnEdit,
.loginContent .contentTitle .command .btnCancel,
.loginContent .contentTitle .command .btnDouble,
.loginContent .contentTitle .command .btnSave,
.loginContent .contentTitle .command .btnSingle {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -19px;
    padding: 0 20px;
    height: 36px;
    line-height: 36px
}

.loginContent .contentTitle .btnEdit i,
.loginContent .contentTitle .command .btnSave i {
    margin-right: 10px
}

.loginContent .contentTitle .command .btnCancel,
.loginContent .contentTitle .command .btnDoubleSub {
    right: 115px
}

.loginContent .loginBlock {
    padding: 20px
}

.loginContent .loginBlockSplitter {
    border-right: 1px solid #f5f0ea
}

.loginContent .loginBlock h5 {
    margin: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px
}

.loginContent .loginBlock .field .fieldTitle {
    margin: 0 0 0 auto;
    padding: 0 16px 0 0;
    width: auto;
    border: 0;
    text-align: right;
    line-height: 16px;
    font-size: 11.9px;
    color: #737373;
    cursor: default
}

.loginContent .loginBlock .field .fieldTitleRequired {
    font-weight: 700
}

.loginContent .loginBlock .field .help-block {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 11.9px;
    color: #999
}

.loginContent .loginBlock .field .errorMsg {
    margin: 10px 0 0;
    padding: 8px 8px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    border: 1px solid #e9dabd;
    background: #fffade;
    font-size: 12px;
    color: #c09853;
    color: #000;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.loginContent .loginBlock .textAgreement {
    border: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 10px;
    height: 300px;
    background: #fff;
    font-size: 11.9px;
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: auto;
    border-radius: 5px
}

.loginContent .loginBlock .command {
    margin: 20px 0
}

.loginContent .loginBlock .command .btn-login {
    font-weight: 700
}

.loginContent .loginBlock .command .btn-facebook {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #354d80;
    *background-color: #354d80;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#354d80));
    background-image: linear-gradient(180deg, #3b5998, #354d80);
    background-repeat: repeat-x;
    border-color: #354d80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3B5998", endColorstr="#354D80", GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.loginContent .loginBlock .command .btn-facebook.active,
.loginContent .loginBlock .command .btn-facebook.disabled,
.loginContent .loginBlock .command .btn-facebook:active,
.loginContent .loginBlock .command .btn-facebook:hover,
.loginContent .loginBlock .command .btn-facebook[disabled] {
    color: #fff;
    background-color: #354d80;
    *background-color: #003bb3
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    .loginContent {
        margin: -20px 0 0
    }

    .loginContent .loginBlock {
        padding: 20px
    }

    .loginContent .btn-back {
        margin: 0 20px
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .loginContent .contentMain {
        margin-top: 0 !important
    }

    .loginContent .btn-back {
        position: static;
        margin: 20px
    }

    .loginContent .loginBlockSplitter {
        border-right: 0;
        border-bottom: 1px solid #f5f0ea
    }

    .loginContent .loginBlock .field .fieldTitle {
        text-align: left
    }

    .loginContent .loginBlock .command .btn {
        margin-bottom: 10px
    }
}

.contentHeader .stepList {
    margin: 0;
    width: 100%
}

.contentHeader .stepList li {
    display: inline-block;
    position: relative;
    width: 24%;
    height: 72px;
    padding: 10px 20px 10px 10px;
    max-width: 180px;
    background: url(7019352bc453d8b7.png) 100% no-repeat;
    color: gray;
    font-size: 11.9px;
    line-height: 1.4;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contentHeader .stepList li:last-child {
    padding-top: 2.25em;
    background: none;
    vertical-align: middle
}

.contentHeader .stepList li strong {
    display: block;
    margin: 0 0 3.3333333333333335px;
    color: #ae0013;
    font-size: 14px
}

.sidebarMain .innerWrap {
    position: relative
}

.sidebarMain .disableOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
    opacity: .7;
    filter: alpha(opacity=70)
}

.sidebarMain .stepTitle {
    text-align: left;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    height: 3em;
    background: #e5d9ca;
    color: #000;
    line-height: 3em;
    border-bottom: 1px solid #e5d9ca;
    border-bottom: 1px solid #d4c0a8
}

.sidebarMain .stepDesc {
    margin: 10px 20px;
    text-align: left
}

.sidebarMain .bookingLocation {
    margin: 0 20px 20px
}

.sidebarMain .bookingLocation label {
    text-align: left;
    line-height: 16px;
    font-size: 11.9px;
    color: #737373
}

.sidebarMain .bookingLocation select {
    min-height: -webkit-min-content !important;
    min-height: -moz-min-content !important;
    min-height: min-content !important
}

.contentBody .disableOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
    opacity: .7;
    filter: alpha(opacity=70)
}

.contentBody .stepTitle {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    height: 3em;
    background: #e5d9ca;
    color: #000;
    line-height: 3em;
    border-bottom: 1px solid #e5d9ca;
    border-bottom: 1px solid #d4c0a8
}

.contentBody .stepDesc {
    margin: 0 20px
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .contentHeader .stepList {
        margin: 0;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        text-align: left
    }

    .contentHeader .stepList li {
        display: block;
        padding: 10px;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-bottom: 1px solid #e6e6e6;
        text-align: center;
        background: none
    }

    .contentHeader .stepList li:last-child {
        padding: 10px;
        border-bottom: 0;
        text-align: center
    }
}

.popover {
    z-index: 5
}

/*202505デザイン調整 start*/
.popover-title {
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif !important;
    color: #000;
}
.popover-content {
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif !important;
    color: #000;
}
/*202505デザイン調整 end*/

.affix {
    position: fixed !important;
    top: 0 !important
}

.sidebarSub {
    background-color: #fff
}

.contentBody .affix,
.sidebarMain .affix,
.sidebarSub .affix {
    top: 45px !important
}

.sidebarMain .affix {
    z-index: 1
}

.contentBody .affix {
    -webkit-box-shadow: 0 10px 15px #fff;
    box-shadow: 0 10px 15px #fff
}

.affix-bottom {
    position: absolute;
    top: auto;
    bottom: 60px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {

    .contentBody .affix,
    .sidebarMain .affix,
    .sidebarSub .affix {
        top: 0 !important
    }
}

/* @media (max-width:767px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 767px→991px */
@media (max-width:991px) {
    .affix {
        position: static !important;
        top: 0 !important
    }

    .affix,
    .affix-bottom,
    .affix-top {
        width: auto !important
    }
}

.editBlock .field .alert,
.ie .editBlock .field input[type=text] {
    min-height: -webkit-min-content !important;
    min-height: -moz-min-content !important;
    min-height: min-content !important
}

.ie .editBlock .field input[type=text] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.editBlock .field select {
    min-height: -webkit-min-content !important;
    min-height: -moz-min-content !important;
    min-height: min-content !important
}

body.android .checkbox input {
    margin-top: 0 !important
}

.ie .caret {
    margin-top: 4px
}

.ie7 .navbar {
    position: absolute;
    min-width: 960px
}

.ie7 .contentHeader .row-fluid,
.ie8 .contentHeader .row-fluid {
    width: 960px;
    background: #fff
}

.ie7 .contentMain,
.ie8 .contentMain {
    width: 960px
}

.ie7 .input-prepend .add-on {
    margin-top: 1px
}

div.requiredBlock,
div.requiredInput {
    display: inline
}

td select[multiple] {
    width: 13.5em !important
}

.editBlock .field .fieldTitle,
.viewBlock .field .fieldTitle {
    padding: 0 10px 0 0 !important
}

#footer {
    min-height: 10px !important
}

.editBlock .field .itemList {
    padding: 5px 10px !important
}

#footer .subfooter {
    text-align: right !important
}

.editBlock .message tr td {
    display: table-cell !important
}

#zipSelect {
    width: auto !important
}

.progress-striped .bar-success,
.progress-success.progress-striped .bar {
    background-color: #62c462 !important;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent) !important
}

.progressBlock .progressTutorial {
    text-align: left !important
}

.viewBlock>.alert {
    margin-top: 10px
}

.alert a {
    margin-left: 0;
    text-decoration: none
}

.alert a:hover {
    text-decoration: underline !important
}

.alert a.hoverless:hover {
    text-decoration: none !important
}

.training {
    background-color: #e79736
}

.event {
    background-color: #e15855
}

.campaign {
    background-color: #e1dd44
}

.info {
    background-color: #cf6593
}

.empty {
    padding: 0 4px
}

/* @media (max-width:979px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 979px→991px */
@media (max-width:991px) {
    .linkfontsize {
        font-size: 14px
    }
}

/* ↓20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */
/* @media (min-width:980px) { */ 
.linkfontsize {
    font-size: 12px
}
/* } */
/* ↑20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */

.btn-sd {
    text-align: center;
    color: #000;
    font-weight: bolder;
    background-color: #ffe7e7;
    border-color: #c80f1e;
    border-width: 1px
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 700;
}

.col-md-3,
.col-md-9 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.errorM3 {
    color: #c80f1e;
    font-weight: 700
}

.messageText span h4 {
    background: none;
    border-bottom: none;
    color: #b94a48 !important
}

.spinner-enter {
    opacity: .01;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.spinner-enter.spinner-enter-active {
    opacity: 1
}

.spinner-leave {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.spinner-leave.spinner-leave-active {
    opacity: .01
}

.icon-bar {
    background-color: #f5f5f5
}

.status-info {
    border: 1px solid #239dd0;
    background: #239dd0;
    border-radius: 5px
}

.status-alert,
.status-info {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2.5px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.status-alert {
    border: 1px solid #c80f1e;
    background: #c80f1e;
    border-radius: 5px
}

.status-warning {
    border: 1px solid #f9a656;
    background: #f9a656;
    color: #fff;
    border-radius: 5px
}

.status-default,
.status-warning {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2.5px 10px;
    font-size: 12px;
    font-weight: 400
}

.status-default {
    border: 1px solid #ab9f92;
    background: #ab9f92;
    color: #000;
    border-radius: 5px
}

.status-success {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2.5px 10px;
    border: 1px solid #81b821;
    background: #81b821;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px
}

.subNavItem {
    color: #000 !important
}

.subNavItem,
.subNavItem:hover {
    text-shadow: 0 1px 0 #e7e7e7 !important
}

.subNavItem:hover {
    background-color: #ccc !important;
    text-decoration: none !important
}

.featureList>li {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2.5px 10px;
    border: 1px solid #ae0013;
    background: #fff;
    color: #ae0013;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px
}

.panel-group .panel {
    font-size: 12px;
    margin-bottom: 10px !important
}

.panel-heading {
    padding: 5px 5px 5px 10px !important
}

.modal {
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif !important;
    font-size: 16px !important;
    -webkit-overflow-scrolling: auto !important;
    overflow-y: auto !important
}

.modal-header-ad {
    color: #fff;
    background-color: #c80f1e;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 18px
}

.jobLabel {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2.5px 10px;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    border: 2px dotted #46b8da;
    border-radius: 5px
}

.jobLabel-alert {
    color: #c80f1e
}

.jobLabel-danger {
    color: #c80f1e;
    border: 2px dotted #c80f1e
}

.jobLabel-info {
    color: #239dd0
}

.jobLabel-warning {
    color: #f9a656
}

.jobLabel-success {
    color: #81b821
}

.jobLabel-default {
    color: #000
}

.linkTitle {
    font-weight: 700;
    color: #333
}

.container-fluid {
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif;
    font-size: 16px;
    background-color: #f5f0ea;
    margin: 10px
}

.maintable {
    text-align: left;
    width: 100%;
    margin-top: 20px
}

.sectionhead {
    background-color: #ff7c80
}

.innerhead,
.sectionhead {
    padding: 10px;
    font-weight: 700
}

.RequestTopic {
    border-left: 3px solid rgba(204, 0, 0, .94);
    border-bottom: 1px solid silver;
    font-size: 20px;
    font-weight: 700;
    margin-top: 12px;
    padding: 10px 0 10px 3px
}

.RequestTable {
    margin-top: 20px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-collapse: collapse;
    width: 100%
}

.RequestTd,
.RequestTh {
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 10px
}

.RequestTh {
    background-color: #eee;
    text-align: left
}

.mb-topic {
    border-left: 3px solid rgba(204, 0, 0, .94);
    border-bottom: 1px solid silver;
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
    padding: 6px 0 6px 2px
}

.mb-maintable {
    text-align: left
}

.mb-maintable,
.mb-RequestTable {
    width: 100%;
    margin-top: 12px;
    font-size: 14px
}

.mb-RequestTable {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-collapse: collapse
}

.class-saturday>.ui-state-default {
    background-color: #7482ff !important
}

.class-holiday>.ui-state-default,
.class-sunday>.ui-state-default {
    background-color: pink !important
}

.errorMessage {
    color: #c80f1e;
    font-weight: 700
}

input[readonly] {
    cursor: default;
    background-color: #fff
}

.btn {
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif
}

.btnContainer {
    margin-top: 50px;
    overflow: hidden;
    text-align: center
}

.btn-add {
    font-size: 16px;
    margin: 10px;
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif
}

.btn-back {
    font-size: 14px;
    margin: 10px
}

.col-centered {
    float: none;
    margin: 0 auto
}

.mobileAppImg {
    width: 200px;
    height: 280px;
    background-size: cover;
    background: url(f7256c4816d03b53.png)
}

.rdt {
    position: relative
}

.rdtPicker {
    display: none;
    position: absolute;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 6 !important;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border: 1px solid #f9f9f9
}

.rdtOpen .rdtPicker {
    display: block
}

.rdtStatic .rdtPicker {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static
}

.rdtPicker .rdtTimeToggle {
    text-align: center
}

.rdtPicker table {
    width: 100%;
    margin: 0
}

.rdtPicker td,
.rdtPicker th {
    text-align: center;
    height: 28px
}

.rdtPicker td {
    cursor: pointer
}

.rdtPicker .rdtTimeToggle:hover,
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover {
    background: #eee;
    cursor: pointer
}

.rdtPicker td.rdtNew,
.rdtPicker td.rdtOld {
    color: #999
}

.rdtPicker td.rdtToday {
    position: relative
}

.rdtPicker td.rdtToday:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.rdtPicker td.rdtActive.rdtToday:before {
    border-bottom-color: #fff
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker td span.rdtOld {
    color: #999
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker th {
    border-bottom: 1px solid #f9f9f9
}

.rdtPicker .dow {
    width: 14.2857%;
    border-bottom: none
}

.rdtPicker th.rdtSwitch {
    width: 100px
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
    font-size: 21px;
    vertical-align: top
}

.rdtNext span,
.rdtPrev span {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker thead tr:first-child th {
    cursor: pointer
}

.rdtPicker thead tr:first-child th:hover {
    background: #eee
}

.rdtPicker tfoot {
    border-top: 1px solid #f9f9f9
}

.rdtPicker button {
    border: none;
    background: none;
    cursor: pointer
}

.rdtPicker button:hover {
    background-color: #eee
}

.rdtPicker thead button {
    width: 100%;
    height: 100%
}

td.rdtMonth,
td.rdtYear {
    height: 50px;
    width: 25%;
    cursor: pointer
}

td.rdtMonth:hover,
td.rdtYear:hover {
    background: #eee
}

.rdtCounters {
    display: inline-block
}

.rdtCounters>div {
    float: left
}

.rdtCounter {
    height: 100px;
    width: 40px
}

.rdtCounterSeparator {
    line-height: 100px
}

.rdtCounter .rdtBtn {
    height: 40%;
    line-height: 40px;
    cursor: pointer;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rdtCounter .rdtBtn:hover {
    background: #eee
}

.rdtCounter .rdtCount {
    height: 20%;
    font-size: 1.2em
}

.rdtMilli {
    vertical-align: middle;
    padding-left: 8px;
    width: 48px
}

.rdtMilli input {
    width: 100%;
    font-size: 1.2em;
    margin-top: 37px
}

.label.linelabel {
    display: inline-block;
    width: 80px;
    text-align: center
}

.label.linelabel.mb {
    text-align: center;
    right: 35px;
    position: absolute
}

.checkValue::-webkit-input-placeholder {
    color: #ccc
}

.checkValue:-moz-placeholder {
    color: #ccc
}

* {
    -moz-box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.elem-policy {
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 1em !important;
    padding: 1em;
    height: 20em;
    border: 1px solid #ededed;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 2px 5px 1px inset;
    -moz-box-shadow: rgba(0, 0, 0, .15) 0 2px 5px 1px inset;
    -webkit-overflow-scrolling: touch
}

.NoSelectRadius {
    -webkit-appearance: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #c20000;
    cursor: default;
    background-color: #e5d9ca;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: 700
}

li.tag {
    margin: 4px;
    padding: 0 5px;
    display: inline-block;
    float: left;
    font: 14px Helvetica Neue, Helvetica, Arial, sans-serif;
    height: 30px;
    line-height: 29px;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #acacac;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff4f4), color-stop(47%, #fff2d8), to(#ffe7c6));
    background: linear-gradient(180deg, #fff4f4 0, #fff2d8 47%, #ffe7c6)
}

li button.removeTag {
    margin: 0 0 0 6px;
    padding: 3px;
    border: none;
    background: 0 0;
    cursor: pointer;
    vertical-align: baseline;
    font-style: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 1em;
    line-height: normal;
    font-family: 'Noto Sans JP',Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif;
    color: #585858
}

.btn {
    font-weight: 700 !important
}

/*202504デザイン調整　お問い合わせ　ボタンのトンマナを合わせる start
  btn-dangerをサブミット系の赤いボタンのスタイルにし、ホバー・フォーカス等によるスタイル変更を無効にする
.btn-danger {
    background-color: #c80f1e !important;
    border-color: #c80f1e !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background-color: #b50e1b !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c80f1e), to(#990b17)) !important;
    background-image: linear-gradient(180deg, #c80f1e, #990b17) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 200, 15, 0.11765)", endColorstr="rgba(255, 152, 11, 0.08627)", GradientType=0) !important;
    border-color: #990b17 #990b17 #51060c !important;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) !important
}

.btn-danger:focus,
.btn-danger:hover {
    text-decoration: none !important;
    background-position: 0 -15px !important;
    -webkit-transition: background-position .1s linear !important;
    transition: background-position .1s linear !important;
    background-color: #990b17 !important
}

.btn-danger.active,
.btn-danger.active:hover,
.btn-danger:active {
    background-color: #b00d1a !important;
    border-color: #990b17 !important
}

.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled] .btn-danger.active,
.btn-danger[disabled] .btn-danger:active,
.btn-danger[disabled] .btn-danger:focus,
.btn-danger[disabled] .btn-danger:hover {
    background-color: #c80f1e !important;
    border-color: #c80f1e !important
}
*/
.btn-danger ,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:active {
    background-color:var(--primary-Red300) !important;
    color:var(--primary-White) !important;
    box-shadow: 0px -2px 0 0 var(--primary-DarkRed) inset;
}

/*202504デザイン調整　お問い合わせ　ボタンのトンマナを合わせる end*/

.btn-warning {
    background-color: #f9a656 !important;
    border-color: #f9a656 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background-color: #f89c42 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9a656), to(#f78c25)) !important;
    background-image: linear-gradient(180deg, #f9a656, #f78c25) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 249, 166, 0.33725)", endColorstr="rgba(255, 247, 140, 0.14118)", GradientType=0) !important;
    border-color: #f78c25 #f78c25 #c86607 !important;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) !important
}

.btn-warning:focus,
.btn-warning:hover {
    text-decoration: none !important;
    background-position: 0 -15px !important;
    -webkit-transition: background-position .1s linear !important;
    transition: background-position .1s linear !important;
    background-color: #f78c25 !important
}

.btn-warning.active,
.btn-warning.active:hover,
.btn-warning:active {
    background-color: #f8993d !important;
    border-color: #f78c25 !important
}

.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled] .btn-warning.active,
.btn-warning[disabled] .btn-warning:active,
.btn-warning[disabled] .btn-warning:focus,
.btn-warning[disabled] .btn-warning:hover {
    background-color: #f9a656 !important;
    border-color: #f9a656 !important
}

.btn-info {
    background-color: #239dd0 !important;
    border-color: #239dd0 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background-color: #2090bf !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#239dd0), to(#1c7ca4)) !important;
    background-image: linear-gradient(180deg, #239dd0, #1c7ca4) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 35, 157, 0.81569)", endColorstr="rgba(255, 27, 124, 0.64314)", GradientType=0) !important;
    border-color: #1c7ca4 #1c7ca4 #114b63 !important;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) !important
}

.btn-info:focus,
.btn-info:hover {
    text-decoration: none !important;
    background-position: 0 -15px !important;
    -webkit-transition: background-position .1s linear !important;
    transition: background-position .1s linear !important;
    background-color: #1c7ca4 !important
}

.btn-info.active,
.btn-info.active:hover,
.btn-info:active {
    background-color: #1f8dba !important;
    border-color: #1c7ca4 !important
}

.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled] .btn-info.active,
.btn-info[disabled] .btn-info:active,
.btn-info[disabled] .btn-info:focus,
.btn-info[disabled] .btn-info:hover {
    background-color: #239dd0 !important;
    border-color: #239dd0 !important
}

.btn-success {
    background-color: #81b821 !important;
    border-color: #81b821 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background-color: #75a71e !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#81b821), to(#638d19)) !important;
    background-image: linear-gradient(180deg, #81b821, #638d19) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 129, 184, 0.12941)", endColorstr="rgba(255, 98, 140, 0.09804)", GradientType=0) !important;
    border-color: #638d19 #638d19 #354c0e !important;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) !important
}

.btn-success:focus,
.btn-success:hover {
    text-decoration: none !important;
    background-position: 0 -15px !important;
    -webkit-transition: background-position .1s linear !important;
    transition: background-position .1s linear !important;
    background-color: #638d19 !important
}

.btn-success.active,
.btn-success.active:hover,
.btn-success:active {
    background-color: #72a21d !important;
    border-color: #638d19 !important
}

.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled] .btn-success.active,
.btn-success[disabled] .btn-success:active,
.btn-success[disabled] .btn-success:focus,
.btn-success[disabled] .btn-success:hover {
    background-color: #81b821 !important;
    border-color: #81b821 !important
}

.btn-default {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background-color: #aaa !important;
    *background-color: #aaa !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa)) !important;
    background-image: linear-gradient(180deg, #ccc, #aaa) !important;
    background-repeat: repeat-x !important;
    border-color: #aaa !important;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CCC", endColorstr="#AAAAAA", GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important
}

.btn-default:focus,
.btn-default:hover {
    text-decoration: none !important;
    background-position: 0 -15px !important;
    -webkit-transition: background-position .1s linear !important;
    transition: background-position .1s linear !important;
    background-color: #aaa !important
}

.btn-default.active,
.btn-default.active:hover,
.btn-default:active {
    background-color: #aaa !important;
    border-color: #aaa !important
}

.btn-default.active,
.btn-default.disabled,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.btn-default[disabled] {
    color: #fff !important;
    background-color: #aaa !important;
    *background-color: #003bb3 !important
}

.requiredLabel {
    background-color: #8a0808;
    margin-left: 1em
}

#header .navbar-fixed-top {
    border: none
}

#header .navbar .navbar-header .navbar-brand h1 img {
    display: block;
    vertical-align: top;
    height: 40px;
    margin: 5px 0
}

/* @media (max-width:1200px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 1200px→991px */
@media (max-width:991px) {
    #header .navbar .navbar-header .navbar-brand {
        width: auto
    }

    #header .navbar .navbar-header .navbar-brand h1 {
        margin: 0 0 0 10px
    }

    #header .navbar .nav li {
        margin: 0
    }

    #header .navbar .nav li a {
        padding: 15px 10px;
        line-height: 1
    }

    #header .navbar .btn {
        margin-right: 10px
    }
}

/* @media (max-width:1200px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 1200px→991px */
@media (max-width:991px) {
    #header .navbar-fixed-top {
        margin-left: 0;
        margin-right: 0
    }

    .navbar .nav .dropdown-toggle .caret {
        margin-top: 4px
    }

    .input-mini {
        width: 50px !important
    }
}

/* @media (max-width:1200px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 1200px→991px */
@media (max-width:991px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

/* @media (max-width:1200px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 1200px→991px */
@media (max-width:991px) {
    .navbar-header {
        float: none
    }

    .navbar-left,
    .navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        display: none !important;
        overflow-y: overlay !important
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }

    .navbar-nav>li {
        float: none
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collapse.in {
        display: block !important;
        overflow-y: overlay !important
    }
}

.interviewBtn {
    width: 10%
}

/* @media (max-width:600px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 600px→991px */
@media (max-width:991px) {
    .react-bs-table-pagination>.row>div:first-child {
        display: none
    }

    .react-bs-table-pagination>.row>div:nth-child(2) {
        width: 100%
    }
}

/* 202504 デザイン調整 ADD start*/

/* MPS_MainNotification */
.user-profile-area{
    font-size: 12px;
    background-color: #FFFFFF !important;
}
.user-profile-area > .nav-tabs > li > a{
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #CFCACA;
    border-bottom: none;
}
.width-fit-content {
    width: 1px;
    white-space: nowrap;
}
.user-profile-area > .nav-tabs > li.active > a {
    background-color: #CB050C !important;
    color: #FFFFFF;
}
.user-profile-staff-name{
    color: var(--primary-Black);
}
.user-profile-staff-code{
    color: var(--primary-Gray500);
}
.tabsline {
    border-bottom: 2px solid #CB050C;
}
/*.badge-noti-unread {
    background-color: #E38038;
    border: 1px solid;
    position: absolute;
    top: 0;
    padding: 5px;
    line-height: 12px;
    border-radius: 20px;
    min-width: 25px;
    right: 85px;
}*/
.badge-noti-unread {
    display: flex;
    background-color: #E38038;
    border: 1px solid;
    position: absolute;
    top: 18%;
    padding-top: 5px;
    border-radius: 20px;
    min-width: 28px;
    height:28px;
    right: 85px;
    align-items: center;
    justify-content: center;
}

/* @media (max-width:768px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 768px→991px */
@media (max-width:991px) {
    .badge-noti-unread {
        top: 18%;
        padding-top: 3px;
        min-width: 20px;
        height:20px;
        font-size:12px;
        right: 5px;
    }
}

.user-profile-area-data{
    display: flex;
    align-items: center;
}

/* ↓20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */
/* 20250430 add start */
/* @media (min-width: 790px) { */
.user-profile-area-link {
    margin-left: auto;
    margin-right: auto;
}
/* } */
/* 20250430 add end */
/* ↑20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */

.user-profile-area-link .user-profile-area-link-item{
    color: var(--primary-Black);
}
.user-profile-refer-link{
    color: #CB050C;
    text-decoration: none;
}
.link-black-under {
    color: #000000 !important;
    text-decoration: underline !important;
}
.link-black-undernone {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}
.link-black-undernone:hover {
    color: #ae0013 !important;
}
/* //common fontsize */
.text-body-1{
    font-size: 16px !important;
}
.text-body-2{
    font-size: 13px !important;
}
.text-noti-date{
    font-size: 13px !important;
}
.text-body-3{
    font-size: 13px !important;
    font-weight: bold;
}
.text-body-4{
    font-size: 10px !important;
}
.text-body-5{
    font-size: 11px !important;
}
.slide-img {
    padding: 0 5px;
}
.tab-pad-left {
    padding-left: 0px;
}
.tab-pad-right {
    padding-right: 0px;
}
.tab-pad-left > a,
.tab-pad-right > a {
    font-size: 14px !important;
}
.user-introduction-link {
    font-weight:bold;
    color:#CB050C;
    font-size: 15px !important;
}
.user-introduction-link > a {
    color: #CB050C;
    text-decoration: underline;
}
.user-introduction-link > img {
    margin-right: 2px;
}
/* 2025-4-18 wang add start */
.line-divider{
    padding: 5px; 
    border-bottom: 1.5px solid #CFCACA;
}
.flex-col{
    display: flex;
    flex-direction: column;
}
.flex-row{
    display: flex;
    flex-direction: row;
}
.grid-col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.grid-col-7fr5 {
    display: grid;
    grid-template-columns: 7fr 5fr;
}
.gap-half{
    gap: 0.5rem;
}
.gap-1{
    gap: 1rem;
}
.gap-3{
    gap: 3rem;
}
.width-33{
    width: 33%;
}
.width-40{
    width: 40%;
}
.sp-text-bold {
    font-weight: 700;
}

/* 2025-4-18 wang add end */
/* @media  (max-width: 786px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 786px→991px */
@media  (max-width: 991px) {
    /* //common fontsize */
    .text-body-1{
        font-size: 14px !important; /* 2025/04/12 pasona様と打ち合わせ調整 13px → 14px */
    }
    .text-body-2{
        font-size: 10px !important;
    }
    .text-noti-date{
        font-size: 10px !important;
        color: #777;
    }
    .text-body-3{
        font-size: 11px !important;
        font-weight: normal;
    }
    .sp-text-body-09{
        font-size: 9px !important;
    }
    .sp-text-body-0{
        font-size: 10px !important;
    }
    .sp-text-body-1{
        font-size: 11px !important;
    }
    .sp-text-body-2{
        font-size: 12px !important;
    }
    .sp-text-body-3{
        font-size: 13px !important;
    }
    .sp-text-body-4{
        font-size: 14px !important;
    }
    .sp-text-bold{
        /* 202505デザイン調整 "700"を"600"に変更 font-weight: 700; */
        font-weight: 600 !important;
    }
    /* 202505デザイン調整 "400"を"300"に変更 */
    .sp-text-light{
        font-weight: 300;
    }
    .sp-pb-7{
        padding-bottom: 7px !important;
    }
    .sp-mb-5{
        margin-bottom: 5px !important;
    }
    /* 2025-4-18 wang add start */
    .sp-grid{
        display: grid;
    }
    .sp-item1 { order: 1; }
    .sp-item2 { order: 2; }
    .sp-item3 { order: 3; }
    .sp-grid-col-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .sp-grid-col-2fr5 {
        display: grid;
        grid-template-columns: 2fr 5fr;
    }
    .sp-grid-col-3fr5 {
        display: grid;
        grid-template-columns: 3fr 5fr;
    }
    .sp-grid-col-4fr5 {
        display: grid;
        grid-template-columns: 4fr 5fr;
    }
    .sp-grid-col-6p5fr8 {
        display: grid;
        grid-template-columns: 6.5fr 8fr;
    }
    .sp-gap-0{
        gap: 0rem;
    }
    .sp-gap-half{
        gap: 0.5rem;
    }
    .sp-gap-1{
        gap: 1rem;
    }
    .sp-p-10{
        padding: 10px;
    }
    .sp-pb-15{
        padding-bottom: 15px;
    }
    .sp-flex-col{
    display: flex !important; /* 20250512 INTERNALPASONAMYPAGE-534 【不具合】フッタオーお問い合わせタップしても反応しない デザイン崩れ対応 */
    flex-direction: column !important; /* 20250512 INTERNALPASONAMYPAGE-534 【不具合】フッタオーお問い合わせタップしても反応しない デザイン崩れ対応 */
    }
    .sp-flex-row{
        display: flex;
        flex-direction: row;
    }
    .sp-width-full{
        width: 100%;
    }
    .sp-mw-70{
        max-width: 70%;
    }
    /* 2025-4-18 wang add end */
    /* //common fontsize */
    .user-profile-area {
        padding: 0;
    }
    .user-profile-area {
        padding: 0;
    }
    .user-profile-area-name{
        /* display: flex; */
        align-items: center;
        /* margin: 0 10px; */
    }
    .user-profile-staff-code{
        margin-left: 5px;
        color: var(--primary-Gray500);
    }
    .user-profile-staff-name {
        margin: 0;
    }
    /*.badge-noti-unread {
        right: 0;
    }*/
    .tab-pad-left {
        padding-left: 10px;
    }
    .tab-pad-right {
        padding-right: 10px;
    }
    .tab-pad-left > a,
    .tab-pad-right > a {
        font-size: 11px !important;
    }
    .link-weight {
        font-weight: 700;
    }
    .user-introduction-link {
        font-weight:bold;
        color:#CB050C;
        font-size: 14px !important;
    }
    .nav-tabs > li{
        margin-right:3px !important;
    }
    .nav>li>a {
        padding:7px 15px;
    }
}

/* MPS_MainJobList */
        /* Fullscreen overlay */
        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8); /* Light background overlay */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .mp-jobList-main {
            background-color: #ffff
        }
        .mp-jobList-main .navTabs-top {
            display: flex;
            width: 100%;
        }
        .mp-jobList-main .navTabs-top > li {
            flex: 1; /* Makes each tab flexible and take equal width */
            text-align: center;
            margin-right: 1rem;
        }
        .mp-jobList-main .navTabs-top > li:last-child{
            margin-right: 0;
        }
        .mp-jobList-main .navTabs-top > li > a {
            width: 100%;
            border-radius: 0;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border: 1px solid #CFCACA;
            border-bottom:none;
            color: black;
            position: relative;
            font-weight: 700;
            padding: 1rem;
        }
        .mp-jobList-main .navTabs-top>li.active>a{
            color: white;
            background-color: #FF6665;
        }
        .mp-jobList-main .navTabs-top>li>a:hover{
            color: white;
            background-color: #FF6665 !important;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border: 1px solid #eeb4b4;
            border-bottom: none;
        }
        .mp-jobList-main .navTabs-top>li.active>a:hover{
            color: white;
            background-color: #eeb4b4 !important;
        }
        /* top */
        .mp-jobList-main .mp-jobList-top {
            display: grid;
            grid-template-columns: 40% 60%;
            padding-top: 3rem;
            margin: 0 auto;
            align-items: center;
            border-bottom: 2px solid #FF6665;
        }

        .mp-jobList-main .mp-jobList-top-title {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        .mp-jobList-main .mp-jobList-top-button{
            margin-top: 20px;
        }
        .mp-jobList-main .mp-jobList-title {
            font-size: 24px;
            font-weight: 700;
            color: var(--primary-Black);
        }
        .mp-jobList-main .bubble-count-number-btn{
            color: white;
            font-size: 16px;
            line-height: 1.5em;
            min-width: 1.5em;
            font-weight: 700;
            padding: 0em 0.5em;
            background: #E38038;
            border-radius: 1.5em;
            position: absolute;
            top: -1rem;
            right: 2%;
            border: 1px solid;
        }
        .mp-jobList-main .mp-jobList-arrow-link {
            padding-left: 10px;
            /* 20250515 下線追加 */
            /* text-decoration: none !important; */
            color: #FF6665;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size:  12px;
            color: #CB050C;
            font-weight: 400;
            line-height: 10px;
            margin-bottom: 20px;
            gap: 5px;
        }
        .jobCurrent-content {
            margin: 0 0;
        }
        .jobCurrent-content-item-pc {
            margin-top: 35px;
            border: 1px solid #CFCACA;
            border-radius: 6px 6px;
        }
        .jobCurrent-content-header{
            color: #666666;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 6px 15px;/* 20250508 タイトル欄調整 3.5px →6px */
            border-top: 6px solid var(--primary-Red200);
            border-top-left-radius:6px ;
            border-top-right-radius: 6px;
            background-color: #FFE0E0;
        }
        .jobCurrent-content-header-unable {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;/* 20250508 タイトル欄調整 3.5px →10px */
            border-top: 6px solid var(--primary-Red200);
            border-top-left-radius:6px ;
            border-top-right-radius: 6px;
            background-color: #E8E8E8;
        }
        .jobCurrent-content-header-unable-2 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 3.5px 15px;
            border-top: 6px solid var(--primary-Red200);
            border-top-left-radius:6px ;
            border-top-right-radius: 6px;
            background-color: #CFCACA;
        }
        .jobCurrent-content-body-unable-2 .jobCurrent-item-detail.detail p  {
            color: #666666;
        }
        .jobCurrent-content-body-unable-2 .jobCurrent-item-detail p:first-child,
        .jobCurrent-content-body-unable-2 .jobCurrent-item-detail p:last-child {
            color: #666666;
        }
        .jobCurrent-content-header-bookmark {
            display: flex;
            column-gap: 5px;
            color: white;
            margin: 3px 0px;
            padding: 7px 6px;
            border-radius: 3px 3px;
            background-color: #ff6665;
            font-size:  13px;
            font-weight: 700;
            line-height: 9px;
        }
        .jobCurrent-content-header-bookmark p {
                margin: 5px 0 5px;
        }
        .jobCurrent-content-header-left .disable {
            display: none;
        }
        .jobCurrent-content-header-left{
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 0px;
        }
        .jobCurrent-content-header-badge{
            display: flex;
            gap: 10px;
            padding: 3px 5px;
            margin-top: 0px;
        }
        .jobCurrent-content-header-badge .jobCurrent-header-badge  {
            background-color: #ffff;
            line-height: 9px;
            font-weight:400;
            padding: 7px;
            margin-bottom: 0;
            border-radius: 2px 2px ;
            font-size:  13px !important;
            color: #000000;
            height: 70%;
        }
        .jobCurrent-content-header-path {
            display: flex;
            align-items: center;
        }
        .jobCurrent-content-header-path .jobCurrent-content-path {
            margin-bottom: 0;
            font-size:  13px !important;
            line-height: 9px;
            font-weight: 400px;
            color: var(--primary-Gray500);
        }
        .jobCurrent-content-header-right .jobCurrent-content-header-code {
            font-weight:400;
            line-height: 7px;
            font-size:  13px;
            margin-bottom: 0;
            color: #000000
        }
        .jobCurrent-content-header-right .jobCurrent-content-header-code span {
                font-weight:400;
                line-height: 7px;
                font-size:  13px;
                margin-bottom: 0;
                color: #666666;
        }
        .jobCurrent-content-body{
            display: grid;
            grid-template-columns:  80% 20%;
            padding: 20px 15px 15px 15px;
            background-color: #FFFFFF;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
       }
        .jobCurrent-content-body-unable-2 {
            display: grid;
            grid-template-columns:  80% 20%;
            padding: 20px 15px 15px 15px;
            background-color: #E8E8E8;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        .jobCurrent-content-body .jobCurrent-content-body-left .jobCurrent-content-body-right {
            padding: 15px 5px;
        }

        .jobCurrent-content-body .jobCurrent-content-body-left .jobCurrent-content-body-title-left {
            font-size: 17px !important;
            font-weight: bold;
            line-height: 21px;
            color: #000000;
        }
        .jobCurrent-content-body-read .jobCurrent-content-body-left .jobCurrent-content-body-title-left {
            font-size: 17px !important;
            font-weight: bold;
            line-height: 21px;
            color: #000000;
        }
        .jobCurrent-content-body-detail-left{
            display: grid;
            grid-template-columns: 33% 33% 33%;
            margin-top: 30px;
            padding: 1.5px 5px;
        }
        .jobCurrent-content-body-detail-left .jobCurrent-item-detail {
            padding: 0 9px;
            font-weight: 400;
            font-size:  15px;
            line-height: 25px;
            color: #000000;

        }
        .jobCurrent-content-body-read .jobCurrent-content-body-detail-left .jobCurrent-item-detail {
            padding: 0 9px;
            font-weight: 400;
            font-size:  15px;
            line-height: 25px;
            color: var(--primary-Gray500);

        }
        .jobCurrent-content-body-detail-left .jobCurrent-item-detail > p {
            margin: 0
        }
        .jobCurrent-content-body-detail-left .detail {
            border-right: 1px solid #CFCACA;
            color: #000000;
        }

        .jobCurrent-content-body-right ,.jobCurrent-content-body-right-unable {
            justify-items: end;
            align-content: center;

        }
        .jobCurrent-content-body-right-list {
            justify-items: center;
            width: 170px;
        }

        .jobCurrent-content-body-right .card-button {
            color: #666666;
        }
        .jobCurrent-content-body-right-unable .card-button {
            color: #666666;
        }
        .jobCurrent-content-body-right , .jobCurrent-content-body-right-unable, .jobCurrent-learn-more , .jobCurrent-enter {
            margin-bottom: 10px
        }
        .jobCurrent-favorite a {
            color: #666666;
            font-size:  12px;
        }
        .jobCurrent-content-body-right .jobCurrent-learn-more {
            width: 100%;
            padding: 6.44px 3px;
            text-align: center;
            font-size:  15px !important;
            border: 1px solid #ccc;
            background-color: white;
            border-radius: 4px 4px;
            cursor: pointer;
            box-shadow:0px 2px #BDBDBD;
        }
        .jobCurrent-content-body-right .jobCurrent-learn-more:hover {
            background-color: #f7f7f7;
            box-shadow:#BDBDBD
        }
        .jobCurrent-remove-job {
             cursor: pointer;
             display: flex;
             align-items: center;
        }
        .jobCurrent-remove-job span{
        	text-decoration: none;/* 20250501 下線削除 */
        	text-underline-offset: 2px;
        }
        .jobCurrent-content-body-right .jobCurrent-enter {
            width: 100%;
            padding: 6.44px 3px;
            color: #FFFFFF;
            text-align: center;
            font-size:  15px !important;
            /* border: 1px solid #ccc; */
            background-color: #FF6665;
            border-radius: 4px 4px;
            box-shadow:0px 2px #C65756;
            cursor: pointer;
            margin-bottom: 0;

        }
        .jobCurrent-content-body-right .jobCurrent-more:hover {
            box-shadow:#C65756
        }
        .jobCurrent-no-result {
            /*202505デザイン調整 start*/
            color: #000000;
            /*202505デザイン調整 end*/
            display: grid;
            grid-template-columns: 80% 20%;
            padding: 20px 15px 15px 15px;
            background-color: #FFFFFF;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border: 1px solid #CFCACA;
            font-size:  16px;
        }

        .jobCurrent-content-body-right-unable .jobCurrent-learn-more-unable {
            width: 100%;
            padding: 6.44px 3px;
            text-align: center;
            font-size:  12px;
            border: 1px solid #ccc;
            background-color: white;
            border-radius: 4px 4px;
            cursor: pointer;
            box-shadow:0px 2px #BDBDBD;
        }
        .jobCurrent-content-body-right-unable .jobCurrent-learn-more-unable:hover {
            background-color: #f7f7f7;
            box-shadow:#BDBDBD
        }
        .jobCurrent-content-body-right-unable .jobCurrent-enter {
            width: 70%;
            padding: 6.44px 3px;
            color: #FFFFFF;
            text-align: center;
            font-size: 14px;
            /* border: 1px solid #ccc; */
            background-color: #FF6665;
            border-radius: 4px 4px;
            box-shadow:0px 2px #C65756;
            cursor: pointer;

        }
        .jobCurrent-content-body-right-unable .jobCurrent-more:hover {
            box-shadow:#C65756
        }

        .jobCurrent-content-body-right-unable .unable {
            display: none;
        }
        .jobCurrentTab_total {
            text-align: center
        }
        .jobCurrentTab_total_title {
            padding: 25px 15px 50px 15px;
            margin: 0;
        }
        .jobCurrentTab_total_link {
            color: black !important;
            text-decoration: none;
        }
        .jobCurrentTab_total_title_text {
            font-size: clamp(12px, 2.5vw, 18px);
            line-height: 30px;
            font-weight: 700;/* 20250508 #INTERNALPASONAMYPAGE-465修正 600→700 */
        }
        .jobCurrentTab_total .icon {
            color: #FF6665;
        }
        .jobCurrent-enter .card-button-2 {
            color: #FFFFFF;
            font-weight: 700;
        }
        .mp-jobList-content .jobCurrent-content-header-path-mb{
                display: none;
        }
        .jobCurrent-remove-job span{
            text-decoration: none;/* 20250501 下線削除 */
            text-underline-offset: 2px;
            font-size: 15px;
        }
        .job-pagination-item-header.highlight{
            background-color: #FFE0E0 !important;
        }
        .lower-text{
            color: #666666;
        }
        .jobCurrent-item-detail p > strong {
            font-size: 15px !important;
        }
        .jobCurrent-item-detail p{
            font-size: 15px !important;
        }
    
/* Mobile */
/* @media  (max-width: 786px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 786px→991px */
@media  (max-width: 991px) {
    .mp-jobList-main .mp-jobList-top {
        display: flex;
        flex-direction:column;
        border-bottom: none;
        align-items: normal;
    }
    .mp-jobList-main .mp-jobList-top-title {
        justify-content: space-between;
        border-bottom: 2px solid #FF6665;
        
    }
    .mp-jobList-main .mp-jobList-title {
        /* font-weight: 700; */ /* 20250507 INTERNALPASONAMYPAGE-496 【不具合】お仕事リスト あなたのお仕事リストのfont weight 700→600 */
        font-weight: 600;
        font-size: 15px
    }
    .mp-jobList-main .navTabs-top {
        display: flex;
    }
    .mp-jobList-main .mp-jobList-arrow-link  {
        margin: 5px 0 10px 0;
        font-size: 10px;
    }
    .mp-jobList-main .navTabs-top > li  {
        flex: 1; 
        text-align: center;
    }
    .mp-jobList-main .navTabs-top > li > a {
        display: block;
        font-size: 10px;
        background-color: #f1ebe2;
        border-radius: 8px 8px;
        color: black;
        text-decoration: none;
        font-weight: bold;
        padding-right: 0px;
        padding-left: 0px;
        border: none;
    }

    .mp-jobList-main .navTabs-top>li.active>a{
        position: relative;
        font-size: 10px;
        color: white;
        background-color: #FF6665;
        padding-right: 0px;
        padding-left: 0px;
        border-bottom: 0.25px solid #ff5a5f;
    }
    .mp-jobList-main .navTabs-top > li.active > a::after{
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ff5a5f;
    }
    .jobCurrent-content-item-pc {
        margin-top: 15px;
    }
    .jobCurrent-content-header-bookmark{
        padding: 5px 5px;
        margin: 0;
        align-items: center;
        font-size: 10px;
    }
    .jobCurrent-content-header-bookmark p {
        margin: 5px 0 5px;
    }
    .jobCurrent-content-header-badge{
        align-items: center;
        padding: 0px;
    }
    .jobCurrent-content-header-badge p{
        height: auto !important;
        padding: 2.5px 5px !important;
        line-height: 14px !important;
        font-size: 9px !important;
        margin: 0;
    }
    .jobCurrent-content-header-right .jobCurrent-content-header-code {
        font-weight:400;
        line-height: 7px;
        font-size: 9px !important;
        margin-bottom: 0;
        color: #000000
    }
    .jobCurrent-content-header-right .jobCurrent-content-header-code span {
        font-weight:400;
        line-height: 7px;
        font-size: 9px !important;
        margin-bottom: 0;
        color: #666666;
    }
    .jobCurrent-content-body .jobCurrent-content-body-left .jobCurrent-content-body-title-left {
        font-size: 10px !important;
        line-height: 16px  !important;
    }
    .jobCurrent-content-body-detail-left .jobCurrent-item-detail {
        padding-right: 0px;
        padding-left: 0px
    }
    .mp-jobList-content .jobCurrent-content-header-path{
        display: none;
    }
    .mp-jobList-content .jobCurrent-content-header-path-mb{
        display: block;
    }
    .jobCurrentTab_total{
        margin-top: 20px;
    }
    .jobCurrentTab_total_title{
        padding: 0;
    }
    .jobCurrent-content-header-path-mb span {
        background: #E8E8E8;
        color: #666666;
        padding: 3px 5px;
        line-height: 20px;
        margin: 2px;
        border-radius: 3px;
        font-size: 9px;
    }
    .jobCurrent-content-body{
        grid-template-columns: auto;
        padding: 10px;
    }
    .jobCurrent-content-body-detail-left{
        grid-template-columns: 50% 50%;
        margin-top: 10px;
    }
    .jobCurrent-item-detail{
        border-right: none !important;
    }
    .jobCurrent-item-detail p > strong {
        font-size: 15px !important;
        line-height: 16px !important;
    }
    .jobCurrent-item-detail span {
        color: #666666;
    }
    .jobCurrent-content-body-right .jobCurrent-content-body-right-list {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        align-items: center;
        margin-top: 10px;
        width: 100%;
    }
    .jobCurrent-content-body-detail-left .jobCurrent-item-detail {
        font-size: 9px !important;
    }

    .jobCurrent-content-body-right .jobCurrent-learn-more {
        width: 90%;
        padding: 5px 10px;
        margin-bottom: 0px;
        font-size: 9px !important;
    }
    .jobCurrent-content-body-right .jobCurrent-enter{
        width: 90%;
        padding: 5px 10px;
        font-size: 9px !important;
    }
    .mp-jobList-main .bubble-count-number-btn{
        color: white;
        /* font-size: 13px !important ; */ /* INTERNALPASONAMYPAGE-460 【不具合】お仕事リスト/お知らせリスト　件数アイコンの文字サイズ */
        font-size: 12px !important ;
        line-height: 1.5em;
        min-width: 1.5em;
        font-weight: 700;
        padding: 0em 0.5em;
        background: #E38038;
        border-radius: 1.5em;
        position: absolute;
        top: -12px;
        right: 39%;
        border: 1px solid;
    }
    .jobCurrent-remove-job span{
        font-size: 9px;
    }
    .job-pagination-item-body-read .job-pagination-station {
        color: var(--primary-Gray500);
    }
    .btn-view-job-detail{
        text-align: center;
        border: 1px solid #ccc;
        background-color: white;
        border-radius: 4px 4px;
        cursor: pointer;
        box-shadow: 0px 2px #BDBDBD;
        padding: 5px 10px;
        min-width: 100px;
        margin-bottom: 0px;
        font-size: 9px;
        color: #666666 !important;
    }
    .btn-entry-job-detail{
        color: #FFFFFF;
        text-align: center;
        /* border: 1px solid #ccc; */
        background-color: #FF6665;
        border-radius: 4px 4px;
        box-shadow: 0px 2px #C65756;
        cursor: pointer;
        margin-bottom: 0;
        padding: 5px 10px;
        min-width: 100px;
        font-size: 9px;
    }
    .jobCurrent-no-result {
        /*202505デザイン調整 start*/
        /* font-size:  14px; */
        font-size:  12px;
        /*202505デザイン調整 end*/
    }
    /* 20250508 #INTERNALPASONAMYPAGE-465修正ADD */
    .jobCurrentTab_total_title_text {
        font-weight: 600;
    }
    /* 20250508 #INTERNALPASONAMYPAGE-465修正END */
}
/* @media  (max-width: 1000px)  { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 1000px→991px */
@media  (max-width: 991px)  {
    .jobCurrent-content-body-right-list {
        justify-items: center;
        width: 95%;
    }
}

/* MPS_MainJobListHistory */
.slick-prev{
    /* background-image: url("{!URLFOR($Resource.commonCss, 'images/arrow3.png')}") !important; */
    background-image: url(./images/arrow_pink_next.svg) !important;
    height: 60px !important;
    width: 60px !important;
    background-size: cover !important;
    left: -75px !important;
    cursor: pointer !important;
    transform: scaleX(-1) !important;
}
.slick-next {
    /* background-image: url("{!URLFOR($Resource.commonCss, 'images/arrow1.png')}") !important; */
    background-image: url(./images/arrow_pink_next.svg) !important;
    height: 60px !important;
    width: 60px !important;
    background-size: cover !important;
    right: -75px !important;
    cursor: pointer !important;
}
.job-carousel{
    width: 1280px;
    margin: 0px auto;
    padding-bottom: 30px;
}
.slick-active .job-card{
    cursor: pointer;
}
.slick-active .job-card:hover > .job-card-title{
    color: #2E95E4;
    text-decoration: underline;
}
.job-card .job-view .btn {
    font-size: 13px;
}
.job-card h4 {
    color: var(--primary-Black);
}
.job-card .price {
    color: var(--primary-Black);
}
.job-card .job-location {
    color: var(--primary-Black);
}
.job-card .description {
    color: var(--primary-Gray500);
}


/* @media screen and (max-width: 991px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 メディアタイプ削除(screen and) */
@media (max-width: 991px) {
    .job-pagination-item-header-right p {
        font-size: 11px !important; /* 2025/04/12 pasona様と打ち合わせ調整 9px → 11px */
        color: var(--primary-Black);
    }
    .job-pagination-item-header-left p {
        font-size: 11px !important; /* 2025/04/12 pasona様と打ち合わせ調整 9px → 11px */
        color: var(--primary-Black);
    }
    .jobCurrent-content .job-pagination-item-body-path p {
        color: var(--primary-Gray500);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .job-pagination-item-body-path p {
        color: var(--primary-Black);
    }
    .job-history-container .job-pagination-item-body-path p {
        font-weight: 700 !important;
        color: var(--primary-Black);
    }
    .job-pagination-item-body-content p {
        color: var(--primary-Black);
    }
}

/* 202504 デザイン調整 MPS_UserForgotPassword.page より移植 start */
        .userforgotpassword-panel-group .panel {
            font-size: 14px;
        }

        .userforgotpassword-row {
            font-size: 16px;
        }

        .userforgotpassword-guidancetext {
            font-size: 12px;
            padding-left: 50px
        }

        .userforgotpassword-alerttext {
            color:red
        }

        .userforgotpassword-guidancetext-ml {
            font-size: 12px;
            padding-left: 15px;
            padding-right: 15px
        }

        .userforgotpassword-tologinbtn {
            margin-top:0.75em;
            margin-right:1em
        }

        .bg-transparent {
            background-color:transparent;
        }

        .userforgotpassword-QA-font {
            font-weight: bold;
            font-size: 110%
        }

        .userforgotpassword-loadingimg{
            height: 15px
        }
        .userforgotpassword-newquestionpanel{
            padding-bottom: 35px
        }
        .userforgotpassword_questiontestarea{
            min-height: 120px
        }
        /* 202504 デザイン調整 MPS_UserForgotPassword.page より移植 end */
        /* 202504 デザイン調整 MSP_CommunitiesLogin.page より移植 start*/
        .login-MainArea {
            width: 900px;
            height: 562px;
            background-color: #ffffff;
        }
        .login-MainTitleArea {
            position: relative;
            width: 900px;
            height: 90px;
        }
        .login-MainTitleArea::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 900px;
            height: 2px;
            display: block;
            background: linear-gradient(to right, #CB050C 0px, #CB050C 144px, #CFCACA 144px, #CFCACA 900px);
        }
        .login-MainTitleText {
            /* ↓Circlace20250426 ADD */
            color: #000000;
            /* ↑Circlace20250426 ADD */
            position: absolute;
            left: 40px;
            bottom: 15.5px;
            font-size: 30px;
            font-weight: 400;
        }
        .login-input-group {
            width: 820px;
            display: flex;
            flex-direction: column;
        }
        .login-input-group .UserName {
            margin-top: 40px;
        }
        .login-control-label {
            /* ↓Circlace20250426 ADD */
            color: #000000;
            /* ↑Circlace20250426 ADD */
            text-align: left !important;
            display: block;
            font-size: 16px;
            font-weight: 700;
            padding-top: 15px !important;
        }
        .login-input-field {
            margin-top: 4px;
            height: 50px;
        }
        .login-password-container {
            position: relative;
            width: 100%;
        }
        .login-toggle-password {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            cursor: default;
            padding: 3px;
        }
        .login-alert-warning .messageText span h4 { display: none; }
        .login-warningTitle {
            padding-left: inherit;
            text-align: left;
            background: none;
            border-bottom: none;
            color: #b94a48 !important;
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .login-common-btn {
            width: 250px;
            height: 60px;
            font-size: 16px;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 5px;
            border: none;
            cursor: pointer;
        }
        .login-mypage-btn {
            margin-top: 40px;
            /* ↓Circlace20250426 UPDATE */
            background-color: #967E5A;
            /* ↑Circlace20250426 UPDATE */
            color: white;
            -webkit-box-shadow: 0px -2px 0 0 #6e4918 inset;
            box-shadow: 0px -2px 0 0 #6e4918 inset; 
        }
        .login-pasona-btn {
            display: inline-block;
            margin-top: 20px;
            background-color: #CB050C;
            color: white !important;
            -webkit-box-shadow: 0px -2px 0 0 #890308 inset;
            box-shadow: 0px -2px 0 0 #890308 inset;
        }
        .login-form-group {
            margin-bottom: 0px !important;
        }
        .login-link-panel {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .login-link-item {
            display: flex;
            align-items: center;
            gap: 13px;
            margin-top: 20px;
        }
        .login-arrow-icon {
            margin-right: 3px;
            margin-top: 1px;
            width: 7px;
            height: 8px;
        }
        .login-link-text {
            display: block;
            font-size: 13px;
        }
        .login-register-section {
            margin-top: 40px;
        }
        .login-register-message {
            font-size: 13px;
            line-height: 1.5;
            /* ↓Circlace20250426 ADD */
            color: #000000;
            /* ↑Circlace20250426 ADD */
        }
        .login-sp-only {
            display: none;
        }
        .login-pt100 {
            padding-top: 100px;
        }
        .login-pb15 {
            padding-bottom: 15px;
        }
        .login-link-color{
            color: #337ab7;
        }
        .login-width60 {
            width: 60%
        }
        @media (max-width: 991px){
            .login-MainArea {
                width: 342px;
                height: 446px;
            }
            .login-MainTitleArea {
                width: 342px;
                height: 62px;
            }
            .login-MainTitleArea::after {
                width: 342px;
                height: 2px;
                background: linear-gradient(to right, #CB050C 0px, #CB050C 80px, #CFCACA 80px, #CFCACA 263px);
            }
            .login-MainTitleText {
                left: 16px;
                bottom: 16px;
                font-size: 18px;
                font-weight: 400;
            }
            .login-input-group {
                width: 311px;
            }
            .login-input-group .UserName {
                margin-top: 28px;
            }
            .login-control-label {
                text-align: left !important;
                display: block;
                font-size: 11px;
            }
            .login-input-field {
                margin-top: 8px;
                height: 32px;
            }
            .login-password-container {
                position: relative;
                width: 100%;
            }
            .login-toggle-password {
                cursor: pointer;
                position: absolute;
                right: 10px;
                top: 55%;
                transform: translateY(-50%);
            }
            .login-common-btn {
                width: 200px;
                height: 35px;
                font-size: 11px;
            }
            .login-link-text {
                display: block;
                font-size: 10px;
            }
            .login-arrow-icon {
                width: 6px;
                height: 7px;
            }
            .login-register-section {
                margin-top: 28px;
            }
            .login-register-message {
                font-size: 9px;
            }
            .login-sp-only {
                display: inline;
            }
            .login-pt20 {
                padding-top: 20px !important;
            }
            /* ↓Circlace20250426 ADD */
            .mp-Header__Left {
                margin-left: 0px;
                padding-left: 0px;;
            }
            /* ↑Circlace20250426 ADD */
        }
        /* 202504 デザイン調整 MSP_CommunitiesLogin.page より移植 end*/
        
    /* 202504 デザイン調整 MPS_NotificationList.page より移植 start */
    :root {
        --primary-Red100: #ffe0e0;
        --primary-Red200: #ff6665;
        --primary-Red300: #cb050c;
        --primary-DarkRed: #890308;
        --primary-Orange: #e38038;
        --primary-DarkOrange: #b45c22;
        --primary-Camel: #9b7d55;
        --primary-DarkCamel: #6e491a;
        --primary-LightBlue: #2e95e4;
        --primary-Blue: #1000ee;
        --primary-Gray100: #f8f8f8;
        --primary-Gray200: #e8e8e8;
        --primary-Gray300: #cfcaca;
        --primary-Gray400: #9c9c9c;
        --primary-Gray500: #666666;
        --primary-Cream100: #faf4f0;
        --primary-Cream200: #ebe5dd;
        --primary-White: #ffffff;
        --primary-Black: #000000;
        --contentWidth: 91.4%;
        --contentPadding: 4.2%;
    }

    .notificationList-tab-date {
        color: var(--primary-Black);
    }

    .notificationList-tab-title {
        color: var(--primary-Black);
        /* 202504 デザイン調整 お知らせのPCフォント変更 start */
        font-size: 17px;
        /* 202504 デザイン調整 お知らせのPCフォント変更 end */
    }

    .notificationList-tab-content {
        color: var(--primary-Gray500);
    }

    .tab-content-line:hover .notificationList-tab-title {
        color: var(--primary-Red300);
        text-decoration: underline;
    }

    .tab-content-line:hover .notificationList-tab-content {
        color: var(--primary-Black);
    }
    .mp-nav-container a {
        font-size: 18px;
    }
    .mp-nav-container span {
        font-size: 16px;
    }

    .notificationList-tab-content .text-body-1 {
        font-size: 15px !important;
        color: var(--primary-Black) !important;
    }
    .notificationList-tab-content .text-body-2 {
        font-size: 20px !important;
        color: var(--primary-Black) !important;
    }
    .tab-content-line_content .notificationList-tab-title {
        font-size: 20px;
    }
    .tab-content-line_content .notificationList-tab-content {
        font-size: 16px;
    }
    .mp-Modal_Title_mdNotifications {
        font-size: 22px;
        color: var(--primary-Black);
}
    .mp-Modal_Date_mdNotifications {
        color: var(--primary-Black);
    }
    .mp-Modal_Text_sub_Conponent_mdNotifications {
        color: var(--primary-Black);
    }

    /* @media  (max-width: 786px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 786px→991px */
    @media  (max-width: 991px) {
        .notificationList-tab-date {
            color: var(--primary-Gray500);
        }

        .mp-Main-MenuUser-Title {
            font-size: 18px;
            padding-top: 3rem;
            color: var(--primary-Gray500);
            font-weight: 400;
            margin-bottom: 0.5rem;
        }
        .mp-nav-container a {
            font-size: 11px;
        }
        .mp-nav-container span {
            font-size: 12px;
        }
   
        .notificationList-tab-content .text-body-1 {
            font-size: 10px !important;
            color: var(--primary-Gray500) !important;
        }
        .notificationList-tab-content .text-body-2 {
            font-size: 10px !important;
            color: var(--primary-Gray500) !important;
        }
        .tab-content-line_content .notificationList-tab-title {
            font-size: 11px;
        }
        .tab-content-line_content .notificationList-tab-content {
            font-size: 9px;
        }
        .mp-Modal_Title_mdNotifications {
            font-size: 15px;
            color: var(--primary-Black);
        }
        .mp-Modal_Date_mdNotifications {
            font-size: 10px;
            color: var(--primary-Black);
        }
        .mp-Modal_Text_sub_Conponent_mdNotifications {
            font-size: 11px;
            color: var(--primary-Black);
        }
        
    }
   
    /* 202504 デザイン調整 MPS_NotificationList.page より移植 end*/

/* ↓20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */
/* 202504 デザイン調整 MPS_ProfileScript.page より移植 start */
/* @media screen and (min-width: 768px) { */
.modal-dialog{
    width: 768px !important;
    position:relative;
}
/* } */
/* ↑20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */

/* @media screen and (max-width: 768px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 768px→991px,メディアタイプ削除(print, screen and) */
@media (max-width: 991px) {
    /* ↓20250507 スマホ版の横幅指定 */
    .modal-dialog{
        width: auto !important;
    }
    /* ↑20250507 スマホ版の横幅指定 */
    .profile-FormBox input[type="text"], .profile-FormBox input[type="input"], .profile-FormBox select, .profile-FormBox textarea {
        font-size: 16px !important;
    }
}
.profile-FormExperience_InfoTitle {
    line-height: 1.7;
    display: table-cell;
    width: 80px !important;
    padding-right: 1rem;
} 
.form-check {
    display: flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
.form-check-label{
    font-size: 12px !important;
    font-weight: 400;
    padding-left: 5px;
}
.multiselect-btn{
    font-size: 12px !important;
    font-weight: 400!important;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
}
.dropdown-menu > .btn-group {
    display:none;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: red;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.profileTabsContainer {
    margin-top:1rem;
}
.profileTabTitleArea {
    overflow: hidden;
    padding: 5px 15px 5px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 0px #ddd;
    box-shadow: 0px 4px 0px #ddd;
}
/* @media print, screen and (max-width: 991px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 メディアタイプ削除(screen and) */
@media (max-width: 991px) {
    .profileTabsContainer {
        padding: 20px;
        max-width: 340px !important; /* 20250508 INTERNALPASONAMYPAGE-499 【不具合】【SP】プロフィール登録（レイアウト崩れ？） */
    }
    /* ↓20250508 INTERNALPASONAMYPAGE-499 【不具合】【SP】プロフィール登録（レイアウト崩れ？） */
    .profileTabInner {
        width: 90% !important;
    }
    .st-GlobalNav {
        padding: 10px !important;
    }
    /* ↑20250508 INTERNALPASONAMYPAGE-499 【不具合】【SP】プロフィール登録（レイアウト崩れ？） */
}

/* ↓20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */
/* @media print, screen and (min-width: 992px) { */
.profileTabTitleArea {
    padding: 5px 0px 5px;
}
    .profileTabInner {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}
.profileTabInner {
    line-height: 1.0;
}
.profileTabs {
    height: 36px;
    background: #fff;
}
.st-Footer {
    width: 745px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
.profile-Container_StepItem:last-child {
    margin-right: 0;
    width: 230px;
}
    /* ul {
        display: -webkit-box;
        padding-left: 0px !important;
    } */
/* } */
/* ↑20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */

.profileTabs .st-GlobalNav li {
    float: left;
}
.profile-FormBox select:enabled {
    background-color: white !important;
}
.profile-FormBox select:disabled {
    background-color: #eee !important;
}
.date-time {
    width: 295px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/* ↓20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */
/* @media print, screen and (min-width: 992px) { */
.st-GlobalNav_ItemInner {
    color: #333 !important;
    font-weight: 700;
    padding: 3px 15px 2px !important;
    border-right: 1px solid #b1b1b1;
    font-size: 12px;
}
.st-GlobalNav_ItemInner:first-child {
    border-left: 1px solid #b1b1b1;
}
/* } */
/* ↑20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */

.dropdown-menu {
    z-index: 5 !important;
}
/* ↓20250519 dropdownはMPS_IdealConditionsと重複するのでMPS_ProfileScript.page に記載 */
/* .dropdown span {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 275px !important;
} */
/* ↑20250519 dropdownはMPS_IdealConditionsと重複するのでMPS_ProfileScript.page に記載 */

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type="number"] { 
    -moz-appearance:textfield; 
}
li.st-GlobalNav_Item {
    min-height: 42px;
    list-style: none !important;
}

/* 202504 デザイン調整 MPS_ProfileScript.page より移植 end */

/* 202504 デザイン調整 MPS_JobOverview.page より移植 start*/
.mp-jobList-main .mp-jobList-top-page{
    padding: 20px 0;
    margin-bottom: 20px;
}
.mp-jobList-main .mp-jobList-top-title-page{
    background: white;
    padding: 20px;
    margin: 0;
}
.mp-jobList-main .mp-jobList-top-title-page .mp-jobList-title-page{
    margin: 0;
}
.mp-jobList-main .mp-jobList-top-title-page .mp-jobList-arrow-link-page{
    margin: 0;
}
.mp-jobList-main-inner {
    background-color: white;
    padding: 15px;
}
/* .jobCurrent-content-item {*/
    /* margin-top: 15px; */
    /*border: 1px solid #CFCACA;
    border-radius: 6px 6px;
} */

.search-job-button,
.search-job-button:hover,
.search-job-button:active,
.search-job-button:focus {
    height:50px;
    margin-left: 10px;
    background-color: var(--primary-Red200);
    color: white;
    font-size:16px;
    font-weight:700;
    box-shadow: 0px 2px #C65756;
}

.modal-backdrop {
    background-color: rgba(0,0,0,0.7);
}
.loading-content h4 {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.spinner-border {
    border-width: 4px;
}
.mp-jobList-button-container .button-container-inner{
    display: flex;
    justify-content: end;
}

/* 202504 デザイン調整 MPS_JobOverview.page より移植 end*/
.inquiry>li>a.active{
    background-color:#f5f0ea ;
    color : var(--primary-Black) !important;
}
.inquiry>li>a:hover{
    background-color: #e5d9ca !important;
    color : var(--primary-Black) !important
}

/* 202504 デザイン調整 MPS_ViewJobDetailPopup.component より移植 start */
/* Start PC JobInfo Detail */
/* body {
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    background-color: #f5f5f5;
    
} */

/* ↓20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */
/* @media (min-width: 1200px) { */
.modal-lg {
    width: 1080px;
}
/* } */
/* ↑20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 min-widthの条件廃止 */

/* modal config */
.viewJobDetailModal{
    padding-right: 0 !important;
    color: var(--primary-Black);    /* 202504 デザイン調整 add */
}
.viewJobDetailModal .modal-body{
    height: 370px;
    width: 100% !important;
    overflow-x: auto;
}
.viewJobDetailModal .modal-footer {
    padding: 30px;
}
.viewJobDetailModal .modal-content {
    width:100% !important;

}

.viewJobDetailModal .modal-header{
    text-align: left;
}

/* jobDetail-header */
.mp-jobDetail-main-inner {
    width: 100%;
    border-radius: 6px 6px;
    border: 1px solid #CFCACA;
    border-top: 3px solid #ff6665;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 15px;
}

.jobDetail-header {
    margin-top: 20px;
    width: 100%;
}

.jobDetail-header-title {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    gap: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
    /* height: auto; */
}

.jobDetail-header-title-text {
    height: auto;
}

.jobDetail-header-title-text p {
    font-weight: 700;
    margin: 0;
}

.jobDetail-header-title-id {
    background: #E8E8E8;
    border-radius: 3px;
    min-width: 250px;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    height: fit-content;
}
.jobDetail-header-title-id p {
    margin-bottom: 0;
}

.jobDetail-header-button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.jobDetail-header-button .highlight-border{
    border-color: #ff6665;
}

.jobDetail-header-button div{
    border: 1px solid #CFCACA;
    border-radius: 6px;
    /* margin: 5px; */
    font-size: 15px;
    padding: 5px 10px;
    width: fit-content;

}
.viewJobDetailModal .modal-btn-footer-grp{
    display: flex;
    gap: 20px;
}
.viewJobDetailModal .modal-btn-footer-grp .mp-button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    color: white;
    text-align: center;
    background-color: var(--primary-Red200); /* 20250430 INTERNALPASONAMYPAGE-381 求人詳細モーダル幅とボタンの色が異なる対応  */
    border-radius: 6px;
    border: none;
    box-shadow: 0px 2px #C65756;
    cursor: pointer;
    padding: 20px;
    line-height: 1;
}
.viewJobDetailModal .modal-btn-footer-grp .mp-button img{
    height: 16px;
    width: 16px;
    margin-right: 5px; 
}
.viewJobDetailModal .card-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
    padding-left: 10px;
    line-height: 34px;
    border-left: 8px solid #CB050C;
}

.mp-jobDetail-main .item-title {
    color: #ff6665;
    display: flex;
    font-weight: 700;
}

.item-content {
    width: 70%;
    font-weight: 700;
}

.viewJobDetailModal p {
    margin: 0 !important;
}

.jobDetail-header-button .highlight {
    border: 1px solid #ff6665;
    border-radius: 6px;
    margin: 0 5px 5px 0;
    padding: 3px;
    width: fit-content;
}

.job-detail-info {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    height: 100%;
    padding: 0 !important;
    width: 100% !important;
}

/* .item-title img {
    width: 16px;
    height: 18px;
    margin-right: 12px;
} */

.job-detail-info-row {
    display: flex;
    margin: 0;
    gap: 0px;
}

.row-item {
    flex: 1;
    display: flex;
}

.last-row-item .item-title {
    display: flex;
    color: #ff6665;
}

.inner-item-container {
    display: flex;
    border-bottom: 1px solid gainsboro;
    width: 100%;
    column-gap: 10px;
    padding: 30px 0px;
}

.row-item .item-title,
.last-row-item .item-title {
    color: #ff6665;
    min-width: 100px;
    display: flex;
}

.item-content {
    width: 70%;
    font-weight: 700;
}

.job-detail-recommend {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 150px;
}

.job-detail-recommend-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 20px;
    position: relative;
    width: 25%;
}

.job-detail-recommend-title p {
    /* 202504 デザイン調整 #ff6f6f⇒#FF6665 へ変更
    background-color: #ff6f6f; */
    background-color: var(--primary-Red200);
    border-radius: 15px;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 5px;
}

.job-detail-recommend-title::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%) translateX(-15%);
    width: 0;
    height: 0;
    border-left: 10px solid #ff6f6f;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.job-detail-recommend-content {
    font-weight: 700;
    /* 202504 デザイン調整 crimson⇒#CB050C へ変更
    color: crimson; */
    color: var(--primary-Red300);
    margin-left: 20px;
}

/*job-summary  */
.job-summary {
    margin-top: 40px;
}

.job-summary-title {
    background-color: #FFE0E0;
    line-height: 32px;
    /* font-weight: 700; */
    text-align: center;
    padding: 5px;
    margin: 0 0 20px 0;
}

.job-summary .job-summary-title p {
    margin: 0;
}

.job-summary .job-summary-detail p {
    margin: 20px 0;
    line-height: 20px;
    font-weight: 400;
}

.job-summary .job-summary-detail .job-summary-detail-info {
    margin: 20px 0 20px 0;
}

/* job-working-conditionStyle */
.job-working-condition {
    margin-top: 40px;
}

.job-working-condition h1 {
    text-align: center;
    color: #333;
    background-color: #ffe6e6;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    padding: 10px;
    margin: 0 0 20px 0;
    border-radius: 5px;
}

.job-working-condition .job-working-condition-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(8, auto);
    column-gap: 15px;
}

.job-working-condition .job-working-condition-info-label {
    display: flex;
    align-items: center;
    /* 202504 デザイン調整 14px⇒16px へ変更
    font-size: 14px; */
    font-size: 16px;
    /* 202504 デザイン調整 #ff4d4d⇒#FF6665 へ変更
    color: #ff4d4d; */
    color: var(--primary-Red200);
    font-weight: bold;
    margin-bottom: 5px;
    /* 202504 デザイン調整 高さを微調整 line-height: 18px; */
    line-height: 1.8;
}

.job-working-condition-info-label img,
.mp-jobDetail-main .item-title img
{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.job-working-condition .content {
    margin-bottom: 15px;
    border-bottom: 1px solid #CFCACA;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 10px;
}
.job-working-condition .content-message{
    grid-column: span 2;
    padding: 0;
    border: none;
}
.job-working-condition .content-message-body{
    min-height: 60px;
    border: 1px solid #CFCACA;
    border-radius: 6px;
}
.job-working-condition .content p {
    padding: 0;
    min-height: 30px;
}
@supports selector(::-webkit-scrollbar) {
    .scroll-box::-webkit-scrollbar {
        background: white;
        width: 7px;
    }
    .scroll-box::-webkit-scrollbar-thumb {
        background: #CB050C;
    }
}
/* mobile-screen */

/* @media (max-width: 786px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 786px→991px */
@media (max-width: 991px) {
    /* ↓20250507 スマホ版のレイアウト調整 */
    /* .viewJobDetailModal .modal-dialog{
        top: 3rem;
    } */
    /* ↑20250507 スマホ版のレイアウト調整 */
    .viewJobDetailModal .modal-body {
        padding: 10px;
    }
    .viewJobDetailModal .modal-btn-footer-grp {
        flex-direction: column;
        align-items: center;
    }
    .modal-btn-footer-grp .mp-button {
        padding: 10px 15px;
        font-size: 11px;
    }
    .viewJobDetailModal .card-title {
        font-size: 15px;
        font-weight: bold;
        margin: 0;
        margin-bottom: 20px;
        padding-left: 10px;
        line-height: 23px;
        border-left: 4px solid #CB050C;
    }
    .viewJobDetailModal p, .viewJobDetailModal span{
        font-size: 11px;
    }

    /* Start JobInfoDetail */
    .mobile-hidden{
        display: none;
    }
    .jobDetail-header {
        margin-top: 0px;
    }

    .jobDetail-header-title {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: start;
        gap: 20px;
        margin-bottom: 10px;
    }

    .jobDetail-header-title-id {
        background: none;
        padding: 0px;
        margin-top: 0px;
        width: fit-content;
        text-align: left;
    }

    .jobDetail-header-button {
        flex-wrap: wrap;
        width: 300px;
    }

    .jobDetail-header-button div {
        width: fit-content;
        white-space: nowrap;
        font-size: 13px;
    }

    .row-item {
        margin: 0px;

    }
    .jobDetail-info {
        min-height: fit-content;
    }

    .jobDetail-recommend-content{
        margin-left: 0;
        font-size: 15px;
    }

    .jobDetail-recommend {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
    }

    .jobDetail-recommend-title {
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: #c9001b;
        margin-bottom: 20px;
    }

    .jobDetail-recommend-title::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateY(90%) translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ff6f6f;
    }

    .inner-item-container {
        border-bottom: none;
        padding: 10px 0;
    }

    .job-detail-recommend {
        margin-top: 0;
    }

    .row-item,
    .last-row-item {
        height: fit-content;
        padding: 0 !important;
        margin: 5px 0;
    }

    .job-detail-recommend {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .job-detail-recommend-title {
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: red;
        margin-bottom: 20px;
    }

    .job-detail-recommend-title::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateY(75%) translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ff6f6f;
    }

    .job-detail-recommend-content {
        margin: 0;
    }
    .row-item .item-title{
        min-width: 30px;
    }
    .job-detail-info-row{
        display: block;
    }
    .item-content {
        padding-bottom: 0;
    }
    .job-working-condition .content{
        padding: 0;
    }
    .job-detail-info {
        min-height: fit-content;
        margin: 5px 0;
    }

    /* job-summary */
    .job-summary .job-summary-detail p {
        margin: 20px 0;
        font-weight: 400;
    }

    .job-summary .job-summary-detail .job-summary-detail-info p {
        margin: 0;
    }

    .job-working-condition .job-working-condition-info {
        display: grid;
        grid-template-columns: 100%;
    }
    .job-working-condition-info-label img,
    .mp-jobDetail-main .item-title img{
        margin-right: 10px;
        height: 18px;
        width: 18px;
    }
    .viewJobDetailModal .modal-btn-footer-grp .mp-button{
        padding: 10px;
    }
    .viewJobDetailModal .modal-btn-footer-grp img{
        height: 12px;
        width: 12px;
    }
    .job-working-condition .content-message{
        grid-column: 1;
    }
    .job-working-condition .content-message .label{
        width: 120px;
    }
    .job-working-condition .content p {
        min-height: 20px;
    }
}
/* 202504 デザイン調整 MPS_ViewJobDetailPopup.component より移植 end */
/* 202504 デザイン調整 ADD end*/

/* 20250429 joblist用追加 */
.icon {
    height: 1.5em;
    width: 1.5em;
    vertical-align: middle;
  }
  .icon-text {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .non-icon {
    padding-left: 1.9em;
  }
  
  /* @media (max-width: 879px) { */ /* 20250506 INTERNALPASONAMYPAGE-476 【不具合】max width の乱用によるwindow幅変えた際の表示不具合 879px→991px */
  @media (max-width: 991px) {
    .jobCurrent-content .job-pagination-item-body-path p {
      color: var(--primary-Black);
    }
    .sp-pt-05 {
      padding-top: 5px !important;
    }
    .btn-view-job-detail {
      padding: 4px 10px;
      min-width: 0px;
    }
    .btn-entry-job-detail {
      padding: 5px 10px;
      min-width: 0px;
    }
    .sp-svg {
      height: 1em;
      width: 1em;
      vertical-align: middle;
    }
    .sp-icon-text {
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .sp-cancel-btn {
        display: flex; 
        align-items: center; 
        font-size: 11px !important;
        color: #666666; 
        text-decoration: none;
    }
  }
  /* ここまで */

/* MPS_TopTemplete start */
.nav-menu.-footer a {
    color: var(--primary-Red300);
}
.nav-wrapper-footer .nav-item .timecard{
    width:20px;
    height:23.33px;
}
.nav-wrapper-footer .nav-item .paid_holiday{
    width:20px;
    height:21.67px;
}
.nav-wrapper-footer .nav-item .contact {
    width:22px;
    height:22px;
}
/* 20250506 アイコンサイズ指定 */
.nav-wrapper-footer .nav-item .Search{
    width:22px;
    height:22px;
}
.nav-wrapper-footer .nav-item .Interview{
    width:22px;
    height:22px;
}
.nav-wrapper-footer .nav-item .pay_slip{
    width:22px;
    height:22px;
}
.mp-Footer-icon{
    width:102px;
    height:19px;
}
/* 20250506 アイコンサイズ指定 */
/* MPS_TopTemplete end */