@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Base
 */
/**
 * 1. デフォルトのフォントファミリーを変更する
 * 2. iOSにおけるPortrait/Landscape変更時のフォントサイズの自動調整を防止する
 */
html {
  font-family: "SST W55", sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0 auto;
  font-size: 16px;
  line-height: 2;
  color: #3A414A;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a[href^="#fn-"] {
  padding-right: 0.25em;
  padding-left: 0.25em;
  font-family: "mplus-1m", monospace;
  font-weight: bold;
  text-decoration: none;
}
a[href^="#fnref-"] {
  text-decoration: none;
}
a:not([href]) {
  cursor: default;
}

h2 {
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  line-height: 1.85;
}
@media only screen and (max-width: 500px) {
  h2 {
    margin-top: 2.75rem;
    margin-bottom: 1.75rem;
    font-size: 1.25rem;
  }
}

h3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.85;
}
@media only screen and (max-width: 500px) {
  h3 {
    margin-top: 2.15rem;
    margin-bottom: 1.25rem;
  }
}

h4,
h5,
h6 {
  margin-top: 1.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.429;
}

p,
ol,
ul,
dl {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 2;
}

ol,
ul {
  padding-left: 2rem;
}

ul li {
  position: relative;
}

dd {
  margin-left: 2rem;
}

h3 + p,
h4 + p,
h5 + p,
h6 + p,
h3 + ol,
h4 + ol,
h5 + ol,
h6 + ol,
h3 + ul,
h4 + ul,
h5 + ul,
h6 + ul,
h3 + dl,
h4 + dl,
h5 + dl,
h6 + dl {
  margin-top: 0;
}

ol p,
ul p,
dl p,
ol ol,
ul ol,
dl ol,
ol ul,
ul ul,
dl ul,
ol dl,
ul dl,
dl dl {
  margin-top: 0;
  margin-bottom: 0;
}

dl.vertical-ui dt {
  float: left;
  margin-right: 0.5rem;
}
dl.vertical-ui dd {
  margin-left: 0;
}

dl.table-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #f1f1f1;
  border-right: solid 1px #D8DBDF;
  border-bottom: solid 1px #D8DBDF;
  border-left: solid 1px #D8DBDF;
}
dl.table-ui dt,
dl.table-ui dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem 1rem 0;
  border-top: solid 1px #D8DBDF;
}
dl.table-ui dt {
  float: left;
  width: 40%;
}
dl.table-ui dd {
  padding-bottom: 0.5rem;
  margin-left: 40%;
  background-color: white;
  border-left: solid 1px #D8DBDF;
}
dl.table-ui dd::after {
  display: block;
  clear: both;
  content: "";
}

img,
audio,
iframe,
object,
embed {
  max-width: 100%;
  height: auto;
  border: none;
}

img {
  vertical-align: baseline;
}

video {
  width: 100% !important;
  height: auto !important;
}

input,
button,
textarea,
select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: inherit;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input::-webkit-search-decoration,
button::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration {
  display: none;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline-offset: -2px;
}

select::-ms-expand {
  display: none;
}

pre {
  padding-top: 1.525rem;
  padding-right: 2rem;
  padding-bottom: 1.525rem;
  padding-left: 2rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  overflow: auto;
  font-family: "mplus-1m", monospace;
  font-size: inherit;
  line-height: 1.429;
  background-color: #f1f1f1;
  border-radius: 0.125em;
}

/**
 * 1. Chrome 57以前のバージョンで下線をリセットする
 * 2. Chrome, Edge, Operaで正しい装飾を追加(IE, Safariは装飾なし)
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
  border-bottom: none; /* 1 */
}

/**
 * strong, bのネストを考慮し、bolderで相対的なウェイトを指定する
 * https://github.com/necolas/normalize.css/pull/342
 */
b,
strong {
  font-weight: bolder;
}

code,
samp,
kbd {
  padding: 0.175em 0.375ch 0.125em;
  margin-right: 0.125ch;
  margin-left: 0.125ch;
  font-family: "mplus-1m", monospace;
  font-size: inherit;
  color: inherit;
  background-color: #f1f1f1;
  border-radius: 0.125em;
}

pre code,
pre samp,
pre kbd {
  padding: 0;
  margin-right: 0;
  margin-left: 0;
  background-color: transparent;
  border-radius: 0;
}

blockquote {
  padding-top: 1.525rem;
  padding-right: 2rem;
  padding-bottom: 1.525rem;
  padding-left: 2rem;
  margin: 0;
  background-color: #f1f1f1;
}
blockquote p {
  margin-top: 0;
  margin-bottom: 0;
}
blockquote p + p {
  text-indent: 1em;
}
blockquote footer {
  text-align: right;
}

figure,
table {
  margin: 3rem auto;
  line-height: 1.667;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #D8DBDF;
}

th,
td {
  padding: 0.5rem 1rem;
}

th,
td {
  border: 1px solid #D8DBDF;
  border-right-width: 0;
  border-bottom-width: 0;
}

th {
  font-weight: bold;
}

tbody th,
tfoot th {
  text-align: left;
}

figure {
  display: table;
  table-layout: fixed;
}

figcaption,
caption {
  margin-top: 1.167em;
  margin-bottom: -0.5em;
  font-size: 0.75rem;
  line-height: 1.667;
  text-align: left;
}
figcaption a,
caption a {
  color: inherit;
}

caption {
  caption-side: bottom;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  margin: 3.5rem 0;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0 0;
}

svg {
  fill: currentcolor;
}

/**
 * CSS Classes
 */
.textDecoration-none {
  text-decoration: none;
}

.textDecoration-underline {
  text-decoration: underline;
}

.textDecoration-overline {
  text-decoration: overline;
}

.textDecoration-lineThrough {
  text-decoration: line-through;
}

.textDecoration-none--hover:hover {
  text-decoration: none;
}

.textDecoration-underline--hover:hover {
  text-decoration: underline;
}

.textDecoration-overline--hover:hover {
  text-decoration: overline;
}

.textDecoration-lineThrough--hover:hover {
  text-decoration: line-through;
}

@media only screen and (min-width: 500px) {
  .breakPointS-textDecoration-none {
    text-decoration: none;
  }
  .breakPointS-textDecoration-underline {
    text-decoration: underline;
  }
  .breakPointS-textDecoration-overline {
    text-decoration: overline;
  }
  .breakPointS-textDecoration-lineThrough {
    text-decoration: line-through;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-textDecoration-none {
    text-decoration: none;
  }
  .breakPointM-textDecoration-underline {
    text-decoration: underline;
  }
  .breakPointM-textDecoration-overline {
    text-decoration: overline;
  }
  .breakPointM-textDecoration-lineThrough {
    text-decoration: line-through;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-textDecoration-none {
    text-decoration: none;
  }
  .breakPointL-textDecoration-underline {
    text-decoration: underline;
  }
  .breakPointL-textDecoration-overline {
    text-decoration: overline;
  }
  .breakPointL-textDecoration-lineThrough {
    text-decoration: line-through;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-textDecoration-none {
    text-decoration: none;
  }
  .breakPointXL-textDecoration-underline {
    text-decoration: underline;
  }
  .breakPointXL-textDecoration-overline {
    text-decoration: overline;
  }
  .breakPointXL-textDecoration-lineThrough {
    text-decoration: line-through;
  }
}
.select-container {
  position: relative;
  z-index: 1;
}

.select {
  width: 100%;
  display: inline-block;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: inherit;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-box-shadow: inset 0 0 0 1px #D8DBDF;
          box-shadow: inset 0 0 0 1px #D8DBDF;
  border-radius: 2px;
}

.select:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b9b9b9;
          box-shadow: inset 0 0 0 1px #b9b9b9;
}

.select + div > .svgIcon {
  fill: #9EA2A6;
}

.select + div {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 12px;
  margin-right: 9px;
  z-index: -1;
}

.select + div,
.select + div > .svgIcon {
  width: 26px;
  height: 26px;
}

.textAlign-left {
  text-align: left;
}

.textAlign-right {
  text-align: right;
}

.textAlign-center {
  text-align: center;
}

@media only screen and (min-width: 500px) {
  .breakPointS-textAlign-left {
    text-align: left;
  }
  .breakPointS-textAlign-right {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-textAlign-left {
    text-align: left;
  }
  .breakPointM-textAlign-right {
    text-align: right;
  }
  .breakPointM-textAlign-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-textAlign-left {
    text-align: left;
  }
  .breakPointL-textAlign-right {
    text-align: right;
  }
  .breakPointL-textAlign-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-textAlign-left {
    text-align: left;
  }
  .breakPointXL-textAlign-right {
    text-align: right;
  }
  .breakPointXL-textAlign-center {
    text-align: center;
  }
}
.textTransform-none {
  text-transform: none;
}

.textTransform-capitalize {
  text-transform: capitalize;
}

.textTransform-uppercase, .member-single-aside-main-tags-header h3, .member-single-aside-header--projects > h3, .member-single-aside-header--publications > h3, .member-single-aside-header h3, .staffList-col h3, .member-container-header > h3, .post-nav-item--newsTop, .news-aside-header > h3, .news-aside .related-more-button, .related-more-button, .year-list + .related-more-button, .more-btn a, .more-button, #page-title, .tagpage-contents .tagpage-contents-header h3, .ceoMessage-video-container h3, .ceoMessage-header h3, .aboutus-header h3, .contact-info-header h3, .search_submit, .tab_drawer_heading, ul.tabs li {
  text-transform: uppercase;
}

.textTransform-lowercase {
  text-transform: lowercase;
}

@media only screen and (min-width: 500px) {
  .breakPointS-textTransform-none {
    text-transform: none;
  }
  .breakPointS-textTransform-capitalize {
    text-transform: capitalize;
  }
  .breakPointS-textTransform-uppercase {
    text-transform: uppercase;
  }
  .breakPointS-textTransform-lowercase {
    text-transform: lowercase;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-textTransform-none {
    text-transform: none;
  }
  .breakPointM-textTransform-capitalize {
    text-transform: capitalize;
  }
  .breakPointM-textTransform-uppercase {
    text-transform: uppercase;
  }
  .breakPointM-textTransform-lowercase {
    text-transform: lowercase;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-textTransform-none {
    text-transform: none;
  }
  .breakPointL-textTransform-capitalize {
    text-transform: capitalize;
  }
  .breakPointL-textTransform-uppercase {
    text-transform: uppercase;
  }
  .breakPointL-textTransform-lowercase {
    text-transform: lowercase;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-textTransform-none {
    text-transform: none;
  }
  .breakPointXL-textTransform-capitalize {
    text-transform: capitalize;
  }
  .breakPointXL-textTransform-uppercase {
    text-transform: uppercase;
  }
  .breakPointXL-textTransform-lowercase {
    text-transform: lowercase;
  }
}
.boxShadow-blue {
  -webkit-box-shadow: inset 0 0 0 1px #1a65ff;
          box-shadow: inset 0 0 0 1px #1a65ff;
}

.boxShadow-green {
  -webkit-box-shadow: inset 0 0 0 1px #17CE97;
          box-shadow: inset 0 0 0 1px #17CE97;
}

.boxShadow-purple {
  -webkit-box-shadow: inset 0 0 0 1px #9181FF;
          box-shadow: inset 0 0 0 1px #9181FF;
}

.boxShadow-orange {
  -webkit-box-shadow: inset 0 0 0 1px #FC6801;
          box-shadow: inset 0 0 0 1px #FC6801;
}

.boxShadow-red {
  -webkit-box-shadow: inset 0 0 0 1px #FF5F5F;
          box-shadow: inset 0 0 0 1px #FF5F5F;
}

.boxShadow-yellow {
  -webkit-box-shadow: inset 0 0 0 1px #FFC82C;
          box-shadow: inset 0 0 0 1px #FFC82C;
}

.boxShadow-smoke {
  -webkit-box-shadow: inset 0 0 0 1px #D8DBDF;
          box-shadow: inset 0 0 0 1px #D8DBDF;
}

.boxShadow-smoke--xd {
  -webkit-box-shadow: inset 0 0 0 1px #b9b9b9;
          box-shadow: inset 0 0 0 1px #b9b9b9;
}

.boxShadow-steel {
  -webkit-box-shadow: inset 0 0 0 1px #2A2B2D;
          box-shadow: inset 0 0 0 1px #2A2B2D;
}

.boxShadow-close {
  -webkit-box-shadow: 0 1px 2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: 0 1px 2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-subtle {
  -webkit-box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15);
          box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15);
}

.boxShadow-box {
  -webkit-box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1);
          box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1);
}

.boxShadow-white--transparent {
  -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.3);
          box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.3);
}

.boxShadow-none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.boxShadow-blue--hover {
  -webkit-box-shadow: inset 0 0 0 1px #1a65ff;
          box-shadow: inset 0 0 0 1px #1a65ff;
}

.boxShadow-orange--hover {
  -webkit-box-shadow: inset 0 0 0 1px #FC6801;
          box-shadow: inset 0 0 0 1px #FC6801;
}

.boxShadow-deboss--hover {
  -webkit-box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-emboss--hover {
  -webkit-box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-raise--hover {
  -webkit-box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
          box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}

.boxShadow-smoke--xd--hover {
  -webkit-box-shadow: inset 0 0 0 1px #b9b9b9;
          box-shadow: inset 0 0 0 1px #b9b9b9;
}

.boxShadow-blue--focus {
  -webkit-box-shadow: inset 0 0 0 1px #1a65ff;
          box-shadow: inset 0 0 0 1px #1a65ff;
}

.boxShadow-orange--focus {
  -webkit-box-shadow: inset 0 0 0 1px #FC6801;
          box-shadow: inset 0 0 0 1px #FC6801;
}

.boxShadow-deboss--focus {
  -webkit-box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-emboss--focus {
  -webkit-box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
}

.boxShadow-raise--focus {
  -webkit-box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
          box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}

.boxShadow-smoke--xd--focus {
  -webkit-box-shadow: inset 0 0 0 1px #b9b9b9;
          box-shadow: inset 0 0 0 1px #b9b9b9;
}

.borderWidth-0 {
  border-width: 0;
}

.borderTopWidth-0 {
  border-top-width: 0;
}

.borderBottomWidth-0 {
  border-bottom-width: 0;
}

.borderLeftWidth-0 {
  border-left-width: 0;
}

.borderRightWidth-0 {
  border-right-width: 0;
}

.borderWidth-1 {
  border-width: 1px;
}

.borderTopWidth-1 {
  border-top-width: 1px;
}

.borderBottomWidth-1 {
  border-bottom-width: 1px;
}

.borderLeftWidth-1 {
  border-left-width: 1px;
}

.borderRightWidth-1 {
  border-right-width: 1px;
}

@media only screen and (min-width: 500px) {
  .breakPointS-borderWidth-0 {
    border-width: 0;
  }
  .breakPointS-borderTopWidth-0 {
    border-top-width: 0;
  }
  .breakPointS-borderBottomWidth-0 {
    border-bottom-width: 0;
  }
  .breakPointS-borderLeftWidth-0 {
    border-left-width: 0;
  }
  .breakPointS-borderRightWidth-0 {
    border-right-width: 0;
  }
  .breakPointS-borderWidth-1 {
    border-width: 1px;
  }
  .breakPointS-borderTopWidth-1 {
    border-top-width: 1px;
  }
  .breakPointS-borderBottomWidth-1 {
    border-bottom-width: 1px;
  }
  .breakPointS-borderLeftWidth-1 {
    border-left-width: 1px;
  }
  .breakPointS-borderRightWidth-1 {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-borderWidth-0 {
    border-width: 0;
  }
  .breakPointM-borderTopWidth-0 {
    border-top-width: 0;
  }
  .breakPointM-borderBottomWidth-0 {
    border-bottom-width: 0;
  }
  .breakPointM-borderLeftWidth-0 {
    border-left-width: 0;
  }
  .breakPointM-borderRightWidth-0 {
    border-right-width: 0;
  }
  .breakPointM-borderWidth-1 {
    border-width: 1px;
  }
  .breakPointM-borderTopWidth-1 {
    border-top-width: 1px;
  }
  .breakPointM-borderBottomWidth-1 {
    border-bottom-width: 1px;
  }
  .breakPointM-borderLeftWidth-1 {
    border-left-width: 1px;
  }
  .breakPointM-borderRightWidth-1 {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-borderWidth-0 {
    border-width: 0;
  }
  .breakPointL-borderTopWidth-0 {
    border-top-width: 0;
  }
  .breakPointL-borderBottomWidth-0 {
    border-bottom-width: 0;
  }
  .breakPointL-borderLeftWidth-0 {
    border-left-width: 0;
  }
  .breakPointL-borderRightWidth-0 {
    border-right-width: 0;
  }
  .breakPointL-borderWidth-1 {
    border-width: 1px;
  }
  .breakPointL-borderTopWidth-1 {
    border-top-width: 1px;
  }
  .breakPointL-borderBottomWidth-1 {
    border-bottom-width: 1px;
  }
  .breakPointL-borderLeftWidth-1 {
    border-left-width: 1px;
  }
  .breakPointL-borderRightWidth-1 {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-borderWidth-0 {
    border-width: 0;
  }
  .breakPointXL-borderTopWidth-0 {
    border-top-width: 0;
  }
  .breakPointXL-borderBottomWidth-0 {
    border-bottom-width: 0;
  }
  .breakPointXL-borderLeftWidth-0 {
    border-left-width: 0;
  }
  .breakPointXL-borderRightWidth-0 {
    border-right-width: 0;
  }
  .breakPointXL-borderWidth-1 {
    border-width: 1px;
  }
  .breakPointXL-borderTopWidth-1 {
    border-top-width: 1px;
  }
  .breakPointXL-borderBottomWidth-1 {
    border-bottom-width: 1px;
  }
  .breakPointXL-borderLeftWidth-1 {
    border-left-width: 1px;
  }
  .breakPointXL-borderRightWidth-1 {
    border-right-width: 1px;
  }
}
.borderRadius-l {
  border-radius: 6px;
}

.borderRadiusTop-l {
  border-radius: 6px 6px 0 0;
}

.borderRadiusBottom-l {
  border-radius: 0 0 6px 6px;
}

.borderRadiusLeft-l {
  border-radius: 6px 0 0 6px;
}

.borderRadiusRight-l {
  border-radius: 0 6px 6px 0;
}

.borderRadiusTopLeft-l {
  border-radius: 6px 0 0 0;
}

.borderRadiusTopRight-l {
  border-radius: 0 6px 0 0;
}

.borderRadiusBottomLeft-l {
  border-radius: 0 0 0 6px;
}

.borderRadiusBottomRight-l {
  border-radius: 0 0 6px 0;
}

.borderRadius-m {
  border-radius: 4px;
}

.borderRadiusTop-m {
  border-radius: 4px 4px 0 0;
}

.borderRadiusBottom-m {
  border-radius: 0 0 4px 4px;
}

.borderRadiusLeft-m {
  border-radius: 4px 0 0 4px;
}

.borderRadiusRight-m {
  border-radius: 0 4px 4px 0;
}

.borderRadiusTopLeft-m {
  border-radius: 4px 0 0 0;
}

.borderRadiusTopRight-m {
  border-radius: 0 4px 0 0;
}

.borderRadiusBottomLeft-m {
  border-radius: 0 0 0 4px;
}

.borderRadiusBottomRight-m {
  border-radius: 0 0 4px 0;
}

.borderRadius-s, .agree-media-main textarea, .agree-media-main input[type=text], .agree-media-header, .policy-header, .terms-header, .search--box input[type=text] {
  border-radius: 2px;
}

.borderRadiusTop-s {
  border-radius: 2px 2px 0 0;
}

.borderRadiusBottom-s {
  border-radius: 0 0 2px 2px;
}

.borderRadiusLeft-s {
  border-radius: 2px 0 0 2px;
}

.borderRadiusRight-s {
  border-radius: 0 2px 2px 0;
}

.borderRadiusTopLeft-s {
  border-radius: 2px 0 0 0;
}

.borderRadiusTopRight-s {
  border-radius: 0 2px 0 0;
}

.borderRadiusBottomLeft-s {
  border-radius: 0 0 0 2px;
}

.borderRadiusBottomRight-s {
  border-radius: 0 0 2px 0;
}

.borderRadius-circle {
  border-radius: 50%;
}

.borderRadius-0 {
  border-radius: 0;
}

.height-100 {
  height: 100%;
}

.height-auto {
  height: auto;
}

.height-xxl {
  height: 80px;
}

.height-xl {
  height: 60px;
}

.height-l {
  height: 40px;
}

.height-m {
  height: 20px;
}

.height-s {
  height: 15px;
}

.height-xs {
  height: 10px;
}

.height-xxs {
  height: 5px;
}

.height-control--xxxl {
  height: 80px;
}

.height-control--xxl {
  height: 60px;
}

.height-control--xl {
  height: 40px;
}

.height-control--l {
  height: 30px;
}

.height-control--m {
  height: 20px;
}

.height-control--s {
  height: 15px;
}

.height-control--xs {
  height: 10px;
}

.height-control--xxs {
  height: 5px;
}

@media only screen and (min-width: 500px) {
  .breakPointS-height-100 {
    height: 100%;
  }
  .breakPointS-height-auto {
    height: auto;
  }
  .breakPointS-height-xxl {
    height: 80px;
  }
  .breakPointS-height-xl {
    height: 60px;
  }
  .breakPointS-height-l {
    height: 40px;
  }
  .breakPointS-height-m {
    height: 20px;
  }
  .breakPointS-height-s {
    height: 15px;
  }
  .breakPointS-height-xs {
    height: 10px;
  }
  .breakPointS-height-xxs {
    height: 5px;
  }
  .breakPointS-height-control--xxxl {
    height: 80px;
  }
  .breakPointS-height-control--xxl {
    height: 60px;
  }
  .breakPointS-height-control--xl {
    height: 40px;
  }
  .breakPointS-height-control--l {
    height: 30px;
  }
  .breakPointS-height-control--m {
    height: 20px;
  }
  .breakPointS-height-control--s {
    height: 15px;
  }
  .breakPointS-height-control--xs {
    height: 10px;
  }
  .breakPointS-height-control--xxs {
    height: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-height-100 {
    height: 100%;
  }
  .breakPointM-height-auto {
    height: auto;
  }
  .breakPointM-height-xxl {
    height: 80px;
  }
  .breakPointM-height-xl {
    height: 60px;
  }
  .breakPointM-height-l {
    height: 40px;
  }
  .breakPointM-height-m {
    height: 20px;
  }
  .breakPointM-height-s {
    height: 15px;
  }
  .breakPointM-height-xs {
    height: 10px;
  }
  .breakPointM-height-xxs {
    height: 5px;
  }
  .breakPointM-height-control--xxxl {
    height: 80px;
  }
  .breakPointM-height-control--xxl {
    height: 60px;
  }
  .breakPointM-height-control--xl {
    height: 40px;
  }
  .breakPointM-height-control--l {
    height: 30px;
  }
  .breakPointM-height-control--m {
    height: 20px;
  }
  .breakPointM-height-control--s {
    height: 15px;
  }
  .breakPointM-height-control--xs {
    height: 10px;
  }
  .breakPointM-height-control--xxs {
    height: 5px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-height-100 {
    height: 100%;
  }
  .breakPointL-height-auto {
    height: auto;
  }
  .breakPointL-height-xxl {
    height: 80px;
  }
  .breakPointL-height-xl {
    height: 60px;
  }
  .breakPointL-height-l {
    height: 40px;
  }
  .breakPointL-height-m {
    height: 20px;
  }
  .breakPointL-height-s {
    height: 15px;
  }
  .breakPointL-height-xs {
    height: 10px;
  }
  .breakPointL-height-xxs {
    height: 5px;
  }
  .breakPointL-height-control--xxxl {
    height: 80px;
  }
  .breakPointL-height-control--xxl {
    height: 60px;
  }
  .breakPointL-height-control--xl {
    height: 40px;
  }
  .breakPointL-height-control--l {
    height: 30px;
  }
  .breakPointL-height-control--m {
    height: 20px;
  }
  .breakPointL-height-control--s {
    height: 15px;
  }
  .breakPointL-height-control--xs {
    height: 10px;
  }
  .breakPointL-height-control--xxs {
    height: 5px;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-height-100 {
    height: 100%;
  }
  .breakPointXL-height-auto {
    height: auto;
  }
  .breakPointXL-height-xxl {
    height: 80px;
  }
  .breakPointXL-height-xl {
    height: 60px;
  }
  .breakPointXL-height-l {
    height: 40px;
  }
  .breakPointXL-height-m {
    height: 20px;
  }
  .breakPointXL-height-s {
    height: 15px;
  }
  .breakPointXL-height-xs {
    height: 10px;
  }
  .breakPointXL-height-xxs {
    height: 5px;
  }
  .breakPointXL-height-control--xxxl {
    height: 80px;
  }
  .breakPointXL-height-control--xxl {
    height: 60px;
  }
  .breakPointXL-height-control--xl {
    height: 40px;
  }
  .breakPointXL-height-control--l {
    height: 30px;
  }
  .breakPointXL-height-control--m {
    height: 20px;
  }
  .breakPointXL-height-control--s {
    height: 15px;
  }
  .breakPointXL-height-control--xs {
    height: 10px;
  }
  .breakPointXL-height-control--xxs {
    height: 5px;
  }
}
.position-fixed {
  position: fixed;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-static {
  position: static;
}

@media only screen and (min-width: 500px) {
  .breakPointS-position-fixed {
    position: fixed;
  }
  .breakPointS-position-absolute {
    position: absolute;
  }
  .breakPointS-position-relative {
    position: relative;
  }
  .breakPointS-position-static {
    position: static;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-position-fixed {
    position: fixed;
  }
  .breakPointM-position-absolute {
    position: absolute;
  }
  .breakPointM-position-relative {
    position: relative;
  }
  .breakPointM-position-static {
    position: static;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-position-fixed {
    position: fixed;
  }
  .breakPointL-position-absolute {
    position: absolute;
  }
  .breakPointL-position-relative {
    position: relative;
  }
  .breakPointL-position-static {
    position: static;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-position-fixed {
    position: fixed;
  }
  .breakPointXL-position-absolute {
    position: absolute;
  }
  .breakPointXL-position-relative {
    position: relative;
  }
  .breakPointXL-position-static {
    position: static;
  }
}
.display-block {
  display: block;
}

.display-inlineBlock {
  display: inline-block;
}

.display-inline {
  display: inline;
}

.display-table {
  display: table;
}

.display-tableCell {
  display: table-cell;
}

.display-none {
  display: none;
}

.display-flex, .staffList-col .js-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 500px) {
  .breakPointS-display-block {
    display: block;
  }
  .breakPointS-display-inlineBlock {
    display: inline-block;
  }
  .breakPointS-display-inline {
    display: inline;
  }
  .breakPointS-display-table {
    display: table;
  }
  .breakPointS-display-tableCell {
    display: table-cell;
  }
  .breakPointS-display-none {
    display: none;
  }
  .breakPointS-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-display-block {
    display: block;
  }
  .breakPointM-display-inlineBlock {
    display: inline-block;
  }
  .breakPointM-display-inline {
    display: inline;
  }
  .breakPointM-display-table {
    display: table;
  }
  .breakPointM-display-tableCell {
    display: table-cell;
  }
  .breakPointM-display-none {
    display: none;
  }
  .breakPointM-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-display-block {
    display: block;
  }
  .breakPointL-display-inlineBlock {
    display: inline-block;
  }
  .breakPointL-display-inline {
    display: inline;
  }
  .breakPointL-display-table {
    display: table;
  }
  .breakPointL-display-tableCell {
    display: table-cell;
  }
  .breakPointL-display-none {
    display: none;
  }
  .breakPointL-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-display-block {
    display: block;
  }
  .breakPointXL-display-inlineBlock {
    display: inline-block;
  }
  .breakPointXL-display-inline {
    display: inline;
  }
  .breakPointXL-display-table {
    display: table;
  }
  .breakPointXL-display-tableCell {
    display: table-cell;
  }
  .breakPointXL-display-none {
    display: none;
  }
  .breakPointXL-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.margin-xxxxl {
  margin: 80px;
}

.margin-xxxl {
  margin: 60px;
}

.margin-xxl {
  margin: 50px;
}

.margin-xl {
  margin: 40px;
}

.margin-l {
  margin: 30px;
}

.margin-m {
  margin: 20px;
}

.margin-s {
  margin: 15px;
}

.margin-xs {
  margin: 10px;
}

.margin-xxs {
  margin: 5px;
}

.margin-0 {
  margin: 0;
}

.margin-auto {
  margin: auto;
}

.marginTop-xxxxl {
  margin-top: 80px;
}

.marginBottom-xxxxl {
  margin-bottom: 80px;
}

.marginLeft-xxxxl {
  margin-left: 80px;
}

.marginRight-xxxxl {
  margin-right: 80px;
}

.marginTop-xxxl {
  margin-top: 60px;
}

.marginBottom-xxxl {
  margin-bottom: 60px;
}

.marginLeft-xxxl {
  margin-left: 60px;
}

.marginRight-xxxl {
  margin-right: 60px;
}

.marginTop-xxl {
  margin-top: 50px;
}

.marginBottom-xxl {
  margin-bottom: 50px;
}

.marginLeft-xxl {
  margin-left: 50px;
}

.marginRight-xxl {
  margin-right: 50px;
}

.marginTop-xl {
  margin-top: 40px;
}

.marginBottom-xl {
  margin-bottom: 40px;
}

.marginLeft-xl {
  margin-left: 40px;
}

.marginRight-xl {
  margin-right: 40px;
}

.marginTop-l {
  margin-top: 30px;
}

.marginBottom-l {
  margin-bottom: 30px;
}

.marginLeft-l {
  margin-left: 30px;
}

.marginRight-l {
  margin-right: 30px;
}

.marginTop-m {
  margin-top: 20px;
}

.marginBottom-m {
  margin-bottom: 20px;
}

.marginLeft-m {
  margin-left: 20px;
}

.marginRight-m {
  margin-right: 20px;
}

.marginTop-s {
  margin-top: 15px;
}

.marginBottom-s {
  margin-bottom: 15px;
}

.marginLeft-s {
  margin-left: 15px;
}

.marginRight-s {
  margin-right: 15px;
}

.marginTop-xs {
  margin-top: 10px;
}

.marginBottom-xs {
  margin-bottom: 10px;
}

.marginLeft-xs {
  margin-left: 10px;
}

.marginRight-xs {
  margin-right: 10px;
}

.marginTop-xxs {
  margin-top: 5px;
}

.marginBottom-xxs {
  margin-bottom: 5px;
}

.marginLeft-xxs {
  margin-left: 5px;
}

.marginRight-xxs {
  margin-right: 5px;
}

.marginTop-0 {
  margin-top: 0;
}

.marginBottom-0 {
  margin-bottom: 0;
}

.marginLeft-0 {
  margin-left: 0;
}

.marginRight-0 {
  margin-right: 0;
}

.marginTop-auto {
  margin-top: auto;
}

.marginBottom-auto {
  margin-bottom: auto;
}

.marginLeft-auto {
  margin-left: auto;
}

.marginRight-auto {
  margin-right: auto;
}

@media only screen and (min-width: 500px) {
  .breakPointS-margin-xxxxl {
    margin: 80px;
  }
  .breakPointS-margin-xxxl {
    margin: 60px;
  }
  .breakPointS-margin-xxl {
    margin: 50px;
  }
  .breakPointS-margin-xl {
    margin: 40px;
  }
  .breakPointS-margin-l {
    margin: 30px;
  }
  .breakPointS-margin-m {
    margin: 20px;
  }
  .breakPointS-margin-s {
    margin: 15px;
  }
  .breakPointS-margin-xs {
    margin: 10px;
  }
  .breakPointS-margin-xxs {
    margin: 5px;
  }
  .breakPointS-margin-0 {
    margin: 0;
  }
  .breakPointS-margin-auto {
    margin: auto;
  }
  .breakPointS-marginTop-xxxxl {
    margin-top: 80px;
  }
  .breakPointS-marginTop-xxxl {
    margin-top: 60px;
  }
  .breakPointS-marginTop-xxl {
    margin-top: 50px;
  }
  .breakPointS-marginTop-xl {
    margin-top: 40px;
  }
  .breakPointS-marginTop-l {
    margin-top: 30px;
  }
  .breakPointS-marginTop-m {
    margin-top: 20px;
  }
  .breakPointS-marginTop-s {
    margin-top: 15px;
  }
  .breakPointS-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointS-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointS-marginTop-0 {
    margin-top: 0;
  }
  .breakPointS-marginBottom-xxxxl {
    margin-bottom: 80px;
  }
  .breakPointS-marginBottom-xxxl {
    margin-bottom: 60px;
  }
  .breakPointS-marginBottom-xxl {
    margin-bottom: 50px;
  }
  .breakPointS-marginBottom-xl {
    margin-bottom: 40px;
  }
  .breakPointS-marginBottom-l {
    margin-bottom: 30px;
  }
  .breakPointS-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointS-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointS-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointS-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointS-marginBottom-0 {
    margin-bottom: 0;
  }
  .breakPointS-marginLeft-xxxxl {
    margin-left: 80px;
  }
  .breakPointS-marginLeft-xxxl {
    margin-left: 60px;
  }
  .breakPointS-marginLeft-xxl {
    margin-left: 50px;
  }
  .breakPointS-marginLeft-xl {
    margin-left: 40px;
  }
  .breakPointS-marginLeft-l {
    margin-left: 30px;
  }
  .breakPointS-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointS-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointS-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointS-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointS-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointS-marginRight-xxxxl {
    margin-right: 80px;
  }
  .breakPointS-marginRight-xxxl {
    margin-right: 60px;
  }
  .breakPointS-marginRight-xxl {
    margin-right: 50px;
  }
  .breakPointS-marginRight-xl {
    margin-right: 40px;
  }
  .breakPointS-marginRight-l {
    margin-right: 30px;
  }
  .breakPointS-marginRight-m {
    margin-right: 20px;
  }
  .breakPointS-marginRight-s {
    margin-right: 15px;
  }
  .breakPointS-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointS-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointS-marginRight-0 {
    margin-right: 0;
  }
  .breakPointS-marginTop-auto {
    margin-top: auto;
  }
  .breakPointS-marginBottom-auto {
    margin-bottom: auto;
  }
  .breakPointS-marginLeft-auto {
    margin-left: auto;
  }
  .breakPointS-marginRight-auto {
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-margin-xxxxl {
    margin: 80px;
  }
  .breakPointM-margin-xxxl {
    margin: 60px;
  }
  .breakPointM-margin-xxl {
    margin: 50px;
  }
  .breakPointM-margin-xl {
    margin: 40px;
  }
  .breakPointM-margin-l {
    margin: 30px;
  }
  .breakPointM-margin-m {
    margin: 20px;
  }
  .breakPointM-margin-s {
    margin: 15px;
  }
  .breakPointM-margin-xs {
    margin: 10px;
  }
  .breakPointM-margin-xxs {
    margin: 5px;
  }
  .breakPointM-margin-0 {
    margin: 0;
  }
  .breakPointM-margin-auto {
    margin: auto;
  }
  .breakPointM-marginTop-xxxxl {
    margin-top: 80px;
  }
  .breakPointM-marginTop-xxxl {
    margin-top: 60px;
  }
  .breakPointM-marginTop-xxl {
    margin-top: 50px;
  }
  .breakPointM-marginTop-xl {
    margin-top: 40px;
  }
  .breakPointM-marginTop-l {
    margin-top: 30px;
  }
  .breakPointM-marginTop-m {
    margin-top: 20px;
  }
  .breakPointM-marginTop-s {
    margin-top: 15px;
  }
  .breakPointM-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointM-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointM-marginTop-0 {
    margin-top: 0;
  }
  .breakPointM-marginBottom-xxxxl {
    margin-bottom: 80px;
  }
  .breakPointM-marginBottom-xxxl {
    margin-bottom: 60px;
  }
  .breakPointM-marginBottom-xxl {
    margin-bottom: 50px;
  }
  .breakPointM-marginBottom-xl {
    margin-bottom: 40px;
  }
  .breakPointM-marginBottom-l {
    margin-bottom: 30px;
  }
  .breakPointM-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointM-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointM-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointM-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointM-marginBottom-0 {
    margin-bottom: 0;
  }
  .breakPointM-marginLeft-xxxxl {
    margin-left: 80px;
  }
  .breakPointM-marginLeft-xxxl {
    margin-left: 60px;
  }
  .breakPointM-marginLeft-xxl {
    margin-left: 50px;
  }
  .breakPointM-marginLeft-xl {
    margin-left: 40px;
  }
  .breakPointM-marginLeft-l {
    margin-left: 30px;
  }
  .breakPointM-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointM-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointM-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointM-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointM-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointM-marginRight-xxxxl {
    margin-right: 80px;
  }
  .breakPointM-marginRight-xxxl {
    margin-right: 60px;
  }
  .breakPointM-marginRight-xxl {
    margin-right: 50px;
  }
  .breakPointM-marginRight-xl {
    margin-right: 40px;
  }
  .breakPointM-marginRight-l {
    margin-right: 30px;
  }
  .breakPointM-marginRight-m {
    margin-right: 20px;
  }
  .breakPointM-marginRight-s {
    margin-right: 15px;
  }
  .breakPointM-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointM-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointM-marginRight-0 {
    margin-right: 0;
  }
  .breakPointM-marginTop-auto {
    margin-top: auto;
  }
  .breakPointM-marginBottom-auto {
    margin-bottom: auto;
  }
  .breakPointM-marginLeft-auto {
    margin-left: auto;
  }
  .breakPointM-marginRight-auto {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-margin-xxxxl {
    margin: 80px;
  }
  .breakPointL-margin-xxxl {
    margin: 60px;
  }
  .breakPointL-margin-xxl {
    margin: 50px;
  }
  .breakPointL-margin-xl {
    margin: 40px;
  }
  .breakPointL-margin-l {
    margin: 30px;
  }
  .breakPointL-margin-m {
    margin: 20px;
  }
  .breakPointL-margin-s {
    margin: 15px;
  }
  .breakPointL-margin-xs {
    margin: 10px;
  }
  .breakPointL-margin-xxs {
    margin: 5px;
  }
  .breakPointL-margin-0 {
    margin: 0;
  }
  .breakPointL-margin-auto {
    margin: auto;
  }
  .breakPointL-marginTop-xxxxl {
    margin-top: 80px;
  }
  .breakPointL-marginTop-xxxl {
    margin-top: 60px;
  }
  .breakPointL-marginTop-xxl {
    margin-top: 50px;
  }
  .breakPointL-marginTop-xl {
    margin-top: 40px;
  }
  .breakPointL-marginTop-l {
    margin-top: 30px;
  }
  .breakPointL-marginTop-m {
    margin-top: 20px;
  }
  .breakPointL-marginTop-s {
    margin-top: 15px;
  }
  .breakPointL-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointL-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointL-marginTop-0 {
    margin-top: 0;
  }
  .breakPointL-marginBottom-xxxxl {
    margin-bottom: 80px;
  }
  .breakPointL-marginBottom-xxxl {
    margin-bottom: 60px;
  }
  .breakPointL-marginBottom-xxl {
    margin-bottom: 50px;
  }
  .breakPointL-marginBottom-xl {
    margin-bottom: 40px;
  }
  .breakPointL-marginBottom-l {
    margin-bottom: 30px;
  }
  .breakPointL-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointL-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointL-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointL-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointL-marginBottom-0 {
    margin-bottom: 0;
  }
  .breakPointL-marginLeft-xxxxl {
    margin-left: 80px;
  }
  .breakPointL-marginLeft-xxxl {
    margin-left: 60px;
  }
  .breakPointL-marginLeft-xxl {
    margin-left: 50px;
  }
  .breakPointL-marginLeft-xl {
    margin-left: 40px;
  }
  .breakPointL-marginLeft-l {
    margin-left: 30px;
  }
  .breakPointL-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointL-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointL-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointL-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointL-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointL-marginRight-xxxxl {
    margin-right: 80px;
  }
  .breakPointL-marginRight-xxxl {
    margin-right: 60px;
  }
  .breakPointL-marginRight-xxl {
    margin-right: 50px;
  }
  .breakPointL-marginRight-xl {
    margin-right: 40px;
  }
  .breakPointL-marginRight-l {
    margin-right: 30px;
  }
  .breakPointL-marginRight-m {
    margin-right: 20px;
  }
  .breakPointL-marginRight-s {
    margin-right: 15px;
  }
  .breakPointL-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointL-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointL-marginRight-0 {
    margin-right: 0;
  }
  .breakPointL-marginTop-auto {
    margin-top: auto;
  }
  .breakPointL-marginBottom-auto {
    margin-bottom: auto;
  }
  .breakPointL-marginLeft-auto {
    margin-left: auto;
  }
  .breakPointL-marginRight-auto {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-margin-xxxxl {
    margin: 80px;
  }
  .breakPointXL-margin-xxxl {
    margin: 60px;
  }
  .breakPointXL-margin-xxl {
    margin: 50px;
  }
  .breakPointXL-margin-xl {
    margin: 40px;
  }
  .breakPointXL-margin-l {
    margin: 30px;
  }
  .breakPointXL-margin-m {
    margin: 20px;
  }
  .breakPointXL-margin-s {
    margin: 15px;
  }
  .breakPointXL-margin-xs {
    margin: 10px;
  }
  .breakPointXL-margin-xxs {
    margin: 5px;
  }
  .breakPointXL-margin-0 {
    margin: 0;
  }
  .breakPointXL-margin-auto {
    margin: auto;
  }
  .breakPointXL-marginTop-xxxxl {
    margin-top: 80px;
  }
  .breakPointXL-marginTop-xxxl {
    margin-top: 60px;
  }
  .breakPointXL-marginTop-xxl {
    margin-top: 50px;
  }
  .breakPointXL-marginTop-xl {
    margin-top: 40px;
  }
  .breakPointXL-marginTop-l {
    margin-top: 30px;
  }
  .breakPointXL-marginTop-m {
    margin-top: 20px;
  }
  .breakPointXL-marginTop-s {
    margin-top: 15px;
  }
  .breakPointXL-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointXL-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointXL-marginTop-0 {
    margin-top: 0;
  }
  .breakPointXL-marginBottom-xxxxl {
    margin-bottom: 80px;
  }
  .breakPointXL-marginBottom-xxxl {
    margin-bottom: 60px;
  }
  .breakPointXL-marginBottom-xxl {
    margin-bottom: 50px;
  }
  .breakPointXL-marginBottom-xl {
    margin-bottom: 40px;
  }
  .breakPointXL-marginBottom-l {
    margin-bottom: 30px;
  }
  .breakPointXL-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointXL-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointXL-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointXL-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointXL-marginBottom-0 {
    margin-bottom: 0;
  }
  .breakPointXL-marginLeft-xxxxl {
    margin-left: 80px;
  }
  .breakPointXL-marginLeft-xxxl {
    margin-left: 60px;
  }
  .breakPointXL-marginLeft-xxl {
    margin-left: 50px;
  }
  .breakPointXL-marginLeft-xl {
    margin-left: 40px;
  }
  .breakPointXL-marginLeft-l {
    margin-left: 30px;
  }
  .breakPointXL-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointXL-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointXL-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointXL-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointXL-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointXL-marginRight-xxxxl {
    margin-right: 80px;
  }
  .breakPointXL-marginRight-xxxl {
    margin-right: 60px;
  }
  .breakPointXL-marginRight-xxl {
    margin-right: 50px;
  }
  .breakPointXL-marginRight-xl {
    margin-right: 40px;
  }
  .breakPointXL-marginRight-l {
    margin-right: 30px;
  }
  .breakPointXL-marginRight-m {
    margin-right: 20px;
  }
  .breakPointXL-marginRight-s {
    margin-right: 15px;
  }
  .breakPointXL-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointXL-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointXL-marginRight-0 {
    margin-right: 0;
  }
  .breakPointXL-marginTop-auto {
    margin-top: auto;
  }
  .breakPointXL-marginBottom-auto {
    margin-bottom: auto;
  }
  .breakPointXL-marginLeft-auto {
    margin-left: auto;
  }
  .breakPointXL-marginRight-auto {
    margin-right: auto;
  }
}
.padding-xxxxl {
  padding: 80px;
}

.padding-xxxl {
  padding: 60px;
}

.padding-xxl {
  padding: 50px;
}

.padding-xl {
  padding: 40px;
}

.padding-l {
  padding: 30px;
}

.padding-m {
  padding: 20px;
}

.padding-s, .agree-media-main textarea {
  padding: 15px;
}

.padding-xs {
  padding: 10px;
}

.padding-xxs {
  padding: 5px;
}

.padding-0 {
  padding: 0;
}

.paddingTop-xxxxl {
  padding-top: 80px;
}

.paddingBottom-xxxxl {
  padding-bottom: 80px;
}

.paddingLeft-xxxxl {
  padding-left: 80px;
}

.paddingRight-xxxxl {
  padding-right: 80px;
}

.paddingTop-xxxl {
  padding-top: 60px;
}

.paddingBottom-xxxl {
  padding-bottom: 60px;
}

.paddingLeft-xxxl {
  padding-left: 60px;
}

.paddingRight-xxxl {
  padding-right: 60px;
}

.paddingTop-xxl {
  padding-top: 50px;
}

.paddingBottom-xxl {
  padding-bottom: 50px;
}

.paddingLeft-xxl {
  padding-left: 50px;
}

.paddingRight-xxl {
  padding-right: 50px;
}

.paddingTop-xl {
  padding-top: 40px;
}

.paddingBottom-xl {
  padding-bottom: 40px;
}

.paddingLeft-xl {
  padding-left: 40px;
}

.paddingRight-xl {
  padding-right: 40px;
}

.paddingTop-l {
  padding-top: 30px;
}

.paddingBottom-l {
  padding-bottom: 30px;
}

.paddingLeft-l {
  padding-left: 30px;
}

.paddingRight-l {
  padding-right: 30px;
}

.paddingTop-m {
  padding-top: 20px;
}

.paddingBottom-m {
  padding-bottom: 20px;
}

.paddingLeft-m {
  padding-left: 20px;
}

.paddingRight-m {
  padding-right: 20px;
}

.paddingTop-s {
  padding-top: 15px;
}

.paddingBottom-s {
  padding-bottom: 15px;
}

.paddingLeft-s, .agree-media-main input[type=text], .search--box input[type=text] {
  padding-left: 15px;
}

.paddingRight-s {
  padding-right: 15px;
}

.paddingTop-xs {
  padding-top: 10px;
}

.paddingBottom-xs {
  padding-bottom: 10px;
}

.paddingLeft-xs {
  padding-left: 10px;
}

.paddingRight-xs {
  padding-right: 10px;
}

.paddingTop-xxs {
  padding-top: 5px;
}

.paddingBottom-xxs {
  padding-bottom: 5px;
}

.paddingLeft-xxs {
  padding-left: 5px;
}

.paddingRight-xxs {
  padding-right: 5px;
}

.paddingTop-0 {
  padding-top: 0;
}

.paddingBottom-0 {
  padding-bottom: 0;
}

.paddingLeft-0 {
  padding-left: 0;
}

.paddingRight-0 {
  padding-right: 0;
}

@media only screen and (min-width: 500px) {
  .breakPointS-padding-xxxxl {
    padding: 80px;
  }
  .breakPointS-padding-xxxl {
    padding: 60px;
  }
  .breakPointS-padding-xxl {
    padding: 50px;
  }
  .breakPointS-padding-xl {
    padding: 40px;
  }
  .breakPointS-padding-l {
    padding: 30px;
  }
  .breakPointS-padding-m {
    padding: 20px;
  }
  .breakPointS-padding-s {
    padding: 15px;
  }
  .breakPointS-padding-xs {
    padding: 10px;
  }
  .breakPointS-padding-xxs {
    padding: 5px;
  }
  .breakPointS-padding-0 {
    padding: 0;
  }
  .breakPointS-paddingTop-xxxxl {
    padding-top: 80px;
  }
  .breakPointS-paddingTop-xxxl {
    padding-top: 60px;
  }
  .breakPointS-paddingTop-xxl {
    padding-top: 50px;
  }
  .breakPointS-paddingTop-xl {
    padding-top: 40px;
  }
  .breakPointS-paddingTop-l {
    padding-top: 30px;
  }
  .breakPointS-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointS-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointS-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointS-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointS-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointS-paddingBottom-xxxxl {
    padding-bottom: 80px;
  }
  .breakPointS-paddingBottom-xxxl {
    padding-bottom: 60px;
  }
  .breakPointS-paddingBottom-xxl {
    padding-bottom: 50px;
  }
  .breakPointS-paddingBottom-xl {
    padding-bottom: 40px;
  }
  .breakPointS-paddingBottom-l {
    padding-bottom: 30px;
  }
  .breakPointS-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointS-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointS-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointS-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointS-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointS-paddingLeft-xxxxl {
    padding-left: 80px;
  }
  .breakPointS-paddingLeft-xxxl {
    padding-left: 60px;
  }
  .breakPointS-paddingLeft-xxl {
    padding-left: 50px;
  }
  .breakPointS-paddingLeft-xl {
    padding-left: 40px;
  }
  .breakPointS-paddingLeft-l {
    padding-left: 30px;
  }
  .breakPointS-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointS-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointS-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointS-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointS-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointS-paddingRight-xxxxl {
    padding-right: 80px;
  }
  .breakPointS-paddingRight-xxxl {
    padding-right: 60px;
  }
  .breakPointS-paddingRight-xxl {
    padding-right: 50px;
  }
  .breakPointS-paddingRight-xl {
    padding-right: 40px;
  }
  .breakPointS-paddingRight-l {
    padding-right: 30px;
  }
  .breakPointS-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointS-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointS-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointS-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointS-paddingRight-0 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-padding-xxxxl {
    padding: 80px;
  }
  .breakPointM-padding-xxxl {
    padding: 60px;
  }
  .breakPointM-padding-xxl {
    padding: 50px;
  }
  .breakPointM-padding-xl {
    padding: 40px;
  }
  .breakPointM-padding-l {
    padding: 30px;
  }
  .breakPointM-padding-m {
    padding: 20px;
  }
  .breakPointM-padding-s {
    padding: 15px;
  }
  .breakPointM-padding-xs {
    padding: 10px;
  }
  .breakPointM-padding-xxs {
    padding: 5px;
  }
  .breakPointM-padding-0 {
    padding: 0;
  }
  .breakPointM-paddingTop-xxxxl {
    padding-top: 80px;
  }
  .breakPointM-paddingTop-xxxl {
    padding-top: 60px;
  }
  .breakPointM-paddingTop-xxl {
    padding-top: 50px;
  }
  .breakPointM-paddingTop-xl {
    padding-top: 40px;
  }
  .breakPointM-paddingTop-l {
    padding-top: 30px;
  }
  .breakPointM-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointM-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointM-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointM-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointM-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointM-paddingBottom-xxxxl {
    padding-bottom: 80px;
  }
  .breakPointM-paddingBottom-xxxl {
    padding-bottom: 60px;
  }
  .breakPointM-paddingBottom-xxl {
    padding-bottom: 50px;
  }
  .breakPointM-paddingBottom-xl {
    padding-bottom: 40px;
  }
  .breakPointM-paddingBottom-l {
    padding-bottom: 30px;
  }
  .breakPointM-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointM-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointM-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointM-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointM-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointM-paddingLeft-xxxxl {
    padding-left: 80px;
  }
  .breakPointM-paddingLeft-xxxl {
    padding-left: 60px;
  }
  .breakPointM-paddingLeft-xxl {
    padding-left: 50px;
  }
  .breakPointM-paddingLeft-xl {
    padding-left: 40px;
  }
  .breakPointM-paddingLeft-l {
    padding-left: 30px;
  }
  .breakPointM-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointM-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointM-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointM-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointM-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointM-paddingRight-xxxxl {
    padding-right: 80px;
  }
  .breakPointM-paddingRight-xxxl {
    padding-right: 60px;
  }
  .breakPointM-paddingRight-xxl {
    padding-right: 50px;
  }
  .breakPointM-paddingRight-xl {
    padding-right: 40px;
  }
  .breakPointM-paddingRight-l {
    padding-right: 30px;
  }
  .breakPointM-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointM-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointM-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointM-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointM-paddingRight-0 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-padding-xxxxl {
    padding: 80px;
  }
  .breakPointL-padding-xxxl {
    padding: 60px;
  }
  .breakPointL-padding-xxl {
    padding: 50px;
  }
  .breakPointL-padding-xl {
    padding: 40px;
  }
  .breakPointL-padding-l {
    padding: 30px;
  }
  .breakPointL-padding-m {
    padding: 20px;
  }
  .breakPointL-padding-s {
    padding: 15px;
  }
  .breakPointL-padding-xs {
    padding: 10px;
  }
  .breakPointL-padding-xxs {
    padding: 5px;
  }
  .breakPointL-padding-0 {
    padding: 0;
  }
  .breakPointL-paddingTop-xxxxl {
    padding-top: 80px;
  }
  .breakPointL-paddingTop-xxxl {
    padding-top: 60px;
  }
  .breakPointL-paddingTop-xxl {
    padding-top: 50px;
  }
  .breakPointL-paddingTop-xl {
    padding-top: 40px;
  }
  .breakPointL-paddingTop-l {
    padding-top: 30px;
  }
  .breakPointL-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointL-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointL-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointL-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointL-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointL-paddingBottom-xxxxl {
    padding-bottom: 80px;
  }
  .breakPointL-paddingBottom-xxxl {
    padding-bottom: 60px;
  }
  .breakPointL-paddingBottom-xxl {
    padding-bottom: 50px;
  }
  .breakPointL-paddingBottom-xl {
    padding-bottom: 40px;
  }
  .breakPointL-paddingBottom-l {
    padding-bottom: 30px;
  }
  .breakPointL-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointL-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointL-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointL-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointL-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointL-paddingLeft-xxxxl {
    padding-left: 80px;
  }
  .breakPointL-paddingLeft-xxxl {
    padding-left: 60px;
  }
  .breakPointL-paddingLeft-xxl {
    padding-left: 50px;
  }
  .breakPointL-paddingLeft-xl {
    padding-left: 40px;
  }
  .breakPointL-paddingLeft-l {
    padding-left: 30px;
  }
  .breakPointL-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointL-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointL-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointL-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointL-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointL-paddingRight-xxxxl {
    padding-right: 80px;
  }
  .breakPointL-paddingRight-xxxl {
    padding-right: 60px;
  }
  .breakPointL-paddingRight-xxl {
    padding-right: 50px;
  }
  .breakPointL-paddingRight-xl {
    padding-right: 40px;
  }
  .breakPointL-paddingRight-l {
    padding-right: 30px;
  }
  .breakPointL-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointL-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointL-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointL-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointL-paddingRight-0 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-padding-xxxxl {
    padding: 80px;
  }
  .breakPointXL-padding-xxxl {
    padding: 60px;
  }
  .breakPointXL-padding-xxl {
    padding: 50px;
  }
  .breakPointXL-padding-xl {
    padding: 40px;
  }
  .breakPointXL-padding-l {
    padding: 30px;
  }
  .breakPointXL-padding-m {
    padding: 20px;
  }
  .breakPointXL-padding-s {
    padding: 15px;
  }
  .breakPointXL-padding-xs {
    padding: 10px;
  }
  .breakPointXL-padding-xxs {
    padding: 5px;
  }
  .breakPointXL-padding-0 {
    padding: 0;
  }
  .breakPointXL-paddingTop-xxxxl {
    padding-top: 80px;
  }
  .breakPointXL-paddingTop-xxxl {
    padding-top: 60px;
  }
  .breakPointXL-paddingTop-xxl {
    padding-top: 50px;
  }
  .breakPointXL-paddingTop-xl {
    padding-top: 40px;
  }
  .breakPointXL-paddingTop-l {
    padding-top: 30px;
  }
  .breakPointXL-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointXL-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointXL-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointXL-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointXL-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointXL-paddingBottom-xxxxl {
    padding-bottom: 80px;
  }
  .breakPointXL-paddingBottom-xxxl {
    padding-bottom: 60px;
  }
  .breakPointXL-paddingBottom-xxl {
    padding-bottom: 50px;
  }
  .breakPointXL-paddingBottom-xl {
    padding-bottom: 40px;
  }
  .breakPointXL-paddingBottom-l {
    padding-bottom: 30px;
  }
  .breakPointXL-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointXL-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointXL-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointXL-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointXL-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointXL-paddingLeft-xxxxl {
    padding-left: 80px;
  }
  .breakPointXL-paddingLeft-xxxl {
    padding-left: 60px;
  }
  .breakPointXL-paddingLeft-xxl {
    padding-left: 50px;
  }
  .breakPointXL-paddingLeft-xl {
    padding-left: 40px;
  }
  .breakPointXL-paddingLeft-l {
    padding-left: 30px;
  }
  .breakPointXL-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointXL-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointXL-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointXL-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointXL-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointXL-paddingRight-xxxxl {
    padding-right: 80px;
  }
  .breakPointXL-paddingRight-xxxl {
    padding-right: 60px;
  }
  .breakPointXL-paddingRight-xxl {
    padding-right: 50px;
  }
  .breakPointXL-paddingRight-xl {
    padding-right: 40px;
  }
  .breakPointXL-paddingRight-l {
    padding-right: 30px;
  }
  .breakPointXL-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointXL-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointXL-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointXL-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointXL-paddingRight-0 {
    padding-right: 0;
  }
}
.fontWeight-400 {
  font-weight: 400;
}

.fontWeight-500 {
  font-weight: 500;
}

.fontWeight-700, .submit_btn input[type=submit], .cf_title, .agree-button, .agree-media-header h2, .policy-header h2, .terms-header h2, .caution {
  font-weight: 700;
}

.fontSize-xxxxl {
  font-size: 2rem;
}

.fontSize-xxxl {
  font-size: 1.75rem;
}

.fontSize-xxl {
  font-size: 1.5rem;
}

.fontSize-xl {
  font-size: 1.25rem;
}

.fontSize-l {
  font-size: 1.125rem;
}

.fontSize-m {
  font-size: 1rem;
}

.fontSize-s {
  font-size: 0.875rem;
}

.fontSize-xs {
  font-size: 0.75em;
}

.fontSize-xxs {
  font-size: 0.625rem;
}

.fontSize-0 {
  font-size: 0;
}

.lineHeight-l {
  line-height: 2;
}

.lineHeight-m {
  line-height: 1.5;
}

.lineHeight-s {
  line-height: 1;
}

.lineHeight-control--xxxl {
  line-height: 80px;
}

.lineHeight-control--xxl {
  line-height: 60px;
}

.lineHeight-control--xl {
  line-height: 40px;
}

.lineHeight-control--l {
  line-height: 30px;
}

.lineHeight-control--m {
  line-height: 20px;
}

.lineHeight-control--s {
  line-height: 15px;
}

.lineHeight-control--xs {
  line-height: 10px;
}

.lineHeight-control--xxs {
  line-height: 5px;
}

@media only screen and (min-width: 500px) {
  .breakPointS-lineHeight-l {
    line-height: 2;
  }
  .breakPointS-lineHeight-m {
    line-height: 1.5;
  }
  .breakPointS-lineHeight-s {
    line-height: 1;
  }
  .breakPointS-lineHeight-control--xxxl {
    line-height: 80px;
  }
  .breakPointS-lineHeight-control--xxl {
    line-height: 60px;
  }
  .breakPointS-lineHeight-control--xl {
    line-height: 40px;
  }
  .breakPointS-lineHeight-control--l {
    line-height: 36px;
  }
  .breakPointS-lineHeight-control--m {
    line-height: 20px;
  }
  .breakPointS-lineHeight-control--s {
    line-height: 15px;
  }
  .breakPointS-lineHeight-control--xs {
    line-height: 10px;
  }
  .breakPointS-lineHeight-control--xxs {
    line-height: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-lineHeight-l {
    line-height: 2;
  }
  .breakPointM-lineHeight-m {
    line-height: 1.5;
  }
  .breakPointM-lineHeight-s {
    line-height: 1;
  }
  .breakPointM-lineHeight-control--xxxl {
    line-height: 80px;
  }
  .breakPointM-lineHeight-control--xxl {
    line-height: 60px;
  }
  .breakPointM-lineHeight-control--xl {
    line-height: 40px;
  }
  .breakPointM-lineHeight-control--l {
    line-height: 36px;
  }
  .breakPointM-lineHeight-control--m {
    line-height: 20px;
  }
  .breakPointM-lineHeight-control--s {
    line-height: 15px;
  }
  .breakPointM-lineHeight-control--xs {
    line-height: 10px;
  }
  .breakPointM-lineHeight-control--xxs {
    line-height: 5px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-lineHeight-l {
    line-height: 2;
  }
  .breakPointL-lineHeight-m {
    line-height: 1.5;
  }
  .breakPointL-lineHeight-s {
    line-height: 1;
  }
  .breakPointL-lineHeight-control--xxxl {
    line-height: 80px;
  }
  .breakPointL-lineHeight-control--xxl {
    line-height: 60px;
  }
  .breakPointL-lineHeight-control--xl {
    line-height: 40px;
  }
  .breakPointL-lineHeight-control--l {
    line-height: 36px;
  }
  .breakPointL-lineHeight-control--m {
    line-height: 20px;
  }
  .breakPointL-lineHeight-control--s {
    line-height: 15px;
  }
  .breakPointL-lineHeight-control--xs {
    line-height: 10px;
  }
  .breakPointL-lineHeight-control--xxs {
    line-height: 5px;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-lineHeight-l {
    line-height: 2;
  }
  .breakPointXL-lineHeight-m {
    line-height: 1.5;
  }
  .breakPointXL-lineHeight-s {
    line-height: 1;
  }
  .breakPointXL-lineHeight-control--xxxl {
    line-height: 80px;
  }
  .breakPointXL-lineHeight-control--xxl {
    line-height: 60px;
  }
  .breakPointXL-lineHeight-control--xl {
    line-height: 40px;
  }
  .breakPointXL-lineHeight-control--l {
    line-height: 36px;
  }
  .breakPointXL-lineHeight-control--m {
    line-height: 20px;
  }
  .breakPointXL-lineHeight-control--s {
    line-height: 15px;
  }
  .breakPointXL-lineHeight-control--xs {
    line-height: 10px;
  }
  .breakPointXL-lineHeight-control--xxs {
    line-height: 5px;
  }
}
.clear-none {
  clear: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

@media only screen and (min-width: 500px) {
  .breakPointS-clear-none {
    clear: none;
  }
  .breakPointS-clear-left {
    clear: left;
  }
  .breakPointS-clear-right {
    clear: right;
  }
  .breakPointS-clear-both {
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-clear-none {
    clear: none;
  }
  .breakPointM-clear-left {
    clear: left;
  }
  .breakPointM-clear-right {
    clear: right;
  }
  .breakPointM-clear-both {
    clear: both;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-clear-none {
    clear: none;
  }
  .breakPointL-clear-left {
    clear: left;
  }
  .breakPointL-clear-right {
    clear: right;
  }
  .breakPointL-clear-both {
    clear: both;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-clear-none {
    clear: none;
  }
  .breakPointXL-clear-left {
    clear: left;
  }
  .breakPointXL-clear-right {
    clear: right;
  }
  .breakPointXL-clear-both {
    clear: both;
  }
}
.bg-black {
  background-color: #000000;
}

.bg-steel {
  background-color: #2A2B2D;
}

.bg-slate {
  background-color: #3A414A;
}

.bg-silver {
  background-color: #9EA2A6;
}

.bg-smoke--xd {
  background-color: #b9b9b9;
}

.bg-smoke--d {
  background-color: #c5c5c5;
}

.bg-smoke {
  background-color: #D8DBDF;
}

.bg-snow--xd {
  background-color: #dddddd;
}

.bg-snow--d {
  background-color: #EDEEF0;
}

.bg-snow {
  background-color: #f1f1f1;
}

.bg-white {
  background-color: #ffffff;
}

.bg-transparent {
  background-color: transparent;
}

.bg-blue {
  background-color: #1a65ff;
}

.bg-blue--hover:hover {
  color: #ffffff;
  background-color: #1a65ff;
}

.bg-green {
  background-color: #17CE97;
}

.bg-green--hover:hover {
  color: #ffffff;
  background-color: #17CE97;
}

.bg-orange {
  background-color: #FC6801;
}

.bg-orange--hover:hover {
  color: #ffffff;
  background-color: #FC6801;
}

.bg-purple {
  background-color: #9181FF;
}

.bg-purple--hover:hover {
  color: #ffffff;
  background-color: #9181FF;
}

.bg-red {
  background-color: #FF5F5F;
}

.bg-red--hover:hover {
  color: #ffffff;
  background-color: #FF5F5F;
}

.bg-yellow {
  background-color: #FFC82C;
}

.bg-yellow--hover:hover {
  color: #3A414A;
  background-color: #FFC82C;
}

@media only screen and (min-width: 500px) {
  .bpS-bg-black {
    background-color: #000000;
  }
  .bpS-bg-steel {
    background-color: #2A2B2D;
  }
  .bpS-bg-slate {
    background-color: #3A414A;
  }
  .bpS-bg-silver {
    background-color: #9EA2A6;
  }
  .bpS-bg-smoke--xd {
    background-color: #b9b9b9;
  }
  .bpS-bg-smoke--d {
    background-color: #c5c5c5;
  }
  .bpS-bg-smoke {
    background-color: #D8DBDF;
  }
  .bpS-bg-snow--xd {
    background-color: #dddddd;
  }
  .bpS-bg-snow--d {
    background-color: #EDEEF0;
  }
  .bpS-bg-snow {
    background-color: #f1f1f1;
  }
  .bpS-bg-white {
    background-color: #ffffff;
  }
  .bpS-bg-transparent {
    background-color: transparent;
  }
  .bpS-bg-blue {
    background-color: #1a65ff;
  }
  .bpS-bg-blue--hover:hover {
    color: #ffffff;
    background-color: #1a65ff;
  }
  .bpS-bg-green {
    background-color: #17CE97;
  }
  .bpS-bg-green--hover:hover {
    color: #ffffff;
    background-color: #17CE97;
  }
  .bpS-bg-orange {
    background-color: #FC6801;
  }
  .bpS-bg-orange--hover:hover {
    color: #ffffff;
    background-color: #FC6801;
  }
  .bpS-bg-purple {
    background-color: #9181FF;
  }
  .bpS-bg-purple--hover:hover {
    color: #ffffff;
    background-color: #9181FF;
  }
  .bpS-bg-red {
    background-color: #FF5F5F;
  }
  .bpS-bg-red--hover:hover {
    color: #ffffff;
    background-color: #FF5F5F;
  }
  .bpS-bg-yellow {
    background-color: #FFC82C;
  }
  .bpS-bg-yellow--hover:hover {
    color: #3A414A;
    background-color: #FFC82C;
  }
}
@media only screen and (min-width: 768px) {
  .bpM-bg-black {
    background-color: #000000;
  }
  .bpM-bg-steel {
    background-color: #2A2B2D;
  }
  .bpM-bg-slate {
    background-color: #3A414A;
  }
  .bpM-bg-silver {
    background-color: #9EA2A6;
  }
  .bpM-bg-smoke--xd {
    background-color: #b9b9b9;
  }
  .bpM-bg-smoke--d {
    background-color: #c5c5c5;
  }
  .bpM-bg-smoke {
    background-color: #D8DBDF;
  }
  .bpM-bg-snow--xd {
    background-color: #dddddd;
  }
  .bpM-bg-snow--d {
    background-color: #EDEEF0;
  }
  .bpM-bg-snow {
    background-color: #f1f1f1;
  }
  .bpM-bg-white {
    background-color: #ffffff;
  }
  .bpM-bg-transparent {
    background-color: transparent;
  }
  .bpM-bg-blue {
    background-color: #1a65ff;
  }
  .bpM-bg-blue--hover:hover {
    color: #ffffff;
    background-color: #1a65ff;
  }
  .bpM-bg-green {
    background-color: #17CE97;
  }
  .bpM-bg-green--hover:hover {
    color: #ffffff;
    background-color: #17CE97;
  }
  .bpM-bg-orange {
    background-color: #FC6801;
  }
  .bpM-bg-orange--hover:hover {
    color: #ffffff;
    background-color: #FC6801;
  }
  .bpM-bg-purple {
    background-color: #9181FF;
  }
  .bpM-bg-purple--hover:hover {
    color: #ffffff;
    background-color: #9181FF;
  }
  .bpM-bg-red {
    background-color: #FF5F5F;
  }
  .bpM-bg-red--hover:hover {
    color: #ffffff;
    background-color: #FF5F5F;
  }
  .bpM-bg-yellow {
    background-color: #FFC82C;
  }
  .bpM-bg-yellow--hover:hover {
    color: #3A414A;
    background-color: #FFC82C;
  }
}
@media only screen and (min-width: 1180px) {
  .bpL-bg-black {
    background-color: #000000;
  }
  .bpL-bg-steel {
    background-color: #2A2B2D;
  }
  .bpL-bg-slate {
    background-color: #3A414A;
  }
  .bpL-bg-silver {
    background-color: #9EA2A6;
  }
  .bpL-bg-smoke--xd {
    background-color: #b9b9b9;
  }
  .bpL-bg-smoke--d {
    background-color: #c5c5c5;
  }
  .bpL-bg-smoke {
    background-color: #D8DBDF;
  }
  .bpL-bg-snow--xd {
    background-color: #dddddd;
  }
  .bpL-bg-snow--d {
    background-color: #EDEEF0;
  }
  .bpL-bg-snow {
    background-color: #f1f1f1;
  }
  .bpL-bg-white {
    background-color: #ffffff;
  }
  .bpL-bg-transparent {
    background-color: transparent;
  }
  .bpL-bg-blue {
    background-color: #1a65ff;
  }
  .bpL-bg-blue--hover:hover {
    color: #ffffff;
    background-color: #1a65ff;
  }
  .bpL-bg-green {
    background-color: #17CE97;
  }
  .bpL-bg-green--hover:hover {
    color: #ffffff;
    background-color: #17CE97;
  }
  .bpL-bg-orange {
    background-color: #FC6801;
  }
  .bpL-bg-orange--hover:hover {
    color: #ffffff;
    background-color: #FC6801;
  }
  .bpL-bg-purple {
    background-color: #9181FF;
  }
  .bpL-bg-purple--hover:hover {
    color: #ffffff;
    background-color: #9181FF;
  }
  .bpL-bg-red {
    background-color: #FF5F5F;
  }
  .bpL-bg-red--hover:hover {
    color: #ffffff;
    background-color: #FF5F5F;
  }
  .bpL-bg-yellow {
    background-color: #FFC82C;
  }
  .bpL-bg-yellow--hover:hover {
    color: #3A414A;
    background-color: #FFC82C;
  }
}
@media only screen and (min-width: 1680px) {
  .bpXL-bg-black {
    background-color: #000000;
  }
  .bpXL-bg-steel {
    background-color: #2A2B2D;
  }
  .bpXL-bg-slate {
    background-color: #3A414A;
  }
  .bpXL-bg-silver {
    background-color: #9EA2A6;
  }
  .bpXL-bg-smoke--xd {
    background-color: #b9b9b9;
  }
  .bpXL-bg-smoke--d {
    background-color: #c5c5c5;
  }
  .bpXL-bg-smoke {
    background-color: #D8DBDF;
  }
  .bpXL-bg-snow--xd {
    background-color: #dddddd;
  }
  .bpXL-bg-snow--d {
    background-color: #EDEEF0;
  }
  .bpXL-bg-snow {
    background-color: #f1f1f1;
  }
  .bpXL-bg-white {
    background-color: #ffffff;
  }
  .bpXL-bg-transparent {
    background-color: transparent;
  }
  .bpXL-bg-blue {
    background-color: #1a65ff;
  }
  .bpXL-bg-blue--hover:hover {
    color: #ffffff;
    background-color: #1a65ff;
  }
  .bpXL-bg-green {
    background-color: #17CE97;
  }
  .bpXL-bg-green--hover:hover {
    color: #ffffff;
    background-color: #17CE97;
  }
  .bpXL-bg-orange {
    background-color: #FC6801;
  }
  .bpXL-bg-orange--hover:hover {
    color: #ffffff;
    background-color: #FC6801;
  }
  .bpXL-bg-purple {
    background-color: #9181FF;
  }
  .bpXL-bg-purple--hover:hover {
    color: #ffffff;
    background-color: #9181FF;
  }
  .bpXL-bg-red {
    background-color: #FF5F5F;
  }
  .bpXL-bg-red--hover:hover {
    color: #ffffff;
    background-color: #FF5F5F;
  }
  .bpXL-bg-yellow {
    background-color: #FFC82C;
  }
  .bpXL-bg-yellow--hover:hover {
    color: #3A414A;
    background-color: #FFC82C;
  }
}
.jc-flexStart {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.jc-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jc-spaceBetween, .staffList-col .js-grid {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.jc-spaceAround {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media only screen and (min-width: 500px) {
  .breakPointS-jc-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .breakPointS-jc-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .breakPointS-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .breakPointS-jc-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .breakPointS-jc-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-jc-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .breakPointM-jc-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .breakPointM-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .breakPointM-jc-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .breakPointM-jc-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-jc-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .breakPointL-jc-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .breakPointL-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .breakPointL-jc-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .breakPointL-jc-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-jc-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .breakPointXL-jc-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .breakPointXL-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .breakPointXL-jc-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .breakPointXL-jc-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.ai-flexStart, .staffList-col .js-grid {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ai-flexEnd {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.ai-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media only screen and (min-width: 500px) {
  .breakPointS-ai-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .breakPointS-ai-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .breakPointS-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .breakPointS-ai-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .breakPointS-ai-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-ai-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .breakPointM-ai-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .breakPointM-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .breakPointM-ai-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .breakPointM-ai-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-ai-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .breakPointL-ai-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .breakPointL-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .breakPointL-ai-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .breakPointL-ai-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-ai-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .breakPointXL-ai-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .breakPointXL-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .breakPointXL-ai-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .breakPointXL-ai-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.fw-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.fw-wrap, .staffList-col .js-grid {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fw-wrapReverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

@media only screen and (min-width: 500px) {
  .breakPointS-fw-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .breakPointS-fw-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .breakPointS-fw-wrapReverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .breakPointM-fw-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .breakPointM-fw-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .breakPointM-fw-wrapReverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-fw-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .breakPointL-fw-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .breakPointL-fw-wrapReverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1680px) {
  .breakPointXL-fw-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .breakPointXL-fw-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .breakPointXL-fw-wrapReverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
.flr {
  float: right;
}

.fll {
  float: left;
}

.maT5 {
  margin-top: 5px;
}

.maT10 {
  margin-top: 10px;
}

.maT15 {
  margin-top: 15px;
}

.maT20 {
  margin-top: 20px;
}

.maT25 {
  margin-top: 25px;
}

.maT30 {
  margin-top: 30px;
}

.maT35 {
  margin-top: 35px;
}

.maT40 {
  margin-top: 40px;
}

.maT45 {
  margin-top: 45px;
}

.maT50 {
  margin-top: 50px;
}

.maT55 {
  margin-top: 55px;
}

.maT60 {
  margin-top: 60px;
}

.maT65 {
  margin-top: 65px;
}

.maT70 {
  margin-top: 70px;
}

.maB5 {
  margin-bottom: 5px;
}

.maB10 {
  margin-bottom: 10px;
}

.maB15 {
  margin-bottom: 15px;
}

.maB20 {
  margin-bottom: 20px;
}

.maB25 {
  margin-bottom: 25px;
}

.maB30 {
  margin-bottom: 30px;
}

.maB60 {
  margin-bottom: 60px;
}

.maR5 {
  margin-right: 5px;
}

.maR10 {
  margin-right: 10px;
}

.maR15 {
  margin-right: 15px;
}

.maR20 {
  margin-right: 20px;
}

.maR30 {
  margin-right: 30px;
}

.maL5 {
  margin-left: 5px;
}

.maL10 {
  margin-left: 10px;
}

.maL15 {
  margin-left: 15px;
}

.maL20 {
  margin-left: 20px;
}

.maL25 {
  margin-left: 25px;
}

.maL30 {
  margin-left: 30px;
}

.txal_center {
  text-align: center;
}

.txal_right {
  text-align: right;
}

/**
 * Utilities
 */
.u-align-content {
  width: calc(100% - 70px);
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 48em) {
  .u-align-content {
    width: calc(100% - 40px);
  }
}

.u-align-readable {
  width: calc(100% - 70px);
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (max-width: 48em) {
  .u-align-readable {
    width: calc(100% - 40px);
  }
}

.clearfix::after, .member-single-aside-header::after, .member-single-aside-inner::after, .member-single::after, #staffList::after, .member-container::after, .member-item-container::after, .news-item::after, .year-list--onMobile::after, #news-main::after, .news-container::after, .project-container::after, .container--member-aside--profile::after, .container--member-aside--projects::after, .project-container--member-activities::after,
.project-container--member-publications::after, .relatedOnNews-item::after, .related-item--projects::after, .related-item--news::after, .related::after, #project-single-container::after, .row-inner::after, .recent-articles-item-inner > a::after, #recent-articles::after, .contact-info::after, #pamphlet-list::after, .aboutus::after, .ceoMessage::after, .about-menu--onMobile::after, ul.tabs::after, .site-footer-primary::after, .sonycsl-header-inner::after, .sony-header-inner::after {
  content: "";
  clear: both;
  display: block;
}

.var_bo .en,
.var_bo .jp {
  display: none;
}

.var_jp .en {
  display: none;
}

.var_en .jp {
  display: none;
}

.var_jp .only-en {
  display: none !important;
}

.var_en .only-jp {
  display: none !important;
}

.aligncenter {
  display: block;
  width: 100%;
  margin: 3rem auto;
}

.alignnone {
  display: block;
  width: 100%;
  margin: 3rem 0;
}

.alignleft,
.alignright {
  width: 100%;
  max-width: 45%;
}
@media only screen and (max-width: 500px) {
  .alignleft,
  .alignright {
    max-width: 100%;
  }
}

.alignright {
  display: block;
  float: right;
  padding: 0;
  margin: 0 0 2rem 3rem;
}
@media only screen and (max-width: 500px) {
  .alignright {
    float: none;
    margin: 0 0 2rem;
  }
}

.alignleft {
  display: block;
  float: left;
  padding: 0;
  margin: 0 3rem 2rem 0;
}
@media only screen and (max-width: 500px) {
  .alignleft {
    float: none;
    margin: 0 0 2rem;
  }
}

.wp-caption {
  max-width: 100%;
  height: auto;
  margin: 3rem auto !important;
}
.wp-caption.alignleft {
  max-width: 45%;
  margin: 0 3rem 2rem 0 !important;
}
.wp-caption.alignright {
  max-width: 45%;
  margin: 0 0 2rem 3rem !important;
}

.wp-caption img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.wp-caption-text {
  margin: 0.75rem 0 0 !important;
  font-size: 0.875rem !important;
  color: #707680 !important;
}

.aligncenter .wp-caption-text {
  text-align: center;
}

table .aligncenter,
table .alignnone,
table .alignleft,
table .alignright {
  margin: 0 auto;
}

.js-ajx-content-loader {
  -webkit-perspective: 10000px;
          perspective: 10000px;
}

.js-paginate {
  text-align: center;
}
.js-paginate .page-numbers:not(.next) {
  display: none;
}

.js-item:focus {
  outline: none;
}

.top-paginate .next {
  position: relative;
  display: block;
  width: calc(100% - 2px);
  height: 88px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.125rem;
  background-color: #3A414A;
  color: #ffffff;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.top-paginate .next:hover {
  text-decoration: none;
  background-color: #24282d;
}
.top-paginate .next > span {
  display: block;
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  text-transform: uppercase;
}
.top-paginate .next .anchor {
  padding: 0 30px;
  height: 46px;
  line-height: 46px;
  border: solid 1px #ffffff;
}
.top-paginate .next .loader {
  display: block;
  width: 24px;
  height: 24px;
  visibility: hidden;
}
.top-paginate .next .loader img {
  vertical-align: top;
}

.archive-paginate .next {
  position: relative;
  display: inline-block;
  height: 46px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.125rem;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.archive-paginate .next:hover {
  text-decoration: none;
}
.archive-paginate .next > span {
  display: block;
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  text-transform: uppercase;
}
.archive-paginate .next .anchor {
  padding: 0 30px;
  height: 46px;
  line-height: 46px;
  border: solid 1px #3A414A;
}
.archive-paginate .next .loader {
  display: block;
  width: 24px;
  height: 24px;
  visibility: hidden;
}
.archive-paginate .next .loader img {
  vertical-align: top;
}

/*
 * SST (Gothic)
 */
@font-face {
  font-family: "SST W55";
  font-weight: 100;
  font-stretch: normal;
  src: url("../fonts/sst/01d21f27-8f04-4efb-b918-c661d45295fd.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SST W55";
  font-weight: 200;
  font-stretch: normal;
  src: url("../fonts/sst/6dfb27f9-df21-48d3-bc09-08066b78404a.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SST W55";
  font-weight: 400;
  font-stretch: normal;
  src: url("../fonts/sst/d6480128-a85d-4d8b-b577-4f2996ce960d.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SST W55";
  font-weight: 700;
  font-stretch: normal;
  src: url("../fonts/sst/d3edd9c5-4d4c-4d81-a044-931be6510f43.woff") format("woff");
  font-display: swap;
}
/*
 * mplus-1m (Mono)
 */
@font-face {
  font-family: "mplus-1m";
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url("../fonts/mplus-1m/mplus-1m-bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "mplus-1m";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url("../fonts/mplus-1m/mplus-1m-regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "sonycsl-glyph";
  src: url("../fonts/sonycsl-glyph/sonycsl-glyph.ttf?aabsh") format("truetype"), url("../fonts/sonycsl-glyph/sonycsl-glyph.woff?aabsh") format("woff"), url("../fonts/sonycsl-glyph/sonycsl-glyph.svg?aabsh#sonycsl-glyph") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "sonycsl-glyph" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lt:before {
  content: "\e902";
}

.icon-gt:before {
  content: "\e901";
}

.icon-raquo:before {
  content: "\e900";
}

.table-responsive {
  min-height: 0.01%;
  margin: 2rem auto;
  overflow-x: auto;
}
.table-responsive table {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .table-responsive table th,
  .table-responsive table td {
    white-space: nowrap;
  }
}

.table-responsive--fixed-layout {
  min-height: 0.01%;
  margin: 2rem auto;
  overflow-x: auto;
}
.table-responsive--fixed-layout table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  table-layout: fixed;
}

/**
 * Vendor
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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);
  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;
}

.biggerlink a {
  text-decoration: none;
}

.member-thumbnail {
  opacity: 1;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.biggerlink:hover .member-thumbnail {
  opacity: 0.8;
}

.related-item {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.related-item.bl-hover {
  opacity: 0.8 !important;
}

.relatedOnNews-item {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.relatedOnNews-item.bl-hover {
  opacity: 0.8 !important;
}

/**
 * Components
 */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger-icon {
  padding: 8px 0 8px 8px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0 0 0 -8px;
  overflow: visible;
  background-color: transparent;
}

.hamburger-icon > span {
  width: 20px;
  height: 16px;
  display: block;
  position: relative;
}

.hamburger-icon > span > span {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.hamburger-icon > span > span,
.hamburger-icon > span > span::before,
.hamburger-icon > span > span::after {
  width: 20px;
  height: 2px;
  background-color: #000000;
  border-radius: 1px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-icon > span > span::before,
.hamburger-icon > span > span::after {
  content: "";
  display: block;
}

.hamburger-icon > span > span::before {
  top: -7px;
}

.hamburger-icon > span > span::after {
  bottom: -7px;
}

/* Slider Action */
.hamburger-icon > span > span {
  top: 1px;
}

.hamburger-icon > span > span::before {
  top: 7px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.hamburger-icon > span > span::after {
  top: 14px;
}

.nav-is-open .hamburger-icon > span > span {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
          transform: translate3d(0, 7px, 0) rotate(45deg);
}

.nav-is-open .hamburger-icon > span > span::before {
  -webkit-transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
          transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
  opacity: 0;
}

.nav-is-open .hamburger-icon > span > span::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
          transform: translate3d(0, -14px, 0) rotate(-90deg);
}

.search input[type=text] {
  width: calc(100% - 55px);
  border: none;
  background-color: #ffffff;
  color: #000000;
  font-size: inherit;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}

.search input[type=submit] {
  width: 50px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: #000000;
  color: #ffffff;
  font-size: inherit;
  text-align: center;
}

.search fieldset {
  padding: 0;
  border: none;
}

/* SONY Header
   ========================================================================== */
#sony-header {
  background-color: #000;
}

.sony-header-inner {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
}

#sony-logo {
  display: block;
  float: right;
  width: 82px;
  height: 36px;
  margin-right: 15px;
  line-height: 36px;
}

#site-header-container {
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  #site-header-container {
    position: absolute;
    top: 0;
    z-index: 9;
  }
}

/* Sony CSL Header
   ========================================================================== */
#sonycsl-header-container {
  width: 100%;
}

@media only screen and (max-width: 1180px) {
  .header-is-sticky #sonycsl-header-container {
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  }
}

#sonycsl-header {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 2.515rem;
  background-color: #ffffff;
  border-bottom: solid 1px #EDEEF0;
}

.sonycsl-header-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#site-header-title {
  float: left;
  margin: 0 0 0 15px;
}

#sonycsl-logo {
  display: block;
  width: 152px;
  height: 66px;
  line-height: 68px;
}

@media only screen and (max-width: 500px) {
  #sonycsl-logo {
    width: 130px;
    height: 66px;
    line-height: 68px;
  }
}
.site-header-aside {
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
  .site-header-aside {
    right: 20px;
  }
}
.site-header-aside > div {
  display: inline-block;
  vertical-align: middle;
}

.language {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.site-header-aside > .language {
  display: inline-block;
}

.dropdown-menu ul > .languages {
  display: none;
}

@media only screen and (max-width: 500px) {
  .site-header-aside > .language {
    display: none;
  }
  .dropdown-menu ul > .languages {
    display: block;
  }
}
.language + .language {
  margin-left: 16px;
}

.language.active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #000000;
}

#site-header-nav {
  display: none;
}
@media only screen and (max-width: 1180px) {
  #site-header-nav {
    display: inline-block;
  }
}

#site-header-nav-button {
  position: relative;
  display: table;
  margin-left: 36px;
  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
}

#site-header-nav-button > div {
  display: table-cell;
  vertical-align: middle;
}

.dropdown-menu {
  position: relative;
  z-index: 8;
  width: 100%;
  overflow: hidden;
  background-color: #dcdcdc;
  opacity: 0;
}
@media only screen and (min-width: 1181px) {
  .dropdown-menu {
    height: auto !important;
  }
}
@media only screen and (max-width: 1180px) {
  .dropdown-menu {
    width: 100%;
    overflow-y: scroll;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  }
}

.is-loaded .dropdown-menu {
  opacity: 1;
}

@media only screen and (max-width: 1180px) {
  .nav-is-open .dropdown-menu {
    visibility: visible;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  }
}

.nav-is-open.header-is-sticky .dropdown-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu-inner {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
}

.ul-container {
  padding: 0 5px 0;
  font-size: 0;
}
@media only screen and (max-width: 1180px) {
  .ul-container {
    padding: 12px 5px 15px;
  }
}

.dropdown-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 1180px) {
  .dropdown-menu ul {
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media only screen and (max-width: 500px) {
  .dropdown-menu ul {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.nav-is-open .dropdown-menu ul {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.dropdown-menu ul > li {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1180px) {
  .dropdown-menu ul > li {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .dropdown-menu ul > li {
    font-size: 16px;
  }
}

.dropdown-menu ul > li::before {
  display: none;
}

.dropdown-menu ul > li > a {
  display: block;
  padding: 0.54125rem 0.625rem 0.52125rem;
  text-decoration: none;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.dropdown-menu ul > li.languages {
  padding: 10px 10px 8px;
}

.dropdown-menu ul > li.languages > .language {
  font-size: 87.5%;
  font-weight: normal;
  color: #3A414A;
  opacity: 0.5;
}

.dropdown-menu ul > li.languages > .language.active {
  opacity: 1;
}

.dropdown-menu ul > li.languages > .language::after {
  display: none;
}

.dropdown-menu ul > li a:hover,
.dropdown-menu ul > li.active a {
  color: #000000;
}

.hidden-divider {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .hidden-divider {
    display: block !important;
  }
}

/* Site Footer
   ========================================================================== */
#site-footer {
  color: #ffffff;
  background-color: #000000;
}

.site-footer-inner {
  width: 100%;
  max-width: 1070px;
  padding: 30px 0 20px;
  margin: 0 auto;
}

#site-footer-search {
  float: left;
  width: 88%;
  max-width: 380px;
  margin-left: 15px;
}
@media only screen and (max-width: 64em) {
  #site-footer-search {
    float: none;
    margin: 0 auto;
  }
}

#site-footer-search input[type=submit] {
  font-weight: bold;
  cursor: pointer;
}

#site-footer-nav {
  float: right;
}
@media only screen and (max-width: 64em) {
  #site-footer-nav {
    float: none;
    margin-top: 30px;
    text-align: center;
  }
}

#site-footer-nav > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#site-footer-nav > ul > li {
  position: relative;
  display: inline-block;
  font-weight: bold;
}
@media only screen and (max-width: 500px) {
  #site-footer-nav > ul > li {
    font-size: 14px;
  }
}

#site-footer-nav > ul > li + li {
  padding-left: 20px;
  margin-left: 20px;
}
@media only screen and (max-width: 64em) {
  #site-footer-nav > ul > li + li {
    padding-left: 12px;
    margin-left: 12px;
  }
}

#site-footer-nav > ul > li + li::after {
  position: absolute;
  bottom: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 14px;
  content: "";
  background-color: #ffffff;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#site-footer-nav > ul > li::before {
  display: none;
}

#site-footer-nav > ul > li > a {
  text-decoration: none;
}

.site-footer-secondary {
  margin-top: 40px;
  text-align: right;
}
@media only screen and (max-width: 64em) {
  .site-footer-secondary {
    margin-top: 5px;
    text-align: center;
  }
}

#copy {
  font-size: 12px;
}

.b-back-to-top {
  position: fixed;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: #fff;
  visibility: hidden;
  background-color: #000;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.2px 0.4px rgba(0, 0, 0, 0.05), 0 0.5px 1px rgba(0, 0, 0, 0.08), 0 1.2px 2.4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.2px 0.4px rgba(0, 0, 0, 0.05), 0 0.5px 1px rgba(0, 0, 0, 0.08), 0 1.2px 2.4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 37.5em) {
  .b-back-to-top {
    right: 0.5rem;
    bottom: 0.5rem;
    width: 3rem;
    height: 3rem;
  }
}

.b-back-to-top.is-show {
  visibility: visible;
  opacity: 1;
}

.b-back-to-top > span {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  word-break: normal;
  word-wrap: normal !important;
}

.b-back-to-top > .c-svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
@media only screen and (max-width: 37.5em) {
  .b-back-to-top > .c-svg-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

#tabs-container {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
}

#tabs-inner {
  padding: 0 15px;
}

ul.tabs {
  padding: 0;
  margin: 0 auto;
  list-style: none;
}

ul.tabs li {
  position: relative;
  float: left;
  width: 177px;
  height: 50px;
  margin: 0 14px 0 0;
  overflow: hidden;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  background-color: #EDEEF0;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

ul.tabs li:last-child {
  margin: 0;
}

ul.tabs li:hover {
  background-color: #f5f6f7;
}

ul.tabs li.active {
  display: block;
  color: #ffffff;
  background-color: #3A414A;
}
ul.tabs li.active span {
  position: relative;
}
ul.tabs li.active span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: white;
}

.tab-container {
  padding: 80px 0;
  color: #ffffff;
  background-color: #3A414A;
}

.tab {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
}

@media only screen and (max-width: 1180px) {
  .tab {
    max-width: 100%;
  }
}
.tab-inner {
  padding: 0 15px;
}

@media only screen and (min-width: 1180px) {
  #tab--projects > .spacer {
    padding: 0;
  }
}
.tab-content h3 {
  margin-top: 0;
}

@media only screen and (min-width: 1180px) {
  .tab-content-inner > .spacer {
    padding: 0;
  }
}
.tab_drawer_heading {
  display: none;
}

@media only screen and (max-width: 1180px) {
  .tab-container {
    padding: 0;
  }
  .tab-inner {
    padding: 0;
  }
  .tab-inner > .spacer {
    padding: 0;
  }
  .tabs {
    display: none;
  }
  .tab_drawer_heading {
    position: relative;
    display: block;
    height: 50px;
    margin: 0;
    overflow: hidden;
    font-weight: normal;
    line-height: 50px;
    color: #3A414A;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    background-color: #EDEEF0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -webkit-touch-callout: none;
  }
  .d_active {
    display: block;
    color: #ffffff;
    background-color: #3A414A;
  }
  .tab-content {
    padding: 30px 0;
  }
  .tab-content-inner {
    padding: 0 15px;
  }
}
.search--box .formItem {
  position: relative;
  min-height: 46px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 500px) {
  .search--box .formItem {
    margin-bottom: 24px;
  }
  .search--box .formItem:last-child {
    margin-bottom: 24px;
  }
}
.search--box .formItem .title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10em;
  font-weight: bold;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 500px) {
  .search--box .formItem .title {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.search--box .formItem .form {
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 10em);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 500px) {
  .search--box .formItem .form {
    position: relative;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.search--box input[type=text] {
  width: 100%;
  height: 46px;
  line-height: 46px;
  border: 1px solid #D8DBDF;
}

.search_submit-container {
  margin-top: 120px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .search_submit-container {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 500px) {
  .search_submit-container {
    margin-top: 60px;
  }
}

.search_submit {
  padding: 12px 28px;
  font-size: 1.25rem;
  font-weight: bold;
  border: solid 2px #3A414A;
}

@media only screen and (max-width: 500px) {
  .pub-result-main,
  .pub-detail-main {
    padding-bottom: 10px;
  }
}

.search--box--pub-result .formItem {
  margin-bottom: 30px;
}
.search--box--pub-result .formItem .title {
  position: static;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.search--box--pub-result .formItem .form {
  position: static;
  width: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.search--box--pub-result .search_submit-container {
  margin-top: 80px;
  text-align: left;
}

.pub-result-item {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
  line-height: 1.6;
}
.pub-result-item:last-child {
  margin-bottom: 0;
}
.pub-result-item span {
  font-size: 0.875rem;
  color: #707680;
}
.pub-result-item .author,
.pub-result-item .title {
  font-size: 1rem;
  line-height: 1.85;
}
.pub-result-item .title {
  margin-bottom: 0.25em;
  font-weight: bold;
}
.pub-result-item .url,
.pub-result-item .pdf {
  display: inline-block;
  margin-top: 0.25em;
  font-size: 1rem;
}
.pub-result-item .url {
  display: block;
}

.pub-result-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40%;
  height: 1px;
  content: "";
  background-color: #EDEEF0;
}

@media only screen and (max-width: 1180px) {
  .pub-result-item::after {
    width: 100%;
  }
}
.pub-detail-title {
  margin-top: -0.25em;
  line-height: 1.5;
}

#map_container {
  position: relative;
  height: 500px;
}
@media only screen and (max-width: 768px) {
  #map_container {
    height: 400px;
  }
}
@media only screen and (max-width: 500px) {
  #map_container {
    height: 250px;
  }
}

#map_container_tokyo_kyoto {
  position: relative;
  height: 500px;
  margin-bottom: 160px;
}

@media screen and (max-width: 768px) {
  #map_container_tokyo_kyoto {
    height: 400px;
    margin-bottom: 128px;
  }
}
@media screen and (max-width: 500px) {
  #map_container_tokyo_kyoto {
    height: 250px;
    margin-bottom: 80px;
  }
}
#map {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#map-tokyo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#map-kyoto {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* About - page-about.php
   ========================================================================== */
.about-menu-container {
  padding: 0 15px;
}

.about-menu {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  .about-menu {
    display: none;
  }
}
.about-menu ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}
.about-menu ul::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #9EA2A6;
}
.about-menu ul li {
  position: relative;
  display: block;
  padding: 8px 22px;
  font-weight: bold;
}
.about-menu ul li::before {
  display: none;
}
.about-menu ul li.active::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background-color: #3A414A;
}
.about-menu ul li a {
  font-weight: bold;
  color: #a1a5ad;
}
.about-menu ul li a:hover {
  text-decoration: none;
}
.about-menu ul li.active a {
  color: #3A414A;
}

.about-menu--onMobile {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .about-menu--onMobile {
    display: block;
  }
}

.aboutus-inner, .ceoMessage-inner {
  padding: 0 15px;
}

.aboutus-header, .contact-info-header {
  float: left;
  width: 300px;
}
.aboutus-header h3, .contact-info-header h3 {
  margin-top: 0;
  font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .aboutus-header, .contact-info-header {
    float: none;
    width: 100%;
  }
}
.aboutus-main, .contact-info-main {
  float: right;
  width: calc(92% - 300px);
}
.aboutus-main p, .contact-info-main p {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .aboutus-main, .contact-info-main {
    float: none;
    width: 100%;
  }
}
.aboutus-image, .about-office-image {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .aboutus-image, .about-office-image {
    height: 360px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutus-image, .about-office-image {
    height: 250px;
  }
}

.about-office-image {
  margin-top: 120px;
}
@media only screen and (max-width: 500px) {
  .about-office-image {
    margin-top: 90px;
  }
}

.stretch-container--member-aside--ceoMessage .project-container, .stretch-container--member-aside--ceoMessage .container--member-aside--profile, .stretch-container--member-aside--ceoMessage .container--member-aside--projects, .stretch-container--member-aside--ceoMessage .project-container--member-activities,
.stretch-container--member-aside--ceoMessage .project-container--member-publications {
  margin-bottom: 0;
}

.ceoMessage-header {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1180px) {
  .ceoMessage-header {
    margin-bottom: 40px;
  }
}
.ceoMessage-header h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.25rem;
}
.ceoMessage-header .ceoMessage-header-aside {
  font-size: 0.875rem;
  line-height: 1.6;
}

.ceoMessage-main {
  float: left;
  width: calc(92% - 400px);
}
.ceoMessage-main p {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .ceoMessage-main {
    float: none;
    width: 100%;
  }
}
.ceoMessage-video-container {
  float: right;
  width: 400px;
}
.ceoMessage-video-container h3 {
  margin-top: 0;
  font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .ceoMessage-video-container {
    float: none;
    width: 100%;
  }
}
.ceoMessage-video {
  position: relative;
  height: 0;
  padding-top: 25px;
  padding-bottom: 56.25%; /* 16:9 */
}

.ceoMessage-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stretch-container--member-aside--founderMessage {
  padding: 100px 0;
  color: #ffffff;
  background-color: #3A414A;
}
@media only screen and (max-width: 768px) {
  .stretch-container--member-aside--founderMessage {
    padding: 50px 0;
  }
}
.stretch-container--member-aside--founderMessage .project-container, .stretch-container--member-aside--founderMessage .container--member-aside--profile, .stretch-container--member-aside--founderMessage .container--member-aside--projects, .stretch-container--member-aside--founderMessage .project-container--member-activities,
.stretch-container--member-aside--founderMessage .project-container--member-publications {
  margin-bottom: 0;
}

.founderMessage-main {
  float: right;
  width: calc(92% - 400px);
}
.founderMessage-main p {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .founderMessage-main {
    float: none;
    width: 100%;
  }
}
.message-primary-header h3 {
  margin: 1em 0;
  font-size: 72px;
  font-weight: 100;
  color: #000000;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .message-primary-header h3 {
    font-size: 54px;
  }
}
@media only screen and (max-width: 500px) {
  .message-primary-header h3 {
    font-size: 42px;
  }
}

.message-primary-main {
  color: #3A414A;
}

.message-primary-main-header h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.125rem;
}

.message-primary-main-body p {
  margin-top: 0;
}
.message-primary-main-body .sign {
  line-height: 1.6;
}
.message-primary-main-body .sign small {
  display: block;
  margin-top: 0.5em;
  font-size: 0.875rem;
}
.message-primary-main-body ul {
  padding: 0;
}
.message-primary-main-body ul li::before {
  display: none;
}

.history {
  padding: 0 15px;
  text-align: center;
}

.about-office-header {
  margin-top: 80px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  .about-office-header {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.about-office-header h2 {
  font-size: 54px;
  font-weight: 100;
}
@media only screen and (max-width: 500px) {
  .about-office-header h2 {
    font-size: 48px;
  }
}

.pamphlet-item {
  position: relative;
  float: left;
  width: 47%;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .pamphlet-item {
    width: 100%;
  }
}

.pamphlet-item:nth-of-type(2n) {
  margin-left: 6%;
}
@media only screen and (max-width: 768px) {
  .pamphlet-item:nth-of-type(2n) {
    margin-left: 0;
  }
}

.pamphlet-thumbnail {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.pamphlet-thumbnail img {
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  border: solid 1px #D8DBDF;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.pamphlet-year {
  font-size: 1rem;
  font-weight: bold;
}

.pamphlet-title {
  margin: -0.25em 0 1em;
  font-size: 1rem;
}

.pamphlet-excerpt {
  position: absolute;
  right: 0;
  bottom: 50%;
  width: 44%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.pamphlet-year,
.pamphlet-title,
.pamphlet-download {
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.biggerlink:hover .pamphlet-year,
.biggerlink:hover .pamphlet-title,
.biggerlink:hover .pamphlet-download {
  color: #000;
}

/**
 * 新しいAboutページのスタイル
 * 
 * 2023.02.01三浦追加
 */
.c-about-content-container {
  margin-bottom: min(max(3.75rem, calc(3.75rem + (7.5 - 3.75) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 7.5rem);
}

.c-about-content__header {
  margin-top: min(max(2rem, calc(2rem + (3.5 - 2) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 3.5rem);
  margin-bottom: min(max(1.25rem, calc(1.25rem + (2.5 - 1.25) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 2.5rem);
}

.c-about-content__header > h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: min(max(1.25rem, calc(1.25rem + (1.875 - 1.25) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 1.875rem);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.c-about-content p {
  margin-top: min(max(1.25rem, calc(1.25rem + (1.5 - 1.25) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 1.5rem);
  margin-bottom: min(max(1.25rem, calc(1.25rem + (1.5 - 1.25) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 1.5rem);
}

.c-about-content .c-group {
  margin-top: min(max(2.5rem, calc(2.5rem + (5.5 - 2.5) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 5.5rem);
  margin-bottom: min(max(2.5rem, calc(2.5rem + (5.5 - 2.5) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 5.5rem);
}

.c-about-content .c-group:first-of-type {
  margin-top: 0;
}

.c-about-content .c-group:last-of-type {
  margin-bottom: 0;
}

.l-brochures {
  margin-bottom: min(max(3.75rem, calc(3.75rem + (5 - 3.75) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 5rem);
}

.c-brochures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: max(min(-3.75rem, calc(-3.75rem + (-5 - -3.75) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), -5rem);
}

.c-brochures-item-container {
  width: 47%;
  margin-bottom: min(max(3.75rem, calc(3.75rem + (5 - 3.75) * ((100vw - 23.4375rem) / (66.875 - 23.4375)))), 5rem);
}
@media only screen and (max-width: 31.25em) {
  .c-brochures-item-container {
    width: 100%;
  }
}

.c-brochures-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-brochures-thumbnail-container {
  width: 50%;
}

.c-brochures-thumbnail {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.c-brochures-thumbnail > img {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}

.c-brochures-main {
  width: 44%;
}

.c-brochures-more-button {
  display: block;
  margin-top: 1rem;
  text-align: right;
  cursor: pointer;
}

.c-brochures-year {
  font-size: 1rem;
  font-weight: bold;
}

.c-brochures-title {
  margin: -0.25em 0 1em;
  font-size: 1rem;
}

#show-history-circle,
#show-history-itemized {
  cursor: pointer;
}

.branch-name {
  margin-bottom: 1em;
  font-size: 1.25rem;
  font-weight: bold;
}

.access-info {
  margin-top: 30px;
}

.agree-media-header, .policy-header, .terms-header {
  padding: 10px 24px;
  margin: 0 0 60px;
  color: #ffffff;
  text-align: center;
  background-color: #707680;
}
.agree-media-header h2, .policy-header h2, .terms-header h2 {
  margin: 0;
  font-size: 1.125rem;
}

.agree-media-main ul {
  padding: 0;
  margin: 0;
}
.agree-media-main ul li::before {
  display: none;
}
.agree-media-main input[type=text] {
  width: 100%;
  height: 46px;
  line-height: 46px;
  border: 1px solid #D8DBDF;
}
.agree-media-main textarea {
  width: 100%;
  border: 1px solid #D8DBDF;
}

.agree-button-container {
  margin-top: 100px;
  margin-bottom: 140px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .agree-button-container {
    margin-top: 60px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 500px) {
  .agree-button-container {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

.agree-button {
  font-size: 1.125rem;
  color: #3A414A;
  border: solid 1px #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.agree-button:hover {
  color: #000000;
  border: solid 1px #000000;
}
.agree-button + .agree-button {
  margin-left: 30px;
}
.agree-button a {
  display: block;
  padding: 12px 28px;
}
.agree-button a:hover {
  text-decoration: none;
}

.cf_title {
  margin-top: 50px;
}

.form_name dt {
  display: table-cell;
  width: 150px;
  line-height: 1.5;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .form_name dt {
    display: block;
    width: 100%;
  }
}
.form_name dd {
  display: table-cell;
  width: 200px;
  padding: 0 15px;
  margin: 0;
  margin-bottom: 0.75rem;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .form_name dd {
    display: block;
    width: 100%;
    padding: 0;
  }
}

.form_mail dt {
  display: table-cell;
  width: 300px;
  line-height: 1.5;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .form_mail dt {
    display: block;
    width: 100%;
  }
}
.form_mail dd {
  display: table-cell;
  width: 700px;
  margin: 0;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .form_mail dd {
    display: block;
    width: 100%;
  }
}

.form_content dt {
  display: table-cell;
  width: 300px;
  line-height: 1.5;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .form_content dt {
    display: block;
    width: 100%;
  }
}
.form_content .fc_title {
  vertical-align: top;
}
.form_content dd {
  display: table-cell;
  width: 700px;
  margin: 0;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .form_content dd {
    display: block;
    width: 100%;
  }
}

.submit_btn {
  margin-top: 100px;
  margin-bottom: 140px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .submit_btn {
    margin-top: 60px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 500px) {
  .submit_btn {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
.submit_btn input[type=submit] {
  padding: 12px 28px;
  font-size: 1.125rem;
  color: #3A414A;
  cursor: pointer;
  border: solid 1px #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.submit_btn input[type=submit]:hover {
  color: #000000;
  border: solid 1px #000000;
}

.terms-main .article h3 {
  margin-bottom: 0.5em;
  font-size: 1.125rem;
}

.policy-main .article h3 {
  font-size: 1.125rem;
}
.policy-main .article ul {
  padding: 0;
  margin: 0;
}
.policy-main .article ul li {
  margin-bottom: 2.5em;
}
.policy-main .article ul li::before {
  display: none;
}
.policy-main p {
  margin-top: 0;
}

.project--categories {
  -webkit-margin-after: -30px;
          margin-block-end: -30px;
}
.project--categories ul {
  padding: 0;
  margin: 0;
}
.project--categories ul li {
  margin-bottom: 0.75rem;
  font-weight: bold;
  line-height: 2;
  color: #707680;
}
.project--categories ul li::before {
  display: none;
}
.project--categories h3 {
  font-size: 1.75rem;
}

.cat-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cat-grid .cat-grid-item {
  width: 33.3333%;
}
@media only screen and (max-width: 768px) {
  .cat-grid .cat-grid-item {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  .cat-grid .cat-grid-item {
    width: 100%;
  }
}
.cat-grid .cat-grid-item .cat-grid-item-inner {
  padding: 0 15px 30px;
}
.cat-grid .cat-grid-item .cat-grid-item-inner h3 {
  margin-top: 0;
}

.tagpage-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tagpage-contents .tagpage-contents-header {
  width: 100%;
  text-align: center;
}
.tagpage-contents .tagpage-contents-header h3 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 1.75em;
          margin-block-end: 1.75em;
  font-size: 1.75rem;
}

.js-csl-plx {
  position: relative;
  overflow: hidden;
}

.js-csl-plx-main-contents {
  position: relative;
  z-index: 2;
}

.js-csl-plx img {
  position: absolute;
  z-index: 1;
}

.access-address {
  font-weight: bold;
}

.access-note {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
  .access-note {
    margin-bottom: 1.2em;
  }
}
@media screen and (max-width: 500px) {
  .access-note {
    margin-bottom: 0.75em;
  }
}
.postid-287 p {
  font-size: 15px;
}

#main-visual {
  position: relative;
  visibility: hidden;
  background-color: #EDEEF0;
  opacity: 0;
}
#main-visual .main-visual-item {
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 768px) {
  #main-visual .main-visual-item {
    height: 400px;
  }
}
@media only screen and (max-width: 500px) {
  #main-visual .main-visual-item {
    height: 250px;
  }
}
#main-visual .main-visual-item .main-visual-item-title {
  position: absolute;
  bottom: 17%;
  left: 35px;
  z-index: 2;
  font-size: 56px;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #main-visual .main-visual-item .main-visual-item-title {
    left: 20px;
    font-size: 48px;
  }
}
@media only screen and (max-width: 500px) {
  #main-visual .main-visual-item .main-visual-item-title {
    font-size: 34px;
  }
}
#main-visual .main-visual-item .main-visual-item-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#main-visual .main-visual-item .main-visual-item-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.is-loaded #main-visual {
  visibility: visible;
  opacity: 1;
}

#main-visual .dots {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 92%;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  #main-visual .dots {
    bottom: 1.25rem;
  }
}
@media only screen and (max-width: 500px) {
  #main-visual .dots {
    bottom: 1rem;
  }
}
#main-visual .dots .dots-item {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0;
  cursor: pointer;
  background-color: white;
  border: 0;
  border-radius: 50%;
  outline: 0;
  opacity: 0.3;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: scale(1);
          transform: scale(1);
}
#main-visual .dots .dots-item::before {
  display: none;
}
@media only screen and (max-width: 768px) {
  #main-visual .dots .dots-item {
    width: 12px;
    height: 12px;
  }
}
#main-visual .dots .dots-item--active {
  opacity: 1;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.select-to-move-container {
  position: relative;
  float: left;
  width: calc(100% - 121px);
}
@media only screen and (max-width: 500px) {
  .select-to-move-container {
    width: calc(100% - 91px);
  }
}

.select-to-move-button {
  position: relative;
  float: right;
  width: 96px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #8C8F97;
  border-radius: 2px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
@media only screen and (max-width: 500px) {
  .select-to-move-button {
    width: 76px;
    font-size: 18px;
  }
}
.select-to-move-button:hover {
  background-color: #3A414A;
}
.select-to-move-button span {
  position: absolute;
  right: 50%;
  bottom: 50%;
  display: block;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.l-contents-nav-container {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto 4.90625rem;
}

#page_member .l-contents-nav-container {
  margin-bottom: 3.0625rem;
}

.l-contents-nav {
  padding: 0 35px;
}
@media only screen and (max-width: 48em) {
  .l-contents-nav {
    padding: 0 20px;
  }
}

.c-contents-nav__list,
.c-contents-nav__list .sub-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.c-contents-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .c-contents-nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.c-contents-nav__list-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.2;
  text-align: center;
}

.sub-menu .c-contents-nav__list-item {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.c-contents-nav__list > .c-contents-nav__list-item {
  font-size: 1.25rem;
}

.c-contents-nav__list-item.menu-item-has-children {
  position: relative;
}

.c-contents-nav__list > .menu-item-has-children .menu-item {
  -webkit-margin-after: 1px;
          margin-block-end: 1px;
}
.c-contents-nav__list > .menu-item-has-children .menu-item:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.c-contents-nav__link {
  display: block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sub-menu .c-contents-nav__link {
  padding: 0.595rem 1rem;
  background-color: #dcdcdc;
}

.c-contents-nav__list > .menu-item .menu-item a:hover {
  color: #fff !important;
  background-color: #a9a8a8;
}

.c-contents-nav__list > .menu-item > a {
  padding: 0 0 0.15em;
  -webkit-margin-before: -0.1em;
          margin-block-start: -0.1em;
  font-weight: bold;
  border-bottom: 3px solid #3A414A;
  opacity: 0.5;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media only screen and (max-width: 48em) {
  .c-contents-nav__list > .menu-item > a {
    padding: 0.5em !important;
    -webkit-margin-before: 0.5em;
            margin-block-start: 0.5em;
  }
}

.c-contents-nav__list-item a:hover,
.c-contents-nav__list-item a:focus,
.c-contents-nav__list-item a:active {
  text-decoration: none;
}

.c-contents-nav__list > .menu-item.is-current > a,
.c-contents-nav__list > .menu-item.current_page_item > a,
.c-contents-nav__list > .menu-item.is-active > a {
  opacity: 1 !important;
}

.c-contents-nav__list > .menu-item .menu-item a:hover,
.c-contents-nav__list > .menu-item .menu-item a:focus,
.c-contents-nav__list > .menu-item .menu-item a:active {
  color: #000000;
}

.c-contents-nav__list > .menu-item > a > span {
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.c-contents-nav__list > .menu-item.is-active > a > span {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
@media only screen and (max-width: 48em) {
  .c-contents-nav__list > .menu-item.is-active > a > span {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.c-contents-nav__list .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 0;
  padding-block: 1px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (max-width: 48em) {
  .c-contents-nav__list .sub-menu {
    position: static;
  }
}

html {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body {
  overflow-x: hidden;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.is-visible {
  visibility: visible;
  opacity: 1;
}

.top-shadow-on-white {
  -webkit-box-shadow: 0 40px 30px -30px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 40px 30px -30px rgba(0, 0, 0, 0.1) inset;
}

.top-shadow-on-gray,
.top-shadow-on-dark {
  -webkit-box-shadow: 0 40px 30px -30px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 40px 30px -30px rgba(0, 0, 0, 0.3) inset;
}

.brand-video-wrapper,
.c-embed-video {
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 500px) {
  .brand-video-wrapper,
  .c-embed-video {
    padding: 0 2px;
  }
}

video {
  width: 100% !important;
  height: auto !important;
  background-color: transparent !important;
}

button {
  color: inherit;
}

.video-control-button,
.c-embed-video__play-button {
  position: absolute;
  right: 50%;
  bottom: 50%;
  z-index: 1;
  width: 84px;
  height: 65px;
  vertical-align: middle;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}
.video-control-button.is-visible,
.c-embed-video__play-button.is-visible {
  opacity: 1;
}

.video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  margin: 3rem auto;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* <両サイドの余白の確保について>
/* $spacer - コンテナの両サイドに適用する余白
/* $min-side-space - グリッドのガターに適用する余白 ※グリッドじゃない場合はコンテンツの両サイドに適用する
/* 背景:
/* グリッドレイアウトを包括するコンテナとそうでないコンテナの幅を合わせるため。※IE9対策
   ========================================================================== */
.spacer {
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  .spacer {
    padding: 0 5px;
  }
}
.readable-container {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

.readable-container--grid {
  width: 100%;
  max-width: calc(750px + 15px + 15px);
  margin: 0 auto;
}

/* 背景パララックス
   ========================================================================== */
.js-plx {
  position: relative;
}

/* CSLアイコン
   ========================================================================== */
.js-csl-icon {
  position: absolute;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

/* サイトコンテナ
   ========================================================================== */
#site-container {
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  #site-container {
    margin-top: 77.24px;
  }
}

/* Recent Articles
   ========================================================================== */
#recent-articles {
  width: 100%;
}

.page-template-page-project #recent-articles,
.page-template-page-events #recent-articles {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .page-template-page-project #recent-articles,
  .page-template-page-events #recent-articles {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-project #recent-articles,
  .page-template-page-events #recent-articles {
    margin-bottom: 50px;
  }
}

.recent-articles-item {
  float: left;
  width: 25%;
  margin-bottom: 2px;
  overflow-x: hidden;
  vertical-align: top;
}

@media only screen and (max-width: 1680px) {
  .recent-articles-item {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 1180px) {
  .recent-articles-item {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .recent-articles-item {
    float: none;
    width: 100%;
  }
}
.recent-articles-item-inner {
  height: 100%;
  padding: 0 1px;
}

.recent-articles-item-inner > a {
  display: block;
  height: 148px;
  padding: 35px;
  overflow-y: hidden;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
@media only screen and (max-width: 768px) {
  .recent-articles-item-inner > a {
    padding: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .recent-articles-item-inner > a {
    height: auto !important;
  }
}
.recent-articles-item-inner > a.light-theme {
  color: #3A414A;
  background-color: #f1f1f1;
}

.recent-articles-item-inner > a.dark-theme {
  color: #ffffff;
  background-color: #3A414A;
}

.recent-articles-item-inner > a:hover {
  text-decoration: none;
}

.recent-articles-item-inner > a.light-theme:hover {
  background-color: #f9f9f9;
}

.recent-articles-item-inner > a.dark-theme:hover {
  text-decoration: none;
  background-color: #24282d;
}

.recent-articles-title {
  margin-bottom: 3px;
  font-weight: bold;
}

.recent-articles-title,
.recent-articles-body {
  line-height: 1.6;
}

.recent-articles-thumbnail-container {
  position: relative;
  float: right;
  background-color: #ffffff;
}

@media only screen and (max-width: 500px) {
  .recent-articles-thumbnail-container {
    float: none;
  }
}
.recent-articles-thumbnail {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 5px solid #ffffff;
}
@media only screen and (max-width: 500px) {
  .recent-articles-thumbnail {
    width: 100%;
    height: 200px;
  }
}

.recent-articles-thumbnail > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.recent-articles-excerpt-container {
  float: left;
  width: calc(100% - 160px);
  max-height: 130px;
  overflow: hidden;
}

@media only screen and (max-width: 500px) {
  .recent-articles-excerpt-container {
    float: none;
    width: 100%;
    margin: 20px 0 36px;
  }
}
.clearfix::after, .member-single-aside-header::after, .member-single-aside-inner::after, .member-single::after, #staffList::after, .member-container::after, .member-item-container::after, .news-item::after, .year-list--onMobile::after, #news-main::after, .news-container::after, .project-container::after, .container--member-aside--profile::after, .container--member-aside--projects::after, .project-container--member-activities::after,
.project-container--member-publications::after, .relatedOnNews-item::after, .related-item--projects::after, .related-item--news::after, .related::after, #project-single-container::after, .row-inner::after, .sony-header-inner::after, .sonycsl-header-inner::after, .site-footer-primary::after, ul.tabs::after, .about-menu--onMobile::after, .aboutus::after, .ceoMessage::after, #pamphlet-list::after, .contact-info::after, #recent-articles::after, .recent-articles-item-inner > a::after {
  display: block;
  clear: both;
  content: "";
}

.recent-articles-excerpt {
  padding-right: 15px;
  margin-top: -0.275em;
  font-size: 14px;
  line-height: 1.6;
}

.recent-articles-date {
  margin-top: 10px;
  font-size: 12px;
  text-decoration: none;
}

/* Row & Column
   ========================================================================== */
.row {
  position: relative;
  padding: 180px 0;
}

@media only screen and (max-width: 768px) {
  .row {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 500px) {
  .row {
    padding: 80px 0;
  }
}
.row--bg-white {
  background-color: #ffffff;
}

.row--bg-gray {
  background-color: #EDEEF0;
}

.row-inner {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
}

.js-plx-main-contents {
  position: relative;
  z-index: 2;
}

.js-plx-csl-elements {
  position: absolute;
  top: 0;
  z-index: 1;
}

.col--one {
  width: 88%;
}

.col--harf {
  width: 50%;
}

.col--center {
  margin: 0 auto;
}

.col--left {
  float: left;
  margin-left: 15px;
}

.col--right {
  float: right;
  margin-right: 15px;
}

@media only screen and (max-width: 768px) {
  .col {
    float: none;
    width: 100%;
  }
}
.col-inner {
  width: 88%;
  margin: 0 auto;
}

.col-title {
  margin-top: 0;
  font-size: 42px;
  font-weight: bold;
}

.col-body {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.7;
}

.button {
  float: right;
  padding: 12px 28px;
  font-weight: bold;
  color: #3A414A;
  cursor: pointer;
  border: solid 1px #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.button:hover {
  color: #000000;
  border: solid 1px #000000;
}
.button a:hover {
  text-decoration: none;
}

.button--light {
  float: none;
  color: #ffffff;
  cursor: pointer;
  border: solid 1px #ffffff;
}
.button--light:hover {
  color: #ffffff;
  border: solid 1px #ffffff;
  opacity: 0.8;
}

.buttons-primary {
  padding: 0;
  margin: 0;
  font-size: 0;
  text-align: center;
  list-style: none;
}

.buttons-primary > li {
  display: inline-block;
  width: 33.3333%;
  max-width: 325px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .buttons-primary > li {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .buttons-primary > li:last-child {
    margin-bottom: 0;
  }
}
.buttons-primary > li::before {
  display: none;
}

.buttons-primary > li > span {
  display: block;
  padding: 0 12px;
}

@media only screen and (max-width: 768px) {
  .buttons-primary > li > span {
    padding: 0 24px;
  }
}
.buttons-primary > li > span > a {
  display: block;
  padding: 28px 0;
  color: #ffffff;
  background-color: #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.buttons-primary > li > span > a:hover {
  text-decoration: none;
  background-color: #24282d;
}

.buttons-secondary {
  padding: 0;
  margin: 60px 0 0;
  font-size: 0;
  text-align: center;
  list-style: none;
}

.buttons-secondary > li {
  display: inline-block;
  width: 50%;
  max-width: 430px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .buttons-secondary > li {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .buttons-secondary > li:last-child {
    margin-bottom: 0;
  }
}
.buttons-secondary > li::before {
  display: none;
}

.buttons-secondary > li > span {
  display: block;
  padding: 0 24px;
}

.buttons-secondary > li > span > a {
  display: block;
  padding: 28px 0;
  color: #3A414A;
  border: solid 1px #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.buttons-secondary > li > span > a:hover {
  color: #000000;
  text-decoration: none;
}

.buttons-secondary > li > span > a > span {
  display: block;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .buttons-secondary > li > span > a > span {
    font-size: 18px;
  }
}
.buttons-secondary > li > span > a > span + span {
  margin-top: 2px;
  font-size: 12px;
  font-weight: normal;
}

/* Page
   ========================================================================== */
#page-title-container {
  width: 88%;
  max-width: 1190px;
  margin: 0 auto;
  text-align: center;
}

#page-title {
  padding: calc(2.515rem - 0.1em) 0 0; /* 40.24px */
  margin: 0 0 calc(2.515rem - 0.1em); /* 40.24px */
  font-size: 2rem;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  #page-title {
    font-size: 1.75rem;
  }
}
#page-title > span {
  display: inline-block;
}
#page-title > span a {
  text-decoration: none;
}

/* Project Single
   ========================================================================== */
#project-single-container {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto 90px;
}
@media only screen and (max-width: 500px) {
  #project-single-container {
    margin: 0 auto 60px;
  }
}

#project-single-title {
  margin: 0;
  margin: 4.5625rem 0 3.375rem;
  margin: -0.3em 0 calc(2.515rem - 0.3em); /* 40.24px */
  font-size: 3rem;
  font-weight: 200;
  line-height: 1.6;
  color: #656565;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #project-single-title {
    margin: 1.5em 0 1.25em;
    font-size: 2rem;
  }
}
#project-single-inner {
  padding: 0 15px;
}

#project-single-date {
  margin-top: 40px;
  text-align: right;
}

.member_h3 {
  display: none;
}

#page_member .member_h3 {
  display: block;
}

.related-item--news {
  margin-bottom: 50px;
}

.js-more-item:focus {
  outline: none;
}

.related-item-title--news,
.related-item-body--news,
.related-item-date--news {
  font-size: 14px;
  line-height: 1.6;
}

.related-item-title--news {
  margin-top: -0.275em;
}

.related-item--projects {
  float: left;
  width: 33.3333%;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .related-item--projects {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .related-item--projects {
    float: none;
    width: 100%;
  }
}
.related-item-inner {
  padding: 0 15px;
}

.related-member-thumbnail {
  position: relative;
  padding-bottom: 100%;
}

.related-item-thumbnail {
  position: relative;
  float: left;
}

.related-item-thumbnail-container {
  float: left;
  width: 120px;
  height: 80px;
  background-color: #ffffff;
}

.related-item-thumbnail-container--news {
  float: left;
  width: 120px;
  height: 80px;
  background-color: #ffffff;
}

.related-item-thumbnail-container--member {
  float: none;
  width: 150px;
  height: 150px;
}

.related-item-thumbnail {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.related-item-thumbnail > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.related-item-excerpt-container {
  float: right;
  width: calc(100% - 120px);
  overflow: hidden;
}

.related-item-excerpt {
  padding-left: 15px;
}

.related-item-title,
.related-item-body {
  font-size: 12px;
  line-height: 1.6;
}

.related-item-title {
  margin-top: -0.275em;
  font-weight: bold;
}

.relatedOnNews {
  padding: 0 0 0 calc(15px * 0.8);
}

.relatedOnNews-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #EDEEF0;
}

.relatedOnNews-item-thumbnail-container {
  position: relative;
  float: left;
  width: 52px;
  height: 40px;
  background-color: #ffffff;
}

.relatedOnNews-item-thumbnail-container--related-member {
  width: 52px;
  height: 52px;
}

.relatedOnNews-item-thumbnail {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.relatedOnNews-item-thumbnail > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.relatedOnNews-item-excerpt-container {
  float: right;
  width: calc(100% - 52px);
  overflow: hidden;
}

.relatedOnNews-item-excerpt {
  padding-left: 12px;
}

.relatedOnNews-item-title {
  margin-top: -0.2em;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.relatedOnNews-item-body {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  color: #707680;
}

.relatedOnNews-item--member {
  margin-bottom: 10px;
}

.relatedOnNews-item--news {
  margin-bottom: 24px;
}

.relatedOnNews-item-title--news {
  font-weight: bold;
}

.relatedOnNews-item-title--news,
.relatedOnNews-item-body--news {
  font-size: 14px;
  line-height: 1.6;
}

.relatedOnNews-item-date--news {
  margin-top: 6px;
  font-size: 12px;
  color: #707680;
}

.related-item--member {
  float: left;
  width: 25%;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .related-item--member {
    width: 33.333%;
  }
}
@media only screen and (max-width: 500px) {
  .related-item--member {
    width: 50%;
  }
}

.related-item-title--member {
  padding: 1em 0 2em;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

.related-item-title--member--onNews {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  text-align: left;
}

.more-button-container {
  margin-top: 50px;
  clear: both;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .more-button-container {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .more-button-container {
    margin-top: 20px;
  }
}

.more-button-container--news {
  margin-top: 80px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .more-button-container--news {
    margin-top: 60px;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .more-button-container--news {
    margin-top: 50px;
  }
}

.more-button-container--related-publications {
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  .more-button-container--related-publications {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .more-button-container--related-publications {
    margin-top: 50px;
  }
}

.more-button {
  display: inline-block;
  height: 46px;
  padding: 0 30px;
  margin: 0 auto;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 46px;
  cursor: pointer;
  border: solid 1px #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.more-button.more-button--light {
  border: solid 1px #ffffff;
}
.more-button:hover {
  text-decoration: none;
}

.more-btn {
  display: inline-block;
  height: 46px;
  line-height: 46px;
}
.more-btn a {
  display: block;
  padding: 0 30px;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.more-btn.more-btn--dark a {
  color: #3A414A;
  border: solid 1px #3A414A;
}
.more-btn.more-btn--dark a:hover {
  color: #000000;
  border: solid 1px #000000;
}

.child-projects {
  width: 100%;
  max-width: 1070px;
  margin: 90px auto;
}

@media only screen and (max-width: 768px) {
  .child-projects {
    margin: 60px auto 90px;
  }
}
.child-projects-inner {
  padding: 0 15px;
}

.child-projects .recent-articles-item {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .child-projects .recent-articles-item {
    width: 100%;
  }
}
#related-publications {
  margin: 60px 0;
}
#related-publications a {
  color: #707680;
}

#related-publications-header > h3 {
  margin-top: 0;
}

#related-publications-moreButton {
  margin-top: 30px;
  text-align: right;
}
#related-publications-moreButton a {
  font-size: 14px;
}

/* Project
   ========================================================================== */
.project-container, .container--member-aside--profile, .container--member-aside--projects, .project-container--member-activities,
.project-container--member-publications {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto 90px;
}
@media only screen and (max-width: 500px) {
  .project-container, .container--member-aside--profile, .container--member-aside--projects, .project-container--member-activities,
  .project-container--member-publications {
    margin: 0 auto 60px;
  }
}

.project-container--access {
  margin: 0 auto;
}

.project-container--logo-motion {
  margin: 0 auto 160px;
}
@media only screen and (max-width: 500px) {
  .project-container--logo-motion {
    margin: 0 auto 90px;
  }
}

.project-container--staff {
  margin: 0 auto;
}

.project-container--member-activities,
.project-container--member-publications {
  margin: 0 auto 30px;
}
@media only screen and (max-width: 500px) {
  .project-container--member-activities,
  .project-container--member-publications {
    margin: 0 auto 15px;
  }
}

.project {
  padding: 0 15px;
}

.project--csl-logo-animation {
  width: 180px;
  margin: 0 auto;
}

.project--pamphlet {
  text-align: center;
}

.container--member-aside--projects {
  margin: 0 auto 30px;
}

.container--member-aside--profile {
  margin: 0 auto 30px;
}

.project-item-container {
  float: left;
  width: 33.3333%;
  margin-bottom: 30px;
}

.project-item-container--onMember {
  width: 25%;
}

@media only screen and (max-width: 1180px) {
  .project-item-container {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  .project-item-container {
    width: 100%;
  }
}
.project-item {
  padding: 0 15px;
}

.project-item-inner {
  position: relative;
  background-color: #f1f1f1;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.project-item-inner:hover {
  background-color: #f9f9f9;
}

.project-item-thumbnail {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 200px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: solid 1px #EDEEF0;
}

.project-item-thumbnail > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-item-container--onMember .project-item-thumbnail {
  height: 180px;
}

.project-item-excerpt {
  position: relative;
  padding: 14px 20px 0;
  overflow: hidden;
}

.project-item-title {
  padding: 0;
  margin: 0 0 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}

.project-item-body {
  font-size: 14px;
  line-height: 1.6;
}

.project-item-body--pickup {
  padding: 0 0 24px;
}

.project-item-date {
  padding: 0;
  padding: 16px 20px 12px;
  font-size: 12px;
  text-decoration: none;
}

/* News (Archive) - archive-news.php
   ========================================================================== */
.news-container {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
}

.news-inner {
  padding: 0 15px;
}

.news-aside {
  float: left;
  width: 26%;
  padding-bottom: 70px;
}
.news-aside:last-child {
  padding-bottom: 0;
}

@media only screen and (max-width: 1180px) {
  .news-aside {
    float: none;
    width: 100%;
    padding-bottom: 40px;
  }
}
#news-main {
  float: right;
  width: 63%;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1180px) {
  #news-main {
    float: none;
    width: 100%;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 500px) {
  #news-main {
    padding-bottom: 60px;
  }
}

.article-content a {
  color: #707680;
  text-decoration: underline;
}
.article-content a:hover {
  text-decoration: underline;
}
.article-content table.no-border {
  border: none;
}
.article-content table.no-border th,
.article-content table.no-border td {
  border: none;
}

.article-content > .jp > *:first-child,
.article-content > .en > *:first-child,
.article-content > .only-jp > *:first-child,
.article-content > .only-en > *:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.article-content > .jp > *:is(h2, h3),
.article-content > .en > *:is(h2, h3),
.article-content > .only-jp > *:is(h2, h3),
.article-content > .only-en > *:is(h2, h3) {
  -webkit-margin-before: -0.425em !important;
          margin-block-start: -0.425em !important;
}

.article-content > .jp > *:is(h4, h5, h6),
.article-content > .en > *:is(h4, h5, h6),
.article-content > .only-jp > *:is(h4, h5, h6),
.article-content > .only-en > *:is(h4, h5, h6) {
  -webkit-margin-before: -0.2145em !important;
          margin-block-start: -0.2145em !important;
}

#related-publications-itemList a {
  color: #707680;
  text-decoration: underline;
}
#related-publications-itemList a:hover {
  text-decoration: underline;
}

.agree-media-main a {
  color: #707680;
  text-decoration: underline;
}
.agree-media-main a:hover {
  text-decoration: underline;
}

.year-list {
  display: block;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 1180px) {
  .year-list {
    display: none;
  }
}
.year-list > li {
  display: block;
  margin-bottom: 8px;
}

.year-list > li::before {
  display: none;
}

.year-list > li > a {
  position: relative;
  display: block;
  font-weight: bold;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.year-list > li > a:hover {
  color: #000000;
  text-decoration: none;
}

.year-list > li > a::after {
  position: absolute;
  bottom: 0;
  display: none;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #3A414A;
}

.year-list > li > a.active::after {
  display: block;
}

.year-list--onMobile {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .year-list--onMobile {
    display: block;
  }
}

.year-list + .related-more-button {
  margin-top: 0 !important;
  font-size: inherit !important;
  font-weight: bold;
  text-align: left !important;
  cursor: pointer;
}
@media only screen and (max-width: 1180px) {
  .year-list + .related-more-button {
    display: none !important;
  }
}

.js-show-loaded {
  visibility: hidden;
}

.no-js .js-show-loaded {
  visibility: visible;
}

.news-items {
  padding: 0;
  margin: 0;
  list-style: none;
}

.news-item {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.news-item:hover {
  opacity: 0.7;
}

.news-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #EDEEF0;
}

@media only screen and (max-width: 1180px) {
  .news-item::after {
    width: 100%;
  }
}
.news-item-thumbnail-container {
  position: relative;
  float: left;
  width: 182px;
  height: 140px;
  background-color: #ffffff;
}
@media only screen and (max-width: 500px) {
  .news-item-thumbnail-container {
    float: none;
    width: 100%;
    height: 240px;
    margin-bottom: 24px;
  }
}

.news-item-thumbnail {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.news-item-thumbnail > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.news-item-excerpt-container {
  float: right;
  width: calc(100% - 182px);
  overflow: hidden;
}
@media only screen and (max-width: 500px) {
  .news-item-excerpt-container {
    float: none;
    width: 100%;
  }
}

.news-item-excerpt {
  padding-left: 30px;
}
@media only screen and (max-width: 500px) {
  .news-item-excerpt {
    padding-left: 0;
  }
}

.member-single-aside-main .news-item::after {
  background-color: #3A414A;
}

.news-item:last-child::after {
  display: none;
}

.news-item-title {
  margin-top: -0.275em;
  margin-bottom: 3px;
  font-weight: bold;
}

.news-item-title,
.news-item-body {
  line-height: 1.6;
}

.news-item-date {
  margin-top: 6px;
  font-size: 14px;
  color: #707680;
}

#paginate {
  margin-top: 60px;
}

@media only screen and (max-width: 1180px) {
  #paginate {
    margin-top: 30px;
  }
}
.page-numbers {
  padding: 0;
  margin: 0;
  list-style: none;
}

.page-numbers > li {
  display: inline-block;
  margin-right: 14px;
  margin-bottom: 14px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  .page-numbers > li {
    margin-right: 7px;
  }
}

.page-numbers > li:last-child {
  margin-right: 0;
}

.page-numbers > li::before {
  display: none;
}

.page-numbers > li > span,
.page-numbers > li > a {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
}

.page-numbers > li > .current {
  color: #ffffff;
  background-color: #3A414A;
}

.page-numbers > li > a {
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.page-numbers > li > a:hover {
  color: #000000;
  text-decoration: none;
}

/* News (Single) - single-news.php
   ========================================================================== */
#news-title {
  margin-top: 0;
  font-weight: 700;
  line-height: 1.6;
}

.news-date {
  font-size: 14px;
  color: #707680;
}

#news-main p {
  margin-top: 0;
}

.news-aside--title {
  padding-bottom: 140px;
}
@media only screen and (max-width: 1180px) {
  .news-aside--title {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .news-aside--title {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .news-aside--title {
    padding-bottom: 40px;
  }
}

.related-more-button {
  padding: 0;
  margin-top: 20px;
  font-size: 14px;
  text-align: right;
}
.related-more-button a {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.related-more-button a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.news-aside .related-more-button {
  margin-top: 20px;
  font-size: 12px;
  text-align: right;
}

.news-aside-header > h3 {
  position: relative;
  padding: 5px 0;
  margin-top: 0;
}

.news-aside-header > h3::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #3A414A;
}

.categories {
  padding: 0;
  margin: 0;
  list-style: none;
}

.categories > li {
  margin-bottom: 6px;
  font-weight: bold;
}

.categories > li > a {
  font-size: 14px;
  color: #707680;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.categories > li > a:hover {
  color: #000000;
  text-decoration: none;
}

.tab-content .categories > li > a {
  color: #ffffff;
}

.tab-content .categories > li > a:hover {
  color: #707680;
  text-decoration: none;
}

.categories > li::before {
  display: none;
}

.post-nav {
  position: relative;
  margin-top: 150px;
}

@media only screen and (max-width: 1180px) {
  .post-nav {
    margin-top: 90px;
  }
}
.post-nav-item {
  position: absolute;
  width: 62px;
}

.post-nav-item--newsTop {
  top: 50%;
  left: 50%;
  width: calc(100% - 124px);
  font-size: 14px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.post-nav-item--newsTop > a {
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.post-nav-item--newsTop > a:hover {
  color: #000000;
  text-decoration: none;
}

.post-nav-item--next {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.post-nav-item--prev {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Member (Archive) - archive-member.php
   ========================================================================== */
.division-header-container {
  width: calc(100% - 30px);
  padding: 0 15px;
  margin-bottom: 40px;
}

.division-header {
  position: relative;
  padding: 0 0 0.625rem;
  line-height: 1.6;
}
.division-header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #3A414A;
}
.division-header h3 {
  margin: 0;
  line-height: 1.2;
  text-transform: uppercase;
}
.division-header p {
  margin-bottom: 1.4375rem;
  line-height: 1.5625;
  text-align: center;
}

.member-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .member-item-container {
    margin-bottom: 0;
  }
}

.member-item {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .member-item {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 500px) {
  .member-item {
    width: 50%;
  }
}

.member-item-inner {
  padding: 0 15px;
}

.member-excerpt {
  padding: 1em 0 2em;
  font-size: 0.875rem;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .member-excerpt {
    font-size: 0.75em;
  }
}

.member-container {
  margin-bottom: 90px;
}
@media only screen and (max-width: 768px) {
  .member-container {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .member-container {
    margin-bottom: 40px;
  }
}

.member-container-header {
  padding: 0 15px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 500px) {
  .member-container-header {
    margin-bottom: 40px;
  }
}

.member-container-header > h3 {
  margin: 0;
  font-size: 1.5rem;
}

.member-thumbnail {
  position: relative;
  padding-bottom: 100%;
}

.member-cslicon {
  position: absolute;
  z-index: 1;
  width: 45.7%;
  height: 45.7%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#member-toStaff-button {
  display: block;
  width: 260px;
  padding: 24px 0;
  margin: 100px auto 160px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: solid 1px #3A414A;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
#member-toStaff-button:hover {
  color: #000;
  border-color: #000;
}
@media only screen and (max-width: 768px) {
  #member-toStaff-button {
    margin: 80px auto 120px;
  }
}
@media only screen and (max-width: 500px) {
  #member-toStaff-button {
    margin: 40px auto 60px;
  }
}

.member-container--staff {
  padding-top: 30px;
}

.staffList-header {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto 50px;
}
@media only screen and (max-width: 500px) {
  .staffList-header {
    margin: 0 auto 20px;
  }
}

.staffList-col {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto 20px;
}

.staffList-col:last-of-type {
  margin: 0 auto 60px;
}

.staffList-col .js-grid {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .staffList-col .js-grid {
    display: block;
  }
}

.staffList-col .grid-sizer,
.staffList-col .grid-item {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .staffList-col .grid-sizer,
  .staffList-col .grid-item {
    width: 100%;
  }
}

.staffList-col .grid-item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .staffList-col .grid-item {
    margin-bottom: 30px;
  }
}

.staffList-col .grid-item-inner {
  padding: 0 80px;
}
@media only screen and (max-width: 1080px) {
  .staffList-col .grid-item-inner {
    padding: 0 35px;
  }
}
@media only screen and (max-width: 500px) {
  .staffList-col .grid-item-inner {
    padding: 0 20px;
  }
}

.staffList-col h3 {
  position: relative;
  padding: 0 0 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.staffList-col ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.staffList-col ul::before {
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 1.5em;
  content: "";
  background-color: #3A414A;
}

.staffList-col ul > li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}

.staffList-col ul > li:last-child {
  margin-bottom: 0;
}

.staffList-col ul li::before {
  display: none;
}

/* Member (Single) - single-member.php
   ========================================================================== */
.member-single {
  padding: 0 15px;
}

.member-single-thumbnail {
  position: relative;
  float: left;
  width: 88%;
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .member-single-thumbnail {
    float: none;
  }
}

.member-single-thumbnail__inner {
  padding-bottom: 100%;
}

.member-cslicon--single {
  bottom: -100%;
  left: -100%;
  width: 180%;
  height: 180%;
}
@media only screen and (max-width: 768px) {
  .member-cslicon--single {
    right: -68%;
    bottom: -60%;
    left: auto !important;
    width: 120%;
  }
}

.member-single-excerpt {
  float: right;
  width: calc(92% - 300px);
}
@media only screen and (max-width: 768px) {
  .member-single-excerpt {
    float: none;
    width: 100%;
    margin-top: 36px;
  }
}

.member-single-title-container {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .member-single-title-container {
    margin-top: 0;
    margin-bottom: 40px;
  }
}

.member-single-title {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .member-single-title {
    font-size: 32px;
  }
}

.member-single-title--en {
  font-size: 1.125rem;
}

.member-single-body p {
  margin: 3rem 0;
  font-size: 1rem !important;
}
@media only screen and (max-width: 768px) {
  .member-single-body p {
    margin: 2rem 0;
  }
}
@media only screen and (max-width: 500px) {
  .member-single-body p {
    margin: 1.5rem 0;
  }
}

.stretch-container--member-aside--activities, .stretch-container--member-aside--profile, .stretch-container--member-aside--publications, .stretch-container--member-aside--projects, .stretch-container--member-aside--ceoMessage {
  padding: 100px 0;
  background-color: #EDEEF0;
}
@media only screen and (max-width: 768px) {
  .stretch-container--member-aside--activities, .stretch-container--member-aside--profile, .stretch-container--member-aside--publications, .stretch-container--member-aside--projects, .stretch-container--member-aside--ceoMessage {
    padding: 50px 0;
  }
}

.stretch-container--member-aside--projects {
  background-color: #ffffff;
}

.stretch-container--member-aside--publications {
  color: #ffffff;
  background-color: #8C8F97;
}

.stretch-container--member-aside--profile {
  background-color: #ffffff;
}

.member-single-aside-inner {
  padding: 0 15px;
}

.member-single-aside-header {
  float: left;
  width: 300px;
}
.member-single-aside-header h3 {
  margin-top: -0.2375em;
  margin-left: 10%;
  font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .member-single-aside-header {
    float: none;
    width: 100%;
  }
  .member-single-aside-header h3 {
    margin-left: 0;
  }
}
.member-single-aside-header--projects, .member-single-aside-header--publications {
  float: none;
  width: 100%;
  margin-bottom: 50px;
  text-align: center;
}
.member-single-aside-header--projects > h3, .member-single-aside-header--publications > h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.member-single-aside-main {
  float: right;
  width: calc(92% - 300px);
}

@media only screen and (max-width: 768px) {
  .member-single-aside-main {
    float: none;
    width: 100%;
  }
}
.member-single-aside-main .news-item {
  -webkit-transition: all 0s;
  transition: all 0s;
}

.member-single-aside-main--publications p {
  margin-top: 0;
  margin-bottom: 2rem;
}

.member-single-aside-main-body p {
  margin-top: 0;
}

.member-single-aside-main-tags-header {
  margin-top: 70px;
}
@media only screen and (max-width: 768px) {
  .member-single-aside-main-tags-header {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .member-single-aside-main-tags-header {
    margin-top: 30px;
  }
}
.member-single-aside-main-tags-header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.2;
}

.member-single-aside-main-tags-item {
  line-height: 2.2;
  color: #707680;
}
.member-single-aside-main-tags-item ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.member-single-aside-main-tags-item ul li {
  display: inline-block;
  margin-right: 14px;
  text-transform: capitalize;
}
.member-single-aside-main-tags-item ul li:last-child {
  margin-right: 0;
}
.member-single-aside-main-tags-item ul li::before {
  display: none;
}