@charset 'utf-8';

/* Global
---------------------------------------------*/
#global__sales{ padding: 60px 0 29px; text-align: center; background-color: #F6F6F6; }
.global__sales--title{ font-weight: 400; color:#000; letter-spacing: var(--ls-5); }
.global__sales--title .ja{ margin-bottom: calc(21px - (21px * .2)); display: block; font-size: calc(2.4rem - (2.4rem * .2)); line-height: calc(35 / 24); }
.global__sales--title small{ display: block; font-family: var(--ff-poppins); font-size: calc(4.6rem - (4.6rem * .2)); line-height: calc(35 / 24); }
.global__sales--title b{ display: block; font-weight: 400; font-family: var(--ff-poppins); font-size: calc(5.6rem - (5.6rem * .2)); }
.global__sales--txt-col{ position: relative; }
.global__sales--txt-col:last-child:before{ content: ''; position: absolute; }
.global__sales--txt2{ margin-top: calc(64px - (64px * .2)); font-size: 1.3rem; font-weight: 350; line-height: calc(28 / 13); letter-spacing: var(--ls-3); }

#global__office{ padding: 30px 20px; text-align: center; background: #E0E0E0 url(../../img/business/min-100_bg.png) no-repeat center / cover;  }
.global__office--box{ max-width: calc(1268px - (1268px * .2)); margin: 0 auto; padding: calc(69px - (69px * .2)) 20px calc(67px - (67px * .2)); background: #fff url(../../img/business/global/office_bg.png) no-repeat calc(100% - 24.8%) center / calc(348px - (348px * .2)) calc(348px - (348px * .2)); border: 1px solid rgba(238, 101, 109, .5); }
.global__office--box p{ margin: calc(41px - (41px * .2)) auto calc(59px - (59px * .2)); font-size: 1.3rem; font-weight: 350; line-height: calc(28 / 13); letter-spacing: var(--ls-3); }
.global__office--title{ font-size: calc(2.4rem - (2.4rem * .2)); font-weight: 400; line-height: calc(35 / 24); color:#000; letter-spacing: var(--ls-5); }

@media only screen and (min-width: 768px) {
    .busineess__desc{ padding-bottom: 100px; }
    #business-contact{ padding-top: 70px; border-top: 0; }
    .global__sales--txt{ margin-top: 32px; display: flex; justify-content: center; align-items: center; font-weight: 350; font-size: calc(1.8rem - (1.8rem * .2)); line-height: calc(40 / 18); letter-spacing: var(--ls-2); }
    .global__sales--txt-col{ width: 50%; max-width: calc(420px - (420px * .18)); }
    .global__sales--txt-col:nth-child(odd){ padding-right: calc(58px - (58px * .2)); display: inline-flex; flex-wrap: wrap; justify-content: flex-end; }
    .global__sales--txt-col:nth-child(even){ padding-left: calc(58px - (58px * .2)); }
    .global__sales--txt-col:last-child:before{ left: 2px; top:50%; transform: translateY(-50%); width: 3px; height: calc(58px - (58px * .2)); background-color: #000; }
    .global__company{ margin: auto;max-width: 620px;padding: 0 0 0 7%; }
}
@media only screen and (max-width: 767px) {
    #business-contact{ border-top-width: 16px; }
    #global__sales{ padding: 41px 0 40px; }
    .global__sales--title .ja{ margin-bottom: -7px; font-size: var(--fz-18); line-height: calc(26 / 18); }
    .global__sales--title small{ font-size: var(--fz-28); line-height: calc(42 / 18); }
    .global__sales--title b{ margin-top: -4px; font-size: var(--fz-31); line-height: 1; }
    .global__sales--txt{ margin-top: 29px; padding: 0 36px; font-size: var(--fz-13); line-height: calc(28 / 13); letter-spacing: var(--ls-2); }
    .global__sales--txt-col{ padding: 0; width: 100%; text-align: left; }
    .global__sales--txt-col:last-child{ margin-top: 20px; padding-top: 20px; }
    .global__sales--txt-col:last-child:before{ width: 53px; height: auto; left: 0; top: 0; border-top:1px solid #000; }
    .global__sales--txt2{ padding: 0 36px; margin-top: 20px; font-size: var(--fz-10); line-height: calc(14 / 10); text-align: left; }
    .global__company{ margin: auto;max-width: 420px;padding: 0 20px 0 20px; }

    #global__office{ padding: 34px 0; background: url(../../img/business/sp_min-100_bg.png) no-repeat 0 0 / 100% auto, url(../../img/business/sp_min-100_bg.png) no-repeat 0 bottom / 100% auto;  }
    .global__office--box{ padding: 40px 24px 40px 30px; border: 0; background-size: 337px 337px; background-position: calc(100% + 47px) center; }
    .global__office--title{ font-size: var(--fz-20); line-height: calc(30 / 21); }
    .global__office--box p{ margin: 22px auto 19px; font-size: var(--fz-13); text-align: left; }
}