@charset "utf-8";

/*
 * Fluid values are calculated between:
 *   SP: 375px ↔ PC: 1324px
 *
 * Formula: clamp(min, calc(intercept + slope * 100vw), max)
 *   slope     = (max - min) / (1324 - 375)
 *   intercept = min - slope * 375
 */


/* ==============================================
   Common
============================================== */

html {
  scroll-padding-top: calc(74px + 20px * 2); /* ヘッダーの高さ分 */
}

body {
  color: var(--color-black);
}

em,strong {
  font-weight: 700;
}

#contentMain {
  margin-top: 0;
}

.boxBreadcrumb {
  bottom: -48px;
}

/* ==============================================
   Combined BG Wrapper
============================================== */

.combined-bg-wrapper {
  position:            relative;
  width:               100%;
  background-image:    url('/index/img/bg_earth-asean.png');
  background-repeat:   no-repeat;
  background-size:     613px;
  background-position: right top 40px;
}

@media (max-width: 740px) {
  .combined-bg-wrapper {
    background-position: left 2.5rem top 12.5rem;
    background-size:     initial;
  }
}


/* ==============================================
   Section Heading
============================================== */

.c-section-heading {
  width: 100%;
}

.c-section-heading__title {
  margin:      0;
  font-family: var(--font-primary);
  font-size:   var(--fs-heading);
  font-weight: 700;
  line-height: 1.2;
  color:       var(--color-primary);
}

.c-section-heading__sub {
  margin:           0;
  font-size:        var(--fs-sm);
  font-weight:      700;
  color:            var(--color-black);
  transform:        translateY(0.1em);
}

.c-section-heading--left,
.c-section-heading--center {
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  gap:             17px;
  text-align:      center;
  margin-bottom:   3.2rem;
}


.c-section-heading--left {
  align-items: flex-start;
  text-align:       left;
}

.c-section-heading--row {
  display:     flex;
  flex-wrap:   wrap;
  align-items: center;
  gap:         17px;
}

.c-section-heading--column {
  display:         flex;
  flex-direction:  column;
  align-items:     flex-start;
  margin-bottom:   clamp(3.2rem, 2.4889rem + 1.4815vw, 3.6rem);
}

.c-section-body {
  margin-bottom: clamp(5rem, 3.2222rem + 3.7037vw, 6rem);
}

.c-section-body__title {
  font-size:    var(--fs-base);
  font-weight:  700;
  text-align:   left;
  margin-block: 2.8rem 3.2rem;
}

.c-section-body__detail {
  font-size:    1.6rem;
  line-height:  2;
  margin-block: clamp(2.2rem, -0.2889rem + 5.1852vw, 3.6rem);
}

.c-section-body__title--emphasis {
  font-size:   clamp(2.4rem, 1.6889rem + 1.4815vw, 2.8rem);
  font-weight: 700;
}

@media (min-width: 740px) {
  .c-section-body__detail {
    margin-block: 3.6rem;
  }
}

@media (max-width: 740px) {
  .c-section-body__detail,
  #Services .c-section-body__title--emphasis {
    text-align: left;
  }

  .c-section-body__detail {
    margin-top:    2.2rem;
    margin-bottom: 4.0rem;
  }
}