.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.col_07_1left {
    width: 50%;
    padding-right: 1.9375%
}

.col_07_1right {
    width: 50%;
    padding-left: 1.9375%
}

@media only screen and (max-width: 599px) {
    .col_07_1left,
    .col_07_1right {
        width: 100%
    }
}

.worklifeDetail {
    width: 680px\9
}

.col_08_1right,
.col_07_1right {
    float: right
}

.worklifeDetail p {
    line-height: 1.8;
    margin: 13px 0
}

.worklifeDetail p span {
    font-weight: bold
}

.worklifeDetail .mod_title_01 {
    margin-bottom: 20px
}

.worklifeDetail .mod_title_02 {
    margin: 0px 0 14px;
    padding-top: 50px
}

.worklifeDetail .info {
    position: relative
}

.worklifeDetail .info #socialButton {
    position: absolute;
    top: 0;
    right: 0
}

.worklifeDetail #socialButton ul {
    zoom: 1
}

.worklifeDetail #socialButton ul:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.worklifeDetail #socialButton ul li {
    padding-right: 6px;
    line-height: 0;
    float: left;
    cursor: pointer
}

.worklifeDetail .info .snsb {
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    padding: 0;
    margin: 0
}

.worklifeDetail .snsb li {
    float: left;
    margin-left: 0px
}

.worklifeDetail .snsb li.first {
    margin-right: 0px
}

.worklifeDetail .snsb iframe {
    margin: 0 !important;
    vertical-align: baseline
}

.worklifeDetail .snsb .fb {
    margin-right: 25px;
    margin-top: 0px
}

.worklifeDetail .snsb .twitter {
    margin-right: 25px
}

.worklifeDetail .snsb .google {
    margin-right: 25px
}

.worklifeDetail .info p.date {
    margin-bottom: 20px;
    font-size: 85.7%;
    text-transform: uppercase
}

.worklifeDetail .info p.category {
    margin-bottom: 14px;
    font-size: 85.7%;
    text-indent: 20px;
    background: url("../../../img/icon_report_01.gif") no-repeat left 2px
}

.worklifeDetail .colSection_01 {
    margin-bottom: 14px
}

.worklifeDetail .colSection_01 {
    zoom: 1
}

.worklifeDetail .colSection_01:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.worklifeDetail .colSection_01 p.pic {
    margin: 14px 0 6px 0
}

.worklifeDetail .colSection_01 p.mod_text_small {
    margin: 6px 0 16px
}

.worklifeDetail .photo {
    margin-top: 14px
}

.worklifeDetail .photo p {
    margin: 0;
    float: left
}

.worklifeDetail .photo p.pic {
    margin: 0 0 20px
}

.worklifeDetail .colSection_01 .col_08_1left p.pic,
.worklifeDetail .colSection_01 .col_07_1left p.pic,
.worklifeDetail .colSection_01 .col_07_1right p.pic {
    margin-top: 3px
}

.worklifeDetail .mod_frame_16 {
    margin: 54px 0 60px
}

.worklifeDetail .mod_frame_16 {
    zoom: 1
}

.worklifeDetail .mod_frame_16:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.worklifeDetail .mod_frame_16 .name {
    width: 28%;
    float: left
}

.worklifeDetail .mod_frame_16 dd {
    margin-top: 10px
}

.worklifeDetail .mod_frame_16 p.text {
    width: 72%;
    margin: 0;
    float: right;
    font-weight: normal
}

.worklifeDetail .siteInfo p,
.sectionWorklifeTop .ictionKitakyushu .report-container .download .modList a,
a .modLinkText {
    font-weight: normal
}

.pager .flex-next a {
    width: 7em;
    color: #4B636C
}

.contentHeader {
    padding-bottom: 15px
}

.mainPhoto {
    margin-bottom: 30px;
    overflow: hidden
}

.mainPhoto .modAnnotation {
    margin-top: 10px
}

.mainPhoto img {
    width: 100%
}

@media only screen and (min-width: 960px) {
    .worklifeDetail .reporter .mod_frame_12 dd.mod_text_small {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
    .worklifeDetail .col_08_1_type2,
    .worklifeDetail .col_08_2_type2,
    .worklifeDetail .col_08_3_type2 {
        width: 48%;
        padding: 0 1%
    }
    .worklifeDetail .col_08_2_type2 {
        width: 48%;
        padding: 0 1%
    }
    .col_08_1_type2,
    .col_08_2_type2,
    .col_08_3_type2 {
        float: left
    }
}

@media only screen and (max-width: 599px) {
    .mainPhoto {
        min-height: 0
    }
    .mainPhoto .modAnnotation br {
        display: none
    }
    .worklifeDetail .mod_title_01 {
        margin-bottom: 15px
    }
    .worklifeDetail .info #socialButton {
        top: 2.5em;
        left: 0
    }
    .worklifeDetail #socialButton ul li {
        padding-bottom: 10px;
        height: 25px
    }
    .worklifeDetail .info {
        min-height: 45px
    }
    .worklifeDetail .info .snsb {
        top: 2.5em;
        left: 0;
        width: 100%
    }
    .worklifeDetail .snsb li {
        float: left;
        margin-right: 4px;
        height: 25px
    }
    .worklifeDetail .info p.category {
        padding-top: 3.8em;
        background: url("../../../img/icon_report_01.gif") no-repeat scroll left 4.2em transparent
    }
    .worklifeDetail .mod_title_02 {
        margin-top: 44px
    }
    .worklifeDetail .photo p.pic {
        width: 100%
    }
    .worklifeDetail img {
        width: 100%
    }
    .worklifeDetail .reporter .name {
        width: 100%
    }
    .worklifeDetail .reporter .name dt {
        width: 60%;
        padding-right: 5%;
        display: table-cell;
        vertical-align: middle
    }
    .worklifeDetail .reporter .name dt img {
        width: auto
    }
    .worklifeDetail .reporter .name dd.mod_text_small {
        width: 39%;
        font-size: 85.7% !important;
        display: table-cell;
        vertical-align: middle
    }
    .worklifeDetail .reporter p.text {
        width: 100%;
        margin-top: 10px
    }
    .worklifeDetail .pager {
        margin: 0;
        padding: 0
    }
    .worklifeDetail .pager .prev,
    .worklifeDetail .pager .next {
        top: 0
    }
    .worklifeDetail .pager .prev a,
    .worklifeDetail .pager .next a {
        width: 45px;
        background-position: 48% 48%;
        color: transparent
    }
    .worklifeDetail .pager .prev {
        left: 0
    }
    .worklifeDetail .pager .next {
        right: 0
    }
    .worklifeDetail .pager {
        width: 100% !important
    }
}

.fb_iframe_widget>span {
    vertical-align: baseline !important
}

.servicesMainVisual {
    text-align: center
}

.servicesMainVisual .sp {
    display: none !important
}

.servicesMainVisual img {
    width: 100%
}

.servicesMainVisual+.section.article {
    padding-top: 60px
}

.servicesMainVisual.with_title {
    position: relative
}

.servicesMainVisual.with_title h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 70px;
    color: #fff;
    line-height: 1.4;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.servicesMainVisual.with_title h1:before {
    content: "";
    position: absolute;
    display: block;
    left: -30px;
    right: -30px;
    top: -30px;
    bottom: 30px;
    border: 1px solid #fff;
    opacity: .7
}

.sectionWorklifeTop .mainVisual {
    height: auto;
    text-align: center
}

.sectionWorklifeTop .mainVisual .sp {
    display: none
}

.sectionWorklifeTop .mainVisual img {
    width: 100%
}

.sectionWorklifeTop .mainVisual:after {
    display: none
}

.sectionWorklifeTop .mainVisual+.section h1 {
    text-align: left
}

.sectionWorklifeTop .section {
    max-width: none
}

.sectionWorklifeTop .button+.button {
    margin-top: 20px
}

.worklifeDetail {
    max-width: 750px
}

.worklifeDetail .modTitle2 {
    margin-bottom: 5.6%
}

.worklifeDetail .resizeimage {
    margin: 0 auto 13px
}

.worklifeDetail .modLayout.row .item p {
    margin: 0 auto 20px
}

.worklifeDetail .modLayout.row .item p:last-child {
    margin-bottom: 0
}

.worklifeDetail.modContainer {
    width: auto
}

.worklifeDetail.modContainer .modSection {
    margin: 0 auto;
    max-width: none;
    padding: 0
}

.worklifeDetail .contentHeader {
    margin-bottom: 40px
}

.worklifeDetail .contentHeader .tags {
    margin: 15px auto 5px
}

.worklifeDetail .contentHeader .tags li {
    display: inline-block;
    padding: 1px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #0065BD;
    -moz-transition: 0.12s ease-in;
    -o-transition: 0.12s ease-in;
    -webkit-transition: 0.12s ease-in;
    transition: 0.12s ease-in
}

.worklifeDetail .contentHeader .tags li a {
    font-size: 14px;
    font-weight: normal;
    color: #0065BD
}

.worklifeDetail .contentHeader .tags li:hover {
    box-shadow: inset 0 0 0 1px #0065BD;
    text-decoration: none
}

.worklifeDetail .contentHeader .tags li:hover a {
    text-decoration: none
}

.worklifeDetail .contentHeader .info {
    float: left
}

.worklifeDetail .contentHeader .info p {
    margin: 0 auto;
    font-size: 16px
}

.referenceInfo {
    margin-top: 40px;
    padding: 30px;
    border: 1px solid #E1E6EE;
    background: #F3F5FA
}

.referenceInfo p {
    margin: 0 auto 20px;
    font-size: 20px;
    font-weight: bold;
    color: #516570
}

.referenceInfo .modList {
    margin-top: 0
}

.referenceInfo .modList li {
    margin-top: 0
}

.referenceInfo .modList li a {
    font-weight: normal
}

.snsList {
    margin-top: 80px;
    padding-top: 20px;
    border-top: 5px solid #f3f5fa
}

.sectionWorklifeTop .linkText {
    float: right;
    padding: 0 15px;
    min-height: 24px
}

.sectionWorklifeTop .button a span {
    font-weight: normal
}

.sectionWorklifeTop .snsList ul {
    text-align: right
}

.sectionWorklifeTop .snsList ul li {
    display: inline-block;
    vertical-align: top
}

.sectionWorklifeTop .snsList ul li a {
    display: block;
    width: 48px;
    height: 48px;
    text-indent: -99999px;
    overflow: hidden;
    font-size: 0;
    color: transparent
}

.sectionWorklifeTop .snsList ul li.twitter a {
    background: url("../img/twitter_btn.svg") no-repeat center
}

.sectionWorklifeTop .snsList ul li.facebook a {
    background: url("../img/facebook_btn.svg") no-repeat center
}

.sectionWorklifeTop .snsList ul li.linkedin a {
    background: url("../img/linkedin_btn.svg") no-repeat center
}

.sectionWorklifeTop .snsList ul li.google a {
    background: url("../img/google_btn.svg") no-repeat center
}

.sectionWorklifeTop .ictionSerivces {
    max-width: 768px
}

.sectionWorklifeTop .ictionSerivces p {
    margin: 13px 0;
    line-height: 1.8;
    font-size: 16px
}

.sectionWorklifeTop .ictionSerivces p.modAnnotation {
    font-size: 13px
}

.sectionWorklifeTop .ictionSerivces .modTitle2+.button {
    margin-top: 70px
}

.sectionWorklifeTop .ictionSerivces .modTitle2 strong {
    font-size: 28px;
    font-weight: bold
}

.sectionWorklifeTop .ictionSerivces .modTitle2+p {
    margin-top: 30px
}

.sectionWorklifeTop .ictionSerivces .report-container .snsList {
    margin-top: 80px;
    padding-top: 20px;
    border-top: 5px solid #f3f5fa
}

.sectionWorklifeTop .ictionSerivces .report-container .points {
    margin: 40px -5px;
    display: flex
}

.sectionWorklifeTop .ictionSerivces .report-container .points .point {
    width: 25%;
    padding: 0 5px
}

.sectionWorklifeTop .ictionSerivces .report-container .points .point .inner {
    height: 100%;
    padding: 20px;
    background: #F3F5FA;
    border: 1px solid #E1E6EE
}

.sectionWorklifeTop .ictionSerivces .report-container .points .point .inner h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #E75297;
    text-align: center;
    font-family: "NeoSansW1G-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\0020\0057\0033", Hiragino Kaku Gothic ProN, Arial, "\30E1\30A4\30EA\30AA", Meiryo, sans-serif
}

.sectionWorklifeTop .ictionSerivces .report-container .points .point .inner p {
    font-size: 16px;
    font-weight: bold
}

.sectionWorklifeTop .ictionSerivces .report-container .user {
    padding: 40px 60px;
    background: #F3F5FA;
    border: 1px solid #E1E6EE;
    margin-top: 100px
}

.sectionWorklifeTop .ictionSerivces .report-container .user h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #E75297
}

.sectionWorklifeTop .ictionSerivces .report-container .user ul li {
    display: block;
    padding-left: 45px;
    background: url("../img/miraikakei/fukidashi_icon.svg") no-repeat left 5px;
    background-size: 23px 18px
}

.sectionWorklifeTop .ictionSerivces .report-container figure+p {
    margin-top: 40px
}

.sectionWorklifeTop .ictionSerivces .report-container figure .sp {
    display: none
}

.sectionWorklifeTop .ictionSerivces .report-container .modLayout .linkText {
    text-align: right;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.sectionWorklifeTop .ictionSerivces.modContainer {
    width: auto
}

.sectionWorklifeTop .ictionSerivces.modContainer .modSection {
    margin: 0 auto;
    max-width: none;
    padding: 0
}

.sectionWorklifeTop .ictionKitakyushu p {
    margin: 13px 0;
    line-height: 1.8;
    font-size: 16px
}

.sectionWorklifeTop .ictionKitakyushu p.modAnnotation {
    font-size: 13px
}

.sectionWorklifeTop .ictionKitakyushu .modTitle2 {
    font-size: 24px
}

.sectionWorklifeTop .ictionKitakyushu .modTitle2 strong {
    font-size: 28px;
    font-weight: bold
}

.sectionWorklifeTop .ictionKitakyushu .modTitle2+p {
    margin-top: 30px
}

.sectionWorklifeTop .ictionKitakyushu .modTitle2+.modTitle3 {
    margin-top: 30px
}

.sectionWorklifeTop .ictionKitakyushu .report-container .modLayout .item figure+figure {
    margin-top: 20px
}

.sectionWorklifeTop .ictionKitakyushu .report-container .modLayout .item p {
    margin-top: 0
}

.sectionWorklifeTop .ictionKitakyushu .report-container .modLayout .item .modTitle4 {
    margin-bottom: 1em
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_logo {
    margin-top: 40px;
    font-size: 0;
    text-align: center
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_logo figure {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_logo figure figcaption {
    margin-top: 20px;
    font-size: 13px
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_logo .cross {
    display: inline-block;
    vertical-align: top;
    width: 20%
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_logo .cross img {
    display: block;
    width: 65%;
    margin: 40% auto
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_list {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 40px;
    background: #F3F5FA;
    text-align: center;
    position: relative
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_list ul {
    display: inline-block;
    text-align: left
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_list p {
    margin: 6px auto;
    font-weight: bold
}

.sectionWorklifeTop .ictionKitakyushu .report-container .renkei_list:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 40px solid #F3F5F8;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -24px
}

.sectionWorklifeTop .ictionKitakyushu .report-container .pink {
    font-weight: bold;
    color: #E75297
}

.sectionWorklifeTop .ictionKitakyushu .report-container .modTable {
    margin-top: 30px;
    margin-bottom: 10px
}

.sectionWorklifeTop .ictionKitakyushu .report-container .modTable th {
    width: 50%
}

.sectionWorklifeTop .ictionKitakyushu .report-container .download {
    margin-bottom: 50px;
    padding: 30px;
    background: #F3F5FA;
    border: 1px solid #E1E6EE
}

.sectionWorklifeTop .ictionKitakyushu .report-container .download p {
    margin: 0 auto
}

.sectionWorklifeTop .ictionKitakyushu .report-container .download .modList {
    margin-top: 30px
}

.sectionWorklifeTop .ictionKitakyushu .report-container .button {
    margin-top: 60px
}

.sectionWorklifeTop .ictionKitakyushu.modContainer {
    width: auto
}

.sectionWorklifeTop .ictionKitakyushu.modContainer .modSection {
    margin: 0 auto;
    max-width: none;
    padding: 0
}

.sectionWorklifeTop .ictionKitakyushu .report-container .linkText+* {
    margin-top: 80px
}

.sectionWorklifeTop .ictionKitakyushu figure .sp {
    display: none
}

.sectionWorklifeTop .ictionjitanjob p {
    margin: 13px 0;
    line-height: 1.8;
    font-size: 16px
}

.sectionWorklifeTop .ictionjitanjob p.modAnnotation {
    font-size: 13px
}

.sectionWorklifeTop .ictionjitanjob .modTitle2 {
    font-size: 24px
}

.sectionWorklifeTop .ictionjitanjob .modTitle2 strong {
    font-size: 28px;
    font-weight: bold
}

.sectionWorklifeTop .ictionjitanjob .modTitle2+p {
    margin-top: 30px
}

.sectionWorklifeTop .ictionjitanjob .modTitle2+.modTitle3 {
    margin-top: 30px
}

.sectionWorklifeTop .ictionjitanjob .report-container p a {
    font-weight: normal
}

.sectionWorklifeTop .ictionjitanjob .report-container .modLayout .item figure+figure {
    margin-top: 20px
}

.sectionWorklifeTop .ictionjitanjob .report-container .modLayout .item figure img {
    margin-bottom: 8px
}

.sectionWorklifeTop .ictionjitanjob .report-container .modLayout .item p {
    margin-top: 0
}

.sectionWorklifeTop .ictionjitanjob .report-container .modLayout .item p.modAnnotation {
    color: #516570;
    font-weight: normal
}

.sectionWorklifeTop .ictionjitanjob .report-container .points {
    margin: 40px -5px;
    display: flex
}

.sectionWorklifeTop .ictionjitanjob .report-container .points .point {
    width: 33.33333%;
    padding: 0 5px
}

.sectionWorklifeTop .ictionjitanjob .report-container .points .point .inner {
    height: 100%;
    padding: 20px 25px;
    background: #F3F5FA;
    border: 1px solid #E1E6EE
}

.sectionWorklifeTop .ictionjitanjob .report-container .points .point .inner h3 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #E75297;
    text-align: center;
    font-family: "NeoSansW1G-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\0020\0057\0033", Hiragino Kaku Gothic ProN, Arial, "\30E1\30A4\30EA\30AA", Meiryo, sans-serif
}

.sectionWorklifeTop .ictionjitanjob .report-container .points .point .inner p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0
}

.sectionWorklifeTop .ictionjitanjob .report-container .pink {
    font-weight: bold;
    color: #E75297
}

.sectionWorklifeTop .ictionjitanjob .report-container .modTable {
    margin-top: 30px;
    margin-bottom: 10px
}

.sectionWorklifeTop .ictionjitanjob .report-container .modTable th {
    width: 50%
}

.sectionWorklifeTop .ictionjitanjob .report-container .download {
    margin-bottom: 50px;
    padding: 30px;
    background: #F3F5FA;
    border: 1px solid #E1E6EE
}

.sectionWorklifeTop .ictionjitanjob .report-container .download p {
    margin: 0 auto
}

.sectionWorklifeTop .ictionjitanjob .report-container .download .modList {
    margin-top: 30px
}

.sectionWorklifeTop .ictionjitanjob .report-container .button {
    margin-top: 60px
}

.sectionWorklifeTop .ictionjitanjob .report-container .linkText {
    margin-bottom: 48px
}

.sectionWorklifeTop .ictionjitanjob.modContainer {
    width: auto
}

.sectionWorklifeTop .ictionjitanjob.modContainer .modSection {
    margin: 0 auto;
    max-width: none;
    padding: 0
}

.sectionWorklifeTop .ictionZipwork .sp {
    display: none !important
}

.sectionWorklifeTop .ictionZipwork p {
    margin: 13px 0;
    line-height: 1.8;
    font-size: 16px
}

.sectionWorklifeTop .ictionZipwork p.modAnnotation {
    font-size: 13px
}

.sectionWorklifeTop .ictionZipwork p+figure {
    margin-top: 40px
}

.sectionWorklifeTop .ictionZipwork .modFrame {
    margin-top: 40px
}

.sectionWorklifeTop .ictionZipwork .modFrame .modList {
    margin-top: 20px
}

.sectionWorklifeTop .ictionZipwork .modFrame .modList a {
    font-weight: normal
}

.sectionWorklifeTop .ictionZipwork .modVideo {
    margin-top: 20px
}

.sectionWorklifeTop .ictionZipwork .modLayout .floL,
.sectionWorklifeTop .ictionZipwork .modLayout .floR {
    margin: 0 0 40px !important
}

.sectionWorklifeTop .ictionZipwork .modTitle2 {
    font-size: 24px
}

.sectionWorklifeTop .ictionZipwork .modTitle2 strong {
    font-size: 28px;
    font-weight: bold
}

.sectionWorklifeTop .ictionZipwork .modTitle2+p {
    margin-top: 30px
}

.sectionWorklifeTop .ictionZipwork .report-container .snsList {
    margin-top: 80px;
    padding-top: 20px;
    border-top: 5px solid #f3f5fa
}

.sectionWorklifeTop .ictionZipwork .report-container figure+p {
    margin-top: 40px
}

.sectionWorklifeTop .ictionZipwork.modContainer {
    width: auto
}

.sectionWorklifeTop .ictionZipwork.modContainer .modSection {
    margin: 0 auto;
    max-width: none;
    padding: 0
}

.sectionWorklifeTop .ictionComeback p {
    margin: 13px 0;
    line-height: 1.8;
    font-size: 16px
}

.sectionWorklifeTop .ictionComeback p.modAnnotation {
    font-size: 13px
}

.sectionWorklifeTop .ictionComeback figure {
    margin-bottom: 40px
}

.sectionWorklifeTop .ictionComeback .modTitle2 {
    font-size: 24px
}

.sectionWorklifeTop .ictionComeback .modTitle2 strong {
    font-size: 28px;
    font-weight: bold
}

.sectionWorklifeTop .ictionComeback .modTitle2+p {
    margin-top: 30px
}

.sectionWorklifeTop .ictionComeback .modTitle2+.modTitle3 {
    margin-top: 30px
}

.sectionWorklifeTop .ictionComeback .report-container p a {
    font-weight: normal
}

.sectionWorklifeTop .ictionComeback .report-container .modLayout .item figure+figure {
    margin-top: 20px
}

.sectionWorklifeTop .ictionComeback .report-container .modLayout .item p {
    margin-top: 0
}

.sectionWorklifeTop .ictionComeback .report-container .points {
    margin: 40px -5px;
    display: flex
}

.sectionWorklifeTop .ictionComeback .report-container .points .point {
    width: 33.33333%;
    padding: 0 5px
}

.sectionWorklifeTop .ictionComeback .report-container .points .point .inner {
    height: 100%;
    padding: 20px;
    background: #F3F5FA;
    border: 1px solid #E1E6EE
}

.sectionWorklifeTop .ictionComeback .report-container .points .point .inner h3 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #E75297;
    text-align: center;
    font-family: "NeoSansW1G-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\0020\0057\0033", Hiragino Kaku Gothic ProN, Arial, "\30E1\30A4\30EA\30AA", Meiryo, sans-serif
}

.sectionWorklifeTop .ictionComeback .report-container .points .point .inner p {
    font-size: 16px;
    font-weight: bold
}

.sectionWorklifeTop .ictionComeback .report-container .pink {
    font-weight: bold;
    color: #E75297
}

.sectionWorklifeTop .ictionComeback .report-container .modTable {
    margin-top: 30px;
    margin-bottom: 10px
}

.sectionWorklifeTop .ictionComeback .report-container .modTable th {
    width: 50%
}

.sectionWorklifeTop .ictionComeback .report-container .item h4 {
    margin-bottom: 10px;
    font-size: 13px
}

.sectionWorklifeTop .ictionComeback .report-container .item img {
    margin-bottom: 10px
}

.sectionWorklifeTop .ictionComeback .report-container .app_btns {
    margin-top: 20px;
    margin-bottom: 40px;
    max-width: 100%
}

.sectionWorklifeTop .ictionComeback .report-container .app_btns a {
    display: inline-block;
    margin: 0 20px
}

.sectionWorklifeTop .ictionComeback .report-container .button {
    margin-top: 20px
}

.sectionWorklifeTop .ictionComeback .report-container .button:last-child {
    margin-bottom: 60px
}

.sectionWorklifeTop .ictionComeback.modContainer {
    width: auto
}

.sectionWorklifeTop .ictionComeback.modContainer .app_title {
    margin-top: 100px
}

.sectionWorklifeTop .ictionComeback.modContainer .modSection {
    margin: 0 auto;
    max-width: none;
    padding: 0
}

.worklifeDetail .mainPhoto {
    text-align: center
}

.worklifeDetail .mainPhoto img {
    width: auto
}

.worklifeDetail .talk {
    margin: 40px 0
}

.worklifeDetail .talk ul li {
    position: relative;
    padding: 0 110px;
    margin-bottom: 20px
}

.worklifeDetail .talk ul li p {
    padding: 20px 30px;
    border-radius: 10px;
    display: inline-block;
    border: 2px solid #66DDDC;
    margin-top: 0
}

.worklifeDetail .talk ul li.female:after {
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../img/worklife_female.png") no-repeat center;
    background-size: contain
}

.worklifeDetail .talk ul li.female.left_side:before {
    background-image: url("../img/worklifedetail_fukidashi_women_left.png")
}

.worklifeDetail .talk ul li.female.right_side:before {
    background-image: url("../img/worklifedetail_fukidashi_women_right.png")
}

.worklifeDetail .talk ul li.male p {
    border: 2px solid #FBC04F
}

.worklifeDetail .talk ul li.male:after {
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../img/worklife_male.png") no-repeat center;
    background-size: contain
}

.worklifeDetail .talk ul li.male.left_side:before {
    background-image: url("../img/worklifedetail_fukidashi_men_left.png")
}

.worklifeDetail .talk ul li.male.right_side:before {
    background-image: url("../img/worklifedetail_fukidashi_men_right.png")
}

.worklifeDetail .talk ul li:before {
    content: "";
    position: absolute;
    display: block;
    top: 20px;
    width: 28px;
    height: 44px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.worklifeDetail .talk ul li.left_side:before {
    left: 84px
}

.worklifeDetail .talk ul li.left_side:after {
    top: 0;
    left: 0
}

.worklifeDetail .talk ul li.right_side {
    text-align: right
}

.worklifeDetail .talk ul li.right_side p {
    text-align: left
}

.worklifeDetail .talk ul li.right_side:before {
    right: 84px
}

.worklifeDetail .talk ul li.right_side:after {
    top: 0;
    right: 0
}

.worklifeDetail .profile {
    margin-top: 20px;
    padding: 20px 30px;
    border: 1px solid #E1E6EE
}

.worklifeDetail .profile>p {
    margin: 0 auto 20px;
    font-size: 20px;
    font-weight: bold
}

.worklifeDetail .profile .img {
    float: left;
    width: 180px
}

.worklifeDetail .profile .img img {
    width: 100%
}

.worklifeDetail .profile .text {
    margin-left: 200px
}

.worklifeDetail .profile .name {
    font-size: 16px;
    font-weight: bold
}

.worklifeDetail .profile:after {
    content: "";
    display: block;
    clear: both
}

.worklifeDetail .line_chat {
    margin: 40px auto
}

.worklifeDetail .line_chat .title {
    background: #20415D;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff
}

.worklifeDetail .line_chat .chat {
    min-height: 667px;
    padding: 25px;
    background: #8EB7E7
}

.worklifeDetail .line_chat .chat .you {
    clear: both;
    float: left;
    position: relative;
    margin-bottom: 20px
}

.worklifeDetail .line_chat .chat .you .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden
}

.worklifeDetail .line_chat .chat .you .text {
    position: relative;
    margin-left: 80px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #516570
}

.worklifeDetail .line_chat .chat .you .text p {
    margin: 0
}

.worklifeDetail .line_chat .chat .you .text:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -20px;
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.worklifeDetail .line_chat .chat .me {
    clear: both;
    float: right;
    position: relative;
    margin-bottom: 20px
}

.worklifeDetail .line_chat .chat .me .text {
    position: relative;
    margin-left: 60px;
    margin-right: 20px;
    padding: 15px 20px;
    background: #A6E16E;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #516570
}

.worklifeDetail .line_chat .chat .me .text p {
    margin: 0
}

.worklifeDetail .line_chat .chat .me .text:before {
    content: "";
    position: absolute;
    top: 15px;
    right: -20px;
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #A6E16E
}

.seriesArea {
    padding-top: 60px;
    padding-bottom: 120px;
    background: #F3F5FA;
    border-top: 1px solid #E1E6EE;
    border-bottom: 1px solid #E1E6EE
}

.seriesArea .wrap {
    max-width: 1140px;
    margin: 0 auto
}

.seriesArea .wrap>h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold
}

.seriesArea .wrap>p {
    margin-bottom: 50px;
    text-align: center;
    font-size: 16px
}

.seriesArea .wrap .series-list {
    margin: 20px -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.seriesArea .wrap .series-list>.item {
    vertical-align: top;
    margin: 15px;
    padding: 0;
    border: 1px solid #E0E6EF;
    width: 30.6%;
    float: left
}

.seriesArea .wrap .series-list>.item a:hover {
    text-decoration: none
}

.seriesArea .wrap .series-list>.item figcaption {
    padding: 15px
}

.seriesArea .wrap .series-list>.item figcaption .modLinkText {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3
}

.seriesArea .wrap .series-list>.item figcaption .date {
    color: #999999;
    font-weight: normal;
    font-size: 14px;
    display: block;
    margin-top: 5px
}

.seriesArea .wrap .series-list>.item:last-child {
    display: none
}

.seriesArea .wrap .button {
    text-align: center
}

.seriesArea .wrap .button a {
    padding-left: 70px;
    padding-right: 70px
}

.seriesArea .wrap .series-list .item {
    background: #fff
}

.seriesArea .wrap .series-list .item .description .modLinkText {
    display: inline;
    line-height: 1.5;
    padding-bottom: 3px;
    -moz-transition: border 0.12s ease-in;
    -o-transition: border 0.12s ease-in;
    -webkit-transition: border 0.12s ease-in;
    transition: border 0.12s ease-in
}

.seriesArea .wrap .series-list .item:hover .description .modLinkText {
    border-bottom: 1px solid #0065bd
}

.seriesArea .wrap .series-list .item:hover .imgWrap .img img {
    -moz-transform: translate(-50%, -50%) scale(1.1, 1.1);
    -o-transform: translate(-50%, -50%) scale(1.1, 1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1, 1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
    transform: translate(-50%, -50%) scale(1.1, 1.1)
}

.seriesArea .wrap .series-list .item .imgWrap {
    position: relative;
    width: 100%
}

.seriesArea .wrap .series-list .item .imgWrap .img {
    position: relative;
    padding-top: 62%;
    overflow: hidden
}

.seriesArea .wrap .series-list .item .imgWrap .img img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.seriesArea .wrap .series-list .item .description {
    padding: 20px
}

.seriesArea .wrap .series-list .item .description p {
    font-size: 16px;
    font-weight: bold;
    color: #0065BD;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%
}

.seriesArea .wrap .series-list .item .description p .date {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #999999
}

.suggestArea a {
    font-weight: normal
}

.suggestArea a img {
    border: 1px solid #e1e6ee
}

.suggestArea.itemLength3 {
    max-width: 855px;
    margin: 0 auto
}

@media (max-width: 991px) and (min-width: 768px) {
    .sectionWorklifeTop .ictionSerivces .report-container .points .point {
        width: 25%;
        padding: 0 5px
    }
    .sectionWorklifeTop .ictionComeback .report-container .app_btns {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto
    }
    .sectionWorklifeTop .ictionComeback .report-container .app_btns img {
        margin-bottom: 20px
    }
    .sectionWorklifeTop .ictionComeback .report-container .button {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }
    .sectionWorklifeTop .ictionComeback .report-container .button:last-child {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 768px) {
    .sectionWorklifeTop .ictionZipwork .button a {
        width: 100%;
        max-width: 540px
    }
}

@media only screen and (max-width: 959px) and (min-width: 600px) {
    .sectionWorklifeTop .ictionjitanjob,
    .sectionWorklifeTop .ictionZipwork,
    .sectionWorklifeTop .ictionSerivces,
    .sectionWorklifeTop .ictionComeback,
    .sectionWorklifeTop .ictionKitakyushu {
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
    .sectionWorklifeTop .ictionjitanjob .report-container .points .point .inner,
    .sectionWorklifeTop .ictionZipwork .report-container .points .point .inner,
    .sectionWorklifeTop .ictionSerivces .report-container .points .point .inner,
    .sectionWorklifeTop .ictionComeback .report-container .points .point .inner,
    .sectionWorklifeTop .ictionKitakyushu .report-container .points .point .inner {
        padding: 20px 15px;
        min-height: 265px
    }
    .seriesArea .wrap {
        padding-left: 24px;
        padding-right: 24px
    }
    .seriesArea .wrap .series-list {
        overflow: hidden
    }
    .seriesArea .wrap .series-list>.item {
        margin: 10px
    }
}

@media only screen and (max-width: 768px) {
    .seriesArea .wrap .series-container {
        overflow: hidden;
        margin-right: -20px
    }
    .seriesArea .wrap .series-container .series-list {
        display: block;
        position: relative;
        display: block;
        margin: 0;
        width: 90%
    }
    .seriesArea .wrap .series-container .series-list .slick-list {
        overflow: visible;
        position: relative
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide {
        border: 1px solid #E0E6EF;
        background: white;
        padding: 0;
        margin: 10px;
        height: auto
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide .modLinkText {
        font-weight: bold
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide figcaption {
        padding: 10px
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide figcaption .date {
        font-weight: normal;
        color: #999999;
        display: block
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide:last-child {
        width: 100%;
        background: none;
        border: none;
        text-align: center
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide:last-child>div {
        padding-top: 70%;
        position: relative
    }
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide:last-child .link-more {
        position: absolute;
        display: block;
        left: 54%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    .seriesArea .wrap .series-container .dotPaging {
        text-align: center;
        margin-bottom: 20px
    }
    .seriesArea .wrap .series-container .dotPaging li {
        width: auto;
        padding: 0;
        opacity: 0.2;
        margin: 0 5px;
        display: inline-block;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease
    }
    .seriesArea .wrap .series-container .dotPaging li button {
        width: 10px;
        height: 10px;
        text-indent: -9999px;
        background: -webkit-linear-gradient(top left, #0065bd, #37b1de);
        background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#37b1de));
        background: linear-gradient(to bottom right, #0065bd, #37b1de);
        overflow: hidden;
        font-size: 0;
        color: transparent;
        border-radius: 100%
    }
    .seriesArea .wrap .series-container .dotPaging li button.slick-slide {
        margin: 0 5px;
        border: 1px solid #E0E6EF
    }
    .seriesArea .wrap .series-container .dotPaging li button.slick-slide .tags li {
        margin: 0 3px 3px 0
    }
    .seriesArea .wrap .series-container .dotPaging li.slick-active {
        opacity: 1
    }
}

@media only screen and (max-width: 736px) {
    .servicesMainVisual .pc {
        display: none !important
    }
    .servicesMainVisual .sp {
        display: block !important
    }
    .servicesMainVisual+.section.article {
        padding-top: 20px
    }
    .servicesMainVisual.with_title h1 {
        line-height: 1;
        font-size: 50px;
        white-space: nowrap
    }
    .servicesMainVisual.with_title h1:before {
        bottom: -20px
    }
    .sectionWorklifeTop {
        padding: 0
    }
    .sectionWorklifeTop .mainVisual .pc {
        display: none
    }
    .sectionWorklifeTop .mainVisual .sp {
        display: block
    }
    .worklifeDetail .talk ul li {
        margin-bottom: 40px
    }
    .worklifeDetail .talk ul li p {
        padding: 15px
    }
    .worklifeDetail .talk ul li.male:after,
    .worklifeDetail .talk ul li.female:after {
        width: 40px;
        height: 40px;
        background-size: contain
    }
    .worklifeDetail .talk ul li.left_side {
        padding-left: 60px;
        padding-right: 0
    }
    .worklifeDetail .talk ul li.left_side:before {
        top: 5px;
        left: 33px;
        width: 34px;
        height: 34px;
        background-size: contain
    }
    .worklifeDetail .talk ul li.right_side {
        padding-left: 0;
        padding-right: 60px
    }
    .worklifeDetail .talk ul li.right_side:before {
        top: 5px;
        right: 34px;
        width: 34px;
        height: 34px;
        background-size: contain
    }
    .worklifeDetail .profile {
        padding: 10px 15px
    }
    .worklifeDetail .profile .img {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .worklifeDetail .profile .img img {
        width: auto;
        width: 140px
    }
    .worklifeDetail .profile .text {
        margin: 0 auto
    }
    .worklifeDetail .line_chat .title {
        padding: 15px;
        font-size: 20px
    }
    .worklifeDetail .line_chat .chat {
        padding: 15px
    }
    .worklifeDetail .line_chat .chat .you {
        margin-bottom: 15px
    }
    .worklifeDetail .line_chat .chat .you .img {
        width: 35px;
        height: 35px
    }
    .worklifeDetail .line_chat .chat .you .text {
        margin-left: 60px
    }
    .worklifeDetail .line_chat .chat .you .text p {
        font-size: 14px
    }
    .worklifeDetail .line_chat .chat .you .text:before {
        top: 10px;
        left: -16px;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-right-width: 16px
    }
    .worklifeDetail .line_chat .chat .me {
        margin-bottom: 15px
    }
    .worklifeDetail .line_chat .chat .me .text {
        margin-left: 40px;
        margin-right: 16px
    }
    .worklifeDetail .line_chat .chat .me .text p {
        font-size: 14px
    }
    .worklifeDetail .line_chat .chat .me .text:before {
        top: 10px;
        right: -16px;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 16px
    }
    .modLayout.row+* {
        margin-top: 20px
    }
    .referenceInfo {
        padding: 15px
    }
    .referenceInfo .modList {
        padding-left: 0
    }
    .sectionWorklifeTop .snsList {
        padding-top: 50px
    }
    .sectionWorklifeTop .snsList li {
        width: auto;
        margin: 0 auto
    }
    .seriesArea {
        padding: 40px 0
    }
    .seriesArea .wrap {
        padding: 0 20px;
        width: 100%
    }
    .seriesArea .wrap>p {
        text-align: left
    }
    .seriesArea .wrap>.button.pc {
        display: none
    }
    .seriesArea .wrap .series-list {
        display: block;
        position: relative;
        display: block
    }
    .seriesArea .wrap>ul {
        display: block;
        margin: 0 auto;
        width: 100%
    }
    .seriesArea .wrap>ul li {
        width: auto;
        margin: 0 auto 40px;
        float: none
    }
}

@media only screen and (max-width: 480px) {
    .seriesArea .wrap .series-container .series-list .slick-list .slick-slide:last-child>div {
        padding-top: 90%
    }
}