/* input(69,48): run-time error CSS1019: Unexpected token, found ' '
input(69,48): run-time error CSS1019: Unexpected token, found ' '
input(69,48): run-time error CSS1063: Expected calculation unit, found ' '
input(69,48): run-time error CSS1064: Expected calculation product, found ' '
input(69,48): run-time error CSS1065: Expected calculation sum, found ' '
input(69,48): run-time error CSS1034: Expected closing parenthesis, found ' '
input(69,48): run-time error CSS1042: Expected function, found ' '
input(69,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(73,48): run-time error CSS1019: Unexpected token, found ' '
input(73,48): run-time error CSS1019: Unexpected token, found ' '
input(73,48): run-time error CSS1063: Expected calculation unit, found ' '
input(73,48): run-time error CSS1064: Expected calculation product, found ' '
input(73,48): run-time error CSS1065: Expected calculation sum, found ' '
input(73,48): run-time error CSS1034: Expected closing parenthesis, found ' '
input(73,48): run-time error CSS1042: Expected function, found ' '
input(73,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(91,42): run-time error CSS1019: Unexpected token, found ' '
input(91,42): run-time error CSS1019: Unexpected token, found ' '
input(91,42): run-time error CSS1063: Expected calculation unit, found ' '
input(91,42): run-time error CSS1064: Expected calculation product, found ' '
input(91,42): run-time error CSS1065: Expected calculation sum, found ' '
input(91,42): run-time error CSS1034: Expected closing parenthesis, found ' '
input(91,42): run-time error CSS1042: Expected function, found ' '
input(91,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(209,46): run-time error CSS1019: Unexpected token, found ' '
input(209,46): run-time error CSS1019: Unexpected token, found ' '
input(209,46): run-time error CSS1063: Expected calculation unit, found ' '
input(209,46): run-time error CSS1064: Expected calculation product, found ' '
input(209,46): run-time error CSS1065: Expected calculation sum, found ' '
input(209,46): run-time error CSS1034: Expected closing parenthesis, found ' '
input(209,46): run-time error CSS1042: Expected function, found ' '
input(209,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(213,51): run-time error CSS1019: Unexpected token, found ' '
input(213,51): run-time error CSS1019: Unexpected token, found ' '
input(213,51): run-time error CSS1063: Expected calculation unit, found ' '
input(213,51): run-time error CSS1064: Expected calculation product, found ' '
input(213,51): run-time error CSS1065: Expected calculation sum, found ' '
input(213,51): run-time error CSS1034: Expected closing parenthesis, found ' '
input(213,51): run-time error CSS1042: Expected function, found ' '
input(213,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */
.voluteeringtemplate .grid-container .flex-box {
  border-top: 0.625rem solid #B9C8DA; }
  .voluteeringtemplate .grid-container .flex-box .flexWrap {
    padding-bottom: clamp(1.3125rem, calc(1.3125rem + (26 - 21) * ((100vw - 24.5625rem) / (1023 - 393))), 1.625rem); }
    @media print, screen and (min-width: 64em) {
      .voluteeringtemplate .grid-container .flex-box .flexWrap {
        padding-bottom: clamp(1.625rem, calc(1.625rem + (51 - 26) * ((100vw - 64rem) / (1728 - 1024))), 3.1875rem); } }
    .voluteeringtemplate .grid-container .flex-box .flexWrap .wraptitle {
      width: 100%; }
      .voluteeringtemplate .grid-container .flex-box .flexWrap .wraptitle h2 {
        text-align: left;
        margin-top: clamp(0.625rem, calc(0.625rem + (18 - 10) * ((100vw - 24.5625rem) / (1023 - 393))), 1.125rem);
        font-size: clamp(3.4375rem, calc(3.4375rem + (64 - 55) * ((100vw - 24.5625rem) / (1023 - 393))), 4rem);
        line-height: 100%;
        letter-spacing: -0.05em; }
        @media print, screen and (min-width: 64em) {
          .voluteeringtemplate .grid-container .flex-box .flexWrap .wraptitle h2 {
            font-size: clamp(4rem, calc(4rem + (85 - 64) * ((100vw - 64rem) / (1728 - 1024))), 5.3125rem);
            margin-top: clamp(1.125rem, calc(1.125rem + (23 - 18) * ((100vw - 64rem) / (1728 - 1024))), 1.4375rem); } }

.voluteeringtemplate .grid-container .descContent {
  max-width: 70rem;
  width: 100%;
  margin-top: clamp(2.1875rem, calc(2.1875rem + (40 - 35) * ((100vw - 24.5625rem) / (1023 - 393))), 2.5rem); }
  @media print, screen and (min-width: 64em) {
    .voluteeringtemplate .grid-container .descContent {
      margin-top: clamp(2.5rem, calc(2.5rem + (59 - 40) * ((100vw - 64rem) / (1728 - 1024))), 3.6875rem); } }
  .voluteeringtemplate .grid-container .descContent p {
    font-family: 'UntitledSerif';
    font-style: normal;
    font-weight: 400;
    /* or 26px */
    letter-spacing: -0.01em;
    line-height: 123.6%;
    font-size: clamp(1.125rem, calc(1.125rem + (22 - 18) * ((100vw - 24.5625rem) / (1023 - 393))), 1.375rem); }
    @media print, screen and (min-width: 64em) {
      .voluteeringtemplate .grid-container .descContent p {
        font-size: clamp(1.375rem, calc(1.375rem + (27 - 22) * ((100vw - 64rem) / (1728 - 1024))), 1.6875rem); } }
    .voluteeringtemplate .grid-container .descContent p + p {
      margin-top: 1.25rem; }
      @media print, screen and (min-width: 64em) {
        .voluteeringtemplate .grid-container .descContent p + p {
          margin-top: 1.375rem; } }
      @media screen and (min-width: 80em) {
        .voluteeringtemplate .grid-container .descContent p + p {
          margin-top: 1.5rem; } }
  .voluteeringtemplate .grid-container .descContent hr {
    border-bottom: 0.1875rem solid #DCE3E1;
    margin: 3.25rem auto 4rem; }
  .voluteeringtemplate .grid-container .descContent ul {
    margin-left: 0; }
    @media screen and (min-width: 80em) {
      .voluteeringtemplate .grid-container .descContent ul {
        margin-left: 0.9375rem;
        margin-top: 1.5rem; } }
    .voluteeringtemplate .grid-container .descContent ul li {
      font-family: 'UntitleSerif';
      font-style: normal;
      font-weight: 400;
      line-height: 116.6%;
      padding-left: 2.8125rem;
      /* or 26px */
      letter-spacing: -0.01em;
      position: relative;
      margin-bottom: 1rem;
      font-size: clamp(1.125rem, calc(1.125rem + (22 - 18) * ((100vw - 24.5625rem) / (1023 - 393))), 1.375rem); }
      @media print, screen and (min-width: 64em) {
        .voluteeringtemplate .grid-container .descContent ul li {
          font-size: calc(clamp(1.375rem, 0vw + 1.375rem, 1.375rem));
          margin-bottom: 1.15em; } }
      @media screen and (min-width: 80em) {
        .voluteeringtemplate .grid-container .descContent ul li {
          font-size: calc(clamp(1.375rem, 0vw + 1.375rem, 1.375rem));
          margin-bottom: 1.875rem; } }
      .voluteeringtemplate .grid-container .descContent ul li::before {
        content: '';
        position: absolute;
        top: 0.1875rem;
        left: 0;
        background: url("../assets/images/settings/squareBullet.svg?v=9X_cGyBpFGq6DNION1DX9XHmPSk") no-repeat;
        background-size: contain;
        height: 1.125rem;
        width: 1.125rem; }

.voluteeringtemplate .grid-container .customCta {
  margin-top: 2.3125rem; }
  .voluteeringtemplate .grid-container .customCta a {
    font-family: 'UntitledSerif';
    font-style: normal;
    font-weight: 700;
    font-size: calc(clamp(1.563rem, 0vw + 1.563rem, 1.563rem));
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #03203D;
    display: inline-block;
    position: relative; }
    .voluteeringtemplate .grid-container .customCta a::after {
      content: '';
      position: relative;
      right: -0.25rem;
      width: 1.9375rem;
      height: 1.0625rem;
      display: inline-block;
      background: url("../assets/images/settings/arrow-blue.svg?v=2Y78ZzXozWFiFQUHLbdCOQWTrJQ") no-repeat;
      background-size: contain; }

.voluteeringtemplate .grid-container .imgWrap {
  margin-top: clamp(2.1875rem, calc(2.1875rem + (45 - 35) * ((100vw - 24.5625rem) / (1023 - 393))), 2.8125rem); }
  @media print, screen and (min-width: 64em) {
    .voluteeringtemplate .grid-container .imgWrap {
      margin-top: clamp(2.8125rem, calc(2.8125rem + (62 - 45) * ((100vw - 64rem) / (1728 - 1024))), 3.875rem); } }
  .voluteeringtemplate .grid-container .imgWrap p {
    font-family: 'ABCDiatype';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1rem, calc(1rem + (18 - 16) * ((100vw - 24.5625rem) / (1023 - 393))), 1.125rem);
    line-height: 100%;
    /* identical to box height, or 20px */
    letter-spacing: -0.025em;
    color: #03203D;
    margin-top: clamp(1.25rem, calc(1.25rem + (20 - 20) * ((100vw - 24.5625rem) / (1023 - 393))), 1.25rem); }
    @media print, screen and (min-width: 64em) {
      .voluteeringtemplate .grid-container .imgWrap p {
        font-size: clamp(1.125rem, calc(1.125rem + (20 - 18) * ((100vw - 64rem) / (1728 - 1024))), 1.25rem);
        margin-top: clamp(1.125rem, calc(1.125rem + (18 - 18) * ((100vw - 64rem) / (1728 - 1024))), 1.125rem); } }
  /*.voluteeringtemplate .grid-container .imgWrap img {
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }*/

.voluteeringtemplate .grid-container .rtlContent {
  margin-top: clamp(1.875rem, calc(1.875rem + (38 - 30) * ((100vw - 24.5625rem) / (1023 - 393))), 2.375rem); }
  @media print, screen and (min-width: 64em) {
    .voluteeringtemplate .grid-container .rtlContent {
      margin-top: clamp(2.375rem, calc(2.375rem + (55 - 38) * ((100vw - 64rem) / (1728 - 1024))), 3.4375rem); } }
  .voluteeringtemplate .grid-container .rtlContent ul li {
    font-family: 'UntitledSerif';
    line-height: 123.6%;
    letter-spacing: -0.01em;
    padding-left: 2.8125rem;
    position: relative;
    font-size: clamp(1.125rem, calc(1.125rem + (22 - 18) * ((100vw - 24.5625rem) / (1023 - 393))), 1.375rem);
    margin-bottom: clamp(1.125rem, calc(1.125rem + (18 - 18) * ((100vw - 24.5625rem) / (1023 - 393))), 1.125rem); }
    @media print, screen and (min-width: 48em) {
      .voluteeringtemplate .grid-container .rtlContent ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media print, screen and (min-width: 64em) {
      .voluteeringtemplate .grid-container .rtlContent ul li {
        font-size: clamp(1.375rem, calc(1.375rem + (27 - 22) * ((100vw - 64rem) / (1728 - 1024))), 1.6875rem);
        margin-bottom: clamp(0.875rem, calc(0.875rem + (14 - 14) * ((100vw - 64rem) / (1279 - 1024))), 0.875rem); } }
    @media screen and (min-width: 80em) {
      .voluteeringtemplate .grid-container .rtlContent ul li {
        margin-bottom: clamp(0.75rem, calc(0.75rem + (12 - 12) * ((100vw - 80rem) / (1728 - 1280))), 0.75rem); } }
    .voluteeringtemplate .grid-container .rtlContent ul li b,
    .voluteeringtemplate .grid-container .rtlContent ul li strong {
      text-decoration: underline; }
    .voluteeringtemplate .grid-container .rtlContent ul li::before {
      content: '';
      position: absolute;
      top: 0.25rem;
      left: 0;
      background: url("../assets/images/settings/squareBullet.svg?v=9X_cGyBpFGq6DNION1DX9XHmPSk") no-repeat;
      background-size: contain;
      height: 1.25rem;
      width: 1.25rem; }
      @media print, screen and (min-width: 64em) {
        .voluteeringtemplate .grid-container .rtlContent ul li::before {
          top: clamp(0.25rem, calc(0.25rem + (9 - 4) * ((100vw - 64rem) / (1728 - 1024))), 0.5625rem); } }
    .voluteeringtemplate .grid-container .rtlContent ul li:last-child {
      margin-bottom: 0.1875rem; }
      @media print, screen and (min-width: 64em) {
        .voluteeringtemplate .grid-container .rtlContent ul li:last-child {
          margin-bottom: 0.9375rem; } }
      @media screen and (min-width: 80em) {
        .voluteeringtemplate .grid-container .rtlContent ul li:last-child {
          margin-bottom: 0.1875rem; } }
    .voluteeringtemplate .grid-container .rtlContent ul li p {
      font-family: 'UntitledSerif';
      line-height: 123.6%;
      letter-spacing: -0.01em; }
      @media print, screen and (min-width: 48em) {
        .voluteeringtemplate .grid-container .rtlContent ul li p {
          max-width: 78%;
          padding-right: 0.625rem; } }
    .voluteeringtemplate .grid-container .rtlContent ul li img {
      margin: 0 auto;
      -o-object-fit: contain;
         object-fit: contain;
      margin-top: 0.4375rem; }
      @media print, screen and (max-width: 47.99875em) {
        .voluteeringtemplate .grid-container .rtlContent ul li img {
          margin-top: 0.4375rem; } }
      @media print, screen and (min-width: 48em) {
        .voluteeringtemplate .grid-container .rtlContent ul li img {
          max-width: 22%; } }
      @media screen and (min-width: 90em) {
        .voluteeringtemplate .grid-container .rtlContent ul li img {
          margin-top: -1.25rem; } }
  .voluteeringtemplate .grid-container .rtlContent + .imgWrap {
    margin-top: clamp(2.5rem, calc(2.5rem + (40 - 40) * ((100vw - 24.5625rem) / (1023 - 393))), 2.5rem); }
    @media print, screen and (min-width: 64em) {
      .voluteeringtemplate .grid-container .rtlContent + .imgWrap {
        margin-top: clamp(2.3125rem, calc(2.3125rem + (62 - 37) * ((100vw - 64rem) / (1728 - 1024))), 3.875rem); } }

.voluteeringtemplate .volunteeringDescription:last-child,
.voluteeringtemplate .volunteeringDescriptionContent:last-child {
  margin-bottom: calc(clamp(2.5rem, 9.524vw + 0.161rem, 6.25rem)); }
  @media print, screen and (min-width: 64em) {
    .voluteeringtemplate .volunteeringDescription:last-child,
    .voluteeringtemplate .volunteeringDescriptionContent:last-child {
      margin-bottom: calc(clamp(6.25rem, 7.102vw + 1.705rem, 9.375rem)); } }

.professionalDetail .grid-container .item-content .flex-box {
  border-top: 0.625rem solid #B9C8DA; }
  .professionalDetail .grid-container .item-content .flex-box .detailTitle {
    margin-top: 1.875rem; }
    .professionalDetail .grid-container .item-content .flex-box .detailTitle h2 {
      font-family: 'UntitledSerif';
      font-style: normal;
      font-weight: 700;
      font-size: clamp(1.875rem, calc(1.875rem + (30 - 30) * ((100vw - 24.5625rem) / (1023 - 393))), 1.875rem);
      line-height: 100%;
      letter-spacing: -0.025em;
      color: #03203D; }
      @media print, screen and (min-width: 64em) {
        .professionalDetail .grid-container .item-content .flex-box .detailTitle h2 {
          font-size: clamp(1.875rem, calc(1.875rem + (40 - 30) * ((100vw - 64rem) / (1728 - 1024))), 2.5rem); } }

@media print, screen and (min-width: 48em) {
  .professionalDetail .grid-container .item-content .flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.1875rem; } }

.professionalDetail .grid-container .item-content .flexBox .columnBox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media print, screen and (max-width: 47.99875em) {
    .professionalDetail .grid-container .item-content .flexBox .columnBox {
      margin-top: 1.25rem; } }
  @media print, screen and (min-width: 48em) {
    .professionalDetail .grid-container .item-content .flexBox .columnBox {
      width: 31%;
      margin-right: 3.5%; }
      .professionalDetail .grid-container .item-content .flexBox .columnBox:nth-child(3n+3) {
        margin-right: 0; } }
  @media print, screen and (min-width: 64em) {
    .professionalDetail .grid-container .item-content .flexBox .columnBox {
      width: 28.5%;
      margin-right: 4%; } }
  .professionalDetail .grid-container .item-content .flexBox .columnBox p {
    max-width: 21.875rem;
    margin-bottom: 0;
    font-size: clamp(1.375rem, calc(1.375rem + (22 - 22) * ((100vw - 24.5625rem) / (1023 - 393))), 1.375rem);
    font-family: 'UntitledSerif'; }
    @media print, screen and (min-width: 64em) {
      .professionalDetail .grid-container .item-content .flexBox .columnBox p {
        font-size: clamp(1.375rem, calc(1.375rem + (27 - 22) * ((100vw - 64rem) / (1728 - 1024))), 1.6875rem); } }
    .professionalDetail .grid-container .item-content .flexBox .columnBox p + a[href^="mailto:"] {
      margin-top: 1.5625rem;
      font-weight: 700; }
      @media print, screen and (min-width: 64em) {
        .professionalDetail .grid-container .item-content .flexBox .columnBox p + a[href^="mailto:"] {
          margin-top: clamp(1.6875rem, calc(1.6875rem + (32 - 27) * ((100vw - 64rem) / (1728 - 1024))), 2rem); } }
  .professionalDetail .grid-container .item-content .flexBox .columnBox a[href^="mailto:"] {
    font-weight: 700; }
  .professionalDetail .grid-container .item-content .flexBox .columnBox a {
    text-decoration: none;
    display: inline-block;
    font-family: 'UntitledSerif';
    font-size: clamp(1.375rem, calc(1.375rem + (22 - 22) * ((100vw - 24.5625rem) / (1023 - 393))), 1.375rem);
    line-height: 123.6%; }
    @media print, screen and (min-width: 64em) {
      .professionalDetail .grid-container .item-content .flexBox .columnBox a {
        font-size: clamp(1.375rem, calc(1.375rem + (27 - 22) * ((100vw - 64rem) / (1728 - 1024))), 1.6875rem); } }
  @media print, screen and (max-width: 47.99875em) {
    .professionalDetail .grid-container .item-content .flexBox .columnBox + .columnBox {
      margin-top: 2.5rem; } }

.professionalDetail .grid-container .item-content + .item-content {
  margin-top: 2.1875rem; }
  @media print, screen and (min-width: 64em) {
    .professionalDetail .grid-container .item-content + .item-content {
      margin-top: clamp(2.9375rem, calc(2.9375rem + (70 - 47) * ((100vw - 64rem) / (1728 - 1024))), 4.375rem); } }

.professionalDetail .grid-container .backtoreturn {
  max-width: 22.0625rem;
  margin-top: clamp(2.4375rem, calc(2.4375rem + (50 - 39) * ((100vw - 24.5625rem) / (1023 - 393))), 3.125rem); }
  @media print, screen and (min-width: 64em) {
    .professionalDetail .grid-container .backtoreturn {
      max-width: 25.30313rem;
      margin-top: clamp(3.125rem, calc(3.125rem + (67 - 50) * ((100vw - 64rem) / (1728 - 1024))), 4.1875rem); } }
  @media screen and (min-width: 80em) {
    .professionalDetail .grid-container .backtoreturn {
      max-width: 27.24063rem; } }
  .professionalDetail .grid-container .backtoreturn a {
    display: inline-block;
    background: #0B3D71;
    padding: 1.5rem 0.9375rem 1.125rem 2.1875rem;
    text-align: center;
    font-family: 'ABCDiatype';
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #FFFFFF;
    text-align: center;
    width: 100%; }
    @media (max-width: 380px) {
      .professionalDetail .grid-container .backtoreturn a {
        font-size: 1.375rem; } }
    .professionalDetail .grid-container .backtoreturn a::before {
      content: '';
      background: url("../assets/images/settings/arrow-left.svg?v=9X_cGyBpFGq6DNION1DX9XHmPSk") no-repeat;
      background-size: contain;
      width: 1.375rem;
      height: 1.0625rem;
      position: relative;
      left: -1.3125rem;
      display: inline-block; }
      @media print, screen and (min-width: 64em) {
        .professionalDetail .grid-container .backtoreturn a::before {
          left: -1.375rem; } }
      @media screen and (min-width: 80em) {
        .professionalDetail .grid-container .backtoreturn a::before {
          left: -2.25rem; } }
    .professionalDetail .grid-container .backtoreturn a:hover {
      background: #03203D;
      text-decoration: none; }

.professionalDetail + .professionalDetail {
  margin-top: clamp(2.5rem, calc(2.5rem + (70 - 40) * ((100vw - 24.5625rem) / (1023 - 393))), 4.375rem); }

