@charset "utf-8";

/******************************************************************
カスタム　○○○○用レイアウト
*****************************************************************/


/*==========================================
/
/ 0■body
/ 1■Common
/ 2■topWrap
/ 3■header
/ 4■main
/ 5■footer
/
==========================================*/


/******************************************************************
  1■top-container
*****************************************************************/

#index{padding: 30px 0 0 0;}

#top-container {}

#resp-slider {
    overflow: hidden;
    margin: 0;
}


/******************************************************************
  1■top-search
*****************************************************************/

#top-search {
    font-size: 13px;
    margin-bottom: 50px;
    margin-top: -80px;
    padding-top: 80px;
}


/* #top-search-kcd */

#top-search-kcd {
    margin-bottom: 25px;
    margin-top: -50px;
    padding-top: 50px;
}

#top-search-kcd section:last-of-type {
    border-bottom: solid 1px #dedad4;
}

#top-search .kcd-area-box ul {
    display: none;
}

#top-search .kcd-area-box {
    position: relative;
    line-height: 1;
}

#top-search .kcd-area-box span.tgl {
    right: 15px;
    top: 0;
    bottom: 0;
}

#top-search-kcd .kcd-area-box .kcd-area-tit {
    padding: 18px 15px;
    border-top: solid 1px #dedad4;
    font-size: 14px;
    background: #FFFFFF;
    position:relative;
}

#top-search-kcd .kcd-area-box li a {
    display: block;
    padding: 13px 13px 13px 45px;
    border-top: solid 1px #dedad4;
    background: url(../img/ic/ic-area.png) no-repeat #FFFFFF;
    background-position: 25px center;
    background-size: 10px;
}

#top-search-kcd .kcd-area-box li span {
    display: block;
    padding: 13px 13px 13px 45px;
    border-top: solid 1px #dedad4;
    color: #333333;
    background: url(../img/ic/ic-area-g.png) no-repeat #eeeeee;
    background-position: 25px center;
    background-size: 10px;
    color:#aaaaaa;
}


/* #top-search-keyword */

#top-search .multiple-form-wrap {
    background: #eeeeee;
    border: 1px solid #dddad7;
    border-radius: 20px;
    margin: 15px 10px 25px;
    height: 40px;
}

#top-search .multiple-form-wrap div {
    display: inline-block;
    vertical-align: middle;
}

#top-search .multiple-form-wrap .input-box {
    width: calc(100% - 70px);
    margin: 0 20px 0 10px;
}

#top-search .multiple-form-wrap .input-box input {
    width: 100%;
    /*padding: 13px 10px;*/
    padding: 0;
    line-height: 40px;
    height: 40px;
}
#top-search .multiple-form-wrap .input-box input[type=text] {
  font-size: 16px;
  scale(0.8);
}
#top-search .multiple-form-wrap .submit-btn .pushEnter {
    display: block;
    width: 22px;
    padding: 25px 0 0;
    overflow: hidden;
    height: 0;
    background: url(../img/ic/ic_search.png) no-repeat center 0;
    background-size: 18px 18px;
    cursor: pointer;
}

/* #top-search-keyword */
#top-search-keyword{
    margin-top:-50px;
    padding-top:50px;
    }

/* #top-search-scd */

#top-search-scd {
    margin-bottom: 25px;
    margin-top:-50px;
    padding-top:50px;
}

#top-search-scd li a {
    display: block;
    padding: 18px 10px 18px 50px;
    border-top: solid 1px #dedad4;
    letter-spacing: 0.1em;
}

#top-search-scd li:last-of-type a {
    border-bottom: solid 1px #dedad4;
}

#top-search-scd li:nth-of-type(1) a {
    background: url(../img/search/ic-syokusyu101-spn.png) no-repeat #FFFFFF;
    background-size: 34px 34px;
    background-position: 8px 13px;
}

#top-search-scd li:nth-of-type(2) a {
    background: url(../img/search/ic-syokusyu102-spn.png) no-repeat #FFFFFF;
    background-size: 34px 34px;
    background-position: 8px 13px;
}

#top-search-scd li:nth-of-type(3) a {
    background: url(../img/search/ic-syokusyu103-spn.png) no-repeat #FFFFFF;
    background-size: 34px 34px;
    background-position: 8px 13px;
}

#top-search-scd li:nth-of-type(4) a {
    background: url(../img/search/ic-syokusyu104-spn.png) no-repeat #FFFFFF;
    background-size: 34px 34px;
    background-position: 8px 13px;
}

#top-search-scd li:nth-of-type(5) a {
    background: url(../img/search/ic-syokusyu105-spn.png) no-repeat #FFFFFF;
    background-size: 34px 34px;
    background-position: 8px 13px;
}

/* #top-search-style */

#top-search-style {
    margin-top:-50px;
    padding-top:50px;
}

#top-search-style ul {
    border-bottom: solid 1px #dedad4;
    overflow: hidden;
}

#top-search-style li {
    width: 33%;
    letter-spacing: 0em;
    float: left;
    border-top: solid 1px #dedad4;
    font-size: 11px;
    box-sizing: border-box;
    text-align: center;
}

#top-search-style li a {
    padding: 67px 0 15px;
    display: block;
    line-height: 1;
}

#top-search-style li:nth-of-type(1) {
    background: url(../img/search/ic-style101-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(2) {
    background: url(../img/search/ic-style108-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(3) {
    background: url(../img/search/ic-style103-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(4) {
    background: url(../img/search/ic-style104-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(5) {
    background: url(../img/search/ic-style105-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(6) {
    background: url(../img/search/ic-style106-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(7) {
    background: url(../img/search/ic-style107-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(8) {
    background: url(../img/search/ic-style102-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(9) {
    background: url(../img/search/ic-style109-spn.png) no-repeat #FFFFFF;
    background-size: 44px 44px;
    background-position: center 10px;
}

#top-search-style li:nth-of-type(3n-1) {
    width: 34%;
    border-left: solid 1px #dedad4;
    border-right: solid 1px #dedad4;
}

#top-search-style dd {
    display: none;
}


/******************************************************************
  1■top-interview
*****************************************************************/

#top-interview {
    background: #FFFFFF;
    padding: 50px 15px;
}

#top-interview ul {
    overflow: hidden;
    margin-bottom: 5px;
}

#top-interview ul li {
    width: 48%;
    float: left;
}

#top-interview ul li img {
    width: 100%;
    border-radius: 4px;
}

#top-interview ul li:nth-child(odd) {
    margin-right: 4%;
}

#top-interview ul p {
    position: relative;
    padding: 10px 0 15px 18px;
    font-size: 12px;
    line-height: 1;
}

#top-interview ul p:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 6px;
    background: url(../img/ic/ic-arrow-r.svg) no-repeat #54a076;
    background-size: 5px;
    background-position: 4px 3px;
    top: 9px;
    left: 0;
}

#top-interview .btnDef-arwR a {
    width: 120px;
    margin: 0 auto;
}


/******************************************************************
  1■top-flow
*****************************************************************/

#top-flow {
    padding: 100px 15px 0;
    margin-top: -100px;
}

#top-flow .step ul {
    overflow: hidden;
    width: auto;
}

#top-flow li.bgStyle01 {
    padding: 50px 20px 20px 20px;
    background: #FFFFFF;
    margin-bottom: 30px;
}

#top-flow .step li+li:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 23px;
    top: -28px;
    left: 0;
    background: url(../img/flow/ic-steparw-sp.png) no-repeat;
    background-size: 23px 13px;
    background-position: center 8px;
}

#top-flow li:last-of-type {
    margin-bottom: 17px;
}

#top-flow .step li dl:before {
    position: absolute;
    content: "";
    width: 100%;
    top: 20px;
    font-size: 11px;
    color: #8e784e;
    text-align: center;
    left: 0;
}

#top-flow .step li:nth-of-type(1) dl:before {
    content: "step1";
}

#top-flow .step li:nth-of-type(2) dl:before {
    content: "step2";
}

#top-flow .step li:nth-of-type(3) dl:before {
    content: "step3";
}

#top-flow .step li:nth-of-type(4) dl:before {
    content: "step4";
}

#top-flow .step li:nth-of-type(5) dl:before {
    content: "step5";
}

#top-flow .step li dl:after {
    position: absolute;
    content: "";
    width: 20px;
    top: 40px;
    border-bottom: solid 1px #8e784e;
    color: #8e784e;
    left: 50%;
    margin-left: -10px;
}

#top-flow .step li dt {
    text-align: center;
    font-size: 15px;
    border-bottom: 15px;
}

#top-flow .step li dd {
    font-size: 12px;
}

#top-flow .download {
    background: #e5e4e0;
    padding: 20px;
    font-size: 13px;
    line-height: 22px;
}

#top-flow .download p {
    margin-bottom: 15px;
}

#top-flow .download ul {
    border-top: solid 1px #FFFFFF;
}

#top-flow .download li {
    padding: 15px 10px 0;
    word-break: break-all;
    font-size: 11px;
}

#top-flow .download li:last-of-type {
    margin-bottom: 0;
    text-align: center;
}


/******************************************************************
  1■top-faq
*****************************************************************/

#top-faq {
    padding: 100px 15px 0;
    margin-top: -100px;
}

#top-faq p {
    margin-bottom: 15px;
}

#top-faq .bgStyle01 {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 20px;
}

#top-faq .faq-question {
    font-size: 15px;
    padding-bottom: 15px;
    background: url(../img/faq/ic-question.png) no-repeat left top;
    background-size: 30px 28px;
    padding-left: 40px;
}

#top-faq .faq-more-btn {
    display: block;
    /*padding: 18px 7px;*/
    margin-bottom: 0;
    background: #f6f2f2;
    font-size: 11px;
    color: #666666;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: -5px;
    height:24px;
}

#top-faq .faq-more-btn span {}

#top-faq .faq-more-btn:before {
    position: absolute;
    content: "回答を読む";
    width: 100%;
    top: 0;
    left: 0;
    height: 24px;
    line-height: 24px;
}

#top-faq .faq-more-btn.op:before {
    content: "閉じる";
}

#top-faq .faq-more-btn:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    border: 0px;
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 80px;
    margin-top: -4px;
}

#top-faq .faq-more-btn.op:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    border: 0px;
    border-top: solid 1px #666666;
    border-left: solid 1px #666666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 60%;
    right: 80px;
    margin-top: -4px;
}

#top-faq .faq-answer {
    display: none;
}


/******************************************************************
  1■contents
*****************************************************************/


/******************************************************************
  2■list
*****************************************************************/

#list {
    width: auto;
    margin: 0 auto;
}

#list .search-item-wrap{
    overflow: hidden;
    font-size: 11px;
    line-height: 1.5;
    }
#list .search-item{
    display: inline-block;
    margin: 0 15px 12px;
    }
#list .number{
    text-align: right;
    float: right;
    display: inline-block;
    margin: 0 15px 12px;
    }



/*#list .number {
    font-size: 11px;
    color: #333333;
    line-height: 1;
    margin: 0 15px 15px;
    text-align: right;
}*/

#list .no-kyujin-txt {
    text-align: center;
    padding: 50px 0;
    margin: 0 20px;
    font-size: 13px;
}

#list .block {
    position: relative;
    background: #FFFFFF;
    border-top: 1px solid #eeece9;
    border-bottom: 1px solid #eeece9;
    margin: 0 0 15px 0;
    padding: 20px 15px;
    letter-spacing: 0.5px;
}

#list .maplink {
    display: block;
    padding: 20px 20px 0 20px;
    background: #FFFFFF;
}

#list .list-block-ttl-wrap {
    overflow: hidden;
    margin: 0 0 15px 0;
}

#list .list-block-ttl {
    margin: 0 0 0 110px;
    font-size: 16px;
    letter-spacing: 1px;
}

#list .list-block-ttl.img-off {
    margin-left: 0;
}

#list .block figure {
    position: relative;
    width: 95px;
    margin: 4px 15px 0 0;
    float: left;
    clear: left;
    text-align: center;
}

#list .block figure img {
    max-width: 100%;
    max-height: 95px;
}

#list .block .list-txt-BOX {
    border-top: 1px solid #e6e4de;
    border-bottom: 1px solid #e6e4de;
    padding: 15px 0;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
}

#list .block .list-txt-BOX li {
    margin: 0 0 13px 0;
    overflow: hidden;
}

#list .block .list-txt-BOX li:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-position: center center;
    float: left;
    margin: 2px 8px 0 0;
}

#list .block .list-txt-BOX li p {
    margin: 0 0 0 24px;
}

#list .block .list-txt-BOX li:last-child {
    margin-bottom: 0;
}

#list .block .list-txt-BOX li.list-txt-syokusyu:before {
    background-image: url(../img/list/ic-list-syokusyu.png);
    background-size: 13px auto;
}

#list .block .list-txt-BOX li.list-txt-kyuyo:before {
    background-image: url(../img/list/ic-list-kyuyo.png);
    background-size: 14px auto;
}

#list .block .list-txt-BOX li.list-txt-area:before {
    background-image: url(../img/list/ic-list-area.png);
    background-size: 13px auto;
}

#list .block .list-txt-BOX li.list-txt-time:before {
    background-image: url(../img/list/ic-list-time.png);
    background-size: 15px auto;
}

#list .block .submitBtn {
    overflow: hidden;
    margin: 15px 0 0;
}

#list .block .submitBtn li {
    width: 48%;
    min-width: 140px;
}

#list .block .submitBtn li.btn-detail {
    float: left;
}
#list .block .submitBtn.btn-1colm li.btn-detail{
    float: none;
    margin: auto;
}
#list .block .submitBtn li.btn-app {
    float: right;
}

#list .block .submitBtn li a {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #FFFFFF;
    background: url(../img/ic/ic-arrow-r.png) no-repeat;
    background-position: right 25px center;
    background-size: 4px 6px;
    border-radius: 18px;
    text-align: center;
}

#list .block .submitBtn li a:hover {
    opacity: 0.7;
}

#list .block .submitBtn li.btn-detail a {
    background-color: #54a076;
}

#list .block .submitBtn li.btn-app a {
    background-color: #bd1619;
}


/******************************************************************
  1■#list #contents-form
*****************************************************************/

#multiple-form-1 form {
    display: none;
}
/*#multiple-form-1 form.sp-disp-block {
    display: block;
}
#multiple-form-1 form.sp-disp-none {
    display: none;
}*/
#list #contents-form .form-tit span.tgl {
    top: 0;
    right: 15px;
    background: #FFFFFF;
    bottom: 0;
    margin: auto;
}

#list #contents-form .form-tit span.tgl span:first-of-type, #list #contents-form .form-tit span.tgl span:last-of-type {
    background: #87c7a4;
}

#list #contents-form .submit-btn {
    width: 100%;
    padding: 15px;
    background: rgba(125, 125, 125, 0.5);
    box-sizing: border-box;
        position: initial;
        bottom:0;

}

#list #contents-form .submit-btn.fixed{
position:fixed;
bottom:0;}

#list #contents-form input[type="button"] {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    background-color: #bd1619;
    color: #FFFFFF;
    background-image: url(../img/list/ic-form-btn.png);
    background-repeat: no-repeat;
    background-size: 17px auto;
    background-position: right 80px center;
    font-size: 15px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    letter-spacing: 3px;
}


/******************************************************************
  3■detail
*****************************************************************/

#detail .contents {
    position: relative;
    background: #FFFFFF;
    padding: 30px 15px;
}

#detail .detail-update {
    font-size: 11px;
    color: #333333;
    line-height: 1;
    margin: 0 15px;
    text-align: right;
    position: absolute;
    top: -25px;
    right: 0;
}

#detail .detail-ttl {
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 21px;
}

#detail .d-img-BOX {
    text-align: center;
}
#detail .d-img-BOX figure {
    width: 100%;
    height: 175px;
    position:relative;
}
#detail .d-img-BOX figure img{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.slick-dots {
    bottom: -20px;
}
.slick-dots li button::before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border: solid 1px  #000;
    border-radius: 50%;
    opacity: 0.5!important;
}
.slick-dots li.slick-active button::before {
    background-color: #000;
}
#detail .detail-tag-style {
    overflow: hidden;
    margin-bottom: 15px;
}
#detail .bx-wrapper{
    position:relative;
    margin: 0 0 15px 0;
    }
#detail .bx-controls{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#detail .bx-pager{text-align: center;}
#detail .bx-pager .bx-pager-item{
    display: inline-block;
    padding: 0 5px;
    }
#detail .bx-pager .bx-pager-item .bx-pager-link{
    display: block;
    width: 8px;
    height: 0;

    padding-top: 8px;
    border-radius: 5px;
    opacity:0.5;
    border: 1px solid #000;
    }

#detail .bx-pager-item .bx-pager-link.active{background: #000000;}
#detail .detail-tag-style li {
    float: left;
    border: solid 1px #54a076;
    border-radius: 4px;
    background: #eeeeee;
    font-size: 10px;
    color: #187e45;
    padding: 3px 8px;
    margin-bottom: 10px;
}

#detail .detail-tag-style li {
    margin-right: 5px;
}

#detail .catch-copy {
    font-size: 14px;
    color: #bd1619;
    margin-bottom: 15px;
    padding-top: 10px;
}

#detail .catch-copy em {font-style: normal;}

#detail .catch-sub-copy {
    font-size: 13px;
    margin-bottom: 25px;
}

#detail .detail-summary{
    margin:0 0 20px 0;
    }
#detail .detail-summary dl {
    position: relative;
    background: #eeeeee;
    border: solid 1px #e6e4de;
}

#detail .detail-summary dl+dl {
    border-top: none;
}

#detail .detail-summary dt {
    position: absolute;
    width: 7em;
    font-size: 10px;
    color: #666666;
    padding: 10px;
}

#detail .detail-summary dd {
    background: #FFFFFF;
    margin-left: 7em;
    font-size: 11px;
    padding: 10px;
    border-left: solid 1px #e6e4de;
}
#detail .detail-summary dd.tel a{
    text-decoration:underline;
    }

#detail .detail-summary_2{
    margin:0 0 20px 0;
    border-top: solid 1px #e6e4de;
    border-left: solid 1px #e6e4de;
    border-right: solid 1px #e6e4de;
    }
#detail .detail-summary_2 dl {
    position: relative;
    background: #eeeeee;
    border-bottom: solid 1px #e6e4de;
}

#detail .detail-summary_2 dl+dl {
    border-top: none;
}

#detail .detail-summary_2 dt {
    position: absolute;
    width: 60px;
    font-size: 10px;
    color: #666666;
    padding: 11px 0 11px 10px;

}

#detail .detail-summary_2 dd {
    background: #FFFFFF;
    margin-left: 70px;
    font-size: 11px;
    padding: 10px;
    border-left: solid 1px #e6e4de;
}
#detail .detail-summary_2 dd.tel a{
    text-decoration:underline;
    }
#detail #oubo_btn{
    position: sticky;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 15px;
    padding-block: 10px;
}
#detail #oubo_btn a {
    display: block;
    margin-inline: max(50px,10%);
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    background: url(../img/ic/ic-arrow-r.png) no-repeat #bd1619;
    background-position: right 25px center;
    background-size: 4px 6px;
    font-size: 15px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    letter-spacing: 3px;
}
@media screen and (max-width: 374px) {
    #detail #oubo_btn a {
        letter-spacing: 1px;
        background-position: right 15px center;
    }
}

#detail .detail-point {
    border: solid 1px #e6e4de;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

#detail .point-tit {
    border-bottom: solid 1px #e6e4de;
    margin-bottom: 15px;
    padding: 5px 0 10px 60px;
    background: url(../img/detail/ic-point.png) no-repeat left 10px top;
    background-size: 40px 23px;
}

#detail .point-txt {
    padding: 0 10px;
    margin-bottom: 5px;
}

#detail .b-contents .b-contents-tit {
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding-left: 15px;
    margin-bottom: 20px;
}

#detail .b-contents .b-contents-tit:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 15px;
    background: #bd1619;
    border-radius: 3px;
    left: 0;
}

#detail .b-contents .d-con-ttl {
    font-size: 11px;
    line-height: 1;
    color: #666666;
    margin-bottom: 10px;
}

#detail .b-contents .d-con-txt-box {
    font-size: 13px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #e6e4de;
}
#detail .b-contents .d-con-txt-box.tel a{
    text-decoration:underline;
}
#detail .b-contents .external.main-arrow02-color-af {
    display: block;
    width: 110px;
    height: 26px;
    padding-right: 10px;
    margin-top: 5px;
    line-height: 26px;
    font-size: 12px;
    color: #FFFFFF;
    background: url(../img/ic/ic-arrow-r.png) no-repeat #54a076;
    background-position: right 20px center;
    background-size: 4px 6px;
    border-radius: 13px;
    text-align: center;
}

/******************************************************************
  お仕事紹介
*****************************************************************/
#work .page-tit {
    background: url(../img/work/bg-tit-work.jpg) no-repeat;
    margin-bottom: 20px;}

#work .work-box{
    margin-top: -50px;
    padding-top: 50px;
}
#work .work-box .txt-box{
    background: #fff;
    position: relative;
    padding: 25px 20px;
    margin: 0 -15px;
}
#work .work-img{margin: 0 -15px;}
#work .work-img img{width:100%;}
/*
#work #work01 .work-img{overflow:hidden;}
#work #work01 .work-img li{
    float: left;
    width:50%;
}
*/
#work .work-link-wrap{
    text-align: center;
    margin:0 0 20px 0;
}
#work .work-link {
    overflow: hidden;
    display: inline-block;}
#work .work-link li{
    float: left;
    position: relative;
    padding: 0 15px;
}

#work .work-link li::after {
    content: "/";
    height: 13px;
    position: absolute;
    right: 0;
    width: 9px;
}
#work .work-link li:last-child::after {
    content: "";
}
#work .work-link li a{
    color: #54a076;
}
/******************************************************************
  インタビュー詳細
*****************************************************************/
#interview .page-tit::after{
    background:none;
    box-shadow: none;}
#interview .interview-box{
    margin-bottom: 0;
    overflow: hidden;
}
#interview .txt-box{
    margin-bottom: 20px;
}
#interview .img-box{
    width: 100%;
    max-width: 402px;
    margin: 0 auto 20px;
}
#interview .interview-box .img-box img{
    width: 100%;
    height: auto;
}
#interview .staff-detail{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
#interview .staff-ic{
    display:inline-block;
    background-color: #bd1619;
    color: #fff;
    font-size: 10px;
    padding:2px 10px;
    margin-bottom: 10px;
    position: absolute;
}
#interview .staff-detail h1{
    font-size: 18px;
    color:#bd1619;
    padding: 34px 0 20px 0;
    letter-spacing: 1px;
}
#interview .profile{
    text-align:right;
    color:#bd1619;
    padding: 15px 15px 15px 0;
    display: table-cell;
    vertical-align: middle;
    font-size:11px;
    width:100%;
    border-top: 1px solid #bd1619;
    border-bottom: 1px solid #bd1619;
}
#interview .profile .name{
    font-weight: bold;
    margin-bottom: 10px;
}
#interview .profile p{
    font-size:10px;
    letter-spacing: 1px;
}
#interview .staff-detail .figure-box{
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #bd1619;
    border-bottom: 1px solid #bd1619;
    padding: 0 15px 0 0;
}
#interview .figure{
    width:60px;
    height:60px;
    border-radius:30px;
    background-size: 100%;
}
#interview .figure-box{
padding: 0 15px 0 0;
display: table-cell;
vertical-align: middle;
}

/* pager */
#staff-pager {
    border-bottom: 1px solid #bd1619;
    border-top: 1px solid #bd1619;
    display: table;
    width: calc(100% - 30px);
    text-align: center;
    padding:10px 0;
    margin: 0 auto;
}

#staff-pager .page-box{
    position:relative;
    width:50%;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    float:left;
}
#staff-pager .page-box a{
    display: block;
    padding: 0 0 20px 0;
}
#staff-pager .page-box:first-of-type{
    border-right: 1px solid #bd1619;
}
#staff-pager .page-box .txt-box{
    position: absolute;
    top: 60px;
    width: 100%;
    text-align: center
}
#staff-pager .page-box:last-of-type .txt-box{
}
#staff-pager .page-box .txt-box .pager-ic{
    color: #bd1619;
    font-size: 11px;
    padding: 3px 10px;

}

#staff-pager .figure-box{
    position:relative;
    width: 100px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
#staff-pager .figure-box figure{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
    margin: auto;
}
#staff-pager .page-box:last-of-type .figure-box figure{

}

#staff-pager .figure-box figure img {
    width: 100%;
    height: auto;
    background-size: 100%;
}

#staff-pager .figure-box .pager-ic{
    position: absolute;
    background-color: #bd1619;
    color: #fff;
    font-size: 10px;
    padding: 2px 7px 3px;
    width: 30px;
    height: 1em;
    top: 0;
    line-height: 1;
}

#staff-pager .page-box:first-of-type .figure-box .pager-ic{
    left: 0px;
}

#staff-pager .page-box:last-of-type .figure-box .pager-ic{
    right:0px;
}

#staff-pager .page-box:first-of-type .figure-box .pager-ic:before{
    position:absolute;
        display: block;
    content:"prev.";
    line-height: 1em;
}

#staff-pager .page-box:last-of-type .figure-box .pager-ic:before{
    position:absolute;
        display: block;
    content:"next.";
    line-height: 1em;

}

/*#staff-pager .prev-box .pager-ic{
    position: absolute;
    left: -30px;
    top:0;
}
#staff-pager .next-box .pager-ic{
    position: absolute;
    right: -30px;
    top:0;
}*/

/*#staff-pager .prev-box , #interview .staff-pager .next-box{
    width:50%;
}*/
/*#staff-pager .prev-box {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #bd1619;
}
#staff-pager .next-box {
    display: table-cell;
    vertical-align: middle;
}*/

/*#staff-pager .prev-img .figure{
    background-image:url(../img/staff_interview/thumb-interview02.jpg);
}
#staff-pager .next-img .figure{
    background-image:url(../img/staff_interview/thumb-interview03.jpg);
}*/

#interview .page-tit{
    margin: 0 0 20px 0;
}
#interview .page-tit img{
    width: 100%;
    height: auto;
}

    /** 退職シニア世代/伊藤重壽さん (senior) **/
#interview.iv_senior .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-senior.jpg);
}
/*#interview.iv_senior .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-senior.jpg) no-repeat;
    background-position: center;
}*/

/** 働きざかり世代/小笠原邦芳さん (work_1) **/
#interview.iv_work-1 .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-work-1.jpg);
    background-position: center;
}
/*#interview.iv_work-1 .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-work-1.jpg) no-repeat;
    background-position: center;
}*/

/** 働きざかり世代/野口衛さん(work_2) **/
#interview.iv_work-2 .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-work-2.jpg);
    background-position: center;
}
/*#interview.iv_work-2 .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-work-2.jpg) no-repeat;
    background-position: center;
}*/

/** 稼げるWワーク/後藤賢さん (w_work_1) **/
#interview.iv_w-work-1 .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-w-work-1.jpg);
    background-position: center;
}
/*#interview.iv_w-work-1 .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-w-work-1.jpg) no-repeat;
    background-position: center;
}*/

/** 稼げるWワーク/小池秋淑さん (w_work_2) **/
#interview.iv_w-work-2 .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-w-work-2.jpg);
    background-position: center;
}
/*#interview.iv_w-work-2 .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-w-work-2.jpg) no-repeat;
    background-position: center;
}*/

/** はたらく学生さん/小池秋淑さん (student) **/
#interview.iv_student .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-student.jpg);
    background-position: center;
}
/*#interview.iv_student .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-student.jpg) no-repeat;
    background-position: center;
}*/

/** 主婦＆脱OL/笠原満子さん (woman_1) **/
#interview.iv_woman-1 .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-woman-1.jpg);
    background-position: center;
}
/*#interview.iv_woman-1 .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-woman-1.jpg) no-repeat;
    background-position: center;
}*/

/** 主婦＆脱OL/久保晃子さん (woman_2) **/
#interview.iv_woman-2 .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-woman-2.jpg);
    background-position: center;
}
/*#interview.iv_woman-2 .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-woman-2.jpg) no-repeat;
    background-position: center;
}*/

/** 本部女性スタッフ (headquarters) **/
#interview.iv_headquarters .staff-detail .figure{
    background-image:url(../img/staff_interview/thumb-headquarters.jpg);
    background-position: center;
}
/*#interview.iv_headquarters .page-tit{
    height: 106px;
    background: url(../img/staff_interview/main-headquarters.jpg) no-repeat;
    background-position: center;
}*/

#interview .profile-list{
    text-align:right;
    font-size: 12px;
    color:#bd1619;
    border-left: 1px solid #bd1619;
    display: table-cell;
    vertical-align: middle;
    display: block;
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 20px 0;
}
#interview .profile-list li{
    border-bottom: 1px solid #cd0f0f;
    margin-bottom: 20px;
}
#interview .profile-list li:last-child{
    margin-bottom: 0;
}
#interview .profile-list dt{
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 0 0 10px 0;
}
#interview .profile-list dd{
    text-align: left;
    color: #555555;
    border-top: 1px solid #cd0f0f;
    /*border-bottom: 1px solid #cd0f0f;*/
    padding: 10px 10px;
    display: block;
    position: relative;
    font-size: 11px;
}
#interview .profile-list dd:after{
    content: '';
    display: block;
    width: 22px;
    height: 6px;
    background: url(../img/staff_interview/parts-hukidashi-profile.png);
    position: absolute;
    top: -6px;
    right: 5px;
    background-size: 22px auto;
}
#interview .profile-list .name-box{
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px 0 0;
    line-height: 1.2;
}
#interview .profile-list .name-box .name{
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#interview .profile-list .name-box .name span{
    font-size: 10px;
    font-weight: normal;
    display: block;
    margin: 0 0 5px 0;
}
#interview .profile-list .name-box .p-detail{
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 1.2;
}
#interview .profile-list .figure-box{
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    padding: 0 15px 0 0;
}
#interview .profile-list figure{
    overflow: hidden;
}
#interview .profile-list figure img{
    width: 100%;
    height: auto;
}
#interview .interview-intro-wrap{
    margin: 0 15px 30px 15px;
}
#interview.iv_headquarters .interview-intro-wrap{
    margin: 0px 15px 50px 15px;
}
#interview .interview-talk-box{
}
#interview .interview-talk-box:last-child{
}
#interview .interview-subtit{
    font-size: 20px;
    text-align: center;
    color: #bd1619;
    line-height: 1.5;
    padding: 10px 0 35px 0;
}
#interview .interview-q{
    font-size: 13px;
    font-weight: bold;
    position: relative;
    text-indent: 2.5em;
    line-height: 1.5;
    margin: 0 0 30px 0;
}
#interview .interview-q:before{
    content: '';
    display: block;
    background: #333333;
    height: 1px;
    width: 2em;
    position: absolute;
    left: 0;
    top: 0.7em;
}
#interview .interview-a{
    position: relative;
    padding: 0 0 0 3.6em;
    margin: 0 0 30px 0;
}
#interview .interview-a span{
    display: block;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}
#interview .interview-a-box {
    padding: 0 0 10px 0;
}
#interview .interview-img{
    overflow: hidden;
    margin: 0 -15px;
}
#interview .interview-img li{
    float: left;
    width: 50%;
    margin: 0 0 1px 0;
}
#interview .interview-img li:nth-child(odd){
    width: calc(50% - 1px);
    margin: 0 1px 1px 0;
}
#interview .interview-img li img{
    width: 100%;
    height: auto;

}
#interview .interview-box-wrap:last-child{
    padding-bottom: 20px;
}

/******************************************************************
  ガソリンスタンドについで
*****************************************************************/

#gasoline-stand img {
    width: 100%;
}

#gasoline-stand .page-tit {
    background: #54a076;
    width: auto;
    padding: 35px 15px 10px;
    z-index: 1;
}

#gasoline-stand .page-tit:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 20px 0 20px;
    border-color: #54a076 transparent transparent transparent;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: auto;
    top: auto;
    box-shadow: none;
    background: none;
}

#gasoline-stand .page-tit figure {
    margin: 0 auto 30px;
}

#gasoline-stand .cts-intro {
    position: relative;
    width: auto;
    top: -30px;
    padding: 50px 15px 140px;
    background: url(../img/gasoline-stand/bg-desc.jpg) no-repeat right bottom #FFFFFF;
    background-size: contain;
    background-size: 257px auto;
    font-size: 13px;
    z-index: 0;
}


/*施設名称 MAP*/

#gasoline-stand .facility {
    width: 100%;
    margin: 0 auto 40px;
}


/*施設名称 説明*/

#gasoline-stand .explanatory {
    overflow: hidden;
}

#gasoline-stand .explanatory ol {
    position: relative;
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    overflow: hidden;
}

#gasoline-stand .explanatory li {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px 10px 15px 15px;
    background: #FFFFFF;
    border-radius: 4px;
}

#gasoline-stand .explanatory li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #bd1619;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    letter-spacing: 0;
}

#gasoline-stand .explanatory li:after {
    position: absolute;
    content: "";
    width: 490px;
    height: 50px;
    background: #dedad4;
    border-radius: 4px;
    z-index: -1;
    left: 0;
    bottom: -3px;
}

#gasoline-stand .explanatory li h3 {
    color: #bd1619;
    line-height: 19px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 24px;
}




/******************************************************************
  インタビュー一覧
*****************************************************************/
#interview-top .page-tit {
    background: url(../img/staff_interview/bg-tit-staff-interview.jpg) no-repeat;
}

#interview-top{
width: 100%;
overflow: hidden;

}
#interview-top .category-people{
    position: relative;
    margin: auto;
    padding: 30px 0 0;
}
#interview-top .category-people .animation{ /*border: 1px solid #F00;*/ position: absolute; z-index: 998; display: none;}
#interview-top .category-people .animation01{right: 0;
top: 0;
}
#interview-top .category-people .animation02{left: 0;
bottom: 0;
}


#interview-top .category-people .animation{
    -webkit-transition:all 1.5s ease-out;
    -moz-transition:all 1.5s ease-out;
    -ms-transition:all 1.5s ease-out;
    -o-transition:all 1.5s ease-out;
    transition:all 1.5s ease-out 0s;
}
#interview-top .category-people #pic-senior01{
    width: 611px;
    height: 226px;
    background: url(../img/staff_interview/obj-nozzle.svg) no-repeat;
    transform: rotate(-10deg);
    right:-400px;
}
#interview-top .category-people #pic-senior02{width: 155px; height: 289px; left: 20px;}
#interview-top .category-people #pic-work01{
    -webkit-transition:all 10s ease-out;
    -moz-transition:all 10s ease-out;
    -ms-transition:all 10s ease-out;
    -o-transition:all 10s ease-out;
    transition:all 10s ease-out 0s;
    width: 226px;
    height: 244px;
    top: -200px;
    right: 30px;
}
#interview-top .category-people #pic-work02{
    width: 339px;
    height: 221px;
    background: url(../img/staff_interview/obj-car.svg) no-repeat;
    transform: scale(0.9);
    left: -20px;
}
#interview-top .category-people #pic-w-work01{
    -webkit-transition:all 3s ease-in-out;
    -moz-transition:all 3s ease-in-out;
    -ms-transition:all 3s ease-in-out;
    -o-transition:all 3s ease-in-out;
    transition:all 3s ease-in-out 0s;
    width: 183px;
    height: 210px;
    background: url(../img/staff_interview/obj-tank.svg) no-repeat;
    opacity: 0;
}
#interview-top .category-people #pic-w-work02{
    width: 374px;
    height: 374px;
    background: url(../img/staff_interview/obj-meter1.svg) no-repeat;
    bottom: -110px;
}
#interview-top .category-people #pic-w-work02 span{
    -webkit-transition:all 3s ease-in-out;
    -moz-transition:all 3s ease-in-out;
    -ms-transition:all 3s ease-in-out;
    -o-transition:all 3s ease-in-out;
    transition:all 3s ease-in-out 0s;
    content: '';
    display: block;
    width: 374px;
    height: 374px;
    background: url(../img/staff_interview/obj-meter2.svg) no-repeat;
    transform: rotate(-100deg);
}

#interview-top .category-people #pic-student01{
    width: 191px;
    height: 215px;
    right: 10px;
    top: 30px;
}
#interview-top .category-people #pic-student02{
    -webkit-transition:all 3s ease-in-out;
    -moz-transition:all 3s ease-in-out;
    -ms-transition:all 3s ease-in-out;
    -o-transition:all 3s ease-in-out;
    transition:all 3s ease-in-out 0s;
    width: 438px;
    height: 235px;
    background: url(../img/staff_interview/obj-truck.svg) no-repeat;
    left:-600px;
}

#interview-top .category-people #pic-woman01{width: 193px; height: 416px; top: -130px; right: 20px;
}
#interview-top .category-people #pic-woman02{
    width: 159px;
    height: 220px;
    background: url(../img/staff_interview/obj-calculator.svg) no-repeat;
    transform: rotate(-360deg);
    left:-200px;
}
#interview-top .category-people #pic-headquarters01{
    width: 262px;
    height: 218px;
    background: url(../img/staff_interview/obj-computer.svg) no-repeat;
    top: 200px;
    right: 20px;
}
#interview-top .category-people #pic-headquarters02{width: 294px; height: 291px; bottom: -60px; left: 20px;
}
#interview-top .category-people #pic-amg01{
    width: 311px;
    height: 264px;
    background: url(../img/staff_interview/obj-training.svg) no-repeat;
    transform: scale(1.3);
    right: -10px;
}
#interview-top .category-people #pic-amg02{
    background: url(../img/staff_interview/obj-telephone1.svg) no-repeat;
    width: 400px;
    height: 400px;
    bottom: -100px;
    left: -50px;
}
#interview-top .category-people #pic-amg02 span{
    -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    transition:all 2s ease-in-out 0s;
    content: '';
    display: block;
    width: 400px;
    height: 400px;
    background: url(../img/staff_interview/obj-telephone2.svg) no-repeat;
    top: -100px;
    position: absolute;
}

#interview-top .page-tit {
    background: url(../img/staff_interview/bg-tit-staff-interview.jpg) no-repeat;
}

.interview-intro-wrap-wrap{
    margin: 0 15px 40px 15px;
}
.interview-intro-wrap{
    display: block;
    position: relative;
}
.interview-intro-wrap span{
    background: url(../img/staff_interview/bg-stripe-spn.png) repeat;
    background-size: 7px;
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
}

#interview-top .category-BOX{
    padding-top: 50px;
    margin-top: -50px;
}

.interview-intro-wrap .interview-intro{
    border: 1px solid #bd1619;
    border-radius: 3px;
    padding: 25px 10px;
    /*margin: -10px 10px 10px -620px;*/
    background: url(../img/common/bg.jpg) repeat;
    position: relative;
    color: #bd1619;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 1.8em;
    letter-spacing: 0.15em;
}

#interview-top .category-BOX .category-tit-wrap{
    padding: 30px 0 40px 0;
    color: #FFFFFF;
    text-align: center;
    /*background-attachment: fixed;*/
    /*background-size: cover;*/
    position: relative;
    background-position: center;
}
/*#interview-top .category-BOX .category-tit-wrap.bg-ios{
    background-attachment: inherit;
    background-size: auto 500px;
    background-position: center;
}*/
#interview-top #senior.category-BOX .category-tit-wrap{
    background-image: url(../img/staff_interview/bg_category-tit_senior.jpg);
    background-size: 120% auto;
}
#interview-top #work.category-BOX .category-tit-wrap{
    background-image: url(../img/staff_interview/bg_category-tit_work.jpg);
    background-size: 150% auto;
}
#interview-top #w-work.category-BOX .category-tit-wrap{
    background-image: url(../img/staff_interview/bg_category-tit_w-work.jpg);
    background-size: 160% auto;
}
#interview-top #student.category-BOX .category-tit-wrap{
    background-image: url(../img/staff_interview/bg_category-tit_student.jpg);
    background-size: 135% auto;
}
#interview-top #woman.category-BOX .category-tit-wrap{
    background-image: url(../img/staff_interview/bg_category-tit_woman.jpg);
    background-size: 110% auto;
}
#interview-top #headquarters.category-BOX .category-tit-wrap{
    background-image: url(../img/staff_interview/bg_category-tit_headquarters.jpg);
    background-size: 200% auto;
}
#interview-top #amg.category-BOX .category-tit-wrap{
    background-image:  url(../img/staff_interview/bg_category-tit_amg.jpg);
    background-size: 120% auto;
}
#interview-top .category-BOX .category-tit {
    margin: 0 15px;
    display: inline-block;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    padding: 20px 15px;
    word-break: break-all;
}
/*#interview-top .category-BOX .category-tit:before{
    content: '';
    display: block;

}*/
#interview-top .category-BOX .category-tit span{
    display: block;
}
#interview-top .category-BOX .category-tit .main-tit{
    padding: 0 0 15px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.15em;
}
#interview-top .category-BOX .category-tit .sub-tit{
    font-size: 12px;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri{
    height: 15px;
    position: absolute;
    bottom: -1px;
    width: 100%;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span{
    height: 15px;
    display: block;
    position: absolute;
    margin: auto;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span:first-child{
    width: calc(50% - 20px);
    background: url(../img/common/bg.jpg) repeat;
    left: 0;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span:nth-child(2){
    width: 40px;
    background: url(../img/staff_interview/bg-tri.png) no-repeat;
    background-size: 100%;
    left: 0;
    right: 0;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span:last-child{
    width: calc(50% - 20px);
    background: url(../img/common/bg.jpg) repeat;
    right: 0;
    }
#interview-top .category-BOX .category-list{ overflow: hidden; margin: 0 15px 20px 15px;}
#interview-top .category-BOX .category-list li{
    margin-bottom: 40px;
}
#interview-top .category-BOX .category-list li:nth-child(2n+1){
}
#interview-top .category-BOX .category-list li:nth-child(2n){

}
#interview-top .category-BOX .category-list li:nth-child(2) { }
#interview-top .category-BOX .category-list li .link-detail{
    display: block;
    color: #bd1619;
    overflow: inherit;
    position: relative;
    display: table;
    width: 100%;
}
#interview-top .category-BOX .category-list li .link-detail:hover{ overflow: inherit;}
#interview-top .category-BOX .category-list li .link-detail .txt-box-wrap{
    /*display: box;*/
    /*display: -webkit-box;*/　/* Safari,Google Chrome用 */
    /*display: -moz-box;*/　/* Firefox用 */
    /*display: -ms-box;*/　/* Firefox用 */
    display: table-cell;
    position: relative;
    padding: 0 7px 0 0;
}
/*#interview-top .category-BOX .category-list li .link-detail .txt-box-wrap:before{
    content: '';
    background: url(../img/staff_interview/bg-stripe.png) repeat;
    width: calc(100% - 0px);
    display: block;
}*/
#interview-top .category-BOX .category-list li .link-detail .txt-box{
    border: 1px solid #bd1619;
    border-radius: 3px;
    padding: 15px 10px 18px;
    /*margin: -10px 10px 10px -340px;*/
    background: url(../img/common/bg.jpg) repeat;
    position: relative;
    word-break: break-all;
}
#interview-top .category-BOX .category-list li:nth-child(odd) .link-detail .txt-box{

}
#interview-top .category-BOX .category-list li .link-detail .txt-box-wrap span{
    background: url(../img/staff_interview/bg-stripe-spn.png) repeat;
    background-size: 7px auto;
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box:after{
    content: '';
    display: block;
    width: 43px;
    height: 20px;
    background: url(../img/staff_interview/parts-fukidashi-spn.png) no-repeat;
    position: absolute;
    bottom: -15px;
    right: 10px;
    background-size: 43px auto;
    background-position: bottom;
}
#interview-top .category-BOX .category-list li:nth-child(odd) .link-detail .txt-box:after{
    left: 10px;
    background: url(../img/staff_interview/parts-fukidashi-spn-ref.png) no-repeat;
    background-size: 43px auto;
    background-position: bottom;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box .catch{
    font-size: 11px;
    word-break: break-all;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box .name{
    text-align: right;
    font-weight: bold;
    line-height: 1;
    padding: 1em 0 0 0;
    font-size: 13px;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box .coming-soon{
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding: 1.5em 0;
}
#interview-top .category-BOX .category-list li .link-detail .img-box-wrap{
    width: 80px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0 0 10px;
}
#interview-top .category-BOX .category-list li .link-detail .img-box-wrap.img-box-wrap-odd{
    padding: 10px 10px 0 0;
}
#interview-top .category-BOX .category-list li:nth-child(odd) .link-detail .img-box-wrap-even{ display: none;}
#interview-top .category-BOX .category-list li:nth-child(even) .link-detail .img-box-wrap-odd{ display: none;}
#interview-top .category-BOX .category-list li .link-detail .img-box{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;

}
#interview-top .category-BOX .category-list li .link-detail .img-box span{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 18px;
    margin: auto;
    bottom: 0;
    line-height: 1;
    height: 1em;
    width: 100%;
    right: 0;
    text-align: center;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out 0s;
    opacity: 0;
}
#interview-top .category-BOX .category-list li a.link-detail:hover .img-box span{
    /*opacity: 1;*/
}
#interview-top .category-BOX .category-list li .link-detail .img-box img{
    width: 100%;
    height: auto;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out 0s;
}
#interview-top .category-BOX .category-list li a.link-detail:hover .img-box img{
    transform: scale(1.1);
}


/******************************************************************
  福利厚生 welfare
*****************************************************************/
#welfare{
    position: relative;
}
/*#welfare:before{
    content: '';
    width: 100%;
    height: 80px;
    display: block;
    background-image: url(../img/welfare/top-welfare.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}*/
#welfare .welfare-tit-img img{
    width: 100%;
    height: auto;
}
#welfare .welfare-tit-wrap{
    position: relative;
    background: url(../img/welfare/bg-welfare-tit.png) repeat #FFFFFF;
    background-size: 9px auto;
    border: 5px solid #FFF;
    padding: 20px 10px 20px 10px;
}
#welfare .welfare-tit-wrap-shadow{margin: 0 0 30px 0;}
#welfare .txt-box-shadow{
    display: block;
    position: relative;
}
#welfare .txt-box-shadow .shadow{
    position: absolute;
    left: 7px;
    top: 7px;
    background: #e7f1eb;
    z-index: 0;
}
#welfare .txt-box-shadow.welfare-tit-wrap-shadow .shadow{
    left: 0
}
#welfare .welfare-tit-wrap .welfare-tit{text-align: center; margin: 0 0 15px 0;
}
#welfare .welfare-tit-wrap .welfare-tit img{
    width: 100%;
    height: auto;
    max-width: 400px;
}
#welfare .welfare-tit-wrap .welfare-tit-comment{
    text-align: center;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}
/*#welfare .welfare-tit-wrap .welfare-tit span{
    display: inline-block;
    background: #59a279;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1;
    padding: 10px 30px;
    letter-spacing: 0.3em;
}
#welfare .welfare-tit-wrap .welfare-tit strong{
    display: block;
    font-size: 46px;
    color: #59a279;
    line-height: 1;
    text-shadow: 0 2px 0 #FFFFFF;
}
*/






#welfare .welfare-point-wrap{}
#welfare .welfare-point-wrap .welfare-point-tit{
    color: #5aa47a;
    font-size: 15px;
    border-bottom: 2px solid #5aa47a;
}
#welfare .welfare-point-wrap .welfare-point-tit span{
    color: #FFFFFF;
    background: #5aa47a;
    text-align: center;
    display: table-cell;
    width: 28px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    padding: 10px 0;
    letter-spacing: 0;
}
#welfare .welfare-point-wrap .welfare-point-tit strong{
    display: table-cell;
    font-weight: normal;
    padding: 5px 0 10px 10px;
    line-height: 1.4;
    vertical-align: middle;
}
#welfare .welfare-point-wrap .welfare-point-cts{
    padding: 15px 0 0 0;
    position: relative;
}
#welfare .welfare-point-wrap .welfare-point-cts .intro{ margin: 0 0 15px 0;}
#welfare .welfare-point-wrap .welfare-point-cts .figbox{
    margin:0 0 15px 0;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1{
    overflow: hidden;
    width: calc(100% + 10px);
    margin: 0 -5px;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 fiqure{
    text-align: center;
    width: calc(50% - 10px);
    float: left;
    margin: 0 5px;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 figcaption{
    background: #FFFFFF;
    width: calc(100% - 10px);
    padding: 15px 5px;
    text-align: center;
    border: 1px solid #5aa47a;
    border-radius: 3px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 10px;
    margin: 0 auto 20px auto;
    position: relative;
    max-width: 350px;

}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 figcaption:before{
    content: '';
    background: #58a279;
    width: 1px;
    height: 55px;
    position: absolute;
    transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    right: calc(50% - 30px);
    bottom: -53px;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 img{
    width: 120px;
    height: auto;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point2 img{
    width: 100%;
    height: auto;
    max-width: 440px;
    margin: auto;
    display: block;
}
#welfare .welfare-point-wrap .welfare-point-cts .txtbox{
    background: #FFFFFF;
    border: 1px solid #5aa47a;
    border-radius: 3px;
    padding: 15px;
}
#welfare .welfare-point-wrap .welfare-point-cts .txtbox-point2{

}
.welfare-list{
    margin: 0 -7px 0 -7px;
    overflow: hidden;
}
.welfare-list li{
    width: calc(50% - 14px);
    float: left;
    position: relative;
    margin: 0 7px 14px;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    -moz-box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    cursor: pointer;
}
#welfare .welfare-case-cts .case-cts-box .case-tit{
    font-size: 14px;
    color: #58a279;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
#welfare .welfare-case-cts .case-cts-box .case-txt{padding: 0 0 0 95px;}
#welfare .welfare-case-cts .case-cts-box .case-txt p, #welfare .welfare-case-cts .case-cts-box .case-txt ul, #welfare .welfare-case-cts .case-cts-box .case-txt dl{
    margin: 0 0 0.8em 0;
    line-height: 1.6;
}
#welfare .welfare-case-cts .case-cts-box .case-txt ul li{margin: 0 0 0.5em 0;
}
#welfare .welfare-case-cts .case-cts-box .case-txt dl dt{margin: 0 0 0.3em 0;
}
#welfare .welfare-case-cts .case-cts-box .case-txt dl dd{margin: 0 0 0.5em 0;
}
#welfare .welfare-case-cts .case-cts-box .case-txt strong{
    color: #bd1619;
}
#welfare .welfare-list li fiqure{
    width: 100%;
    height: 90px;
    overflow: hidden;
    display: block;
    position: relative;
}
#welfare .welfare-list li fiqure img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#welfare .welfare-list li .txt-wrap{
    background: #FFFFFF;
    position: relative;
    padding: 15px 15px;
    height: 106px;
    overflow: hidden;
    line-height: 1.6;
}
#welfare .welfare-list li .txt-wrap .menu-cap{
    color: #de2525;
    font-size: 13px;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1;
    letter-spacing: 1px;
}

#welfare .welfare-list li .txt-wrap p, .welfare-list li .txt-wrap ul, .welfare-list li .txt-wrap dl{
    font-size: 12px;
    margin: 0 0 1em 0;
}
.welfare-list li .txt-wrap ul, .welfare-list li .txt-wrap dl{
    line-height: 1.6;
}
#welfare .welfare-list li .txt-wrap p, .welfare-list li .txt-wrap ul li{margin: 0 0 0.5em 0;
}
#welfare .welfare-list li .txt-wrap p, .welfare-list li .txt-wrap dl dt{margin: 0 0 0.3em 0;
}
#welfare .welfare-list li .txt-wrap p, .welfare-list li .txt-wrap dl dd{margin: 0 0 1em 0;
}

/*モーダル*/
.modal-content{
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: auto;
}
.modal-content .modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    opacity: 0.6;
    background: #000;
    cursor: pointer;
    z-index: 1000;
}
.modal-content .modal-content-inner{
    padding:15px 15px 25px 15px;
    position: absolute;
    z-index: 1001;
    max-width: 600px;
    margin: auto;
    left: 0;
    right: 0;
}
.modal-content .modal-content-inner .menu-detail{
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    -moz-box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
}
.modal-content .modal-content-inner .menu-detail fiqure{
    width: 100%;
    height: 120px;
    overflow: hidden;
    display: block;
    position: relative;
}
.modal-content .modal-content-inner .menu-detail fiqure img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.modal-content .modal-content-inner .menu-detail .txt-wrap{background: #FFFFFF; padding: 20px 20px 10px 20px;}
.modal-content .modal-content-inner .menu-detail .txt-wrap .menu-cap{
    color: #de2525;
    font-size: 13px;
    text-align: center;
    margin: 0 0 15px 0;
    line-height: 1;
    letter-spacing: 1px;
}
.modal-content .modal-content-inner .menu-detail .txt-wrap p, .modal-content .modal-content-inner .menu-detail .txt-wrap ul li{margin: 0 0 0.5em 0;
}
.modal-content .modal-content-inner .menu-detail .txt-wrap p, .modal-content .modal-content-inner .menu-detail .txt-wrap dl dt{margin: 0 0 0.3em 0;
}
.modal-content .modal-content-inner .menu-detail .txt-wrap p, .modal-content .modal-content-inner .menu-detail .txt-wrap dl dd{margin: 0 0 1em 0;
}

.modal-content .modal-content-inner .modal-close{
    position: absolute;
    top: 25px;
    right: 25px;
    background: #fff;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    display: block;
    letter-spacing: 0;
    font-size: 20px;
    z-index: 1001;
    vertical-align: middle;
    cursor: pointer;
    color: #666666;
}
body.modal-on{
    overflow: hidden;
}


/*ベネフィット・ステーションの介護支援サービスや 育児支援サービスを一部ご紹介*/
#welfare .welfare-case-wrap{ text-align: center;}
#welfare .welfare-case-tit{
    font-size: 17px;
    display: inline-block;
    position: relative;
    color: #58a279;
    line-height: 1.4;
    margin: 0 15px 15px 15px;
    padding: 0 10px 0 10px;
}
#welfare .welfare-case-tit:before, #welfare .welfare-case-tit:after{
    content: '';
    display: block;
    background: #58a279;
    width: 2px;
    height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#welfare .welfare-case-tit:before{
    left:0;
    transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);
}
#welfare .welfare-case-tit:after{
    right: 0;
    transform: rotate(28deg);
    -moz-transform: rotate(28deg);
    -webkit-transform: rotate(28deg);
}
#welfare .welfare-case-subtit{
    color: #58a279;
    font-size: 14px;
    margin: 0 0 30px 0;
    line-height: 1.5;
}
#welfare .welfare-case-cts{ text-align: left; padding: 0 0 20px 0;}
#welfare .welfare-case-cts:last-child{ padding: 0 0 1px 0;}
#welfare .welfare-case-cts .welfare-case-cts-tit{
    margin: 0 0 20px 0;
    border-bottom: 1px solid #c9c9c9;
    font-size: 18px;
    color: #58a279;
    line-height: 1;
    padding: 0 0 10px 0;
}
#welfare .welfare-case-cts .case-cts-box-wrap{
    margin: 0 0 15px 0;
}
#welfare .welfare-case-cts .case-cts-box {
    position: relative;
    padding: 20px 20px 20px 20px;
    background: #FFFFFF;
}
#welfare .welfare-case-cts .case-cts-box .case-txt{
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 75px;
}
#welfare .welfare-case-cts #case-cts-box01 .case-txt{background-image: url(../img/welfare/pic-welfare-case01.jpg);}
#welfare .welfare-case-cts #case-cts-box02 .case-txt{background-image: url(../img/welfare/pic-welfare-case02.jpg);}
#welfare .welfare-case-cts #case-cts-box03 .case-txt{background-image: url(../img/welfare/pic-welfare-case03.jpg);}
#welfare .welfare-case-cts #case-cts-box04 .case-txt{background-image: url(../img/welfare/pic-welfare-case04.jpg);}
#welfare .welfare-case-cts #case-cts-box05 .case-txt{background-image: url(../img/welfare/pic-welfare-case05.jpg);}
#welfare .welfare-case-cts #case-cts-box06 .case-txt{background-image: url(../img/welfare/pic-welfare-case06.jpg);}

#welfare .welfare-case-wrap .welfare-case-cts .intro {
    margin: 0 0 20px 0;
}



/*ベネフィットステーション利用方法*/
#welfare .welfare-contact-wrap{background: #e7f1eb; padding: 40px 0 20px 0; margin: 0 0 50px 0;}
#welfare .welfare-contact{}
#welfare .welfare-contact .welfare-contact-tit{
    position: relative;
    display: block;
    font-size: 20px;
    padding: 0 0 18px;
    margin-bottom: 22px;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #58a279;
    }
#welfare .welfare-contact .welfare-contact-tit:after{
    position: absolute;
    content: '';
    width: 46px;
    border-bottom: solid 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    }
#welfare .welfare-contact .welfare-contact-intro{
/*    padding: 0 220px 80px 0;
    background-image: url(../img/welfare/pic-welfare-contact.png);
    background-size: 194px auto;
    background-repeat: no-repeat;
    background-position: right top;*/
    padding: 0 0 20px 0;
}
#welfare .welfare-contact .contact-cts{text-align: center; margin: -10px 0 30px 0;}

#welfare .welfare-contact .contact-cts .contact-cts-tit{
    font-size: 16px;
    display: inline-block;
    position: relative;
    padding: 10px 15px;
    color: #58a279;
    line-height: 1.5;
    margin: 0 10px 5px 10px;
}
#welfare .welfare-contact .contact-cts .contact-cts-tit:before, .welfare-contact .contact-cts .contact-cts-tit:after{
    content: '';
    display: block;
    background: #58a279;
    width: 1px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;

}
#welfare .welfare-contact .contact-cts .contact-cts-tit:before{
    left:0;
    transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);
}
#welfare .welfare-contact .contact-cts .contact-cts-tit:after{
    right: 0;
    transform: rotate(28deg);
    -moz-transform: rotate(28deg);
    -webkit-transform: rotate(28deg);
}
#welfare .welfare-contact .contact-cts-box{
    background: #FFFFFF;
    border: 1px solid #5aa47a;
    border-radius: 3px;
    padding: 15px;
    margin: 0 auto;
}
#welfare .welfare-contact .contact-cts-box .contact-tit{
    background: #e7f1eb;
    display: inline-block;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 50px;
    color: #58a279;
    font-size: 12px;
}
#welfare .welfare-contact .contact-cts-box .tel{
    font-size: 27px;
    line-height: 1;
    padding: 20px 0 25px 0;
}
#welfare .welfare-contact .contact-cts-box .contact-txt dl{
    position: relative;
    display: inline-block;
    font-size: 11px;
}
#welfare .welfare-contact .contact-cts-box .contact-txt dl:before{
    content: '';
    display: block;
    background: #cccccc;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0.5em;
}
#welfare .welfare-contact .contact-cts-box .contact-txt dt{
    display: block;
    height: 1em;
    line-height: 1;
    background: #FFFFFF;
    width: 4em;
    color: #5aa47a;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#welfare .welfare-contact .contact-cts-box .contact-txt dd{
    padding: 20px 0 0 0;
    text-align: left;
}
#welfare .contact-sup-cts{}
#welfare .contact-sup-cts .sup-link{margin: 0 0 30px 0;
}
#welfare .contact-sup-cts .sup-link a{
    display: block;
    border: 1px solid #58a279;
    border-radius: 3px;
    padding: 15px 55px 15px 35px;
    position: relative;
}
#welfare .contact-sup-cts .sup-link a:hover{
    opacity: 0.6;
}
#welfare .contact-sup-cts .sup-link a:before{
    content: '';
    display: block;
    background: #58a279;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../img/ic/ic-arrow-r.png);
    background-repeat: no-repeat;
    background-size: 4px auto;
    background-position: 5px 4px;
}
#welfare .contact-sup-cts .link-pdf a:after{
    content: 'PDF';
    display: block;
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 30px;
    color: #58a279;
    border: 1px solid #58a279;
    font-size: 10px;
}
#welfare .contact-sup-cts .sup-txt{
    margin: 0 0 30px 0;
}

/*SPN用スタイル*/
#welfare .welfare-list .btn-more{
    content:'続きを読む';
    display: block;
    background: #f6f2f2;
    color: #666666;
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    margin: 0 10px;
    text-align: center;
    z-index: 4;
    font-size: 10px;
    height: 23px;
    line-height: 23px;
}
#welfare .welfare-list .btn-more:after{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    border: 0px;
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: calc(50% - 2px);
    right: calc(50% - 4em);
}
#welfare .welfare-list li .txt-wrap:before{
    content:'';
    display: block;
    background: -moz-linear-gradient(top, rgba(255, 255, 255,0) 20%, rgba(255, 255, 255, 1) 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255,0) 20%,rgba(255, 255, 255,1) 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%,rgb(255, 255, 255) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#100FFFFFF',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
}

/******************************************************************
  奨励金制度 incentive
*****************************************************************/
#incentive .page-tit {
    background: url(../img/incentive/bg-tit-incentive.jpg) no-repeat;
}
#incentive .cts-wrap.incentive-link-wrap{margin: 0 auto 40px auto; text-align: center; max-width: 400px;}
#incentive .incentive-link-wrap .incentive-link{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 10px;
}
#incentive .incentive-intro-wrap-wrap{
    margin: 0 40px 40px 40px;
}
#incentive .incentive-intro-wrap{
    display: block;
    position: relative;
}
#incentive .incentive-intro-wrap span{
    background: url(../img/staff_interview/bg-stripe-spn.png) repeat;
    background-size: 7px;
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
}
#incentive-top .incentive-intro-wrap .incentive-intro, #incentive .incentive-intro-wrap .incentive-intro{
    border: 1px solid #bd1619;
    border-radius: 3px;
    padding: 25px 10px;
    /* margin: -10px 10px 10px -620px; */
    background: url(../img/common/bg.jpg) repeat;
    position: relative;
    color: #bd1619;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 1.8em;
    letter-spacing: 0.15em;
}

#incentive .incentive-link-wrap .incentive-link li{
    position: relative;
    border: 1px solid #54a076;
    padding: 16px;
    text-align: center;
    border-radius: 100px;
}
#incentive .incentive-link-wrap .incentive-link li a{
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #54a076;
    vertical-align: middle;
}
#incentive .incentive-link-wrap .incentive-link li a:hover{
    opacity: 0.6;
}
#incentive .incentive-link-wrap .incentive-link li a::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-right-style: none;
    border-bottom-style: none;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-bottom: solid 1px #54a076;
    border-right: solid 1px #54a076;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 46%;
    right: 0;
    left: 80%;
    margin: auto;
}

#incentive .incentive-cts .incentive-cts-tit{
    position: relative;
    font-size: 18px;
    line-height: 1;
    padding: 0 0 14px 0;
    margin: 0 0 20px 0;
}
#incentive .incentive-cts .incentive-cts-tit:after{
    content: '';
    display: block;
    background: #54a076;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
}
#incentive .incentive-cts .incentive-cts-box{
    /*padding: 20px 70px;*/
    /*margin: 0 0 30px 0;*/
}
#incentive .incentive-cts .incentive-cts-catch{
}
#incentive .incentive-cts .incentive-cts-catch span{
    background-image: url(../img/incentive/bg-tit-incentive01.png);
    color: #FFFFFF;
    display: block;
    line-height: 1.5;
    background-size: 100% auto;
    font-size: 14px;
    text-align: center;
    position: relative;
    background-repeat: repeat-y;
    padding: 1em 0;
}
#incentive .incentive-cts .incentive-cts-catch span:before{
    content: '';
    display: block;
    width: 94px;
    height: 78px;
    background-repeat: no-repeat;
    position: absolute;
    right: calc(50% + 4.6em);
    bottom: 0;
    margin: auto;
    background-position: center;
}
#incentive .incentive-cts .incentive-cts-catch span:after{
    content: '';
    display: block;
    width: 94px;
    height: 78px;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% + 4.6em);
    bottom: 0;
    margin: auto;
    background-position: center;
}
#incentive .incentive-cts#incentive01 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive01-1.png);
    background-size: 60px auto;
}
#incentive .incentive-cts#incentive01 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive01-2.png);
    background-size: auto 74px;
    background-position: bottom;
}
#incentive .incentive-cts#incentive02 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive02-1.png);
    background-size: auto 74px;
    background-position: bottom;
}
#incentive .incentive-cts#incentive02 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive02-2.png);
    background-size: 60px auto;
}
#incentive .incentive-cts#incentive03 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive03-1.png);
    background-size: auto 74px;
    background-position: bottom;
}
#incentive .incentive-cts#incentive03 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive03-2.png);
    background-size: auto 74px;
    background-position: bottom;
}
#incentive .incentive-cts#incentive04 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive01-1.png);
    background-size: 60px auto;
}
#incentive .incentive-cts#incentive04 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive04-1.png);
    background-size: auto 70px;
    background-position: bottom;
}
#incentive .incentive-cts .incentive-cts-catch img{
    width: 100%;
    height: auto;
    margin: 1px 0;
}
#incentive .incentive-cts .txt-box-wrap{
    background: #FFFFFF;
    border-top: 2px solid #a6800c;
    border-bottom: 2px solid #a6800c;
    padding: 3px 0;
    margin: 0 0 20px 0;
}
#incentive .incentive-cts .txt-box{
    border-top: 1px solid #a6800c;
    border-bottom: 1px solid #a6800c;
    padding: 15px 15px;
    background-repeat: no-repeat;

}
#incentive .incentive-cts .txt-box .incentive-cap{
    font-size: 15px;
    text-align: center;
    margin: 0 0 0.5em 0;
}
#incentive .incentive-cts .txt-box .incentive-cap.bg-hukidashi{
    position: relative;
text-indent: 4em;
}
#incentive .incentive-cts .incentive-cts-box .hukidasi-item {
    display: none;
}
#incentive .incentive-cts .txt-box .incentive-cap span{
display: block;
position: absolute;
background-image: url(../img/incentive/hukidashi-incentive03.png);
background-size: 60px auto;
background-repeat: no-repeat;
width: 60px;
height: 38px;
font-size: 11px;
transform: rotate(-15deg);
line-height: 34px;
letter-spacing: 0px;
left: 60px;
text-indent: 0;
margin: 0 0 0 -60px;

}
#incentive .incentive-cts .txt-box .incentive-cap:last-child{
    margin: 0 0 0 0;
}
#incentive .incentive-cts .txt-box h4{
    text-align: center;
    margin: 0 0 1em 0;
    line-height: 1.3;
}
#incentive .incentive-cts#incentive01 .bg-item{
    background-image: url(../img/incentive/item-incentive01.jpg);
    background-position: right bottom;
    background-size: 120px auto;
}
#incentive .incentive-cts#incentive02 .bg-item{
    background-image: url(../img/incentive/item-incentive02.jpg);
    background-position: right;
    background-size: auto 100%;
}
#incentive .incentive-cts#incentive03 .bg-item{
    background-image: url(../img/incentive/item-incentive03.jpg);
    background-position: center 13px;
    background-size: 26px auto;
    padding-top: 50px;
}
#incentive .incentive-cts strong{
    font-size: 20px;
    color: #bd1619;
}
#incentive .step ul{
    position: relative;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    -moz-box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    box-shadow: 0 3px 1px 0px rgba(222, 218, 212, 1);
    line-height: 1.5;
    margin: 0 0 20px 0;
}
#incentive li.bgStyle01{
    padding: 27px 0 15px 0;
    background: none;
    margin: 0 0 10px 0;
    box-shadow: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
}
#incentive li.bgStyle01:last-child{
    border-bottom: none;
    margin-bottom: -10px;
}
/*#incentive .step li + li:after {
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 100%;
    top: 0;
    left: -33px;
    background: url(../img/flow/ic-flow.png) no-repeat;
    background-size: 20px auto;
    background-position: center;
}*/
#incentive li:last-of-type{
}
#incentive .step li dl:before{
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    font-size: 12px;
    color: #8e784e;
    text-align: center;
    left: 0;
}
#incentive .step li:nth-of-type(1) dl:before{ content:"step1"; }
#incentive .step li:nth-of-type(2) dl:before{ content:"step2"; }
#incentive .step li:nth-of-type(3) dl:before{ content:"step3"; }
#incentive .step li:nth-of-type(4) dl:before{ content:"step4"; }
#incentive .step li:nth-of-type(5) dl:before{ content:"step5"; }
/*#incentive .step li dl:after{
    position:absolute;
    content:"";
    width:20px;
    top:24px;
    border-bottom:solid 1px #8e784e;
    color:#8e784e;
    left:50%;
    margin-left: -10px;
}*/
#incentive .step li dt{
    text-align: center;
    font-size:14px;
    line-height: 1;
    margin-bottom: 10px;
}
#incentive .step li dd{font-size:12px; letter-spacing: 1px; color:#555555;}
#incentive .btn-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    padding: 5px 0;
    margin: 0 0 20px 0;
}
#incentive .app-btn a{
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #FFFFFF;
    background: url(../img/ic/ic-gnav-search.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-position: calc(50% + 4.5em) center;
    background-size: 22px auto;
    border-radius: 30px;
    text-align: center;
    letter-spacing: 1.5px;
    background-color: #bd1619;
    margin: 0 auto;
}
#incentive .app-btn02 a{
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #FFFFFF;
    border-radius: 30px;
    text-align: center;
    letter-spacing: 1.5px;
    background-color: #54a076;
    margin: 0 auto;
}
#incentive .app-btn a:hover, #incentive .app-btn02 a:hover { opacity: 0.8;}
#incentive .incentive-cts .incentive-notes-box {
    font-size: 12px;
}
#incentive .incentive-cts .incentive-notes-box .incentive-notes-tit{border-bottom: 1px solid;margin: 0 0 1em 0;}
#incentive .incentive-cts .incentive-notes-box .notes-txt-wrap{}
#incentive .incentive-cts .incentive-notes-box .notes-txt-wrap p{margin: 0 0 1em 0;}
#incentive .sns-btn{
    margin: auto;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    display: block;
}
#incentive .sns-btn li{margin: 0px 5px;}
#incentive #congratulatory, #incentive #repayment, #incentive #qualification, #incentive #introduction{
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: 40px;
}

/*資格取得応援キャンペーン*/
#campaign {    font-size: 14px; }
#campaign .contents{    border: none;}
#campaign .spHdn{display: none;}
#campaign img{
    max-width: 100%;
}
#campaign .contents {
    padding: 0;
}
#campaign .contents-inn{
    padding: 40px 15px;
}
#campaign .contents .wrap-img{
    margin: -40px -15px 0 -15px;
}
#campaign .contents .wrap-img:not(:first-child){
    margin: 0 -15px 0 -15px;
}
#campaign .contents.contents-img .wrap-img{
    margin: -40px -15px -40px -15px;
}
#campaign .contents.contents-img .wrap-img img{
    width: 100%;
}
#campaign .tit-campaign-common{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
    letter-spacing: 0.15em;
    margin-bottom: 24px;
}
#campaign .btn-common-wrap{

}
#campaign .btn-common-wrap .btn-common{
    display: block;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid;
    text-align: center;
    border-radius: 2.5em;
    padding: 1em 0;
    color: #BF2E3C;
    width: 100%;
    box-sizing: border-box;
}
#campaign .youtube{
    border: none;
    width: 100%;
    aspect-ratio: 16 / 9;
}
#campaign .contents .wrap-item .item:nth-child(1){
    margin: 0 0 24px 0;
}
#campaign .contents .deco-arrow{
    background-image: url(../img/campaign/pic-arrow-sp.png);
    background-size: 40px auto;
    background-position: right;
    background-repeat: no-repeat;
    display: grid;
    align-items: center;
    min-height: 96px;
    font-size: 15px;
    font-weight: bold;
}


#campaign .contents.contents01{
    background: #FFFFFF;
}

#campaign .contents.contents02{
    background-image: url(../img/campaign/bg-sky.jpg);
    background-size: auto 100%;
    background-position: center;
}
#campaign .contents.contents02 .tit-campaign-common{
    color: #FFFFFF;
}
#campaign .contents.contents02 img {width: 100%;}
#campaign .contents.contents02 em{
    color: #FFFFFF;
    font-style: normal;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto 1em auto;
}
#campaign .contents.contents03{background: #FFFFFF;}
#campaign .contents.contents03 .tit-campaign-common{
    margin-top: 44px;
}
#campaign .contents.contents03 .wrap-item .item.bg-img{
    background-image: url(../img/campaign/bg-light.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: right bottom;
}
#campaign .contents.contents03 em{
    font-style: normal;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 0 0 1em 0;
    text-align: center;
}
#campaign .contents.contents03 em span{
    color:#02a6ae;
}
#campaign .contents.contents03 .tit{
    background: #02a6ae;
    color: #FFFFFF;
    display: inline-block;
    padding: 2px 10px;
    font-weight: bold;
    margin: 0 0 1em 0;
}
#campaign .contents.contents05{background: #02a6ae; color:#FFFFFF; text-align: center;}
#campaign .contents.contents05 .wrap-item{margin-top: 32px;}
#campaign .contents.contents05 .wrap-item .item:nth-child(1){margin-right: 14vw;}
#campaign .contents.contents06 {text-align: center;}
#campaign .contents.contents06 .deco-arrow{
    margin: 32px 5vw 32px 0;
}
#campaign .contents.contents07 .contents-inn{padding-bottom: 0;}
#campaign .contents.contents07 .wrap-bnr{
    background: #02a6ae;
    margin: 0 -15px 0 -15px;
    padding: 40px 0 40px 0;
}
#campaign .contents.contents07 .wrap-bnr .bnr{
    margin: 0 auto;
    width: calc(100vw - 30px);
}
#campaign .contents.contents08 {background: #FFFFFF;}
#campaign .contents.contents08 .wrap-item{
    margin: 32px 0;
}
#campaign .contents.contents08 .wrap-item .item:nth-child(1) .btn-common{
    background: #BF2E3C;
    color: #FFFFFF;
}
/* #campaign .contents.contents08 .wrap-img:first-child{
    height: 125px;
}
#campaign .contents.contents08 .wrap-img:first-child img{
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
}
#campaign .contents.contents08 .wrap-img:nth-child(2){padding: 15px} */
#campaign .contents.contents09{
    background: rgba(0,0,0,0.05);
}
#campaign .contents.contents09 .box-interview{
    background: #FFFFFF;
    margin-bottom: 24px;
}
#campaign .contents.contents09 .box-interview:last-child{
    margin-bottom: 0;
}
#campaign .contents.contents09 .box-interview .tit-interview{
    background: #02a6ae;
    color:#FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 24px;
    position: relative;
}
#campaign .contents.contents09 .box-interview .tit-interview::after {
    content: "";
    background: #02a6ae;
    height: calc(tan(45deg) * 25px / 2);
    width: 25px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    position: absolute;
    transform: rotate(180deg);
    bottom: -12px;
    left: 24px;
}
#campaign .contents.contents09 .box-interview .tit-interview .name{
    font-size:70%;
}
#campaign .contents.contents09 .box-interview .wrap-item{
    padding: 24px;
}
#campaign .contents.contents10{
    background: rgba(2,166,174,0.05);
}
#campaign .contents.contents11{
    background: #FFFFFF;
}
#campaign .contents.contents11 .faq-container {
    position: relative;
    width: 100%;
    cursor: pointer;
    margin: 0 0 24px 0;
}
#campaign .contents.contents11 .faq-container .faq-q {
    display: block;
    position: relative;
    margin: 16px 0 0 0;
    padding: 15px 30px 15px 40px;
    background: #F2F2F2;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: #02a6ae;
}
#campaign .contents.contents11 .faq-container .faq-a {
    display: none;
    position: relative;
}
#campaign .contents.contents11 .faq-container .faq-a p{
    padding: 30px 20px 30px 50px;
}
#campaign .contents.contents11 .faq-container .faq-q:before, #campaign .contents.contents11 .faq-container .faq-a:before {
    position: absolute;
    left: 14px;
    font-weight: bold;
    line-height: 1;
    font-size: 18px;
}
#campaign .contents.contents11 .faq-container .faq-q:before {
    content: "Q.";
    top: 19px;
}
#campaign .contents.contents11 .faq-container .faq-a:before {
    content: "A.";
    top: 33px;
    color: #F8A602;
}
#campaign .contents.contents11 .faq-container .faq-q:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #02a6ae;
    border-right: solid 2px #02a6ae;
    transform: rotate(135deg);
}
#campaign .contents.contents11 .faq-container .faq-q.open:after {
    transform: rotate(-45deg);
    top: 45%;
}

#campaign .contents.contents12{
    background:#02A6AE;
}
#campaign .contents.contents12 .tit-campaign-common{
    color:#FFFFFF;
    font-size: 17px;
}
#campaign .contents.contents12 .wrap-item{

}
#campaign .contents.contents12 .wrap-item .item{
    background:#FFFFFF;
    padding: 24px 15px;
    text-align: center;
    font-size: 15px;
}
#campaign .contents.contents12 .wrap-item .item:nth-child(1){
    margin: 0 0 15px 0;
}
#campaign .contents.contents12 h3{
    font-size: 18px;
    border-bottom: 2px solid #02A6AE;
    font-weight: bold;
    padding: 0 0 8px 0;
}
#campaign .contents.contents12 p{
    margin-top: 10px;
}
#campaign .contents.contents12 p.text-phone{
    font-size: 32px;
    font-weight: bold;
    color: #02A6AE;
}
#campaign .contents.contents12 p.text-phone a{    color: #02A6AE;}
#campaign .contents.contents12 .btn-common-wrap{
    margin: 20px 0 0 0;
}
#campaign .contents.contents12 .btn-common-wrap .btn-common{color: #02A6AE; position: relative;}
#campaign .contents.contents12 .btn-common-wrap .btn-common::before{
    content: "";
    display: inline-block;
    height: 22px;
    width: 32px;
    position: absolute;
    background-image: url(../img/campaign/icon-mail-001.png);
    background-size: auto 22px;
    background-repeat: no-repeat;
    top: 0;
    margin: auto;
    bottom: 0;
}
#campaign .contents.contents12 .btn-common-wrap .btn-common span{
    padding: 0 0 0 40px;
}
#campaign .contents.contents13 .btn-common-wrap .btn-common {
    background: #BF2E3C;
    color: #FFFFFF;
}