@charset "utf-8";

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

/*==========================================
/
/ 0■body
/ 3■header
/ 1■contents
/ 4■main
/ 5■footer
/
==========================================*/

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

#index #top-search .subtit-top-search, #index .modal-content .subtit-top-modal, .b-contents .b-contents-tit{
    font-size: 18px;
    line-height: 1;
    position: relative;
    padding: 0 0 1px 0.8em;
    letter-spacing: 0.1em;
    margin:0 0 30px 0;
    }
#index #top-search .subtit-top-search:before, #index .modal-content .subtit-top-modal:before, .b-contents .b-contents-tit:before{
    content:'';
    display:block;
    background:#54a076;
    width:7px;
    height: 1.1em;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    border-radius:3px;
    }
#index #top-search .subtit-top-search{}
#index .modal-content .subtit-top-modal{
    color: #FFFFFF;
    }
#index #top-search .subtit-top-search:before{}
#index .modal-content .subtit-top-modal:before{
    background:#FFFFFF;
    }

#index #top-search .top-search-cts{
    /*border:1px solid #F00;*/
    margin: 0 0 50px 0;
    }
#index #top-search .top-search-cts:last-child{
    margin-bottom:0;
    }
#index #top-search #top-search-map{
    width:calc(50% - 30px);
    float:left;
    padding: 0 30px 0 0;
    height: 600px;
    position: relative;
    }
#index #top-search #top-search-kcd{
    margin-left:calc(50% + 1px);
    padding-left:30px;
    border-left:1px dashed #c6c0b7;
    }
#index #top-search #top-search-keyword{
    clear:left;
    }



#index #top-search-map .box-top-search-map{
    position:relative;
    }

#index #top-search-map .map-box{
    background-image:url(../img/search/bg-search-map.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 0;
    position: relative;
    overflow: hidden;
    top: 125px;
    width: 370px;
    left: 0;
    right: 0;
    margin: auto;
    height: 335px;
    }
#index #top-search-map #map-nolink-fig{
    display:none;
    }

/* IE11対応 */
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, #index #top-search-map .map-box {
        background:none;
    }
}
/* IE10以下対応 */
@media all and (-ms-high-contrast:none){
    #index #top-search-map .map-box {
        background:none;
    }
}

#index #top-search-map .desc-map-box{
    background:#FFFFFF;
    width:180px;
    padding:10px;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 0 #dedad4;
    }
#index #top-search-map .desc-map-box:after{
    content:'';
    display:block;
    width:28px;
    height:30px;
    position:absolute;
    background-image: url(../img/search/tri-desc-map-box.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: -27px;
    right:25px;
    background-size: 28px auto;
    }
#index #top-search-map .desc-map-box dt{
    width:180px;
    height:100px;
    background:#BFBFBF;
    }
#index #top-search-map .desc-map-box dd{
    color: #509b64;
    font-size: 12px;
    line-height: 1.5;
    padding: 7px 0 0 0;
    }
#index #top-search-map .map-box svg{
    width: 350px;
    position: absolute;
/*    top: 122px;*/
    top: 7px;
    left: 4px;
    right: 0;
    margin: auto;
    }
#index #top-search-map .map-box a g{
    width:20%;
    }
#index #top-search-map .map-box a.color_ov path{
  fill: #bd1619;
}

#index #top-search-map .txt-box{
    position: absolute;
    top: 0;
    left: 0;
    }
#index #top-search-map .txt-link{
    position:absolute;
    }
#index #top-search-map #txt-link01{
    top: 70px;
    left: 320px;
    }
#index #top-search-map #txt-link02{
    top: 340px;
    left: 370px;
    }
#index #top-search-map #txt-link03{
    top: 240px;
    left: 150px;
    }
#index #top-search-map #txt-link04{
    top: 410px;
    left: 300px;
    }
#index #top-search-map #txt-link05{
    top: 440px;
    left: 210px;
    }
#index #top-search-map #txt-link06{
    top: 300px;
    left: 100px;
    }
#index #top-search-map #txt-link07{
    top: 440px;
    left: 110px;
    }
#index #top-search-map #txt-link08{
    top: 480px;
    left:0;
    }
#index #top-search-map .txt-link a{
    display: block;
    background: #FFFFFF;
    border: 1px solid #eeece9;
    background-image:url(../img/ic/ic-area.png);
    background-size:12px auto;
    background-repeat:no-repeat;
    background-position: 15px 10px;
    font-size: 14px;
    line-height: 1;
    padding: 10px 0 12px 35px;
    border-radius:30px;
    }
#index #top-search-map .txt-link a.color_ov{
    background-position: 15px 8px;
    }
#index #top-search-map #txt-link01 a{ width:7.5em;}
#index #top-search-map #txt-link02 a{ width:3.5em;}
#index #top-search-map #txt-link03 a{ width:7.5em;}
#index #top-search-map #txt-link04 a{ width:3.5em;}
#index #top-search-map #txt-link05 a{ width:3.5em;}
#index #top-search-map #txt-link06 a{ width:3.5em;}
#index #top-search-map #txt-link07 a{ width:3.5em;}
#index #top-search-map #txt-link08 a{ width:6.5em;}

#index #top-search-map .sup-map-box{
    text-align:right;
    font-size:12px;
    line-height:1;
    color:#666666;
    position: absolute;
    bottom: 0;
    right: 30px;
    }

/*TOPページ 都道府県から探す*/
#index #top-search-kcd .box-top-search-kcd{
    background:#FFFFFF;
    border: 1px solid #eeece9;
    padding:20px 15px;
    background: #FFFFFF;
    border: 1px solid #eeece9;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box{
    overflow: hidden;
    border-bottom: 1px solid #dedad4;
    padding: 15px 0;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box:first-child{
    margin:-15px 0 0 0;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box:last-child{
    margin: 0 0 -15px 0;
    border-bottom: none;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-tit{
    color:#666666;
    font-size:12px;
    line-height:1;
    background-image:url(../img/ic/ic-area.png);
    background-size:9px auto;
    background-repeat:no-repeat;
    margin: 0 0 10px 10px;
    padding: 0 0 1px 14px;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box li{
    font-size:13px;
    float:left;
    border-right:1px solid #dedad4;
    line-height: 1;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box li:last-child{
    border-right:none;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box li a, #index .box-top-search-kcd .kcd-area-box li span{
    display: block;
    padding: 2px 10px;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box li a:hover{
    text-decoration:underline;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box li:last-child a{
    padding-right:0;
    }
#index #top-search-kcd .box-top-search-kcd .kcd-area-box li span{
    color:#cccccc;
    }

/* #top-search-keyword */
#top-search-keyword .multiple-form-wrap {
    background: #eeeeee;
    border: 1px solid #dddad7;
    border-radius: 25px;
    margin: 0;
    float: none;
    width: 800px;
    padding: 0;
}

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

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

#top-search-keyword .multiple-form-wrap .input-box input{
    width: 100%;
    padding: 0 0 0 25px;
    border: none;
    height:50px;
}
#top-search-keyword .multiple-form-wrap .submit-btn .pushEnter {
    display: block;
    width: 40px;
    padding: 40px 0 0;
    overflow: hidden;
    height: 0;
    background: url(../img/ic/ic_search_pc.png) no-repeat center center;
    background-size: 24px auto;
    cursor: pointer;
    border-radius: 0;
}
#top-search-keyword .multiple-form-wrap .submit-btn {
    width: auto;
    margin: 0;
}


/*TOPページ 職種から探す*/
#index #top-search #top-search-scd{
    overflow: hidden;
    margin: 0 0 40px 0;
    }
#index #top-search-scd ul{
    margin: 0 -10% 0 0;
    }
#index #top-search-scd li{
    width: 16.5%;
    float: left;
    margin: 0 2.1% 0 0;
    }
#index #top-search-scd li .btn-syokusyu{
    display: table;
    width: 100%;
    }
#index #top-search-scd li .btn-syokusyu a{
    display: table-cell;
    border: 1px solid #eeece9;
    cursor: pointer;
    height: 85px;
    vertical-align: middle;
    text-align: center;
    padding: 70px 0 0 0;
    font-size: 14px;
    line-height: 1.6;
    background-size: 90px auto;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
    }
#index #top-search-scd li a:hover{
    opacity: 0.7;
}
#index #top-search-scd li #btn-syokusyu-101 a{background-image:url(../img/search/ic-syokusyu101.png);}
#index #top-search-scd li #btn-syokusyu-102 a{background-image:url(../img/search/ic-syokusyu102.png);}
#index #top-search-scd li #btn-syokusyu-103 a{background-image:url(../img/search/ic-syokusyu103.png);}
#index #top-search-scd li #btn-syokusyu-104 a{background-image:url(../img/search/ic-syokusyu104.png);}
#index #top-search-scd li #btn-syokusyu-105 a{background-image:url(../img/search/ic-syokusyu105.png);}

#index #top-search-scd li .link-intro{
    }
#index #top-search-scd li .link-intro a{
    font-size: 13px;
    line-height: 1;
    color: #666666;
    text-align: right;
    width: calc(100% - 15px);
    display: block;
    padding: 10px 15px 10px 0;
    }

#index #top-search-scd ul li:last-child .link-intro{
    display:none;
    }

/*TOPページ フリーワードから探す*/


/*TOPページ はたらくスタイルから探す*/
#index #top-search #top-search-style{
    overflow: hidden;
    }
#index #top-search-style ul{
    margin: 0 -10% -22px 0;
    overflow: hidden;
    }
#index #top-search-style li{
    width: 28.9%;
    float: left;
    margin: 0 2.1% 22px 0;
    }
#index #top-search-style a{
    display: block;
    border: 1px solid #eeece9;
    cursor: pointer;
    width: 100%;
    height: 220px;
    background-size: 84px auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #FFFFFF;
    border-radius: 3px;
    }
#index #top-search-style a:hover{
    opacity: 0.7;
}
#index #top-search-style #btn-style-101 a{background-image:url(../img/search/ic-style101.png);}
#index #top-search-style #btn-style-102 a{background-image:url(../img/search/ic-style102.png);}
#index #top-search-style #btn-style-103 a{background-image:url(../img/search/ic-style103.png);}
#index #top-search-style #btn-style-104 a{background-image:url(../img/search/ic-style104.png);}
#index #top-search-style #btn-style-105 a{background-image:url(../img/search/ic-style105.png);}
#index #top-search-style #btn-style-106 a{background-image:url(../img/search/ic-style106.png);}
#index #top-search-style #btn-style-107 a{background-image:url(../img/search/ic-style107.png);}
#index #top-search-style #btn-style-108 a{background-image:url(../img/search/ic-style108.png);}
#index #top-search-style #btn-style-109 a{background-image:url(../img/search/ic-style109.png);}

#index #top-search-style a dl{
    padding: 115px 20px 0 20px;
    }
#index #top-search-style a dt{
    font-size: 16px;
    text-align: center;
    line-height: 1;
    margin: 0 0 13px 0;
    }
#index #top-search-style a dd{
    font-size: 13px;
    line-height: 1.5;
    }
/******************************************************************
  1■top-flow
*****************************************************************/
#top-flow{
    margin-top: -80px;
    padding-top: 160px;
    }
#top-flow .step ul{
    overflow:hidden;
    width:auto;
    margin: 0 -50px 50px 0;
    padding: 0 0 3px 0;
}

#top-flow li.bgStyle01{
    padding: 50px 15px 20px 15px;
    background: #FFFFFF;
    width: 130px;
    min-height: 160px;
    float: left;
    margin: 0 50px 0 0;
}

#top-flow .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;
}

#top-flow li:last-of-type{
}

#top-flow .step li dl:before{
    position: absolute;
    content: "";
    width: 100%;
    top: 15px;
    font-size: 13px;
    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;
    line-height: 1;
    margin-bottom: 15px;
}

#top-flow .step li dd{font-size:12px; letter-spacing: 1px; color:#555555;}

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

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

#top-flow .download ul{
overflow: hidden;
}

#top-flow .download li{
    padding: 0 20px;
    word-break: break-all;
    font-size: 13px;
}
#top-flow .download li:first-child {
    float: right;
    border-left: 1px solid #fff;
    width: 560px;
    margin: 0 0 0 20px;
}
#top-flow .download li:last-of-type{
    text-align: right;
}

/******************************************************************
  1■top-faq
*****************************************************************/
#top-faq{
    margin-top: -160px;
    padding-top: 160px;
    }
#top-faq .bgStyle01{
    margin: 0 0 20px;
    background: #fff;
    padding: 30px;
}

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

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

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

}

#top-faq .faq-more-btn:after{
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    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: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #666666;
    border-left: solid 1px #666666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 19px;
    right: 94px;
    margin-top: -4px;
}

#top-faq .faq-answer{
    font-size: 13px;
    line-height: 2;
}
#top-faq .faq-answer p{
color: #555555;
    }
/*TOPページ はたらく人の声*/
#index #top-interview{
    width:100%;
    }
#index #top-interview .top-interview-box{
    overflow:hidden;
    }
#index #top-interview .top-interview-box li{
    width: calc(25% - 25px);
    float: left;
    }
#index #top-interview .top-interview-box li:not(:last-child){
    margin: 0 25px 0 0;
    }
#index #top-interview .top-interview-box li a:hover{
    opacity:0.7;
    }
#index #top-interview .top-interview-box li img{
    border-radius:3px;
    width:100%;
    height:auto;
    }
#index #top-interview {
    background:#FFFFFF;
    }

#index #top-interview .top-interview-box ul{
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    }
#top-interview a dt{
    line-height: 1;
    text-align: center;
    padding: 20px 0 15px 0;
    }
#top-interview a dt span{
    position: relative;
    font-size: 100%;
    line-height: 1;
    padding: 2px 0 2px 20px;
}
#top-interview a dt span: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: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
}
#top-interview a dd{
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    }


.btnDef-arwR a {
    display: block;
    height: 36px;
    line-height: 35px;
    border-radius: 18px;
    background: url(../img/ic/ic-arrow-r.svg) no-repeat #54a076;
    background-size: 5px;
    background-position: 108px center;
    padding-right: 10px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}
#index #top-interview .btnDef-arwR{
    margin:35px 0 0 0;
    }
#top-interview .btnDef-arwR a {
    width: 120px;
    margin:0 auto;
}

/*TOPページ モーダル*/
.modal-content {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    top: 0;
    left: 0;
}
.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{
    z-index: 1001;
    position: absolute;
    width: 800px;
    height: 470px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFFFFF;
    }
.modal-content .modal-content-inner ul{
    overflow: hidden;
    margin: 0 -2.3% 0 0;
    }
.modal-content .modal-content-inner li{
    width: calc(25% - 19px);
    float: left;
    margin: 0 19px 22px 0;
    display: table;
    }
.modal-content .modal-content-inner li a{
    display: table-cell;
    border: 1px solid #eeece9;
    cursor: pointer;
    height: 170px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    background-size: 90px auto;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-color: #FFFFFF;
    border-radius: 3px;

    }
.modal-content .modal-content-inner li a span{
    background-image: url(../img/ic/ic-area.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: 0px center;
    font-size: 17px;
    padding: 0 0 0px 20px;
    }
.modal-content .modal-content-inner .modal-annotation{
    font-size:12px;
    text-align:right;
    line-height:1;
    }
.modal-content .modal-content-inner .modal-close{
    color: #FFFFFF;
    font-size: 50px;
    display: block;
    padding: 0;
    line-height: 1;
    margin: 0;
    vertical-align: top;
    letter-spacing: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -9px;
    top: -16px;
    text-align: center;
    cursor:pointer;
    }
.modal-content .modal-content-inner .modal-close:hover{
    overflow: inherit;
    }

/*奨励金制度ボタン*/
.bn-incentive {
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:100;
	width:191px;
	}

.bn-incentive img {
	width:100%;
	}

.bn-incentive a {
	display:block;
	}

.bn-incentive a:hover{
    opacity: 0.8;
}

@keyframes ajUpDown {
0% {
	-webkit-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	transform:translateY(-10px);
	}

100% {
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
}

@-webkit-keyframes ajUpDown {
0% {
	-webkit-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	transform:translateY(-10px);
	}

100% {
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
  }
}

.ajUpDown {
-webkit-animation: ajUpDown 1.4s ease-in-out infinite alternate;
-ms-animation: ajUpDown 1.4s ease-in-out infinite alternate;
animation: ajUpDown 1.4s ease-in-out infinite alternate;
}




/*フェードイン
----------------------------------------------------*/

.ajFadeIn {
-webkit-animation: ajFadeIn 1s;
animation: ajFadeIn 1s;
visibility: visible !important;
}
@-webkit-keyframes ajFadeIn {
0% {
    opacity: 0;
    -webkit-transform: translateY(0);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
}
@keyframes ajFadeIn {
0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
}



/******************************************************************
  2■list
*****************************************************************/
#list #map_wrap{
    width: 1000px;
    margin: 0 auto 26px auto;
    }
#list #map_wrap .search-item-wrap{
    overflow: hidden;
    font-size: 13px;
    line-height: 1;
    }
#list #map_wrap .search-item{
    display: inline-block;
    margin: 0 0 15px 0;
    }
#list #map_wrap .number{
    text-align: right;
    float: right;
    display: inline-block;
    margin: 0 0 15px 0;
    }

#list #zMap{
    width: 1000px;
    height: 500px;
    }
#list #zMap .info_btn a{
    color:#54a076;
    }
#list .list-block-BOX {
    overflow: hidden;
    margin: 0 -26px 0 0;
}
#list .no-kyujin-txt{
    text-align: center;
    padding: 100px 0;
    line-height:1;
    margin: 0 0 30px 0;
}
#list .block-wrap{
    width: 316px;
    float: left;
    margin: 0 26px 20px 0;
    }
#list .block{
    position: relative;
    background:#FFFFFF;
    border: 1px solid #eeece9;
    border-radius: 4px;
    letter-spacing: 0.5px;
    }

#list .maplink{
    display:block;
    padding: 17px 20px 0 20px;
    background:#FFFFFF;
    border-radius: 4px;
}
#list .maplink:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 414px;
    background-color: #FFFFFF;
    /*border:solid gray 1px;*/
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out 0s;
}
#list .maplink:hover:before {
    opacity: 0.7;
    z-index: 200;
}

#list .maplink:after{
    content:'MAP';
    display:block;
    width:50px;
    height:30px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    opacity:0;
    background-image: url(../img/list/ic_go_map.png);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center 11px;
    color: #bd1619;
    border: 2px solid;
    font-size: 12px;
    text-align: center;
    border-radius: 27px;
    padding: 20px 0 0 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out 0s;
    }
#list .maplink:hover:after{
    opacity:1;
    z-index: 300;
    }



#list .list-block-shop{
    position: relative;
    font-size: 14px;
    color: #9f171a;
    line-height: 1.5;
    margin-bottom: 8px;
    text-indent: 3.5em;
    height: 4.7em;
    overflow: hidden;
    }
#list .list-block-shop.new-off{
    text-indent:0;
    }
#list .list-block-shop > span{
    display: inline-block;
    width: 35px;
    height: 16px;
    margin-right: 10px;
    line-height: 16px;
    text-align: center;
    font-size: 9px;
    background: #fff100;
    border-radius: 2px;
    color: #494949;
    left: -2px;
    top: 1px;
    padding: 0 0 0 3px;
    position: absolute;
    text-indent: 0;
    letter-spacing: 2px;
    }

#list .list-block-ttl {
    /*background:red;*/
    margin: 0 0 15px 95px;
    font-size: 15px;
    height: 8.5em;
    overflow: hidden;
    line-height: 1.7;
}
#list .list-block-ttl.img-off{
    margin-left: 0;
}



#list .maplink figure {
    width: 80px;
    height: 80px;
    position:relative;
    margin: 4px 15px 0 0;
    float: left;
    clear: left;
    z-index: 100;
}

#list .maplink figure img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    max-width: 100%;
    max-height: 100%;
}
#list .block .list-txt-BOX{
    border-top: 1px solid #e6e4de;
    border-bottom: 1px solid #e6e4de;
    padding: 15px 0;
    font-size: 13px;
    line-height: 1.6;
    }
#list .block .list-txt-BOX li{
    margin: 0 0 13px 0;
    height: 1.6em;
    overflow: hidden;
    }
#list .block .list-txt-BOX li.list-txt-time{height:3.2em;}
#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{
    margin: 0 6% 0 0;
    overflow: hidden;
    /*position: absolute;*/
    bottom:0;
    margin: 15px 10px 20px 10px;
    }
#list .block .submitBtn li{
    width: 127px;
    float: left;
    margin: 0 10px;
    }
#list .block .submitBtn.btn-1colm li{
    float: none;
    margin: auto;
    }
#list .block .submitBtn li a, .link-btn-def a{
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size:13px;
    color:#FFFFFF;
    background: url(../img/ic/ic-arrow-r.png) no-repeat;
    background-position: 110px center;
    background-size:4px 6px;
    border-radius: 17px;
    text-align: center;
    letter-spacing: 1.5px;
    }

#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;
}


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

#detail #detail-BOX{
    background: #FFFFFF;
    border: 1px solid #eeece9;
    border-radius: 4px;
    padding: 40px 40px 0 40px;
    position:relative;
    width: 920px;
    margin-bottom:90px;
    }
#detail #detail-BOX .detail-update{
    font-size: 13px;
    line-height: 1;
    text-align: right;
    width: 12em;
    float: right;
    }
#detail #detail-BOX .detail-block-ttl {
    margin:-0.35em 150px calc(30px - 0.35em) 0;
}
#detail #detail-BOX .detail-block-shop{
    font-size: 17px;
    color: #9f171a;
    line-height: 1.5;
    letter-spacing: 1px;
    display: table-cell;
    }
#detail #detail-BOX .detail-block-shop.new-off{
    text-indent:0;
    }
#detail #detail-BOX .new{
    display: table-cell;
    padding: 0 10px 0 0;
    vertical-align: top;
    }
#detail #detail-BOX .new span{
    width: 48px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    background: #fff100;
    border-radius: 2px;
    color: #494949;
    letter-spacing: 2px;
    display: block;
}

#detail #detail-BOX .detail-ttl{
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: -0.2em 0 calc(40px - 0.2em);
    }
#detail #detail-BOX .d-img-BOX{
    overflow: hidden;
    width: 440px;
    margin: 0 auto 20px;
    text-align: center;
    }
#detail #detail-BOX .d-img-BOX figure{
    float: left;
    max-width: 400px;
    height:225px;
    margin: 0 20px;
    position:relative;
}
#detail #detail-BOX .d-img-BOX figure img{
    /*position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;*/
    max-width: 100%;
    max-height: 100%;
}
#detail #detail-BOX .d-img-BOX.colm2{width: 100%; display: inline-block;}
#detail #detail-BOX .d-img-BOX li{overflow: hidden; display: inline-block;}
#detail #detail-BOX .d-img-BOX.colm2 figure.detail-img-01 img{ left:auto;}
#detail #detail-BOX .d-img-BOX.colm2 figure.detail-img-02 img{ right:auto;}

#detail #detail-BOX .detail-tag-style{
    line-height: 1;
    font-size:0;
    margin: 0 0 30px 0;
    }
#detail #detail-BOX .detail-tag-style li{
    font-size: 13px;
    height: 24px;
    line-height: 22px;
    background: #eeeeee;
    display: inline-block;
    padding: 1px 8px 0 8px;
    margin: 0 10px 10px 0;
    border: 1px solid #54a076;
    color: #187e45;
    border-radius: 2px;
    }
#detail #detail-BOX .catch-copy{
    font-size: 0;
    line-height: 1;
    margin: -7px 0 23px 0;
}
#detail #detail-BOX .catch-copy em{
    color: #9f171a;
    font-size: 17px;
    line-height: 1.8;
    font-style: normal;
}
#detail #detail-BOX .catch-sub-copy{margin: -0.4em 0 calc(-0.4em + 40px) 0;}
#detail #detail-BOX .detail-summary{
    line-height: 1;
    border: 1px solid #e6e4de;
    margin:0 0 40px 0;
    }
#detail #detail-BOX .detail-summary .summary-cts{
    border-bottom: 1px solid #e6e4de;
    clear:left;
}
#detail #detail-BOX .detail-summary .summary-cts:last-child{
    border-bottom: none;
}
#detail #detail-BOX .detail-summary .summary-cts.colm2{
    width: 50%;
    float: left;
    clear: none;
}
#detail #detail-BOX .detail-summary .summary-cts.colm2.first-colm{
    width: calc(50% - 1px);
    border-right:1px solid #e6e4de;
}
#detail #detail-BOX .detail-summary .summary-cts-tit{
    font-size: 12px;
    background: #eeeeee;
    color:#666666;
    width: 83px;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 15px;
}
#detail #detail-BOX .detail-summary .summary-cts-txt{
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 15px;
    overflow: hidden;
    letter-spacing: 1px;
    }


#detail #detail-BOX .detail-summary_2{
    border-top: 1px solid #e6e4de;
    border-left: 1px solid #e6e4de;
    margin:0 0 40px 0;
    }
#detail #detail-BOX .detail-summary_2 .colm2-wrap{
}
#detail #detail-BOX .detail-summary_2 .summary-cts{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#detail #detail-BOX .detail-summary_2 .summary-cts:last-child{
}
#detail #detail-BOX .detail-summary_2 .summary-cts.colm1{
}
#detail #detail-BOX .detail-summary_2 .colm2-wrap .summary-cts.colm2{
}
#detail #detail-BOX .detail-summary_2 .summary-cts.colm2.first-colm{
}
#detail #detail-BOX .detail-summary_2 .summary-cts dt, #detail #detail-BOX .detail-summary_2 .summary-cts dd{
     -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e6e4de;
    border-bottom: 1px solid #e6e4de;
}
#detail #detail-BOX .detail-summary_2 .summary-cts dt{
    background: #eeeeee;
    width: 10%;
    font-size: 12px;
    color: #666666;
    padding: 9px 0 8px 15px;
}
#detail #detail-BOX .detail-summary_2 .summary-cts dt{
  float: left\9;
}
#detail #detail-BOX .detail-summary_2 .summary-cts dd{
    width: 90%;
    font-size: 13px;
    padding: 8px 10px 8px 15px;
    margin-left: 10%\9;
}
#detail #detail-BOX .detail-summary_2 .summary-cts.colm2 dt, #detail #detail-BOX .detail-summary_2 .summary-cts.colm2 dd{
}
#detail #detail-BOX .detail-summary_2 .summary-cts.colm2 dt{
}
#detail #detail-BOX .detail-summary_2 .summary-cts.colm2 dd{
    width: 40%;
}
#detail #detail-BOX .detail-summary_2 .summary-cts.colm2 dd{
    width: 90%\9;
    margin-left: 10%\9;
}
#detail #detail-BOX .detail-summary_2 .summary-cts-tit{
}
#detail #detail-BOX .detail-summary_2 .summary-cts-txt{
    }



#detail #detail-BOX #oubo_btn{
    margin: 0 0 30px 0;
    padding: 20px 0;
    position: sticky;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
}
#detail #detail-BOX #oubo_btn a {
    display: block;
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #FFFFFF;
    background: url(../img/detail/ic-detail-btn.png) no-repeat;
    background-position: 266px center;
    background-size: 7px auto;
    border-radius: 30px;
    text-align: center;
    letter-spacing: 1.5px;
    background-color: #bd1619;
    margin: 0 auto;
}
#detail #detail-BOX #oubo_btn a:hover {
    opacity: 0.7;
}
#detail #detail-BOX .detail-point{
    border: 1px solid #e6e4de;
    border-radius: 3px;
    padding: 0 20px;
    margin: 0 0 20px 0;
    }
#detail #detail-BOX .detail-point .point-tit{
    font-size: 15px;
    border-bottom: 1px solid #e6e4de;
    line-height: 1;
    padding: 20px 0 12px 50px;
    background-image: url(../img/detail/ic-point.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: 0px 12px;
    }
#detail #detail-BOX .detail-point .point-txt{
    font-size:90%;
    padding: 18px 0 20px;
    line-height: 1.6;
    }
#detail .b-contents{margin: 0 0 40px 0;}
#detail .b-contents .b-contents-tit{margin: 0 0 20px 0;}
#detail .d-con-l {
    overflow:hidden;
    padding: 30px 0 10px 0;
    border-bottom: 1px solid #e6e4de;
}
#detail .d-con-l .d-con-ttl-box,
#detail .d-con-l .d-con-txt-box{
    display:table-cell;

}
#detail .d-con-l .d-con-ttl-box{
    width: 130px;
    padding: 0 0 0 30px;
}
#detail .d-con-l .d-con-txt-box{
    padding: 0 20px 0 30px;
}
#detail .d-con-l .d-con-ttl{
    font-size:13px;
    color:#666666;
}
#detail .d-con-l .d-con-txt-box p{
    padding: 0 0 20px 0;
    margin: -0.5em 0;
}
#detail .d-con-l .d-con-txt-box .list-arrow-text{
    margin:0 0 20px 0;
    padding:0;
    }
#detail .d-con-l .d-con-txt-box .list-arrow-text a{
    background-color: #54a076;
    display: inline-block;
    width: auto;
    padding: 0 30px 0 20px;
    background-position: calc(100% - 17px) center;
    margin: 0;
    vertical-align: middle;
    }
#detail #map-canvas{
    width: 300px;
    height: 300px;
    margin:0 0 20px 0;
    }
#detail #zMap{
    width: 700px;
    height: 350px;
    margin:0 0 20px 0;
    }

/******************************************************************
  4■preview
*****************************************************************/
#header_preview{
    position: fixed;
    width: 100%;
    height: 100px;
    z-index: 999;
}
#header_preview #headerCont{
    width: 1000px;
    margin: 30px auto 0;
    font-size: 0;
}
#header_preview #headerCont h1{
    width: calc(50% - 15px);
    font-size: 0;
    margin: 0 30px 0 0;
    float: left;
}
#header_preview #headerCont .preview{
    width: calc(50% - 15px);
    font-size: 0;
    margin: 0 0 0 calc(50% + 15px);
}
#header_preview #headerCont a{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #FFFFFF;
    background: url(../img/detail/ic-detail-btn.png) no-repeat;
    background-position: 90% center;
    background-size: 7px auto;
    border-radius: 30px;
    text-align: center;
    letter-spacing: 1.5px;
    background-color: #bd1619;
    font-weight: bold;
}
#header_preview #headerCont a span{
    display: none;
}
#header_preview #headerCont a:hover{
    opacity: 0.6;
}

#container.container_preview{
    padding: 30px 0 0 0;
}
#container.container_preview #detail-BOX{
    margin-bottom: 0;
}
/******************************************************************
  4■main
*****************************************************************/



/******************************************************************
  5■footer
*****************************************************************/


#list .contents{
    border:none;
}



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

#work .work-box{
    margin-top: -130px;
    padding-top: 130px;
}
#work .work-box .txt-box{
    width: 50%;
    background: #fff;
    position: relative;
    margin: 0 0 0 40%;
    padding:50px;
    color: #555555;
    font-size: 14px;
    line-height: 2.1;
}
#work #work01.work-box .txt-box,#work #work03.work-box .txt-box {
    margin: 0 40% 0 0
}
#work .work-box .txt-box:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#work #work01 .txt-box:after, #work #work03 .txt-box:after{
    border-width: 22px 0 22px 22px;
    right: -22px;
    border-color: transparent transparent transparent  #fff
}
#work #work02 .txt-box:after{
    border-width: 22px 22px 22px 0;
    left: -22px;
}
#work #work01{
    background: url(../img/work/work01.jpg) no-repeat;
    background-position: 100% 130px;
}
#work #work02{
    background: url(../img/work/work02.jpg) no-repeat;
    background-position: 0 130px;
}
#work #work03{
    background: url(../img/work/work03.jpg) no-repeat;
    background-position: 115% 130px;
}
#work .work-link-wrap{
    text-align: center;
    margin-bottom: 40px;
}
#work .work-link {
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}
#work .work-link li{
    float: left;
    position: relative;
    padding: 0 15px;
}
#work .work-link li:first-child::before{
    content: "/";
    height: 13px;
    position: absolute;
    left: 0;
    width: 9px;
    color: #555555;
}
#work .work-link li::after {
    content: "/";
    height: 13px;
    position: absolute;
    right: 0;
    width: 9px;
    color: #555555;
}
#work .work-link li a{
    color: #54a076;
    font-weight: bold;
}
#work .work-link li a:hover{
    opacity: 0.6;
}

/******************************************************************
  インタビュー一覧
*****************************************************************/
#interview-top{
width: 100%;
overflow: hidden;

}
#interview-top .category-people{
    position: relative;
    min-width: 1000px;
    max-width: 1440px;
    margin: auto;

}
#interview-top .category-people .animation{ /*border: 1px solid #F00;*/ position: absolute; z-index: 998;}
#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-top .interview-intro-wrap-wrap{
    width: 610px;
    margin: 0 auto 70px;
    padding: 10px 0 0 0;
}
#interview-top .interview-intro-wrap, #interview .interview-intro-wrap{
    display: block;
    position: relative;
}
#interview-top .interview-intro-wrap span, #interview .interview-intro-wrap span{
    background: url(../img/staff_interview/bg-stripe.png) repeat;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
}
#interview-top .interview-intro-wrap .interview-intro, #interview .interview-intro-wrap .interview-intro{
    border: 1px solid #bd1619;
    border-radius: 3px;
    padding: 35px 0;
    /*margin: -10px 10px 10px -620px;*/
    width: calc(100% - 0px);
    background: url(../img/common/bg.jpg) repeat;
    position: relative;
    color: #bd1619;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 2.2em;
    letter-spacing: 3px;

}

#interview-top .category-BOX .category-tit-wrap{
    padding: 68px 0 90px 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;
}
#interview-top #senior.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_senior.jpg);}
#interview-top #work.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_work.jpg);}
#interview-top #w-work.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_w-work.jpg);}
#interview-top #student.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_student.jpg);}
#interview-top #woman.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_woman.jpg);}
#interview-top #headquarters.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_headquarters.jpg);}
#interview-top #amg.category-BOX .category-tit-wrap{background-image:  url(../img/staff_interview/bg_category-tit_amg.jpg);}
#interview-top .category-BOX .category-tit {
    margin: auto;
    display: inline-block;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    padding: 50px 50px;
}
/*#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 25px 0;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.15em;
}
#interview-top .category-BOX .category-tit .sub-tit{
    font-size: 16px;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri{
    height: 30px;
    position: absolute;
    bottom: -1.5px;
    width: 100%;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span{
    height: 30px;
    display: block;
    position: absolute;
    margin: auto;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span:first-child{
    width: calc(50% - 40px);
    background: url(../img/common/bg.jpg) repeat;
    left: 0;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span:nth-child(2){
    width: 80px;
    background: url(../img/staff_interview/bg-tri.png) no-repeat;
    left: 0;
    right: 0;
}
#interview-top .category-BOX .category-tit-wrap .decoration-tri span:last-child{
    width: calc(50% - 40px);
    background: url(../img/common/bg.jpg) repeat;
    right: 0;
    }
#interview-top .category-BOX .category-list{ padding: 100px 0 0 0; overflow: hidden;}
#interview-top .category-BOX .category-list li{
    margin-bottom: 80px;
}
#interview-top .category-BOX .category-list li:nth-child(2n+1){
    float: left;
    margin-left: 110px;
}
#interview-top .category-BOX .category-list li:nth-child(2n){
    float: right;
    margin-right: 110px;
}
#interview-top .category-BOX .category-list li:nth-child(2) { margin-top: 80px;}
#interview-top .category-BOX .category-list li .link-detail{
    display: block;
    width: 330px;
    color: #bd1619;
    overflow: inherit;
}
#interview-top .category-BOX .category-list li .link-detail:hover{
    opacity: 0.6;
}
#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: block;
    position: relative;
}
/*#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: 25px 25px 28px;
    /*margin: -10px 10px 10px -340px;*/
    width: calc(100% - 50px);
    background: url(../img/common/bg.jpg) repeat;
    position: relative;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box-wrap span{
    background: url(../img/staff_interview/bg-stripe.png) repeat;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box:after{
    content: '';
    display: block;
    width: 43px;
    height: 25px;
    background: url(../img/staff_interview/parts-fukidashi.png) no-repeat;
    position: absolute;
    bottom: -20px;
    left: 15px;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box .catch{
    font-size: 13px;
}
#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;
}
#interview-top .category-BOX .category-list li .link-detail .txt-box .coming-soon{
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding: 1em 0;
}
#interview-top .category-BOX .category-list li .link-detail .img-box-wrap-odd{ display: none;}
#interview-top .category-BOX .category-list li .link-detail .img-box{
    width: 260px;
    height: 260px;
    border-radius: 130px;
    overflow: hidden;
    margin: 30px auto 0 auto;
    position: relative;
    /*background: #000;*/
}
#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.07);
}
#interview-top #headquarters .category-list, #interview-top #amg .category-list, #interview-top #senior .category-list, #interview-top #student .category-list{
    width: 640px;
}
#interview-top #headquarters .category-list li, #interview-top #amg .category-list li, #interview-top #senior .category-list li, #interview-top #student .category-list li{
    float: none;
    margin: auto auto 50px;
    clear: both;
    display: inline-block;
}
#interview-top #headquarters .category-list li .link-detail, #interview-top #amg .category-list li .link-detail, #interview-top #senior .category-list li .link-detail, #interview-top #student .category-list li .link-detail{
    width: 640px;
    height: 260px;
    position: relative;
}
#interview-top #headquarters .category-list li .link-detail .txt-box-wrap, #interview-top #amg .category-list li .link-detail .txt-box-wrap, #interview-top #senior .category-list li .link-detail .txt-box-wrap, #interview-top #student .category-list li .link-detail .txt-box-wrap{
    width: 330px;
    position: absolute;
    left: 0;
    top: 60px;
}
#interview-top #headquarters .category-list li .link-detail .img-box, #interview-top #amg .category-list li .link-detail .img-box, #interview-top #senior .category-list li .link-detail .img-box, #interview-top #student .category-list li .link-detail .img-box{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#interview-top #headquarters .category-list li .link-detail .txt-box::after, #interview-top #amg .category-list li .link-detail .txt-box::after, #interview-top #senior .category-list li .link-detail .txt-box::after, #interview-top #student .category-list li .link-detail .txt-box::after{
    right: 15px;
    left: auto;
}

/******************************************************************
  インタビュー詳細
*****************************************************************/
#interview.contents-BOX{padding-bottom: 0;}
#interview .page-tit{height:280px;}
#interview .page-tit::after{
    background:none;
    box-shadow: none;
}
#interview .interview-box{
    margin-bottom: 40px;
    overflow: hidden;
}
#interview .interview-box .txt-box{
    line-height: 2.2;
    margin: -0.6em 0 20px 0;
}
#interview .interview-box:nth-child(odd) .img-box img{
    float: left;
    margin: 0 30px 20px 0;
}
#interview .interview-box:nth-child(even) .img-box img{
    float: right;
    margin:0 0 20px 30px;
}
#interview .staff-detail{
    border-bottom: 1px solid #bd1619;
    border-top: 1px solid #bd1619;
    padding:20px 0;
    position: relative;
    overflow: hidden;
    display: table;
}
#interview .staff-ic{
    position:absolute;
    top:0;
    left: 0;
    display: block;
    background-color: #bd1619;
    color: #fff;
    font-size: 12px;
    padding:3px 10px;
}
#interview .staff-detail h1{
    /*width:576px;*/
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 20px 0 20px 20px;
    font-size: 26px;
    color:#bd1619;
}
#interview.iv_headquarters .staff-detail{
    padding: 42px 0 44px 0;
}
#interview.iv_headquarters .staff-detail h1{
    text-align: center;
    padding: 0;
    width: auto;
}
#interview .profile{
    text-align:right;
    font-size: 12px;
    color:#bd1619;
    padding: 30px 20px 30px 0;
    margin-right: 120px;
    /*width:423px;*/
    border-left: 1px solid #bd1619;
    display: table-cell;
    vertical-align: middle;
}
#interview .profile .name{
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 15px;
}
#interview .figure{
    width:100px;
    height:100px;
    border-radius:100px;
    background-size: 100%;
}
#interview .figure-box{
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    padding: 0 20px 0 0;
}

#interview .profile-list{
    text-align:right;
    font-size: 12px;
    color:#bd1619;
    margin-right: 120px;
    width:423px;
    border-left: 1px solid #bd1619;
    display: table-cell;
    vertical-align: middle;
    display: block;
    border: none;
    margin: 0;
    overflow: hidden;
    width: 1042px;

}
#interview .profile-list li{
    width: 478px;
    float: left;
    margin-right: 42px;
    border-bottom: 1px solid #cd0f0f;
    margin-bottom: 20px;
}
#interview .profile-list dt{
    overflow: hidden;
    display: table;
    width: calc(100% - 40px);
    padding: 20px;
}
#interview .profile-list dd{
    text-align: left;
    color: #555555;
    border-top: 1px solid #cd0f0f;
    /*border-bottom: 1px solid #cd0f0f;*/
    padding: 25px 20px;
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 24px;
}
#interview .profile-list dd:after{
    content: '';
    display: block;
    width: 22px;
    height: 11px;
    background: url(../img/staff_interview/parts-hukidashi-profile.png);
    position: absolute;
    top: -11px;
    right: 22px;
    background-size: 22px auto;
}
#interview .profile-list .name-box{
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 0;
}
#interview .profile-list .name-box .name{
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#interview .profile-list .name-box .name span{
    font-size: 12px;
    font-weight: normal;
    display: block;
}
#interview .profile-list .name-box .p-detail{
    letter-spacing: 1px;
}
#interview .profile-list figure-box{
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}
#interview .profile-list figure{
    overflow: hidden;
}
#interview .profile-list figure img{
    width: 100%;
    height: auto;
}
#interview .interview-intro-wrap{
    width: 900px;
    margin: 0 auto 100px auto;
}
#interview .interview-talk-box{
    margin-bottom: 100px;
}
#interview .interview-talk-box:last-child{
    margin-bottom: 80px;
}
#interview .interview-subtit{
    font-size: 30px;
    text-align: center;
    color: #bd1619;
    line-height: 1;
    margin: 0 0 80px 0;
}
#interview .interview-q{
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 3.5em;
    line-height: 1.5;
    margin: 0 0 38px 0;
}
#interview .interview-q:before{
    content: '';
    display: block;
    background: #333333;
    height: 1px;
    width: 3em;
    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 40px 0;
}
#interview .interview-img{
    margin: auto auto -60px auto;
    width: 924px;
    overflow: hidden;
}
#interview .interview-img li{
    float: left;
    margin: 0 30px 60px 30px;
    width: 402px;
    height: 268px;
}
#interview .interview-img li img{
    width: 100%;
    height: auto;
}

/* pager */
#staff-pager{
    font-size:13px;
    color: #bd1619;
    overflow: hidden;
    border-bottom: 1px solid #bd1619;
    border-top: 1px solid #bd1619;
    padding:20px 25px;
    width:960px;
    margin:0 auto 140px;
    position: relative;
}

#staff-pager .page-box{
    position:relative;
    width:50%;
    padding:10px 0 10px 20px ;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    float:left;
}
#staff-pager .page-box a{
}
#staff-pager .page-box a:hover{
    opacity: 0.6;
}
#staff-pager .page-box:first-of-type{
    border-right: 1px solid #bd1619;
    padding:10px 20px 10px 0;
}

#staff-pager .page-box:last-of-type{
    padding:10px 0 10px 20px;
}

#staff-pager .page-box:first-of-type .txt-box{
    position: absolute;
    left: 0;
    padding-left: 135px;
}

#staff-pager .page-box:last-of-type .txt-box{
    position: absolute;
    right: 0;
    padding-right: 120px;
    text-align: right;
}

#staff-pager .pager-ic{
    position:relative;
    display: inline-block;
    background-color: #bd1619;
    color: #fff;
    font-size: 12px;
    padding:3px 10px;
    margin-bottom: 20px;
}

#staff-pager .pager-ic > span{
    display: inline-block;
    padding-left:45px;
}

#staff-pager .page-box:first-of-type .pager-ic:before{
    position:absolute;
    content:"prev.";
}

#staff-pager .page-box:last-of-type .pager-ic:before{
    position:absolute;
    content:"next.";
}

#staff-pager .figure-box{
    width: 100px;
    height: 100px;
}

#staff-pager .page-box:last-of-type .figure-box{
    width: 100px;
    height: 100px;
    float:right;
}
#staff-pager .figure-box figure{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
}
#staff-pager .figure-box figure 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;
}
#staff-pager .page-box a:hover .figure-box figure img{
    transform: scale(1.08);
}

/*#staff-pager .prev::first-of-type {
    padding:20px 100px 20px 20px;
    border-right: 1px solid #bd1619;
}
#staff-pager .prev::last-of-type {
    padding:20px 20px 20px 100px;
    text-align: right;
}*/


/*#staff-pager .figure-box::first-of-type .figure{
    background-image:url(../img/staff_interview/thumb-interview02.jpg);
    border:solid red;
    width:50px;
    height:50px;
}

#staff-pager .figure-box::last-of-type .figure{
    background-image:url(../img/staff_interview/thumb-interview02.jpg);
    border:solid blue;
    width:50px;
    height:50px;
}*/


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

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

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

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

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

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

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

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

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


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

#gasoline-stand .page-tit {
    background: #54a076;
    width: 100%;
    padding: 55px 0 30px;
    z-index: 1;
}

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

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

#gasoline-stand .cts-intro {
    position: relative;
    top: -60px;
    padding: 110px 0;
    background: url(../img/gasoline-stand/bg-desc.jpg) no-repeat right 94% #FFFFFF;
    /*background-size: contain;*/
    z-index: 0;
}

#gasoline-stand .cts-intro .inner {
    width: 1000px;
    font-size: 17px;
    margin: 0 auto;
    line-height: 2;
    letter-spacing: 0.2em;
    text-shadow: 0 2px 0 #ffffff;
}


/*施設名称 MAP*/

#gasoline-stand .facility {
    background: url(../img/gasoline-stand/gasoline-stand.png) no-repeat center bottom;
    width: 1000px;
    height: 610px;
    margin: 0 auto 40px;
}

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

#gasoline-stand .facility li {
    display: inline-block;
    position: relative;
    background: #bd1619;
    border: solid 2px #FFFFFF;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
}

#gasoline-stand .facility li a {
    position: relative;
    display: inline-block;
    padding: 8px 8px 5px;
    line-height: 18px;
    color: #FFFFFF;
}

#gasoline-stand .facility li a:hover {
    color: yellow;
}

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

#gasoline-stand .facility .service {
    top: 150px;
    left: 775px;
}

#gasoline-stand .facility .booth {
    top: 67px;
    left: 515px;
}

#gasoline-stand .facility .pit {
    top: 37px;
    left: 165px;
}

#gasoline-stand .facility .field {
    top: 145px;
    left: -454px;
}

#gasoline-stand .facility .canopy {
    top: 34px;
    left: -455px;
}

#gasoline-stand .facility .weighing {
    top: 533px;
    left: -615px;
}

#gasoline-stand .facility .sign {
    top: 426px;
    left: 30px;
}

#gasoline-stand .facility .fence {
    top: 268px;
    left: 723px;
}

#gasoline-stand .facility .tank {
    top: 431px;
    left: 515px;
}

#gasoline-stand .facility .separator {
    top: 270px;
    left: -419px;
}

#gasoline-stand .facility .drain {
    top: 487px;
    left: 31px;
}

#gasoline-stand .facility .washer {
    top: -20px;
    left: -240px;
}


/*施設名称 説明*/

#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;
    width: 490px;
    min-height: 132px;
    box-sizing: border-box;
    margin-bottom: 17px;
    padding: 24px 20px 24px 20px;
    background: #FFFFFF;
    font-size: 14px;
    border-radius: 4px;
    float: left;
}

#gasoline-stand .explanatory li:nth-child(odd) {
    margin-right: 10px;
}

#gasoline-stand .explanatory li:nth-child(even) {
    margin-left: 10px;
}

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

#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: 17px;
    font-weight: bold;
    margin: 0 0 15px 26px;
}

#gasoline-stand .explanatory li.line03 {
    min-height: 155px;
}

#gasoline-stand .explanatory li.line04 {
    min-height: 185px;
}

/******************************************************************
  福利厚生 welfare
*****************************************************************/
#welfare{
    position: relative;
}
/*#welfare:before{
    content: '';
    width: 100%;
    height: 370px;
    display: block;
    background-image: url(../img/welfare/top-welfare.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    min-width: 1000px;
}*/
#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: 10px solid #FFF;
    padding: 30px 0 30px 0;
}
#welfare .welfare-tit-wrap-shadow{margin-top: -105px;}
#welfare .txt-box-shadow{
    display: block;
    position: relative;
}
#welfare .txt-box-shadow .shadow{
    position: absolute;
    left: 10px;
    top: 10px;
    background: #e7f1eb;
    z-index: 0;
    margin-bottom: 63px;
}
#welfare .welfare-tit-wrap .welfare-tit{text-align: center; margin: 0 0 20px 0;
}
#welfare .welfare-tit-wrap .welfare-tit img{
    width: 560px;
    height: auto;
}
#welfare .welfare-tit-wrap .welfare-tit-comment{
    text-align: center;
    font-size: 16px;
    line-height: 2.2;
    text-shadow: 0 1px 0 #FFFFFF;
}
#welfare .welfare-tit-wrap .welfare-tit-comment span{
    display: inline-block;
}
/*#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: 24px;
    border-bottom: 2px solid #5aa47a;
}
#welfare .welfare-point-wrap .welfare-point-tit span{
    color: #FFFFFF;
    background: #5aa47a;
    text-align: center;
    display: table-cell;
    width: 56px;
    font-weight: bold;
    font-size: 34px;
    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 20px;
    line-height: 1.4;
    vertical-align: middle;
    letter-spacing: 3px;
}
#welfare .welfare-point-wrap .welfare-point-cts{
    padding: 40px 20px 0 20px;
    position: relative;
}
#welfare .welfare-point-wrap .welfare-point-cts .intro{ margin: 0 0 30px 0;}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1{
    overflow: hidden;
    width: 760px;
    margin: auto;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 fiqure{
    text-align: center;
    width: 340px;
    float: left;
    margin: 0 20px;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 figcaption{
    background: #FFFFFF;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #5aa47a;
    border-radius: 3px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 92%;
    margin: 0 0 20px 0;
    position: relative;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 figcaption:before{
    content: '';
    background: #58a279;
    width: 1px;
    height: 100px;
    position: absolute;
    transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -webkit-transform: rotate(45deg);
    right: 101px;
    bottom: -86px;
    background-repeat: repeat-y;
}
#welfare .welfare-point-wrap .welfare-point-cts .figbox-point1 img{
    width: 200px; height: auto;}

#welfare .welfare-point-wrap .welfare-point-cts .figbox-point2 img{
    width: auto;
    height: 416px;
}
#welfare .welfare-point-wrap .welfare-point-cts .txtbox{
    background: #FFFFFF;
    border: 1px solid #5aa47a;
    border-radius: 3px;
    padding: 25px;
}
#welfare .welfare-point-wrap .welfare-point-cts .txtbox-point2{
    width: 300px;
    position: absolute;
    right: 20px;
    top: 100px;
}
.welfare-list{
    margin: 0 -36px 0 0;
    overflow: hidden;
}
.welfare-list li{
    width: 296px;
    float: left;
    position: relative;
    margin: 0 36px 36px 0;
}
#welfare .welfare-case-cts .case-cts-box .case-tit{
    font-size: 18px;
    color: #58a279;
    line-height: 1.5;
    margin: 0 0 20px 0;
}
#welfare .welfare-case-cts .case-cts-box .case-txt{}
#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: 170px;
    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;
    margin: -20px 10px 0;
    position: relative;
    padding: 25px 20px;
}
#welfare .welfare-list li .txt-wrap .menu-cap{
    color: #de2525;
    font-size: 16px;
    text-align: center;
    margin: 0 0 15px 0;
}

#welfare .welfare-list li .txt-wrap p, .welfare-list li .txt-wrap ul, .welfare-list li .txt-wrap dl{
    font-size: 13px;
    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;
}

/*ベネフィット・ステーションの介護支援サービスや 育児支援サービスを一部ご紹介*/
#welfare .welfare-case-wrap{ text-align: center;}
#welfare .welfare-case-tit{
    font-size: 29px;
    display: inline-block;
    position: relative;
    padding: 20px 25px;
    color: #58a279;
    line-height: 1.4;
    margin-top: -20px;
}
#welfare .welfare-case-tit:before, #welfare .welfare-case-tit:after{
    content: '';
    display: block;
    background: #58a279;
    width: 2px;
    height: 80px;
    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: 20px;
    letter-spacing: 3px;
    margin: 0 0 40px 0;
}
#welfare .welfare-case-cts{ text-align: left; padding: 0 0 30px 0;}
#welfare .welfare-case-cts .welfare-case-cts-tit{
    margin: 0 0 30px 0;
    border-bottom: 1px solid #c9c9c9;
    font-size: 24px;
    color: #58a279;
    line-height: 1;
    padding: 0 0 18px 0;
}
#welfare .welfare-case-cts .case-cts-box-wrap{
    margin: 0 20px 20px 20px;
}
#welfare .welfare-case-cts .case-cts-box{
    position: relative;
    padding: 20px 20px 20px 190px;
    background: #FFFFFF;
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: 20px center;
    min-height: 150px;
}
#welfare .welfare-case-cts #case-cts-box01{background-image: url(../img/welfare/pic-welfare-case01.jpg);}
#welfare .welfare-case-cts #case-cts-box02{background-image: url(../img/welfare/pic-welfare-case02.jpg);}
#welfare .welfare-case-cts #case-cts-box03{background-image: url(../img/welfare/pic-welfare-case03.jpg);}
#welfare .welfare-case-cts #case-cts-box04{background-image: url(../img/welfare/pic-welfare-case04.jpg);}
#welfare .welfare-case-cts #case-cts-box05{background-image: url(../img/welfare/pic-welfare-case05.jpg);}
#welfare .welfare-case-cts #case-cts-box06{background-image: url(../img/welfare/pic-welfare-case06.jpg);}

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



/*ベネフィットステーション利用方法*/
#welfare .welfare-contact-wrap{background: #e7f1eb; padding: 80px 0 20px 0; margin: 0 0 50px 0;}
#welfare .welfare-contact{}
#welfare .welfare-contact .welfare-contact-tit{
    font-size: 28px;
    line-height: 1;
    text-align: center;
    position:relative;
    letter-spacing: 0.2em;
    padding: 0 0 30px 0;
    margin: 0 0 40px 0;
    color: #58a279;
    letter-spacing: 3px;
    }
#welfare .welfare-contact .welfare-contact-tit:after{
    content:'';
    display:block;
    background:#58a279;
    width:60px;
    height:2px;
    position:relative;
    bottom:-30px;
    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;
}
#welfare .welfare-contact .contact-cts{text-align: center; margin: 0 0 50px 0;}

#welfare .welfare-contact .contact-cts .contact-cts-tit{
    font-size: 22px;
    display: inline-block;
    position: relative;
    padding: 0px 25px;
    color: #58a279;
    line-height: 1;
    margin: 0 0 30px 0;
}
#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: 40px;
    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: 40px 0;
    width: 820px;
    margin: 0 auto;

}
#welfare .welfare-contact .contact-cts-box .contact-tit{
    background: #e7f1eb;
    display: inline-block;
    margin: 0 0 0 0;
    line-height: 1;
    padding: 10px 50px;
    border-radius: 50px;
    color: #58a279;
    font-size: 18px;
}
#welfare .welfare-contact .contact-cts-box .tel{
    font-size: 46px;
    line-height: 1;
    padding: 30px 0;
}
#welfare .welfare-contact .contact-cts-box .contact-txt dl{
    position: relative;
display: inline-block;


}
#welfare .welfare-contact .contact-cts-box .contact-txt dt{
    background: #58a279;
    width: 50px;
    float: left;
    font-size: 11px;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 1em;
    padding: 4px 0;
    line-height: 1;
    border-radius: 2px;
}
#welfare .welfare-contact .contact-cts-box .contact-txt dd{
    font-size: 14px;
    margin: 0 0 0 65px;
}
#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: 30px 0 30px 55px;
    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: 30px;
    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: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 50px;
    color: #58a279;
    border: 1px solid #58a279;
}
#welfare .contact-sup-cts .sup-txt{
    margin: 0 0 30px 0;
}


/******************************************************************
  奨励金制度 incentive
*****************************************************************/
#incentive .page-tit {
    background: url(../img/incentive/bg-tit-incentive.jpg) no-repeat;
    margin-bottom: 40px;
}
#incentive-top .incentive-intro-wrap, #incentive .incentive-intro-wrap{
    display: block;
    position: relative;
}
#incentive-top .incentive-intro-wrap span, #incentive .incentive-intro-wrap span{
    background: url(../img/staff_interview/bg-stripe.png) repeat;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
}
#incentive .incentive-intro-wrap-wrap{
    width: 460px;
    margin: 0 auto 70px;
    padding: 10px 0 0 0;
}
#incentive-top .incentive-intro-wrap .incentive-intro, #incentive .incentive-intro-wrap .incentive-intro{
    border: 1px solid #bd1619;
    border-radius: 3px;
    padding: 35px 0;
    /*margin: -10px 10px 10px -620px;*/
    width: calc(100% - 0px);
    background: url(../img/common/bg.jpg) repeat;
    position: relative;
    color: #bd1619;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 2.2em;
    letter-spacing: 3px;

}

#incentive .cts-wrap.incentive-link-wrap{margin: 0 auto 40px auto;}
#incentive .incentive-link-wrap .incentive-link{margin: 0 -16px 0 20px; overflow: hidden;}
#incentive .incentive-link-wrap .incentive-link li{
    display: inline-flex;
    width: calc((95% - 34px)/ 4);
    margin: 0 16px 0 0;
    justify-content: space-between;
}
#incentive .incentive-link-wrap .incentive-link li a{
    display: block;
    width: 100%;
    letter-spacing: 0;
    border: 1px solid #54a076;
    font-size: 15px;
    padding: 12px;
    text-align: center;
    color: #54a076;
    position: relative;
    border-radius: 47px;
}
#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);
    top: calc(50% - 7px);
    right: calc(46% - 6em);
}

#incentive .incentive-cts .incentive-cts-tit{
    position: relative;
    font-size: 24px;
    line-height: 1;
    padding: 0 0 28px 0;
    margin: 0 0 30px 0;
}
#incentive .incentive-cts .incentive-cts-tit:after{
    content: '';
    display: block;
    background: #54a076;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
}
#incentive .incentive-cts .incentive-cts-box{
    border: 10px solid #FFFFFF;
    padding: 20px 70px;
    margin: 0 20px 30px 20px;
    background-image: url(../img/incentive/bg-incentive-cts.jpg);
    background-position: center -30px;
    background-repeat: no-repeat;
}
#incentive .incentive-cts .incentive-cts-catch{
    margin: 0 0 25px 0;
}
#incentive .incentive-cts .incentive-cts-catch span{
    background-image: url(../img/incentive/bg-tit-incentive01.png);
    color: #FFFFFF;
    display: block;
    height: 50px;
    line-height: 50px;
    background-size: auto 50px;
    font-size: 24px;
    text-align: center;
    position: relative;
    margin: 25px 0 25px 0;
}
#incentive .incentive-cts .incentive-cts-catch span:before{
    content: '';
    display: block;
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: center;
}
#incentive .incentive-cts .incentive-cts-catch span:after{
    content: '';
    display: block;
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    position: absolute;
    right: 30px;
    top: 0;
    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: 103px auto;
}
#incentive .incentive-cts#incentive01 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive01-2.png);
    background-size: 103px auto;
}
#incentive .incentive-cts#incentive02 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive02-1.png);
    background-size: 103px auto;
}
#incentive .incentive-cts#incentive02 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive02-2.png);
    background-size: 103px auto;
}
#incentive .incentive-cts#incentive03 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive03-1.png);
    background-size: auto 118px;
}
#incentive .incentive-cts#incentive03 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive03-2.png);
    background-size: auto 118px;
}
#incentive .incentive-cts#incentive04 .incentive-cts-catch span:before{
    background-image: url(../img/incentive/pic-tit-incentive01-1.png);
    background-size: 103px auto;
}
#incentive .incentive-cts#incentive04 .incentive-cts-catch span:after{
    background-image: url(../img/incentive/pic-tit-incentive04-1.png);
    background-size: 90px auto;
}
#incentive .incentive-cts .incentive-cts-catch img{
    width: 100%;
    height: auto;
}
#incentive .incentive-cts .txt-box-wrap{
    background: #FFFFFF;
    border-top: 2px solid #a6800c;
    border-bottom: 2px solid #a6800c;
    padding: 3px 0;
    margin: 0 0 30px 0;
}
#incentive .incentive-cts .txt-box{
    border-top: 1px solid #a6800c;
    border-bottom: 1px solid #a6800c;
    padding: 35px 40px;
    background-repeat: no-repeat;
}
#incentive .incentive-cts .txt-box .incentive-cap{
    font-size: 23px;
    text-align: center;
}
#incentive .incentive-cts .incentive-cts-box .bg-hukidashi{
    position: relative;
    text-indent: 5em;
    z-index: 99;
}
#incentive .incentive-cts .incentive-cts-box .hukidasi-item {
    display: block;
    position: absolute;
    background-image: url(../img/incentive/hukidashi-incentive03.png);
    background-size: 88px auto;
    background-repeat: no-repeat;
    width: 88px;
    height: 66px;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(-15deg);
    line-height: 52px;
    letter-spacing: 0px;
    left: -25px;
    top: -20px;
    text-indent: 0;
    text-align: center;
}
#incentive .incentive-cts .txt-box h4{
    text-align: center;
    margin: 0 0 1em 0;
    font-size: 18px;
}
#incentive .incentive-cts#incentive01 .bg-item{
    background-image: url(../img/incentive/item-incentive01.jpg);
    background-position: right;
}
#incentive .incentive-cts#incentive02 .bg-item{
    background-image: url(../img/incentive/item-incentive02.jpg);
    background-position: right;
}
#incentive .incentive-cts#incentive03 .bg-item{
    background-image: url(../img/incentive/item-incentive03.jpg);
    background-position: calc(100% - 30px) center;
}
#incentive .incentive-cts strong{
    font-size: 34px;
    color: #bd1619;
}
#incentive .step ul{
    overflow:hidden;
    width:auto;
    margin: 0 -50px 10px 0;
}
#incentive li.bgStyle01{
    padding: 60px 20px 20px 20px;
    background: #FFFFFF;
    width: 193px;
    min-height: 110px;
    float: left;
    margin: 0 50px 10px 0;
    /*border-radius: 150px;*/
}
#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 #incentive02 li.bgStyle01{
    min-height: 190px;
}
#incentive #incentive03 li.bgStyle01, #incentive #incentive04 li.bgStyle01{
    width: 122px;
    min-height: 220px;
}
#incentive #incentive03 .step li:nth-of-type(1){ /*margin-left: 145px;*/}
#incentive #incentive03 .step li:nth-of-type(3){ /*clear: left;*/}
#incentive .step li dl:before{
    position: absolute;
    content: "";
    width: 100%;
    top: 15px;
    font-size: 14px;
    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:46px;
    border-bottom:solid 1px #8e784e;
    color:#8e784e;
    left:50%;
    margin-left: -10px;
}
#incentive .step li dt{
    text-align: center;
    font-size:17px;
    line-height: 1;
    margin-bottom: 15px;
}
#incentive .step li dd{font-size:13px; letter-spacing: 1px; color:#555555;}
#incentive .btn-wrap {
    display: flex;
    justify-content: center;
    gap: 32px;
    padding: 15px 0;
    margin: 0 0 20px 0;
}
#incentive .app-btn a{
    display: block;
    width: 360px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    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: 290px center;
    background-size: 26px auto;
    border-radius: 30px;
    text-align: center;
    letter-spacing: 1.5px;
    background-color: #bd1619;
    margin: 0 auto;
}
#incentive .app-btn02 a{
    display: block;
    width: 360px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    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 {
    margin: 0 20px;
    font-size: 14px;
}
#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 10px;}
#incentive #congratulatory, #incentive #repayment, #incentive #qualification, #incentive #introduction{
    margin-top: -120px;
    padding-top: 120px;
}
/*資格取得応援キャンペーン*/
#campaign{
    max-width: 1000px;
    margin: 0 auto 60px auto;
}
#campaign .pcHdn{display: none;}
#campaign .contents{    border: none;}
#campaign .contents-inn{
    padding: 64px 100px;
}
#campaign .contents .wrap-img{
    margin: -64px -100px 0 -100px;
}
#campaign .contents .wrap-img:not(:first-child){
    margin: 0 -100px 0 -100px;
}
#campaign .contents.contents-img .wrap-img{
    margin: -64px -100px -64px -100px;
}
#campaign .tit-campaign-common{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
    letter-spacing: 0.15em;
    margin-bottom: 40px;
}
#campaign .btn-common-wrap{
}
#campaign .btn-common-wrap .btn-common{
    display: block;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid;
    text-align: center;
    border-radius: 2.5em;
    padding: 1.1em 0;
    color: #BF2E3C;
    width: 100%;
    box-sizing: border-box;
}
#campaign .youtube{
    border: none;
    width: 100%;
    aspect-ratio: 16 / 9;
}
#campaign .contents .wrap-item{
    display: flex;
    justify-content: space-between;
}
#campaign .contents .wrap-item .item{
    width: calc((100% - 40px) / 2);
}
#campaign .contents img {max-width: 100%;}
#campaign .contents .deco-arrow{
    background-image: url(../img/campaign/pic-arrow-pc.png);
    background-size: auto 40px;
    background-position: right;
    background-repeat: no-repeat;
    display: grid;
    align-items: center;
    font-size: 18px;
    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;
    font-size: 32px;
    font-weight: normal;
}
#campaign .contents.contents02 .tit-campaign-common span{
    font-size: 40px;
    font-weight: bold;
}
#campaign .contents.contents02 em{
    color: #FFFFFF;
    font-style: normal;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 1em 0;
    display: inline-block;
}
#campaign .contents.contents02 em span{
    font-size: 32px;
}
#campaign .contents.contents03{background: #FFFFFF;}
#campaign .contents.contents03 .tit-campaign-common{
    margin-top: 64px;
}
#campaign .contents.contents03 .wrap-item:first-child{flex-direction : row-reverse}
#campaign .contents.contents03 .wrap-item .item.bg-img{
    background-image: url(../img/campaign/bg-light.png);
    background-size: auto 253px;
    background-repeat: no-repeat;
    background-position: center;
}
#campaign .contents.contents03 em{
    font-style: normal;
    font-size: 23px;
    font-weight: bold;
    display: block;
    margin: 0 0 1em 0;
    letter-spacing: 0.03em;
}
#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;}
#campaign .contents.contents05 .wrap-item{margin-top: 60px;}
#campaign .contents.contents06 {text-align: center; background: #FFFFFF;}
#campaign .contents.contents06 .deco-arrow{
    font-size: 24px;
    background-position: left;
    padding: 0 0 0 140px;
    text-align: left;
    margin: 48px 50px;
}
#campaign .contents.contents07 {background: #FFFFFF;}
#campaign .contents.contents07 .contents-inn{padding-bottom: 0;}
#campaign .contents.contents07 .wrap-bnr{
    background: #02a6ae;
    margin: 0 -100px 0 -100px;
    padding: 40px 0 60px 0;
}
#campaign .contents.contents07 .wrap-bnr .bnr{
    max-width: 800px;
    margin: 0 auto;
}
#campaign .contents.contents08 {background: #FFFFFF;}
#campaign .contents.contents08 .wrap-item{
    margin: 56px 0;
}
#campaign .contents.contents08 .wrap-item .item:nth-child(1) .btn-common{
    background: #BF2E3C;
    color: #FFFFFF;
}
#campaign .contents.contents08 .wrap-img:nth-child(2){padding-top: 64px}
#campaign .contents.contents08 .wrap-item{
    display: flex;
    justify-content: space-between;
}
#campaign .contents.contents08 .wrap-item .item{
    width: calc((100% - 40px) / 2);
}
#campaign .contents.contents09{
    background: rgba(0,0,0,0.05);
    }
#campaign .contents.contents09 .box-interview{
    background: #FFFFFF;
    margin-bottom: 40px;
}
#campaign .contents.contents09 .box-interview:last-child{
    margin-bottom: 0;
}
#campaign .contents.contents09 .box-interview .tit-interview{
    background: #02a6ae;
    color:#FFFFFF;
    font-size: 24px;
    font-weight: bold;
    padding: 12px 40px;
    position: relative;
}
#campaign .contents.contents09 .box-interview .tit-interview::after {
    content: "";
    background: #02a6ae;
    height: calc(tan(45deg) * 50px / 2);
    width: 50px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    position: absolute;
    transform: rotate(180deg);
    bottom: -24px;
    left: 40px;
}
#campaign .contents.contents09 .box-interview:nth-child(odd) .tit-interview::after {
    right: 40px;
    left: auto;
}
#campaign .contents.contents09 .box-interview .tit-interview .name{
    font-size:70%;
}
#campaign .contents.contents09 .box-interview .wrap-item{
    padding: 40px;
}
#campaign .contents.contents09 .box-interview:nth-child(odd) .wrap-item{flex-direction : row-reverse}
#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 60px 0;
}
#campaign .contents.contents11 .faq-container .faq-q {
    display: block;
    position: relative;
    margin: 16px 0 0 0;
    padding: 15px 50px;
    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: 16px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    font-size: 24px;
}
#campaign .contents.contents11 .faq-container .faq-q:before {
    content: "Q.";
    top: 16px;
}
#campaign .contents.contents11 .faq-container .faq-a:before {
    content: "A.";
    top: 32px;
    color: #F8A602;
}
#campaign .contents.contents11 .faq-container .faq-q:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 10px;
    height: 10px;
    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: 28px;
}
#campaign .contents.contents12 .wrap-item{
    display: flex;
    justify-content: space-between;
}
#campaign .contents.contents12 .wrap-item .item{
    background:#FFFFFF;
    padding:40px;
    width: calc((100% - 20px) / 2);
    text-align: center;
    font-size: 15px;
    box-sizing: border-box;
}
#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: 0 -20px;
    margin-top: 10px;
}
#campaign .contents.contents12 p.text-phone{
}
#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{
    height: calc(100% - 20px);
    display: grid;
    justify-items: center;
    align-items: center;
}
#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;
    max-width: 380px;
    margin: 0 auto
}