/* --------------------
 * BUSINESS / 事業内容TOP
-------------------- */
.pcOnly {
    display: block;
}
.spOnly {
    display: none;
}
@media only screen and (max-width: 768px) {
    .pcOnly {
        display: none;
    }
    .spOnly {
        display: block;
    }
}
.clearfix:after {
  display:block;
  content:"";
  clear:both;
}

.wysiwyg ul>li, .wysiwyg ol>li {
    padding-left: unset;
    position: relative;
    line-height: unset;
    list-style: none !important;
}
.wysiwyg ul>li::before {
    display: none;
}

.wide-image img + .caption {
  margin: 60px auto 120px;
}

/* overwriteからの退避スタイル。
-------------------------------------*/
@media only screen and (max-width: 768px) {
    .business .section-title {
        margin-bottom: 0px
    }
}

.business .breadcrumb-ir{
    margin-top: -20px;
}

/* Business Culture ページ内リンクデザイン修正*/
.mv-links a {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .business-and-culture-container section {
        padding-bottom: 48px;
    }
    .business-and-culture-container section {
        padding-top: 24px;
    }
}

@media only screen and (min-width: 769px) {
    .divided-content--business .divided-content__illust {
        width: 420px;
    }
}

.business .category-menu{
    margin-top: 82px;
}

/* === BUSINESS === */
#business2.section-title {
    margin-bottom:0;
}
#business2.section-title .section-title__ja {
    margin-bottom: 24px;
}

.page-id-9066 .inner.seciont-padding-top.seciont-padding-bottom {
    padding-top: 45px;
}
.page-id-9066 .inner.seciont-padding-top.seciont-padding-bottom .section-title {
    display: none;
}

.content-list::before{
    content:"";
    display: block;
    width:30.5%;
    order:1;
}


/* firstview
-------------------------------------*/
.content__fvWrapper {
    margin-top: 0;
    width: 100%;
    height: 300px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(/business/images/business_fvbg-01.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* == MISSION == */
.mission h2 {
    margin-bottom: 80px;
}
.mission-title__text2 {
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    margin-top: 40px;
}
.mission .mission-title__text2 {
    margin-top: 52px;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
}
.mission__header {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.1em;
    text-align: center;
}
.mission .mission__header-subtxt {
    font-size: 18px;
}
.mission__desc {
    margin-top: 40px;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0.1em;
    text-align: center;
}
.mission__imgBox {
    margin-top: 48px;
}
/* === SERVICE FLOW === */
.serviceContents .wide__image__inner{
    margin-top: 48px;
}
.serviceContents .flow__detailsWrap {
    margin-top: 48px;
}
.serviceContents .flow__details {
    width: 100%;
    max-width: 688px;
    margin: 0 auto;
}

.serviceContents .flow__detail {
    padding-left:0;
    margin-bottom: 8px;
    height: 36px;
}

.serviceContents .flow__detail:last-child {
    margin-bottom: 0;
}

.serviceContents .detail__header {
    display: inline-block;
    float: left;
    margin-right: 8px;
    box-sizing: border-box;
    padding-left: 10px;
    width: 80px;
    height: 100%;
    border-radius: 20px 0 0 20px;
    background-color: #888888;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #FFFFFF;
}
.serviceContents .detail__text {
    display: inline-block;
    float: left;
    width: 600px;
    height: 100%;
    background-color: #EEEEEF;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-align: center;
}

html[lang=en] .serviceContents .flow__detail {
    height: 70px;
}
html[lang=en] .serviceContents .detail__header {
    line-height: 72px;
}
html[lang=en] .serviceContents .detail__text {
    line-height: 26px;
}

.serviceContents .detail__text-noticeBudge {
    font-size: .6em;
    vertical-align: super;
}
.serviceContents .caption {
    text-align: center;
    line-height: 1em;
    margin-top: 40px;

}

/* == MERIT == */
#merit {
    margin-top: 120px;
}
.contentWrap.meritContents {
}
.meritContents .merit__detailsWrap {
    margin-bottom: 80px;
}

.meritContents .merit__detailsWrap:last-child {
    margin-bottom: 80px;
}
.meritContents .buyersDetail {
}
.meritContents .merit__header {
    margin-left: 40px;
    margin-bottom: 20px;
}
.meritContents .header__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.meritContents .header__img {
}
.meritContents .header__text {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: 0.09em;
    text-align: left;
}
.meritContents .merit__details {
    max-width: 900px;
    margin: 0 auto;
}

.meritContents .merit__detail {
    float: left;
    margin-right: 24px;
}

.meritContents .merit__detail:last-child {
    margin-right: 0;
}
.meritContents .detail__voice {
    position: relative;
    box-sizing: border-box;
    width: 284px;
    height: 86px;
    padding: 16px 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: 0.09em;
    text-align: center;
    background-color: #EEEEEF;
}
html[lang=en] .meritContents .detail__voice {
    height: 120px;
}
.meritContents .detail__voice:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: "";
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-top: 16px solid #EEEEEF;
    left: calc(50% - 10px);
    bottom: -24px;
}
.meritContents .detailWrap {
    box-sizing: border-box;
    padding: 24px 20px;
    width: 284px;
    height: 327.46px;
    border-radius: 8px;
    background-color: #0995DB;
    color: #FFFFFF;
}
html[lang=en] .meritContents .detailWrap {
    height: 450px;
}
.meritContents .detail__header {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.09em;
    text-align: center;
}
html[lang=en] .meritContents .merit__detail:nth-child(1) .detail__header {
    margin-bottom: 157px;
}
html[lang=en] .meritContents .merit__detail:nth-child(3) .detail__header {
    margin-bottom: 129px;
}
html[lang=en] .meritContents .shopsDetail .merit__detail:nth-child(1) .detail__header {

}
.meritContents .detail__imgBox {
    margin-bottom: 16px;
    text-align: center;
}
.meritContents .detail__img {
}

html[lang=en] .meritContents .shopsDetail .merit__detail:nth-child(1) .detail__header {
    margin-bottom: 77px;
}
html[lang=en] .meritContents .shopsDetail .merit__detail:nth-child(3) .detail__header {
    margin-bottom: 50px;
}
.buyersDetail .merit__detail:nth-child(2) .detail__imgBox {
    margin-bottom: 30px;
}
.buyersDetail .merit__detail:nth-child(2) .detail__imgBox img {
    width: 74.33px;
}
.meritContents .detail__text {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-align: left;
}
.meritContents  .shopsDetail .detailWrap{
    height: 300px;
    background-color: #0E65AD;
}

html[lang=en] .meritContents  .shopsDetail .detailWrap{
    height: 480px;
}

.business .track__text {
    text-align: center;
}
.business .track__notice {
    text-align: center;
    line-height: 1.5em;
}

/* === OUTLINE === */
#business2.section-title {
    margin-top: 120px;
}
.page-id-9066 .business .inner.seciont-padding-top.seciont-padding-bottom {
    padding-top: 0;
}
.content-list .outline__contents {
    width: 100%;
    max-width: 978px;
}
.content-list > li:not(:nth-last-child(-n+2)),
.outline__contents .outline__content {
    width: 100%;
    margin-bottom: 8px;
}

.outline__contents .content-list__title {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #888888;
    text-align: left;
    margin-bottom: 0;
}
.outline__contents .content-list__title .title-text {
    display: inline-block;
    box-sizing: border-box;
    padding-left: 16px;
    width: 300px;
    height: 34px;
    background-color: #888888;
    font-size: 14px;
    font-weight: 600;
    line-height: 2.3em;
    letter-spacing: 0.07em;
    text-align: left;
    color: #ffffff;
    border-radius: 0 20px 0 0;
}

html[lang=en] .outline__contents .content-list__title .title-text {
    width: 45%;
    padding-right:30px;
}

.outline__contents .content-list__body {

}

.outline__contents .content-list__image {
    float: left;
    width: 280px;
    height: 94px;
    box-sizing: border-box;
    padding: 30px 24px;
    text-align: left;
}
.outline__contents .content-list__image img {
    width: auto;
    height: 100%;
    background-color: #fff;
    border-radius: unset;
}
.outline__contents .content-list__desc {
    float: left;
    box-sizing: border-box;
    padding: 16px;
    width: 698px;
    text-align: left;
}
.outline__contents .desc-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.07em;
}
.outline__contents .desc-link {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.07em;
    color: #1A0DAB;
}
.desc-link__icon-blank {
    vertical-align: inherit;
    margin-left: .5em;
    margin-right: .5em;
}
.outline__contents .desc-link-brackets {
    display: inline-block;
    color: #000000;
}


@media screen and (max-width: 768px) {
    img.spOnly {
        display: inline-block;
    }
    .business .bg-container .bg-text {
        left: 0;
    }
    .business .mv-slider-02__container {
        /* margin-top: -314px; */
    }
    .business .mv-links {
        display: block;
        /* bottom: 350px; */
        bottom: 47px;
        bottom: 80px;
    }
    .business .mv-links li {
        margin-bottom: 24px;
        text-align: center;
        margin-bottom: 8px;
    }
    .business .mv-links li:last-child {
        margin-bottom: 0;
    }
    .business .mv-links a {
        font-size: 12px;
        font-weight: 600;
        line-height: 12px;
        letter-spacing: 0.03em;
    }

    .wide-image {
        text-align: left;
    }
    .mission h2 {
        margin-bottom: 60px;
    }
    .mission-title__text {
        font-size: 13px;
        text-align: left;
    }
    .mission-title__text2 {
        font-size: 11px;
        text-align: left;
    }
    .mission__header {
        margin-top: 60px;
        font-size: 23px;
    }
    .mission .mission__header-subtxt {
        font-size: 18px;
    }
    .mission .mission-title__text2 {
        text-align: left;
    }
    .business .mission .mission__imgBox {
        text-align: center;
    }
    .business .mission .mission__imgBox .spOnly {
        display: inline-block;
    }
    /* === SERVICE FLOW === */
    .serviceContents .flow__detail {
        width: 100%;
        height: 63px;
    }
    .serviceContents .flow__detail:first-child {
        height: 92px;
    }
    .serviceContents .detail__header {
        padding-left: 6px;
        width: 56px;
        height: 100%;
        font-size: 18px;
        line-height: 3.5em;
    }
    .serviceContents .flow__detail:first-child .detail__header  {
        line-height: 5em;
    }
    html[lang=en] .serviceContents .flow__detail:first-child .detail__header {
        line-height: 4em;
    }
    .serviceContents .detail__text {
        box-sizing: border-box;
        width: 265px;
        height: 100%;
        padding: 4px;
        font-size: 13px;
        text-align: left;
        line-height: 27.3px;
        letter-spacing: 0.05em;
    }
    html[lang=en] .serviceContents .detail__text {
        line-height: 1.3em;
    }
    .serviceContents .wide__image__inner .imgBox {
        width: 100%;
        text-align: center;
    }
    .serviceContents .caption {
        text-align: left;
    }

    /* === MERIT === */
    #achievement {
        padding-top: 80px;
    }
    .meritContents .detailWrap,
    .meritContents .shopsDetail .detailWrap,
    html[lang=en] .meritContents .detailWrap,
    html[lang=en] .meritContents .shopsDetail .detailWrap {
        height: auto;
    }

    .meritContents .merit__header {
        margin-left: 0;
        margin-bottom: 32px;
        text-align: center;
        line-height: 2.3em;
    }
    .meritContents .header__text {
        font-size: 23px;
        line-height: 28px;

    }
    .meritContents .merit__detail {
        width: 100%;
        margin-bottom: 24px;
    }
    .meritContents .detail__voice {
        width: 100%;
    }
    .meritContents .detailWrap {
        width: 100%;
    }

    html[lang=en] .meritContents .detail__header,
    html[lang=en] .meritContents .merit__detail:nth-child(1) .detail__header {
        margin-bottom: 24px;
    }

    .business .track__text {
        text-align: left;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0.07em;
        text-align: left;
    }
    .business .track__notice {
        text-align: left;
    }
    .business .track__imgWrap {
        text-align: center;
    }
    html[lang=en] .outline__contents .content-list__title .title-text {
        width: 90%;
    }
    .outline__contents .content-list__desc {
        width: 100%;
        height: auto;
        padding-right: 0;
        padding-left: 0;


    }
    .outline__contents .content-list__image {
        width: unset;
        height: unset;
        padding: 25px 0 0;
    }
    .outline__contents .content-list__title {
        border: none;

    }
}

@media screen and (max-width: 768px) and (min-width: 560px){
    .serviceContents .flow__header {
        width:20%;
    }

    .serviceContents .detail__text {
        width: 80%;
    }
}